@charset "UTF-8";

/*!
    Author: 
*/
@font-face {
    font-family: "Proxima Nova";
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/93cc6d34-798e-42c8-87d2-fd6391801b63.eot#iefix);
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/93cc6d34-798e-42c8-87d2-fd6391801b63.eot#iefix) format("eot"), url(/app/themes/toc/assets/build/fonts/proxima-nova/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2) format("woff2"), url(/app/themes/toc/assets/build/fonts/proxima-nova/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff) format("woff"), url(/app/themes/toc/assets/build/fonts/proxima-nova/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Proxima Nova";
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot#iefix);
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot#iefix) format("eot"), url(/app/themes/toc/assets/build/fonts/proxima-nova/64017d81-9430-4cba-8219-8f5cc28b923e.woff2) format("woff2"), url(/app/themes/toc/assets/build/fonts/proxima-nova/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff) format("woff"), url(/app/themes/toc/assets/build/fonts/proxima-nova/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Proxima Nova";
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot#iefix);
    src: url(/app/themes/toc/assets/build/fonts/proxima-nova/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot#iefix) format("eot"), url(/app/themes/toc/assets/build/fonts/proxima-nova/ae47a7f5-89da-4879-b934-29722c3dd451.woff2) format("woff2"), url(/app/themes/toc/assets/build/fonts/proxima-nova/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff) format("woff"), url(/app/themes/toc/assets/build/fonts/proxima-nova/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto Mono";
    src: url(/app/themes/toc/assets/build/fonts/roboto-mono/roboto-mono-300.woff2) format("woff2"), url(/app/themes/toc/assets/build/fonts/roboto-mono/roboto-mono-300.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto Mono";
    src: url(/app/themes/toc/assets/build/fonts/roboto-mono/roboto-mono-regular.woff2) format("woff2"), url(/app/themes/toc/assets/build/fonts/roboto-mono/roboto-mono-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

html {
    height: 100%;
    box-sizing: border-box;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth
}

html.has-active-site-nav {
    overflow: hidden
}

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

body {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0;
    height: 100%;
    padding-top: 50px;
    background: #fff;
    color: #2eaccb;
    line-height: 1.45;
    scroll-padding-top: 70px;
    scroll-behavior: smooth
}

@media only screen and (min-width:56.25em) {
    body {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:56.25em) {
    body {
        padding-top: 75px;
        scroll-padding-top: 95px
    }
}

body[data-layout=fullscreen] {
    padding-top: 0 !important;
    scroll-padding-top: 0 !important
}

body.page-has-modal,
body[popup-is-open=true] {
    overflow: hidden
}

body.page-has-modal::before {
    content: "";
    z-index: 2500;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(1, 40, 60, .9)
}

body.page-has-modal.is-fullscreen::before {
    content: none
}

html.has-active-site-nav body {
    overflow: hidden
}

body#tinymce {
    margin: 12px 15px !important;
    height: auto !important;
    padding: 0 !important
}

a {
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

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

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

p:last-child {
    margin-bottom: 0
}

.button+p,
.button-set+p,
button+p {
    margin-top: 2em
}

.intro {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.4
}

@media only screen and (min-width:56.25em) {
    .intro {
        font-size: 2.1rem
    }
}

b,
strong {
    font-weight: 600
}

.small,
small {
    font-size: 1.2rem;
    line-height: 1.35;
    display: block
}

@media only screen and (min-width:33.75em) {

    .small,
    small {
        font-size: 1.4rem
    }
}

h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1
}

@media only screen and (min-width:23.75em) {
    h1 {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:33.75em) {
    h1 {
        font-size: 4.5rem;
        line-height: .95
    }
}

@media only screen and (min-width:45em) {
    h1 {
        font-size: 6rem
    }
}

@media only screen and (min-width:93.75em) {
    h1 {
        font-size: 7rem
    }
}

h1 span {
    font-weight: 600;
    line-height: .85
}

h2 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1
}

@media only screen and (min-width:33.75em) {
    h2 {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    h2 {
        font-size: 4rem
    }
}

h2 span {
    font-weight: 600;
    line-height: .95
}

h3 {
    margin: 1.2em 0 .5em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.15
}

@media only screen and (min-width:33.75em) {
    h3 {
        font-size: 3.2rem
    }
}

@media only screen and (min-width:63.75em) {
    h3 {
        font-size: 3.4rem
    }
}

h3 span {
    font-weight: 600;
    line-height: .95
}

h3:first-child {
    margin-top: 0
}

h4 {
    margin: 1.2em 0 .35em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    h4 {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    h4 {
        font-size: 2.2rem
    }
}

h4:first-child {
    margin-top: 0
}

h5 {
    margin: 1.2em 0 .35em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    h5 {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    h5 {
        font-size: 2.2rem
    }
}

h5:first-child {
    margin-top: 0
}

h6 {
    margin: 1.2em 0 .35em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    h6 {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    h6 {
        font-size: 2.2rem
    }
}

h6:first-child {
    margin-top: 0
}

figure {
    margin: 1em 0 1.5em;
    line-height: 0
}

@media only screen and (min-width:33.75em) {
    figure {
        margin: 1.5em 0 2em
    }
}

figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    line-height: normal
}

img,
object,
video {
    max-width: 100%;
    height: auto
}

video {
    display: block;
    width: 100%
}

iframe {
    max-width: 100%
}

p+iframe {
    margin-top: 1.5em
}

fieldset {
    margin: 15px 0 20px;
    border: 0;
    padding: 0
}

label,
legend {
    display: inline-block;
    margin-bottom: 5px;
    color: #2b6aac;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none
}

@media only screen and (min-width:33.75em) {

    label,
    legend {
        font-size: 1.6rem
    }
}

label {
    cursor: pointer
}

label.is-required::after,
legend.is-required::after {
    content: " *";
    color: #d0001b;
    speak: none
}

input:active+label {
    outline: 0
}

label small,
label:not([for]) {
    font-weight: 400
}

label+label {
    margin-left: 10px
}

legend {
    display: block
}

label.has-byline {
    margin-bottom: 0
}

label.has-byline+small {
    margin: -2px 0 6px
}

input:not([type]),
input[type=date],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    background: #fff;
    border: 1px solid rgba(0, 55, 85, .3);
    border-radius: 2px;
    color: #2b6aac;
    font-size: 1.6rem;
    transition: background .2s ease-out
}

input:not([type]),
input[type=date],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    display: block;
    width: 100%;
    padding: 10px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    resize: vertical
}

select {
    width: 100%;
    height: 44px;
    background: #fff
}

select[multiple] {
    display: block;
    width: 100%;
    padding: 10px 12px
}

input[type=file] {
    background: rgba(255, 255, 255, .5)
}

input[type=date] {
    text-transform: uppercase;
    max-height: 45px
}

label>input[type=checkbox]+span,
label>input[type=radio] {
    margin-left: 3px
}

form .g-recaptcha {
    margin: 1.5em 0 15px
}

dl dt {
    font-weight: 600
}

dl dd {
    margin: 0 0 1em
}

.byline {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .byline {
        font-size: 1.4rem
    }
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-top: 1px solid #f2f5f6
}

mark {
    background-color: #fff07c;
    color: #000
}

body[data-layout=fullscreen] .site-wrapper {
    height: 100%
}

.advantages-block {
    position: relative;
    overflow: hidden;
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .advantages-block {
        text-align: center
    }
}

.advantages-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .advantages-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .advantages-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .advantages-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .advantages-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .advantages-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.advantages-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -25px
}

@media only screen and (min-width:45em) {
    .advantages-block ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
}

.no-flexbox .advantages-block ul {
    zoom: 1
}

.no-flexbox .advantages-block ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.advantages-block li {
    padding: 25px
}

@media only screen and (min-width:45em) {
    .advantages-block li {
        flex: 0 1 33.3333%;
        width: 33.3333%
    }
}

@media only screen and (min-width:45em) {
    .no-flexbox .advantages-block li {
        float: left;
        width: 33.3333%
    }
}

.advantages-block li+li {
    margin-top: -10px
}

@media only screen and (min-width:33.75em) {
    .advantages-block li+li {
        margin-top: 0
    }
}

.advantages-block svg {
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    fill: #92b5da
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg {
        margin-bottom: 15px;
        width: 72px;
        height: 72px
    }
}

.advantages-block svg[data-icon=autonomous] {
    width: 40px;
    height: 40px
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg[data-icon=autonomous] {
        width: 56px;
        height: 56px
    }
}

.advantages-block svg[data-icon=energy-neutral] {
    width: 58.8px;
    height: 39.2px
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg[data-icon=energy-neutral] {
        width: 84px;
        height: 56px;
        padding: 10px 0
    }
}

.advantages-block svg[data-icon=scalable] {
    width: 44px;
    height: 44px
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg[data-icon=scalable] {
        width: 56px;
        height: 56px
    }
}

.advantages-block svg[data-icon=economy] {
    width: 50px;
    height: 50px
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg[data-icon=economy] {
        margin-top: -12px;
        width: 84px;
        height: 84px
    }
}

.advantages-block svg[data-icon=connectivity] {
    width: 50px;
    height: 40px
}

@media only screen and (min-width:33.75em) {
    .advantages-block svg[data-icon=connectivity] {
        margin-top: 8px;
        width: 66px;
        height: 48px
    }
}

.advantages-block h3 {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 20px;
    color: #92b5da
}

.advantages-block h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    display: block;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:33.75em) {
    .advantages-block h3::after {
        left: 10%;
        right: 10%;
        margin-left: auto;
        width: auto
    }
}

.advantages-block li p:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:33.75em) {
    .advantages-block li p {
        font-size: 1.6rem
    }
}

.advantages-block .button-set {
    margin: 25px -5px -5px;
    text-align: left
}

@media only screen and (min-width:45em) {
    .advantages-block .button-set {
        margin: 35px -5px -10px;
        text-align: center
    }
}

.advantages-block--grey-light {
    background: #f2f5f6;
    color: #2b6aac
}

.advantages-block--grey-light svg {
    fill: #2b6aac
}

.advantages-block--grey-light li h3 {
    color: #2b6aac
}

.link-set {
    margin: 10px -5px -5px
}

@media only screen and (min-width:45em) {
    .link-set {
        margin: 20px -5px -5px
    }
}

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

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

.link-set .link {
    margin: 5px
}

.author {
    display: flex;
    align-items: center
}

.author>figure {
    margin: 0;
    line-height: 0;
    overflow: hidden;
    margin-right: 10px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background: #f2f5f6;
    border-radius: 50%
}

.author>figure img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:45em) {
    .author>figure {
        margin-right: 13px;
        flex: 0 0 50px;
        width: 50px;
        height: 50px
    }
}

.author>figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.author__body {
    font-size: 1.4rem
}

.author__body h6 {
    margin: 0;
    margin-bottom: 2px;
    font-size: inherit
}

.author__body p {
    margin: 0;
    line-height: 1.25;
    font-size: inherit
}

.author-block {
    background: #f2f5f6;
    color: #2b6aac
}

.author-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .author-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .author-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .author-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .author-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .author-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.author-block__header {
    zoom: 1
}

.author-block__header:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.author-block__header>figure {
    margin: 0;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    border: 2px #fff solid;
    background: #fff
}

.author-block__header>figure img {
    width: 60px;
    height: 60px
}

@media only screen and (min-width:33.75em) {
    .author-block__header>figure img {
        width: 80px;
        height: 80px
    }
}

.author-block__header>div {
    padding-left: 80px
}

@media only screen and (min-width:33.75em) {
    .author-block__header>div {
        padding-left: 110px
    }
}

.author-block__header h2 {
    margin: 0
}

.author-block__header p {
    margin-bottom: 20px;
    padding: 10px 0 20px;
    border-bottom: 1px solid rgba(0, 55, 85, .1)
}

@media only screen and (min-width:33.75em) {
    .author-block__header p {
        padding-bottom: 10px;
        font-size: 1.6rem
    }
}

.autoplay-video-global {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.autoplay-video-global video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%
}

.autoplay-video-global video[hidden] {
    display: block;
    opacity: 0
}

.awards-global {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.awards-global__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .awards-global__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .awards-global__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .awards-global__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .awards-global__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .awards-global__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.awards-global__title {
    margin-bottom: 3em
}

.awards-global ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

@media only screen and (min-width:63.75em) {
    .awards-global ul {
        flex-wrap: nowrap;
        justify-content: space-around
    }
}

@media only screen and (min-width:63.75em) {
    .awards-global--many ul {
        flex-wrap: wrap;
        justify-content: center
    }
}

.no-flexbox .awards-global ul {
    zoom: 1
}

.no-flexbox .awards-global ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.awards-global li {
    position: relative;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .awards-global li {
        flex: 0 0 25%;
        width: 25%
    }
}

@media only screen and (min-width:50em) {
    .awards-global li {
        flex: 0 0 20%;
        width: 20%
    }
}

@media only screen and (min-width:63.75em) {
    .awards-global li {
        flex: 0 1 auto;
        width: auto
    }
}

.no-flexbox .awards-global li {
    float: left;
    text-align: center
}

.awards-global li>a {
    display: block;
    padding: 20px 15px 40px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.awards-global li>a::before {
    content: "+";
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -10px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 2rem;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background: #92b5da;
    border-radius: 50%;
    transition: all .3s
}

.awards-global li>a[aria-expanded=true]::before {
    opacity: .2
}

.awards-global li>a:focus,
.awards-global li>a:hover {
    opacity: .7
}

.awards-global img {
    width: 100%;
    height: auto;
    max-width: 100px
}

.awards-global__meta {
    z-index: 10;
    position: absolute;
    top: calc(100% - 30px);
    left: 50%;
    margin-left: -141px;
    width: 280px;
    padding: 20px 25px;
    background: #2b6aac;
    color: #fff;
    text-align: left;
    box-shadow: 0 2px 10px 0 rgba(0, 55, 85, .3);
    transition: all .15s
}

@media only screen and (min-width:33.75em) {
    .awards-global__meta {
        text-align: center
    }
}

.awards-global__meta::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2b6aac
}

.awards-global__meta[aria-hidden=true],
.no-js .awards-global__meta {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: scale(.8) translateY(20%)
}

.awards-global__meta>div {
    margin-bottom: 0;
    font-size: 1.4rem
}

.awards-global__meta h6 {
    margin: 0 0 15px
}

.awards-global__meta span {
    display: block;
    color: #92b5da;
    text-transform: uppercase
}

.awards-global__meta .link {
    margin-top: 15px;
    transform: scale(.85)
}

.awards-global__close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 30px;
    height: 30px;
    color: #92b5da;
    text-decoration: none;
    line-height: 3rem;
    text-align: center;
    font-size: 2.4rem;
    opacity: .7
}

.awards-global__close:focus,
.awards-global__close:hover {
    opacity: 1
}

@media only screen and (max-width:33.6875em) {
    .awards-global li:nth-child(odd) .awards-global__meta {
        left: 0;
        margin-left: 0;
        width: 200%
    }

    .awards-global li:nth-child(odd) .awards-global__meta::before {
        left: 25%
    }
}

@media only screen and (max-width:33.6875em) {
    .awards-global li:nth-child(even) .awards-global__meta {
        left: auto;
        right: 0;
        margin-left: 0;
        width: 200%
    }

    .awards-global li:nth-child(even) .awards-global__meta::before {
        left: 75%
    }
}

@media only screen and (min-width:33.75em) and (max-width:49.9375em) {
    .awards-global li:nth-child(4n+1) .awards-global__meta {
        left: 0;
        margin-left: 0;
        width: 150%
    }

    .awards-global li:nth-child(4n+1) .awards-global__meta::before {
        left: 25%
    }
}

@media only screen and (min-width:33.75em) and (max-width:49.9375em) {
    .awards-global li:nth-child(4n+4) .awards-global__meta {
        left: auto;
        right: 0;
        margin-left: 0;
        width: 150%
    }

    .awards-global li:nth-child(4n+4) .awards-global__meta::before {
        left: 75%
    }
}

@media only screen and (min-width:50em) and (max-width:63.6875em) {
    .awards-global li:nth-child(5n+1) .awards-global__meta {
        left: 0;
        margin-left: 0;
        width: 170%
    }

    .awards-global li:nth-child(5n+1) .awards-global__meta::before {
        left: 25%
    }
}

@media only screen and (min-width:50em) and (max-width:63.6875em) {
    .awards-global li:nth-child(5n+5) .awards-global__meta {
        left: auto;
        right: 0;
        margin-left: 0;
        width: 170%
    }

    .awards-global li:nth-child(5n+5) .awards-global__meta::before {
        left: 75%
    }
}

@media only screen and (min-width:63.75em) {
    .awards-global li:first-child .awards-global__meta {
        left: 0;
        margin-left: 0;
        width: 200%
    }

    .awards-global li:first-child .awards-global__meta::before {
        left: 25%
    }
}

@media only screen and (min-width:63.75em) {
    .awards-global li:last-child .awards-global__meta {
        left: auto;
        right: 0;
        margin-left: 0;
        width: 200%
    }

    .awards-global li:last-child .awards-global__meta::before {
        left: 75%
    }
}

.back-link {
    position: relative
}

.back-link>svg {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    fill: currentColor
}

.back-link>a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2rem
}

@media only screen and (min-width:33.75em) {
    .back-link>a {
        font-size: 1.4rem
    }
}

.back-link>a:hover {
    text-decoration: underline
}

.banner-block {
    position: relative
}

.banner-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .banner-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .banner-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .banner-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .banner-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .banner-block__inner {
        padding-bottom: 80px
    }
}

.banner {
    position: relative;
    background: #175c81;
    color: #fff
}

.banner[aria-hidden=true] {
    display: none
}

.banner--light {
    background: #92b5da
}

.banner--shadow {
    position: relative
}

.banner--shadow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3) inset
}

.banner__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 13px 48px
}

@media only screen and (min-width:63.75em) {
    .banner__inner {
        padding-left: 20px;
        padding-right: 60px
    }
}

.banner__description {
    margin-bottom: 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    .banner__description {
        font-size: 3rem
    }
}

@media only screen and (min-width:63.75em) {
    .banner__description {
        font-size: 3.4rem
    }
}

.banner__description>span {
    font-weight: 600
}

.banner__cta {
    margin-left: 20px;
    flex: 0 0 auto
}

.banner__cta>.button {
    margin-top: 0
}

.banner__close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-53%);
    padding: 10px;
    line-height: 0;
    opacity: .5
}

.banner__close:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .banner__close {
        left: auto;
        right: 10px
    }
}

.banner__close>svg {
    width: 16px;
    height: 16px;
    stroke: #fff
}

@media only screen and (min-width:63.75em) {
    .banner__close>svg {
        width: 22px;
        height: 22px
    }
}

.banner__close:hover {
    opacity: 1
}

:not(.styleguide-item)>.banner-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.banner-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.banner-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.banner-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.banner-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.banner-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.banner-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.banner-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.board-member-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.board-member-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.board-member-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.board-member-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.board-member-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.board-member-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.board-member-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.content-tabs+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.content-tabs+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.content-tabs+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.content-tabs+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.content-tabs+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.content-tabs+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.content-tabs+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.cookie-information-table+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.cookie-information-table+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.cookie-information-table+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.cookie-information-table+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.cookie-information-table+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.cookie-information-table+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.cookie-information-table+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.date-link-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.date-link-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.date-link-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.date-link-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.date-link-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.date-link-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.date-link-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.faq-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.faq-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.faq-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.faq-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.faq-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.faq-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.faq-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.image-links-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.image-links-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.image-links-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.image-links-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.image-links-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.image-links-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.image-links-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.live-event-sponsors+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.live-event-sponsors+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.live-event-sponsors+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.live-event-sponsors+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.live-event-sponsors+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.live-event-sponsors+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.live-event-sponsors+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.media-slider-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.media-slider-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.media-slider-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.media-slider-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.media-slider-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.media-slider-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.media-slider-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.news-slider-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.news-slider-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.news-slider-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.news-slider-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.news-slider-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.news-slider-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.news-slider-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-category+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-category+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-category+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.partners-category+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-category+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-category+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-category+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-logos+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-logos+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-logos+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.partners-logos+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-logos+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.partners-logos+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.partners-logos+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--white+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--white+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--white+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.text-media-block--white+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--white+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--white+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--white+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--white+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--white+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--white+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.text-block--white+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--white+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--white+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--white+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.banner-block .banner-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.board-member-block .board-member-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.video-block+.content-tabs {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.cookie-information-table {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.date-link-block .date-link-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.video-block+.faq-block .faq-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.image-links-block .image-links-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.video-block+.live-event-sponsors .live-event-sponsors__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.media-slider-block .media-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.news-slider-block .news-slider-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.partners-category .partners-category__inner {
    padding-top: 2em
}

:not(.styleguide-item)>.video-block+.partners-logos .partners-logos__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.video-block+.text-media-block--white .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.video-block+.text-block--white .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.video-block+.video-block .video-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-media-block--grey-light+.text-media-block--grey-light .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-media-block--grey-light+.text-block--grey-light .text-block__inner {
    padding-top: 0
}

:not(.styleguide-item)>.text-block--grey-light+.text-media-block--grey-light .text-media-block__inner {
    padding-top: 1em
}

:not(.styleguide-item)>.text-block--grey-light+.text-block--grey-light .text-block__inner {
    padding-top: 0
}

.media-slider-block+.text-block--white,
.text-block--white+.media-slider-block,
.text-block--white+.video-block,
.video-block+.text-block--white {
    margin-top: -10px
}

@media only screen and (min-width:45em) {

    .text-block--white+.video-block--small,
    .video-block--small+.text-block--white {
        margin-top: -1.7em
    }
}

.video-block--small+.text-block--white h2:first-child,
.video-block--small+.text-block--white h3:first-child,
.video-block--small+.text-block--white h4:first-child {
    margin-top: .7em
}

@media only screen and (min-width:33.75em) {

    .text-media-block--grey-light+.text-media-block--grey-light .text-media-block__inner,
    .text-media-block--white+.text-media-block--white .text-media-block__inner {
        padding-top: 30px
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {

    .text-media-block--grey-light+.text-media-block--grey-light .text-media-block__inner,
    .text-media-block--white+.text-media-block--white .text-media-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) and (min-width:45em) {

    .text-media-block--grey-light+.text-media-block--grey-light .text-media-block__inner,
    .text-media-block--white+.text-media-block--white .text-media-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {

    .text-media-block--grey-light+.text-media-block--grey-light .text-media-block__inner::before,
    .text-media-block--white+.text-media-block--white .text-media-block__inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 40px;
        right: 40px;
        border-top: 1px solid rgba(0, 55, 85, .1)
    }
}

@media only screen and (min-width:45em) {
    .section-heading-block+.text-block--white {
        margin-top: -75px
    }
}

.section-heading-block+.text-block--white .text-block__inner {
    padding-top: 20px;
    z-index: 0;
    position: relative;
    background: #fff
}

@media only screen and (min-width:33.75em) {
    .section-heading-block+.text-block--white .text-block__inner {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .section-heading-block+.text-block--white .text-block__inner {
        padding-top: 40px
    }
}

.section-heading-block+.text-block--white .text-block__inner::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50vw;
    height: 100%;
    background: inherit
}

.autoplay-video-global:not(.has-controls)+.advantages-block,
.autoplay-video-global:not(.has-controls)+.facts-block {
    background: 0 0
}

@media only screen and (min-width:63.75em) {

    .autoplay-video-global:not(.has-controls)+.advantages-block,
    .autoplay-video-global:not(.has-controls)+.facts-block {
        margin: -100px auto 2em
    }
}

.autoplay-video-global:not(.has-controls)+.advantages-block .advantages-block__inner,
.autoplay-video-global:not(.has-controls)+.advantages-block .facts-block__inner,
.autoplay-video-global:not(.has-controls)+.facts-block .advantages-block__inner,
.autoplay-video-global:not(.has-controls)+.facts-block .facts-block__inner {
    background: #2b6aac
}

.page-header--intro+.donate-template__inner {
    padding-top: 1em
}

.partners-category+.text-block .text-block__inner {
    padding-top: 1.5em
}

.board-member-block+.board-member-block .board-member-block__inner {
    padding-top: 0
}

.text-block--grey-light+.form-block .form-block__inner {
    padding-top: 0
}

.block-title {
    position: relative;
    padding-top: 20px;
    position: relative;
    margin: 0 0 .5em
}

.block-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .block-title::before {
        width: 90px
    }
}

.block-title--tiny {
    margin: 1.2em 0 .5em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.15
}

@media only screen and (min-width:33.75em) {
    .block-title--tiny {
        font-size: 3.2rem
    }
}

@media only screen and (min-width:63.75em) {
    .block-title--tiny {
        font-size: 3.4rem
    }
}

.block-title--tiny span {
    font-weight: 600;
    line-height: .95
}

.block-title--tiny:first-child {
    margin-top: 0
}

.block-title--large {
    position: relative;
    padding-top: 20px
}

@media only screen and (min-width:45em) {
    .block-title--large {
        padding-top: 25px
    }
}

.block-title--large::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor;
    width: 110px
}

@media only screen and (min-width:45em) {
    .block-title--large::before {
        width: 90px
    }
}

@media only screen and (min-width:45em) {
    .block-title--large::before {
        width: 150px
    }
}

@media only screen and (min-width:33.75em) {
    .block-title--large {
        font-size: 3.8rem
    }
}

@media only screen and (min-width:56.25em) {
    .block-title--large {
        font-size: 4.8rem
    }
}

@media only screen and (min-width:63.75em) {
    .block-title--large {
        line-height: 1.05
    }
}

.block-title--center {
    position: relative;
    padding-top: 20px;
    text-align: center
}

.block-title--center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor;
    left: 50%;
    margin-left: -30px
}

@media only screen and (min-width:45em) {
    .block-title--center::before {
        width: 90px
    }
}

@media only screen and (min-width:45em) {
    .block-title--center::before {
        margin-left: -45px
    }
}

.block-title--large.block-title--center {
    position: relative;
    padding-top: 20px;
    text-align: center
}

@media only screen and (min-width:45em) {
    .block-title--large.block-title--center {
        padding-top: 25px
    }
}

.block-title--large.block-title--center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor;
    width: 110px;
    left: 50%;
    margin-left: -30px;
    left: 50%;
    margin-left: -55px
}

@media only screen and (min-width:45em) {
    .block-title--large.block-title--center::before {
        width: 90px
    }
}

@media only screen and (min-width:45em) {
    .block-title--large.block-title--center::before {
        width: 150px
    }
}

@media only screen and (min-width:45em) {
    .block-title--large.block-title--center::before {
        margin-left: -45px
    }
}

@media only screen and (min-width:45em) {
    .block-title--large.block-title--center::before {
        margin-left: -75px
    }
}

.block-title--white {
    color: #fff
}

.block-title--primary {
    color: #175c81
}

.block-title--secondary {
    color: #2b6aac
}

.block-title--tertiary {
    color: #5b7f92
}

.board-member-block {
    position: relative
}

.board-member-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .board-member-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .board-member-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .board-member-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .board-member-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .board-member-block__inner {
        padding-bottom: 60px
    }
}

.board-member-block+.center-block .center-block__inner {
    padding-top: 0
}

.board-member-block dl {
    margin: 0
}

.board-member-block dt {
    zoom: 1;
    padding: 10px 0
}

.board-member-block dt:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.board-member-block dt>a {
    position: relative;
    margin-bottom: 3px;
    display: block;
    padding-right: 30px;
    line-height: 1.25;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none
}

@media only screen and (min-width:33.75em) {
    .board-member-block dt>a {
        float: left;
        margin-bottom: 0;
        display: inline-block;
        width: 50%
    }
}

@media only screen and (min-width:45em) {
    .board-member-block dt>a {
        font-size: 2rem
    }
}

.board-member-block dt>a:focus,
.board-member-block dt>a:hover {
    text-decoration: underline
}

.board-member-block dt>span {
    display: block;
    color: #4a4a4a;
    font-size: 1.4rem
}

@media only screen and (min-width:33.75em) {
    .board-member-block dt>span {
        float: left;
        display: inline-block;
        width: 50%;
        padding-left: 20px
    }
}

@media only screen and (min-width:45em) {
    .board-member-block dt>span {
        font-size: 1.6rem
    }
}

.board-member-block dt>a>svg {
    position: absolute;
    bottom: 4px;
    margin-left: 10px;
    padding-top: 3px;
    width: 15px;
    height: 15px;
    fill: currentColor;
    opacity: .5;
    transition: all .2s
}

@media only screen and (min-width:33.75em) {
    .board-member-block dt>a>svg {
        padding-top: 2px
    }
}

.board-member-block dt>a[data-is-selected=true]>svg {
    transform: scaleY(-1);
    fill: #92b5da;
    opacity: 1
}

.board-member-block dd+dt {
    border-top: 1px solid #eaeaea
}

.board-member-block dd {
    margin: 10px 0 30px;
    max-width: 700px
}

@media only screen and (min-width:33.75em) {
    .board-member-block dd {
        padding-left: 25px;
        border-left: 1px solid #92b5da
    }
}

.js .board-member-block dd[aria-hidden=true] {
    display: none
}

@media only screen and (min-width:45em) {
    .brandguide-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.brandguide-content__items {
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .brandguide-content__items {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-content__items {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-content__items {
        width: 66.66%;
        flex: 1;
        overflow-x: hidden
    }
}

.brandguide-item__inner {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px
}

@media only screen and (min-width:33.75em) {
    .brandguide-item__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-item__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-item__inner {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media only screen and (min-width:66.25em) {
    .brandguide-item__inner {
        padding-left: 140px;
        padding-right: 140px
    }
}

.brandguide-item__title {
    position: relative;
    padding-top: 20px;
    font-weight: 600
}

.brandguide-item__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .brandguide-item__title::before {
        width: 90px
    }
}

@media only screen and (min-width:63.75em) {
    .brandguide-item__title {
        font-size: 4.8rem
    }
}

.brandguide-item:first-child .brandguide-item__inner>p:first-of-type {
    font-weight: 600
}

.brandguide-item .flexible-content [class$=inner] {
    padding-bottom: 40px;
    width: 100%;
    max-width: none !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

@media only screen and (min-width:33.75em) {
    .brandguide-item .flexible-content [class$=inner] {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-item .flexible-content [class$=inner] {
        padding-bottom: 80px
    }
}

.brandguide-item .image-slider-block,
.brandguide-item .image-spread-block {
    width: calc(100% + 20px + 20px);
    max-width: none;
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width:45em) {

    .brandguide-item .image-slider-block,
    .brandguide-item .image-spread-block {
        width: calc(100vw - 275px);
        margin-left: -60px;
        margin-right: -60px
    }
}

@media only screen and (min-width:66.25em) {

    .brandguide-item .image-slider-block,
    .brandguide-item .image-spread-block {
        margin-left: -140px;
        margin-right: -140px
    }
}

.brandguide-item .document-gallery,
.brandguide-item .image-gallery,
.brandguide-item .text-media-block {
    width: 100%;
    max-width: 900px
}

@media only screen and (min-width:45em) {

    .brandguide-item .document-gallery,
    .brandguide-item .image-gallery,
    .brandguide-item .text-media-block {
        width: calc(100vw - 275px - 60px - 60px)
    }
}

@media only screen and (min-width:66.25em) {

    .brandguide-item .document-gallery,
    .brandguide-item .image-gallery,
    .brandguide-item .text-media-block {
        width: calc(100vw - 275px - 140px - 140px)
    }
}

.brandguide-item .flexible-content .text-block__inner {
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .brandguide-item .flexible-content .text-block__inner {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .brandguide-item .flexible-content .text-block__inner {
        padding-top: 40px
    }
}

.brandguide-item .media-slider-block,
.brandguide-item .text-block {
    overflow: visible
}

.brandguide-item .text-block+.image-slider-block,
.brandguide-item .text-block+.media-gallery-simple-block,
.brandguide-item .text-block+.media-slider-block {
    margin-top: -40px;
    padding-top: 1em
}

@media only screen and (min-width:33.75em) {

    .brandguide-item .text-block+.image-slider-block,
    .brandguide-item .text-block+.media-gallery-simple-block,
    .brandguide-item .text-block+.media-slider-block {
        margin-top: -60px
    }
}

@media only screen and (min-width:45em) {

    .brandguide-item .text-block+.image-slider-block,
    .brandguide-item .text-block+.media-gallery-simple-block,
    .brandguide-item .text-block+.media-slider-block {
        margin-top: -80px
    }
}

.brandguide-item .image-slider-block {
    background: 0 0
}

.brandguide-navigation {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-color: rgba(255, 255, 255, .5) transparent;
    scrollbar-width: thin;
    z-index: 2100;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background-color: #175c81;
    color: #fff
}

.brandguide-navigation::-webkit-scrollbar-track {
    margin: .3em 0;
    background-color: transparent
}

.brandguide-navigation::-webkit-scrollbar {
    width: 1em
}

.brandguide-navigation::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .5);
    border: .3em solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-clip: padding-box
}

@media only screen and (min-width:45em) {
    .brandguide-navigation {
        padding-top: 30px;
        padding-bottom: 30px;
        overflow-y: auto;
        width: 33.333%;
        max-width: 275px;
        height: 100vh;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .brandguide-navigation {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:45em) {
    .brandguide-navigation {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .brandguide-navigation {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:45em) {
    .brandguide-navigation {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:68.75em) {
    .brandguide-navigation {
        padding-left: 60px;
        padding-right: 40px
    }
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation.is-expanded {
        padding-top: 30px;
        padding-bottom: 40px;
        position: fixed;
        overflow-y: auto;
        height: auto;
        max-height: 100vh
    }
}

@media only screen and (max-width:44.9375em) and (min-width:33.75em) {
    .brandguide-navigation.is-expanded {
        padding-top: 40px
    }
}

@media only screen and (max-width:44.9375em) and (min-width:45em) {
    .brandguide-navigation.is-expanded {
        padding-top: 60px
    }
}

@media only screen and (max-width:44.9375em) and (min-width:33.75em) {
    .brandguide-navigation.is-expanded {
        padding-bottom: 60px
    }
}

@media only screen and (max-width:44.9375em) and (min-width:45em) {
    .brandguide-navigation.is-expanded {
        padding-bottom: 80px
    }
}

.brandguide-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

@media only screen and (min-width:45em) {
    .brandguide-navigation>ul {
        margin-left: -2px;
        padding: 5px 0
    }
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation.is-expanded>ul>li {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        padding-top: .5em
    }
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation.is-expanded>ul>li:last-child {
        border: 0
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation>ul ul {
        padding-left: 30px
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation__submenu {
        opacity: 0
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation>ul a[aria-expanded=false]~ul {
        display: none
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation>ul a[aria-expanded=true]~ul {
        display: block;
        -webkit-animation: subnav-fade-in .7s both;
        animation: subnav-fade-in .7s both
    }
}

.brandguide-navigation>ul::before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0
}

@media only screen and (min-width:45em) {
    .brandguide-navigation>ul::before {
        left: 2px;
        border-left: 1px solid #92b5da
    }
}

.brandguide-navigation li a {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: block;
    height: 50px;
    padding: 2px 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 5rem;
    text-transform: none;
    text-decoration: none
}

@media only screen and (min-width:45em) {
    .brandguide-navigation li a {
        height: auto;
        line-height: 1.1;
        padding: .25em 0 .25em 22px
    }
}

.brandguide-navigation li a::first-letter {
    text-transform: uppercase
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation.is-expanded li a {
        height: auto;
        min-height: 2em;
        line-height: 1.2
    }
}

.brandguide-navigation>ul>li {
    overflow: hidden
}

.brandguide-navigation>ul>li>a {
    font-weight: 600
}

@media only screen and (min-width:45em) {
    .brandguide-navigation li a::before {
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        height: 100vh;
        background: #92b5da
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation li a[aria-current=true]::before {
        opacity: 1
    }
}

@media only screen and (min-width:45em) {
    .brandguide-navigation li li a::before {
        left: -52px
    }
}

.brandguide-navigation li a:hover {
    text-decoration: underline
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation li a[aria-current=false] {
        display: none
    }
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation.is-expanded li a[aria-current=false] {
        display: block
    }
}

@media only screen and (max-width:44.9375em) {
    .brandguide-navigation li a[aria-current=true] {
        font-weight: 600
    }
}

.brandguide-navigation__toggle-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: calc(100vw - 44px - 18px);
    top: 0;
    width: 50px;
    height: 50px;
    background: url(/app/themes/toc/assets/build/images/icons/arrow-down--white-74cf840865.svg) no-repeat 50%/50%;
    opacity: .6;
    transition: transform .2s, opacity .2s
}

.brandguide-navigation__toggle-button:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .brandguide-navigation__toggle-button {
        display: none
    }
}

@media only screen and (max-width:44.9375em) {
    .is-expanded .brandguide-navigation__toggle-button {
        transform: scaleY(-1);
        opacity: 1
    }
}

.brandguide-navigation__toggle-button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%
}

@media only screen and (max-width:44.9375em) {
    .is-expanded .brandguide-navigation__toggle-button::before {
        width: 50px
    }
}

.brandguide-navigation__read-indicator {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f2f5f6;
    color: #92b5da;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media only screen and (min-width:45em) {
    .brandguide-navigation__read-indicator {
        display: none
    }
}

.brandguide-navigation__read-indicator::-webkit-progress-bar {
    background-color: transparent
}

.brandguide-navigation__read-indicator::-webkit-progress-value {
    background-color: #92b5da
}

.brandguide-navigation__read-indicator::-moz-progress-bar {
    background-color: #92b5da
}

.browser-warning {
    z-index: 500;
    position: fixed;
    bottom: 0;
    left: 0;
    transform: translateZ(0);
    width: 100%;
    padding: 12px 15px;
    background: #fff;
    border-top: 1px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.3
}

.button-set {
    margin: 10px -5px -5px
}

@media only screen and (min-width:45em) {
    .button-set {
        margin: 25px -5px -5px
    }
}

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

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

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

.button-set .button {
    margin: 5px
}

p+.button,
p+[role=button],
p+button {
    margin-top: 1em
}

.button,
input[type=submit] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #2b6aac;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s;
    margin-top: 15px
}

.button:active,
input[type=submit]:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {

    .button,
    input[type=submit] {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {

    .button,
    input[type=submit] {
        font-size: 1.8rem
    }
}

.button:focus,
.button:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background: #175c81
}

.button:hover,
input[type=submit]:hover {
    outline: 0
}

.button:disabled,
input[type=submit]:disabled {
    opacity: .3;
    cursor: not-allowed
}

.button--primary {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #92b5da;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.button--primary:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .button--primary {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .button--primary {
        font-size: 1.8rem
    }
}

.button--primary:focus,
.button--primary:hover {
    background: #01b4c8
}

.button--primary:hover {
    outline: 0
}

.button--primary:disabled {
    opacity: .3;
    cursor: not-allowed
}

.button--secondary {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #2b6aac;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.button--secondary:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .button--secondary {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .button--secondary {
        font-size: 1.8rem
    }
}

.button--secondary:focus,
.button--secondary:hover {
    background: #175c81
}

.button--secondary:hover {
    outline: 0
}

.button--secondary:disabled {
    opacity: .3;
    cursor: not-allowed
}

.button--white {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #fff;
    color: #2b6aac;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.button--white:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .button--white {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .button--white {
        font-size: 1.8rem
    }
}

.button--white:focus,
.button--white:hover {
    background: #f2f2f2
}

.button--white:hover {
    outline: 0
}

.button--white:disabled {
    opacity: .3;
    cursor: not-allowed
}

.button--alert {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #d0001b;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.button--alert:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .button--alert {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .button--alert {
        font-size: 1.8rem
    }
}

.button--alert:focus,
.button--alert:hover {
    background: #b70018
}

.button--alert:hover {
    outline: 0
}

.button--alert:disabled {
    opacity: .3;
    cursor: not-allowed
}

.button--tiny {
    padding: 10px 17px;
    font-size: 1.2rem
}

.button--small {
    padding: 11px 20px;
    font-size: 1.2rem
}

@media only screen and (min-width:33.75em) {
    .button--small {
        padding: 13px 22px
    }
}

@media only screen and (min-width:93.75em) {
    .button--small {
        font-size: 1.4rem
    }
}

.button--icon {
    position: relative;
    padding-left: 55px
}

.button--icon>svg {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 22px;
    height: 22px;
    fill: currentColor
}

.button--icon-right {
    padding-left: 25px;
    padding-right: 55px
}

.button--icon-right>svg {
    left: auto;
    right: 20px
}

.button--icon-expand>svg {
    width: 19.2px;
    height: 11.4px;
    transform: translateY(7px)
}

.button--icon-expand[aria-expanded=true]>svg {
    transform: translateY(5px) scaleY(-1)
}

.button--arrow {
    position: relative;
    padding-right: 47px
}

.button--arrow>svg {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    width: 17px;
    height: 14px;
    stroke: currentColor;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1)
}

.button--arrow:hover>svg {
    transform: translateX(5px)
}

.call-to-action-block {
    position: relative;
    padding: 10px 0;
    background: #92b5da
}

.call-to-action-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .call-to-action-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .call-to-action-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__inner {
        display: flex;
        justify-content: space-around
    }
}

.no-flexbox .call-to-action-block__inner {
    zoom: 1
}

.no-flexbox .call-to-action-block__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.call-to-action-block__part {
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__part {
        max-width: 380px;
        margin-bottom: 0;
        padding-right: 20px
    }
}

@media only screen and (min-width:33.75em) {
    .no-flexbox .call-to-action-block__part {
        float: left;
        max-width: 50%
    }
}

.call-to-action-block__part:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:33.75em) {
    .call-to-action-block__part:last-of-type {
        padding-left: 20px;
        padding-right: 0
    }
}

.call-to-action-block__part h2 {
    margin-bottom: 15px;
    color: #fff
}

@media only screen and (min-width:45em) {
    .call-to-action-block__part h2 {
        margin-bottom: 20px;
        font-size: 5rem
    }
}

.call-to-action-cards-block {
    position: relative;
    overflow: hidden;
    background: #92b5da
}

.call-to-action-cards-block__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .call-to-action-cards-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .call-to-action-cards-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .call-to-action-cards-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .call-to-action-cards-block__inner {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .call-to-action-cards-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.call-to-action-cards-block__header {
    margin: 0 auto 2.5em;
    max-width: 640px;
    text-align: center
}

.call-to-action-cards-block__header h2 {
    color: #fff
}

@media only screen and (min-width:63.75em) {
    .call-to-action-cards-block__header h2 {
        font-size: 4.8rem
    }
}

.call-to-action-cards-block__cards {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -10px
}

@media only screen and (min-width:45em) {
    .call-to-action-cards-block__cards {
        display: flex;
        justify-content: center;
        align-items: stretch
    }
}

@media only screen and (min-width:63.75em) {
    .call-to-action-cards-block__cards {
        margin: -20px
    }
}

.call-to-action-cards-block__cards>li {
    padding: 100px 10px 10px
}

@media only screen and (min-width:45em) {
    .call-to-action-cards-block__cards>li {
        width: 33.333%
    }
}

@media only screen and (min-width:63.75em) {
    .call-to-action-cards-block__cards>li {
        padding: 100px 20px 20px
    }
}

.call-to-action-cards-block__card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 100px 25px 25px;
    background: #fff;
    border-radius: 5px
}

.call-to-action-cards-block__card figure {
    position: absolute;
    top: -85px;
    left: 50%;
    overflow: hidden;
    margin: 0 0 0 -75px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #f2f5f6
}

.call-to-action-cards-block__card h3 {
    margin: 0 0 .25em;
    color: #92b5da
}

.call-to-action-cards-block__card p {
    flex-grow: 1
}

.call-to-action-cards-block__card footer {
    margin-top: .5em;
    padding-top: 1em;
    border-top: 1px solid #f2f5f6
}

@media only screen and (min-width:63.75em) {
    .call-to-action-cards-block__card footer {
        margin-top: 1.5em
    }
}

.call-to-action-cards-block__socials strong {
    margin-bottom: 10px;
    display: block
}

.call-to-action-cards-block__socials>ul li a {
    width: 35px;
    height: 35px;
    padding: 8px
}

.call-to-action-cards-block__socials>ul li a>svg[data-icon=linkedin] {
    transform: translate(2px, -2px)
}

.call-to-action-cards-block__links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.call-to-action-cards-block__links li+li {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #f2f5f6
}

.card {
    position: relative;
    width: 250px;
    font-size: 1.6rem;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

@media only screen and (min-width:33.75em) {
    .card {
        width: 250px
    }
}

.card:not(.card--modal) {
    cursor: pointer
}

.card:not(.card--modal):focus,
.card:not(.card--modal):hover {
    opacity: .8;
    transition: opacity .15s
}

.card:not(.card--modal):focus .card__read-more>span,
.card:not(.card--modal):hover .card__read-more>span {
    text-decoration: none
}

.card:not(.card--modal) .card__play-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.card--modal {
    z-index: 3000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(90% - 30px);
    max-width: 550px;
    transform: translate(-50%, -50%);
    outline: 1px solid transparent;
    transition-property: transform, opacity;
    transition: all .2s ease
}

.card--modal.is-faded {
    transform: translate(-50%, -45%);
    opacity: 0
}

.is-fullscreen .card--modal {
    width: 100%;
    max-width: none;
    transform: none
}

.card--large {
    font-size: 1.6rem
}

.card__inner {
    position: relative;
    background: #fff;
    color: #2b6aac;
    pointer-events: none
}

.card--modal .card__inner {
    pointer-events: all
}

.card--modal .card__inner {
    max-height: 80vh;
    overflow-y: auto
}

@media only screen and (min-width:33.75em) {
    .card--modal .card__inner {
        scrollbar-color: #5b7f92 transparent;
        scrollbar-width: thin
    }

    .card--modal .card__inner::-webkit-scrollbar-track {
        margin: .3em 0;
        background-color: transparent
    }

    .card--modal .card__inner::-webkit-scrollbar {
        width: 1em
    }

    .card--modal .card__inner::-webkit-scrollbar-thumb {
        background-color: #5b7f92;
        border: .3em solid transparent;
        border-top: 0;
        border-bottom: 0;
        background-clip: padding-box
    }
}

.card__link {
    display: block;
    text-decoration: none
}

.card__footer {
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 1.3rem;
    line-height: 1
}

.card--large .card__footer {
    min-height: 56px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.6rem
}

.card__footer time {
    display: inline-block;
    vertical-align: middle;
    color: #7a7a7a;
    line-height: 2.6rem
}

.card__icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 5px
}

.card__icon>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    height: 55%;
    fill: #fff
}

.card__icon--instagram {
    background-color: #d9317a;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(137, 61, 194, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(137, 61, 194, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(137, 61, 194, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(137, 61, 194, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(137, 61, 194, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(137, 61, 194, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(137, 61, 194, 0)), linear-gradient(#5258cf, #bc318f 30%, #d9317a 50%, #f77638 70%, #fec564 100%)
}

.card__icon--twitter {
    background: #1da1f2
}

.card__icon--facebook {
    background: #4467b0
}

.card__icon--vimeo {
    background: #00adef
}

.card__icon--soundcloud {
    background: #f50
}

.card__icon--youtube {
    background: red
}

.card__social-network {
    text-transform: capitalize
}

.card__content>p {
    padding: 15px
}

.card__content>p:last-child {
    margin-bottom: 0
}

.card__content p+.card__extended-content {
    padding-top: 0;
    margin-top: -15px
}

.card__content p:last-of-type {
    margin-bottom: 0
}

.card--modal .card__content p:last-of-type {
    margin-bottom: 1em
}

.card__extended-content {
    display: none;
    padding: 15px
}

.card--modal .card__extended-content {
    display: block
}

.card--modal .card__extended-content p:last-of-type {
    margin-bottom: 0
}

.card__read-more {
    display: block;
    padding: 10px 15px 13px;
    border-top: 1px solid #eaeaea;
    text-decoration: none;
    pointer-events: all
}

.card--large .card__read-more {
    padding-top: 15px;
    padding-bottom: 15px
}

.card__read-more>span {
    text-decoration: underline
}

.card__read-more>svg {
    margin: 0 8px -2px 0;
    width: 15px;
    height: 12px;
    stroke: currentColor
}

.card__read-more:focus>span,
.card__read-more:hover>span {
    text-decoration: none
}

.card__media {
    position: relative;
    overflow: hidden;
    background: #eaeaea;
    margin: 0
}

.card__media img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none
}

.card--audio .card__media img,
.card--video .card__media img {
    position: absolute;
    top: 0;
    left: 0
}

.card--audio .card__media,
.card--video .card__media {
    width: 100%;
    padding-bottom: 56.25%
}

.card--audio .card__media img,
.card--video .card__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}

.card__media .audio-embed,
.card__media .video-embed {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    background: #000
}

.card__media iframe {
    width: 100%;
    height: 100%
}

.card__media .video-embed .fb-video-wrapper {
    margin-left: -1px;
    margin-right: -1px;
    height: 100%;
    background: #fff
}

.card__media .video-embed .fb-video-wrapper .fb-video {
    margin-top: -1px;
    width: 100%;
    height: 100%;
    background: #000
}

.card--livestream:not(.card--modal) .card__footer {
    position: absolute;
    top: 0;
    width: 100%
}

.card--livestream:not(.card--modal) .card__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 320px
}

.card--livestream:not(.card--modal) .card__media {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-bottom: 0
}

.card--livestream:not(.card--modal) .card__read-more {
    display: none
}

.card--livestream .button-set {
    position: relative;
    text-align: center;
    margin: 0 -45px 10px 0
}

.card--modal.card--livestream .button-set {
    display: none
}

.card--livestream:not(.card--modal) .card__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    height: 100%
}

.card--livestream:not(.card--modal) .card__media::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2)
}

.card--livestream:not(.card--modal) .card__play-button {
    display: none
}

.card--livestream:not(.card--modal) .card__content {
    position: relative;
    color: #fff;
    font-size: 3.5rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

.card--countdown .card__footer {
    background: #01bdd2
}

.card--countdown .card__inner {
    width: 100%;
    background-color: #2b6aac;
    color: #fff
}

.card--countdown time {
    color: #fff
}

.card--countdown .card__close {
    background-color: #fff;
    color: #92b5da
}

.card--countdown .card__close:focus,
.card--countdown .card__close:hover {
    background-color: #92b5da;
    color: #fff
}

.card__clock {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #2b6aac;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px 5px;
    color: #fff;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 -6px 12px 0 rgba(0, 0, 0, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card--modal .card__clock {
    padding-top: 15px;
    padding-bottom: 10px
}

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

.card__clock div+div {
    margin-left: 10px
}

.card__clock footer {
    padding-top: 4px;
    color: #92b5da;
    font-size: .8rem;
    text-transform: uppercase
}

@media only screen and (min-width:20em) {
    .card__clock footer {
        font-size: .9rem
    }
}

.card__clock span {
    position: relative;
    display: block;
    width: 36px;
    padding: 3px 3px 1px;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-weight: 300;
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
    background: rgba(255, 255, 255, .15)
}

@media only screen and (min-width:20em) {
    .card__clock span {
        width: 44px;
        padding: 4px 3px 2px;
        font-size: 3rem
    }
}

.card__clock span::after {
    content: ":";
    position: absolute;
    right: -14px;
    bottom: .7em;
    width: 14px;
    padding: 0;
    font-size: .5em;
    text-align: center;
    color: #92b5da
}

.card__clock div:last-of-type span::after {
    content: none
}

.card__play-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px
}

.card__play-button:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .card__play-button {
        width: 180px;
        height: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .card__play-button {
        width: 130px;
        height: 130px
    }
}

.is-playing-video .card__play-button {
    display: none
}

.card__play-button>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.card__play-button:hover>svg,
a:hover .card__play-button>svg {
    transform: scale(.95);
    transition: transform .1s
}

@media only screen and (min-width:33.75em) {
    .card__play-button {
        width: 80px;
        height: 80px
    }
}

.card--modal .card__play-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px
}

.card--modal .card__play-button:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .card--modal .card__play-button {
        width: 180px;
        height: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .card--modal .card__play-button {
        width: 130px;
        height: 130px
    }
}

.is-playing-video .card--modal .card__play-button {
    display: none
}

.card--modal .card__play-button>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.card--modal .card__play-button:hover>svg,
a:hover .card--modal .card__play-button>svg {
    transform: scale(.95);
    transition: transform .1s
}

.card__close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 56px;
    height: 56px;
    padding: 8px 20px 6px;
    transition: transform .2s;
    background: #92b5da;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.card__close:active {
    outline: 0
}

.card--modal .card__close {
    display: block
}

@media only screen and (min-width:63.75em) {
    .card--modal .card__close {
        transform: translateX(56px)
    }
}

.card__close:focus,
.card__close:hover {
    background: #fff;
    color: #92b5da
}

.card__close::after {
    content: "\00d7";
    font-size: 3rem;
    line-height: normal
}

.career-reasons-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .career-reasons-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .career-reasons-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .career-reasons-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .career-reasons-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .career-reasons-block__inner {
        padding-bottom: 60px
    }
}

.career-reasons-block__column {
    margin-bottom: 30px
}

@media only screen and (min-width:45em) {
    .career-reasons-block__column {
        margin-bottom: 0;
        display: inline-block;
        vertical-align: top;
        width: 49%;
        padding: 0 15px
    }
}

.career-reasons-block__column h4 {
    color: #92b5da;
    text-align: center
}

.career-reasons-block__column ul {
    margin-bottom: 0;
    text-align: left;
    padding-left: 25px
}

.career-reasons-block__column li {
    padding: 5px 0
}

@-webkit-keyframes point {

    0%,
    100% {
        transform: translate(0, -50%)
    }

    50% {
        transform: translate(-.5rem, -50%)
    }
}

@keyframes point {

    0%,
    100% {
        transform: translate(0, -50%)
    }

    50% {
        transform: translate(-.5rem, -50%)
    }
}

.citizen-science-cluster-info {
    padding: 0 1.6rem;
    color: #fff
}

.citizen-science-cluster-info__header {
    display: flex;
    flex-direction: column-reverse;
    padding: 2rem 0
}

.citizen-science-cluster-info__title {
    font-size: 2.4rem;
    line-height: 1.2;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .citizen-science-cluster-info__title {
        font-size: 3rem
    }
}

.citizen-science-cluster-info__type {
    font-size: 1.2rem;
    line-height: 1.35;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .7rem;
    color: #92b5da;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .citizen-science-cluster-info__type {
        font-size: 1.4rem
    }
}

.citizen-science-cluster-info__total {
    font-size: 1.4rem;
    padding-bottom: 1rem;
    color: #7bc0de;
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

@media only screen and (min-width:56.25em) {
    .citizen-science-cluster-info__total {
        font-size: 1.6rem
    }
}

.citizen-science-cluster-info__survey-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.citizen-science-cluster-info__survey {
    position: relative;
    margin: 0 0 0 3.5rem;
    padding: 1.7rem 0;
    border-bottom: 1px solid rgba(1, 203, 225, .3);
    background: url(/app/themes/toc/assets/build/images/icons/arrow-right--white.svg) no-repeat 80%/50%;
    background-size: 10%
}

.citizen-science-cluster-info__survey::before {
    content: "";
    position: absolute;
    top: 1.7rem;
    left: -3.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #92b5da;
    border: 2px solid #fff;
    display: block
}

.citizen-science-cluster-info__survey:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 2rem;
    left: -2.6rem;
    width: 1px;
    height: 100%;
    background-color: #92b5da
}

.citizen-science-cluster-info__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.citizen-science-cluster-info__trigger:active {
    outline: 0
}

.citizen-science-cluster-info__trigger:focus~.citizen-science-cluster-info__survey-date,
.citizen-science-cluster-info__trigger:hover~.citizen-science-cluster-info__survey-date {
    transform: translateX(.5rem)
}

.citizen-science-cluster-info__trigger:focus~.citizen-science-cluster-info__icon,
.citizen-science-cluster-info__trigger:hover~.citizen-science-cluster-info__icon {
    -webkit-animation: point 1s ease-in-out infinite;
    animation: point 1s ease-in-out infinite
}

.citizen-science-cluster-info__survey-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 0 0 .5rem;
    padding: 0
}

@media only screen and (min-width:33.75em) {
    .citizen-science-cluster-info__survey-title {
        font-size: 1.4rem
    }
}

.citizen-science-cluster-info__survey-date {
    font-size: 1.2rem;
    line-height: 1.35;
    pointer-events: none;
    display: block;
    margin: 0;
    padding: 0;
    color: #eaeaea;
    transform: translateX(0);
    transition: .2s cubic-bezier(.25, 1, .5, 1) transform
}

@media only screen and (min-width:33.75em) {
    .citizen-science-cluster-info__survey-date {
        font-size: 1.4rem
    }
}

.citizen-science-cluster-info__icon {
    position: absolute;
    top: 50%;
    right: .3rem;
    max-width: 1rem;
    transform: translate(0, -50%)
}

.citizen-science-cluster-info__icon svg {
    width: 100%;
    height: 100%;
    stroke: #fff
}

.citizen-science-marker-info {
    padding: 0 1.6rem;
    color: #fff
}

.citizen-science-marker-info__section {
    padding: 1.8rem 0
}

.citizen-science-marker-info__section:not(:last-child) {
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.citizen-science-marker-info__back {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    line-height: 1.35;
    display: flex;
    margin: 1.5rem 0 0;
    padding: 0;
    color: #fff
}

.citizen-science-marker-info__back:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__back {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__back[aria-hidden=true] {
    display: none
}

.citizen-science-marker-info__back:focus,
.citizen-science-marker-info__back:hover {
    text-decoration: underline
}

.citizen-science-marker-info__back-icon {
    max-width: 1rem;
    max-height: 1rem;
    display: block;
    margin-right: .5rem
}

.citizen-science-marker-info__back-icon svg {
    width: 100%;
    height: 1rem;
    fill: #fff
}

.citizen-science-marker-info__title {
    font-size: 1.2rem;
    line-height: 1.35;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #92b5da;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__title {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__id {
    font-size: 2.4rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__id {
        font-size: 3rem
    }
}

.citizen-science-marker-info__meta-list {
    margin: 0;
    padding: 0
}

.citizen-science-marker-info__meta {
    font-size: 1.2rem;
    line-height: 1.35;
    display: flex;
    align-items: center;
    margin: .9rem 0
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__meta {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__meta:last-of-type {
    margin-bottom: 0
}

.citizen-science-marker-info__term {
    display: inline-block;
    margin: 0 1rem 0 0
}

.citizen-science-marker-info__definition {
    display: inline-block;
    margin: 0
}

.citizen-science-marker-info__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.citizen-science-marker-info__icon svg {
    width: 100%;
    height: 100%
}

.citizen-science-marker-info__chart text {
    font-family: "Roboto Mono", monospace;
    font-weight: 400
}

.citizen-science-marker-info__chart-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.citizen-science-marker-info__chart-total {
    font-size: 1.2rem;
    line-height: 1.35;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__chart-total {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__chart-total-amount {
    font-size: 2.4rem;
    line-height: 1.2;
    font-family: "Roboto Mono", monospace;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__chart-total-amount {
        font-size: 3rem
    }
}

.citizen-science-marker-info__chart {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__chart {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__chart-pointes {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 150px);
    height: calc(100% - 150px);
    margin-top: 30px;
    margin-left: 30px
}

[data-element=pie-part] {
    cursor: pointer
}

[data-element=pie-part][data-hover-active=false] {
    fill: #02223e
}

.pointer {
    font-size: 1.2rem;
    line-height: 1.35;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 13rem;
    width: 100%;
    display: none;
    padding: .5rem;
    background-color: rgba(255, 255, 255, .85);
    color: #2b6aac
}

@media only screen and (min-width:33.75em) {
    .pointer {
        font-size: 1.4rem
    }
}

.pointer[data-hover-active=true] {
    display: block
}

.pointer__count {
    display: block;
    font-weight: 600
}

.citizen-science-marker-info__legend-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.citizen-science-marker-info__legend-item {
    font-size: 1.2rem;
    line-height: 1.35;
    margin-right: 2rem;
    margin-bottom: 1rem
}

@media only screen and (min-width:33.75em) {
    .citizen-science-marker-info__legend-item {
        font-size: 1.4rem
    }
}

.citizen-science-marker-info__legend-color {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    background-color: #0f0
}

.js-legend-item {
    cursor: pointer
}

.js-legend-item[data-hover-active=false] {
    opacity: .3
}

.citizen-science-marker-info__legend-item[data-type=hard] .citizen-science-marker-info__legend-color {
    background-color: #00cde1
}

[data-element=pie-part][data-type=hard]:not([data-hover-active=false]) {
    fill: #00cde1
}

.citizen-science-marker-info__legend-item[data-type=other] .citizen-science-marker-info__legend-color {
    background-color: #21506a
}

[data-element=pie-part][data-type=other]:not([data-hover-active=false]) {
    fill: #21506a
}

.citizen-science-marker-info__legend-item[data-type=bottle] .citizen-science-marker-info__legend-color {
    background-color: #207cb9
}

[data-element=pie-part][data-type=bottle]:not([data-hover-active=false]) {
    fill: #207cb9
}

.citizen-science-marker-info__legend-item[data-type=foam] .citizen-science-marker-info__legend-color {
    background-color: #00647f
}

[data-element=pie-part][data-type=foam]:not([data-hover-active=false]) {
    fill: #00647f
}

.citizen-science-marker-info__legend-item[data-type=soft] .citizen-science-marker-info__legend-color {
    background-color: #04a5b4
}

[data-element=pie-part][data-type=soft]:not([data-hover-active=false]) {
    fill: #04a5b4
}

.citizen-science-marker-info__legend-item[data-type=clothing] .citizen-science-marker-info__legend-color {
    background-color: #6d8c9c
}

[data-element=pie-part][data-type=clothing]:not([data-hover-active=false]) {
    fill: #6d8c9c
}

.citizen-science-marker-info__legend-item[data-type=non-plastic] .citizen-science-marker-info__legend-color {
    background-color: #125784
}

[data-element=pie-part][data-type=non-plastic]:not([data-hover-active=false]) {
    fill: #125784
}

.citizen-science-marker-info__legend-item[data-type=organic] .citizen-science-marker-info__legend-color {
    background-color: #b7d3e1
}

[data-element=pie-part][data-type=organic]:not([data-hover-active=false]) {
    fill: #b7d3e1
}

.citizen-science-meta__section {
    margin: 0;
    padding: 1.8rem 0
}

.citizen-science-meta__section:not(:last-child) {
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.citizen-science-meta__logo {
    max-width: 12rem
}

.citizen-science-meta__statistic {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .citizen-science-meta__statistic {
        font-size: 1.4rem
    }
}

.citizen-science-meta__count {
    font-size: 2.4rem;
    line-height: 1.2;
    display: block;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {
    .citizen-science-meta__count {
        font-size: 3rem
    }
}

.citizen-science-meta__title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .citizen-science-meta__title {
        font-size: 1.4rem
    }
}

.citizen-science-meta__paragraph {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .citizen-science-meta__paragraph {
        font-size: 1.4rem
    }
}

.citizen-science-meta__latest-survey {
    margin-top: -1.9rem;
    background-color: #2b6aac
}

.citizen-science-meta__latest-survey-trigger-container {
    position: relative
}

.citizen-science-meta__latest-survey-trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.citizen-science-meta__latest-survey-trigger:active {
    outline: 0
}

.citizen-science-meta__latest-survey-trigger:focus~.citizen-science-meta__latest-survey-date,
.citizen-science-meta__latest-survey-trigger:focus~.citizen-science-meta__latest-survey-id,
.citizen-science-meta__latest-survey-trigger:focus~.citizen-science-meta__latest-survey-type,
.citizen-science-meta__latest-survey-trigger:hover~.citizen-science-meta__latest-survey-date,
.citizen-science-meta__latest-survey-trigger:hover~.citizen-science-meta__latest-survey-id,
.citizen-science-meta__latest-survey-trigger:hover~.citizen-science-meta__latest-survey-type {
    text-decoration: underline
}

.citizen-science-meta__latest-survey-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.35;
    padding-bottom: .8rem;
    border-bottom: 1px solid rgba(1, 203, 225, .3);
    text-transform: none
}

@media only screen and (min-width:33.75em) {
    .citizen-science-meta__latest-survey-title {
        font-size: 1.4rem
    }
}

.citizen-science-meta__latest-survey-date,
.citizen-science-meta__latest-survey-id,
.citizen-science-meta__latest-survey-type {
    margin: 0 0 .5rem
}

.citizen-science-meta__latest-survey-type {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #92b5da
}

.citizen-science-side-bar {
    overflow: hidden;
    height: 100%
}

.citizen-science-side-bar__inner {
    position: relative;
    width: 700px;
    transition: .3s ease-in-out transform
}

.citizen-science-side-bar__overview,
.citizen-science-side-bar__single {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh
}

.citizen-science-side-bar__overview {
    left: 0
}

.citizen-science-side-bar__single {
    left: 50%
}

[data-state=single] .citizen-science-side-bar__inner {
    transform: translateX(-50%)
}

[data-state=overview] .citizen-science-side-bar__inner {
    transform: translateX(0)
}

.cleanup-map-image {
    position: relative
}

.cleanup-map-image #patches path {
    transform-origin: center;
    transition: 1.5s all
}

.cleanup-map-image #patches #patch-1[data-triggered=true] {
    opacity: .3
}

.cleanup-map-image #patches #patch-2[data-triggered=true] {
    opacity: .4
}

.cleanup-map-image #patches #patch-3[data-triggered=true] {
    opacity: .5
}

.cleanup-map-image #patches #patch-4[data-triggered=true] {
    opacity: 0
}

.cleanup-map-image #patches #patch-5[data-triggered=true] {
    opacity: 0
}

.cleanup-map-image #patches #patch-1 {
    -webkit-animation: cleanup-map-patches 2.25s ease .15s infinite alternate;
    animation: cleanup-map-patches 2.25s ease .15s infinite alternate
}

.cleanup-map-image #patches #patch-2 {
    -webkit-animation: cleanup-map-patches 2.5s ease .3s infinite alternate;
    animation: cleanup-map-patches 2.5s ease .3s infinite alternate
}

.cleanup-map-image #patches #patch-3 {
    -webkit-animation: cleanup-map-patches 2.75s ease .45s infinite alternate;
    animation: cleanup-map-patches 2.75s ease .45s infinite alternate
}

.cleanup-map-image #patches #patch-4 {
    -webkit-animation: cleanup-map-patches 3s ease .6s infinite alternate;
    animation: cleanup-map-patches 3s ease .6s infinite alternate
}

.cleanup-map-image #patches #patch-5 {
    -webkit-animation: cleanup-map-patches 3.25s ease .75s infinite alternate;
    animation: cleanup-map-patches 3.25s ease .75s infinite alternate
}

@-webkit-keyframes cleanup-map-patches {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.05)
    }
}

@keyframes cleanup-map-patches {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.05)
    }
}

.cleanup-map-image #ocean-systems g {
    opacity: 0;
    transition: .3s opacity
}

.cleanup-map-image #ocean-systems g[data-triggered=true] {
    opacity: 1
}

.cleanup-map-image #ocean-systems #ocean-system-1 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: .64103s;
    animation-delay: .64103s
}

.cleanup-map-image #ocean-systems #ocean-system-1 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: .07912s;
    animation-delay: .07912s
}

.cleanup-map-image #ocean-systems #ocean-system-2 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: 1.16097s;
    animation-delay: 1.16097s
}

.cleanup-map-image #ocean-systems #ocean-system-2 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: 1.80849s;
    animation-delay: 1.80849s
}

.cleanup-map-image #ocean-systems #ocean-system-3 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: 1.08406s;
    animation-delay: 1.08406s
}

.cleanup-map-image #ocean-systems #ocean-system-3 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: 1.35125s;
    animation-delay: 1.35125s
}

.cleanup-map-image #ocean-systems #ocean-system-4 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: 1.60907s;
    animation-delay: 1.60907s
}

.cleanup-map-image #ocean-systems #ocean-system-4 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: .27203s;
    animation-delay: .27203s
}

.cleanup-map-image #ocean-systems #ocean-system-5 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: .049s;
    animation-delay: .049s
}

.cleanup-map-image #ocean-systems #ocean-system-5 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: .94721s;
    animation-delay: .94721s
}

.cleanup-map-image #ocean-systems #ocean-system-6 {
    -webkit-animation: cleanup-map-systems-x 4s infinite ease;
    animation: cleanup-map-systems-x 4s infinite ease;
    -webkit-animation-delay: 1.28983s;
    animation-delay: 1.28983s
}

.cleanup-map-image #ocean-systems #ocean-system-6 circle {
    -webkit-animation: cleanup-map-systems-y 4s infinite ease;
    animation: cleanup-map-systems-y 4s infinite ease;
    -webkit-animation-delay: .95638s;
    animation-delay: .95638s
}

@-webkit-keyframes cleanup-map-systems-x {
    50% {
        transform: translateX(10px)
    }
}

@keyframes cleanup-map-systems-x {
    50% {
        transform: translateX(10px)
    }
}

@-webkit-keyframes cleanup-map-systems-y {
    50% {
        transform: translateY(-10px)
    }
}

@keyframes cleanup-map-systems-y {
    50% {
        transform: translateY(-10px)
    }
}

.cleanup-map-image #river-systems circle {
    opacity: 0;
    transition: .3s opacity
}

.cleanup-map-image #river-systems circle[data-triggered=true] {
    opacity: 1
}

.cleanup-map-image #arrows {
    transition: 1.5s all
}

.cleanup-map-image #arrows[data-triggered=true] {
    stroke-width: 0;
    opacity: 0
}

.cleanup-map-image #rivers #thick-rivers,
.cleanup-map-image #rivers #thin-rivers {
    transition: 1.5s all
}

.cleanup-map-image #rivers[data-triggered=true] #thick-rivers {
    stroke-width: 2
}

.cleanup-map-image #rivers[data-triggered=true] #thin-rivers {
    stroke-width: 1
}

.cleanup-map-scroller-global {
    position: relative;
    background: #175c81
}

.cleanup-map-scroller-global__image-spacer {
    position: relative;
    height: 100vh;
    max-height: 200vmin
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__image-spacer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        max-height: none;
        min-height: 120vh
    }
}

.cleanup-map-scroller-global__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: right
}

.cleanup-map-scroller-global__image-sticker {
    position: -webkit-sticky;
    position: sticky;
    top: 50vmin
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__image-sticker {
        padding: 15vh 0;
        width: 100%;
        top: 0 !important
    }
}

.cleanup-map-scroller-global__image-sticker>svg {
    display: inline-block;
    vertical-align: middle;
    width: 95%;
    height: 100%
}

@media only screen and (min-width:33.75em) {
    .cleanup-map-scroller-global__image-sticker>svg {
        width: 70%
    }
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__image-sticker>svg {
        width: auto;
        height: 70vh;
        max-height: 40vw;
        max-width: 87vh
    }
}

.cleanup-map-scroller-global__content-spacer {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .cleanup-map-scroller-global__content-spacer {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__content-spacer {
        height: 110vh
    }
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__content-sticker {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        height: 100vh;
        max-height: 150vmin
    }
}

.cleanup-map-scroller-global__content {
    font-size: 1.8rem;
    line-height: 1.4;
    max-width: 500px;
    padding-top: 2em;
    padding-bottom: 2em;
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .cleanup-map-scroller-global__content {
        font-size: 2.1rem
    }
}

.cleanup-map-scroller-global__content h1 {
    color: #92b5da
}

.color-tile {
    display: flex;
    max-width: 390px;
    margin-bottom: 1em;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(165, 165, 165, .4)
}

.color-tile--large {
    width: 100%;
    max-width: none
}

.color-tile+.color-tile {
    margin-top: -.25em
}

.color-tile__swatch {
    display: block;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background-color: #eaeaea
}

@media only screen and (min-width:22.5em) {
    .color-tile__swatch {
        width: 80px;
        height: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .color-tile__swatch {
        width: 100px;
        height: 100px
    }
}

.color-tile--large .color-tile__swatch {
    width: 120px;
    height: 120px
}

@media only screen and (min-width:22.5em) {
    .color-tile--large .color-tile__swatch {
        width: 160px;
        height: 160px
    }
}

@media only screen and (min-width:33.75em) {
    .color-tile--large .color-tile__swatch {
        width: 200px;
        height: 200px
    }
}

.color-tile__description {
    padding: 8px 10px
}

@media only screen and (min-width:33.75em) {
    .color-tile__description {
        padding-left: 16px;
        padding-right: 16px
    }
}

.color-tile--large .color-tile__description {
    padding: 10px 16px
}

@media only screen and (min-width:33.75em) {
    .color-tile--large .color-tile__description {
        padding: 16px
    }
}

.color-tile__description>span {
    display: block;
    width: 100%;
    font-size: 1.3rem;
    text-transform: uppercase;
    line-height: 1.3
}

@media only screen and (min-width:33.75em) {
    .color-tile__description>span {
        font-size: 1.6rem
    }
}

.color-tile__description>span:first-child {
    font-weight: 600
}

.contact-form {
    position: relative
}

.contact-form [aria-hidden=true]:not(svg) {
    display: none
}

.contact-form__message {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    margin: 25px 0 40px
}

@media only screen and (min-width:45em) {
    .contact-form__message {
        font-size: 1.6rem
    }
}

.contact-form__message ol,
.contact-form__message ul {
    margin: 1em 0 2em
}

.contact-form__message ol:first-child,
.contact-form__message ul:first-child {
    margin-top: 0
}

.contact-form__message ol:last-child,
.contact-form__message ul:last-child {
    margin-bottom: 0
}

.contact-form__message ol li+li,
.contact-form__message ul li+li {
    margin-top: 5px
}

.contact-form__message ol li>ul:first-child,
.contact-form__message ul li>ul:first-child {
    margin-top: 10px
}

.contact-form__message p:last-child {
    margin-bottom: 0
}

.contact-form__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 10px;
    display: block
}

@media only screen and (min-width:45em) {
    .contact-form__warning {
        font-size: 1.6rem
    }
}

.contact-form__warning ol,
.contact-form__warning ul {
    margin: 1em 0 2em
}

.contact-form__warning ol:first-child,
.contact-form__warning ul:first-child {
    margin-top: 0
}

.contact-form__warning ol:last-child,
.contact-form__warning ul:last-child {
    margin-bottom: 0
}

.contact-form__warning ol li+li,
.contact-form__warning ul li+li {
    margin-top: 5px
}

.contact-form__warning ol li>ul:first-child,
.contact-form__warning ul li>ul:first-child {
    margin-top: 10px
}

.contact-form__warning p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:45em) {
    .contact-form div[data-fieldgroup=company] {
        display: flex
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=company-name] {
        width: 45%;
        padding-right: 20px
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=company-website] {
        width: 55%
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-fieldgroup=donation-address] {
        display: flex
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=donation-address-zip] {
        width: 40%;
        padding-right: 20px
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=donation-address-city] {
        width: 60%
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-fieldgroup=event-datetime] {
        display: flex
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=event-date] {
        width: 60%;
        padding-right: 20px
    }
}

@media only screen and (min-width:45em) {
    .contact-form div[data-field=event-time] {
        width: 40%
    }
}

.content-tabs {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .content-tabs {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .content-tabs {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .content-tabs {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .content-tabs {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .content-tabs {
        padding-bottom: 60px
    }
}

.no-js .content-tabs__tab-list {
    display: none
}

.content-tabs__tab-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1em
}

.no-flexbox .content-tabs__tab-list ul {
    zoom: 1
}

.no-flexbox .content-tabs__tab-list ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.content-tabs__tab-list li {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .content-tabs__tab-list li {
        font-size: 1.8rem
    }
}

.content-tabs__tab-list li:not(:last-of-type) {
    margin-right: 15px
}

@media only screen and (min-width:45em) {
    .content-tabs__tab-list li:not(:last-of-type) {
        margin-right: 30px
    }
}

.content-tabs__tab-list a {
    display: block;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    color: #92b5da;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none
}

.content-tabs__tab-list a:focus,
.content-tabs__tab-list a:hover,
.content-tabs__tab-list a[aria-selected=true] {
    border-color: currentColor
}

.js .content-tabs__pane[aria-hidden=true] {
    display: none
}

.no-flexbox .content-tabs__pane {
    zoom: 1
}

.no-flexbox .content-tabs__pane:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.content-tabs figure {
    margin: 0;
    line-height: 0;
    position: relative
}

.content-tabs figure img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:33.75em) {
    .no-flexbox .content-tabs figure {
        float: left
    }
}

.cookie-consent-embed-overlay {
    z-index: 1000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background-color: rgba(0, 55, 85, .9);
    color: #fff
}

.cookie-consent-embed-overlay__text {
    max-width: 35rem;
    line-height: 1.2
}

.cookie-consent-embed-overlay__text--secondary {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .cookie-consent-embed-overlay__text--secondary {
        font-size: 1.4rem
    }
}

.cookie-consent-embed-overlay__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline;
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: underline
}

.cookie-consent-embed-overlay__trigger:active {
    outline: 0
}

.cookie-consent {
    scrollbar-color: #2b6aac transparent;
    scrollbar-width: thin;
    z-index: 7500;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 55, 85, .25);
    color: #2b6aac;
    transform: translate3d(0, 0, 0);
    transition: transform .5s, opacity .5s, visibility .5s
}

.cookie-consent::-webkit-scrollbar-track {
    margin: .3em 0;
    background-color: transparent
}

.cookie-consent::-webkit-scrollbar {
    width: 1em
}

.cookie-consent::-webkit-scrollbar-thumb {
    background-color: #2b6aac;
    border: .3em solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-clip: padding-box
}

@media only screen and (min-width:33.75em) {
    .cookie-consent {
        right: 25px;
        bottom: 25px;
        left: auto;
        max-width: 400px;
        max-height: calc(100% - 50px)
    }
}

.cookie-consent[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 50px)
}

@media only screen and (min-width:33.75em) {
    .cookie-consent[aria-hidden=true] {
        transform: translate(50px, 0)
    }
}

.cookie-consent__header {
    padding: 20px 25px;
    font-size: 1.6rem
}

.cookie-consent__header h1 {
    margin: 1.2em 0 .5em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.15
}

@media only screen and (min-width:33.75em) {
    .cookie-consent__header h1 {
        font-size: 3.2rem
    }
}

@media only screen and (min-width:63.75em) {
    .cookie-consent__header h1 {
        font-size: 3.4rem
    }
}

.cookie-consent__header h1 span {
    font-weight: 600;
    line-height: .95
}

.cookie-consent__header h1:first-child {
    margin-top: 0
}

.cookie-consent__header p:last-child {
    margin-bottom: 0
}

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

.cookie-consent__tab-list li {
    border-top: 1px solid rgba(0, 55, 85, .1)
}

.cookie-consent__tab-list li:last-child {
    border-bottom: 1px solid rgba(0, 55, 85, .1)
}

.cookie-consent__tab {
    display: flex;
    align-items: stretch
}

.cookie-consent__option {
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 15px 25px 17px;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cookie-consent__tab-list li:first-child .cookie-consent__option {
    padding: 20px 25px 22px;
    font-size: 2rem
}

.cookie-consent__option input {
    margin-left: 0 !important;
    margin-right: 15px;
    min-width: 14px;
    min-height: 14px
}

.cookie-consent__tab-list li:first-child .cookie-consent__option input {
    min-width: 16px;
    min-height: 16px
}

.cookie-consent__option input[type=checkbox]+span {
    margin: 0
}

.cookie-consent__option:not([data-required=true]):hover {
    background: rgba(0, 55, 85, .025)
}

.cookie-consent__tab-toggle {
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 55px;
    min-height: 55px;
    padding: 10px;
    background: rgba(0, 55, 85, .05);
    line-height: 0
}

.cookie-consent__tab-toggle:hover {
    background: rgba(0, 55, 85, .2)
}

.cookie-consent__tab-toggle>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -9px;
    width: 18px;
    height: 11px;
    fill: #2b6aac
}

.cookie-consent__tab-toggle[aria-selected=true]>svg {
    transform: scaleY(-1)
}

.cookie-consent__tab-panel {
    position: relative
}

.cookie-consent__tab-panel[aria-hidden=true] {
    display: none
}

.cookie-consent__tab-description {
    margin-top: -5px;
    position: relative;
    padding: 5px calc(25px + 55px) 20px 25px;
    background: #fff;
    font-size: .8em
}

.cookie-consent__tab-description::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55px;
    background: rgba(0, 55, 85, .05)
}

.cookie-consent__button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #92b5da;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s;
    margin: 20px;
    display: block;
    width: calc(100% - 40px);
    min-height: 55px
}

.cookie-consent__button:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .cookie-consent__button {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .cookie-consent__button {
        font-size: 1.8rem
    }
}

.cookie-consent__button:focus,
.cookie-consent__button:hover {
    background: #01b4c8
}

.cookie-consent__button:hover {
    outline: 0
}

.cookie-consent__button:disabled {
    opacity: .3;
    cursor: not-allowed
}

.cookie-consent__button:active {
    transform: none
}

.cookie-information-table {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .cookie-information-table {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .cookie-information-table {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .cookie-information-table {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .cookie-information-table {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .cookie-information-table {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .cookie-information-table {
        font-size: 1.3rem
    }
}

.cookie-information-table__scroll-container {
    position: relative;
    max-width: 100%
}

@media only screen and (max-width:72.4375em) {
    .cookie-information-table__scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.cookie-information-table table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse
}

.cookie-information-table caption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.cookie-information-table table tr {
    border-bottom: 1px solid #eaeaea
}

.cookie-information-table table td,
.cookie-information-table table th {
    padding: 1rem;
    text-align: left
}

.cookie-information-table th[scope=col] {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: #2b6aac;
    color: #fff;
    font-size: 1.1rem;
    text-align: left;
    white-space: nowrap;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.cookie-information-table th[scope=col]:first-child {
    padding-left: 1.5rem
}

.cookie-information-table th[scope=col]:last-child {
    padding-right: 1.5rem
}

.cookie-information-table table td,
.cookie-information-table table th[scope=row] {
    vertical-align: top
}

.cookie-information-table table th[scope=row] {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    padding-left: 1.5rem
}

.cookie-information-table svg {
    width: 12px;
    height: 12px;
    margin: 0 0 0 .5rem;
    fill: currentColor
}

.custom-select {
    position: relative;
    margin-bottom: 15px
}

.custom-select svg {
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 18px;
    height: 18px;
    fill: #2b6aac;
    pointer-events: none
}

.custom-select select {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-left: 12px;
    padding-right: 40px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.custom-select option {
    font-weight: 400;
    color: #2b6aac
}

.custom-select select+.parsley {
    margin-top: 7px
}

.custom-select svg,
x:-o-prefocus {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .custom-select select::-ms-expand {
        display: none
    }

    .custom-select select:focus::-ms-value {
        background: 0 0;
        color: #2b6aac !important
    }
}

.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2b6aac !important
}

.date-link-block {
    text-align: center
}

.date-link-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .date-link-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .date-link-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .date-link-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .date-link-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .date-link-block__inner {
        padding-bottom: 60px
    }
}

.date-link-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.date-link-block ul[aria-hidden=true] {
    display: none
}

.date-link-block li {
    zoom: 1;
    padding: 10px 0
}

.date-link-block li:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.date-link-block li+li,
.date-link-block ul+ul {
    border-top: 1px solid #eaeaea
}

.date-link-block li span {
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 1.4rem
}

@media only screen and (min-width:33.75em) {
    .date-link-block li span {
        float: left;
        margin-bottom: 0;
        display: inline-block;
        width: 20%;
        padding-right: 20px
    }
}

@media only screen and (min-width:45em) {
    .date-link-block li span {
        font-size: 1.6rem
    }
}

.date-link-block a {
    display: block;
    margin-bottom: 3px;
    line-height: 1.25;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none
}

@media only screen and (min-width:33.75em) {
    .date-link-block a {
        float: left;
        margin-bottom: 0;
        display: inline-block;
        width: 80%
    }
}

.date-link-block a:focus,
.date-link-block a:hover {
    text-decoration: underline
}

.date-link-block .link {
    margin-top: 30px
}

.description-toggle__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    line-height: 1.35;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4a4a4a
}

.description-toggle__trigger:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .description-toggle__trigger {
        font-size: 1.4rem
    }
}

.description-toggle__trigger-text {
    margin-right: .5rem
}

.description-toggle__trigger svg {
    width: 1rem;
    height: 1rem;
    transform: rotateZ(0);
    fill: #a5a5a5
}

.description-toggle__trigger[aria-pressed=true] svg {
    transform: rotateZ(-180deg)
}

.description-toggle__target {
    margin-top: .8rem
}

.description-toggle__target[aria-hidden=true] {
    display: none
}

.description-toggle__target[aria-hidden=false] {
    display: block
}

.document-gallery-item {
    padding: 15px 0
}

@media only screen and (min-width:45em) {
    .document-gallery-item {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start
    }
}

.document-gallery-item__prefix {
    margin-bottom: 5px;
    font-size: 1.4rem;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .document-gallery-item__prefix {
        margin-bottom: 0;
        flex: 0 0 20%;
        width: 20%;
        padding-right: 15px;
        font-size: 1.6rem
    }
}

.document-gallery-item__title {
    margin-bottom: 5px;
    flex: 1 1 auto;
    display: block;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.3;
    text-transform: none;
    text-decoration: none
}

@media only screen and (min-width:45em) {
    .document-gallery-item__title {
        margin-bottom: 0;
        font-size: 1.8rem
    }
}

.document-gallery-item__title:focus,
.document-gallery-item__title:hover {
    text-decoration: underline
}

.document-gallery-item__meta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.2;
    color: rgba(0, 55, 85, .5)
}

@media only screen and (min-width:45em) {
    .document-gallery-item__meta {
        padding-left: 20px;
        font-size: 1.6rem
    }
}

.document-gallery-item__meta span {
    position: relative
}

.document-gallery-item__meta span+span {
    padding-left: 13px
}

@media only screen and (min-width:45em) {
    .document-gallery-item__meta span+span {
        padding-left: 20px
    }
}

.document-gallery-item__meta span+span::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 2px;
    left: 5px;
    border-left: 1px solid #eaeaea
}

@media only screen and (min-width:45em) {
    .document-gallery-item__meta span+span::before {
        left: 10px
    }
}

.document-gallery-item__download {
    margin-left: -5px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    line-height: 0
}

.document-gallery-item__download>svg {
    width: 13px;
    height: 16px;
    stroke: #2b6aac
}

@media only screen and (min-width:45em) {
    .document-gallery-item__download>svg {
        width: 14px;
        height: 17px
    }
}

.document-gallery-item__download:focus>svg,
.document-gallery-item__download:hover>svg {
    stroke: #92b5da
}

.document-gallery__header {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between
}

.document-gallery__title {
    margin: 0 20px 0 0;
    font-size: 1.8rem
}

@media only screen and (min-width:33.75em) {
    .document-gallery__title {
        font-size: 2.4rem
    }
}

.document-gallery .link {
    flex: 0 0 auto;
    display: block
}

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

.document-gallery li+li {
    border-top: 1px solid #eaeaea
}

.donate-cta {
    position: relative;
    overflow: hidden;
    padding: 30px 25px;
    border-radius: 2px;
    background: #175c81;
    color: #fff
}

@media only screen and (min-width:45em) {
    .donate-cta {
        padding: 50px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-cta__body {
        text-align: center
    }
}

.donate-cta__body h2 {
    margin: 0 auto .7em;
    max-width: 500px
}

.donate-form-v2 {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .2)
}

.donate-form-v2__inner {
    position: relative;
    padding: 25px 20px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__inner {
        padding: 40px 40px 10px
    }
}

.donate-form-v2 button[aria-hidden=true],
.donate-form-v2 div[aria-hidden=true],
.donate-form-v2 fieldset[aria-hidden=true],
.donate-form-v2 img[aria-hidden=true],
.donate-form-v2 input[aria-hidden=true],
.donate-form-v2 label[aria-hidden=true],
.donate-form-v2 li[aria-hidden=true],
.donate-form-v2 p[aria-hidden=true],
.donate-form-v2 section[aria-hidden=true],
.donate-form-v2 span[aria-hidden=true] {
    display: none !important
}

.donate-form-v2 h2 {
    font-size: 2.4rem;
    line-height: 1.2;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    color: #2b6aac
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2 h2 {
        font-size: 3rem
    }
}

.donate-form-v2 fieldset {
    margin-top: 0
}

.donate-form-v2 label,
.donate-form-v2 legend {
    display: block;
    color: #2b6aac
}

.donate-form-v2 input,
.donate-form-v2 select,
.donate-form-v2 textarea {
    border: 2px solid #bedae9;
    background-color: transparent
}

.donate-form-v2 input.has-error,
.donate-form-v2 select.has-error,
.donate-form-v2 textarea.has-error {
    border-color: red
}

.donate-form-v2 input:focus-visible,
.donate-form-v2 select:focus-visible,
.donate-form-v2 textarea:focus-visible {
    outline: 0 !important;
    border-color: #2b6aac
}

.donate-form-v2__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 30px
}

@media only screen and (min-width:45em) {
    .donate-form-v2__warning {
        font-size: 1.6rem
    }
}

.donate-form-v2__warning ol,
.donate-form-v2__warning ul {
    margin: 1em 0 2em
}

.donate-form-v2__warning ol:first-child,
.donate-form-v2__warning ul:first-child {
    margin-top: 0
}

.donate-form-v2__warning ol:last-child,
.donate-form-v2__warning ul:last-child {
    margin-bottom: 0
}

.donate-form-v2__warning ol li+li,
.donate-form-v2__warning ul li+li {
    margin-top: 5px
}

.donate-form-v2__warning ol li>ul:first-child,
.donate-form-v2__warning ul li>ul:first-child {
    margin-top: 10px
}

.donate-form-v2__warning p:last-child {
    margin-bottom: 0
}

.donate-form-v2 .error {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -5px 0 1em;
    display: block;
    width: 100%;
    color: red;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: -5px 0 10px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2 .error {
        font-size: 1.6rem
    }
}

.donate-form-v2__step-background {
    background-color: #f2faff;
    width: calc(100% + 40px);
    margin: 0 0 2rem;
    padding: 25px 20px;
    transform: translateX(-20px)
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__step-background {
        width: calc(100% + 80px);
        padding: 24px 40px;
        transform: translateX(-40px)
    }
}

[data-step="2"] .donate-form-v2__step-background {
    margin-top: 3rem
}

@media only screen and (min-width:25em) {
    [data-step="2"] .donate-form-v2__step-background {
        margin-top: 6.2rem
    }
}

.donate-form-v2__title {
    max-width: 50%
}

@media only screen and (min-width:25em) {
    .donate-form-v2__title {
        max-width: 100%
    }
}

.donate-form-v2__monthly-text {
    transform: translateY(-8px)
}

.donate-form-v2__highlight-text {
    font-size: 1.2rem;
    line-height: 1.35;
    padding: 16px 24px;
    background-color: #bedae9;
    line-height: 1.7
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__highlight-text {
        font-size: 1.4rem
    }
}

.donate-form-v2__currency {
    margin: 0 0 2rem
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__currency-inner {
        display: flex;
        align-items: center;
        min-height: 50px
    }
}

.donate-form-v2__currency-inner>.styled-radio-buttons-v2 {
    flex: 1 0 auto;
    padding-right: 15px
}

.donate-form-v2__currency-label {
    min-width: 47px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__currency-label {
        min-width: 110px
    }
}

.donate-form-v2__currency-inner>p {
    margin: 5px 0 15px;
    font-size: 1.2rem;
    line-height: 1.25;
    color: #4a4a4a
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__currency-inner>p {
        margin: -3px 0 0 40px;
        font-size: 1.4rem
    }
}

.donate-form-v2__currency-inner>p span {
    font-weight: 600
}

.donate-form-v2__frequency-controls {
    display: flex
}

.donate-form-v2__frequency-input {
    position: absolute;
    left: -1000px;
    opacity: 0
}

.donate-form-v2__frequency-label {
    display: block;
    margin: 0;
    padding: 1rem;
    border-bottom: 4px solid #bedae9
}

.donate-form-v2__frequency-input:focus+.donate-form-v2__frequency-label,
.donate-form-v2__frequency-label:hover {
    border-color: rgba(0, 55, 85, .6)
}

.donate-form-v2__frequency-input:checked+.donate-form-v2__frequency-label {
    border-color: #2b6aac
}

.donate-form-v2__frequency-input:disabled+.donate-form-v2__frequency-label {
    display: none
}

@media only screen and (min-width:45em) {
    .donate-form-v2__amount {
        display: flex;
        flex-wrap: wrap
    }
}

.donate-form-v2__amount legend {
    width: 100%
}

@media only screen and (max-width:44.9375em) {
    .donate-form-v2__amount>.styled-radio-buttons-v2 {
        margin: 0 -3px 5px;
        display: flex;
        justify-content: space-between;
        min-width: 100%
    }
}

@media only screen and (max-width:44.9375em) {
    .donate-form-v2__amount>.styled-radio-buttons-v2>label {
        margin: 0 3px;
        flex: 0 1 33.333%;
        width: 33.333%
    }
}

.donate-form-v2__amount-custom {
    position: relative;
    flex: 1 1 auto;
    width: 100%
}

@media only screen and (min-width:45em) {
    .donate-form-v2__amount-custom {
        margin-left: 5px;
        width: auto;
        max-width: 182px
    }
}

.donate-form-v2__amount-custom input {
    padding-left: 52px
}

@media only screen and (min-width:56.25em) {
    .donate-form-v2__amount-custom input {
        padding: 11px 5px 12px 52px
    }
}

.donate-form-v2__amount-custom input:not(:focus) {
    background-color: transparent;
    border: 2px solid #bedae9;
    border-radius: 2px;
    color: #2b6aac
}

.donate-form-v2__amount-custom input:focus {
    outline: 0
}

.donate-form-v2__amount-custom input.is-filled:not(:focus) {
    background: #2b6aac;
    color: #fff;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.donate-form-v2__amount-custom>span {
    position: absolute;
    top: 12px;
    left: 13px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    pointer-events: none
}

@media only screen and (min-width:56.25em) {
    .donate-form-v2__amount-custom>span {
        top: 14px
    }
}

.donate-form-v2__amount-custom input.is-filled:not(:focus)~span {
    top: 11px;
    color: #fff
}

.donate-form-v2__custom-label {
    position: relative
}

.donate-form-v2__custom-label label {
    position: absolute;
    top: 1rem;
    left: 1.5rem;
    transform: translateY(.3rem);
    transition: transform .2s ease-in-out, font-size .2s ease-in-out
}

.donate-form-v2__custom-label input {
    padding: 20px 12px 5px
}

.donate-form-v2__custom-label input.focus-visible+label,
.donate-form-v2__custom-label input[data-has-value]+label {
    transform: translateY(-.6rem);
    font-size: 1.2rem
}

.donate-form-v2__custom-select select {
    padding: 20px 12px 5px;
    height: 55px
}

.donate-form-v2__custom-select+label {
    transform: translateY(-.6rem);
    font-size: 1.2rem
}

.donate-form-v2__custom-select svg {
    top: 25px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__details>label {
        clear: left
    }
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__name {
        float: left;
        width: 40%
    }
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__name:nth-of-type(2) {
        float: right;
        width: 57%
    }
}

.donate-form-v2__email {
    clear: left
}

.donate-form-v2__payment {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(91, 127, 146, .2)
}

.donate-form-v2__payment>.styled-radio-buttons-v2 {
    margin: 0 -5px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start
}

@media only screen and (min-width:45em) {
    .donate-form-v2__payment>.styled-radio-buttons-v2 {
        margin: 0 -2px
    }
}

.donate-form-v2__payment>.styled-radio-buttons-v2>#eps:checked+label>img,
.donate-form-v2__payment>.styled-radio-buttons-v2>#paypal:checked+label>img,
.donate-form-v2__payment>.styled-radio-buttons-v2>#sepadirectdebit:checked+label>img,
.donate-form-v2__payment>.styled-radio-buttons-v2>#sofortueberweisung:checked+label>img {
    -webkit-filter: invert(1) grayscale(1) brightness(5);
    filter: invert(1) grayscale(1) brightness(5)
}

.donate-form-v2__payment>.styled-radio-buttons-v2>label {
    margin: 1%;
    flex: 0 1 31.3333%;
    width: 31.3333%;
    padding-top: 6px;
    padding-bottom: 0
}

@media only screen and (min-width:45em) {
    .donate-form-v2__payment>.styled-radio-buttons-v2>label {
        margin: 3px .5%;
        flex: 0 1 19%;
        width: 19%
    }
}

.donate-form-v2__payment>.styled-radio-buttons-v2>input:disabled+label {
    display: none
}

.donate-form-v2__payment>.styled-radio-buttons-v2>label>img {
    max-width: 48px;
    pointer-events: none
}

.donate-form-v2__bank {
    margin-top: .5em;
    padding: 20px;
    background: #2b6aac;
    color: #fff
}

.donate-form-v2__bank legend {
    color: inherit
}

.donate-form-v2__bank small {
    font-size: 1.4rem
}

.donate-form-v2__bank label {
    color: inherit
}

.donate-form-v2__bank select {
    border-color: #fff;
    color: #fff
}

.donate-form-v2__bank input {
    border-color: #fff
}

.donate-form-v2__bank svg {
    fill: #fff
}

.donate-form-v2__bank #bic,
.donate-form-v2__bank #iban {
    text-transform: uppercase
}

.donate-form-v2__newsletter {
    position: relative;
    margin: 50px 0 20px !important
}

.donate-form-v2__newsletter::before {
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    right: 0;
    display: block;
    padding-bottom: 20px;
    border-top: 1px solid rgba(91, 127, 146, .2)
}

.donate-form-v2__newsletter label {
    display: block !important;
    width: 100%;
    padding: 15px;
    padding-left: 40px;
    background: rgba(91, 127, 146, .1);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.donate-form-v2__newsletter label:hover {
    background: rgba(91, 127, 146, .2)
}

.donate-form-v2__newsletter input {
    position: absolute;
    left: 15px;
    top: 21px
}

.donate-form-v2__newsletter input:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 0
}

.donate-form-v2__newsletter input:focus+label {
    outline: 3px solid #ff8c00
}

.donate-form-v2__controls {
    position: absolute;
    top: 12px;
    right: 0;
    min-width: 160px;
    min-height: 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__controls {
        top: 30px;
        right: 30px
    }
}

.donate-form-v2__payment-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px 25px
}

.donate-form-v2__payment-logos img[data-type=eur-month] {
    max-width: 159px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__payment-logos img[data-type=eur-month] {
        max-width: none;
        max-height: 30px
    }
}

.donate-form-v2__payment-logos img[data-type=eur-one] {
    max-width: 214px
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__payment-logos img[data-type=eur-one] {
        max-width: none;
        max-height: 30px
    }
}

.donate-form-v2__payment-logos img[data-type=usd] {
    max-width: 221px
}

.donate-form-v2 button[type=submit] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #92b5da;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s;
    width: 100%;
    font-size: 1.8rem;
    border-radius: 5px
}

.donate-form-v2 button[type=submit]:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2 button[type=submit] {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .donate-form-v2 button[type=submit] {
        font-size: 1.8rem
    }
}

.donate-form-v2 button[type=submit]:focus,
.donate-form-v2 button[type=submit]:hover {
    background: #01b4c8
}

.donate-form-v2 button[type=submit]:hover {
    outline: 0
}

.donate-form-v2 button[type=submit]:disabled {
    opacity: .3;
    cursor: not-allowed
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2 button[type=submit] {
        font-size: 2rem
    }
}

@media only screen and (min-width:93.75em) {
    .donate-form-v2 button[type=submit] {
        font-size: 2rem
    }
}

.donate-form-v2 button[data-to-step="1"] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem;
    color: #2b6aac;
    opacity: .5;
    margin-top: 2rem;
    margin-left: auto
}

.donate-form-v2 button[data-to-step="1"]:active {
    outline: 0
}

.donate-form-v2 button[data-to-step="1"]::before {
    content: "‹ "
}

.donate-form-v2 button[data-to-step="1"]:hover {
    text-decoration: underline
}

.donate-form-v2__spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    margin-top: 2rem;
    background: #2b6aac
}

.donate-form-v2__spinner::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #92b5da;
    border-color: #92b5da transparent;
    -webkit-animation: donate-spinner .8s linear infinite;
    animation: donate-spinner .8s linear infinite
}

@-webkit-keyframes donate-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes donate-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.donate-form-v2__terms {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #878787
}

@media only screen and (min-width:33.75em) {
    .donate-form-v2__terms {
        font-size: 1.4rem
    }
}

.donate-form-v2__terms a {
    color: inherit
}

.donate-form-v2__message {
    margin-bottom: 25px;
    padding: 10px 15px 13px;
    background: rgba(91, 127, 146, .3);
    border-radius: 2px;
    font-size: 1.4rem;
    color: #2b6aac
}

.donate-form-v2__message p:last-of-type {
    margin-bottom: 0
}

.donate-form-v2__message a {
    color: inherit
}

.donate-form {
    position: relative;
    max-width: 600px
}

.donate-form__inner {
    position: relative;
    padding: 25px 30px 90px;
    background: rgba(91, 127, 146, .05);
    border: 1px solid #2b6aac
}

@media only screen and (min-width:33.75em) {
    .donate-form__inner {
        padding: 40px 40px 100px
    }
}

.donate-form button[aria-hidden=true],
.donate-form div[aria-hidden=true],
.donate-form fieldset[aria-hidden=true],
.donate-form img[aria-hidden=true],
.donate-form input[aria-hidden=true],
.donate-form label[aria-hidden=true],
.donate-form li[aria-hidden=true],
.donate-form p[aria-hidden=true],
.donate-form section[aria-hidden=true],
.donate-form span[aria-hidden=true] {
    display: none !important
}

.donate-form h2 {
    color: #2b6aac
}

.donate-form fieldset {
    margin-top: 0
}

.donate-form label,
.donate-form legend {
    display: block;
    color: #2b6aac
}

.donate-form input,
.donate-form select,
.donate-form textarea {
    border-color: rgba(0, 55, 85, .5)
}

.donate-form input.has-error,
.donate-form select.has-error,
.donate-form textarea.has-error {
    border-color: red
}

.donate-form__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 30px
}

@media only screen and (min-width:45em) {
    .donate-form__warning {
        font-size: 1.6rem
    }
}

.donate-form__warning ol,
.donate-form__warning ul {
    margin: 1em 0 2em
}

.donate-form__warning ol:first-child,
.donate-form__warning ul:first-child {
    margin-top: 0
}

.donate-form__warning ol:last-child,
.donate-form__warning ul:last-child {
    margin-bottom: 0
}

.donate-form__warning ol li+li,
.donate-form__warning ul li+li {
    margin-top: 5px
}

.donate-form__warning ol li>ul:first-child,
.donate-form__warning ul li>ul:first-child {
    margin-top: 10px
}

.donate-form__warning p:last-child {
    margin-bottom: 0
}

.donate-form .error {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -5px 0 1em;
    display: block;
    width: 100%;
    color: red;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: -5px 0 10px
}

@media only screen and (min-width:33.75em) {
    .donate-form .error {
        font-size: 1.6rem
    }
}

.donate-form__currency {
    margin-bottom: .5em
}

@media only screen and (min-width:33.75em) {
    .donate-form__currency-inner {
        display: flex;
        align-items: center;
        min-height: 50px
    }
}

.donate-form__currency-inner>.styled-radio-buttons {
    flex: 1 0 auto;
    padding-right: 15px
}

.donate-form__currency-inner>.styled-radio-buttons>label {
    min-width: 47px
}

.donate-form__currency-inner>p {
    margin: 5px 0 15px;
    font-size: 1.2rem;
    line-height: 1.25;
    color: #4a4a4a
}

@media only screen and (min-width:33.75em) {
    .donate-form__currency-inner>p {
        margin: -3px 0 0;
        font-size: 1.4rem
    }
}

.donate-form__currency-inner>p span {
    font-weight: 600
}

.donate-form__frequency {
    margin-bottom: .5em
}

@media only screen and (max-width:44.9375em) {
    .donate-form__frequency>.styled-radio-buttons {
        margin: 0 -3px;
        display: flex;
        justify-content: space-between
    }
}

.donate-form__frequency>.styled-radio-buttons>label {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width:44.9375em) {
    .donate-form__frequency>.styled-radio-buttons>label {
        margin: 0 3px;
        flex: 0 1 50%;
        width: 50%
    }
}

.donate-form__frequency>div>input:disabled+label {
    display: none
}

@media only screen and (min-width:45em) {
    .donate-form__amount {
        display: flex;
        flex-wrap: wrap
    }
}

.donate-form__amount legend {
    width: 100%
}

@media only screen and (max-width:44.9375em) {
    .donate-form__amount>.styled-radio-buttons {
        margin: 0 -3px 5px;
        display: flex;
        justify-content: space-between;
        min-width: 100%
    }
}

@media only screen and (max-width:44.9375em) {
    .donate-form__amount>.styled-radio-buttons>label {
        margin: 0 3px;
        flex: 0 1 33.333%;
        width: 33.333%
    }
}

.donate-form__amount-custom {
    position: relative;
    flex: 1 1 auto;
    width: 100%
}

@media only screen and (min-width:45em) {
    .donate-form__amount-custom {
        margin-left: 5px;
        width: auto;
        max-width: 182px
    }
}

.donate-form__amount-custom input {
    padding-left: 28px
}

.donate-form__amount-custom input:not(:focus) {
    background: rgba(91, 127, 146, .3);
    border: 1px solid transparent;
    border-radius: 2px;
    color: #2b6aac
}

.donate-form__amount-custom input.is-filled:not(:focus) {
    background: #2b6aac;
    color: #fff;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.donate-form__amount-custom>span {
    position: absolute;
    top: 12px;
    left: 13px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    pointer-events: none
}

.donate-form__amount-custom input.is-filled:not(:focus)~span {
    top: 11px;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .donate-form__details>label {
        clear: left
    }
}

@media only screen and (min-width:33.75em) {
    .donate-form__name {
        float: left;
        width: 40%
    }
}

@media only screen and (min-width:33.75em) {
    .donate-form__name:nth-of-type(2) {
        float: right;
        width: 57%
    }
}

.donate-form__payment {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(91, 127, 146, .2)
}

.donate-form__payment>.styled-radio-buttons {
    margin: 0 -5px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start
}

@media only screen and (min-width:45em) {
    .donate-form__payment>.styled-radio-buttons {
        margin: 0 -2px
    }
}

.donate-form__payment>.styled-radio-buttons>#eps:checked+label>img,
.donate-form__payment>.styled-radio-buttons>#paypal:checked+label>img,
.donate-form__payment>.styled-radio-buttons>#sepadirectdebit:checked+label>img,
.donate-form__payment>.styled-radio-buttons>#sofortueberweisung:checked+label>img {
    -webkit-filter: invert(1) grayscale(1) brightness(5);
    filter: invert(1) grayscale(1) brightness(5)
}

.donate-form__payment>.styled-radio-buttons>label {
    margin: 1%;
    flex: 0 1 31.3333%;
    width: 31.3333%;
    padding-top: 6px;
    padding-bottom: 0
}

@media only screen and (min-width:45em) {
    .donate-form__payment>.styled-radio-buttons>label {
        margin: 3px .5%;
        flex: 0 1 19%;
        width: 19%
    }
}

.donate-form__payment>.styled-radio-buttons>input:disabled+label {
    display: none
}

.donate-form__payment>.styled-radio-buttons>label>img {
    max-width: 48px;
    pointer-events: none
}

.donate-form__bank {
    margin-top: .5em;
    padding: 20px;
    background: #2b6aac;
    color: #fff
}

.donate-form__bank legend {
    color: inherit
}

.donate-form__bank small {
    font-size: 1.4rem
}

.donate-form__bank label {
    color: inherit
}

.donate-form__bank select {
    border-color: #fff
}

.donate-form__bank input {
    border-color: #fff
}

.donate-form__bank #bic,
.donate-form__bank #iban {
    text-transform: uppercase
}

.donate-form__newsletter {
    position: relative;
    margin: 50px 0 20px !important
}

.donate-form__newsletter::before {
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    right: 0;
    display: block;
    padding-bottom: 20px;
    border-top: 1px solid rgba(91, 127, 146, .2)
}

.donate-form__newsletter label {
    display: block !important;
    width: 100%;
    padding: 15px;
    padding-left: 40px;
    background: rgba(91, 127, 146, .1);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.donate-form__newsletter label:hover {
    background: rgba(91, 127, 146, .2)
}

.donate-form__newsletter input {
    position: absolute;
    left: 15px;
    top: 19px
}

.donate-form__newsletter input:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 0
}

.donate-form__newsletter input:focus+label {
    outline: 3px solid #ff8c00
}

.donate-form__controls {
    zoom: 1;
    position: relative;
    margin-top: 5px;
    padding-top: 25px;
    min-height: 83px;
    border-top: 1px solid rgba(91, 127, 146, .2)
}

.donate-form__controls:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .donate-form__controls {
        padding-bottom: 0
    }
}

.donate-form__controls .form-steps {
    display: inline-block
}

@media only screen and (min-width:33.75em) {
    .donate-form__controls .form-steps {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        float: left
    }
}

@media only screen and (max-width:23.6875em) {
    .donate-form__controls .form-steps li {
        font-size: 1rem
    }
}

.donate-form__controls .button-set {
    margin: 0;
    float: right
}

.donate-form__controls button[data-to-step="1"] {
    padding-right: 0
}

.donate-form__payment-logos {
    margin-bottom: 15px
}

@media only screen and (min-width:37.5em) {
    .donate-form__payment-logos {
        float: right;
        margin: -10px 0;
        width: auto
    }
}

.donate-form__payment-logos img[data-type=eur-month] {
    max-width: 159px
}

.donate-form__payment-logos img[data-type=eur-one] {
    max-width: 214px
}

.donate-form__payment-logos img[data-type=usd] {
    max-width: 221px
}

.donate-form button[type=submit] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 25px;
    font-size: 1.4rem;
    background: #2b6aac;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 70px;
    border-radius: 0;
    font-size: 1.8rem
}

.donate-form button[type=submit]:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .donate-form button[type=submit] {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:93.75em) {
    .donate-form button[type=submit] {
        font-size: 1.8rem
    }
}

.donate-form button[type=submit]:focus,
.donate-form button[type=submit]:hover {
    background: #175c81
}

.donate-form button[type=submit]:hover {
    outline: 0
}

.donate-form button[type=submit]:disabled {
    opacity: .3;
    cursor: not-allowed
}

@media only screen and (min-width:33.75em) {
    .donate-form button[type=submit] {
        font-size: 2rem
    }
}

@media only screen and (min-width:93.75em) {
    .donate-form button[type=submit] {
        font-size: 2rem
    }
}

.donate-form button[data-to-step="1"] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #2b6aac;
    opacity: .5
}

.donate-form button[data-to-step="1"]:active {
    outline: 0
}

.donate-form button[data-to-step="1"]::before {
    content: "‹ "
}

.donate-form button[data-to-step="1"]:hover {
    text-decoration: underline
}

.donate-form__spinner {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    background: #2b6aac
}

.donate-form__spinner::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #92b5da;
    border-color: #92b5da transparent;
    -webkit-animation: donate-spinner .8s linear infinite;
    animation: donate-spinner .8s linear infinite
}

@keyframes donate-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.donate-form__terms {
    margin-top: 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #878787
}

@media only screen and (min-width:33.75em) {
    .donate-form__terms {
        font-size: 1.4rem
    }
}

.donate-form__terms a {
    color: inherit
}

.donate-form__message {
    margin-bottom: 25px;
    padding: 10px 15px 13px;
    background: rgba(91, 127, 146, .3);
    border-radius: 2px;
    font-size: 1.4rem;
    color: #2b6aac
}

.donate-form__message p:last-of-type {
    margin-bottom: 0
}

.donate-form__message a {
    color: inherit
}

.donate-header-v2 {
    position: relative;
    background-color: #175c81
}

.donate-header-v2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 350px;
    height: 350px;
    background: linear-gradient(rgba(1, 40, 60, 0) 0, #175c81 40%, #175c81 100%)
}

.donate-header-v2__figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0
}

.donate-header-v2__figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 85, .3)
}

@media only screen and (min-width:67.5em) {
    .donate-header-v2__figure::after {
        background: rgba(0, 55, 85, .1)
    }
}

.donate-header-v2__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.donate-header-v2__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

@media only screen and (min-width:33.75em) {
    .donate-header-v2__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .donate-header-v2__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-header-v2__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .donate-header-v2__inner {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-header-v2__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:67.5em) {
    .donate-header-v2__inner {
        flex-direction: row
    }
}

.donate-header-v2__title-wrapper {
    max-width: 440px;
    color: #fff;
    margin-bottom: 6rem
}

@media only screen and (min-width:67.5em) {
    .donate-header-v2__title-wrapper {
        margin-bottom: 0;
        transform: translateY(25rem)
    }
}

.donate-header-v2__super-title {
    font-size: 1.8rem;
    line-height: 1.4;
    position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding: 1.5rem 0;
    text-transform: uppercase
}

@media only screen and (min-width:56.25em) {
    .donate-header-v2__super-title {
        font-size: 2.1rem
    }
}

.donate-header-v2__super-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 110%;
    height: 2px;
    background-color: #fff
}

.donate-header-v2__title {
    font-size: 3.2rem;
    line-height: 1
}

@media only screen and (min-width:33.75em) {
    .donate-header-v2__title {
        font-size: 4rem;
        line-height: 1.2
    }
}

.donate-header-v2__donate-form-container {
    max-width: 545px
}

.donate-header-v2__scroll-to-link {
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 2rem
}

.donate-header-v2__question-icon {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    border: 2px solid #92b5da;
    border-radius: 50%;
    font-size: 1.4rem;
    color: #92b5da;
    line-height: 1
}

.shop-template {
    position: relative
}

.donate-success-template__cta {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .donate-success-template__cta {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-success-template__cta {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .donate-success-template__cta {
        padding-bottom: 60px
    }
}

.donate-template {
    position: relative
}

.donate-template__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:33.75em) {
    .donate-template__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .donate-template__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-template__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .donate-template__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-template__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:63.75em) {
    .donate-template__inner {
        zoom: 1;
        display: block
    }

    .donate-template__inner:after {
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        content: ""
    }
}

.flexbox .donate-template__inner {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:63.75em) {
    .flexbox .donate-template__inner {
        display: block
    }
}

.donate-template__banner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .donate-template__banner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-template__banner {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .donate-template__banner {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .donate-template__banner {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .donate-template__banner {
        padding-bottom: 40px
    }
}

.donate-template__content {
    margin-bottom: 2em;
    order: 1
}

@media only screen and (min-width:63.75em) {
    .donate-template__content {
        margin-bottom: 0;
        float: left;
        width: 45%
    }
}

.flexbox .donate-template__content {
    margin-bottom: 0;
    order: 1
}

.donate-template__content h2 {
    color: #92b5da
}

.donate-template__content p+h2 {
    margin-top: 1em
}

.donate-template__form {
    width: 100%
}

@media only screen and (min-width:63.75em) {
    .donate-template__form {
        float: left;
        width: 55%;
        padding-left: 50px
    }
}

@media only screen and (min-width:93.75em) {
    .donate-template__form {
        padding-left: 70px
    }
}

.flexbox .donate-template__form {
    margin-bottom: 2em;
    order: 0
}

@media only screen and (min-width:63.75em) {
    .flexbox .donate-template__form {
        margin-bottom: 0
    }
}

.donate-trigger-bar {
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0;
    transform: translateY(110%);
    transition: transform .3s ease-in-out;
    box-shadow: 0 -2px 4px rgba(0, 55, 85, .2)
}

@media (prefers-reduced-motion) {
    .donate-trigger-bar {
        transition: transform 0s ease-in-out
    }
}

@media only screen and (min-width:33.75em) {
    .donate-trigger-bar {
        padding: 1.5rem
    }
}

.donate-trigger-bar[data-visible=true] {
    transform: translateY(0)
}

.donate-trigger-bar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width:33.75em) {
    .donate-trigger-bar__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {
    .donate-trigger-bar__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.donate-trigger-bar__text {
    max-width: 500px;
    margin: 0;
    flex-shrink: 1;
    flex-grow: 0;
    display: none
}

@media only screen and (min-width:33.75em) {
    .donate-trigger-bar__text {
        font-size: 1.8rem;
        display: block;
        margin-right: 3rem
    }
}

@media only screen and (min-width:63.75em) {
    .donate-trigger-bar__text {
        font-size: 2.4rem
    }
}

.donate-trigger-bar__text span {
    font-weight: 600
}

.donate-trigger-bar__button {
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    margin-top: 0 !important
}

@media only screen and (min-width:56.25em) {
    .donate-trigger-bar__button {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:33.75em) {
    .donate-trigger-bar__button {
        width: auto;
        max-width: 480px
    }
}

@media only screen and (min-width:63.75em) {
    .donate-trigger-bar__button {
        width: 100%;
        font-weight: 600
    }
}

.donate-trigger-bar__button-icon svg {
    width: 2rem;
    height: 3rem;
    margin-right: 1.5rem;
    stroke: #fff;
    transform: rotate(-90deg)
}

@media only screen and (min-width:63.75em) {
    .donate-trigger-bar__button-icon svg {
        width: 2.5rem;
        height: 3.5rem
    }
}

.download-button {
    display: inline-block;
    padding: 10px 25px 10px 0;
    background: #92b5da;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color .1s
}

@media only screen and (min-width:45em) {
    .download-button {
        padding: 15px 35px 15px 0
    }
}

.download-button:focus,
.download-button:hover {
    background: #01b4c8
}

.download-button>svg {
    margin: 0 8px 0 16px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
    stroke: currentColor
}

@media only screen and (min-width:45em) {
    .download-button>svg {
        margin: 1px 12px 0 22px;
        width: 21px;
        height: 26px
    }
}

.download-button abbr {
    text-decoration: none
}

.download-button__content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    white-space: nowrap;
    line-height: 0
}

@media only screen and (min-width:45em) {
    .download-button__content {
        padding-left: 20px
    }
}

.download-button__content::before {
    content: "";
    position: absolute;
    top: 52%;
    left: 0;
    transform: translateY(-50%);
    height: 87%;
    width: 1px;
    background: rgba(255, 255, 255, .6)
}

.download-button__label {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    display: block;
    white-space: nowrap;
    line-height: 1;
    text-transform: capitalize
}

@media only screen and (min-width:56.25em) {
    .download-button__label {
        font-size: 1.8rem
    }
}

.download-button__data {
    font-size: 1.2rem;
    line-height: 1.35;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    margin-top: 5px
}

@media only screen and (min-width:33.75em) {
    .download-button__data {
        font-size: 1.4rem
    }
}

.downloads-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .downloads-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .downloads-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .downloads-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .downloads-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .downloads-block__inner {
        padding-bottom: 60px
    }
}

.emergency {
    margin: 1.5em auto 2em;
    padding: 20px;
    border-left: 10px solid #d0001b;
    background: rgba(208, 0, 27, .05)
}

@media only screen and (min-width:33.75em) {
    .emergency {
        padding: 30px 35px
    }
}

.emergency h4 {
    margin: 0 0 1em
}

@media only screen and (min-width:45em) {
    .emergency h4 {
        font-size: 2.6rem
    }
}

.emergency p:last-child {
    margin-bottom: 0
}

.explanation-steps-block {
    position: relative;
    overflow: hidden;
    overflow-anchor: none
}

.explanation-steps-block__inner {
    position: relative
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__inner {
        display: flex
    }
}

.explanation-steps-block__media {
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 70vw;
    padding: 0;
    background: #2b6aac
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__media {
        width: calc(100vw - 480px);
        height: calc(100vw - 480px);
        max-height: 80vmin;
        min-height: 600px
    }
}

.explanation-steps-block__media figure {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    transition: all .5s
}

.explanation-steps-block__media figure[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
    transform: translateY(25px)
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__media figure[aria-hidden=true] {
        transform: translateX(25px)
    }
}

.explanation-steps-block__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}

.explanation-steps-block__title {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .explanation-steps-block__title {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .explanation-steps-block__title {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .explanation-steps-block__title {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .explanation-steps-block__title {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .explanation-steps-block__title {
        padding-bottom: 60px
    }
}

.explanation-steps-block__accordion {
    position: relative;
    background: #175c81;
    color: #fff;
    border-top: 1px solid rgba(1, 203, 225, .2)
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__accordion {
        margin-left: -14px;
        width: 494px;
        border-top: none
    }
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__accordion::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        height: 30px;
        background: linear-gradient(to bottom, rgba(1, 40, 60, 0), rgba(1, 40, 60, .7));
        pointer-events: none
    }
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__accordion-inner {
        margin-left: -14px;
        padding-left: 14px;
        position: relative;
        height: 100%;
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }
}

@media only screen and (min-width:58.75em) {
    .no-toucheventsfixed .explanation-steps-block__accordion-inner {
        scrollbar-color: rgba(255, 255, 255, .5) transparent;
        scrollbar-width: thin
    }

    .no-toucheventsfixed .explanation-steps-block__accordion-inner::-webkit-scrollbar-track {
        margin: .3em 0;
        background-color: transparent
    }

    .no-toucheventsfixed .explanation-steps-block__accordion-inner::-webkit-scrollbar {
        width: 1em
    }

    .no-toucheventsfixed .explanation-steps-block__accordion-inner::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, .5);
        border: .3em solid transparent;
        border-top: 0;
        border-bottom: 0;
        background-clip: padding-box
    }
}

.explanation-steps-block__accordion ol {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width:58.75em) {
    .explanation-steps-block__accordion ol {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 14px
    }
}

.explanation-steps-block__accordion ol>li {
    border-bottom: 1px solid #2b6aac
}

.explanation-steps-block__tab>a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 17px 60px 18px 72px;
    text-decoration: none;
    transition: none
}

@media only screen and (min-width:45em) {
    .explanation-steps-block__tab>a {
        padding-left: 78px
    }
}

.explanation-steps-block__tab>a[aria-selected=true] {
    cursor: default
}

.explanation-steps-block__tab>a:not([aria-selected=true]):hover {
    background: rgba(0, 55, 85, .5)
}

.explanation-steps-block__tab>a:not([aria-selected=true]):hover::after {
    opacity: 1
}

.explanation-steps-block__tab>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    margin-left: -14px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #92b5da;
    transform: translateX(100%);
    transition: all .15s
}

.explanation-steps-block__tab>a[aria-selected=true]::before {
    transform: none;
    transition-delay: .15s
}

.explanation-steps-block__tab>a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    display: block;
    width: 20px;
    height: 16px;
    background: url(/app/themes/toc/assets/build/images/icons/arrow-down--white-74cf840865.svg) no-repeat;
    background-size: contain;
    background-position: center;
    opacity: .7
}

.explanation-steps-block__tab>a[aria-selected=true]::after {
    margin-top: -9px;
    transform: scaleY(-1);
    opacity: .2
}

.explanation-steps-block__tab h4 {
    margin-bottom: 0;
    font-size: 1.6rem;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .explanation-steps-block__tab h4 {
        font-size: 2rem
    }
}

.explanation-steps-block__tab h4>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 100%;
    line-height: 5.4rem;
    background: #2b6aac;
    color: #fff;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem;
    text-align: center
}

@media only screen and (min-width:45em) {
    .explanation-steps-block__tab h4>span {
        width: 60px;
        font-size: 2.4rem;
        line-height: 5.9rem
    }
}

.explanation-steps-block__tab>a[aria-selected=true] h4>span {
    background: #92b5da;
    color: #175c81
}

.explanation-steps-block__tabpanel {
    position: relative;
    overflow: hidden;
    max-height: 1000px;
    transition: all .5s
}

.js .explanation-steps-block__tabpanel[aria-hidden=true] {
    display: none
}

.explanation-steps-block__tabpanel-media {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, .1)
}

.explanation-steps-block__tabpanel-media img,
.explanation-steps-block__tabpanel-media video {
    vertical-align: middle
}

.explanation-steps-block__tabpanel-body {
    padding: 15px 20px 20px
}

@media only screen and (max-width:63.6875em) {
    .explanation-steps-block__tabpanel-body {
        font-size: 1.6rem
    }
}

.explanimation-block {
    position: relative;
    overflow: hidden;
    background: #175c81
}

.explanimation-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .explanimation-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .explanimation-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .explanimation-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .explanimation-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .explanimation-block__inner {
        padding-bottom: 80px
    }
}

.explanimation-block__image {
    position: relative;
    contain: content
}

.explanimation-block__image>svg {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.explanimation-block__content {
    font-size: 1.8rem;
    line-height: 1.4;
    z-index: 2;
    position: relative;
    max-width: 500px;
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .explanimation-block__content {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:56.25em) {
    .explanimation-block__content {
        padding: 2em 0
    }
}

.explanimation-block__content h1 {
    color: #92b5da
}

.explanimation-block[data-animation=ocean-gyres] .explanimation-block__image {
    margin: 20px 0 -20px;
    width: 100%
}

@media only screen and (min-width:56.25em) {
    .explanimation-block[data-animation=ocean-gyres] .explanimation-block__image {
        z-index: 1;
        position: absolute;
        top: 50%;
        right: 0;
        margin: 0;
        transform: translateY(-47%);
        width: 55%
    }
}

@media only screen and (min-width:63.75em) {
    .explanimation-block[data-animation=ocean-gyres] .explanimation-block__image {
        width: 60%;
        height: 90%
    }
}

@media only screen and (min-width:56.25em) {
    .explanimation-block[data-animation=ocean-gyres] .explanimation-block__image>svg {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%
    }
}

.explanimation-block[data-animation=river-plastic] .explanimation-block__content {
    margin-bottom: 50vw
}

@media only screen and (min-width:33.75em) {
    .explanimation-block[data-animation=river-plastic] .explanimation-block__content {
        margin-bottom: 45vw
    }
}

@media only screen and (min-width:56.25em) {
    .explanimation-block[data-animation=river-plastic] .explanimation-block__content {
        margin-bottom: 0
    }
}

.explanimation-block[data-animation=river-plastic] .explanimation-block__image {
    z-index: 1;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 70vw
}

@media only screen and (min-width:56.25em) {
    .explanimation-block[data-animation=river-plastic] .explanimation-block__image {
        top: 0;
        height: auto
    }
}

.explanimation-block[data-animation=river-plastic] .explanimation-block__image>svg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
    margin-left: -70%;
    width: 200%;
    height: 100%
}

@media only screen and (min-width:33.75em) {
    .explanimation-block[data-animation=river-plastic] .explanimation-block__image>svg {
        margin-left: -60%
    }
}

@media only screen and (min-width:56.25em) {
    .explanimation-block[data-animation=river-plastic] .explanimation-block__image>svg {
        margin-left: 0;
        width: 100%;
        height: 100%
    }
}

.facts-block {
    position: relative;
    overflow: hidden;
    background: #2eaccb;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .facts-block {
        text-align: center
    }
}

.facts-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .facts-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .facts-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .facts-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .facts-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .facts-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.facts-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 5px
}

@media only screen and (min-width:45em) {
    .facts-block ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-start
    }
}

.no-flexbox .facts-block ul {
    zoom: 1
}

.no-flexbox .facts-block ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.facts-block p+ul {
    margin-top: 50px
}

@media only screen and (min-width:45em) {
    .facts-block li {
        flex: 0 1 33.3333%;
        width: 33.3333%;
        padding: 0 25px
    }
}

@media only screen and (min-width:45em) {
    .no-flexbox .facts-block li {
        float: left;
        width: 33.3333%
    }
}

.facts-block li+li {
    margin-top: 40px
}

@media only screen and (min-width:45em) {
    .facts-block li+li {
        margin-top: 0
    }
}

.facts-block li h3 {
    position: relative;
    margin: 0 0 10px;
    padding-top: 20px
}

.facts-block li h3>span {
    color: #fff
}

.facts-block li h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    display: block;
    height: 2px;
    background: #92b5da
}

@media only screen and (min-width:33.75em) {
    .facts-block li h3::before {
        left: 10%;
        right: 10%;
        margin-left: auto;
        width: auto
    }
}

.facts-block li h3+p {
    margin-top: 1em
}

@media only screen and (min-width:33.75em) {
    .facts-block li p {
        font-size: 1.6rem
    }
}

.facts-block li p:last-child {
    margin-bottom: 0
}

.facts-block .button-set {
    margin: 25px -5px -5px;
    text-align: left
}

@media only screen and (min-width:45em) {
    .facts-block .button-set {
        margin: 35px -5px -10px;
        text-align: center
    }
}

.facts-block--grey-light {
    background: #f2f5f6;
    color: #2b6aac
}

.facts-block--grey-light li h3>span {
    color: #2b6aac
}

.facts-block--grey-light li h3::before {
    background: #2b6aac
}

.faq-block {
    position: relative
}

.faq-block[aria-hidden=true] {
    display: none
}

.faq-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .faq-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .faq-block__inner {
        zoom: 1
    }

    .faq-block__inner:after {
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        content: ""
    }
}

.faq-block__inner h2 {
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .faq-block__inner h2 {
        margin-bottom: 0;
        float: left;
        width: 30%
    }
}

@media only screen and (min-width:63.75em) {
    .faq-block__inner h2 {
        font-size: 3.2rem;
        line-height: 1.1
    }
}

@media only screen and (min-width:45em) {
    .faq-block--search .faq-block__inner h2 strong {
        display: block
    }
}

@media only screen and (min-width:45em) {
    .faq-block__listing {
        float: left;
        width: 70%;
        padding-left: 70px
    }
}

.faq-block__notice {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 30px
}

@media only screen and (min-width:45em) {
    .faq-block__notice {
        font-size: 1.6rem
    }
}

.faq-block__notice ol,
.faq-block__notice ul {
    margin: 1em 0 2em
}

.faq-block__notice ol:first-child,
.faq-block__notice ul:first-child {
    margin-top: 0
}

.faq-block__notice ol:last-child,
.faq-block__notice ul:last-child {
    margin-bottom: 0
}

.faq-block__notice ol li+li,
.faq-block__notice ul li+li {
    margin-top: 5px
}

.faq-block__notice ol li>ul:first-child,
.faq-block__notice ul li>ul:first-child {
    margin-top: 10px
}

.faq-block__notice p:last-child {
    margin-bottom: 0
}

.faq-card {
    height: 100%;
    padding: 2rem;
    background-color: #f2f5f6
}

.faq-card__icon svg {
    width: 60px;
    height: 60px
}

.faq-card__title {
    font-size: 1.6rem;
    margin-top: 1rem;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width:56.25em) {
    .faq-card__title {
        font-size: 1.8rem
    }
}

.faq-card__description {
    font-size: 1.2rem;
    line-height: 1.35;
    min-height: 60px;
    text-transform: none;
    margin-bottom: 2rem;
    color: rgba(0, 55, 85, .8)
}

@media only screen and (min-width:33.75em) {
    .faq-card__description {
        font-size: 1.4rem
    }
}

.faq-card__faq-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: auto
}

.faq-card__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    line-height: 1.35;
    position: relative;
    padding: .75rem 0;
    color: #2b6aac;
    font-weight: 600;
    text-align: left
}

.faq-card__trigger:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .faq-card__trigger {
        font-size: 1.4rem
    }
}

.faq-card__trigger::before {
    content: "+";
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #92b5da;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    transform: translateY(1px)
}

.faq-cards {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .faq-cards {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-cards {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-cards {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-cards {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-cards {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.faq-cards__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px;
    padding: 0
}

.faq-cards__item {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 245px;
    margin: 20px
}

.faq-cards__footer-text {
    font-size: 1.2rem;
    line-height: 1.35;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .faq-cards__footer-text {
        font-size: 1.4rem
    }
}

.faq-cards__footer-text::before {
    content: "?";
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    border: 2px solid #92b5da;
    border-radius: 50%;
    font-size: 1.4rem;
    color: #92b5da;
    line-height: 1
}

.faq-list {
    margin: 0 0 40px;
    position: relative;
    max-width: 600px
}

.faq-list:last-of-type {
    margin-bottom: 0
}

.faq-list h6 {
    margin-bottom: 15px;
    color: #92b5da;
    font-size: 1.8rem;
    text-transform: uppercase
}

.faq-list dt {
    margin: 0 0 10px;
    line-height: 1.2
}

.faq-list dt>a {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none
}

.faq-list dt>a:focus,
.faq-list dt>a:hover {
    text-decoration: underline
}

.faq-list dt>a>svg {
    position: absolute;
    margin-left: 7px;
    margin-top: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    fill: currentColor;
    opacity: .5;
    transition: all .2s
}

@media only screen and (min-width:33.75em) {
    .faq-list dt>a>svg {
        margin-top: 3px
    }
}

.faq-list dt>a[aria-expanded=true]>svg {
    transform: scaleY(-1);
    fill: #92b5da;
    opacity: 1
}

.faq-list dd {
    margin: 15px 0 30px;
    position: relative;
    padding-left: 20px
}

@media only screen and (min-width:33.75em) {
    .faq-list dd {
        margin: 20px 0 30px;
        padding-left: 25px
    }
}

.faq-list dd::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #c4d1d8
}

@media only screen and (min-width:33.75em) {
    .faq-list dd::before {
        left: 0
    }
}

.faq-list dd[aria-hidden=true] {
    display: none
}

.faq-search {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (min-width:33.75em) {
    .faq-search {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-search {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.faq-search form {
    position: relative
}

.faq-search form::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/app/themes/toc/assets/build/images/icons/search--secondary-ac66da60ac.svg) no-repeat;
    background-size: contain;
    background-position: center;
    fill: #2b6aac;
    pointer-events: none
}

.faq-search label {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    position: absolute
}

.faq-search input {
    margin: 0;
    padding: 15px 15px 15px 40px;
    border: none;
    border-bottom: 1px solid rgba(0, 55, 85, .25);
    border-radius: 0;
    font-size: 1.6rem
}

.faq-search input:placeholder {
    color: #5b7f92
}

.faq-search input::-webkit-input-placeholder {
    color: #5b7f92
}

.faq-search input::-moz-placeholder {
    color: #5b7f92
}

.faq-search input:-ms-input-placeholder {
    color: #5b7f92
}

.faq-search input::-ms-input-placeholder {
    color: #5b7f92
}

.faq-search input::placeholder {
    color: #5b7f92
}

.faq-search input::-webkit-input-placeholder {
    color: #5b7f92
}

.faq-search input:-moz-placeholder {
    color: #5b7f92
}

.faq-search input::-moz-placeholder {
    color: #5b7f92
}

.faq-search input:-ms-input-placeholder {
    color: #5b7f92
}

@media only screen and (min-width:33.75em) {
    .faq-search input {
        font-size: 1.8rem;
        padding-left: 50px
    }
}

.faq-search input:focus {
    outline: 0 !important;
    border-color: #2b6aac
}

.faq-single {
    position: relative
}

.faq-single__body {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .faq-single__body {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-single__body {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-single__body {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .faq-single__body {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .faq-single__body {
        padding-bottom: 60px
    }
}

.filter-nav {
    position: relative
}

.filter-nav__scroller {
    position: relative;
    padding-bottom: 10px
}

@media only screen and (max-width:44.9375em) {
    .filter-nav__scroller {
        overflow-y: hidden;
        overflow-x: auto
    }
}

.filter-nav::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    pointer-events: none
}

@media only screen and (min-width:45em) {
    .filter-nav::after {
        content: none
    }
}

.filter-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -4px;
    display: flex;
    align-items: center
}

@media only screen and (min-width:45em) {
    .filter-nav__list {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:44.9375em) {
    .filter-nav__item:last-child {
        border-right: 16px solid transparent
    }
}

.filter-nav__link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 4px;
    color: #2b6aac;
    white-space: nowrap;
    text-decoration: none
}

.filter-nav__link:active {
    outline: 0
}

.filter-nav__link>span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 8px 12px;
    border: 1px solid #2b6aac;
    border-radius: 2px;
    font-size: 1.2rem
}

@media only screen and (min-width:45em) {
    .filter-nav__link>span {
        font-size: 1.4rem
    }
}

.filter-nav__link>span[data-count]::after {
    content: "(" attr(data-count) ")";
    margin-left: 5px;
    transform: translateY(-1px);
    display: inline-block;
    opacity: .7;
    font-size: .9em
}

.filter-nav__link:hover>span {
    background: #f2f5f6
}

.filter-nav__link[aria-current=true]>span {
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:45em) {
    .filter-nav--centered .filter-nav__list {
        justify-content: center
    }
}

:focus:not(:focus-visible) {
    outline: 0
}

:focus:not(:-moz-focusring) {
    outline: 0
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

:focus-visible {
    outline: 3px solid #ff8c00
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #649af5
}

:-moz-focusring {
    outline: 3px solid #ff8c00
}

input:-moz-focusring,
select:-moz-focusring,
textarea:-moz-focusring {
    outline: 3px solid #649af5
}

button:-moz-focusring {
    outline: 3px solid #ff8c00 !important
}

.js-focus-visible .focus-visible {
    outline: 3px solid #ff8c00
}

.js-focus-visible input.focus-visible,
.js-focus-visible select.focus-visible,
.js-focus-visible textarea.focus-visible {
    outline: 3px solid #649af5
}

.follow-bar {
    z-index: 2;
    position: relative;
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:45em) {
    .no-flexbox .follow-bar {
        zoom: 1
    }

    .no-flexbox .follow-bar:after {
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        content: ""
    }
}

.follow-bar__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .follow-bar__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .follow-bar__inner {
        display: flex;
        align-content: flex-start;
        padding-top: 10px;
        /*se cambio de 50px*/
        padding-bottom: 15px
    }
}

@media only screen and (min-width:45em) {

    .follow-bar__newsletter,
    .follow-bar__social {
        flex: 1 1 auto;
        padding-top: 10px
    }
}

@media only screen and (min-width:45em) {

    .no-flexbox .follow-bar__newsletter,
    .no-flexbox .follow-bar__social {
        float: left;
        width: 50%
    }
}

.follow-bar h3 {
    margin: 0 0 .8em;
    font-size: 2.2rem;
    text-align: left
}

@media only screen and (min-width:33.75em) {
    .follow-bar h3 {
        font-size: 2.8rem
    }
}

.follow-bar button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.follow-bar button:active {
    outline: 0
}

.follow-bar a,
.follow-bar button {
    display: block;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: #fff;
    text-decoration: none
}

.follow-bar a:focus,
.follow-bar a:hover,
.follow-bar button:focus,
.follow-bar button:hover {
    background: rgba(255, 255, 255, .7)
}

.follow-bar a span,
.follow-bar button span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.follow-bar__social {
    margin-bottom: 30px
}

@media only screen and (min-width:45em) {
    .follow-bar__social {
        margin-bottom: 0
    }
}

.footer-nav {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .footer-nav {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .footer-nav {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .footer-nav {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .footer-nav {
        padding-bottom: 60px
    }
}

.footer-nav a {
    color: inherit
}

.footer-nav__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1
}

@media only screen and (min-width:33.75em) {
    .footer-nav__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.footer-nav__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.footer-nav__part {
    position: relative;
    padding-bottom: 30px
}

@media only screen and (min-width:45em) {
    .footer-nav__part {
        float: left;
        width: 50%;
        padding-top: 50px;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .footer-nav__part {
        width: 25%
    }
}

.footer-nav__part h6 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 10px
}

@media only screen and (min-width:56.25em) {
    .footer-nav__part h6 {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:45em) {
    .footer-nav__part h6 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-bottom: 0
    }
}

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

.footer-nav__part a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    line-height: 1.3
}

@media only screen and (min-width:45em) {
    .footer-nav__part a {
        padding: 4px 0
    }
}

.footer-nav__part a:focus,
.footer-nav__part a:hover,
.footer-nav__part a[aria-current=page] {
    text-decoration: underline
}

.footer-nav__copyright {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, .5)
}

@media only screen and (min-width:33.75em) {
    .footer-nav__copyright {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .footer-nav__copyright {
        font-size: 1.4rem
    }
}

.footer-nav__copyright-text {
    margin: 0
}

.footnote {
    text-decoration: none;
    cursor: pointer
}

.footnote::after {
    content: attr(data-id);
    vertical-align: super;
    font-size: .65em;
    font-weight: 600;
    color: #92b5da;
    cursor: pointer
}

.form-block {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.form-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:23.4375em) {
    .form-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
    .follow-bar__inner{
        padding-top: 0;
        padding-bottom: 0;
    }
    .follow-bar__social{
        margin-bottom: 0;
    }
}

@media only screen and (min-width:33.75em) {
    .form-block__inner {
        padding-top: 40px
    }
    .follow-bar__inner{
        padding-top: 0;
        padding-bottom: 0;
    }
    .follow-bar__social{
        margin-bottom: 0;
    }
}

@media only screen and (min-width:45em) {
    .form-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .form-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .form-block__inner {
        padding-bottom: 60px
    }
}

.form-block form {
    position: relative
}

.form-block hr {
    margin: 30px 0 20px;
    height: 1px;
    background: rgba(0, 55, 85, .1);
    border: none
}

.form-block br {
    display: none
}

.form-block fieldset.is-section>legend {
    margin: 1.2em 0 .5em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.15
}

@media only screen and (min-width:33.75em) {
    .form-block fieldset.is-section>legend {
        font-size: 3.2rem
    }
}

@media only screen and (min-width:63.75em) {
    .form-block fieldset.is-section>legend {
        font-size: 3.4rem
    }
}

.form-block fieldset.is-section>legend span {
    font-weight: 600;
    line-height: .95
}

.form-block fieldset.is-section>legend:first-child {
    margin-top: 0
}

.form-block .error {
    margin: -5px 0 1em;
    display: block;
    width: 100%;
    color: red;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    .form-block .error {
        font-size: 1.6rem
    }
}

.form-block .legal-checkboxes {
    margin: 2em 0 .75em
}

.form-block .legal-checkboxes label {
    display: block
}

.form-block .legal-checkboxes label+label {
    margin-left: 0
}

.form-block__notice {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    margin: 2em auto 0
}

@media only screen and (min-width:45em) {
    .form-block__notice {
        font-size: 1.6rem
    }
}

.form-block__notice ol,
.form-block__notice ul {
    margin: 1em 0 2em
}

.form-block__notice ol:first-child,
.form-block__notice ul:first-child {
    margin-top: 0
}

.form-block__notice ol:last-child,
.form-block__notice ul:last-child {
    margin-bottom: 0
}

.form-block__notice ol li+li,
.form-block__notice ul li+li {
    margin-top: 5px
}

.form-block__notice ol li>ul:first-child,
.form-block__notice ul li>ul:first-child {
    margin-top: 10px
}

.form-block__notice p:last-child {
    margin-bottom: 0
}

.form-block__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 2em
}

@media only screen and (min-width:45em) {
    .form-block__warning {
        font-size: 1.6rem
    }
}

.form-block__warning ol,
.form-block__warning ul {
    margin: 1em 0 2em
}

.form-block__warning ol:first-child,
.form-block__warning ul:first-child {
    margin-top: 0
}

.form-block__warning ol:last-child,
.form-block__warning ul:last-child {
    margin-bottom: 0
}

.form-block__warning ol li+li,
.form-block__warning ul li+li {
    margin-top: 5px
}

.form-block__warning ol li>ul:first-child,
.form-block__warning ul li>ul:first-child {
    margin-top: 10px
}

.form-block__warning p:last-child {
    margin-bottom: 0
}

.form-block .g-recaptcha iframe {
    outline: 0
}

.form-steps {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    margin-top: 5px;
    position: relative;
    counter-reset: form-steps
}

.form-steps:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.form-steps::before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 13px;
    border-top: 1px solid #2b6aac
}

.form-steps li {
    margin-right: 10px;
    float: left;
    position: relative;
    padding-top: 30px;
    font-size: 1.2rem;
    color: rgba(0, 55, 85, .5)
}

.form-steps li:last-child {
    margin-right: 0
}

.form-steps li::before {
    counter-increment: form-steps;
    content: counter(form-steps);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    display: block;
    width: 26px;
    height: 26px;
    background: #fff;
    color: rgba(0, 55, 85, .3);
    border: 1px solid #2b6aac;
    border-radius: 50%;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 2.6rem
}

.form-steps li[aria-current] {
    color: #2b6aac
}

.form-steps li[aria-current]::before {
    color: #fff;
    background: #2b6aac
}

.form-suggestion {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    position: relative;
    margin: 0 0 1.5em;
    padding-right: 50px
}

@media only screen and (min-width:45em) {
    .form-suggestion {
        font-size: 1.6rem
    }
}

.form-suggestion ol,
.form-suggestion ul {
    margin: 1em 0 2em
}

.form-suggestion ol:first-child,
.form-suggestion ul:first-child {
    margin-top: 0
}

.form-suggestion ol:last-child,
.form-suggestion ul:last-child {
    margin-bottom: 0
}

.form-suggestion ol li+li,
.form-suggestion ul li+li {
    margin-top: 5px
}

.form-suggestion ol li>ul:first-child,
.form-suggestion ul li>ul:first-child {
    margin-top: 10px
}

.form-suggestion p:last-child {
    margin-bottom: 0
}

.form-suggestion__accept {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 3px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    color: inherit;
    text-decoration: underline
}

.form-suggestion__accept:active {
    outline: 0
}

.form-suggestion__accept:hover {
    text-decoration: none
}

.form-suggestion__reject {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 9px;
    right: 12px;
    padding: 5px;
    color: inherit
}

.form-suggestion__reject:active {
    outline: 0
}

.form-suggestion__reject:hover {
    opacity: .5
}

.form-suggestion__reject>svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    vertical-align: middle
}

.headquarters__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .headquarters__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .headquarters__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .headquarters__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .headquarters__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .headquarters__inner {
        padding-bottom: 60px
    }
}

.headquarters ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    margin: -20px -20px 0
}

.headquarters ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.headquarters li {
    padding: 20px
}

@media only screen and (min-width:33.75em) {
    .headquarters li {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:33.6875em) {
    .headquarters li+li {
        padding-top: 0
    }
}

.headquarters address {
    font-style: inherit
}

.headquarters h6 {
    margin-top: 10px;
    margin-bottom: 1em
}

.headquarters__extra {
    font-size: .85em
}

.headquarters__link {
    margin-top: 1em
}

.headquarters .emergency {
    margin-bottom: 0
}

.hero-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    background: #eaeaea;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:33.75em) {
    .hero-slider {
        height: 70vh;
        min-height: 350px;
        max-height: 500px
    }
}

@media only screen and (min-width:45em) {
    .hero-slider {
        min-height: 550px;
        max-height: 600px
    }
}

@media only screen and (min-width:63.75em) {
    .hero-slider {
        max-height: 800px
    }
}

@media only screen and (min-width:93.75em) {
    .hero-slider {
        min-height: 600px;
        max-height: none
    }
}

@media only screen and (min-width:112.5em) {
    .hero-slider {
        height: 80vh
    }
}

.hero-slider__inner {
    position: relative;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toucheventsfixed .hero-slider__inner {
    overflow-x: scroll
}

.toucheventsfixed .hero-slider__inner::-webkit-scrollbar {
    display: none
}

.toucheventsfixed .hero-slider__inner::-moz-scrollbar {
    display: none
}

.toucheventsfixed .hero-slider__inner::-ms-scrollbar {
    display: none
}

.toucheventsfixed .hero-slider__inner::scrollbar {
    display: none
}

.hero-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1)
}

.hero-slider li {
    position: relative;
    display: inline-block;
    flex: 0 0 90%;
    width: 90%;
    height: 100%
}

@media only screen and (min-width:33.75em) {
    .hero-slider li {
        flex: 0 0 84%;
        width: 84%
    }
}

@media only screen and (min-width:93.75em) {
    .hero-slider li {
        flex: 0 0 80%;
        width: 80%
    }
}

@media only screen and (min-width:112.5em) {
    .hero-slider li {
        flex: 0 0 70%;
        width: 70%
    }
}

.no-js .hero-slider li {
    flex: 0 0 50%;
    width: 50%
}

.hero-slider figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.hero-slider figure::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 55, 85, 0), rgba(0, 55, 85, .5))
}

@media only screen and (min-width:45em) {
    .hero-slider figure::after {
        height: 35%
    }
}

.hero-slider figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%;
    max-width: none
}

.hero-slider__item-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%
}

@media only screen and (min-width:33.75em) {
    .hero-slider__item-inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .hero-slider__item-inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .hero-slider__item-inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .hero-slider__item-inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .hero-slider__item-inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (max-width:33.6875em) {
    .hero-slider__item-inner {
        padding-bottom: 20px
    }
}

.hero-slider__item-content-wrapper {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%
}

.hero-slider__item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    white-space: normal
}

@media only screen and (min-width:33.75em) {
    .hero-slider__item-content {
        max-width: 80%
    }
}

@media only screen and (min-width:63.75em) {
    .hero-slider__item-content {
        max-width: 600px
    }
}

.js .hero-slider__item-content {
    opacity: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 10px, 0)
}

.js .hero-slider li:nth-of-type(2) .hero-slider__item-content {
    transition-delay: .25s
}

.js.page-is-loaded .hero-slider__item-content {
    transform: none;
    opacity: 1
}

.hero-slider__supertitle {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: -.02em;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .hero-slider__supertitle {
        font-size: 2.4rem
    }
}

.hero-slider__supertitle::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 2px solid #fff
}

.hero-slider__title {
    position: relative;
    padding-top: 20px;
    margin-bottom: 0
}

@media only screen and (min-width:45em) {
    .hero-slider__title {
        padding-top: 25px
    }
}

.hero-slider__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor;
    width: 110px
}

@media only screen and (min-width:45em) {
    .hero-slider__title::before {
        width: 90px
    }
}

@media only screen and (min-width:45em) {
    .hero-slider__title::before {
        width: 150px
    }
}

@media only screen and (min-width:63.75em) {
    .hero-slider li:first-of-type .hero-slider__title {
        font-size: 8rem
    }
}

@media only screen and (min-width:112.5em) {
    .hero-slider li:first-of-type .hero-slider__title {
        font-size: 11rem
    }
}

.hero-slider__title+.button {
    margin-top: 1em
}

.hero-slider__title+p {
    margin-top: 1em
}

.hero-slider__item-content p {
    margin-bottom: 0
}

.image-gallery-item {
    margin: 0;
    line-height: 0;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    background: #d4dee1
}

.image-gallery-item img {
    width: 100%;
    line-height: normal
}

.no-object-fit .image-gallery-item {
    background: 0 0
}

.image-gallery-item img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-gallery-item>a:first-of-type {
    display: block;
    transition: opacity 0s .1s
}

.image-gallery-item>a:first-of-type:focus,
.image-gallery-item>a:first-of-type:hover {
    opacity: 0s .8
}

.image-gallery-item figcaption {
    display: none
}

.image-gallery-item--large,
.image-gallery-item--large>a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 0
}

.image-gallery-item--large img {
    position: relative;
    max-height: 335px
}

.image-gallery-item__download {
    z-index: 1;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    border-radius: 50%;
    background: #fff;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: all .25s !important
}

@media only screen and (min-width:45em) {
    .image-gallery-item__download {
        width: 40px;
        height: 40px;
        line-height: 4rem
    }
}

.image-gallery-item__download>svg {
    width: 12px;
    height: 16px;
    stroke: #2b6aac;
    transform: translateX(1px) translateY(1px)
}

@media only screen and (min-width:33.75em) {
    .image-gallery-item__download>svg {
        width: 15px;
        height: 19px;
        transform: translateX(1px) translateY(2px)
    }
}

.image-gallery-item__download:hover {
    background: #2b6aac
}

.image-gallery-item__download:hover>svg {
    stroke: #fff
}

.image-gallery-item:hover .image-gallery-item__download,
.toucheventsfixed .image-gallery-item__download {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    transition: all .15s !important
}

.image-gallery__header {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between
}

.image-gallery__title {
    margin: 0 20px 0 0;
    font-size: 1.8rem
}

@media only screen and (min-width:33.75em) {
    .image-gallery__title {
        font-size: 2.4rem
    }
}

.image-gallery .link--download {
    flex: 0 0 auto;
    display: block;
    transform: scale(.85) translateY(3px);
    transform-origin: right
}

.image-gallery .link--expand {
    margin-top: 15px
}

.image-gallery__preview {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -5px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:45em) {
    .image-gallery__preview {
        margin: 0;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: calc(50% - 10px) 1fr 1fr
    }
}

.no-cssgrid .image-gallery__preview {
    zoom: 1;
    margin: -10px;
    display: block
}

.no-cssgrid .image-gallery__preview:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.image-gallery__preview li {
    width: 50%;
    padding: 5px
}

@media only screen and (min-width:45em) {
    .image-gallery__preview li {
        width: auto;
        padding: 0
    }
}

.no-cssgrid .image-gallery__preview li {
    float: left;
    width: 50%;
    height: auto;
    padding: 10px
}

@media only screen and (min-width:45em) {
    .no-cssgrid .image-gallery__preview li {
        width: 25%
    }
}

.image-gallery__preview li:first-of-type {
    width: 100%
}

@media only screen and (min-width:45em) {
    .image-gallery__preview li:first-of-type {
        grid-column: 1;
        grid-row: 1/3;
        width: auto
    }
}

.no-cssgrid .image-gallery__preview li:first-of-type {
    width: 100%
}

@media only screen and (min-width:45em) {
    .no-cssgrid .image-gallery__preview li:first-of-type {
        width: 50%
    }
}

.image-gallery__archive {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 5px -5px -5px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:45em) {
    .image-gallery__archive {
        margin: 10px -10px -10px
    }
}

.image-gallery__archive[aria-hidden=true] {
    display: none
}

.image-gallery__archive li {
    width: 50%;
    padding: 5px
}

@media only screen and (min-width:45em) {
    .image-gallery__archive li {
        width: 25%;
        padding: 10px
    }
}

.no-flexbox .image-gallery__archive {
    zoom: 1;
    display: block
}

.no-flexbox .image-gallery__archive:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.no-flexbox .image-gallery__archive li {
    float: left
}

.image-links-regular-block {
    position: relative;
    overflow: hidden
}

.image-links-regular-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .image-links-regular-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .image-links-regular-block__inner {
        padding-bottom: 60px
    }
}

.image-links-regular-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

.image-links-regular-block ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-block ul {
        margin: -20px;
        margin-bottom: 0
    }
}

.image-links-regular-block li {
    padding-bottom: 20px
}

@media only screen and (min-width:45em) {
    .image-links-regular-block li {
        float: left;
        width: 50%;
        padding: 20px
    }
}

.image-links-regular-preview {
    position: relative
}

.image-links-regular-preview a {
    display: block
}

.image-links-regular-preview figure {
    margin: 0;
    line-height: 0;
    position: relative;
    height: 0;
    padding-bottom: 75%
}

.image-links-regular-preview figure img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:63.75em) {
    .image-links-regular-preview figure {
        padding-bottom: 65%
    }
}

.image-links-regular-preview figure::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 55, 85, .35);
    transition: background .5s
}

.image-links-regular-preview:focus figure::after,
.image-links-regular-preview:hover figure::after {
    background: rgba(0, 55, 85, 0)
}

.image-links-regular-preview img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.image-links-regular-preview__content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 15px;
    color: #fff;
    text-shadow: #2b6aac 0 1px 1px
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-preview__content {
        left: 25px;
        right: 25px;
        bottom: 20px
    }
}

.image-links-regular-preview__content h1 {
    margin-bottom: 10px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 2.4rem
}

@media only screen and (min-width:33.75em) {
    .image-links-regular-preview__content h1 {
        max-width: 90%;
        font-size: 4rem;
        line-height: 1
    }
}

@media only screen and (min-width:45em) {
    .image-links-regular-preview__content h1 {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .image-links-regular-preview__content h1 {
        font-size: 4rem
    }
}

.image-links-spread-block {
    position: relative;
    overflow: hidden
}

.image-links-spread-block ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width:56.25em) {
    .image-links-spread-block ul {
        display: flex
    }
}

.image-links-spread-block li {
    text-align: center
}

@media only screen and (min-width:56.25em) {
    .image-links-spread-block li {
        flex: 1 1 50%;
        width: 50%
    }
}

@media only screen and (min-width:56.25em) {
    .image-links-spread-block li:first-of-type {
        text-align: right
    }
}

@media only screen and (min-width:56.25em) {
    .image-links-spread-block li:last-of-type {
        text-align: left
    }
}

.image-links-spread-preview {
    position: relative;
    height: 100%
}

.image-links-spread-preview figure {
    margin: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image-links-spread-preview figure img {
    width: 100%;
    line-height: normal
}

.image-links-spread-preview figure::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), 30%, rgba(0, 0, 0, .7))
}

.image-links-spread-preview img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}

.image-links-spread-preview__content {
    margin: 100px 25px 40px;
    position: relative;
    display: inline-block;
    max-width: 535px;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .image-links-spread-preview__content {
        margin: 10vw 5vw 7vw
    }
}

@media only screen and (min-width:56.25em) {
    .image-links-spread-preview__content {
        margin: 10vw 5vw 5vw
    }
}

.image-overlay {
    z-index: 5000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .85)
}

.image-overlay__inner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%
}

.image-overlay__wrapper {
    width: 100%;
    height: 100%
}

.image-overlay__placeholder {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    text-align: center
}

.image-overlay__placeholder img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.no-flexbox .image-overlay__placeholder img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%
}

.image-overlay__close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 15px;
    transition: transform .2s;
    background: #92b5da;
    color: #fff;
    line-height: 0
}

.image-overlay__close:active {
    outline: 0
}

.image-overlay__close>svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.image-overlay__close:hover {
    background: #fff;
    color: #92b5da
}

.image-slider-block {
    position: relative;
    overflow: hidden;
    background: #f2f5f6;
    line-height: 0
}

.image-slider-block__inner {
    zoom: 1
}

.image-slider-block__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.image-slider-block img {
    float: left;
    display: block;
    width: auto
}

.image-slider-block,
.image-slider-block img {
    height: 200px
}

@media only screen and (min-width:33.75em) {

    .image-slider-block,
    .image-slider-block img {
        height: 300px
    }
}

@media only screen and (min-width:45em) {

    .image-slider-block,
    .image-slider-block img {
        height: 400px
    }
}

@media only screen and (min-width:56.25em) {

    .image-slider-block,
    .image-slider-block img {
        height: 480px
    }
}

@media only screen and (min-width:75em) {

    .image-slider-block,
    .image-slider-block img {
        height: 540px
    }
}

.no-js .image-slider-block,
.no-js .image-slider-block img {
    height: auto
}

.no-js .image-slider-block img {
    display: block;
    width: 100%
}

.image-slider-block.is-single,
.image-slider-block.is-single img {
    width: 100%;
    height: auto
}

.image-slider-block .flickity-enabled {
    position: relative
}

.image-slider-block .flickity-enabled:focus {
    outline: 0
}

.image-slider-block .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.image-slider-block .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.image-slider-block .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.image-slider-block .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.image-slider-block .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.image-slider-block .flickity-prev-next-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    transform: translateY(-50%);
    background: #fff url(/app/themes/toc/assets/build/images/icons/slider-arrow--secondary-4d27ca44c5.svg) no-repeat;
    background-size: 45% auto;
    background-position: center;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 55, 85, .5)
}

.image-slider-block .flickity-prev-next-button:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .image-slider-block .flickity-prev-next-button {
        width: 54px;
        height: 54px
    }
}

.image-slider-block .flickity-prev-next-button:hover {
    background-color: rgba(255, 255, 255, .85)
}

.image-slider-block .flickity-prev-next-button>svg {
    display: none
}

.image-slider-block .flickity-prev-next-button:active {
    opacity: .6
}

.image-slider-block .flickity-prev-next-button.previous {
    left: 15px;
    transform: translateY(-50%) scaleX(-1)
}

@media only screen and (min-width:45em) {
    .image-slider-block .flickity-prev-next-button.previous {
        left: 40px
    }
}

.image-slider-block .flickity-prev-next-button.next {
    right: 15px
}

@media only screen and (min-width:45em) {
    .image-slider-block .flickity-prev-next-button.next {
        right: 40px
    }
}

.image-slider-block .flickity-prev-next-button:disabled {
    opacity: 0;
    visibility: hidden
}

.image-spread-block {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #f2f5f6
}

@media only screen and (min-width:33.75em) {
    .image-spread-block {
        height: 70vh;
        min-height: 350px;
        max-height: 500px
    }
}

@media only screen and (min-width:45em) {
    .image-spread-block {
        min-height: 550px
    }
}

@media only screen and (min-width:63.75em) {
    .image-spread-block {
        min-height: 660px;
        max-height: 900px
    }
}

.image-spread-block figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.image-spread-block figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%;
    max-width: none
}

.image-spread-block::after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.image-spread-block__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width:33.75em) {
    .image-spread-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .image-spread-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .image-spread-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .image-spread-block__inner {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .image-spread-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.image-spread-block__content {
    font-size: 1.8rem;
    line-height: 1.4;
    width: 100%;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:56.25em) {
    .image-spread-block__content {
        font-size: 2.1rem
    }
}

@media only screen and (max-width:33.6875em) {
    .image-spread-block__content {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

.image-spread-block__content h2 {
    margin-top: 0;
    margin-bottom: 10px
}

@media only screen and (min-width:63.75em) {
    .image-spread-block__content h2 {
        font-size: 5.9rem;
        line-height: .9
    }
}

.image-spread-block__content .button {
    margin-top: 1em
}

.info-tabs {
    position: relative
}

.info-tabs__header {
    background: #92b5da;
    color: #fff
}

.info-tabs__header-inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .info-tabs__header-inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .info-tabs__header-inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__header-inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .info-tabs__header-inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__header-inner {
        padding-bottom: 60px
    }
}

.info-tabs__header-inner h2 {
    margin: 5px 0 0
}

@media only screen and (min-width:33.75em) {
    .info-tabs__header-inner h2 {
        margin: 15px 0 0
    }
}

.info-tabs__tab-list {
    background: #92b5da
}

.no-js .info-tabs__tab-list {
    display: none
}

.info-tabs__tab-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-content: space-around
}

@media only screen and (min-width:33.75em) {
    .info-tabs__tab-list ul {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {
    .info-tabs__tab-list ul {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.no-flexbox .info-tabs__tab-list ul {
    zoom: 1
}

.no-flexbox .info-tabs__tab-list ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.info-tabs__tab-list li {
    flex: 1 1 auto;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem
}

@media only screen and (min-width:25em) {
    .info-tabs__tab-list li {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:33.75em) {
    .info-tabs__tab-list li {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__tab-list li {
        font-size: 1.6rem
    }
}

.no-flexbox .info-tabs__tab-list li {
    float: left;
    width: 33.333%
}

.info-tabs__tab-list a {
    position: relative;
    display: block;
    height: 100%;
    padding: 10px;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .info-tabs__tab-list a {
        padding: 15px 20px
    }
}

.info-tabs__tab-list a>svg {
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    stroke: currentColor
}

@media only screen and (min-width:45em) {
    .info-tabs__tab-list a>svg {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px
    }
}

.info-tabs__tab-list a>svg[data-icon=atoms] {
    width: 18px;
    height: 24px
}

@media only screen and (min-width:45em) {
    .info-tabs__tab-list a>svg[data-icon=atoms] {
        width: 24px;
        height: 32px
    }
}

.info-tabs__tab-list a>svg+span {
    margin-top: 10px;
    display: inline-block
}

@media only screen and (min-width:45em) {
    .info-tabs__tab-list a>svg+span {
        margin-top: 0;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle
    }
}

.info-tabs__tab-list a:hover {
    background: #01b4c8
}

.info-tabs__tab-list a[aria-selected=true] {
    background: #fff;
    color: #92b5da
}

.info-tabs__pane {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .info-tabs__pane {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .info-tabs__pane {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__pane {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .info-tabs__pane {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__pane {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__pane {
        display: flex
    }
}

.js .info-tabs__pane[aria-hidden=true] {
    display: none
}

.no-flexbox .info-tabs__pane {
    zoom: 1
}

.no-flexbox .info-tabs__pane:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {

    .no-flexbox .info-tabs__content,
    .no-flexbox .info-tabs__images {
        float: left
    }
}

@media only screen and (min-width:45em) {
    .info-tabs__content {
        float: left;
        width: 60%;
        padding-right: 7%
    }
}

@media only screen and (min-width:63.75em) {
    .info-tabs__content {
        float: left;
        width: 55%
    }
}

.info-tabs__content ol,
.info-tabs__content ul {
    margin: 1em 0 2em
}

.info-tabs__content ol:first-child,
.info-tabs__content ul:first-child {
    margin-top: 0
}

.info-tabs__content ol:last-child,
.info-tabs__content ul:last-child {
    margin-bottom: 0
}

.info-tabs__content ol li+li,
.info-tabs__content ul li+li {
    margin-top: 5px
}

.info-tabs__content ol li>ul:first-child,
.info-tabs__content ul li>ul:first-child {
    margin-top: 10px
}

.info-tabs__content p:last-child {
    margin-bottom: 0
}

.info-tabs__images {
    margin-top: 2em
}

@media only screen and (min-width:45em) {
    .info-tabs__images {
        margin-top: 0;
        width: 40%
    }
}

@media only screen and (min-width:63.75em) {
    .info-tabs__images {
        width: 45%
    }
}

.info-tabs__images figure {
    margin: 0;
    line-height: 0;
    position: relative
}

.info-tabs__images figure img {
    width: 100%;
    line-height: normal
}

.info-tabs__images img {
    width: 100%
}

.info-tabs__images figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25
}

@media only screen and (min-width:33.75em) {
    .info-tabs__images figcaption {
        font-size: 1.6rem
    }
}

.info-tabs__images figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--secondary-774c4b920e.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .info-tabs__images figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.info-tabs__images figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .info-tabs__images figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .info-tabs__images figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.info-tabs--no-icons .info-tabs__tab-list a {
    padding: 12px 10px
}

@media only screen and (min-width:33.75em) {
    .info-tabs--no-icons .info-tabs__tab-list a {
        padding: 18px 20px
    }
}

.info-tabs--light-grey .info-tabs__header,
.info-tabs--light-grey .info-tabs__tab-list {
    background: #f2f5f6;
    color: #2b6aac
}

.info-tabs--light-grey .info-tabs__tab-list {
    background: rgba(0, 55, 85, .15)
}

.info-tabs--light-grey .info-tabs__tab-list a {
    color: inherit;
    border-top: 2px solid transparent
}

.info-tabs--light-grey .info-tabs__tab-list a:hover {
    background: rgba(0, 55, 85, .15)
}

.info-tabs--light-grey .info-tabs__tab-list a[aria-selected=true] {
    background: #fff;
    border-color: #2b6aac
}

.info-tabs--secondary .info-tabs__header,
.info-tabs--secondary .info-tabs__tab-list {
    background: #2b6aac
}

.info-tabs--secondary .info-tabs__tab-list a:hover {
    background: rgba(255, 255, 255, .15)
}

.info-tabs--secondary .info-tabs__tab-list a[aria-selected=true] {
    background: #fff;
    color: #2b6aac
}

.inline-banner {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border-radius: 2px
}

@media only screen and (min-width:45em) {
    .inline-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 40px
    }
}

@media only screen and (min-width:45em) {
    .inline-banner--description {
        padding: 35px 40px;
        align-items: flex-start
    }
}

.inline-banner--primary {
    background: #92b5da;
    color: #fff
}

.inline-banner--secondary {
    background: #175c81;
    color: #fff
}

@media only screen and (min-width:45em) {
    .inline-banner__body {
        padding-right: 3em
    }
}

.inline-banner__body h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-size: 2.4rem;
    line-height: 1.25
}

@media only screen and (min-width:45em) {
    .inline-banner--no-description .inline-banner__body h1 {
        margin-bottom: 0
    }
}

@media only screen and (min-width:45em) {
    .inline-banner--description .inline-banner__body h1 {
        font-size: 3rem
    }
}

.inline-banner__body p:last-child {
    margin-bottom: 1em
}

@media only screen and (min-width:45em) {
    .inline-banner__body p:last-child {
        margin-bottom: 0
    }
}

.inline-banner--primary .inline-banner__body p {
    color: #2b6aac
}

.inline-banner__link {
    flex: 0 0 auto
}

.inline-banner--primary .inline-banner__link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 11px 20px;
    font-size: 1.2rem;
    background: #2b6aac;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.inline-banner--primary .inline-banner__link:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .inline-banner--primary .inline-banner__link {
        padding: 13px 22px
    }
}

@media only screen and (min-width:93.75em) {
    .inline-banner--primary .inline-banner__link {
        font-size: 1.4rem
    }
}

.inline-banner--primary .inline-banner__link:focus,
.inline-banner--primary .inline-banner__link:hover {
    background: #175c81
}

.inline-banner--primary .inline-banner__link:hover {
    outline: 0
}

.inline-banner--primary .inline-banner__link:disabled {
    opacity: .3;
    cursor: not-allowed
}

.inline-banner--secondary .inline-banner__link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 11px 20px;
    font-size: 1.2rem;
    background: #92b5da;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .1s
}

.inline-banner--secondary .inline-banner__link:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .inline-banner--secondary .inline-banner__link {
        padding: 13px 22px
    }
}

@media only screen and (min-width:93.75em) {
    .inline-banner--secondary .inline-banner__link {
        font-size: 1.4rem
    }
}

.inline-banner--secondary .inline-banner__link:focus,
.inline-banner--secondary .inline-banner__link:hover {
    background: #01b4c8
}

.inline-banner--secondary .inline-banner__link:hover {
    outline: 0
}

.inline-banner--secondary .inline-banner__link:disabled {
    opacity: .3;
    cursor: not-allowed
}

.instagram-block {
    background: #2b6aac;
    text-align: center
}

.instagram-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .instagram-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .instagram-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .instagram-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .instagram-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .instagram-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.instagram-block h3 {
    color: #92b5da
}

@media only screen and (min-width:63.75em) {
    .instagram-block h3 {
        font-size: 4rem
    }
}

.instagram-block div[data-enhancer=instagramFeed] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1em;
    height: 0;
    padding-bottom: 25%
}

@media only screen and (min-width:33.75em) {
    .instagram-block div[data-enhancer=instagramFeed] {
        margin-bottom: 3em
    }
}

.instagram-block iframe {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin-bottom: 1em;
    width: 100%;
    border: 0
}

@media only screen and (min-width:33.75em) {
    .instagram-block iframe {
        margin-bottom: 2em
    }
}

.job-opening-single {
    position: relative
}

.job-opening-single__content {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .job-opening-single__content {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 860px
    }
}

@media only screen and (min-width:33.75em) {
    .job-opening-single__content {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .job-opening-single__content {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .job-opening-single__content {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .job-opening-single__content {
        padding-bottom: 60px
    }
}

.job-opening-single__content li,
.job-opening-single__content p {
    text-align: left !important
}

.job-opening-single__content ol,
.job-opening-single__content ul {
    margin: 1em 0 2em
}

.job-opening-single__content ol:first-child,
.job-opening-single__content ul:first-child {
    margin-top: 0
}

.job-opening-single__content ol:last-child,
.job-opening-single__content ul:last-child {
    margin-bottom: 0
}

.job-opening-single__content ol li+li,
.job-opening-single__content ul li+li {
    margin-top: 5px
}

.job-opening-single__content ol li>ul:first-child,
.job-opening-single__content ul li>ul:first-child {
    margin-top: 10px
}

.job-opening-single__content p:last-child {
    margin-bottom: 0
}

.job-opening-single__content u {
    font-weight: 600
}

.job-opening-single__other-requirements dt {
    text-transform: uppercase
}

.js .job-opening-single__form[aria-hidden=true] {
    display: none
}

.job-openings-block {
    background: #2b6aac;
    color: #fff
}

.job-openings-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .job-openings-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .job-openings-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .job-openings-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .job-openings-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .job-openings-block__inner {
        padding-bottom: 60px
    }
}

.job-openings-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.job-openings-block li {
    padding: 10px 0
}

@media only screen and (min-width:45em) {
    .job-openings-block li {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
}

.job-openings-block li+li {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.job-openings-block__title {
    display: block;
    padding-bottom: 3px;
    line-height: 1.25;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none;
    color: inherit
}

@media only screen and (min-width:45em) {
    .job-openings-block__title {
        padding-bottom: 0;
        width: 55%;
        padding-right: 25px
    }
}

.job-openings-block__title:focus,
.job-openings-block__title:hover {
    text-decoration: underline
}

.job-openings-block li span {
    display: block;
    color: rgba(255, 255, 255, .8);
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .job-openings-block li span {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:45em) {
    .job-openings-block__status {
        width: 20%;
        padding-right: 25px
    }
}

@media only screen and (min-width:45em) {
    .job-openings-block__location {
        width: 25%;
        text-align: right
    }
}

.link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    padding: 10px 5px 10px 40px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    color: inherit;
    line-height: 1;
    text-decoration: none;
    text-transform: none
}

.link:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .link {
        padding-left: 45px;
        font-size: 1.8rem
    }
}

.link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #92b5da;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .link::before {
        top: 3px
    }
}

.link:focus,
.link:hover {
    text-decoration: underline
}

.link:focus::before,
.link:hover::before {
    background: #01b4c8
}

.link:active {
    outline: 0
}

.link>svg {
    position: absolute;
    fill: #fff;
    stroke: #fff;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1)
}

.link--arrow>svg {
    left: 9px;
    top: 11px;
    width: 17px;
    height: 14px
}

@media only screen and (min-width:33.75em) {
    .link--arrow>svg {
        top: 13px
    }
}

.link--arrow:hover>svg {
    transform: translateX(2px)
}

.link--back-arrow>svg {
    left: 8px;
    top: 11px;
    width: 17px;
    height: 14px
}

@media only screen and (min-width:33.75em) {
    .link--back-arrow>svg {
        top: 13px
    }
}

.link--back-arrow:hover>svg {
    transform: translateX(-2px)
}

.link--video>svg {
    left: 14px;
    top: 14px;
    width: 10px;
    height: 11px
}

.link--download>svg {
    left: 10px;
    top: 10px;
    width: 15px;
    height: 19px
}

.link--expand {
    display: block
}

.link--expand[aria-hidden=true] {
    display: none
}

.link--expand::before {
    background: #2b6aac
}

.link--expand:hover::before {
    background: #175c81
}

.link--expand>svg {
    left: 11px;
    top: 12px;
    width: 13px;
    height: 14px
}

.link--expand>svg[data-icon=minus] {
    top: 19px;
    display: none;
    width: 13px;
    height: 2px
}

.link--expand[aria-expanded=true]>svg[data-icon=plus] {
    display: none
}

.link--expand[aria-expanded=true]>svg[data-icon=minus] {
    display: block
}

.live-dot {
    margin: -1px 10px 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d0001b;
    -webkit-animation: live-dot 1.4s steps(1) infinite;
    animation: live-dot 1.4s steps(1) infinite
}

.live-dot--replay {
    background: #92b5da
}

@-webkit-keyframes live-dot {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes live-dot {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.live-event-banner {
    z-index: 100;
    position: relative;
    left: 0;
    right: 0;
    background: #175c81;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .live-event-banner {
        position: absolute;
        text-align: center
    }
}

.live-event-banner[aria-hidden=true] {
    display: none
}

.live-event-banner__inner {
    padding: 10px 20px 13px
}

@media only screen and (min-width:33.75em) {
    .live-event-banner__inner {
        margin: 0 auto;
        display: inline-block;
        padding: 5px 20px 6px
    }
}

.live-event-banner__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (min-width:33.75em) {
    .live-event-banner__content {
        justify-content: center;
        text-align: center
    }
}

@media only screen and (min-width:45em) {
    .live-event-banner__content {
        justify-content: center
    }
}

.live-event-banner__title {
    position: relative;
    margin: 7px 15px 5px 0;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .live-event-banner__title {
        width: auto;
        font-size: 1.8rem
    }
}

@media only screen and (min-width:45em) {
    .live-event-banner__title {
        margin-right: 20px;
        font-size: 2.2rem
    }
}

@media only screen and (min-width:56.25em) {
    .live-event-banner__title {
        font-size: 3rem
    }
}

@media only screen and (min-width:75em) {
    .live-event-banner__title {
        font-size: 3.6rem
    }
}

.live-event-banner[data-state=before] .live-event-banner__title {
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width:56.25em) {
    .live-event-banner[data-state=before] .live-event-banner__title {
        margin-right: .7em;
        width: auto
    }
}

.live-event-banner__clock {
    position: relative;
    margin: 5px 15px 5px 0;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:63.75em) {
    .live-event-banner__clock {
        margin: 10px 25px 10px 0
    }
}

.live-event-banner__clock-part {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:33.6875em) {
    .live-event-banner__clock-part {
        max-width: 35px
    }
}

.live-event-banner__clock-part+.live-event-banner__clock-part {
    margin-left: 10px
}

@media only screen and (min-width:45em) {
    .live-event-banner__clock-part+.live-event-banner__clock-part {
        margin-left: 14px
    }
}

.live-event-banner__clock-part span {
    position: relative;
    display: block;
    padding: 2px 5px 4px;
    background: rgba(255, 255, 255, .3);
    border-radius: 1px;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1;
    text-align: center
}

@media only screen and (min-width:45em) {
    .live-event-banner__clock-part span {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .live-event-banner__clock-part span {
        font-size: 2.8rem
    }
}

@media only screen and (min-width:75em) {
    .live-event-banner__clock-part span {
        font-size: 3.4rem
    }
}

.live-event-banner__clock-part+.live-event-banner__clock-part span::after {
    content: ":";
    position: absolute;
    bottom: .7em;
    left: -17px;
    width: 19px;
    padding: 0;
    font-size: .5em;
    text-align: center;
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .live-event-banner__clock-part+.live-event-banner__clock-part span::after {
        left: -20px
    }
}

.live-event-banner__clock-part footer {
    display: none
}

@media only screen and (min-width:33.75em) {
    .live-event-banner__clock-part footer {
        opacity: 0;
        display: block;
        position: absolute;
        left: 50%;
        min-width: 100%;
        padding-top: 1px;
        color: #92b5da;
        font-family: "Proxima Nova", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1rem;
        text-align: center;
        transform: translate(-50%, 10px);
        transition: all .15s ease
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-banner__clock-part span:hover~footer {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

.live-event-banner__cta {
    position: relative;
    margin: 5px 0
}

.live-event-banner__cta .button {
    margin-top: 0
}

.live-event-banner [aria-hidden=true] {
    display: none !important
}

.live-event-banner[data-layout=october-2019] .live-event-banner__inner {
    background-image: url(/app/themes/toc/assets/build/images/live-event/october-2019-banner-0859d35029.png);
    background-repeat: no-repeat;
    background-size: auto 120%;
    background-position: right bottom
}

@media only screen and (min-width:33.75em) {
    .live-event-banner[data-layout=october-2019] .live-event-banner__inner {
        padding-left: 130px;
        background-position: left bottom
    }
}

@media only screen and (min-width:45em) {
    .live-event-banner[data-layout=october-2019] .live-event-banner__inner {
        padding-left: 170px
    }
}

@media only screen and (min-width:63.75em) {
    .live-event-banner[data-layout=october-2019] .live-event-banner__inner {
        padding-left: 190px
    }
}

.live-event-countdown {
    position: relative;
    overflow: hidden
}

.live-event-countdown__inner {
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-countdown__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-countdown__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-countdown__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.live-event-countdown__title {
    margin-bottom: .5em;
    font-size: 1.05em;
    text-align: center;
    text-transform: uppercase
}

.live-event-countdown__clock {
    position: relative;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.live-event-countdown__clock-part {
    position: relative;
    display: inline-block
}

.live-event-countdown__clock-part span {
    position: relative;
    margin: 0 0 .15em;
    display: inline-block;
    padding: .2em .3em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-weight: 300;
    font-size: calc(1.6rem + 3.7vw)
}

@media only screen and (min-width:112.5em) {
    .live-event-countdown__clock-part span {
        font-size: 8rem
    }
}

.no-csscalc .live-event-countdown__clock-part span,
.no-cssvwunit .live-event-countdown__clock-part span {
    font-size: 3.2rem
}

.live-event-countdown__clock-part span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(80% - .3em);
    height: 1px;
    background: #92b5da
}

.no-csscalc .live-event-countdown__clock-part span::before,
.no-cssvwunit .live-event-countdown__clock-part span::before {
    content: none
}

.live-event-countdown__clock-part span::after {
    content: ":";
    position: absolute;
    bottom: .8em;
    right: -10px;
    width: 20px;
    padding: 0;
    font-size: .5em;
    text-align: center;
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .live-event-countdown__clock-part span::after {
        bottom: .9em
    }
}

.live-event-countdown__clock div:last-of-type span::after {
    content: none
}

.live-event-countdown__clock-part footer {
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .live-event-countdown__clock-part footer {
        font-size: calc(1rem + .4vw)
    }
}

.no-csscalc .live-event-countdown__clock-part footer,
.no-cssvwunit .live-event-countdown__clock-part footer {
    font-size: 1.4rem
}

.live-event-description {
    position: relative;
    overflow: hidden
}

.live-event-description__inner {
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-description__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-description__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-description__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.live-event-header {
    position: relative;
    text-align: center
}

.live-event-header__inner {
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-header__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-header__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-header__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.live-event-header__inner.live-event-header__inner--before-state {
    padding-bottom: 0 !important
}

.live-event-header__label {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: .5em;
    display: block;
    color: #d0001b
}

@media only screen and (min-width:33.75em) {
    .live-event-header__label {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .live-event-header__label {
        font-size: 4rem
    }
}

.live-event-header__label span {
    font-weight: 600;
    line-height: .95
}

.live-event-header__label .live-dot {
    margin-top: -5px
}

.live-event-header[data-state=after] .live-event-header__label {
    color: #92b5da
}

.live-event-header__title {
    margin-bottom: 0
}

.live-event-inline-banner {
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-inline-banner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-inline-banner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-inline-banner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

.live-event-sponsors {
    position: relative;
    overflow: hidden
}

.live-event-sponsors__inner {
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-sponsors__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-sponsors__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .live-event-sponsors__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .live-event-sponsors__inner {
        display: flex
    }
}

@media only screen and (min-width:45em) {
    .live-event-sponsors__title {
        width: 30%
    }
}

.live-event-sponsors__title h2 {
    margin-bottom: 25px
}

@media only screen and (min-width:45em) {
    .live-event-sponsors__title h2 {
        margin-bottom: 0;
        font-size: 3rem
    }
}

.live-event-sponsors ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -20px
}

@media only screen and (min-width:45em) {
    .live-event-sponsors ul {
        width: 70%;
        padding-left: 50px
    }
}

@media only screen and (min-width:63.75em) {
    .live-event-sponsors ul {
        padding-left: 70px
    }
}

.live-event-sponsors li {
    padding: 20px
}

.live-event-sponsors li p {
    font-size: 1.2rem;
    line-height: 1.35;
    line-height: 1.6
}

@media only screen and (min-width:33.75em) {
    .live-event-sponsors li p {
        font-size: 1.4rem
    }
}

.live-event-sponsors li a {
    display: inline-block
}

.live-event-sponsors li a:focus,
.live-event-sponsors li a:hover {
    opacity: .7
}

.live-event-sponsors li figure {
    margin: 0;
    padding: 0;
    line-height: 0;
    margin-bottom: 15px;
    max-width: 200px
}

@media only screen and (min-width:33.75em) {
    .live-event-sponsors li figure {
        max-width: 240px
    }
}

.live-event-sponsors li img {
    width: 100%;
    height: auto;
    line-height: normal
}

.live-event-sponsors[data-type=supporting] ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.live-event-sponsors[data-type=supporting] li {
    flex: 0 0 50%;
    width: 50%;
    text-align: center
}

@media only screen and (min-width:56.25em) {
    .live-event-sponsors[data-type=supporting] li {
        flex: 0 0 25%;
        width: 25%;
        padding: 20px
    }
}

.live-event-sponsors[data-type=supporting] figure {
    max-width: 100px
}

@media only screen and (min-width:33.75em) {
    .live-event-sponsors[data-type=supporting] figure {
        max-width: 135px
    }
}

.live-event-template {
    padding-top: 30px;
    position: relative;
    background-color: #175c81;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .live-event-template {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-template {
        padding-top: 60px
    }
}

.live-event-template.live-event-template--hero-image {
    padding: 0
}

.live-event-template__parts {
    margin-bottom: -1px;
    position: relative
}

.live-event-template__parts .live-event-description+.live-event-sponsors {
    padding-top: 30px
}

@media only screen and (min-width:33.75em) {
    .live-event-template__parts .live-event-description+.live-event-sponsors {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-template__parts .live-event-description+.live-event-sponsors {
        padding-top: 60px
    }
}

.live-event-template__parts .live-event-description+.live-event-sponsors::before,
.live-event-template__parts::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    max-width: 640px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.live-event-template__parts::before {
    top: auto;
    bottom: 0
}

.live-event-template__hero-image {
    margin: 0 0 3rem;
    padding: 0
}

@media only screen and (min-width:45em) {
    .live-event-template__hero-image {
        margin: 0 0 8rem
    }
}

.live-event-template .video-block__inner figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .live-event-template .video-block__inner figcaption {
        font-size: 1.6rem
    }
}

.live-event-template .video-block__inner figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--white-aa6d15bb55.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .live-event-template .video-block__inner figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.live-event-template .video-block__inner figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .live-event-template .video-block__inner figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .live-event-template .video-block__inner figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.live-event-template .text-block--secondary {
    background-color: transparent
}

.live-event-template .text-block--secondary .text-block__inner {
    padding-top: 1rem
}

.live-event-video {
    position: relative
}

.live-event-video__inner {
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .live-event-video__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .live-event-video__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:63.75em) {
    .live-event-video__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) and (min-width:33.75em) {
    .live-event-video__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.live-event-video__video-wrapper {
    margin: 0 auto;
    max-width: 150vmin
}

.live-event-video__video {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    background: #000
}

.live-event-video__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.live-event-video__play {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%)
}

.live-event-video__play:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .live-event-video__play {
        width: 180px;
        height: 180px
    }
}

.is-playing-video .live-event-video__play {
    display: none
}

.live-event-video__play>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.live-event-video__play:hover>svg,
a:hover .live-event-video__play>svg {
    transform: scale(.95);
    transition: transform .1s
}

.live-event-video figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    padding: 15px 20px
}

@media only screen and (min-width:33.75em) {
    .live-event-video figcaption {
        font-size: 1.6rem
    }
}

.live-event-video figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--white-aa6d15bb55.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .live-event-video figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.live-event-video figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .live-event-video figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .live-event-video figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

@media only screen and (min-width:63.75em) {
    .live-event-video figcaption {
        padding: 10px 0 20px
    }
}

.live-stream-preview {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eaeaea
}

.live-stream-preview__inner {
    padding: 25px 0 20px
}

@media only screen and (min-width:45em) {
    .live-stream-preview__inner {
        display: flex;
        align-items: flex-start;
        padding: 35px 0
    }
}

@media only screen and (min-width:112.5em) {
    .live-stream-preview__inner {
        padding: 45px 0
    }
}

.live-stream-preview__video {
    position: relative;
    margin-bottom: 15px;
    display: block;
    background: #f2f5f6
}

@media only screen and (min-width:45em) {
    .live-stream-preview__video {
        margin-bottom: 0;
        width: 33.333%
    }
}

.live-stream-preview__video::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 55, 85, .2);
    opacity: 0;
    transition: opacity .2s
}

.live-stream-preview__link:hover .live-stream-preview__video::after {
    opacity: 1
}

.live-stream-preview__video figure {
    margin: 0;
    line-height: 0
}

.live-stream-preview__video figure img {
    width: 100%;
    line-height: normal
}

.live-stream-preview__video-play {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px
}

.live-stream-preview__video-play:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .live-stream-preview__video-play {
        width: 180px;
        height: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .live-stream-preview__video-play {
        width: 130px;
        height: 130px
    }
}

.is-playing-video .live-stream-preview__video-play {
    display: none
}

.live-stream-preview__video-play>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.live-stream-preview__video-play:hover>svg,
a:hover .live-stream-preview__video-play>svg {
    transform: scale(.95);
    transition: transform .1s
}

@media only screen and (min-width:45em) {
    .live-stream-preview__content {
        display: flex;
        flex-direction: column;
        width: 66.666%;
        max-width: 640px;
        padding-left: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .live-stream-preview__content {
        padding-left: 35px
    }
}

.live-stream-preview__time {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    margin-bottom: 10px;
    display: block;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {
    .live-stream-preview__time {
        font-size: 1.4rem
    }
}

.live-stream-preview__title {
    margin: 0 0 .5em;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.3
}

@media only screen and (min-width:33.75em) {
    .live-stream-preview__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    .live-stream-preview__title {
        font-size: 2.6rem
    }
}

@media only screen and (min-width:63.75em) {
    .live-stream-preview__title {
        font-size: 2.6rem
    }
}

.live-stream-preview__description {
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .live-stream-preview__description {
        font-size: 1.6rem
    }
}

.live-streams-template {
    position: relative
}

.live-streams-template__posts {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .live-streams-template__posts {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .live-streams-template__posts {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .live-streams-template__posts {
        padding-bottom: 80px
    }
}

.live-streams-template__heading {
    margin-top: 2.5em;
    border-bottom: 1px solid #eaeaea
}

.live-streams-template__heading h2 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-weight: 600
}

.longread-intro {
    background: #175c81;
    color: #fff
}

.longread-intro__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 300;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .longread-intro__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .longread-intro__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .longread-intro__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .longread-intro__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .longread-intro__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:56.25em) {
    .longread-intro__inner {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:63.75em) {
    .longread-intro__inner {
        font-size: 2.4rem
    }
}

.map-intro {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    transition: all .4s
}

@media only screen and (min-width:25em) {
    .map-intro {
        max-width: 90%
    }
}

@media only screen and (min-width:37.5em) {
    .map-intro {
        max-width: 524px
    }
}

@media only screen and (min-width:43.75em) {
    .map-intro {
        max-width: 600px
    }
}

.map-intro[data-expanded=false] {
    transform: translate(-100%, 0)
}

.map-intro__inner {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    background: #2b6aac;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 1.6rem;
    outline: 0;
    pointer-events: all;
    transition: all .4s
}

.map-intro__inner::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 65px;
    right: 20px;
    left: 0;
    display: block;
    height: 50px;
    background: linear-gradient(to top, #2b6aac 0, rgba(0, 55, 85, 0) 100%);
    pointer-events: none
}

.map-intro__inner[aria-hidden=true] {
    visibility: hidden
}

.map-intro__scroller {
    position: relative;
    height: calc(100% - 65px);
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

@media only screen and (min-width:33.75em) {
    .map-intro__scroller {
        scrollbar-color: rgba(255, 255, 255, .5) transparent;
        scrollbar-width: thin
    }

    .map-intro__scroller::-webkit-scrollbar-track {
        margin: .3em 0;
        background-color: transparent
    }

    .map-intro__scroller::-webkit-scrollbar {
        width: 1em
    }

    .map-intro__scroller::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, .5);
        border: .3em solid transparent;
        border-top: 0;
        border-bottom: 0;
        background-clip: padding-box
    }
}

.map-intro__nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    background: #175c81
}

@media only screen and (min-width:45em) {
    .map-intro__nav {
        padding: 14px 40px
    }
}

.map-intro__nav-back {
    margin-right: 10px
}

@media only screen and (max-width:33.6875em) {
    .map-intro__nav-share .share-buttons[data-type=regular] {
        display: none
    }
}

.map-intro__content {
    padding: 25px 20px 40px
}

@media only screen and (min-width:45em) {
    .map-intro__content {
        padding: 40px 40px 40px
    }
}

.map-intro__content h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1;
    position: relative;
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .map-intro__content h1 {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .map-intro__content h1 {
        font-size: 4rem
    }
}

.map-intro__content h1 span {
    font-weight: 600;
    line-height: .95
}

.map-intro__content h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .map-intro__content h1::before {
        width: 90px
    }
}

.map-intro__content h1::before {
    color: #92b5da
}

.map-intro__content p {
    color: rgba(255, 255, 255, .8)
}

.map-intro__content p.intro {
    color: #fff
}

.map-intro__content hr {
    margin: 2em 0;
    border-color: rgba(255, 255, 255, .25)
}

.map-intro__content footer {
    font-size: 1.2rem;
    line-height: 1.5
}

.map-intro__content footer p {
    color: rgba(255, 255, 255, .5)
}

.map-intro__start {
    z-index: 3;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 65px;
    line-height: 6.5rem;
    background: #92b5da;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, .5);
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.map-intro__start:hover {
    background-color: #01b4c8
}

.map-intro__toggle {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 90px;
    right: -24px;
    display: block;
    width: 24px;
    height: 60px;
    padding: 0;
    background: rgba(255, 255, 255, .8);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    pointer-events: all
}

.map-intro__toggle:active {
    outline: 0
}

.map-intro__toggle:hover {
    background: #fff
}

.map-intro__toggle>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -5px;
    width: 8px;
    height: 10px
}

.map-intro__toggle[aria-expanded=false]>svg {
    transform: scaleX(-1)
}

.map-meta__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    width: 3rem;
    height: 3rem;
    display: block;
    padding: 10px;
    line-height: 0;
    background: #fff
}

.map-meta__trigger:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .map-meta__trigger {
        right: 1rem;
        bottom: 1rem
    }
}

.map-meta__trigger>svg {
    fill: #2b6aac;
    transform: rotate(180deg)
}

.map-meta__trigger:focus,
.map-meta__trigger:hover {
    opacity: .7
}

.map-meta__trigger:active {
    transform: scale(.85)
}

.map-meta__trigger[aria-expanded=false]>svg {
    transform: rotate(0)
}

.map-meta__trigger-preview {
    z-index: 10;
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    max-width: 28rem;
    width: 100%;
    padding: 1.8rem;
    background-color: #2b6aac;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    z-index: 9;
    max-width: 22rem;
    padding: 3rem
}

@media only screen and (min-width:33.75em) {
    .map-meta__trigger-preview {
        right: 2rem;
        bottom: 2rem
    }
}

@media only screen and (max-width:33.6875em) {
    .map-meta__trigger-preview {
        box-shadow: 0 2px 5px 0 rgba(0, 27, 42, .3)
    }
}

.map-meta__target {
    z-index: 10;
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    max-width: 28rem;
    width: 100%;
    padding: 1.8rem;
    background-color: #2b6aac;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    transform-origin: 100% 100%;
    transition: transform .2s, opacity .2s
}

@media only screen and (min-width:33.75em) {
    .map-meta__target {
        right: 2rem;
        bottom: 2rem
    }
}

@media only screen and (max-width:33.6875em) {
    .map-meta__target {
        box-shadow: 0 2px 5px 0 rgba(0, 27, 42, .3)
    }
}

.map-meta__target[aria-hidden=true] {
    transform: scale(0);
    opacity: 0;
    visibility: hidden
}

.map-side-bar {
    scrollbar-color: rgba(255, 255, 255, .5) transparent;
    scrollbar-width: thin;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    width: 100%;
    max-width: 80%;
    background: #2b6aac;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    transition: .3s transform, .3s visibility
}

.map-side-bar::-webkit-scrollbar-track {
    margin: .3em 0;
    background-color: transparent
}

.map-side-bar::-webkit-scrollbar {
    width: 1em
}

.map-side-bar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .5);
    border: .3em solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-clip: padding-box
}

@media only screen and (min-width:33.75em) {
    .map-side-bar {
        max-width: 350px
    }
}

.map-side-bar[aria-hidden=true] {
    transform: translate3d(100%, 0, 0);
    visibility: hidden
}

.map-side-bar[aria-hidden=false] {
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.map-side-bar__close-trigger-wrapper {
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%
}

.map-side-bar__close-trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 16px;
    background-color: #175c81;
    line-height: 0
}

.map-side-bar__close-trigger:active {
    outline: 0
}

.map-side-bar__close-trigger:hover {
    opacity: .7
}

.map-side-bar__close-trigger>svg {
    width: 13px;
    height: 13px;
    stroke: #fff
}

.mapbox-map {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #001b2a
}

.mapbox-map .mapboxgl-ctrl-logo {
    margin-top: -32px !important;
    width: 68px !important;
    height: 16.8px !important;
    opacity: .7
}

.mapbox-map .mapboxgl-ctrl-bottom-right {
    right: auto !important;
    left: 0 !important
}

.mapbox-map .mapboxgl-ctrl-attrib {
    opacity: .5;
    font-size: .8rem
}

@media only screen and (min-width:33.75em) {
    .mapbox-map .mapboxgl-ctrl-attrib {
        font-size: 1rem;
        opacity: .7
    }
}

.mapbox-map .mapboxgl-ctrl-attrib:hover,
.mapbox-map .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.mapbox-map__map {
    position: relative;
    width: 100%;
    height: 100%
}

.mapbox-map__map>div {
    width: 100%;
    height: 100%
}

.mapbox-map__map canvas {
    width: 100%;
    height: 100%;
    outline: 0
}

.mapbox-map__marker {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #92b5da;
    cursor: pointer
}

.mapbox-map .mapboxgl-popup {
    max-width: 200px
}

.mapbox-map .mapboxgl-popup-content {
    text-align: center;
    font-family: "Roboto Mono", sans-serif
}

.media-galleries-block {
    position: relative
}

.media-galleries-block>section:nth-of-type(2n+1) {
    background: #f2f5f6
}

.media-gallery-archive {
    position: relative
}

.media-gallery-archive__listing>section:nth-of-type(2n+1) {
    background: #f2f5f6
}

.media-gallery-preview-block {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.media-gallery-preview-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .media-gallery-preview-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery-preview-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery-preview-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery-preview-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery-preview-block__inner {
        padding-bottom: 60px
    }
}

.media-gallery-preview-block__inner>p {
    margin: 0 auto 2em;
    max-width: 640px
}

.media-gallery-preview-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -5px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:45em) {
    .media-gallery-preview-block ul {
        margin: 0;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: calc(50% - 10px) 1fr 1fr
    }
}

.no-cssgrid .media-gallery-preview-block ul {
    zoom: 1;
    margin: -10px;
    display: block
}

.no-cssgrid .media-gallery-preview-block ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.media-gallery-preview-block li {
    width: 50%;
    padding: 5px
}

@media only screen and (min-width:45em) {
    .media-gallery-preview-block li {
        width: auto;
        padding: 0
    }
}

.no-cssgrid .media-gallery-preview-block li {
    float: left;
    width: 50%;
    height: auto;
    padding: 10px
}

@media only screen and (min-width:45em) {
    .no-cssgrid .media-gallery-preview-block li {
        width: 25%
    }
}

.media-gallery-preview-block li:first-of-type {
    width: 100%
}

@media only screen and (min-width:45em) {
    .media-gallery-preview-block li:first-of-type {
        grid-column: 1;
        grid-row: 1/3;
        width: auto
    }
}

.no-cssgrid .media-gallery-preview-block li:first-of-type {
    width: 100%
}

@media only screen and (min-width:45em) {
    .no-cssgrid .media-gallery-preview-block li:first-of-type {
        width: 50%
    }
}

.media-gallery-preview-block figure {
    margin: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #e3e9ec
}

.media-gallery-preview-block figure img {
    width: 100%;
    line-height: normal
}

.media-gallery-preview-block figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%
}

.media-gallery-preview-block li:first-of-type figure {
    height: 100%
}

.media-gallery-preview-block .button-set {
    margin-top: 2em
}

.media-gallery-simple-block {
    position: relative
}

.media-gallery-simple-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .media-gallery-simple-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery-simple-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery-simple-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery-simple-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery-simple-block__inner {
        padding-bottom: 80px
    }
}

.media-gallery-archive {
    position: relative
}

.media-gallery-archive__listing>section:nth-of-type(2n+1) {
    background: #f2f5f6
}

.media-gallery {
    position: relative;
    overflow: hidden
}

.media-gallery__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .media-gallery__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .media-gallery__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-gallery__inner {
        padding-bottom: 60px
    }
}

.media-gallery__header {
    margin-bottom: 25px;
    text-align: left
}

@media only screen and (min-width:33.75em) {
    .media-gallery__header {
        margin-bottom: 50px
    }
}

.media-gallery__header h2 {
    margin-bottom: 0
}

.media-gallery__header h2 a {
    text-decoration: none
}

.media-gallery__header h2 a:hover {
    opacity: .5
}

.media-gallery__header span[role=heading] {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width:33.75em) {
    .media-gallery__header span[role=heading] {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .media-gallery__header span[role=heading] {
        font-size: 4rem
    }
}

.media-gallery__header span[role=heading] span {
    font-weight: 600;
    line-height: .95
}

.media-gallery__inner>.button {
    margin-top: 2em
}

.center-block+.media-gallery {
    margin-top: -1em
}

.media-gallery .document-gallery+.document-gallery,
.media-gallery .document-gallery+.image-gallery,
.media-gallery .document-gallery+.video-gallery,
.media-gallery .image-gallery+.document-gallery,
.media-gallery .image-gallery+.image-gallery,
.media-gallery .image-gallery+.video-gallery,
.media-gallery .video-gallery+.document-gallery,
.media-gallery .video-gallery+.image-gallery,
.media-gallery .video-gallery+.video-gallery {
    margin-top: 3em
}

.media-slider-block {
    position: relative;
    overflow: hidden
}

.media-slider-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .media-slider-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-slider-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .media-slider-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .media-slider-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .media-slider-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:56.25em) and (max-width:63.6875em) {
    .media-slider-block--large .media-slider-block__inner {
        max-width: 800px
    }
}

@media only screen and (min-width:63.75em) {
    .media-slider-block--large .media-slider-block__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) and (min-width:33.75em) {
    .media-slider-block--large .media-slider-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

.media-slider {
    position: relative
}

.media-slider__slider {
    position: relative;
    background: #f2f5f6
}

.media-slider__footer {
    zoom: 1;
    margin-top: 10px
}

.media-slider__footer:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.media-slider__caption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 0;
    flex: 1 0 auto
}

@media only screen and (min-width:33.75em) {
    .media-slider__caption {
        font-size: 1.6rem
    }
}

.media-slider__caption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--secondary-774c4b920e.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .media-slider__caption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.media-slider__caption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .media-slider__caption span {
        font-size: 1.4rem
    }
}

.flickity-slider .media-slider__caption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.media-slider__caption span {
    margin-top: 3px
}

.media-slider__indicator {
    float: left;
    margin-right: 10px;
    flex: 1 0 40px;
    min-width: 40px;
    height: 40px;
    line-height: 4rem;
    background: #92b5da;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center
}

.media-slider__item {
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0
}

.media-slider__item figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.media-slider__item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.media-slider__item img {
    display: block;
    width: 100%
}

.no-js .media-slider__item img {
    display: block;
    width: 100%;
    height: auto
}

.media-slider__play {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%)
}

.media-slider__play:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .media-slider__play {
        width: 180px;
        height: 180px
    }
}

.is-playing-video .media-slider__play {
    display: none
}

.media-slider__play>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.media-slider__play:hover>svg,
a:hover .media-slider__play>svg {
    transform: scale(.95);
    transition: transform .1s
}

.media-slider .flickity-enabled {
    position: relative
}

.media-slider .flickity-enabled:focus {
    outline: 0
}

.media-slider .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.media-slider .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.media-slider .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.media-slider .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.media-slider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.media-slider .flickity-prev-next-button {
    display: none
}

@media only screen and (min-width:45em) {
    .media-slider .flickity-prev-next-button {
        display: block;
        position: absolute;
        top: 50%;
        width: 44px;
        height: 60px;
        padding: 0;
        border: none;
        background: 0 0;
        cursor: pointer;
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

.media-slider .flickity-prev-next-button svg {
    fill: #92b5da;
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
    transform: translate3d(0, 0, 0);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

.media-slider .flickity-prev-next-button:active {
    opacity: .6
}

.media-slider .flickity-prev-next-button.previous {
    left: 20px
}

@media only screen and (min-width:45em) {
    .media-slider .flickity-prev-next-button.previous {
        margin-left: -80px
    }
}

.media-slider .flickity-prev-next-button.previous:focus svg,
.media-slider .flickity-prev-next-button.previous:hover svg {
    transform: translate3d(-25%, 0, 0)
}

.media-slider .flickity-prev-next-button.next {
    right: 20px
}

@media only screen and (min-width:45em) {
    .media-slider .flickity-prev-next-button.next {
        margin-right: -80px
    }
}

.media-slider .flickity-prev-next-button.next:focus svg,
.media-slider .flickity-prev-next-button.next:hover svg {
    transform: translate3d(25%, 0, 0)
}

.media-slider .flickity-prev-next-button:disabled {
    display: none
}

@media only screen and (max-width:74.9375em) {
    .media-slider[data-usage=text-media-block] .flickity-prev-next-button {
        width: 35px
    }
}

.media-slider[data-usage=text-media-block] .flickity-prev-next-button.previous {
    left: 0
}

@media only screen and (min-width:45em) {
    .media-slider[data-usage=text-media-block] .flickity-prev-next-button.previous {
        margin-left: 0;
        transform: translate(-100%, -50%)
    }
}

.media-slider[data-usage=text-media-block] .flickity-prev-next-button.next {
    right: 0
}

@media only screen and (min-width:45em) {
    .media-slider[data-usage=text-media-block] .flickity-prev-next-button.next {
        margin-right: 0;
        transform: translate(100%, -50%)
    }
}

.media-tabs {
    position: relative
}

.media-tabs>figure {
    position: relative;
    overflow: hidden;
    margin: -1px 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: #2b6aac;
    line-height: 0
}

@media only screen and (min-width:45em) {
    .media-tabs>figure {
        padding-bottom: 50%
    }
}

.media-tabs>figure img {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateZ(0);
    transition: opacity .5s ease-out
}

.objectfit .media-tabs>figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media-tabs>figure img[aria-hidden=true] {
    z-index: 1;
    opacity: 0
}

.media-tabs__tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    display: flex;
    align-items: stretch
}

.media-tabs__tab-list:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .media-tabs__tab-list {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {
    .media-tabs__tab-list {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.no-js .media-tabs__tab-list {
    display: none
}

.media-tabs__tab-list li {
    flex: 1 1 auto;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem
}

@media only screen and (min-width:33.75em) {
    .media-tabs__tab-list li {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:45em) {
    .media-tabs__tab-list li {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:63.75em) {
    .media-tabs__tab-list li {
        flex: 1 1 25%
    }
}

.no-flexbox .media-tabs__tab-list li {
    float: left;
    width: 25%
}

.media-tabs__tab-list li+li a {
    border-left: 1px solid #fff
}

.media-tabs__tab-list a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 52px;
    padding: 13px 10px;
    background: #92b5da;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .media-tabs__tab-list a {
        min-height: 0
    }
}

@media only screen and (min-width:45em) {
    .media-tabs__tab-list a {
        padding: 17px 10px
    }
}

.media-tabs__tab-list a:focus,
.media-tabs__tab-list a:hover {
    background: #01b4c8
}

.media-tabs__tab-list a::before {
    content: "";
    z-index: 3;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    transform: translateY(110%);
    opacity: 0
}

@media only screen and (min-width:33.75em) {
    .media-tabs__tab-list a::before {
        top: -15px;
        margin-left: -16px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #fff
    }
}

.media-tabs__tab-list a[aria-selected=true] {
    background: #fff;
    color: #92b5da
}

.media-tabs__tab-list a[aria-selected=true]::before {
    transform: translateY(0);
    opacity: 1;
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.media-tabs__tab-list a span {
    display: block
}

.media-tabs__pane {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width:33.75em) {
    .media-tabs__pane {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .media-tabs__pane {
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        align-items: flex-start
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {
    .media-tabs__pane {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) and (min-width:45em) {
    .media-tabs__pane {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) and (min-width:33.75em) {
    .media-tabs__pane {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:33.75em) and (min-width:45em) {
    .media-tabs__pane {
        padding-bottom: 60px
    }
}

.js .media-tabs__pane[aria-hidden=true] {
    display: none
}

.no-flexbox .media-tabs__pane {
    zoom: 1
}

.no-flexbox .media-tabs__pane:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {

    .no-flexbox .media-tabs__content,
    .no-flexbox .media-tabs__pane figure {
        float: left
    }
}

@media only screen and (min-width:33.75em) {
    .media-tabs__content {
        width: 50%;
        margin-right: 5%
    }
}

.media-tabs__content ol,
.media-tabs__content ul {
    margin: 1em 0 2em
}

.media-tabs__content ol:first-child,
.media-tabs__content ul:first-child {
    margin-top: 0
}

.media-tabs__content ol:last-child,
.media-tabs__content ul:last-child {
    margin-bottom: 0
}

.media-tabs__content ol li+li,
.media-tabs__content ul li+li {
    margin-top: 5px
}

.media-tabs__content ol li>ul:first-child,
.media-tabs__content ul li>ul:first-child {
    margin-top: 10px
}

.media-tabs__content p:last-child {
    margin-bottom: 0
}

.media-tabs__content h3:first-child,
.media-tabs__content h4:first-child {
    margin-top: 0
}

.media-tabs__pane figure {
    margin: 0;
    line-height: 0;
    position: relative;
    font-family: sans-serif
}

.media-tabs__pane figure img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:33.75em) {
    .media-tabs__pane figure {
        width: 45%
    }
}

.milestone-archive {
    position: relative;
    min-height: 100vh
}

.csscalc .milestone-archive {
    min-height: calc(100vh - 75px)
}

.milestone-archive::before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30%;
    background: linear-gradient(to bottom, rgba(1, 40, 60, .5), 50%, rgba(1, 40, 60, 0))
}

.milestone-archive::after {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: linear-gradient(to bottom, rgba(1, 40, 60, 0), 70%, rgba(1, 40, 60, .5))
}

.milestone-archive__bg {
    display: none
}

@media only screen and (min-width:45em) {
    .milestone-archive__bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        display: block;
        line-height: 0
    }
}

@media only screen and (min-width:45em) {
    .milestone-archive__bg img {
        max-width: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        font-family: "object-fit: cover; object-position: center";
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: none;
        transition: opacity 1s ease
    }
}

.milestone-archive__bg img[aria-hidden=true] {
    opacity: 0;
    transition-delay: 10s
}

.milestone-archive__inner {
    z-index: 2;
    position: relative
}

@media only screen and (min-width:45em) {
    .milestone-archive__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        height: 100%
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .milestone-archive__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .milestone-archive__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:45em) {
    .milestone-archive__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .milestone-archive__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:45em) {
    .milestone-archive__inner {
        padding-bottom: 60px
    }
}

.milestones-description {
    position: relative;
    padding: 0 20px 25px 60px;
    background: #2b6aac;
    color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 55, 85, .15)
}

@media only screen and (min-width:33.75em) {
    .milestones-description {
        padding-top: 10px;
        padding-left: 70px
    }
}

@media only screen and (min-width:45em) {
    .milestones-description {
        padding: 30px 35px
    }
}

.milestones-description::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    display: block;
    border-left: 1px solid #fff
}

@media only screen and (min-width:33.75em) {
    .milestones-description::before {
        left: 40px
    }
}

@media only screen and (min-width:45em) {
    .milestones-description::before {
        content: none
    }
}

@media only screen and (min-width:45em) {
    .js .milestones-description[aria-hidden=true] {
        display: none
    }
}

.milestones-description h2 {
    display: none;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff
}

@media only screen and (min-width:45em) {
    .milestones-description h2 {
        display: block
    }
}

@media only screen and (min-width:63.75em) {
    .milestones-description h2 {
        font-size: 4rem
    }
}

.no-js .milestones-description h2 {
    display: none
}

@media only screen and (min-width:33.75em) {
    .milestones-description p {
        font-size: 1.6rem
    }
}

.milestones-scroller {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 55, 85, .15)
}

@media only screen and (min-width:45em) {
    .milestones-scroller {
        margin-top: 0;
        max-width: 500px;
        height: 100%
    }
}

.milestones-scroller noscript {
    display: block;
    padding: 20px;
    background: #2b6aac;
    color: #fff;
    font-size: 1.4rem
}

.milestones-scroller__intro {
    position: relative;
    padding: 25px 20px;
    background: #92b5da;
    color: #fff
}

@media only screen and (min-width:45em) {
    .milestones-scroller__intro {
        padding: 35px 35px 30px
    }
}

.milestones-scroller__intro h1 {
    margin-bottom: .25em
}

.milestones-scroller__intro p:last-child {
    margin-bottom: 0
}

.milestones-scroller__filters {
    padding: 20px 0 10px;
    border-bottom: 1px solid #f2f5f6
}

@media only screen and (min-width:45em) {
    .milestones-scroller__filters {
        padding: 20px 0 10px
    }
}

.milestones-scroller__filters .filter-nav__inner {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:45em) {
    .milestones-scroller__filters .filter-nav__inner {
        padding-left: 35px;
        padding-right: 35px
    }
}

.milestones-scroller__listing {
    padding-bottom: 20px;
    outline: 0
}

.milestones-scroller__listing h5 {
    margin: 30px 0 20px;
    padding: 0 20px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .milestones-scroller__listing h5 {
        padding: 0 35px
    }
}

.milestones-scroller__listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.milestones-scroller__listing ul::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    display: block;
    border-left: 1px solid #2b6aac
}

@media only screen and (min-width:33.75em) {
    .milestones-scroller__listing ul::before {
        left: 40px
    }
}

.milestones-scroller__listing li>a {
    position: relative;
    display: block;
    padding: 15px 20px 15px 60px;
    color: inherit;
    text-decoration: none
}

@media only screen and (min-width:33.75em) {
    .milestones-scroller__listing li>a {
        padding-left: 70px
    }
}

@media only screen and (min-width:45em) {
    .milestones-scroller__listing li>a {
        padding: 15px 20px 15px 70px
    }
}

.milestones-scroller__listing li>a::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    bottom: 0;
    margin-left: -5px;
    margin-top: -5px;
    display: block;
    width: 11px;
    height: 11px;
    background: #2b6aac;
    border-radius: 50%;
    transition: transform .2s cubic-bezier(.68, -.55, .265, 1.55)
}

@media only screen and (min-width:33.75em) {
    .milestones-scroller__listing li>a::after {
        left: 40px
    }
}

.js .milestones-scroller__listing li>a:focus,
.js .milestones-scroller__listing li>a:hover {
    background: rgba(0, 55, 85, .2)
}

.js .milestones-scroller__listing li>a:focus::after,
.js .milestones-scroller__listing li>a:hover::after {
    transform: scale(1.5)
}

.js .milestones-scroller__listing li>a[aria-selected=true] {
    background: #2b6aac;
    color: #fff;
    outline: 0
}

.js .milestones-scroller__listing li>a[aria-selected=true]::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    display: block;
    border-left: 1px solid #fff
}

@media only screen and (min-width:33.75em) {
    .js .milestones-scroller__listing li>a[aria-selected=true]::before {
        left: 40px
    }
}

.js .milestones-scroller__listing li>a[aria-selected=true]::after {
    background: #fff;
    transform: none
}

@media only screen and (max-width:44.9375em) {

    .milestones-scroller__listing li>a[aria-selected=false]+article,
    .milestones-scroller__listing li>article[aria-hidden=true]+figure {
        display: none
    }
}

@media only screen and (min-width:45em) {
    .js .milestones-scroller__listing li>article {
        display: none
    }
}

.milestones-scroller__listing span {
    position: relative;
    display: block;
    font-size: 1.4rem
}

@media only screen and (max-width:44.9375em) {
    .js .milestones-scroller__listing li>a[aria-selected=true] span::after {
        position: absolute;
        top: -9px;
        right: -7px;
        margin: 0;
        background: 0 0;
        border: 0;
        border-radius: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        content: "\00d7";
        color: rgba(1, 203, 225, .5);
        font-size: 3rem;
        line-height: 1
    }
}

.milestones-scroller__listing h6 {
    margin: 0;
    padding-right: 20px;
    color: inherit;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .milestones-scroller__listing h6 {
        padding-right: 0
    }
}

@media only screen and (min-width:63.75em) {
    .milestones-scroller__listing h6 {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:93.75em) {
    .milestones-scroller__listing h6 {
        font-size: 2rem
    }
}

.milestones-scroller__listing li>figure {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 0;
    padding-bottom: 66.67%;
    background: #eaeaea;
    line-height: 0
}

.milestones-scroller__listing li>figure::before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: -1px;
    display: block;
    border-left: 1px solid #fff
}

@media only screen and (min-width:33.75em) {
    .milestones-scroller__listing li>figure::before {
        left: 40px
    }
}

@media only screen and (min-width:45em) {
    .milestones-scroller__listing li>figure::before {
        content: none
    }
}

.milestones-scroller__listing li>figure>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.milestones-sticky {
    display: none
}

@media only screen and (min-width:45em) {
    .milestones-sticky {
        display: block;
        flex: 1 1 auto;
        max-width: 450px
    }
}

@media only screen and (min-width:45em) {
    .js .milestones-sticky {
        transform: translate3d(0, 10px, 0);
        opacity: 0;
        transition: all .3s ease-out;
        transition-delay: .1s
    }
}

@media only screen and (min-width:45em) {
    .js.page-is-loaded .milestones-sticky {
        transform: none;
        opacity: 1
    }
}

@media only screen and (min-width:45em) {
    .milestones-sticky__sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        right: 0;
        border-top: 145px solid transparent
    }

    .milestones-sticky__sticky::after,
    .milestones-sticky__sticky::before {
        content: "";
        display: table
    }
}

.milestones-sticky__controls {
    zoom: 1;
    position: absolute;
    right: 0;
    top: -60px
}

.milestones-sticky__controls:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.no-js .milestones-sticky__controls {
    display: none
}

.milestones-sticky__controls button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    margin: 0;
    width: 50px;
    height: 60px;
    padding: 15px 15px 15px 20px;
    border: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
    appearance: none
}

.milestones-sticky__controls button:active {
    outline: 0
}

.milestones-sticky__controls button[data-handler=milestonesUp] {
    padding-left: 15px;
    padding-right: 20px
}

.milestones-sticky__controls button>span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.milestones-sticky__controls button>svg {
    width: 100%;
    height: 100%;
    fill: #2b6aac;
    transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55), opacity .5s
}

.milestones-sticky__controls button[disabled] {
    cursor: default
}

.milestones-sticky__controls button[disabled]>svg {
    opacity: .3
}

.milestones-sticky__controls button[data-handler=milestonesUp]>svg {
    transform: rotate(180deg)
}

.milestones-sticky__controls button:hover {
    outline: 0
}

.milestones-sticky__controls button:focus>svg,
.milestones-sticky__controls button:hover>svg {
    transform: translateX(-5px);
    transition-duration: .2s
}

.milestones-sticky__controls button[data-handler=milestonesUp]:focus>svg,
.milestones-sticky__controls button[data-handler=milestonesUp]:hover>svg {
    transform: rotate(180deg) translateX(-5px);
    transition-duration: .2s
}

.news-card {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 5px
}

.news-card figure {
    margin: 0;
    position: relative;
    height: 0;
    padding-bottom: 144.44444%;
    background: #f2f5f6
}

.news-card figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%
}

.news-card figure::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9) 70%);
    transform-origin: center bottom;
    transition: .15s transform
}

@media only screen and (min-width:33.75em) {
    .news-card figure::after {
        top: 20%
    }
}

.news-card:hover figure::after {
    transform: translateY(30px)
}

.news-card__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 15px;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .news-card__content {
        padding: 20px
    }
}

@media only screen and (min-width:45em) {
    .news-card__content {
        padding: 20px 25px
    }
}

.news-card__date {
    margin-bottom: 7px;
    display: block;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: .75em
}

.news-card__title {
    margin: 0 0 15px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    line-height: 1.1
}

@media only screen and (min-width:45em) {
    .news-card__title {
        margin-bottom: 20px;
        padding-bottom: 22px;
        line-height: 1.2
    }
}

@media only screen and (min-width:63.75em) {
    .news-card__title {
        font-size: 2.2rem
    }
}

.news-card[rel*=external] .link>svg {
    transform: rotate(-45deg)
}

.news-card[rel*=external] .link:hover>svg {
    transform: rotate(-45deg) translateX(2px)
}

.news-slider-block {
    position: relative;
    overflow: hidden
}

.news-slider-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .news-slider-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .news-slider-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .news-slider-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .news-slider-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .news-slider-block__inner {
        padding-bottom: 80px
    }
}

.news-slider-block__inner h2 {
    margin-bottom: .75em
}

.news-slider-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -3px;
    padding-right: 50px
}

.news-slider-block li {
    display: inline-block;
    width: 100%;
    max-width: 60vw;
    padding: 0 3px
}

@media only screen and (min-width:33.75em) {
    .news-slider-block li {
        max-width: 246px
    }
}

@media only screen and (min-width:63.75em) {
    .news-slider-block li {
        max-width: 326px
    }
}

@media only screen and (min-width:93.75em) {
    .news-slider-block li {
        max-width: 366px
    }
}

.news-slider-block .flickity-enabled {
    position: relative
}

.news-slider-block .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.news-slider-block .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.news-slider-block .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.news-slider-block .flickity-prev-next-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    transform: translateY(-50%);
    background: #fff url(/app/themes/toc/assets/build/images/icons/slider-arrow--secondary-4d27ca44c5.svg) no-repeat;
    background-size: 45% auto;
    background-position: center;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 55, 85, .5)
}

.news-slider-block .flickity-prev-next-button:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .news-slider-block .flickity-prev-next-button {
        width: 54px;
        height: 54px
    }
}

.news-slider-block .flickity-prev-next-button:hover {
    background-color: rgba(255, 255, 255, .85)
}

.news-slider-block .flickity-prev-next-button>svg {
    display: none
}

.news-slider-block .flickity-prev-next-button:active {
    opacity: .6
}

.news-slider-block .flickity-prev-next-button.previous {
    left: 15px;
    transform: translateY(-50%) scaleX(-1)
}

@media only screen and (min-width:45em) {
    .news-slider-block .flickity-prev-next-button.previous {
        left: 40px
    }
}

.news-slider-block .flickity-prev-next-button.next {
    right: 15px
}

@media only screen and (min-width:45em) {
    .news-slider-block .flickity-prev-next-button.next {
        right: 40px
    }
}

.news-slider-block .flickity-prev-next-button:disabled {
    opacity: 0;
    visibility: hidden
}

.newsletter-popup__title {
    margin-bottom: .5rem;
    font-weight: 400
}

.newsletter-popup .newsletter-sign-up {
    max-width: 100%;
    width: 100%;
    margin-top: 4rem
}

@media only screen and (min-width:63.75em) {
    .newsletter-popup .newsletter-sign-up {
        margin-top: 5rem
    }
}

.newsletter-popup .newsletter-sign-up__status {
    max-width: 100%
}

.newsletter-popup__footer-text {
    margin: 2rem 0 0
}

.newsletter-sign-up {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 40px)
}

@media only screen and (min-width:33.75em) {
    .newsletter-sign-up {
        max-width: 350px
    }
}

.newsletter-sign-up input {
    margin: 0;
    height: 40px;
    line-height: 4rem;
    padding-top: 0;
    padding-bottom: 0;
    border: 2px solid #fff;
    border-right: 0;
    background: #2b6aac;
    color: #fff;
    border-radius: 2px 0 0 2px;
    transition: color .2s
}

.newsletter-sign-up input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #2b6aac inset
}

.newsletter-sign-up input:placeholder {
    color: #fff
}

.newsletter-sign-up input::-webkit-input-placeholder {
    color: #fff
}

.newsletter-sign-up input::-moz-placeholder {
    color: #fff
}

.newsletter-sign-up input:-ms-input-placeholder {
    color: #fff
}

.newsletter-sign-up input::-ms-input-placeholder {
    color: #fff
}

.newsletter-sign-up input::placeholder {
    color: #fff
}

.newsletter-sign-up input::-webkit-input-placeholder {
    color: #fff
}

.newsletter-sign-up input:-moz-placeholder {
    color: #fff
}

.newsletter-sign-up input::-moz-placeholder {
    color: #fff
}

.newsletter-sign-up input:-ms-input-placeholder {
    color: #fff
}

.newsletter-sign-up button {
    margin: 0;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    max-width: 40px;
    border: 0;
    border-radius: 0 2px 2px 0
}

.newsletter-sign-up input:focus+button svg {
    fill: #2b6aac
}

.newsletter-sign-up input:focus+button>svg {
    -webkit-animation: mail-fly .8s 1;
    animation: mail-fly .8s 1
}

.newsletter-sign-up button>svg {
    width: 100%;
    height: 100%;
    transform-origin: 40px 40px;
    fill: #2b6aac
}

@-webkit-keyframes mail-fly {
    from {
        fill: #fff;
        transform: translateZ(0) rotate(0)
    }

    to {
        transform: translateZ(0) rotate(360deg)
    }
}

@keyframes mail-fly {
    from {
        fill: #fff;
        transform: translateZ(0) rotate(0)
    }

    to {
        transform: translateZ(0) rotate(360deg)
    }
}

.newsletter-sign-up.is-submitting input {
    color: rgba(255, 255, 255, .5)
}

.newsletter-sign-up.is-submitting button>svg {
    -webkit-animation: mail-fade .8s;
    animation: mail-fade .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes mail-fade {

    0%,
    100% {
        fill: #2b6aac
    }

    50% {
        fill: #6eeb83
    }
}

@keyframes mail-fade {

    0%,
    100% {
        fill: #2b6aac
    }

    50% {
        fill: #6eeb83
    }
}

.newsletter-sign-up__status {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-width: 350px;
    height: 40px;
    line-height: 4rem;
    padding: 0 10px;
    border-radius: 2px;
    opacity: 0;
    transform: translateZ(0);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    font-family: "Proxima Nova", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    pointer-events: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:33.75em) {
    .newsletter-sign-up__status {
        font-size: 1.4rem
    }
}

.newsletter-sign-up__status[aria-hidden=false] {
    transform: translateY(-100%) translateZ(0);
    opacity: 1;
    pointer-events: all
}

.newsletter-sign-up__status.has-succeeded {
    background: #6eeb83;
    color: #175c81
}

.newsletter-sign-up__status.has-failed {
    background: #d0001b
}

.newsletter-sign-up__light input {
    border-color: #2b6aac;
    background: #eaeaea;
    color: #2b6aac
}

.newsletter-sign-up__light input:placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::-webkit-input-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::-moz-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input:-ms-input-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::-ms-input-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::-webkit-input-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input:-moz-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input::-moz-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input:-ms-input-placeholder {
    color: #2b6aac
}

.newsletter-sign-up__light input:focus+button svg {
    fill: #eaeaea
}

.newsletter-sign-up__light button {
    background: #2b6aac
}

.newsletter-sign-up__light button:focus,
.newsletter-sign-up__light button:hover {
    cursor: pointer;
    background: #175c81
}

.newsletter-sign-up__light button>svg {
    fill: #eaeaea
}

.newsletter-sign-up__light.is-submitting input {
    color: rgba(255, 255, 255, .5)
}

.newsletter-sign-up__light.is-submitting button>svg {
    -webkit-animation: mail-fade-light .8s;
    animation: mail-fade-light .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes mail-fade-light {

    0%,
    100% {
        fill: #eaeaea
    }

    50% {
        fill: #6eeb83
    }
}

@keyframes mail-fade-light {

    0%,
    100% {
        fill: #eaeaea
    }

    50% {
        fill: #6eeb83
    }
}

.not-found {
    background: #f2f5f6
}

.not-found__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 50px)
}

@media only screen and (min-width:33.75em) {
    .not-found__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .not-found__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .not-found__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .not-found__inner {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .not-found__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .not-found__inner {
        flex-direction: row;
        align-items: center
    }
}

@media only screen and (min-width:56.25em) {
    .not-found__inner {
        min-height: calc(100vh - 75px)
    }
}

.not-found__body {
    margin-bottom: 2em;
    width: 100%;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(0, 55, 85, .25)
}

@media only screen and (min-width:45em) {
    .not-found__body {
        margin-bottom: 0;
        flex: 1 1 65%;
        padding-right: 5em;
        padding-bottom: 0;
        border: 0
    }
}

.not-found__body h1 {
    margin-bottom: .25em;
    font-size: 5rem
}

@media only screen and (min-width:45em) {
    .not-found__body h1 {
        font-size: 7rem
    }
}

@media only screen and (min-width:63.75em) {
    .not-found__body h1 {
        font-size: 10rem
    }
}

.not-found__body p {
    font-size: 1.8rem;
    line-height: 1.4
}

@media only screen and (min-width:56.25em) {
    .not-found__body p {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:63.75em) {
    .not-found__body p {
        line-height: 1.5
    }
}

.not-found__form {
    margin-top: 2em
}

.not-found__image {
    width: 100%
}

@media only screen and (min-width:45em) {
    .not-found__image {
        flex: 1 1 35%
    }
}

.not-found__image img {
    width: 100%
}

.notification__container {
    border-left: 2px solid #fff;
    padding: 0 0 0 1rem
}

.notification__container--info {
    border-color: #92b5da
}

.notification__container--error {
    border-color: #d0001b
}

.notification__title {
    font-size: 1.2rem;
    line-height: 1.35;
    font-weight: 600
}

@media only screen and (min-width:33.75em) {
    .notification__title {
        font-size: 1.4rem
    }
}

.notification__text {
    font-size: 1.2rem;
    line-height: 1.35;
    color: #eaeaea
}

@media only screen and (min-width:33.75em) {
    .notification__text {
        font-size: 1.4rem
    }
}

.ocean-gyres-image {
    position: relative;
    overflow: hidden
}

.ocean-gyres-image #arrows>g {
    transform-box: view-box;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ocean-gyres-image #arrow-1 {
    transform-origin: 442px 225px;
    -webkit-animation-name: ocean-gyres-right;
    animation-name: ocean-gyres-right;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.ocean-gyres-image #arrow-2 {
    transform-origin: 227px 363px;
    -webkit-animation-name: ocean-gyres-left;
    animation-name: ocean-gyres-left;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.ocean-gyres-image #arrow-3 {
    transform-origin: 524px 371px;
    -webkit-animation-name: ocean-gyres-left;
    animation-name: ocean-gyres-left;
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

.ocean-gyres-image #arrow-4 {
    transform-origin: 735px 397px;
    -webkit-animation-name: ocean-gyres-left;
    animation-name: ocean-gyres-left;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.ocean-gyres-image #arrow-5 {
    transform-origin: 724px 222px;
    -webkit-animation-name: ocean-gyres-right;
    animation-name: ocean-gyres-right;
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

@-webkit-keyframes ocean-gyres-left {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes ocean-gyres-left {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes ocean-gyres-right {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes ocean-gyres-right {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.official-documents-global {
    text-align: left
}

.official-documents-global__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .official-documents-global__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .official-documents-global__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 800px
    }
}

@media only screen and (min-width:93.75em) {
    .official-documents-global__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:93.75em) and (min-width:33.75em) {
    .official-documents-global__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.official-documents-global__inner h2 {
    margin-bottom: 1.5em
}

.official-documents-global ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -10px -10px 10px;
    display: flex;
    flex-wrap: wrap
}

.official-documents-global li {
    width: 50%;
    padding: 10px
}

@media only screen and (min-width:33.75em) {
    .official-documents-global li {
        width: 33.333%
    }
}

@media only screen and (min-width:45em) {
    .official-documents-global li {
        width: 25%
    }
}

@media only screen and (min-width:93.75em) {
    .official-documents-global li {
        width: 20%
    }
}

.official-documents-global li a {
    position: relative;
    overflow: hidden;
    display: block;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 1.15;
    color: #fff;
    text-decoration: none;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media only screen and (min-width:93.75em) {
    .official-documents-global li a {
        font-size: 2.2rem
    }
}

.official-documents-global li a::before {
    content: "";
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0, 55, 85, .5);
    transition: opacity .15s
}

.official-documents-global li a:focus::before,
.official-documents-global li a:hover::before {
    opacity: .5
}

.official-documents-global li figure {
    margin: 0;
    line-height: 0;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 133.33333%;
    background: #eaeaea
}

.official-documents-global li figure img {
    width: 100%;
    line-height: normal
}

.official-documents-global li figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.official-documents-global__title {
    z-index: 3;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px
}

@media only screen and (min-width:45em) {
    .official-documents-global__title {
        top: 20px;
        left: 20px;
        right: 20px
    }
}

.official-documents-global__meta {
    z-index: 3;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px
}

@media only screen and (min-width:45em) {
    .official-documents-global__meta {
        bottom: 20px;
        left: 20px;
        right: 20px
    }
}

.official-documents-global__download-icon {
    z-index: 3;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    transition: all .25s
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__download-icon {
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        line-height: 4rem
    }
}

.official-documents-global__download-icon>svg {
    width: 12px;
    height: 16px;
    stroke: #2b6aac;
    transform: translateX(1px) translateY(1px)
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__download-icon>svg {
        width: 15px;
        height: 19px;
        transform: translateX(1px) translateY(2px)
    }
}

.no-toucheventsfixed .official-documents-global a:focus .official-documents-global__download-icon,
.no-toucheventsfixed .official-documents-global a:hover .official-documents-global__download-icon,
.toucheventsfixed .official-documents-global__download-icon {
    display: block
}

.official-documents-global__article-icon {
    z-index: 3;
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    width: 18px;
    height: 26px;
    line-height: 2.6rem
}

@media only screen and (min-width:33.75em) {
    .official-documents-global__article-icon {
        bottom: 22px;
        right: 22px
    }
}

.official-documents-global__article-icon>svg {
    width: 100%;
    height: 100%
}

.no-toucheventsfixed .official-documents-global a:focus .official-documents-global__article-icon,
.no-toucheventsfixed .official-documents-global a:hover .official-documents-global__article-icon,
.toucheventsfixed .official-documents-global__article-icon {
    display: none
}

.our-process-global {
    position: relative;
    background-color: #2b6aac
}

.our-process-global__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:33.75em) {
    .our-process-global__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .our-process-global__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .our-process-global__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .our-process-global__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .our-process-global__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.our-process-global__title {
    z-index: 20;
    position: relative;
    margin-bottom: 20px;
    max-width: calc(100% - 70px);
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .our-process-global__title {
        margin: 0 auto;
        max-width: 600px;
        font-size: 5rem;
        text-align: center
    }
}

.our-process-global__title span {
    font-weight: 600
}

.our-process-global__content {
    position: relative;
    width: 100%;
    color: #fff
}

@media only screen and (min-width:45em) {
    .our-process-global__content {
        padding-top: 100px
    }
}

.our-process-global__image {
    margin: -40px 0 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

@media only screen and (min-width:45em) {
    .our-process-global__image {
        margin: -150px 0 50px
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__image {
        margin-top: -200px
    }
}

.our-process-global__image>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.our-process-global__pane {
    width: 100%
}

@media only screen and (min-width:45em) {
    .our-process-global__pane {
        position: absolute;
        bottom: 30px;
        right: 0;
        width: 50%;
        padding: 20px;
        background: rgba(0, 55, 85, .9);
        transition: all .4s ease;
        transition-delay: .7s
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane {
        bottom: 170px;
        width: 35%
    }
}

.our-process-global__pane[aria-hidden=true] {
    display: none
}

@media only screen and (min-width:45em) {
    .our-process-global__pane[aria-hidden=true] {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(25px);
        transition-delay: 0s
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type=capture] {
        left: 25%;
        bottom: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type=accumulation] {
        left: auto;
        right: 30%;
        top: 30%;
        bottom: auto
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type=extraction] {
        left: 20%;
        bottom: 180px
    }
}

.our-process-global__pane h3 {
    margin-bottom: .25em;
    color: #92b5da
}

@media only screen and (min-width:45em) {
    .our-process-global__pane h3 {
        display: none
    }
}

.our-process-global__pane p {
    font-size: 1.6rem
}

@media only screen and (min-width:45em) {
    .our-process-global__pane p {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane p {
        font-size: 2rem
    }
}

.our-process-global__pane p:last-of-type {
    margin-bottom: 0
}

.our-process-global__tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
    position: relative;
    margin: 20px auto 0;
    display: flex;
    max-width: 900px
}

@media only screen and (min-width:45em) {
    .our-process-global__tab-list {
        margin-top: -50px
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__tab-list {
        margin-top: -150px
    }
}

.our-process-global__tab-list li {
    position: relative;
    width: 33.333%;
    font-size: 1.6rem
}

.our-process-global__tab-list li+li {
    margin-left: 8px
}

@media only screen and (min-width:45em) {
    .our-process-global__tab-list li+li {
        margin-left: 20px
    }
}

.our-process-global__tab-list li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    opacity: .7;
    transition: all .15s;
    background: #2b6aac
}

.our-process-global__tab-list li>a:focus,
.our-process-global__tab-list li>a:hover {
    opacity: .9
}

@media only screen and (min-width:45em) {

    .our-process-global__tab-list li>a:focus,
    .our-process-global__tab-list li>a:hover {
        transform: translateY(-3px)
    }
}

.no-js .our-process-global__tab-list li>a,
.our-process-global__tab-list li>a[aria-selected=true] {
    opacity: 1
}

.our-process-global__thumbnail {
    z-index: 10;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    outline: 1px solid rgba(1, 203, 225, .5);
    line-height: 0;
    pointer-events: none;
    transition: all .1s
}

@media only screen and (min-width:45em) {
    .our-process-global__thumbnail {
        padding: 0 0 35px
    }
}

.our-process-global__tab-list li>a:focus .our-process-global__thumbnail,
.our-process-global__tab-list li>a:hover .our-process-global__thumbnail {
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.our-process-global__tab-list li>a[aria-selected=true] .our-process-global__thumbnail {
    outline-color: #92b5da
}

.our-process-global__thumbnail figcaption>span[data-type=step-prefix] {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.our-process-global__thumbnail figcaption>span[data-type=step-count] {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    background: #92b5da;
    color: #2b6aac;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .our-process-global__thumbnail figcaption>span[data-type=step-count] {
        top: auto;
        bottom: 0;
        width: 40px;
        height: 40px;
        line-height: 4rem;
        font-size: 1.6rem
    }
}

.our-process-global__thumbnail figcaption>span[data-type=step-label] {
    display: none
}

@media only screen and (min-width:45em) {
    .our-process-global__thumbnail figcaption>span[data-type=step-label] {
        position: absolute;
        bottom: 0;
        left: 40px;
        right: 0;
        display: block;
        width: calc(100% - 40px);
        height: 40px;
        line-height: 3.9rem;
        padding-left: 10px;
        background: rgba(13, 65, 94, .9);
        color: rgba(255, 255, 255, .7);
        font-family: "Proxima Nova", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.1rem
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__thumbnail figcaption>span[data-type=step-label] {
        padding-left: 13px;
        font-size: 1.4rem
    }
}

.our-process-global__tab-list li>a[aria-selected=true] .our-process-global__thumbnail figcaption>span[data-type=step-label] {
    color: #fff
}

.our-process-global .our-process-global__image #system {
    transition: all 1s
}

.our-process-global[data-step="1"] .our-process-global__image #system {
    transform: translate(-50px, 0)
}

.our-process-global .our-process-global__image #plastic-to-be-caught {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="1"] .our-process-global__image #plastic-to-be-caught {
    opacity: 1
}

.our-process-global[data-step="2"] .our-process-global__image #plastic-to-be-caught {
    transform: translate(-300px, 100px)
}

.our-process-global .our-process-global__image #plastic-system {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="1"] .our-process-global__image #plastic-system {
    transform: translate(300px, -100px)
}

.our-process-global[data-step="2"] .our-process-global__image #plastic-system {
    opacity: 1;
    transform: none
}

.our-process-global .our-process-global__image #plastic-caught {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="2"] .our-process-global__image #plastic-caught {
    transform: translate(-100px, 50px)
}

.our-process-global .our-process-global__image #net {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="2"] .our-process-global__image #net {
    transform: translate(-100px, 50px)
}

.our-process-global .our-process-global__image #boat-small {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="2"] .our-process-global__image #boat-small {
    transform: translate(-100px, 50px)
}

.our-process-global .our-process-global__image #boat-big {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="2"] .our-process-global__image #boat-big {
    transform: translate(-223px, 218px)
}

.our-process-global[data-step="3"] .our-process-global__image #boat-big {
    opacity: 1
}

.our-process-global[data-step="3"] .our-process-global__image #boat-big {
    transform: translate(200px, -50px)
}

.our-process-global .our-process-global__image #crane {
    opacity: 0;
    transition: all 1s
}

.our-process-global[data-step="3"] .our-process-global__image #crane {
    opacity: 1
}

[data-name=second-process-step-1-2-boat],
[data-name=second-process-step-1-particles],
[data-name=second-process-step-2-particles],
[data-name=second-process-step-3],
[data-name=second-process-step-4-crane],
[data-name=second-process-step-4-process] {
    opacity: 0;
    transition: transform .3s, opacity .3s
}

[data-name=second-process-step-1-2-boat] {
    transform: translateX(-10rem)
}

[data-name=second-process-step-1-particles] {
    transform: translateX(4rem)
}

[data-name=second-process-step-2-particles] {
    transform: translateX(2rem)
}

[data-name=second-process-step-3] {
    transform: translate(850px, 5px) scale(.96);
    transform-origin: left bottom
}

[data-name=second-process-step-4-crane] {
    transform: translate(-130px, 1px)
}

[data-name=second-process-step-4-process] {
    transform: translate(1380px, 257px)
}

.our-process-global[data-step="1"] [data-name=second-process-step-1-2-boat] {
    opacity: 1;
    transform: translateX(-5rem);
    transition-duration: 1s
}

.our-process-global[data-step="1"] [data-name=second-process-step-1-particles] {
    opacity: 1;
    transform: translateX(2rem);
    transition-duration: 1s
}

.our-process-global[data-step="2"] [data-name=second-process-step-1-2-boat] {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 1s
}

.our-process-global[data-step="2"] [data-name=second-process-step-1-particles] {
    opacity: 0;
    transform: translateX(0);
    transition-duration: 1s
}

.our-process-global[data-step="2"] [data-name=second-process-step-2-particles] {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 1s
}

.our-process-global[data-step="3"] [data-name=second-process-step-1-2-boat] {
    opacity: 0;
    transform: translateX(0)
}

.our-process-global[data-step="3"] [data-name=second-process-step-3] {
    opacity: 1;
    transform: translate(893px, 5px) scale(1);
    transition-duration: 1s
}

.our-process-global[data-step="4"] [data-name=second-process-step-1-2-boat] {
    opacity: 0;
    transform: translateX(0)
}

.our-process-global[data-step="4"] [data-name=second-process-step-4-crane] {
    opacity: 1;
    transform: translate(-69px, 1px);
    transition-duration: 1s
}

.our-process-global[data-step="4"] [data-name=second-process-step-4-process] {
    opacity: 1;
    transform: translate(1586px, 257px);
    transition-duration: 1s
}

@media only screen and (min-width:63.75em) {
    .our-process-global--second .our-process-global__pane {
        background: 0 0
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type="1"] {
        left: 45%;
        top: 20%
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type="2"] {
        left: 40%;
        top: 20%
    }
}

@media only screen and (min-width:45em) {
    .our-process-global__pane[data-type="3"] {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type="3"] {
        left: 35%;
        top: 15%
    }
}

@media only screen and (min-width:63.75em) {
    .our-process-global__pane[data-type="4"] {
        left: 32%;
        top: 20%
    }
}

.page-header-brandguide {
    margin-top: 50px
}

@media only screen and (min-width:56.25em) {
    .page-header-brandguide {
        margin-top: 75px
    }
}

.page-header-brandguide__inner {
    position: relative;
    background-color: #2b6aac;
    color: #fff
}

.page-header-brandguide__title {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-top: 8.5vw;
    padding-bottom: 8.5vw
}

@media only screen and (min-width:33.75em) {
    .page-header-brandguide__title {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:93.75em) {
    .page-header-brandguide__title {
        padding-top: 125px;
        padding-bottom: 125px
    }
}

.page-header-brandguide__title>span {
    margin-bottom: 10px;
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .page-header-brandguide__title>span {
        margin-bottom: 15px;
        font-size: 2rem
    }
}

.page-header-brandguide__title>h1 {
    position: relative;
    padding-top: 20px;
    margin-bottom: 0;
    max-width: 780px
}

.page-header-brandguide__title>h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .page-header-brandguide__title>h1::before {
        width: 90px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header-brandguide__title>h1 {
        padding-top: 15px
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-brandguide__title>h1 {
        font-size: 7rem
    }
}

.js .page-header-brandguide__title {
    opacity: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 10px, 0)
}

.js.page-is-loaded .page-header-brandguide__title {
    transform: none;
    opacity: 1
}

.page-header-home {
    position: relative;
    overflow: hidden;
    height: 65vh;
    max-height: 150vmin;
    min-height: 350px;
    background: #175c81
}

@media only screen and (min-width:33.75em) {
    .page-header-home {
        height: calc(100vh - 50px);
        min-height: 40vmax
    }
}

@media only screen and (min-width:56.25em) {
    .page-header-home {
        height: calc(100vh - 75px)
    }
}

.page-header-home__inner {
    position: relative;
    height: 100%;
    background: #f2f5f6;
    color: #fff
}

.page-header-home__title {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    height: 100%;
    padding-top: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width:33.75em) {
    .page-header-home__title {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .page-header-home__title {
        padding-top: 5vw;
        padding-bottom: 5vw
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-home__title {
        padding-bottom: 7vw
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-home__title {
        max-width: 1600px
    }
}

.page-header-home__title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
    height: 100%;

}

@media only screen and (min-width:63.75em) {
    .page-header-home__title-wrapper {
        max-width: 100%;
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-home__title-wrapper {
        max-width: 100%
    }
}

.page-header-home__title-wrapper>h1 {
    margin-bottom: 10px;
    width: 100%;
    font-size: 5rem
}

@media only screen and (min-width:56.25em) {
    .page-header-home__title-wrapper>h1 {
        font-size: 7rem
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-home__title-wrapper>h1 {
        font-size: 5.5rem
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-home__title-wrapper>h1 {
        font-size: 10rem
    }
}

.js .page-header-home__title {
    opacity: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 10px, 0)
}

.js.page-is-loaded .page-header-home__title {
    transform: none;
    opacity: 1
}

.page-header-home__back-link {
    margin-top: 15px
}

.page-header-home__media {
    margin: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #175c81
}

.page-header-home__media img {
    width: 100%;
    line-height: normal
}

.page-header-home__media::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0))
}

.page-header-home__media::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 70%;
    background: linear-gradient(to bottom, rgba(1, 40, 60, 0), #175c81);
    background: linear-gradient(to bottom, rgba(1, 40, 60, 0), 60%, #175c81)
}

.page-header-home__video {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.page-header-home__video video {
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #175c81
}

.no-objectfit .page-header-home__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none
}

.page-header-home__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    max-width: none;
    height: 100%;
    background: #175c81
}

.page-header-home iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.page-header-home button[data-type=video-play] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin-top: 10px;
    padding: 0;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #92b5da;
    font-size: 1.15em;
    color: #fff
}

.page-header-home button[data-type=video-play]:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .page-header-home button[data-type=video-play] {
        margin-top: 20px
    }
}

.page-header-home button[data-type=video-play] svg {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    fill: currentColor;
    transition: transform .2s
}

@media only screen and (min-width:33.75em) {
    .page-header-home button[data-type=video-play] svg {
        margin-right: 12px;
        width: 60px;
        height: 60px
    }
}

.page-header-home button[data-type=video-play] span {
    text-transform: none
}

.page-header-home button[data-type=video-play] span,
.page-header-home button[data-type=video-play] svg {
    display: inline-block;
    vertical-align: middle
}

.page-header-home button[data-type=video-play]:hover svg {
    transform: scale(.9)
}

.page-header-home button[data-type=video-play]:hover span {
    text-decoration: underline
}

.page-header-home button[data-type=video-play] svg {
    width: 50px;
    height: 50px
}

@media only screen and (min-width:33.75em) {
    .page-header-home button[data-type=video-play] svg {
        width: 70px;
        height: 70px
    }
}

.page-header-home button[data-type=video-close] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    transition: transform .2s;
    background: #2b6aac;
    color: #fff;
    line-height: 0
}

.page-header-home button[data-type=video-close]:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .page-header-home button[data-type=video-close] {
        padding: 20px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header-home button[data-type=video-close] {
        display: none
    }
}

.page-header-home button[data-type=video-close]:hover {
    background: #fff;
    color: #92b5da
}

.page-header-home button[data-type=video-close]>svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.page-header-home__link {
    margin-top: 1em
}

@media only screen and (min-width:45em) {
    .page-header-home__link {
        margin-top: 2em
    }
}

.page-header-longread {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    background: #eaeaea;
    position: relative;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .page-header-longread {
        height: 70vh;
        min-height: 350px;
        max-height: 500px
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread {
        min-height: 550px;
        max-height: 600px
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-longread {
        max-height: 800px
    }
}

@media only screen and (min-width:93.75em) {
    .page-header-longread {
        min-height: 600px;
        max-height: none
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-longread {
        height: 80vh
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header-longread {
        min-height: 350px
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread {
        min-height: 650px
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-longread {
        min-height: 1000px
    }
}

.page-header-longread::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    background: linear-gradient(transparent, #175c81)
}

.page-header-longread__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%
}

@media only screen and (min-width:33.75em) {
    .page-header-longread__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .page-header-longread__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .page-header-longread__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header-longread__inner {
        padding-bottom: 20px
    }
}

.page-header-longread figure,
.page-header-longread iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    margin: 0
}

.page-header-longread iframe {
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #000
}

.page-header-longread figure img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%;
    max-width: none
}

.page-header-longread__content-wrapper {
    z-index: 2;
    position: relative;
    height: 100%
}

.page-header-longread.is-playing-video .page-header-longread__content-wrapper {
    display: none
}

.page-header-longread__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .page-header-longread__content {
        max-width: 75%
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread__content {
        max-width: 50%
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-longread__content {
        max-width: 33.3333%
    }
}

.js .page-header-longread__content {
    opacity: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 10px, 0)
}

.js.page-is-loaded .page-header-longread__content {
    transform: none;
    opacity: 1
}

.page-header-longread__content h1 {
    margin: 0;
    padding: 20px 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    color: #fff;
    font-size: 3.6rem
}

@media only screen and (min-width:33.75em) {
    .page-header-longread__content h1 {
        font-size: 4.8rem
    }
}

@media only screen and (min-width:45em) {
    .page-header-longread__content h1 {
        font-size: 5.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-longread__content h1 {
        font-size: 6.4rem
    }
}

@media only screen and (min-width:112.5em) {
    .page-header-longread__content h1 {
        font-size: 7.2rem
    }
}

.page-header-longread__content h1+.button {
    margin-top: 1em
}

.page-header-longread__content h1+p {
    margin-top: 1em
}

.page-header-longread__content p {
    margin-bottom: 0
}

.page-header-longread button[data-type=video-play] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 30%;
    margin: 0;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    padding: 20px;
    transition: transform .2s
}

.page-header-longread button[data-type=video-play]:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .page-header-longread button[data-type=video-play] {
        margin-left: -77px;
        margin-top: -77px;
        width: 154px;
        height: 154px
    }
}

@media only screen and (min-width:63.75em) {
    .page-header-longread button[data-type=video-play] {
        top: 45%
    }
}

.page-header-longread.is-playing-video button[data-type=video-play] {
    display: none
}

.page-header-longread button[data-type=video-play]>span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.page-header-longread button[data-type=video-play]>svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.page-header-longread button[data-type=video-play]:focus,
.page-header-longread button[data-type=video-play]:hover {
    transform: scale(.9);
    transition: transform .2s
}

.page-header-longread button[data-type=video-close] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    transition: transform .2s;
    background: #2b6aac;
    color: #fff;
    line-height: 0
}

.page-header-longread button[data-type=video-close]:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .page-header-longread button[data-type=video-close] {
        padding: 20px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header-longread button[data-type=video-close] {
        display: none
    }
}

.page-header-longread button[data-type=video-close]:hover {
    background: #fff;
    color: #92b5da
}

.page-header-longread button[data-type=video-close]>svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.page-header-longread .share-block {
    display: none
}

@media only screen and (min-width:63.75em) {
    .page-header-longread .share-block {
        display: block
    }
}

.page-header-longread .share-block h3 {
    margin-bottom: 10px
}

@media only screen and (min-width:33.75em) {
    .page-header-longread .share-block h3 {
        font-size: 2.4rem
    }
}

.page-header {
    position: relative;
    overflow: hidden;
    width: 100%
}

.page-header__inner {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.page-header__title {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-top: 6vw;
    padding-bottom: 6.4vw
}

@media only screen and (min-width:33.75em) {
    .page-header__title {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:93.75em) {
    .page-header__title {
        padding-top: 80px;
        padding-bottom: 95px
    }
}

.page-header__title>span {
    margin-bottom: 10px;
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .page-header__title>span {
        margin-bottom: 15px;
        font-size: 2rem
    }
}

.page-header__title>h1 {
    position: relative;
    padding-top: 20px;
    margin-bottom: 0;
    max-width: 780px
}

.page-header__title>h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .page-header__title>h1::before {
        width: 90px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header__title>h1 {
        padding-top: 15px
    }
}

.js .page-header__title {
    opacity: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 10px, 0)
}

.js.page-is-loaded .page-header__title {
    transform: none;
    opacity: 1
}

.page-header__back-link {
    margin-top: 15px
}

.page-header__media {
    margin: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-header__media img {
    width: 100%;
    line-height: normal
}

.page-header__media::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), 40%, rgba(0, 0, 0, .85))
}

@supports (mix-blend-mode:multiply) {
    .page-header__media::after {
        background: linear-gradient(to bottom, rgba(1, 40, 60, 0), 40%, #175c81);
        mix-blend-mode: multiply
    }
}

.page-header__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}

.page-header--image-top .page-header__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-family: "object-fit: cover; object-position: top"
}

.page-header--image-bottom .page-header__media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom"
}

.page-header iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.page-header button[data-type=video-play] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin-top: 10px;
    padding: 0;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #92b5da
}

.page-header button[data-type=video-play]:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .page-header button[data-type=video-play] {
        margin-top: 20px
    }
}

.page-header button[data-type=video-play] svg {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    fill: currentColor;
    transition: transform .2s
}

@media only screen and (min-width:33.75em) {
    .page-header button[data-type=video-play] svg {
        margin-right: 12px;
        width: 60px;
        height: 60px
    }
}

.page-header button[data-type=video-play] span {
    text-transform: none
}

.page-header button[data-type=video-play] span,
.page-header button[data-type=video-play] svg {
    display: inline-block;
    vertical-align: middle
}

.page-header button[data-type=video-play]:hover svg {
    transform: scale(.9)
}

.page-header button[data-type=video-play]:hover span {
    text-decoration: underline
}

.page-header--video-button-white button[data-type=video-play] {
    color: #fff
}

.page-header button[data-type=video-close] {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    transition: transform .2s;
    background: #2b6aac;
    color: #fff;
    line-height: 0
}

.page-header button[data-type=video-close]:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .page-header button[data-type=video-close] {
        padding: 20px
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header button[data-type=video-close] {
        display: none
    }
}

.page-header button[data-type=video-close]:hover {
    background: #fff;
    color: #92b5da
}

.page-header button[data-type=video-close]>svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.page-header__intro {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.4;
    position: relative;
    width: 100%;
    max-width: 680px;
    padding: 20px;
    background: #fff;
    transition: margin-top .2s
}

@media only screen and (min-width:56.25em) {
    .page-header__intro {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:33.75em) {
    .page-header__intro {
        max-width: 730px;
        padding: 35px 45px
    }
}

@media only screen and (min-width:56.25em) {
    .page-header__intro {
        margin: -50px auto 0;
        min-height: 50px
    }
}

@media only screen and (min-width:56.25em) {
    .page-header.is-playing-video .page-header__intro {
        margin-top: 0
    }
}

@media only screen and (max-width:33.6875em) {
    .page-header__intro p {
        text-align: left !important
    }
}

.page-header__intro p:last-child {
    margin-bottom: 0
}

.page-header__intro ol,
.page-header__intro ul {
    margin: 1em 0 2em;
    padding-left: 25px
}

.page-header__intro ol:first-child,
.page-header__intro ul:first-child {
    margin-top: 0
}

.page-header__intro ol:last-child,
.page-header__intro ul:last-child {
    margin-bottom: 0
}

.page-header__intro ol li+li,
.page-header__intro ul li+li {
    margin-top: 5px
}

.page-header__intro ol li>ul:first-child,
.page-header__intro ul li>ul:first-child {
    margin-top: 10px
}

@media only screen and (min-width:56.25em) {
    .page-header--intro {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:56.25em) {
    .page-header--intro .page-header__title {
        padding-bottom: calc(6vw + 50px)
    }
}

@media only screen and (min-width:93.75em) {
    .page-header--intro .page-header__title {
        padding-bottom: 130px
    }
}

@media only screen and (min-width:56.25em) {
    .page-header--custom-intro::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -390px;
        width: 780px;
        height: 50px;
        background: #fff
    }
}

@media only screen and (min-width:56.25em) {
    .page-header--custom-intro+* {
        margin-top: -70px !important;
        min-height: 50px
    }
}

.page-header--image .page-header__inner {
    color: #fff
}

.page-header--image .page-header__title {
    padding-top: 20vw;
    padding-bottom: 6vw;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, .3)
}

@media only screen and (min-width:56.25em) {
    .page-header--image.page-header--intro .page-header__title {
        padding-top: 20vw;
        padding-bottom: calc(6vw + 50px)
    }
}

.page-header--video .page-header__inner {
    color: #fff
}

.page-header--video .page-header__title {
    padding-top: 20vw;
    padding-bottom: 6vw;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, .3)
}

@media only screen and (min-width:56.25em) {
    .page-header--video.page-header--intro .page-header__title {
        padding-bottom: calc(6vw + 50px)
    }
}

.page-header--long-title .page-header__title>h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-weight: 600;
    text-transform: none;
    font-size: 2.8rem;
    line-height: 1.1
}

@media only screen and (min-width:45em) {
    .page-header--long-title .page-header__title>h1 {
        font-size: 4rem
    }
}

.page-header--text.page-header--no-supertitle.page-header--no-intro .page-header__title {
    padding-bottom: 5vw
}

@media only screen and (min-width:93.75em) {
    .page-header--text.page-header--no-supertitle.page-header--no-intro .page-header__title {
        padding-bottom: 75px
    }
}

.page-header--explanimation .page-header__media::after {
    height: 70%;
    background: linear-gradient(to bottom, rgba(1, 40, 60, 0), #175c81);
    background: linear-gradient(to bottom, rgba(1, 40, 60, 0), 60%, #175c81);
    mix-blend-mode: normal !important
}

.page-header--explanimation.page-header--image .page-header__title,
.page-header--explanimation.page-header--video .page-header__title {
    padding-top: 13vw;
    padding-bottom: 13vw
}

.page-header--search .page-header__title {
    padding-top: 5vw;
    padding-bottom: 5.3vw;
    transition: none
}

@media only screen and (min-width:93.75em) {
    .page-header--search .page-header__title {
        padding-top: 80px;
        padding-bottom: 95px
    }
}

.page-header--search .page-header__title h2 {
    margin-bottom: .3em
}

.pagination {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .pagination {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .pagination {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .pagination {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .pagination {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .pagination {
        padding-bottom: 60px
    }
}

.pagination ol {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.pagination li {
    display: block;
    padding: 2px
}

.pagination__item {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #2b6aac;
    line-height: 3.2rem;
    font-size: 1.8rem;
    text-decoration: none
}

.pagination__item:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .pagination__item {
        width: 36px;
        height: 36px;
        line-height: 3.6rem
    }
}

.pagination__item:not([rel]) {
    border-radius: 50%
}

a.pagination__item:not([rel]):hover,
button.pagination__item:not([rel]):hover {
    background: #2b6aac;
    color: #fff
}

.pagination__item[aria-current=page] {
    background: #92b5da;
    color: #fff
}

.pagination__item[rel=next],
.pagination__item[rel=prev] {
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination__item[rel=next]>span,
.pagination__item[rel=prev]>span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.pagination__item>svg {
    width: 17px;
    height: 14px;
    stroke: #2b6aac;
    transition: transform .2s
}

.pagination__item[rel=prev] {
    transform: scaleX(-1)
}

.pagination__item[rel=prev]:hover>svg {
    transform: translateX(.2em)
}

.pagination__item[rel=next]:hover>svg {
    transform: translateX(.2em)
}

.partners-category {
    position: relative;
    overflow: hidden
}

.partners-category__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .partners-category__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .partners-category__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .partners-category__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .partners-category__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .partners-category__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .partners-category__inner {
        zoom: 1
    }

    .partners-category__inner:after {
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        content: ""
    }
}

.partners-category__content {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-bottom: 2em
}

@media only screen and (min-width:45em) {
    .partners-category__content {
        margin-bottom: 0;
        float: left;
        width: 30%
    }
}

.partners-category__content h3 {
    margin-bottom: 20px;
    color: #92b5da
}

@media only screen and (min-width:63.75em) {
    .partners-category__content h3 {
        font-size: 3.2rem;
        line-height: 1.15
    }
}

.partners-category ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (min-width:45em) {
    .partners-category ul {
        float: left;
        width: 70%;
        padding-left: 50px
    }
}

@media only screen and (min-width:63.75em) {
    .partners-category ul {
        padding-left: 70px
    }
}

.no-flexbox .partners-category ul {
    zoom: 1
}

.no-flexbox .partners-category ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.partners-category li {
    flex: 0 0 50%;
    width: 50%;
    padding: 15px 20px;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .partners-category li {
        flex: 0 0 33.333%;
        width: 33.333%
    }
}

@media only screen and (min-width:63.75em) {
    .partners-category li {
        flex: 0 0 25%;
        width: 25%;
        padding: 20px
    }
}

.no-flexbox .partners-category li {
    float: left
}

.partners-category li a:first-of-type {
    display: block;
    text-decoration: none
}

.partners-category li a:focus,
.partners-category li a:hover {
    opacity: .7
}

.partners-category li figure {
    margin: 0;
    padding: 0;
    line-height: 0;
    max-width: 110px
}

.partners-category li img {
    width: 100%;
    height: auto;
    line-height: normal;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.partners-category--monochrome-logos li img {
    -webkit-filter: grayscale(1) contrast(1);
    filter: grayscale(1) contrast(1)
}

.partners-category--large ul {
    align-items: flex-start
}

.partners-category--large li {
    flex: 0 0 100%;
    width: 100%;
    text-align: left
}

@media only screen and (min-width:33.75em) {
    .partners-category--large li {
        flex: 0 0 50%;
        width: 50%
    }
}

.partners-category--large li figure {
    margin-bottom: 15px;
    max-width: 180px
}

@media only screen and (min-width:33.75em) {
    .partners-category--large li figure {
        display: flex;
        align-items: center;
        height: 80px
    }
}

.partners-category--large li img {
    width: 100%
}

@media only screen and (min-width:33.75em) {
    .partners-category--large li img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left center;
        object-position: left center
    }
}

.partners-category--large li p {
    font-size: .85em;
    text-align: left
}

.partners-category--text ul {
    margin: -5px -20px;
    align-items: flex-start
}

.partners-category--text li {
    text-align: left;
    padding: 5px 20px
}

@media only screen and (min-width:33.75em) {
    .partners-category--text li {
        flex: 0 1 50%;
        width: 50%
    }
}

.partners-logos__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .partners-logos__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .partners-logos__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .partners-logos__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .partners-logos__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .partners-logos__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

.partners-logos ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.no-flexbox .partners-logos ul {
    zoom: 1
}

.no-flexbox .partners-logos ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.no-flexbox .partners-logos li {
    float: left
}

.partners-logos li {
    flex: 0 0 50%;
    width: 50%;
    text-align: center
}

@media only screen and (min-width:33.75em) {
    .partners-logos li {
        flex: 0 0 33.333%;
        width: 33.333%
    }
}

.partners-logos a {
    display: block;
    width: 100%;
    padding: 20px
}

.partners-logos a:focus,
.partners-logos a:hover {
    opacity: .7
}

.partners-logos img {
    width: 100%;
    max-width: 120px;
    height: auto
}

@media only screen and (min-width:45em) {
    .partners-logos img {
        width: 150px;
        max-width: none
    }
}

.partners-logos--monochrome-logos li img {
    -webkit-filter: grayscale(1) contrast(1);
    filter: grayscale(1) contrast(1)
}

.password-protection {
    position: relative;
    height: 100%;
    background: #f2f5f6;
    color: #2b6aac
}

.password-protection__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .password-protection__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .password-protection__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .password-protection__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .password-protection__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .password-protection__inner {
        padding-bottom: 60px
    }
}

.password-protection form {
    position: relative
}

.password-protection hr {
    margin: 30px 0 20px;
    height: 1px;
    background: rgba(0, 55, 85, .1);
    border: none
}

.password-protection span[role=alert] {
    margin: -5px 0 1em;
    display: block;
    width: 100%;
    color: red;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2
}

@media only screen and (min-width:33.75em) {
    .password-protection span[role=alert] {
        font-size: 1.6rem
    }
}

.password-protection__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 15px
}

@media only screen and (min-width:45em) {
    .password-protection__warning {
        font-size: 1.6rem
    }
}

.password-protection__warning ol,
.password-protection__warning ul {
    margin: 1em 0 2em
}

.password-protection__warning ol:first-child,
.password-protection__warning ul:first-child {
    margin-top: 0
}

.password-protection__warning ol:last-child,
.password-protection__warning ul:last-child {
    margin-bottom: 0
}

.password-protection__warning ol li+li,
.password-protection__warning ul li+li {
    margin-top: 5px
}

.password-protection__warning ol li>ul:first-child,
.password-protection__warning ul li>ul:first-child {
    margin-top: 10px
}

.password-protection__warning p:last-child {
    margin-bottom: 0
}

.password-protection__warning[aria-hidden=true] {
    display: none
}

.plastic-journey-block {
    background-color: #2b6aac
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block {
        display: flex;
        align-items: flex-start;
        counter-reset: plasticJourneyItem
    }
}

.plastic-journey-block__illustration {
    overflow: hidden;
    width: 100%;
    max-height: 55vh;
    max-width: 60rem;
    margin: 0 auto
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__illustration {
        max-width: 82vmin;
        max-height: 82vmin;
        padding: 2rem
    }
}

.plastic-journey-block__header {
    max-width: 640px;
    padding: 2.5vw
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__header {
        padding: 2.5vw 2.5vw 0
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__header .block-title {
        margin: 0
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__illustration-container {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: 100%;
        flex-grow: 1
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__steps-container {
        width: 457px;
        flex-shrink: 0;
        margin: 0 2.5vw
    }
}

.plastic-journey-block__items {
    margin: 0;
    padding: 0;
    list-style: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    will-change: scroll-position;
    display: flex;
    align-items: flex-start;
    padding: 0 calc((100vw / 2) - (34rem / 2))
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__items {
        flex-direction: column;
        padding: 0;
        -ms-scroll-snap-type: none;
        scroll-snap-type: none;
        will-change: auto
    }
}

.plastic-journey-block__items::after {
    content: "";
    width: 1px;
    height: 1px;
    display: block;
    padding-left: calc((100vw / 2) - (34rem / 2))
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__items::after {
        content: none
    }
}

.plastic-journey-block__item {
    overflow: hidden;
    width: 80vw;
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0 2.5vw;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    scroll-snap-align: center
}

@media only screen and (min-width:33.75em) {
    .plastic-journey-block__item {
        width: 34rem
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__item {
        overflow: visible;
        width: 100%;
        max-width: auto;
        margin: 0;
        padding: 1rem 0;
        background-color: #2b6aac;
        color: #fff;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        scroll-snap-align: none
    }
}

@media only screen and (min-width:56.25em) {

    .plastic-journey-block__item:first-of-type,
    .plastic-journey-block__item:last-of-type {
        display: none
    }
}

.plastic-journey-block__counter-container {
    padding: 2.5vw;
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__counter-container {
        z-index: 1;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 2.5vw 0 2rem 1.5rem;
        background-color: #2b6aac;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }
}

.plastic-journey-block__counter {
    display: block
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__counter {
        display: none
    }
}

.plastic-journey-block__total-indicator {
    display: none
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block__total-indicator {
        display: block
    }
}

.plastic-journey-block--white {
    background-color: #fff
}

.plastic-journey-block--white .plastic-journey-block__item {
    background-color: #2b6aac;
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block--white .plastic-journey-block__item {
        background-color: #fff;
        color: #2b6aac;
        border-color: rgba(0, 55, 85, .6)
    }
}

.plastic-journey-block--white .plastic-journey-block__counter-container {
    color: #2b6aac
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block--white .plastic-journey-block__counter-container {
        background-color: #fff
    }
}

.plastic-journey-block--white .plastic-journey-partial__meta {
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block--white .plastic-journey-partial__meta {
        color: #2b6aac
    }
}

.plastic-journey-illustration-partial {
    position: relative;
    will-change: transform;
    transition: .5s ease-in-out transform;
    transform: translate3d(0, 0, 0) scale3d(1.5, 1.5, 1.5);
    transform-origin: top center
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        will-change: auto;
        transition: none
    }
}

.plastic-journey-illustration-partial[data-recalculate=true] {
    transition: none !important;
    transform: translate3d(0, 0, 0) scale3d(1.5, 1.5, 1.5) !important
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial[data-recalculate=true] {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) !important
    }
}

.plastic-journey-illustration-partial__image {
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease-in-out opacity
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial__image {
        transition: none
    }
}

.plastic-journey-illustration-partial__image[data-highlight=true] {
    opacity: 1
}

.plastic-journey-illustration-partial__image[data-highlight=false] {
    opacity: .3
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial__image[data-highlight=false] {
        opacity: 1
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial__image[data-twin-element-hover=inactive] {
        opacity: .3
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial__image[data-twin-element-hover=active] {
        opacity: 1
    }
}

.plastic-journey-illustration-partial__actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.plastic-journey-illustration-partial__svg {
    width: 100%;
    height: 100%
}

.plastic-journey-illustration-partial__placeholder {
    fill: transparent
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-illustration-partial [data-handler=toggleGroupHandler] {
        cursor: pointer
    }
}

.js .plastic-journey-illustration-partial [data-handler=toggleGroupHandler] {
    pointer-events: none
}

@media only screen and (min-width:56.25em) {
    .js .plastic-journey-illustration-partial [data-handler=toggleGroupHandler] {
        pointer-events: auto
    }
}

.plastic-journey-block--white .plastic-journey-illustration-partial__image[data-highlight=false] {
    opacity: .5
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block--white .plastic-journey-illustration-partial__image[data-highlight=false] {
        opacity: 1
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-block--white .plastic-journey-illustration-partial__image[data-twin-element-hover=inactive] {
        opacity: .5
    }
}

.plastic-journey-partial-with-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.8rem;
    background-color: #175c81;
    color: #fff;
    text-decoration: none
}

.no-toucheventsfixed .plastic-journey-partial-with-icon:hover svg {
    transform: translateX(1rem)
}

.no-toucheventsfixed .plastic-journey-partial-with-icon:focus svg {
    transform: translateX(1rem)
}

.no-toucheventsfixed .plastic-journey-partial-with-icon:active svg {
    transform: translateX(1rem)
}

.plastic-journey-partial-with-icon:active svg {
    transform: translateX(1rem)
}

.plastic-journey-partial-with-icon svg {
    stroke: #fff;
    width: 100%;
    height: 100%;
    transition: .2s cubic-bezier(.34, 1.56, .64, 1) transform
}

.plastic-journey-partial-with-icon__item-icon {
    width: 14rem;
    height: 14rem;
    padding: 4rem;
    border: 2px solid #fff;
    border-radius: 50%
}

.plastic-journey-partial-with-icon__item-text {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-top: 2.5rem;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial-with-icon__item-text {
        font-size: 2.1rem
    }
}

.plastic-journey-partial {
    padding: 1.8rem 0 0
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial {
        padding: 0
    }
}

@media only screen and (min-width:56.25em) {

    .plastic-journey-partial:focus .plastic-journey-partial__title,
    .plastic-journey-partial:hover .plastic-journey-partial__title,
    .plastic-journey-partial[data-twin-element-hover=active] .plastic-journey-partial__title {
        transform: translateX(.4rem)
    }

    .plastic-journey-partial:focus .plastic-journey-partial__header::before,
    .plastic-journey-partial:hover .plastic-journey-partial__header::before,
    .plastic-journey-partial[data-twin-element-hover=active] .plastic-journey-partial__header::before {
        transform: translate(-50%, -50%) scale(1.3);
        color: #fff
    }

    .plastic-journey-block--white .plastic-journey-partial:hover .plastic-journey-partial__header::before,
    .plastic-journey-block--white.plastic-journey-partial:focus .plastic-journey-partial__header::before,
    .plastic-journey-block--white.plastic-journey-partial[data-twin-element-hover=active] .plastic-journey-partial__header::before {
        color: #2b6aac
    }
}

.plastic-journey-partial__header {
    position: relative
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0 6rem
    }
}

.plastic-journey-partial__header::before {
    counter-increment: plasticJourneyItem
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__header::before {
        content: counter(plasticJourneyItem);
        position: absolute;
        top: 50%;
        left: 3rem;
        transform: translate(-50%, -50%);
        transform-origin: center;
        color: #92b5da;
        font-size: 2.3rem;
        font-weight: 600;
        transition: .2s cubic-bezier(.34, 1.56, .64, 1) transform, .2s cubic-bezier(.25, 1, .5, 1) color
    }
}

.plastic-journey-partial__header-inner {
    margin-right: auto
}

.plastic-journey-partial__trigger {
    display: none
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__trigger {
        cursor: pointer;
        display: block;
        position: absolute;
        top: -1rem;
        left: 0;
        width: 100%;
        height: calc(100% + 2rem);
        border: none;
        background-color: transparent
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__target {
        position: relative;
        padding: 0 0 0 6rem
    }
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__target::before {
        content: "";
        position: absolute;
        top: .8rem;
        left: 3rem;
        bottom: 1rem;
        transform: translateX(-50%);
        width: 1px;
        background-color: #92b5da
    }
}

@media only screen and (min-width:56.25em) {
    [data-toggle-open=false] {
        display: none
    }
}

@media only screen and (min-width:56.25em) {
    [data-toggle-open=true] {
        display: block
    }
}

.plastic-journey-partial__description,
.plastic-journey-partial__meta,
.plastic-journey-partial__title {
    padding: 0 1.3rem
}

@media only screen and (min-width:56.25em) {

    .plastic-journey-partial__description,
    .plastic-journey-partial__meta,
    .plastic-journey-partial__title {
        padding: 0
    }
}

.plastic-journey-partial__title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 2.1rem;
    line-height: 1.1;
    text-transform: inherit
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__title {
        pointer-events: none;
        font-weight: 600;
        transform: translateX(0);
        transition: .2s cubic-bezier(.34, 1.56, .64, 1) transform
    }
}

.plastic-journey-partial__meta {
    margin: 4px 0 0;
    font-size: 1.4rem;
    color: rgba(0, 55, 85, .6);
    font-weight: 300
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__meta {
        color: #eaeaea
    }
}

.plastic-journey-partial__description {
    font-size: 1.4rem;
    margin: 1.2rem 0
}

.plastic-journey-partial__featured-image {
    display: none
}

@media only screen and (min-width:56.25em) {
    .plastic-journey-partial__featured-image {
        display: block;
        margin: 0 0 0 2rem;
        max-width: 6rem
    }
}

.plastic-journey-partial__media-img {
    display: block
}

.plastic-journey-partial__media-slider .flickity-button {
    display: none
}

.plastic-journey-template {
    background-color: #2b6aac
}

.plastic-journey-template__inner {
    max-width: 1500px;
    margin: 0 auto
}

.podcast-archive__list {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .podcast-archive__list {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-archive__list {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .podcast-archive__list {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-archive__list {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .podcast-archive__list {
        padding-bottom: 60px
    }
}

.podcast-embed {
    position: relative
}

.podcast-embed>iframe {
    width: 100%
}

.podcast-embed__cookie-message {
    font-size: 1.2rem;
    line-height: 1.35;
    padding: 2em;
    background: #fff;
    text-align: center;
    font-weight: 600
}

@media only screen and (min-width:33.75em) {
    .podcast-embed__cookie-message {
        font-size: 1.4rem
    }
}

.podcast-embed__cookie-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    color: currentColor;
    text-decoration: underline
}

.podcast-embed__cookie-button:active {
    outline: 0
}

.podcast-embed button:focus,
.podcast-embed button:hover {
    text-decoration: none
}

.podcast-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 1.75em 0 0
}

.podcast-link-list__item {
    display: inline-block
}

.podcast-link-list__link {
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    margin-right: 5px;
    background: #2b6aac;
    border-radius: 50%;
    transform: translateZ(0);
    transition: background .2s
}

.podcast-link-list__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%)
}

.podcast-link-list__link:focus,
.podcast-link-list__link:hover {
    background: #175c81
}

.podcast-link-list__link>svg {
    opacity: .9;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    fill: #fff;
    transform: translate(-50%, -50%);
    transition: opacity .2s
}

.podcast-link-list__link:focus>svg,
.podcast-link-list__link:hover>svg {
    opacity: 1
}

.podcast-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .podcast-list {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .podcast-list {
        padding-top: 40px
    }
}

.podcast-list__item {
    border-top: 1px solid #eaeaea
}

.podcast-list__item:last-child {
    margin-bottom: 20px
}

@media only screen and (min-width:45em) {
    .podcast-list__item:last-child {
        margin-bottom: 45px
    }
}

.podcast-preview {
    padding: 25px 0 20px
}

@media only screen and (min-width:45em) {
    .podcast-preview {
        padding: 45px 0
    }
}

.podcast-preview__link {
    display: flex;
    align-items: flex-start;
    text-decoration: none
}

@media only screen and (min-width:63.75em) {
    .podcast-preview__link {
        padding-right: 100px
    }
}

.podcast-preview__thumbnail {
    position: relative;
    width: 60px;
    flex-shrink: 0;
    margin: 0
}

@media only screen and (min-width:22.5em) {
    .podcast-preview__thumbnail {
        width: 90px
    }
}

@media only screen and (min-width:45em) {
    .podcast-preview__thumbnail {
        width: 190px
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-preview__thumbnail {
        width: 225px
    }
}

.podcast-preview__thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 55, 85, .2);
    opacity: 0;
    transition: opacity .2s
}

.podcast-preview__link:hover .podcast-preview__thumbnail::after {
    opacity: 1
}

.podcast-preview__content {
    padding: 0 0 0 1em
}

@media only screen and (min-width:22.5em) {
    .podcast-preview__content {
        padding: 0 1.5em
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-preview__content {
        padding: 0 2em
    }
}

.podcast-preview__content :last-child {
    margin-bottom: 0
}

.podcast-preview__title {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4
}

@media only screen and (min-width:33.75em) {
    .podcast-preview__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    .podcast-preview__title {
        font-size: 2.2rem
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-preview__title {
        font-size: 2.5rem
    }
}

.podcast-preview__category {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    display: block;
    margin-bottom: 10px;
    color: #92b5da;
    margin: .5em 0 1em
}

@media only screen and (min-width:33.75em) {
    .podcast-preview__category {
        font-size: 1.4rem
    }
}

.podcast-preview__footer {
    font-size: 1.2rem;
    line-height: 1.35;
    display: flex;
    font-weight: 600
}

@media only screen and (min-width:33.75em) {
    .podcast-preview__footer {
        font-size: 1.4rem
    }
}

.podcast-preview__duration {
    display: flex;
    margin-right: 2em
}

.podcast-preview__duration>svg {
    display: block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    stroke: currentColor
}

.podcast-single {
    background: #f2f5f6
}

.podcast-single__navigation {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .podcast-single__navigation {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-single__navigation {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .podcast-single__navigation {
        padding-top: 40px
    }
}

.podcast-single__navigation-inner {
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0, 55, 85, .1)
}

.podcast-single__body {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .podcast-single__body {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .podcast-single__body {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-single__body {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .podcast-single__body {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-single__body {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-single__body {
        display: flex
    }
}

.podcast-single__image {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    margin: 1.75em 0 2em
}

@media only screen and (min-width:33.75em) {
    .podcast-single__image {
        order: 2;
        width: 90px;
        margin-top: 0
    }
}

@media only screen and (min-width:45em) {
    .podcast-single__image {
        width: 200px
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-single__image {
        width: 355px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-single__content {
        order: 1;
        padding-right: 2em
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-single__content {
        padding-right: 150px
    }
}

.podcast-single__category {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    display: block;
    margin-bottom: 10px;
    color: #92b5da;
    display: block;
    margin-bottom: 1em
}

@media only screen and (min-width:33.75em) {
    .podcast-single__category {
        font-size: 1.4rem
    }
}

.podcast-single__title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1
}

@media only screen and (min-width:33.75em) {
    .podcast-single__title {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .podcast-single__title {
        font-size: 4rem
    }
}

.podcast-single__title span {
    font-weight: 600;
    line-height: .95
}

.podcast-single__meta {
    font-size: 1.2rem;
    line-height: 1.35;
    display: flex;
    margin: 2em 0 2.25em;
    font-weight: 600
}

@media only screen and (min-width:33.75em) {
    .podcast-single__meta {
        font-size: 1.4rem
    }
}

.podcast-single__meta-item+.podcast-single__meta-item {
    margin-left: 2em
}

.podcast-single__meta-item>svg {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    stroke: currentColor
}

.podcast-teaser-block {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.podcast-teaser-block__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .podcast-teaser-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .podcast-teaser-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-teaser-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .podcast-teaser-block__inner {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .podcast-teaser-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.podcast-teaser-block__content {
    position: relative
}

.podcast-teaser-block__title {
    margin: 0;
    border-bottom: 1px solid #eaeaea
}

@media only screen and (min-width:56.25em) {
    .podcast-teaser-block__title {
        padding-bottom: 15px
    }
}

.podcast-teaser-block__items {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (max-width:44.9375em) {
    .podcast-teaser-block__items {
        border-bottom: 1px solid #eaeaea
    }
}

@media only screen and (min-width:45em) {
    .podcast-teaser-block__items {
        display: flex
    }
}

.podcast-teaser-block__footer {
    padding-top: 20px;
    text-align: center
}

@media only screen and (min-width:45em) {
    .podcast-teaser-block__footer {
        position: absolute;
        top: 1.25em;
        right: 0;
        padding: 0
    }
}

.podcast-teaser-block--grey-light {
    background: #f2f5f6;
    color: #2b6aac
}

.podcast-teaser-block--secondary {
    background: #175c81;
    color: #fff
}

.podcast-teaser-block--secondary .podcast-teaser-block__title {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.podcast-teaser-block--secondary .podcast-teaser-block__items {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.podcast-teaser-block--secondary .podcast-teaser-block__title h2 {
    color: #fff
}

.podcast-teaser-block--white {
    background: #fff;
    color: #2b6aac
}

.podcast-teaser-block--white .podcast-teaser-block__title h2 {
    color: #2b6aac
}

.popup__inner {
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    min-height: 20rem;
    max-width: 50rem;
    width: calc(100% - 3rem);
    background-color: #eaeaea;
    color: #2b6aac;
    transform: translate(-50%, calc(-50% + 3rem));
    transition: .3s transform, .3s opacity
}

@media only screen and (min-width:45em) {
    .popup__inner {
        width: 100%
    }
}

@media only screen and (min-width:63.75em) {
    .popup__inner {
        max-width: 60rem
    }
}

.popup__contents {
    overflow: auto;
    max-height: 60vh;
    padding: 2rem 3rem
}

@media only screen and (min-width:45em) {
    .popup__contents {
        padding: 3.5rem 5rem
    }
}

@media only screen and (min-width:63.75em) {
    .popup__contents {
        padding: 6rem 7rem
    }
}

.popup__close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: fixed;
    top: 0;
    right: 0;
    padding: .7rem;
    background-color: #eaeaea
}

.popup__close:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .popup__close {
        top: .3rem;
        right: .3rem
    }
}

.popup__close svg {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    stroke: #2b6aac
}

.popup__background {
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: .3s .3s opacity, .3s .3s z-index
}

.popup[data-visible=true] .popup__inner {
    pointer-events: initial;
    z-index: 200;
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: .3s .3s transform, .3s .3s opacity
}

.popup[data-visible=true] .popup__background {
    pointer-events: initial;
    z-index: 100;
    opacity: 1;
    transition: .5s opacity
}

.post-archive {
    position: relative
}

.post-archive__filters {
    padding-top: 25px;
    margin-bottom: -10px
}

.post-archive__filters .filter-nav__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .post-archive__filters .filter-nav__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.post-archive__highlights {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:33.75em) {
    .post-archive__highlights {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .post-archive__highlights {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .post-archive__highlights {
        padding-bottom: 40px
    }
}

.post-archive__socials {
    margin: 10px 0
}

@media only screen and (min-width:45em) {
    .post-archive__socials {
        margin: 30px 0
    }
}

.post-archive__posts {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .post-archive__posts {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.post-header {
    position: relative
}

.post-header__image-wrapper {
    max-width: 1100px
}

@media only screen and (min-width:45em) {
    .post-header__image-wrapper {
        margin: 20px 20px 0
    }
}

@media only screen and (min-width:68.75em) {
    .post-header__image-wrapper {
        margin: 50px auto 0
    }
}

.post-header__image {
    margin: 0;
    line-height: 0;
    position: relative;
    height: 0;
    padding-bottom: 40%;
    background: #f2f5f6
}

.post-header__image img {
    width: 100%;
    line-height: normal
}

.post-header__image img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post-header__content-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 780px;
    padding-top: 30px;
    background: #fff
}

@media only screen and (min-width:45em) {
    .post-header__content-wrapper {
        padding-top: 45px
    }
}

@media only screen and (min-width:56.25em) {
    .post-header__content-wrapper {
        margin: -100px auto 0;
        min-height: 100px
    }
}

.post-header__content {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .post-header__content {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.post-header__content h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: 1.1;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .post-header__content h1 {
        font-size: 3.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .post-header__content h1 {
        font-size: 4rem
    }
}

.post-header__content h1 span {
    font-weight: 600;
    line-height: .95
}

.post-header__meta {
    margin-bottom: 1em;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4rem
}

.post-header__meta span {
    margin-right: 20px;
    display: inline-block;
    color: #92b5da
}

.post-header__meta time {
    display: inline-block;
    text-transform: none
}

.post-header__author {
    margin: 1.5em 0
}

.post-header__share {
    padding: 20px 0;
    border-top: 1px solid #f2f5f6;
    border-bottom: 1px solid #f2f5f6
}

@media only screen and (min-width:33.75em) {
    .post-header+.flexible-content>.text-block--white:first-child {
        margin-top: -1em
    }
}

.post-preview {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eaeaea
}

.post-preview__inner {
    padding: 25px 0 20px
}

@media only screen and (min-width:45em) {
    .post-preview__inner {
        padding: 45px 0
    }
}

.post-preview__link {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none
}

@media only screen and (min-width:45em) {
    .post-preview__link {
        display: flex
    }
}

.post-preview__thumbnail {
    margin: 0;
    line-height: 0;
    position: relative;
    margin-bottom: 15px;
    background: #f2f5f6
}

.post-preview__thumbnail img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:45em) {
    .post-preview__thumbnail {
        margin-bottom: 0;
        width: 33.333%
    }
}

.post-preview__thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 55, 85, .2);
    opacity: 0;
    transition: opacity .2s
}

.post-preview__link:hover .post-preview__thumbnail::after {
    opacity: 1
}

.post-preview__image {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}

@media only screen and (min-width:45em) {
    .post-preview__content {
        display: flex;
        flex-direction: column;
        width: 66.666%;
        max-width: 640px;
        padding-left: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .post-preview__content {
        padding-left: 35px
    }
}

.post-preview__category {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    display: block;
    margin-bottom: 10px;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {
    .post-preview__category {
        font-size: 1.4rem
    }
}

.post-preview__title {
    margin: 0 0 .5em;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.3
}

@media only screen and (min-width:33.75em) {
    .post-preview__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    .post-preview__title {
        font-size: 2.6rem
    }
}

@media only screen and (min-width:63.75em) {
    .post-preview__title {
        font-size: 2.6rem
    }
}

.post-preview__excerpt {
    margin-bottom: 25px;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .post-preview__excerpt {
        font-size: 1.6rem
    }
}

.post-preview__footer {
    margin-top: auto;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-transform: none
}

.post-preview__author,
.post-preview__time {
    display: inline-block;
    vertical-align: middle
}

.post-preview__time {
    margin-right: 20px
}

@media only screen and (min-width:45em) {
    .post-preview--highlight {
        width: 50%;
        padding-right: 30px;
        border: 0
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight+.post-preview--highlight {
        padding-right: 0;
        padding-left: 30px;
        border-left: 1px solid #eaeaea
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight .post-preview__inner {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight .post-preview__link {
        display: flex;
        flex-direction: column;
        height: inherit
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight .post-preview__content {
        width: 100%;
        padding: 30px 30px 0 0
    }
}

@media only screen and (min-width:45em) {

    .post-preview--highlight .post-preview__thumbnail,
    .post-preview--highlight-large .post-preview__thumbnail {
        width: 100%
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight-large {
        width: 100%;
        border: 0
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight-large .post-preview__link {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .post-preview--highlight-large .post-preview__link {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) and (min-width:45em) {
    .post-preview--highlight-large .post-preview__link {
        padding-bottom: 60px
    }
}

.post-preview--highlight-large .post-preview__thumbnail {
    position: relative
}

@media only screen and (min-width:56.25em) {
    .post-preview--highlight-large .post-preview__thumbnail {
        height: 0;
        padding-bottom: 45%
    }
}

@media only screen and (min-width:63.75em) {
    .post-preview--highlight-large .post-preview__thumbnail {
        padding-bottom: 37%
    }
}

@media only screen and (min-width:56.25em) {
    .post-preview--highlight-large .post-preview__image {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media only screen and (min-width:45em) {
    .post-preview--highlight-large .post-preview__content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 75%;
        padding: 30px 30px 10px 0;
        background-color: #fff
    }
}

@media only screen and (min-width:63.75em) {
    .post-preview--highlight-large .post-preview__content {
        width: 50%
    }
}

.post-single {
    position: relative
}

@-webkit-keyframes arrow-infinite {

    0%,
    100% {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(.3rem, 0, 0)
    }
}

@keyframes arrow-infinite {

    0%,
    100% {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(.3rem, 0, 0)
    }
}

@-webkit-keyframes appear-from-bottom {
    0% {
        transform: translate3d(0, 40%, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes appear-from-bottom {
    0% {
        transform: translate3d(0, 40%, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.product-call-to-action-block {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 99;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    max-width: 32rem;
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 55, 85, .3);
    border-radius: 5px
}

@media only screen and (min-width:56.25em) {
    .product-call-to-action-block {
        font-size: 1.6rem
    }
}

.product-call-to-action-block--animate-in {
    opacity: 0;
    transform: translate3d(0, 40%, 0);
    -webkit-animation: appear-from-bottom .2s 1s cubic-bezier(.34, 1.56, .64, 1) forwards;
    animation: appear-from-bottom .2s 1s cubic-bezier(.34, 1.56, .64, 1) forwards
}

.product-call-to-action-block__remove {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    width: 4.4rem;
    flex-shrink: 0;
    padding: 1.4rem
}

.product-call-to-action-block__remove:active {
    outline: 0
}

@media only screen and (min-width:56.25em) {
    .product-call-to-action-block__remove {
        display: none
    }
}

.product-call-to-action-block__link {
    display: flex;
    padding: 1.1rem 1.1rem 1.1rem .5rem;
    cursor: pointer;
    align-items: center;
    text-decoration: none;
    color: #2b6aac;
    line-height: 1.2
}

.product-call-to-action-block__link:focus .product-call-to-action-block__icon,
.product-call-to-action-block__link:hover .product-call-to-action-block__icon {
    -webkit-animation: arrow-infinite 1s ease-in-out infinite;
    animation: arrow-infinite 1s ease-in-out infinite
}

.product-call-to-action-block__img {
    width: 5rem;
    flex-shrink: 0
}

@media only screen and (min-width:56.25em) {
    .product-call-to-action-block__img {
        margin-left: 1.1rem
    }
}

.product-call-to-action-block__title {
    margin: 0 1rem
}

.product-call-to-action-block__icon {
    height: 2.2rem;
    display: block;
    flex-basis: 2rem;
    margin-left: auto;
    stroke: #2b6aac
}

.product-call-to-action-block__icon-remove {
    stroke: #878787
}

.product-call-to-action-block__icon svg {
    width: 100%;
    height: 100%
}

.publication-archive__items {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .publication-archive__items {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.publication-block {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.publication-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .publication-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .publication-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .publication-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .publication-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .publication-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.publication-block__title {
    margin: 0 auto;
    max-width: 640px
}

@media only screen and (min-width:56.25em) {
    .publication-block__title {
        padding-bottom: 10px
    }
}

.publication-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgba(0, 55, 85, .15)
}

.publication-block .button-set {
    margin-top: 1.5em
}

@media only screen and (min-width:45em) {
    .publication-block .button-set {
        margin-top: 2em
    }
}

.publication-single {
    position: relative
}

.publication-single__body {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .publication-single__body {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .publication-single__body {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .publication-single__body {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .publication-single__body {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .publication-single__body {
        padding-bottom: 60px
    }
}

.quotes-block {
    background: #2b6aac;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:93.75em) {
    .quotes-block {
        padding: 30px 0
    }
}

.quotes-block__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .quotes-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .quotes-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .quotes-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .quotes-block__inner {
        padding-bottom: 80px
    }
}

.quotes-block__item {
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    max-width: 850px;
    padding: 0 10%;
    opacity: 0;
    transition: opacity .3s
}

@media only screen and (min-width:45em) {
    .quotes-block__item {
        width: 70%;
        padding: 0
    }
}

.quotes-block__item.is-selected {
    opacity: 1
}

.no-js .quotes-block__item {
    margin-bottom: 50px
}

.no-js .quotes-block__item:last-of-type {
    margin-bottom: 0
}

.quotes-block blockquote {
    margin: 0 auto;
    border: none;
    color: #fff;
    text-transform: none
}

.quotes-block blockquote span {
    margin-bottom: 30px;
    display: block;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-size: 2.4rem;
    line-height: 1.1
}

@media only screen and (min-width:33.75em) {
    .quotes-block blockquote span {
        font-size: 3.5rem
    }
}

@media only screen and (min-width:63.75em) {
    .quotes-block blockquote span {
        font-size: 5rem
    }
}

.quotes-block blockquote.is-small span {
    font-size: 2rem
}

@media only screen and (min-width:33.75em) {
    .quotes-block blockquote.is-small span {
        font-size: 3rem
    }
}

@media only screen and (min-width:63.75em) {
    .quotes-block blockquote.is-small span {
        font-size: 4rem
    }
}

.quotes-block blockquote footer {
    color: #fff;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .quotes-block blockquote footer {
        font-size: 1.6rem
    }
}

.quotes-block .flickity-enabled {
    position: relative
}

.quotes-block .flickity-enabled:focus {
    outline: 0
}

.quotes-block .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.quotes-block .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.quotes-block .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.quotes-block .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.quotes-block .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.quotes-block .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media only screen and (min-width:45em) {
    .quotes-block .flickity-prev-next-button {
        width: 44px;
        height: 44px
    }
}

.quotes-block .flickity-prev-next-button svg {
    fill: #92b5da;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

.quotes-block .flickity-prev-next-button:active {
    opacity: .6
}

.quotes-block .flickity-prev-next-button.previous {
    left: 10px
}

@media only screen and (min-width:45em) {
    .quotes-block .flickity-prev-next-button.previous {
        left: 50px
    }
}

.quotes-block .flickity-prev-next-button.previous:focus svg,
.quotes-block .flickity-prev-next-button.previous:hover svg {
    transform: translate3d(-25%, 0, 0)
}

.quotes-block .flickity-prev-next-button.next {
    right: 10px
}

@media only screen and (min-width:45em) {
    .quotes-block .flickity-prev-next-button.next {
        right: 50px
    }
}

.quotes-block .flickity-prev-next-button.next:focus svg,
.quotes-block .flickity-prev-next-button.next:hover svg {
    transform: translate3d(25%, 0, 0)
}

.quotes-block .flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.references-block {
    background: #f2f5f6;
    text-align: center
}

.references-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .references-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .references-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .references-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .references-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .references-block__inner {
        padding-bottom: 80px
    }
}

.references-block ol {
    position: relative;
    text-align: left
}

.references-block li {
    position: relative;
    margin-bottom: 1em;
    display: block
}

.references-block li::before {
    content: attr(data-count) ". ";
    position: absolute;
    left: -2em;
    color: #92b5da
}

.references-block li a {
    word-break: break-all
}

.references-block .button {
    margin-top: 2em
}

.references-block [aria-label="Back to content"] {
    font-size: .8em
}

.references-block :target {
    -webkit-animation: references-block-active-fade 1s;
    animation: references-block-active-fade 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes references-block-active-fade {
    0% {
        background-color: transparent
    }

    50% {
        background-color: #fff07c
    }

    100% {
        background-color: transparent
    }
}

@keyframes references-block-active-fade {
    0% {
        background-color: transparent
    }

    50% {
        background-color: #fff07c
    }

    100% {
        background-color: transparent
    }
}

.related-posts__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1
}

@media only screen and (min-width:33.75em) {
    .related-posts__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .related-posts__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .related-posts__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .related-posts__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .related-posts__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

.related-posts__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:63.75em) {
    .related-posts__inner>h3 {
        font-size: 3rem
    }
}

.related-posts__previous {
    float: left;
    width: 45%
}

.related-posts__next {
    float: right;
    width: 45%;
    text-align: right
}

.related-posts__next h3,
.related-posts__previous h3 {
    margin: 0 0 .25em;
    font-size: 2.2rem;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {

    .related-posts__next h3,
    .related-posts__previous h3 {
        font-size: 2.8rem
    }
}

.related-posts__next a,
.related-posts__previous a {
    font-size: 1.8rem;
    line-height: 1.4;
    position: relative
}

@media only screen and (min-width:56.25em) {

    .related-posts__next a,
    .related-posts__previous a {
        font-size: 2.1rem
    }
}

.related-posts__previous span {
    position: absolute;
    display: inline-block;
    transform: translateX(-200%)
}

.related-posts__next span {
    position: absolute;
    display: inline-block;
    transform: translateX(100%)
}

.river-plastic-image {
    position: relative;
    overflow: hidden
}

.river-plastic-image #trajectory {
    opacity: 0;
    visibility: hidden
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path {
        offset-path: path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102");
        offset-distance: 0;
        opacity: 0;
        transform-origin: center;
        transform-box: fill-box;
        -webkit-animation: river-plastic-flow 20s linear infinite;
        animation: river-plastic-flow 20s linear infinite
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(0) {
        transform: translate(-18px, 23px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(1) {
        transform: translate(38px, -4px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(2) {
        transform: translate(-36px, -1px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(3) {
        transform: translate(10px, -40px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(4) {
        transform: translate(1px, 31px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(5) {
        transform: translate(-14px, 6px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(6) {
        transform: translate(-9px, -30px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(7) {
        transform: translate(18px, 26px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(8) {
        transform: translate(22px, -10px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(9) {
        transform: translate(-2px, -10px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(10) {
        transform: translate(-16px, -39px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(11) {
        transform: translate(-16px, 26px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(12) {
        transform: translate(-40px, 39px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(13) {
        transform: translate(-9px, -26px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(14) {
        transform: translate(39px, -24px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(15) {
        transform: translate(7px, 28px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(16) {
        transform: translate(-33px, -40px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(17) {
        transform: translate(17px, -32px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(18) {
        transform: translate(34px, -4px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(19) {
        transform: translate(39px, -12px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(20) {
        transform: translate(24px, 30px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(21) {
        transform: translate(18px, 21px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(22) {
        transform: translate(9px, 32px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(23) {
        transform: translate(-5px, -13px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(24) {
        transform: translate(14px, -6px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(25) {
        transform: translate(-4px, -10px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(26) {
        transform: translate(31px, 26px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(27) {
        transform: translate(24px, -19px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(28) {
        transform: translate(-13px, 37px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(29) {
        transform: translate(-40px, 38px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(30) {
        transform: translate(-15px, 23px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(31) {
        transform: translate(3px, -38px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(32) {
        transform: translate(31px, -24px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(33) {
        transform: translate(27px, 25px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(34) {
        transform: translate(12px, -37px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(35) {
        transform: translate(-33px, -32px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(36) {
        transform: translate(16px, 11px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(37) {
        transform: translate(13px, 15px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(38) {
        transform: translate(-10px, 7px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(39) {
        transform: translate(26px, 39px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(40) {
        transform: translate(40px, -22px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(41) {
        transform: translate(-40px, -35px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(42) {
        transform: translate(-28px, -9px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(43) {
        transform: translate(-31px, 10px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(44) {
        transform: translate(6px, 36px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(45) {
        transform: translate(-4px, 19px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(46) {
        transform: translate(-8px, -27px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(47) {
        transform: translate(11px, 30px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(48) {
        transform: translate(18px, 6px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(49) {
        transform: translate(-40px, 31px)
    }
}

@supports (offset-path:path("M2063.66 1160.59l38.034-108.006s16.007-48.682 93.707-122.382c38.3-36.4 83.7-66.6 128.1-94.9 46.7-29.8 110.3-48.1 139.7-97.6 13.1-22 20.6-46.9 26.1-71.9 17.9-81.8 4.844-191.45 7.2-250 1.361-33.818-2.067-52.4 6.933-101.3 5.809-31.562 16.559-73.997 31.12-106.102")) and (offset-distance:0%) {
    .river-plastic-image #plastic path:nth-child(50) {
        transform: translate(-14px, 25px)
    }
}

.river-plastic-image #plastic path:nth-child(1) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.river-plastic-image #plastic path:nth-child(2) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.river-plastic-image #plastic path:nth-child(3) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.river-plastic-image #plastic path:nth-child(4) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.river-plastic-image #plastic path:nth-child(5) {
    -webkit-animation-delay: -11s;
    animation-delay: -11s
}

.river-plastic-image #plastic path:nth-child(6) {
    -webkit-animation-delay: -13.2s;
    animation-delay: -13.2s
}

.river-plastic-image #plastic path:nth-child(7) {
    -webkit-animation-delay: 14s;
    animation-delay: 14s
}

.river-plastic-image #plastic path:nth-child(8) {
    -webkit-animation-delay: -43.2s;
    animation-delay: -43.2s
}

.river-plastic-image #plastic path:nth-child(9) {
    -webkit-animation-delay: 39.6s;
    animation-delay: 39.6s
}

.river-plastic-image #plastic path:nth-child(10) {
    -webkit-animation-delay: -42s;
    animation-delay: -42s
}

.river-plastic-image #plastic path:nth-child(11) {
    -webkit-animation-delay: -63.8s;
    animation-delay: -63.8s
}

.river-plastic-image #plastic path:nth-child(12) {
    -webkit-animation-delay: -24s;
    animation-delay: -24s
}

.river-plastic-image #plastic path:nth-child(13) {
    -webkit-animation-delay: -62.4s;
    animation-delay: -62.4s
}

.river-plastic-image #plastic path:nth-child(14) {
    -webkit-animation-delay: 19.6s;
    animation-delay: 19.6s
}

.river-plastic-image #plastic path:nth-child(15) {
    -webkit-animation-delay: -51s;
    animation-delay: -51s
}

.river-plastic-image #plastic path:nth-child(16) {
    -webkit-animation-delay: 60.8s;
    animation-delay: 60.8s
}

.river-plastic-image #plastic path:nth-child(17) {
    -webkit-animation-delay: -27.2s;
    animation-delay: -27.2s
}

.river-plastic-image #plastic path:nth-child(18) {
    -webkit-animation-delay: 108s;
    animation-delay: 108s
}

.river-plastic-image #plastic path:nth-child(19) {
    -webkit-animation-delay: 22.8s;
    animation-delay: 22.8s
}

.river-plastic-image #plastic path:nth-child(20) {
    -webkit-animation-delay: -116s;
    animation-delay: -116s
}

.river-plastic-image #plastic path:nth-child(21) {
    -webkit-animation-delay: -84s;
    animation-delay: -84s
}

.river-plastic-image #plastic path:nth-child(22) {
    -webkit-animation-delay: 101.2s;
    animation-delay: 101.2s
}

.river-plastic-image #plastic path:nth-child(23) {
    -webkit-animation-delay: 41.4s;
    animation-delay: 41.4s
}

.river-plastic-image #plastic path:nth-child(24) {
    -webkit-animation-delay: -96s;
    animation-delay: -96s
}

.river-plastic-image #plastic path:nth-child(25) {
    -webkit-animation-delay: -40s;
    animation-delay: -40s
}

.river-plastic-image #plastic path:nth-child(26) {
    -webkit-animation-delay: 145.6s;
    animation-delay: 145.6s
}

.river-plastic-image #plastic path:nth-child(27) {
    -webkit-animation-delay: 151.2s;
    animation-delay: 151.2s
}

.river-plastic-image #plastic path:nth-child(28) {
    -webkit-animation-delay: 44.8s;
    animation-delay: 44.8s
}

.river-plastic-image #plastic path:nth-child(29) {
    -webkit-animation-delay: -110.2s;
    animation-delay: -110.2s
}

.river-plastic-image #plastic path:nth-child(30) {
    -webkit-animation-delay: -96s;
    animation-delay: -96s
}

.river-plastic-image #plastic path:nth-child(31) {
    -webkit-animation-delay: -18.6s;
    animation-delay: -18.6s
}

.river-plastic-image #plastic path:nth-child(32) {
    -webkit-animation-delay: 166.4s;
    animation-delay: 166.4s
}

.river-plastic-image #plastic path:nth-child(33) {
    -webkit-animation-delay: -132s;
    animation-delay: -132s
}

.river-plastic-image #plastic path:nth-child(34) {
    -webkit-animation-delay: 34s;
    animation-delay: 34s
}

.river-plastic-image #plastic path:nth-child(35) {
    -webkit-animation-delay: -98s;
    animation-delay: -98s
}

.river-plastic-image #plastic path:nth-child(36) {
    -webkit-animation-delay: 165.6s;
    animation-delay: 165.6s
}

.river-plastic-image #plastic path:nth-child(37) {
    -webkit-animation-delay: -22.2s;
    animation-delay: -22.2s
}

.river-plastic-image #plastic path:nth-child(38) {
    -webkit-animation-delay: 83.6s;
    animation-delay: 83.6s
}

.river-plastic-image #plastic path:nth-child(39) {
    -webkit-animation-delay: -23.4s;
    animation-delay: -23.4s
}

.river-plastic-image #plastic path:nth-child(40) {
    -webkit-animation-delay: -72s;
    animation-delay: -72s
}

.river-plastic-image #plastic path:nth-child(41) {
    -webkit-animation-delay: -90.2s;
    animation-delay: -90.2s
}

.river-plastic-image #plastic path:nth-child(42) {
    -webkit-animation-delay: 109.2s;
    animation-delay: 109.2s
}

.river-plastic-image #plastic path:nth-child(43) {
    -webkit-animation-delay: -34.4s;
    animation-delay: -34.4s
}

.river-plastic-image #plastic path:nth-child(44) {
    -webkit-animation-delay: 70.4s;
    animation-delay: 70.4s
}

.river-plastic-image #plastic path:nth-child(45) {
    -webkit-animation-delay: -261s;
    animation-delay: -261s
}

.river-plastic-image #plastic path:nth-child(46) {
    -webkit-animation-delay: -55.2s;
    animation-delay: -55.2s
}

.river-plastic-image #plastic path:nth-child(47) {
    -webkit-animation-delay: 112.8s;
    animation-delay: 112.8s
}

.river-plastic-image #plastic path:nth-child(48) {
    -webkit-animation-delay: -278.4s;
    animation-delay: -278.4s
}

.river-plastic-image #plastic path:nth-child(49) {
    -webkit-animation-delay: -235.2s;
    animation-delay: -235.2s
}

.river-plastic-image #plastic path:nth-child(50) {
    -webkit-animation-delay: 290s;
    animation-delay: 290s
}

@-webkit-keyframes river-plastic-flow {
    0% {
        opacity: 1
    }

    80% {
        offset-distance: 80%;
        opacity: 1
    }

    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes river-plastic-flow {
    0% {
        opacity: 1
    }

    80% {
        offset-distance: 80%;
        opacity: 1
    }

    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

.modalContainer.sidebarMaximized.embeddedServiceSidebar {
    z-index: 2400 !important
}

.embeddedServiceHelpButton {
    z-index: 900 !important;
    position: relative !important
}

.embeddedServiceHelpButton .helpButton {
    transform: translate3d(0, 0, 0) !important
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #2b6aac !important;
    font-family: "Proxima Nova", sans-serif !important;
    font-weight: 600 !important
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel {
    transform: translateY(-1px) !important
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #2b6aac !important
}

.scientific-publication--preview {
    border-top: 1px solid;
    border-color: #eaeaea
}

.scientific-publication--block {
    border-color: rgba(0, 55, 85, .15)
}

.scientific-publication__excerpt {
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .scientific-publication__excerpt {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication__excerpt {
        padding-bottom: 40px
    }
}

.scientific-publication--preview .scientific-publication__excerpt {
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .scientific-publication--preview .scientific-publication__excerpt {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__excerpt {
        padding-top: 40px
    }
}

.scientific-publication__header {
    position: relative
}

.scientific-publication__header a {
    text-decoration: none
}

.scientific-publication__header a:focus,
.scientific-publication__header a:hover {
    color: #92b5da
}

.scientific-publication__subtitle {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
    font-weight: 600
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__subtitle {
        width: 30%
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__subtitle {
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 20px;
        font-size: 1.6rem;
        font-weight: 400
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__subtitle::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 3px;
        height: calc(100% - 1.25ch);
        background: #92b5da
    }
}

@media only screen and (max-width:44.9375em) {
    .scientific-publication__subtitle>p {
        margin-bottom: 0
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication__subtitle>p {
        line-height: 1.5
    }
}

.scientific-publication h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-weight: 600;
    font-size: 2.4rem;
    text-transform: none;
    line-height: 1.15
}

@media only screen and (min-width:33.75em) {
    .scientific-publication h1 {
        font-size: 2.8rem
    }
}

@media only screen and (min-width:63.75em) {
    .scientific-publication h1 {
        font-size: 3rem
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview h1 {
        width: 70%;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .scientific-publication--preview h1 {
        padding-right: 15%
    }
}

.scientific-publication__excerpt .expand-link {
    margin-top: 25px
}

.no-js .scientific-publication .expand-link,
.scientific-publication__excerpt .expand-link[aria-hidden=true] {
    display: none
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__authors {
        width: 70%;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .scientific-publication--preview .scientific-publication__authors {
        padding-right: 15%
    }
}

@media only screen and (max-width:33.6875em) {
    .scientific-publication--preview .scientific-publication__authors {
        font-size: 1.4rem
    }
}

.scientific-publication__body {
    position: relative
}

@media only screen and (min-width:45em) {
    .scientific-publication__body {
        margin-top: -20px
    }
}

.scientific-publication--preview .scientific-publication__body {
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .scientific-publication--preview .scientific-publication__body {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__body {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication--preview .scientific-publication__body {
        width: 70%;
        padding-right: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .scientific-publication--preview .scientific-publication__body {
        padding-right: 15%
    }
}

.js .scientific-publication__body[aria-hidden=true] {
    display: none
}

.scientific-publication .download-button {
    margin: 10px 0 20px
}

.scientific-publication__tags {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    line-height: 1.33
}

.scientific-publication__tags li {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    display: inline;
    text-transform: uppercase
}

.scientific-publication__tags li::after {
    content: ", "
}

.scientific-publication__tags li:last-of-type::after {
    content: none
}

.scientific-publication__meta {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .scientific-publication__meta {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication__meta {
        padding-bottom: 40px
    }
}

.scientific-publication__meta li+li {
    margin-top: 10px
}

.scientific-publication__meta span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600
}

.scientific-publication__abstract {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eaeaea
}

@media only screen and (min-width:33.75em) {
    .scientific-publication__abstract {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication__abstract {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .scientific-publication__abstract {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .scientific-publication__abstract {
        padding-bottom: 40px
    }
}

.scientific-publication__abstract h3 {
    margin-top: 0
}

.scientific-publication__abstract :last-child {
    margin-bottom: 0
}

.scientific-publication__actions {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.scientific-publication--preview .scientific-publication__actions {
    border-bottom: 1px solid #eaeaea
}

.scientific-publication__actions>li+li {
    margin-top: 10px
}

.scientific-publication .link {
    margin-top: 15px
}

.search-result {
    position: relative;
    padding: 1.5em 0
}

.search-result__link {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none
}

@media only screen and (min-width:33.75em) {
    .search-result__link {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between
    }
}

.search-result--podcast .search-result__link {
    flex-wrap: nowrap
}

.search-result__thumbnail {
    margin: 0;
    line-height: 0;
    order: 0;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    background: #f2f5f6
}

.search-result__thumbnail img {
    width: 100%;
    line-height: normal
}

@media only screen and (min-width:33.75em) {
    .search-result__thumbnail {
        order: 1;
        margin-bottom: 0;
        width: 25%
    }
}

@media only screen and (max-width:33.6875em) {
    .search-result__thumbnail {
        height: 0;
        padding-bottom: 25%
    }
}

.search-result--podcast .search-result__thumbnail {
    order: 1;
    width: 14.5%;
    flex-shrink: 0
}

@media only screen and (max-width:33.6875em) {
    .search-result--podcast .search-result__thumbnail {
        margin-top: 1.5em;
        padding-bottom: 14.5%
    }
}

.search-result__thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 55, 85, .2);
    opacity: 0;
    transition: opacity .2s
}

.search-result__link:hover .search-result__thumbnail::after {
    opacity: 1
}

@media only screen and (max-width:33.6875em) {
    .search-result__thumbnail>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.search-result__content {
    order: 1;
    word-wrap: break-word
}

@media only screen and (min-width:33.75em) {
    .search-result__content {
        order: 0;
        display: flex;
        flex-direction: column;
        width: 75%;
        max-width: 760px;
        padding-right: 60px
    }
}

@media only screen and (min-width:63.75em) {
    .search-result__content {
        padding-right: 100px
    }
}

.search-result--podcast .search-result__content {
    padding-right: 60px
}

@media only screen and (min-width:63.75em) {
    .search-result--podcast .search-result__content {
        padding-right: 100px
    }
}

.search-result__category {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    margin-bottom: 10px;
    display: block;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {
    .search-result__category {
        font-size: 1.4rem
    }
}

.search-result__title {
    margin: 0 0 .5em;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.3
}

@media only screen and (min-width:33.75em) {
    .search-result__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:45em) {
    .search-result__title {
        font-size: 2.6rem
    }
}

@media only screen and (min-width:63.75em) {
    .search-result__title {
        font-size: 2.6rem
    }
}

.search-result__link:hover .search-result__title {
    text-decoration: underline
}

.search-result__excerpt {
    margin-bottom: 3px;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .search-result__excerpt {
        font-size: 1.6rem
    }
}

.search-result__footer {
    margin: -5px 0 10px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-transform: none
}

.search-result__footer>time,
.search-result__meta-label {
    margin-right: 20px
}

.section-heading-block {
    position: relative;
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .section-heading-block {
        padding-bottom: 40px
    }
}

.section-heading-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .section-heading-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .section-heading-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .section-heading-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .section-heading-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .section-heading-block__inner {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:44.9375em) {
    .section-heading-block__inner {
        padding-bottom: 20px !important
    }
}

.no-flexbox .section-heading-block__inner {
    zoom: 1
}

.no-flexbox .section-heading-block__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.section-heading-block h2 {
    margin: 0;
    color: inherit
}

@media only screen and (max-width:44.9375em) {
    .section-heading-block h2 {
        margin-bottom: 0
    }
}

@media only screen and (min-width:45em) {
    .section-heading-block h2 {
        font-size: 4rem;
        text-align: left
    }
}

@media only screen and (min-width:63.75em) {
    .section-heading-block h2 {
        font-size: 7rem;
        width: 80%
    }
}

@media only screen and (min-width:45em) {
    .no-flexbox .section-heading-block h2 {
        float: left
    }
}

.section-heading-block__icon {
    margin-bottom: .75em;
    display: block;
    width: 2em;
    height: 2em
}

@media only screen and (min-width:33.75em) {
    .section-heading-block__icon {
        width: 3em;
        height: 3em
    }
}

.section-heading-block__icon>svg {
    width: 100%;
    height: 100%;
    fill: #92b5da;
    stroke: #92b5da
}

.share-block {
    margin-top: 3em;
    position: relative;
    overflow: hidden
}

.share-block__actions {
    display: flex;
    align-items: stretch
}

.share-block__actions a {
    flex: 0 0 auto;
    display: inline-block;
    padding: 6px 5px;
    background: #2b6aac;
    border-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    text-transform: none
}

@media only screen and (min-width:22.5em) {
    .share-block__actions a {
        padding: 6px 7px
    }
}

@media only screen and (min-width:33.75em) {
    .share-block__actions a {
        padding: 6px 10px;
        font-size: 1.4rem
    }
}

.share-block__actions a:focus,
.share-block__actions a:hover {
    opacity: .8
}

.share-block__actions a+a {
    margin-left: 5px
}

.share-block__actions a>svg {
    fill: #fff;
    display: inline-block;
    vertical-align: baseline
}

.share-block__actions a>span {
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline
}

.share-block__actions a[data-type=facebook] {
    background: #3b5998
}

.share-block__actions a[data-type=facebook]>svg {
    margin-bottom: -1px;
    width: 8px;
    height: 12px
}

.share-block__actions a[data-type=twitter] {
    background: #1da1f2
}

.share-block__actions a[data-type=twitter]>svg {
    margin-bottom: -1px;
    width: 13px;
    height: 11px
}

.share-block__actions a[data-type=linkedin] {
    background: #0077b5
}

.share-block__actions a[data-type=linkedin]>svg {
    width: 11px;
    height: 11px
}

.share-block__actions a[data-type=mail] {
    background: #5b7f92
}

.share-block__actions a[data-type=mail]>svg {
    margin-bottom: -1px;
    width: 13px;
    height: 11px
}

.share-block--header {
    margin: 0 auto
}

.share-block--footer {
    margin-top: 0;
    text-align: center
}

.share-block--footer .share-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .share-block--footer .share-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:33.75em) {
    .share-block--footer .share-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .share-block--footer .share-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .share-block--footer .share-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .share-block--footer .share-block__inner {
        padding-bottom: 80px
    }
}

.share-block--footer .share-block__inner h3 {
    margin: 0 0 .5em;
    color: #2b6aac;
    font-size: 2.4rem
}

@media only screen and (min-width:45em) {
    .share-block--footer .share-block__inner h3 {
        font-size: 3rem
    }
}

.share-block--footer .share-block__actions {
    justify-content: center
}

.share-buttons a,
.share-buttons button>span {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #5b7f92;
    background-repeat: no-repeat;
    background-size: auto 42%;
    background-position: center
}

.share-buttons button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0;
    padding: 0;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    text-align: left;
    pointer-events: all
}

.share-buttons button:active {
    outline: 0
}

.share-buttons a:hover,
.share-buttons button:hover>span {
    opacity: .7
}

.share-buttons button:hover {
    text-decoration: underline
}

.share-buttons button>span {
    margin-right: 10px;
    background-image: url(/app/themes/toc/assets/build/images/icons/share--white-caea12b588.svg);
    background-size: auto 37%;
    background-position: 45% center
}

.share-buttons a[data-type=facebook] {
    background-image: url(/app/themes/toc/assets/build/images/icons/facebook--white-40ba3fdf8e.svg);
    background-size: auto 45%
}

.share-buttons a[data-type=twitter] {
    background-image: url(/app/themes/toc/assets/build/images/icons/twitter--white-6a18e3fe4e.svg);
    background-size: auto 38%;
    background-position: 53% 55%
}

.share-buttons a[data-type=linkedin] {
    background-image: url(/app/themes/toc/assets/build/images/icons/linkedin--white-fc57144604.svg);
    background-position: center 45%
}

.share-buttons a[data-type=mail] {
    background-image: url(/app/themes/toc/assets/build/images/icons/mail--white-b0bed65fed.svg)
}

.share-buttons--small a,
.share-buttons--small button>span {
    width: 28px;
    height: 28px
}

@media only screen and (min-width:33.75em) {

    .share-buttons--large a,
    .share-buttons--large button>span {
        width: 56px;
        height: 56px
    }
}

@media only screen and (min-width:33.75em) {
    .shop-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        height: 100%
    }
}

.shop-item>.button {
    margin-top: auto
}

.shop-item figure {
    flex-shrink: 0;
    display: block;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    line-height: 0
}

@media only screen and (min-width:33.75em) {
    .shop-item figure {
        height: 200px
    }
}

.shop-item figure>img {
    display: block;
    width: auto
}

@media only screen and (min-width:33.75em) {
    .shop-item figure>img {
        height: 100%
    }
}

.shop-item h2 {
    width: 100%;
    margin-bottom: 5px;
    color: #92b5da
}

@media only screen and (min-width:33.75em) {
    .shop-item h2 {
        font-size: 2.8rem
    }
}

@media only screen and (min-width:63.75em) {
    .shop-item h2 {
        font-size: 3.4rem
    }
}

.shop-item__brand {
    margin-bottom: 15px;
    color: #4a4a4a
}

.shop-item__brand img {
    display: inline-block;
    vertical-align: middle;
    width: 100px
}

.shop-item__description {
    margin-bottom: 20px;
    width: 100%
}

@media only screen and (min-width:33.75em) {
    .shop-item__description {
        font-size: 1.6rem
    }
}

.shop-template {
    position: relative
}

.shop-template__products {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .shop-template__products {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .shop-template__products {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .shop-template__products {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .shop-template__products {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .shop-template__products {
        padding-bottom: 60px
    }
}

.shop-template__products aside {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    margin: 40px auto 0;
    max-width: 780px
}

@media only screen and (min-width:45em) {
    .shop-template__products aside {
        font-size: 1.6rem
    }
}

.shop-template__products aside ol,
.shop-template__products aside ul {
    margin: 1em 0 2em
}

.shop-template__products aside ol:first-child,
.shop-template__products aside ul:first-child {
    margin-top: 0
}

.shop-template__products aside ol:last-child,
.shop-template__products aside ul:last-child {
    margin-bottom: 0
}

.shop-template__products aside ol li+li,
.shop-template__products aside ul li+li {
    margin-top: 5px
}

.shop-template__products aside ol li>ul:first-child,
.shop-template__products aside ul li>ul:first-child {
    margin-top: 10px
}

.shop-template__products aside p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:45em) {
    .shop-template__products aside {
        margin-top: 60px
    }
}

.shop-template__banner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .shop-template__banner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .shop-template__banner {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .shop-template__banner {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .shop-template__banner {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .shop-template__banner {
        padding-bottom: 40px
    }
}

.shop-template__products ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

.shop-template__products ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .shop-template__products ul {
        margin: -20px;
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:37.5em) {
    .shop-template__products li {
        float: left;
        width: 50%;
        padding: 20px
    }
}

@media only screen and (min-width:50em) {
    .shop-template__products li {
        width: 33.3333%
    }
}

@media only screen and (min-width:63.75em) {
    .shop-template__products li {
        width: 25%
    }
}

@media only screen and (min-width:50em) {
    .shop-template__products[data-product-count="2"] li {
        width: 50%
    }
}

@media only screen and (min-width:63.75em) {
    .shop-template__products[data-product-count="2"] li {
        width: 50%
    }
}

@media only screen and (min-width:63.75em) {
    .shop-template__products[data-product-count="3"] li {
        width: 33.3333%
    }
}

.shop-template__products li+li {
    margin-top: 35px
}

@media only screen and (min-width:33.75em) {
    .shop-template__products li+li {
        margin-top: 0
    }
}

.side-quote {
    margin: 1em 0;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.25;
    color: #92b5da;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .side-quote {
        margin: 0;
        max-width: 190px
    }
}

@media only screen and (min-width:73.75em) {
    .side-quote {
        position: absolute;
        transition: transform .15s
    }
}

.side-quote__content {
    width: 100%;
    padding: 10px 0;
    border-top: 2px solid;
    border-bottom: 2px solid
}

.side-quote__content span {
    font-weight: 600
}

.side-quote :last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:45em) {
    .side-quote--left {
        float: left;
        margin: 5px 25px 5px 0
    }
}

@media only screen and (min-width:73.75em) {
    .side-quote--left {
        left: 0;
        margin: 0;
        transform: translateX(-190px)
    }
}

.side-quote--right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

@media only screen and (min-width:45em) {
    .side-quote--right {
        float: right;
        margin: 5px 0 5px 25px
    }
}

@media only screen and (min-width:73.75em) {
    .side-quote--right {
        right: 0;
        margin: 0;
        transform: translateX(190px)
    }
}

.side-quote__button {
    margin-top: 0;
    position: relative;
    width: 100%;
    padding: 13px 15px 15px 30px;
    font-size: 1.6rem;
    text-transform: none;
    text-decoration: none
}

.side-quote__button:focus,
.side-quote__button:hover {
    text-decoration: underline
}

.side-quote__button>svg {
    position: absolute;
    left: 3px;
    top: 13px;
    width: 22px;
    height: 22px;
    fill: currentColor
}

.site-footer-longread {
    background: #175c81;
    color: #fff
}

.site-footer-longread__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    zoom: 1
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .site-footer-longread__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .site-footer-longread__inner {
        padding-bottom: 80px
    }
}

.site-footer-longread__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__main {
        width: 50%;
        float: left;
        padding-right: 35px;
        border-right: 1px solid #fff
    }
}

@media only screen and (min-width:45em) {
    .site-footer-longread__main {
        width: 60%
    }
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__aside {
        margin-left: -1px;
        width: 50%;
        float: left;
        padding-left: 35px;
        border-left: 1px solid #fff
    }
}

@media only screen and (min-width:45em) {
    .site-footer-longread__aside {
        width: 40%
    }
}

.site-footer-longread__credits {
    margin-bottom: 3.5em
}

@media only screen and (min-width:45em) {
    .site-footer-longread__credits {
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap
    }
}

.site-footer-longread__credits h1 {
    margin-bottom: .3em;
    width: 100%;
    color: #92b5da;
    font-size: 3.2rem;
    line-height: 1.2
}

@media only screen and (min-width:63.75em) {
    .site-footer-longread__credits h1 {
        margin-top: -5px;
        font-size: 4.2rem;
        line-height: 1.2
    }
}

.site-footer-longread__credits>span {
    margin-bottom: 5px;
    display: block;
    padding-right: 10px;
    color: #92b5da;
    font-size: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__credits>span {
        padding-right: 15px;
        font-size: 1.4rem
    }
}

.site-footer-longread__social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

.site-footer-longread__social ul:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.site-footer-longread__social li {
    display: inline-block;
    vertical-align: middle
}

.site-footer-longread__social li+li {
    margin-left: 3px
}

.site-footer-longread__social li a {
    display: block;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: #fff;
    border-radius: 50%;
    text-decoration: none
}

.site-footer-longread__social li a:focus,
.site-footer-longread__social li a:hover {
    background: rgba(255, 255, 255, .7)
}

.site-footer-longread__social li a span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

@media only screen and (min-width:33.75em) and (max-width:44.9375em) {
    .site-footer-longread__social li a {
        width: 30px;
        height: 30px;
        padding: 6px
    }
}

.site-footer-longread__social li a>svg {
    fill: #2b6aac;
    width: 100%;
    height: 100%
}

.site-footer-longread__social li a>svg[data-icon=linkedin] {
    transform: translateY(-2px)
}

.site-footer-longread__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 3.5em
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__nav ul {
        margin-top: -10px
    }
}

.site-footer-longread__nav a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .site-footer-longread__nav a {
        font-size: 2rem
    }
}

.site-footer-longread__nav .is-current,
.site-footer-longread__nav a:focus,
.site-footer-longread__nav a:hover {
    text-decoration: underline
}

.site-footer-longread__copyright {
    padding-top: 30px;
    font-size: 1.2rem
}

@media only screen and (min-width:33.75em) {
    .site-footer-longread__copyright {
        font-size: 1.4rem
    }
}

.site-footer-longread__copyright,
.site-footer-longread__copyright a {
    color: rgba(255, 255, 255, .5)
}

.site-footer {
    position: relative;
    background: #175c81;
    color: #fff
}

.site-header {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translate3d(0, 0, 0);
    transition: transform .2s
}

@media only screen and (min-width:56.25em) {
    .site-header {
        height: 75px;
        background: #fff;
        transition: transform .2s
    }
}

.site-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    background: #92b5da
}

@media only screen and (min-width:56.25em) {
    .site-header::before {
        content: none
    }
}

body.admin-bar .site-header {
    top: 46px
}

@media only screen and (min-width:48.875em) {
    body.admin-bar .site-header {
        top: 32px
    }
}

body.page-has-modal.is-fullscreen .site-header {
    display: none
}

body[data-sticky-toc=true] .site-header {
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width:56.1875em) {
    html.has-active-site-nav .site-header {
        height: 100%
    }
}

.js .site-header.is-unpinned {
    transform: translate3d(0, -120%, 0);
    transition-delay: .2s
}

@media only screen and (min-width:45em) {
    .js .site-header.is-unpinned {
        transform: translate3d(0, -120%, 0);
        transition-delay: 0s
    }
}

.js .site-header.is-unpinned:focus-within {
    transform: none
}

.js .site-header.is-not-at-top {
    box-shadow: 0 0 3px rgba(0, 55, 85, .4)
}

.brandguide .site-header.is-not-at-top.is-pinned {
    transform: translate3d(0, -120%, 0)
}

.site-header__logo {
    z-index: 1;
    position: relative;
    float: left;
    display: block;
    width: 220px;
    height: 50px;
    color: #fff;
    background: url(/images/ajustadores-white.png);
    background-size: 193px 50px;
    background-repeat: no-repeat;
    background-position: 15px center
}

@media only screen and (min-width:56.25em) {
    .site-header__logo {
        height: 75px;
        background-position: center
    }
}

@media only screen and (min-width:71.25em) {
    .site-header__logo {
        width: 229px;
        background-image: url(/images/ajustadores.png);
        background-size: 179px 55px
    }
}

@media only screen and (min-width:93.75em) {
    .site-header__logo {
        width: 279px
    }
}

.site-header__logo span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

@media only screen and (min-width:56.25em) {
    .site-header__nav {
        padding-right: 44px
    }
}

.site-header__menu-toggle {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 50px;
    padding: 0 12px 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    line-height: 1
}

.site-header__menu-toggle:active {
    outline: 0
}

@media only screen and (min-width:56.25em) {
    .site-header__menu-toggle {
        display: none
    }
}

.site-header__menu-toggle-label {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem
}

.site-header__menu-toggle-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px
}

.site-header__menu-toggle-icon>i {
    z-index: 0;
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: center center;
    transition: transform .2s, opacity .2s
}

.site-header__menu-toggle-icon>i:nth-of-type(1) {
    top: 0
}

.site-header__menu-toggle-icon>i:nth-of-type(2),
.site-header__menu-toggle-icon>i:nth-of-type(3) {
    z-index: 1;
    top: 6px
}

.site-header__menu-toggle-icon>i:nth-of-type(4) {
    top: 12px
}

.site-header__menu-toggle-icon:focus>i:nth-of-type(1),
.site-header__menu-toggle-icon:hover>i:nth-of-type(1) {
    transform: translateY(-1px)
}

.site-header__menu-toggle-icon:focus>i:nth-of-type(4),
.site-header__menu-toggle-icon:hover>i:nth-of-type(4) {
    transform: translateY(1px)
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-icon>i:nth-of-type(1) {
    opacity: 0;
    transform: translateY(6px)
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-icon>i:nth-of-type(2) {
    transform: rotate(45deg)
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-icon>i:nth-of-type(3) {
    transform: rotate(-45deg)
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-icon>i:nth-of-type(4) {
    opacity: 0;
    transform: translateY(-6px)
}

.site-header__search-form {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 80px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 7px 40px;
    background: #92b5da;
    color: #fff;
    transition: all .3s
}

@media only screen and (min-width:56.25em) {
    .site-header__search-form {
        right: 0;
        padding: 15px 60px 15px 0;
        background: #fff;
        color: #2b6aac
    }
}

@media only screen and (max-width:56.1875em) {
    .site-header--no-navigation .site-header__search-form {
        right: 3px
    }
}

.site-header__search-form,
.site-header__search-form[aria-hidden=true] {
    max-width: 0;
    visibility: hidden;
    opacity: 0
}

.no-js .site-header__search-form:target,
.site-header__search-form[aria-hidden=false] {
    max-width: calc(100% - 80px);
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:56.25em) {

    .no-js .site-header__search-form:target,
    .site-header__search-form[aria-hidden=false] {
        max-width: 450px
    }
}

@media only screen and (max-width:56.1875em) {

    .no-js .site-header--no-navigation .site-header__search-form:target,
    .site-header--no-navigation .site-header__search-form[aria-hidden=false] {
        max-width: 100%
    }
}

.site-header__menu-toggle-icon[aria-expanded=true]~.site-header__search-form {
    display: none
}

.site-header__search-form::after {
    content: "";
    position: absolute;
    top: 16px;
    left: 10px;
    display: block;
    width: 20px;
    height: 18px;
    background: url(/app/themes/toc/assets/build/images/icons/search--white-e9f124f30d.svg) no-repeat;
    background-size: contain;
    background-position: center;
    fill: #2b6aac;
    pointer-events: none
}

@media only screen and (min-width:56.25em) {
    .site-header__search-form::after {
        top: 28px;
        left: 0;
        background-image: url(/app/themes/toc/assets/build/images/icons/search--secondary-ac66da60ac.svg)
    }
}

.site-header__search-form input {
    margin: 0;
    padding: 5px 15px 5px 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .site-header__search-form input {
        padding: 10px 15px 10px 35px;
        border-color: rgba(0, 55, 85, .25);
        color: #2b6aac
    }
}

.site-header__search-form input:focus {
    outline: 0 !important;
    border-color: #fff
}

@media only screen and (min-width:56.25em) {
    .site-header__search-form input:focus {
        border-color: #2b6aac
    }
}

.site-header__search-form button {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.site-header__search-toggle {
    z-index: 3;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 80px;
    width: 44px
}

@media only screen and (min-width:56.25em) {
    .site-header__search-toggle {
        right: 3px;
        width: 60px
    }
}

@media only screen and (max-width:56.1875em) {
    .site-header--no-navigation .site-header__search-toggle {
        right: 3px
    }
}

.site-header__menu-toggle[aria-expanded=true]~.site-header__search-form,
.site-header__menu-toggle[aria-expanded=true]~.site-header__search-toggle {
    display: none
}

.site-header__search-toggle>svg {
    position: absolute;
    top: 14px;
    right: 8px;
    width: 16px;
    height: 16px;
    fill: #fff;
    stroke: #fff;
    transition: all .15s
}

@media only screen and (min-width:56.25em) {
    .site-header__search-toggle>svg {
        top: 25px;
        right: 25px;
        width: 18px;
        height: 18px;
        fill: #2b6aac;
        stroke: #2b6aac
    }
}

@media only screen and (min-width:56.25em) {
    .site-header__search-toggle:hover>svg {
        fill: #92b5da;
        stroke: #92b5da
    }
}

.js .site-header__search-form:not([aria-hidden])+.site-header__search-toggle>svg[data-icon=cross],
.no-js .site-header__search-form+.site-header__search-toggle>svg[data-icon=cross],
.site-header__search-form[aria-hidden=false]+.site-header__search-toggle>svg[data-icon=search],
.site-header__search-form[aria-hidden=true]+.site-header__search-toggle>svg[data-icon=cross] {
    opacity: 0;
    visibility: hidden
}

.site-logo {
    display: block;
    width: 100px;
    height: 50px;
    background-color: #92b5da;
    color: #fff;
    background-image: url(/app/themes/toc/assets/build/images/normal.svg);
    background-size: 75px 27px;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (min-width:45em) {
    .site-logo {
        width: 125px;
        height: 55px;
        background-position: center
    }
}

@media only screen and (min-width:63.75em) {
    .site-logo {
        width: 229px;
        height: 65px;
        background-image: url(/app/themes/toc/assets/build/images/largo.svg);
        background-size: 179px 15px
    }
}

.site-logo--large {
    width: 229px;
    height: 65px;
    background-image: url(/app/themes/toc/assets/build/images/largo.svg);
    background-size: 179px 15px
}

.site-logo--header {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0
}

.site-logo span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.site-nav {
    position: relative;
    width: 100%
}

@media only screen and (max-width:56.1875em) {
    .site-nav {
        position: absolute;
        top: 50px;
        left: 0;
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        display: none;
        width: 100%;
        height: calc(100% - 50px);
        padding: 10px 25px 20px;
        background: #fff
    }
}

@media only screen and (max-width:56.1875em) {

    .no-js .site-nav:target,
    .site-nav[data-expanded=true] {
        display: block
    }
}

.site-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (min-width:56.25em) {
    .site-nav__list {
        display: flex;
        width: auto;
        height: auto;
        padding: 0;
        padding-left: 10px
    }
}

@media only screen and (max-width:56.1875em) {
    .site-nav__list+.site-nav__list {
        border-top: 1px solid rgba(0, 55, 85, .1)
    }
}

.site-nav__list[data-type=primary] {
    font-size: 1.8rem
}

@media only screen and (min-width:22.5em) {
    .site-nav__list[data-type=primary] {
        font-size: 2rem
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__list[data-type=primary] {
        float: left;
        padding-left: 10px;
        font-size: 1.4rem
    }
}

@media only screen and (min-width:63.75em) {
    .site-nav__list[data-type=primary] {
        padding-left: 15px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width:75em) {
    .site-nav__list[data-type=primary] {
        padding-left: 30px;
        font-size: 1.8rem
    }
}

@media only screen and (min-width:112.5em) {
    .site-nav__list[data-type=primary] {
        font-size: 2rem
    }
}

.site-nav__list[data-type=secondary] {
    font-size: 1.4rem
}

@media only screen and (min-width:22.5em) {
    .site-nav__list[data-type=secondary] {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__list[data-type=secondary] {
        z-index: 3;
        float: right;
        padding-right: 10px;
        font-size: 1.1rem
    }
}

@media only screen and (min-width:63.75em) {
    .site-nav__list[data-type=secondary] {
        padding-right: 20px;
        font-size: 1.2rem
    }
}

@media only screen and (min-width:70em) {
    .site-nav__list[data-type=secondary] {
        font-size: 1.4rem
    }
}

.site-nav__item {
    position: relative
}

@media only screen and (max-width:56.1875em) {
    .site-nav__item+.site-nav__item {
        border-top: 1px solid rgba(0, 55, 85, .1)
    }
}

.site-nav__item[data-highlight=true] {
    border-top: 0
}

@media only screen and (min-width:56.25em) {
    .site-nav__item[data-highlight=true] {
        padding: 0 5px
    }
}

.site-nav__link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 0 15px;
    color: inherit;
    font-size: inherit;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left
}

.site-nav__link:active {
    outline: 0
}

@media only screen and (min-width:56.25em) {
    .site-nav__link {
        height: 75px;
        line-height: 7.5rem;
        padding: 0 13px
    }
}

@media only screen and (min-width:112.5em) {
    .site-nav__link {
        padding-left: 15px;
        padding-right: 15px
    }
}

.site-nav__list[data-type=secondary] .site-nav__link {
    padding: 16px 0
}

@media only screen and (min-width:33.75em) {
    .site-nav__list[data-type=secondary] .site-nav__link {
        padding: 20px 0
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__list[data-type=secondary] .site-nav__link {
        padding: 0 10px
    }
}

.site-nav__link span {
    position: relative
}

.site-nav__link span::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 2px;
    background: #2b6aac;
    opacity: 0;
    transform: scaleX(0);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (min-width:56.25em) {
    .site-nav__link span::after {
        content: ""
    }
}

.site-nav__link:hover span::after,
.site-nav__link[aria-current=page] span::after {
    transform: none;
    opacity: 1;
    transition-duration: 20ms
}

.site-nav__link[aria-haspopup=true] {
    padding-right: 25px !important;
    cursor: default
}

.site-nav__link[aria-haspopup=true] span::after {
    content: none
}

.site-nav__link[aria-haspopup=true]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin: 0 0 0 5px;
    transform: translateY(-55%);
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #5b7f92;
    border-bottom: 0
}

@media only screen and (max-width:56.1875em) {
    .site-nav__item[data-expanded=true] .site-nav__link {
        padding-bottom: 10px
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__item[data-expanded=true] .site-nav__link {
        background: #2b6aac;
        color: #fff
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__link[aria-haspopup=true]:hover {
        background: #2b6aac;
        color: #fff
    }
}

.site-nav__item[data-expanded=true] .site-nav__link::after {
    transform: translateY(-80%) scaleY(-1)
}

.site-nav__item[data-highlight=true] .site-nav__link[aria-haspopup=true] {
    padding: 0 !important
}

.site-nav__item[data-highlight=true] .site-nav__link span {
    margin: 0 -12px;
    display: block;
    padding: 14px 12px;
    border-radius: 2px;
    background: #2b6aac;
    color: #fff
}

@media only screen and (min-width:56.25em) {
    .site-nav__item[data-highlight=true] .site-nav__link span {
        margin: auto;
        display: inline;
        width: auto;
        padding: 10px 12px
    }
}

.site-nav__item[data-highlight=true] .site-nav__link[aria-haspopup=true] span {
    padding-right: 30px !important
}

.site-nav__item[data-highlight=true] .site-nav__link[aria-haspopup=true]::after {
    border-top-color: rgba(255, 255, 255, .6)
}

.site-nav__item[data-highlight=true] .site-nav__link span::after {
    content: none
}

.site-nav__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    padding-bottom: 15px
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu {
        position: absolute;
        left: 0;
        min-width: 200px;
        max-width: 240px;
        padding-bottom: 0;
        background: #2b6aac;
        color: #fff;
        outline: 1px solid rgba(255, 255, 255, .15)
    }
}

.site-nav__item[data-highlight=true] .site-nav__submenu {
    margin-top: 8px
}

@media only screen and (min-width:56.25em) {
    .site-nav__item[data-highlight=true] .site-nav__submenu {
        margin-top: 0;
        left: 5px
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu.is-right-aligned {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__item[data-highlight=true] .site-nav__submenu.is-right-aligned {
        left: auto;
        right: 5px
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu::before {
        content: "";
        position: absolute;
        top: 0;
        right: -50px;
        bottom: -80px;
        left: -50px
    }
}

.no-js .site-nav__link[aria-haspopup=true]:focus~.site-nav__submenu,
.no-js .site-nav__link[aria-haspopup=true]:hover~.site-nav__submenu,
.site-nav__submenu:hover,
.site-nav__submenu[aria-hidden=false] {
    display: block
}

.site-nav__submenu>li {
    width: 100%
}

.site-nav__submenu>li>a {
    position: relative;
    display: block;
    padding: 12px 0 9px 16px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu>li>a {
        padding: 15px 14px 14px;
        font-family: "Proxima Nova", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.2rem
    }
}

@media only screen and (min-width:70em) {
    .site-nav__submenu>li>a {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:112.5em) {
    .site-nav__submenu>li>a {
        padding: 15px
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu>li+li>a {
        border-top: 1px solid rgba(255, 255, 255, .15)
    }
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu>li>a:hover {
        background: #175c81
    }
}

.site-nav__submenu>li>a[rel=external]::after {
    content: "";
    margin: -2px 0 0 5px;
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    background: url(/app/themes/toc/assets/build/images/icons/arrow-out-c504053e7f.svg) no-repeat 50% 50%/9px 9px
}

@media only screen and (min-width:56.25em) {
    .site-nav__submenu>li>a[rel=external]::after {
        background-image: url(/app/themes/toc/assets/build/images/icons/arrow-out--white-24f9662688.svg)
    }
}

.site-search-form {
    display: flex;
    align-items: stretch
}

.site-search-form input {
    margin: 0;
    padding: 14px 20px;
    border-right: 0;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media only screen and (min-width:33.75em) {
    .site-search-form input {
        padding: 18px 25px;
        font-size: 1.8rem
    }
}

.site-search-form button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    flex: 0 0 auto;
    width: 54px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: url(/app/themes/toc/assets/build/images/icons/search--white-e9f124f30d.svg) no-repeat #92b5da;
    background-size: 20px auto;
    background-position: center
}

.site-search-form button:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .site-search-form button {
        width: 64px
    }
}

.site-search {
    position: relative
}

.site-search__inner {
    padding-top: 20px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .site-search__inner {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .site-search__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .site-search__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .site-search__inner {
        padding-bottom: 60px
    }
}

.site-search__filters {
    position: relative;
    margin-bottom: 1em
}

@media only screen and (min-width:33.75em) {
    .site-search__filters {
        margin-bottom: 2em
    }
}

.site-search__filters .filter-nav__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .site-search__filters .filter-nav__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.site-search__results {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .site-search__results {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.site-search__results>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.site-search__results ul>li+li {
    border-top: 1px solid #eaeaea
}

.site-search__pagination {
    position: relative
}

.site-search__pagination .pagination {
    padding-top: 0
}

.site-search__message {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .site-search__message {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.site-search__notice {
    padding: 15px 20px;
    background: rgba(0, 55, 85, .08);
    border-left: 3px solid #2b6aac;
    color: #2b6aac;
    font-size: 1.4rem;
    line-height: 1.35;
    display: inline-block
}

@media only screen and (min-width:45em) {
    .site-search__notice {
        font-size: 1.6rem
    }
}

.site-search__notice ol,
.site-search__notice ul {
    margin: 1em 0 2em
}

.site-search__notice ol:first-child,
.site-search__notice ul:first-child {
    margin-top: 0
}

.site-search__notice ol:last-child,
.site-search__notice ul:last-child {
    margin-bottom: 0
}

.site-search__notice ol li+li,
.site-search__notice ul li+li {
    margin-top: 5px
}

.site-search__notice ol li>ul:first-child,
.site-search__notice ul li>ul:first-child {
    margin-top: 10px
}

.site-search__notice p:last-child {
    margin-bottom: 0
}

.site-search__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    display: inline-block
}

@media only screen and (min-width:45em) {
    .site-search__warning {
        font-size: 1.6rem
    }
}

.site-search__warning ol,
.site-search__warning ul {
    margin: 1em 0 2em
}

.site-search__warning ol:first-child,
.site-search__warning ul:first-child {
    margin-top: 0
}

.site-search__warning ol:last-child,
.site-search__warning ul:last-child {
    margin-bottom: 0
}

.site-search__warning ol li+li,
.site-search__warning ul li+li {
    margin-top: 5px
}

.site-search__warning ol li>ul:first-child,
.site-search__warning ul li>ul:first-child {
    margin-top: 10px
}

.site-search__warning p:last-child {
    margin-bottom: 0
}

.skiplink {
    position: fixed;
    top: 15px;
    left: 15px;
    display: block;
    padding: 10px 15px;
    background: #2b6aac;
    color: #fff;
    opacity: 0;
    transform: translateY(-200%)
}

.skiplink:active,
.skiplink:focus {
    z-index: 10000;
    transform: none;
    opacity: 1
}

.skiplink:focus::before {
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -3px;
    display: flex;
    flex-wrap: wrap
}

.social-links li {
    display: inline-block;
    vertical-align: middle;
    padding: 3px
}

.social-links li a {
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: #fff;
    text-decoration: none
}

.social-links li a:focus,
.social-links li a:hover {
    background: rgba(255, 255, 255, .7)
}

.social-links li a span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.social-links li a>svg {
    fill: #2b6aac;
    width: 100%;
    height: 100%
}

.social-links li a>svg[data-icon=linkedin] {
    width: 90%;
    height: 90%;
    transform: translate(2px, -1px)
}

.social-links--secondary li a {
    background: #2b6aac
}

.social-links--secondary li a>svg {
    fill: #fff
}

.social-links--secondary li a:focus,
.social-links--secondary li a:hover {
    background: rgba(0, 55, 85, .7)
}

.social-links--tertiary li a {
    background: #5b7f92
}

.social-links--tertiary li a>svg {
    fill: #fff
}

.social-links--tertiary li a:focus,
.social-links--tertiary li a:hover {
    background: rgba(91, 127, 146, .7)
}

.social-updates-block {
    position: relative;
    overflow: hidden;
    background: #175c81;
    color: #fff
}

.social-updates-block__inner {
    padding-top: 40px;
    padding-bottom: 10px
}

@media only screen and (min-width:33.75em) {
    .social-updates-block__inner {
        padding-top: 50px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .social-updates-block__inner {
        padding-top: 60px;
        padding-bottom: 30px
    }
}

.social-updates-block__header {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

@media only screen and (min-width:33.75em) {
    .social-updates-block__header {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.social-updates-block__header p {
    margin: 0 auto 1em;
    max-width: 640px;
    text-align: center
}

.social-updates-block__slider {
    padding: 60px 30px 0
}

.social-updates-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    height: 100%;
    width: 100%
}

@media only screen and (min-width:33.75em) {
    .social-updates-block__social-links {
        display: flex;
        align-items: center
    }
}

.social-updates-block__social-links>h3 {
    font-size: 2rem
}

@media only screen and (min-width:33.75em) {
    .social-updates-block__social-links>h3 {
        margin: 5px 25px 0 0
    }
}

.social-updates-block__button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 20;
    margin-top: -10px;
    padding-left: 14px;
    padding-right: 14px;
    background: #175c81;
    border: 1px solid #92b5da;
    font-weight: 300;
    line-height: 1
}

.social-updates-block__button:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .social-updates-block__button {
        margin-top: -14px;
        font-size: 1.8rem
    }
}

body.page-has-modal.is-fullscreen .social-updates-block__button {
    display: none
}

.social-updates-block__button:hover {
    background: #01324b
}

.social-updates-block__button>span,
.social-updates-block__button>svg {
    line-height: inherit;
    vertical-align: middle
}

.social-updates-block__button>span {
    display: none
}

@media only screen and (min-width:45em) {
    .social-updates-block__button>span {
        display: inline-block;
        padding-top: 3px
    }
}

.social-updates-block__button>svg {
    width: 1em;
    height: 1em
}

.social-updates-block__button[data-type=first] {
    left: 0;
    border-left: 0
}

.social-updates-block__button[data-type=last] {
    border-right: 0;
    right: 0
}

.social-updates-block__nav-button {
    position: fixed;
    top: 50%;
    z-index: 999;
    color: #fff
}

.social-updates-block__nav-button--prev {
    left: 0
}

.social-updates-block__nav-button--next {
    right: 0
}

.social-updates-block__list-item {
    position: relative;
    width: 250px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 30px 15px
}

.social-updates-block__list-item.social-updates-block__list-item--milestone::before {
    height: 190px
}

.social-updates-block__list-item::after,
.social-updates-block__list-item::before {
    content: "";
    position: absolute;
    background: currentColor
}

.social-updates-block__list-item::before {
    content: "";
    top: -30px;
    left: 50%;
    width: 1px;
    height: 30px
}

.social-updates-block__list-item::after {
    top: -30px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    transition: transform .2s cubic-bezier(.68, -.55, .265, 1.55)
}

.social-updates-block__list-item:focus::after,
.social-updates-block__list-item:hover::after {
    transition: transform .2s cubic-bezier(.68, -.55, .265, 1.55);
    transform: translate(-50%, -50%) scale(1.5)
}

.social-updates-block__list-item>.card::before,
.social-updates-block__milestone::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: -30px;
    left: -15px;
    width: calc(100% + 30px);
    height: 1px;
    background: #fff
}

.social-updates-block__list-item>.card.card--modal::before,
.social-updates-block__milestone.card--modal::before {
    content: none
}

.social-updates-block__list-item>.card a {
    cursor: inherit
}

.social-updates-block__milestone {
    padding-top: 180px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.social-updates-block__milestone p[role=heading] {
    text-transform: uppercase
}

.social-updates-block__moment {
    position: absolute;
    width: 0;
    margin: 0;
    color: #92b5da;
    text-align: center
}

.social-updates-block__moment::after {
    top: 0
}

.social-updates-block__moment h2 {
    position: relative;
    transform: translateX(-50%);
    width: 125px;
    margin-top: -60px;
    font-size: 1.8rem;
    white-space: nowrap
}

@media only screen and (min-width:45em) {
    .social-updates-block[data-type=simple] .social-updates-block__header {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width:45em) {
    .social-updates-block[data-type=simple] .social-updates-block__header h2 {
        margin-bottom: 20px;
        padding-right: 20px
    }
}

.social-updates-block[data-type=simple] .social-updates-block__slider {
    padding-top: 0
}

.social-updates-block[data-type=simple] .social-updates-block__list-item:first-child {
    margin-left: 0
}

.social-updates-block[data-type=simple] .social-updates-block__list-item>.card::before {
    left: 0;
    right: 0
}

.social-updates-block[data-type=simple] .social-updates-block__list-item:last-child>.card::before {
    width: auto
}

.social-updates-block .flickity-enabled {
    position: relative
}

.social-updates-block .flickity-enabled:focus {
    outline: 0
}

.social-updates-block .flickity-viewport {
    position: relative;
    height: 100%
}

.social-updates-block .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.social-updates-block .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.social-updates-block .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.social-updates-block .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.social-updates-block .flickity-prev-next-button {
    z-index: 1999;
    position: fixed;
    top: 50%;
    display: none;
    width: 30px;
    height: 90vh;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center
}

.page-has-modal .social-updates-block .flickity-prev-next-button {
    display: block
}

@media only screen and (min-width:45em) {
    .social-updates-block .flickity-prev-next-button {
        width: 44px;
        height: 44px
    }
}

.social-updates-block .flickity-prev-next-button>svg {
    width: 70%;
    height: 100%;
    fill: #fff;
    transform: translate3d(0, 0, 0);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (min-width:33.75em) {
    .social-updates-block .flickity-prev-next-button>svg {
        width: 100%
    }
}

.social-updates-block .flickity-prev-next-button:active {
    opacity: .6
}

.social-updates-block .flickity-prev-next-button.previous {
    left: 0
}

@media only screen and (min-width:45em) {
    .social-updates-block .flickity-prev-next-button.previous {
        left: 50px
    }
}

.no-toucheventsfixed .social-updates-block .flickity-prev-next-button.previous:focus svg,
.no-toucheventsfixed .social-updates-block .flickity-prev-next-button.previous:hover svg {
    transform: translate3d(-25%, 0, 0)
}

.social-updates-block .flickity-prev-next-button.next {
    right: 0
}

@media only screen and (min-width:45em) {
    .social-updates-block .flickity-prev-next-button.next {
        right: 50px
    }
}

.no-toucheventsfixed .social-updates-block .flickity-prev-next-button.next:focus svg,
.no-toucheventsfixed .social-updates-block .flickity-prev-next-button.next:hover svg {
    transform: translate3d(25%, 0, 0)
}

.social-updates-block .flickity-prev-next-button:disabled {
    opacity: .1;
    cursor: auto
}

body.page-has-modal.is-fullscreen .flickity-prev-next-button {
    display: none
}

.social-wall-block {
    position: relative;
    overflow: hidden
}

.social-wall-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .social-wall-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .social-wall-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .social-wall-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .social-wall-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .social-wall-block__inner {
        padding-bottom: 60px
    }
}

.social-wall-block__header {
    position: relative;
    padding-bottom: 30px
}

@media only screen and (min-width:63.75em) {
    .social-wall-block__header {
        padding-bottom: 20px;
        padding-right: 230px
    }
}

.social-wall-block__header h2 {
    position: relative;
    padding-top: 20px;
    margin: 10px 0
}

.social-wall-block__header h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 2px;
    background: currentColor
}

@media only screen and (min-width:45em) {
    .social-wall-block__header h2::before {
        width: 90px
    }
}

.social-wall-block__twitter-button {
    margin-top: 20px
}

@media only screen and (min-width:63.75em) {
    .social-wall-block__twitter-button {
        position: absolute;
        right: 0;
        top: 27px;
        margin-top: 0
    }
}

.social-wall-block__twitter-button a.twitter-hashtag-button {
    visibility: hidden
}

.social-wall-block__twitter-button iframe.twitter-hashtag-button {
    display: inline-block;
    vertical-align: middle
}

.social-wall-block__twitter-link {
    color: #92b5da;
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration: none
}

.social-wall-block__twitter-link:focus,
.social-wall-block__twitter-link:hover {
    text-decoration: underline
}

.social-wall-block__feed {
    position: relative
}

.no-js .social-wall-block__feed {
    display: none
}

.social-wall-block__feed>a[data-type=tint] {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 120px;
    padding: 10px;
    opacity: .8
}

@media only screen and (min-width:33.75em) {
    .social-wall-block__feed>a[data-type=tint] {
        top: -33px;
        width: 154px
    }
}

.social-wall-block__feed>a[data-type=tint]:focus,
.social-wall-block__feed>a[data-type=tint]:hover {
    opacity: 1
}

.social-wall-block__feed>a[data-type=tint]>img {
    width: 100%;
    height: auto
}

.social-wall-block__tint {
    position: relative;
    overflow: hidden;
    contain: content
}

.social-wall-block__tint .tintup {
    margin: -50px -5px 0;
    min-height: 500px;
    background: rgba(255, 255, 255, .1);
    transition: .5s 1s background
}

.social-wall-block__tint .tintup[data-finishedloadingmoreposts=true] {
    background: 0 0
}

.social-wall-block__tint .tintup>div {
    min-height: calc(100% + 50px)
}

.sources-map-popup {
    scrollbar-color: rgba(255, 255, 255, .5) transparent;
    scrollbar-width: thin;
    position: relative;
    overflow-y: auto;
    max-height: calc(100vh - 50px);
    padding: 20px;
    background: #2b6aac;
    border-radius: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, .8)
}

.sources-map-popup::-webkit-scrollbar-track {
    margin: .3em 0;
    background-color: transparent
}

.sources-map-popup::-webkit-scrollbar {
    width: 1em
}

.sources-map-popup::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .5);
    border: .3em solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-clip: padding-box
}

@media only screen and (min-width:33.75em) {
    .sources-map-popup {
        padding: 20px 25px;
        font-size: 1.4rem
    }
}

.sources-map-popup__header {
    padding-bottom: 1em;
    color: #fff
}

@media only screen and (min-width:33.75em) {
    .sources-map-popup__header {
        padding-bottom: 2em
    }
}

.sources-map-popup__header h4 {
    margin-bottom: 0
}

.sources-map-popup__main {
    padding-bottom: 1em
}

@media only screen and (min-width:33.75em) {
    .sources-map-popup__main {
        padding-bottom: 1.3em
    }
}

.sources-map-popup__main[aria-hidden=true] {
    display: none
}

.sources-map-popup__main ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sources-map-popup__main li+li {
    margin-top: 1em
}

.sources-map-popup__main li>span {
    display: block
}

.sources-map-popup__main li>span:first-child {
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 2.2rem;
    color: #92b5da
}

.sources-map-popup__main li>span:last-child {
    font-size: 1.2rem
}

.sources-map-popup__metadata[aria-hidden=true] {
    display: none
}

.sources-map-popup__metadata dl {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.sources-map-popup__metadata dd,
.sources-map-popup__metadata dt {
    margin-bottom: 5px;
    width: 50%;
    padding-bottom: 4px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    line-height: 1.25
}

.sources-map-popup__metadata dd:last-of-type,
.sources-map-popup__metadata dt:last-of-type {
    margin-bottom: 10px
}

.sources-map-popup__metadata dt {
    padding-right: 10px;
    font-size: 1.2rem
}

.sources-map-popup__metadata dd {
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-size: 1.3rem;
    color: #92b5da;
    text-align: right
}

.sources-map-popup__metadata p {
    margin: .5em 0 2em
}

.sources-map-popup__actions {
    margin: 15px 0;
    border-top: 1px solid #215775;
    border-bottom: 1px solid #215775
}

.sources-map-popup__actions button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding: 15px 0 14px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    text-align: left;
    pointer-events: all
}

.sources-map-popup__actions button:active {
    outline: 0
}

.sources-map-popup__actions button:hover {
    text-decoration: underline
}

.sources-map-popup__actions button::before {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem
}

.sources-map-popup__actions button[data-type=expand]::before {
    content: "+"
}

.sources-map-popup__actions button[data-type=contract]::before {
    content: "–";
    transform: translateY(-3px)
}

.sources-map-popup__actions button[aria-hidden=true] {
    display: none
}

.sources-map-popup__share {
    position: relative
}

.sources-map-popup__share p {
    margin-bottom: 1.2em
}

.sources-map-popup__share a,
.sources-map-popup__share button {
    pointer-events: all
}

.sources-map {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #001b2a
}

.sources-map__map {
    position: relative;
    width: 100%;
    height: 100%
}

.sources-map__map>div {
    width: 100%;
    height: 100%
}

.sources-map__map canvas {
    width: 100%;
    height: 100%;
    outline: 0
}

.sources-map__map .mapboxgl-ctrl-logo {
    margin-top: -32px !important;
    width: 68px !important;
    height: 16.8px !important;
    opacity: .7
}

.sources-map__map .mapboxgl-ctrl-bottom-right {
    right: auto !important;
    left: 0 !important
}

.sources-map__map .mapboxgl-ctrl-attrib {
    opacity: .5;
    font-size: .8rem
}

@media only screen and (min-width:33.75em) {
    .sources-map__map .mapboxgl-ctrl-attrib {
        font-size: 1rem;
        opacity: .7
    }
}

.sources-map__map .mapboxgl-ctrl-attrib:hover,
.sources-map__map .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.sources-map__map .mapboxgl-popup {
    width: 360px;
    pointer-events: none
}

.sources-map__map .mapboxgl-popup-content {
    padding: 0;
    border-radius: 0;
    pointer-events: none;
    background: #2b6aac
}

.sources-map__map .mapboxgl-popup-close-button {
    z-index: 1;
    padding: 10px 12px;
    font-size: 3rem;
    color: #fff;
    pointer-events: all
}

.sources-map__map .mapboxgl-popup-close-button:hover {
    opacity: .5
}

.sources-map__legend-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 10px;
    line-height: 0;
    background: #fff
}

.sources-map__legend-button:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .sources-map__legend-button {
        right: 15px;
        bottom: 15px
    }
}

.sources-map__legend-button>svg {
    fill: #2b6aac;
    transform: rotate(180deg)
}

.sources-map__legend-button:focus,
.sources-map__legend-button:hover {
    opacity: .7
}

.sources-map__legend-button:active {
    transform: scale(.85)
}

.sources-map__legend-button[aria-expanded=false]>svg {
    transform: rotate(0)
}

.sources-map__legend {
    z-index: 5;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    padding: 25px;
    background: #2b6aac;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    transform-origin: 100% 100%;
    transition: all .2s
}

@media only screen and (min-width:33.75em) {
    .sources-map__legend {
        right: 30px;
        bottom: 30px;
        width: 300px
    }
}

@media only screen and (max-width:33.6875em) {
    .sources-map__legend {
        box-shadow: 0 2px 5px 0 rgba(0, 27, 42, .3)
    }
}

@media only screen and (max-width:33.6875em) {
    .no-csscalc .sources-map__legend {
        width: 290px
    }
}

.sources-map__legend[aria-hidden=true] {
    transform: scale(0);
    opacity: 0;
    visibility: hidden
}

.no-csstransforms .sources-map__legend[aria-hidden=true] {
    display: none
}

.sources-map__legend section {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.sources-map__legend-logo>a {
    margin-bottom: 5px;
    display: block;
    width: 128px;
    height: 11px;
    background: url(/app/themes/toc/assets/build/images/normal.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.sources-map__legend-logo>a:focus,
.sources-map__legend-logo>a:hover {
    opacity: .7
}

.sources-map__legend-counter {
    margin-bottom: 10px
}

.sources-map__legend-counter p {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, .8);
    line-height: 1.4
}

.sources-map__legend-counter p>span {
    margin-bottom: 5px;
    display: block;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-size: 1.5rem;
    color: #92b5da
}

.sources-map__legend dl {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    margin-top: 20px;
    position: relative;
    line-height: 1.3
}

.sources-map__legend dl:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.sources-map__legend dl::before {
    content: "";
    position: absolute;
    left: 25%;
    top: 4px;
    bottom: 4px;
    margin-left: 15px;
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, .1)
}

.sources-map__legend dt {
    margin: 0;
    float: left;
    clear: left;
    width: 25%;
    padding: 4px 0;
    text-align: right
}

.sources-map__legend dt[data-type=circle]>svg {
    width: 15px;
    height: 15px
}

.sources-map__legend dt[data-type=scale]>svg {
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-size: .8rem;
    transform: translateY(5px)
}

.sources-map__legend dt[data-type=line] {
    transform: translateY(-2px)
}

.sources-map__legend dd {
    margin: 0;
    float: left;
    width: 75%;
    padding: 4px 0 4px 32px
}

.sources-map__instructions-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 10px;
    line-height: 0;
    background: #fff
}

.sources-map__instructions-button:active {
    outline: 0
}

.sources-map__instructions-button>svg {
    fill: #2b6aac;
    transform: rotate(90deg)
}

@media only screen and (max-width:47.4375em) {
    .sources-map__instructions-button {
        display: none
    }
}

.sources-map__instructions-button:focus,
.sources-map__instructions-button:hover {
    opacity: .7
}

.sources-map__instructions-button:active {
    transform: scale(.85)
}

.sources-map__instructions-button[aria-expanded=false]>svg {
    transform: rotate(-90deg)
}

.sources-map__instructions {
    z-index: 5;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 250px;
    padding: 20px 25px;
    background: #5b7f92;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    transform-origin: 100% 0;
    transition: all .2s
}

@media only screen and (max-width:47.4375em) {
    .sources-map__instructions {
        display: none
    }
}

.sources-map__instructions[aria-hidden=true] {
    transform: scale(0);
    opacity: 0;
    visibility: hidden
}

.no-csstransforms .sources-map__instructions[aria-hidden=true] {
    display: none
}

.sources-map__instructions dl {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    position: relative;
    line-height: 1.2
}

.sources-map__instructions dl:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.sources-map__instructions dl::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 4px;
    bottom: 4px;
    margin-left: 15px;
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, .5)
}

.sources-map__instructions dt {
    margin: 0;
    float: left;
    clear: left;
    width: 10%;
    padding: 6px 0;
    text-align: center
}

.sources-map__instructions dt>svg {
    fill: #fff
}

.sources-map__instructions dt:nth-of-type(1) {
    margin-top: 1px
}

.sources-map__instructions dt:nth-of-type(2) {
    margin-top: 4px
}

.sources-map__instructions dt:nth-of-type(3) {
    margin-top: 4px
}

.sources-map__instructions dd {
    margin: 0;
    float: left;
    width: 90%;
    padding: 6px 0 6px 32px
}

.sources-map__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    z-index: 20;
    position: absolute;
    bottom: 35px;
    right: 35px;
    max-width: 350px;
    background: #ffeaec
}

@media only screen and (min-width:45em) {
    .sources-map__warning {
        font-size: 1.6rem
    }
}

.sources-map__warning ol,
.sources-map__warning ul {
    margin: 1em 0 2em
}

.sources-map__warning ol:first-child,
.sources-map__warning ul:first-child {
    margin-top: 0
}

.sources-map__warning ol:last-child,
.sources-map__warning ul:last-child {
    margin-bottom: 0
}

.sources-map__warning ol li+li,
.sources-map__warning ul li+li {
    margin-top: 5px
}

.sources-map__warning ol li>ul:first-child,
.sources-map__warning ul li>ul:first-child {
    margin-top: 10px
}

.sources-map__warning p:last-child {
    margin-bottom: 0
}

.sources-map__warning[aria-hidden=true] {
    display: none
}

.sources-map .flickity-enabled {
    position: relative;
    padding-top: 25px
}

.sources-map .flickity-enabled:focus {
    outline: 0
}

.sources-map .flickity-viewport {
    position: relative;
    height: 100%
}

.sources-map .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.sources-map .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sources-map .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.sources-map .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.sources-map .flickity-page-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    top: 15px;
    left: 25px;
    position: absolute
}

@media only screen and (min-width:33.75em) {
    .sources-map .flickity-page-dots {
        left: 30px
    }
}

.sources-map .flickity-page-dots .dot {
    margin-right: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #5b7f92;
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    opacity: .5
}

.sources-map .flickity-page-dots .dot.is-selected {
    opacity: 1
}

.sources-map .flickity-prev-next-button {
    z-index: 20;
    position: absolute;
    bottom: -36px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sources-map .flickity-prev-next-button>svg {
    fill: #2b6aac;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

.sources-map .flickity-prev-next-button:active {
    opacity: .6
}

.sources-map .flickity-prev-next-button.previous {
    left: 20px
}

@media only screen and (min-width:33.75em) {
    .sources-map .flickity-prev-next-button.previous {
        left: 24px
    }
}

@media only screen and (min-width:45em) {

    .sources-map .flickity-prev-next-button.previous:focus>svg,
    .sources-map .flickity-prev-next-button.previous:hover>svg {
        transform: translate3d(-10px, 0, 0)
    }
}

.sources-map .flickity-prev-next-button.next {
    left: 60px
}

@media only screen and (min-width:45em) {

    .sources-map .flickity-prev-next-button.next:focus>svg,
    .sources-map .flickity-prev-next-button.next:hover>svg {
        transform: translate3d(10px, 0, 0)
    }
}

.sources-map .flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.sources-map .flickity-prev-next-button:disabled>svg {
    transform: none !important
}

.step-chart {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.step-chart__labels {
    margin-left: 1rem
}

.step-chart__current {
    font-size: 1.4rem;
    margin: 0;
    font-weight: 600;
    color: #2b6aac
}

@media only screen and (min-width:56.25em) {
    .step-chart__current {
        font-size: 1.6rem
    }
}

.step-chart__next {
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 0;
    color: #5b7f92
}

@media only screen and (min-width:33.75em) {
    .step-chart__next {
        font-size: 1.4rem
    }
}

.step-chart__chart {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 0 0 auto;
    border-radius: 100%
}

.step-chart__line {
    border-radius: 50%;
    clip: rect(0, 60px, 60px, calc(60px / 2));
    height: 100%;
    position: absolute;
    width: 100%
}

.step-chart__line-inner {
    border-radius: 50%;
    clip: rect(0, calc(60px / 2), 60px, 0);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
    transform: rotate(0);
    background-color: #6eeb83;
    transition: transform .3s ease-in-out
}

.step-chart__center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    border: 3px solid #bedae9
}

.step-chart__steps-text {
    font-size: 1.2rem
}

.step-chart__current-step {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600
}

[data-orientation=left] {
    transform: rotate(120deg)
}

[data-orientation=left] .step-chart__line-inner {
    transform: rotate(0)
}

[data-orientation=right] .step-chart__line-inner {
    transform: rotate(120deg)
}

[data-total-steps="2"] [data-orientation=right] .step-chart__line-inner {
    transform: rotate(180deg)
}

[data-total-steps="2"] [data-orientation=left] .step-chart__line-inner {
    transform: rotate(0)
}

[data-total-steps="3"][data-current-step="1"] [data-orientation=right] .step-chart__line-inner {
    transform: rotate(120deg)
}

[data-total-steps="3"][data-current-step="1"] [data-orientation=left] .step-chart__line-inner {
    transform: rotate(0)
}

[data-total-steps="3"][data-current-step="2"] [data-orientation=right] .step-chart__line-inner {
    transform: rotate(120deg)
}

[data-total-steps="3"][data-current-step="2"] [data-orientation=left] .step-chart__line-inner {
    transform: rotate(120deg)
}

.sticky-toc {
    z-index: 2100;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: flex-start;
    padding-top: 3px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 55, 85, .4);
    transform: translateY(-110%) translateZ(0);
    transition: all .3s
}

@media only screen and (min-width:45em) {
    .sticky-toc {
        padding-top: 0
    }
}

.sticky-toc[aria-hidden=false] {
    transform: translateZ(0)
}

.no-flexbox .sticky-toc {
    zoom: 1
}

.no-flexbox .sticky-toc:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.sticky-toc>a {
    display: none
}

@media only screen and (min-width:45em) {
    .sticky-toc>a {
        flex: 0 0 auto;
        display: block;
        width: 105px;
        height: 75px;
        background: #92b5da url(/app/themes/toc/assets/build/images/normal.svg) no-repeat center;
        background-size: 75px 27px;
        color: #fff
    }
}

@media only screen and (min-width:71.25em) {
    .sticky-toc>a {
        width: 229px;
        background-image: url(/app/themes/toc/assets/build/images/largo.svg);
        background-size: 179px 15px
    }
}

@media only screen and (min-width:93.75em) {
    .sticky-toc>a {
        width: 279px
    }
}

.no-flexbox .sticky-toc>a {
    float: left
}

.sticky-toc>a span {
    display: none
}

.sticky-toc nav {
    flex: 1 1 auto;
    -webkit-tap-highlight-color: transparent
}

.no-flexbox .sticky-toc nav {
    float: left;
    width: calc(100% - 229px - 75px)
}

.sticky-toc nav[aria-hidden=true] {
    cursor: pointer
}

.sticky-toc nav[aria-hidden=true]:hover a {
    opacity: .7
}

@media only screen and (min-width:86.25em) {
    .sticky-toc nav[aria-hidden=false] {
        max-width: calc(100% - 229px - 229px)
    }
}

.sticky-toc nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding-left: 20px
}

.sticky-toc nav li {
    position: relative;
    padding-left: 35px
}

@media only screen and (min-width:33.75em) {
    .sticky-toc nav li {
        padding-left: 50px
    }
}

.sticky-toc nav a {
    display: none;
    height: 100%;
    padding: 5px 0;
    padding-right: 10px;
    min-height: 49px;
    font-size: 1.2rem;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none
}

@media only screen and (min-width:22.5em) {
    .sticky-toc nav a {
        font-size: 1.3rem
    }
}

@media only screen and (min-width:33.75em) {
    .sticky-toc nav a {
        padding-right: 15px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width:45em) {
    .sticky-toc nav a {
        min-height: 74px;
        padding-right: 50px;
        font-size: 2rem
    }
}

@media only screen and (min-width:63.75em) {
    .sticky-toc nav a {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:45em) {
    .no-objectfit.no-cssfilters .sticky-toc nav a {
        height: 74px
    }
}

.sticky-toc nav a>svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    transform: translateY(-50%);
    stroke: currentColor
}

@media only screen and (min-width:45em) {
    .sticky-toc nav a>svg {
        width: 1.2em;
        height: 1.2em
    }
}

.sticky-toc nav[aria-hidden=false] li+li a {
    border-top: 1px solid #eaeaea
}

.sticky-toc nav a span {
    display: block
}

@media only screen and (min-width:45em) {
    .sticky-toc nav[aria-hidden=false] a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: .8em;
        height: .5em;
        transform: translateY(-50%) rotate(.75turn);
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%239E9E9E' fill='transparent' stroke-width='1' fill-rule='evenodd' d='M0 1l9.137 9L18 1.004'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center
    }
}

.sticky-toc nav a:focus,
.sticky-toc nav a:hover {
    color: #92b5da
}

.sticky-toc nav a:focus::after,
.sticky-toc nav a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2301CBE1' fill='transparent' stroke-width='1' fill-rule='evenodd' d='M0 1l9.137 9L18 1.004'/%3E%3C/svg%3E")
}

.sticky-toc nav[aria-hidden=false] a[aria-current=true] {
    color: #92b5da
}

.sticky-toc nav[aria-hidden=true] a {
    pointer-events: none
}

.sticky-toc nav a[aria-current=true],
.sticky-toc nav[aria-hidden=false] a {
    display: flex;
    align-items: center
}

.sticky-toc button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 50px;
    border-left: 1px solid #eaeaea
}

.sticky-toc button:active {
    outline: 0
}

@media only screen and (min-width:45em) {
    .sticky-toc button {
        flex: 0 0 75px;
        width: 75px;
        height: 75px
    }
}

@media only screen and (min-width:86.25em) {
    .sticky-toc button {
        position: absolute;
        top: 0;
        right: 0
    }
}

.no-flexbox .sticky-toc button {
    float: right
}

.sticky-toc nav[aria-hidden=false]~button {
    border-bottom: 1px solid #eaeaea
}

.sticky-toc button:active,
.sticky-toc button:hover {
    outline: 0;
    background: #f2f5f6
}

.sticky-toc button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23013755' fill='transparent' stroke-width='1' fill-rule='evenodd' d='M0 1l9.137 9L18 1.004'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25em auto
}

@media only screen and (min-width:45em) {
    .sticky-toc button::before {
        background-size: 1.1em auto
    }
}

.sticky-toc button[aria-expanded=true]::before {
    transform: scaleY(-1)
}

.sticky-toc__read-indicator {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f2f5f6;
    color: #92b5da;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media only screen and (min-width:45em) {
    .sticky-toc__read-indicator {
        width: calc(100% - 105px);
        left: 105px
    }
}

@media only screen and (min-width:63.75em) {
    .sticky-toc__read-indicator {
        width: calc(100% - 229px);
        left: 229px
    }
}

.sticky-toc__read-indicator::-webkit-progress-bar {
    background-color: transparent
}

.sticky-toc__read-indicator::-webkit-progress-value {
    background-color: #92b5da
}

.sticky-toc__read-indicator::-moz-progress-bar {
    background-color: #92b5da
}

.story-map-embed {
    position: relative;
    background-color: #2b6aac
}

@media only screen and (min-width:48em) {
    .story-map-embed::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #175c81;
        transform: translateY(-50%)
    }
}

.story-map-embed__frame {
    height: 90rem;
    background-color: #2b6aac
}

.video-embed iframe {
    padding-bottom: 1.7rem
}

@media only screen and (min-width:33.75em) {
    .video-embed iframe {
        padding-bottom: 2rem
    }
}

@media only screen and (min-width:45em) {
    .video-embed iframe {
        padding-bottom: 3.8rem
    }
}

.styled-radio-buttons-v2 {
    position: relative
}

.styled-radio-buttons-v2 input {
    position: absolute;
    left: -1000px;
    opacity: 0
}

.styled-radio-buttons-v2 label {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px;
    background: 0 0;
    border: 2px solid #bedae9;
    border-radius: 2px;
    color: #2b6aac;
    text-transform: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:56.25em) {
    .styled-radio-buttons-v2 label {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:33.75em) {
    .styled-radio-buttons-v2 label {
        padding: 10px 15px
    }
}

.styled-radio-buttons-v2.styled-radio-buttons-v2 label {
    display: inline-block
}

.styled-radio-buttons-v2 label:hover {
    background: #bedae9
}

.styled-radio-buttons-v2 input:focus+label {
    outline: 3px solid #ff8c00
}

.styled-radio-buttons-v2 input:active+label,
.styled-radio-buttons-v2 label:active {
    outline: 0
}

.styled-radio-buttons-v2 input:checked+label {
    background: #2b6aac;
    color: #fff;
    border: 2px solid #2b6aac
}

.styled-radio-buttons-v2 label span {
    font-size: 1.2rem
}

.styled-radio-buttons {
    position: relative
}

.styled-radio-buttons input {
    position: absolute;
    left: -1000px;
    opacity: 0
}

.styled-radio-buttons label {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
    background: rgba(91, 127, 146, .3);
    border: 1px solid transparent;
    border-radius: 2px;
    color: #2b6aac;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.styled-radio-buttons.styled-radio-buttons label {
    display: inline-block
}

.styled-radio-buttons label:hover {
    background: rgba(91, 127, 146, .5)
}

.styled-radio-buttons input:focus+label {
    outline: 3px solid #ff8c00
}

.styled-radio-buttons input:active+label,
.styled-radio-buttons label:active {
    outline: 0
}

.styled-radio-buttons input:checked+label {
    background: #2b6aac;
    color: #fff
}

.styleguide-item {
    position: relative;
    border: 10px solid #eaeaea
}

.styleguide-item[data-type=partials] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 2em
}

.styleguide-item[data-type=partials]>:nth-child(1n+2) {
    margin: 1em
}

.styleguide-item+.styleguide-item {
    border-top: 0
}

.styleguide-item[data-type=blocks]>:nth-child(1n+2)+* {
    border-top: 5px solid #eaeaea
}

.styleguide-item__header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.styleguide-item__header-inner {
    position: relative;
    height: 100%
}

.styleguide-item__label {
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 7px 10px;
    background: #2b6aac;
    color: #fff;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1;
    text-transform: none;
    pointer-events: all
}

.styleguide-navigation {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .styleguide-navigation {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .styleguide-navigation {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .styleguide-navigation {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .styleguide-navigation {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .styleguide-navigation {
        padding-bottom: 40px
    }
}

.styleguide-navigation h4 {
    margin-bottom: 1em
}

.styleguide-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding-left: 20px
}

.styleguide-navigation ul::before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;
    border-left: 1px solid #2b6aac
}

.styleguide-navigation li a {
    position: relative;
    display: block;
    padding: 2px 0;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-transform: none;
    text-decoration: none
}

.styleguide-navigation li a::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -22px;
    border-left: 5px solid transparent
}

.styleguide-navigation li a:hover {
    text-decoration: underline
}

.styleguide-navigation li a:hover::before {
    border-color: #2b6aac
}

.styleguide-template {
    position: relative
}

.styleguide-template__tabs-container {
    background: #2b6aac;
    color: #fff
}

.styleguide-template__tabs {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .styleguide-template__tabs {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.styleguide-template__tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -5px;
    display: flex
}

.styleguide-template__tabs li {
    padding: 0 5px
}

.styleguide-template__tabs a {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2rem;
    text-decoration: none;
    text-transform: none
}

.styleguide-template__tabs a:hover {
    background: rgba(255, 255, 255, .2)
}

.styleguide-template__tabs a[aria-selected=true] {
    background: #fff;
    color: #2b6aac
}

.styleguide-template__panel[aria-hidden=true] {
    display: none
}

.supporter-quote-card {
    display: flex;
    padding: 24px 24px 18px;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(135, 135, 135, .15)
}

.supporter-quote-card__image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 24px;
    transform: translateY(1rem)
}

.supporter-quote-card__name {
    font-size: 1.6rem;
    display: inline-block;
    margin-right: 6px;
    padding-bottom: 4px;
    font-weight: 600
}

@media only screen and (min-width:56.25em) {
    .supporter-quote-card__name {
        font-size: 1.8rem
    }
}

.supporter-quote-card__country {
    font-size: 1.2rem;
    line-height: 1.35;
    display: inline-block;
    padding-bottom: 12px
}

@media only screen and (min-width:33.75em) {
    .supporter-quote-card__country {
        font-size: 1.4rem
    }
}

.supporter-quote-card__caption {
    margin-bottom: 12px;
    border-bottom: 2px solid #eaeaea;
    line-height: 1
}

.supporter-quote-card__quote {
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 0;
    padding: 0;
    line-height: 1.4
}

@media only screen and (min-width:33.75em) {
    .supporter-quote-card__quote {
        font-size: 1.4rem
    }
}

.supporters-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(/app/themes/toc/assets/build/images/icons/text-bubbles-background-e7ba127a1a.svg);
    background-repeat: no-repeat;
    background-position: 90% 80%;
    background-size: 80%
}

@media only screen and (min-width:33.75em) {
    .supporters-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .supporters-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .supporters-block__inner {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .supporters-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .supporters-block__inner {
        padding-bottom: 80px
    }
}

.supporters-block__header {
    max-width: 430px;
    margin-bottom: 3rem
}

@media only screen and (min-width:45em) {
    .supporters-block__header {
        margin-bottom: 8rem
    }
}

.supporters-block__quotes {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 3rem
}

@media only screen and (min-width:45em) {
    .supporters-block__quotes {
        margin-top: -11rem
    }
}

.supporters-block__quote {
    max-width: 340px;
    width: 100%;
    margin: 2rem
}

.supporters-block {
    overflow: hidden;
    background-color: #f6f6f6
}

.supporters-block .flickity-enabled {
    position: relative
}

.supporters-block .flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.supporters-block .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.supporters-block .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.supporters-block .flickity-prev-next-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-position: center
}

.supporters-block .flickity-prev-next-button:active {
    outline: 0
}

.supporters-block .flickity-prev-next-button.next {
    right: 0;
    background: url(/app/themes/toc/assets/build/images/icons/slider-right--primary-2f7fa03490.svg) no-repeat
}

.supporters-block .flickity-prev-next-button.previous {
    right: 50px;
    background: url(/app/themes/toc/assets/build/images/icons/slider-left--primary-df4863dcb5.svg) no-repeat
}

.supporters-block .flickity-prev-next-button:active {
    opacity: .6
}

.supporters-block .flickity-prev-next-button:disabled {
    display: none
}

.system-dashboard-meta__section {
    margin: 0;
    padding: 1.8rem 0
}

.system-dashboard-meta__section:not(:last-child) {
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.system-dashboard-meta__section:first-of-type {
    padding-top: 0
}

.system-dashboard-meta__title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 0
}

@media only screen and (min-width:33.75em) {
    .system-dashboard-meta__title {
        font-size: 1.4rem
    }
}

.system-dashboard-meta__summary {
    margin: 0;
    padding: 0;
    list-style: none
}

.system-dashboard-meta__summary-item {
    margin: 1rem 0
}

.system-dashboard-meta__summary-value {
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    display: block;
    color: #92b5da
}

@media only screen and (min-width:56.25em) {
    .system-dashboard-meta__summary-value {
        font-size: 2.1rem
    }
}

.system-dashboard-meta__statuses .systems-dashboard-status {
    background-color: transparent
}

.system-dashboard-meta__statuses {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 24rem
}

.system-dashboard-meta__status-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    padding: 5px 7px 6px;
    background: rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: rgba(255, 255, 255, .8)
}

.system-dashboard-meta__status-items {
    flex-shrink: 0
}

.system-dashboard-meta__status-item {
    display: block
}

.system-dashboard-meta__status-item[data-visible=false] {
    display: none
}

.system-map-block {
    position: relative;
    overflow: hidden;
    background: #175c81
}

@media only screen and (min-width:58.75em) {
    .system-map-block {
        padding: 45px 40px
    }
}

.system-map-block--light {
    padding-top: 45px;
    background-color: #fff
}

.system-map-block__inner {
    position: relative
}

@media only screen and (min-width:58.75em) {
    .system-map-block__inner {
        zoom: 1;
        box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2)
    }

    .system-map-block__inner:after {
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        content: ""
    }
}

.system-map-block__map {
    position: relative;
    overflow: hidden;
    height: 250px;
    background: #282828
}

@media only screen and (min-width:33.75em) {
    .system-map-block__map {
        height: 500px
    }
}

@media only screen and (min-width:58.75em) {
    .system-map-block--with-markers .system-map-block__map {
        float: left;
        width: calc(100% - 320px)
    }
}

.system-map-block__accordion {
    z-index: 15;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0;
    background: 0 0;
    counter-reset: accordion
}

@media only screen and (min-width:58.75em) {
    .system-map-block__accordion {
        float: left;
        margin-left: -10px;
        width: 330px;
        padding-left: 10px;
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }
}

@media only screen and (min-width:58.75em) {

    .system-map-block__accordion,
    .system-map-block__map {
        height: 600px
    }
}

@media only screen and (min-width:87.5em) {

    .system-map-block__accordion,
    .system-map-block__map {
        height: 700px
    }
}

@media only screen and (min-width:112.5em) {

    .system-map-block__accordion,
    .system-map-block__map {
        height: 40vmax;
        min-height: 800px
    }
}

@media only screen and (min-width:58.75em) {
    .no-csscalc .system-map-block__map {
        width: 70%
    }
}

@media only screen and (min-width:58.75em) {
    .no-csscalc .system-map-block__accordion {
        width: 30%
    }
}

@media only screen and (min-width:58.75em) {
    .no-toucheventsfixed .system-map-block__accordion::-webkit-scrollbar-track {
        margin: 5px 0;
        background-color: transparent
    }

    .no-toucheventsfixed .system-map-block__accordion::-webkit-scrollbar {
        width: 15px;
        background: #fff
    }

    .no-toucheventsfixed .system-map-block__accordion::-webkit-scrollbar-thumb {
        background-color: #2b6aac;
        border: 5px solid transparent;
        border-top: 0;
        border-bottom: 0;
        background-clip: padding-box
    }
}

.system-map-block__heading {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 20;
    position: relative;
    width: 100%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    color: #fff;
    pointer-events: none
}

@media only screen and (min-width:33.75em) {
    .system-map-block__heading {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .system-map-block__heading {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .system-map-block__heading {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .system-map-block__heading {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .system-map-block__heading {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .system-map-block__heading {
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: none
    }
}

@media only screen and (min-width:58.75em) {
    .system-map-block__heading {
        max-width: calc(100% - 320px)
    }
}

@media only screen and (max-width:33.6875em) {
    .system-map-block--light .system-map-block__heading {
        background: #175c81;
        box-shadow: none
    }
}

.system-map-block__heading h2 {
    margin-bottom: 0
}

.system-map-block .system-map-block__heading h2 {
    max-width: 90%
}

.system-map-block__mapbox,
.system-map-block__mapbox-wrapper {
    width: 100%;
    height: 100%
}

.system-map-block__mapbox .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    margin: 25px 25px 0 0
}

.system-map-block__mapbox .mapboxgl-ctrl-logo {
    opacity: .7
}

@media only screen and (max-width:33.6875em) {
    .system-map-block__mapbox .mapboxgl-ctrl-logo {
        margin-bottom: -13px !important;
        width: 59.5px !important;
        height: 14.7px !important
    }
}

.system-map-block__mapbox .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.system-map-block__mapbox .mapboxgl-ctrl-attrib {
    opacity: .7;
    font-size: 1rem
}

@media only screen and (max-width:33.6875em) {
    .system-map-block__mapbox .mapboxgl-ctrl-attrib::after {
        width: 16.8px !important;
        height: 16.8px !important
    }
}

.system-map-block__mapbox .mapboxgl-ctrl-attrib:hover {
    opacity: 1
}

.system-map-block__mapbox .mapboxgl-ctrl-scale {
    margin-top: 0 !important;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff
}

@media only screen and (max-width:58.6875em) {
    .system-map-block__mapbox .mapboxgl-ctrl-scale {
        margin-top: -50px !important
    }
}

.system-map-block__windy-wrapper {
    position: absolute;
    top: 0;
    left: 0
}

.system-map-block__windy,
.system-map-block__windy-wrapper {
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity 1s
}

.system-map-block__windy,
.system-map-block__windy .leaflet-container {
    background: 0 0 !important
}

.system-map-block__windy #bottom,
.system-map-block__windy #embed-zoom,
.system-map-block__windy #mobile-ovr-select {
    display: none !important
}

.system-map-block__windy .leaflet-marker-pane .labels-layer,
.system-map-block__windy .leaflet-objects-pane .labels-layer,
.system-map-block__windy .leaflet-tile-pane .basemap-layer,
.system-map-block__windy .leaflet-tile-pane .labels-layer {
    display: none !important
}

.system-map-block__windy .leaflet-tile-pane>div {
    opacity: .05
}

.system-map-block__windy .picker {
    display: none !important
}

.system-map-block__windy #logo-wrapper {
    position: absolute;
    top: auto !important;
    left: auto !important;
    right: 12px !important;
    bottom: 57px !important
}

@media only screen and (min-width:33.75em) {
    .system-map-block__windy #logo-wrapper {
        right: 105px !important;
        bottom: 33px !important
    }
}

.system-map-block__windy #logo-wrapper #logo {
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
    display: block !important;
    width: 57px !important;
    transform: none !important
}

@media only screen and (min-width:33.75em) {
    .system-map-block__windy #logo-wrapper #logo {
        width: 78px !important
    }
}

.system-map-block__windy #logo-wrapper #logo img:hover {
    transform: none !important
}

.system-map-block__accordion>ol {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%;
    background: #92b5da;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3)
}

.system-map-block__accordion>ol>li+li {
    border-top: 1px solid rgba(0, 55, 85, .3)
}

.system-map-block__tab>a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 9px 40px 11px 50px;
    background: #92b5da;
    color: #fff;
    text-decoration: none;
    transition: none
}

@media only screen and (min-width:33.75em) {
    .system-map-block__tab>a {
        padding: 11px 40px 13px 50px
    }
}

.system-map-block__tab>a:focus,
.system-map-block__tab>a:hover {
    background: #01b4c8
}

.system-map-block__tab>a:focus::after,
.system-map-block__tab>a:hover::after {
    opacity: 1
}

.system-map-block__tab>a::before {
    content: counter(accordion);
    counter-increment: accordion;
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    transform: translateY(-50%);
    border-right: 1px solid rgba(255, 255, 255, .4);
    font-size: 1.8rem;
    color: #fff;
    text-align: center
}

.system-map-block__tab>a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    display: block;
    width: 20px;
    height: 16px;
    background: url(/app/themes/toc/assets/build/images/icons/arrow-down--white-74cf840865.svg) no-repeat;
    background-size: contain;
    background-position: center;
    opacity: .7
}

.system-map-block__tab>a[aria-selected=true] {
    background: #2b6aac;
    cursor: default
}

.system-map-block__tab>a[aria-selected=true]::after {
    transform: scaleY(-1);
    opacity: .2
}

.system-map-block__tab h3,
.system-map-block__tab p {
    margin: 0;
    width: 100%;
    line-height: 1.1
}

.system-map-block__tab h3 {
    margin-bottom: 1px;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem
}

@media only screen and (min-width:33.75em) {
    .system-map-block__tab h3 {
        margin-bottom: 3px
    }
}

.system-map-block__tab>a[aria-selected=true] h3::before {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2b6aac
}

@media only screen and (min-width:58.75em) {
    .system-map-block__tab>a[aria-selected=true] h3::before {
        content: ""
    }
}

.system-map-block__tab p {
    font-size: 1.5rem
}

.system-map-block__panel {
    position: relative;
    overflow: hidden;
    max-height: 1000px;
    background: #fff;
    transition: all 1s
}

.js .system-map-block__panel[aria-hidden=true] {
    max-height: 0;
    transition-duration: .2s
}

.system-map-block__panel-content {
    padding: 10px 15px 15px;
    color: #4a4a4a;
    font-size: 1.4rem
}

.system-map-block__panel-content h4 {
    margin: 0 0 5px;
    width: 100%;
    font-size: 1.6rem;
    color: #175c81
}

.system-map-block__panel-content p:last-child {
    margin-bottom: 0
}

.system-map-block__panel-content h4::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.system-map-block__panel-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 30px
}

.system-map-block__panel-content li {
    position: relative;
    padding-left: 15px
}

.system-map-block__panel-content li::before {
    content: "-";
    position: absolute;
    top: -1px;
    left: 0
}

.system-map-block__marker {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 80
}

.system-map-block__marker:active {
    outline: 0
}

.system-map-block__live-marker {
    width: 20px;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.system-map-block__live-marker>span {
    display: block;
    width: 100%;
    height: 100%;
    background: #d0001b;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-animation: 1s infinite alternate live-marker;
    animation: 1s infinite alternate live-marker
}

.system-map-block__live-marker[aria-hidden=true] {
    display: none
}

@-webkit-keyframes live-marker {
    from {
        transform: scale(.75)
    }

    to {
        transform: scale(1)
    }
}

@keyframes live-marker {
    from {
        transform: scale(.75)
    }

    to {
        transform: scale(1)
    }
}

.system-map-block__location {
    position: absolute;
    padding: 10px;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.system-map-block__location>span {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 1.8rem;
    border-radius: 50%;
    background: #92b5da;
    color: #fff;
    box-shadow: 0 0 10px 3px rgba(0, 55, 85, .5);
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    transition: all .15s
}

@media only screen and (min-width:33.75em) {
    .system-map-block__location>span {
        width: 24px;
        height: 24px;
        line-height: 2.4rem;
        font-size: 1.4rem
    }
}

@media only screen and (min-width:45em) {
    .system-map-block__location>span {
        width: 32px;
        height: 32px;
        line-height: 3.2rem;
        font-size: 1.7rem
    }
}

.system-map-block__location:hover>span {
    background: #01b4c8
}

.system-map-block__locations>li[aria-current=step]>div>span,
.system-map-block__mapbox [aria-current=step]>div>span {
    background: #fff;
    color: #2b6aac;
    transform: scale(1.1)
}

.system-map-block__location>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.system-map-block__legend {
    position: relative;
    padding: 10px 20px;
    background: #2b6aac;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    transform-origin: 100% 100%;
    transition: all .2s
}

@media only screen and (min-width:58.75em) {
    .system-map-block__legend {
        z-index: 100;
        position: absolute;
        bottom: 25px;
        left: 25px;
        width: 100%;
        max-width: 180px;
        padding: 10px 20px;
        background: #2b6aac;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width:75em) {
    .system-map-block__legend {
        left: 40px;
        bottom: 40px
    }
}

.system-map-block__legend::before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, .1)
}

@media only screen and (min-width:58.75em) {
    .system-map-block__legend::before {
        content: none
    }
}

@media only screen and (min-width:58.75em) {
    .system-map-block .system-map-block__legend {
        left: 40px;
        bottom: 40px
    }
}

.system-map-block__legend dl {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    position: relative;
    overflow: hidden;
    line-height: 1.2
}

.system-map-block__legend dl:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.system-map-block__legend dl::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 4px;
    bottom: 4px;
    margin-left: 15px;
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, .1)
}

.system-map-block__legend dt {
    margin: 0;
    float: left;
    clear: left;
    width: 15px;
    text-align: right;
    line-height: 0
}

.system-map-block__legend dd {
    margin: 0;
    float: left;
    width: auto;
    padding: 4px 0 4px 30px
}

.system-map-block__legend section {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8);
    line-height: 1.4
}

.system-map-block__legend section[aria-hidden=true] {
    display: none
}

.system-map-block__legend p {
    margin-bottom: 0
}

.system-map-block__legend p>span {
    color: #fff
}

.system-map-block__legend span[data-type=system] {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    margin-top: 5px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #d0001b;
    border: 2px solid #fff;
    border-radius: 50%
}

.system-map-block__legend span[data-type=trajectory] {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    margin-top: 11px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #92b5da
}

.system-map-block__legend span[data-type=wind] {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    margin-top: 11px;
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.system-map-block__browser-warning {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    display: block;
    padding: 10px;
    background: #2b6aac;
    color: #fff;
    text-align: center
}

.system-map-block__browser-warning[aria-hidden=true] {
    display: none
}

.system-map-block__browser-warning p {
    margin-bottom: 0;
    line-height: 1.5
}

.system-map-block__browser-warning a {
    color: #fff
}

.systems-dashboard-info {
    position: relative;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, .8)
}

.systems-dashboard-info h2,
.systems-dashboard-info h4 {
    color: #fff
}

.systems-dashboard-info h4 {
    margin-bottom: 1em;
    font-size: 1.8rem
}

.systems-dashboard-info__figure {
    margin: 0;
    line-height: 0;
    z-index: 3;
    position: relative;
    width: 100%;
    height: 190px;
    background: rgba(255, 255, 255, .25)
}

.systems-dashboard-info__figure img {
    width: 100%;
    line-height: normal
}

.systems-dashboard-info__figure[data-visible=false] {
    display: none
}

.systems-dashboard-info__cookie-consent {
    display: none
}

.systems-dashboard-info__cookie-consent[data-visible=true] {
    display: block
}

.systems-dashboard-info__figure iframe {
    width: 100%
}

.systems-dashboard-info__figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.object-fit .systems-dashboard-info__figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.systems-dashboard-info__header {
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: -18px;
    margin-bottom: 10px;
    padding: 25px 20px 15px;
    background: #2b6aac;
    box-shadow: 0 0 5px 2px rgba(0, 55, 85, .5)
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__header {
        padding: 25px 25px 15px
    }
}

.systems-dashboard-info__header h2 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: .25em;
    text-transform: none;
    letter-spacing: 0
}

@media only screen and (min-width:56.25em) {
    .systems-dashboard-info__header h2 {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:63.75em) {
    .systems-dashboard-info__header h2 {
        font-size: 2.2rem
    }
}

.systems-dashboard-info__header h2 strong {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle
}

.systems-dashboard-info__header>span {
    display: block
}

.systems-dashboard-info__header>span[data-value=null] {
    display: none
}

.systems-dashboard-info__meta {
    margin: 0 20px;
    font-size: 1.2rem
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__meta {
        margin: 0 25px
    }
}

.systems-dashboard-info__meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 24px 0 27px;
    border-top: 1px solid rgba(1, 203, 225, .2);
    border-bottom: 1px solid rgba(1, 203, 225, .2)
}

.systems-dashboard-info__meta ul li:not([data-value="0"])+li {
    margin-top: 25px
}

.systems-dashboard-info__meta ul span {
    display: block;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-size: 2.2rem;
    letter-spacing: -.05em;
    color: #92b5da
}

.systems-dashboard-info__meta>span {
    margin-top: 5px;
    display: block;
    color: rgba(255, 255, 255, .5)
}

.systems-dashboard-info__meta[data-check-river="00"][data-check-ocean="00"] {
    display: none
}

.systems-dashboard-info__meta [data-value="0"] {
    display: none
}

.systems-dashboard-info__body {
    padding: 25px 20px;
    background: #2b6aac
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__body {
        padding: 25px
    }
}

.systems-dashboard-info__companies {
    margin: 2em 0 0
}

.systems-dashboard-info__companies dl {
    margin: 0;
    display: inline
}

.systems-dashboard-info__companies dt {
    display: inline;
    font-weight: inherit
}

.systems-dashboard-info__companies dd {
    margin: 0;
    display: inline;
    font-weight: 600;
    color: #fff
}

.systems-dashboard-info__media {
    padding: 25px 20px;
    background: #2b6aac
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__media {
        padding: 25px
    }
}

.systems-dashboard-info__media[aria-hidden=true] {
    display: none
}

.systems-dashboard-info__media-type {
    padding: 10px 0 15px;
    border-top: 1px solid rgba(1, 203, 225, .2);
    border-bottom: 1px solid rgba(1, 203, 225, .2)
}

.systems-dashboard-info__media-type+.systems-dashboard-info__media-type {
    border-top: none
}

.systems-dashboard-info__media-type[aria-hidden=true] {
    display: none
}

.systems-dashboard-info__media-type h5 {
    margin-bottom: 10px;
    color: #92b5da;
    font-size: 1.2rem;
    text-transform: uppercase
}

.systems-dashboard-info__media-type ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -7px;
    display: flex;
    flex-wrap: wrap
}

.systems-dashboard-info__media-type[data-type=videos] .systems-dashboard-info__video-cookie-consent .cookie-consent-embed-overlay a {
    display: inline
}

[data-type=images][aria-hidden=true],
[data-type=videos][aria-hidden=true] {
    display: none
}

.systems-dashboard-info__media-type[data-type=videos] li {
    width: 100%;
    padding: 7px
}

.systems-dashboard-info__media-type[data-type=images] li {
    width: 33.333%;
    padding: 7px
}

.systems-dashboard-info__media-type figure {
    margin: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 66.667%;
    background: rgba(255, 255, 255, .25)
}

.systems-dashboard-info__media-type figure img {
    width: 100%;
    line-height: normal
}

.systems-dashboard-info__media-type[data-type=videos] figure>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    fill: #fff
}

.systems-dashboard-info__media-type[data-type=videos] ul a {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    text-decoration: none
}

.systems-dashboard-info__media-type[data-type=videos] ul a:hover {
    text-decoration: underline
}

.systems-dashboard-info__media-type[data-type=videos] ul a>div {
    margin-right: 14px;
    flex: 0 0 85px;
    width: 85px
}

.systems-dashboard-info__media-type[data-type=videos] ul a>span {
    flex: 1 1 auto
}

.systems-dashboard-info__media-type a:hover figure {
    opacity: .7
}

.systems-dashboard-info__media-type img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.object-fit .systems-dashboard-info__media-type img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.systems-dashboard-info__video-cookie-consent {
    position: relative
}

.systems-dashboard-info__links {
    padding: 25px 20px 30px;
    background: #2b6aac
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__links {
        padding: 25px 25px 35px
    }
}

.systems-dashboard-info__links-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(1, 203, 225, .2)
}

.systems-dashboard-info__links-item {
    border-bottom: 1px solid rgba(1, 203, 225, .2)
}

[data-system-type=Ocean] [data-show-for=River],
[data-system-type=River] [data-show-for=Ocean] {
    display: none
}

.systems-dashboard-info__links-link {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 40px;
    color: #fff;
    text-align: left;
    text-transform: none;
    text-decoration: none
}

.systems-dashboard-info__links-link:active {
    outline: 0
}

.systems-dashboard-info__links-link:hover {
    text-decoration: underline
}

.systems-dashboard-info__links-link>svg {
    position: absolute;
    fill: #92b5da;
    stroke: #92b5da
}

.systems-dashboard-info__links-link>svg[data-icon=atoms] {
    left: 5px;
    top: 13px;
    width: 18px;
    height: 18px;
    opacity: .9
}

.systems-dashboard-info__links-link>svg[data-icon=economy] {
    left: 0;
    top: 10px;
    width: 28px;
    height: 24px
}

.systems-dashboard-info__links-link>svg[data-icon=bottle] {
    left: 0;
    top: 6px;
    width: 26px;
    height: 31px
}

.systems-dashboard-info__links-link>svg[data-icon=mail] {
    left: 0;
    top: 6px;
    width: 26px;
    height: 31px
}

.systems-dashboard-info__links-link>svg[data-icon=plastic-soup] {
    left: 0;
    top: 9px;
    width: 26px;
    height: 24px
}

.systems-dashboard-info__links-link>svg[data-icon=arrow-right],
.systems-dashboard-info__links-link>svg[data-icon=plus] {
    right: 0;
    top: 15px;
    width: 8px;
    height: 14px;
    transition: transform .2s
}

.systems-dashboard-info__links-link:hover>svg[data-icon=arrow-right] {
    transform: translateX(5px)
}

.systems-dashboard-info__social {
    padding: 25px 20px 30px;
    background: #2b6aac
}

@media only screen and (min-width:45em) {
    .systems-dashboard-info__social {
        padding: 25px 25px 35px
    }
}

.systems-dashboard-info__social[data-visible=false] {
    display: none
}

.systems-dashboard-info__links-item.systems-dashboard-info__social-links {
    padding: 2rem 0;
    border-bottom: none
}

[data-system-type=Ocean] .systems-dashboard__type {
    display: none
}

.systems-dashboard-meta-preview {
    opacity: 0
}

.systems-dashboard-meta-preview--show {
    opacity: 1;
    transition: .2s opacity
}

.systems-dashboard-meta-preview__value {
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    display: block;
    color: #92b5da
}

@media only screen and (min-width:56.25em) {
    .systems-dashboard-meta-preview__value {
        font-size: 2.1rem
    }
}

.systems-dashboard-status {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 7px 6px;
    background: rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: rgba(255, 255, 255, .8);
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1
}

.systems-dashboard-status::before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .35)
}

.systems-dashboard-status[data-status=contract_signed i]::before {
    background: #a5a5a5
}

.systems-dashboard-status[data-status=build_completed i]::before,
.systems-dashboard-status[data-status=build_started i]::before {
    background: #7bc0de
}

.systems-dashboard-status[data-status=installed_for_testing i]::before {
    background: #92b5da
}

.systems-dashboard-status[data-status=active i]::before,
.systems-dashboard-status[data-status=in_operation i]::before {
    background: #6eeb83
}

.systems-dashboard-status[data-status=in_maintenance i]::before,
.systems-dashboard-status[data-status=operation_paused i]::before {
    background: #fff07c
}

.systems-dashboard {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #2b6aac
}

.systems-dashboard__map {
    z-index: 1;
    position: relative;
    height: 100%
}

.systems-dashboard__map .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    margin: 25px 25px 0 0
}

.systems-dashboard__map .mapboxgl-ctrl-logo {
    opacity: .7
}

@media only screen and (max-width:33.6875em) {
    .systems-dashboard__map .mapboxgl-ctrl-logo {
        margin-bottom: -13px !important;
        width: 59.5px !important;
        height: 14.7px !important
    }
}

.systems-dashboard__map .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.systems-dashboard__map .mapboxgl-ctrl-attrib {
    opacity: .7;
    font-size: 1rem
}

@media only screen and (max-width:33.6875em) {
    .systems-dashboard__map .mapboxgl-ctrl-attrib::after {
        width: 16.8px !important;
        height: 16.8px !important
    }
}

.systems-dashboard__map .mapboxgl-ctrl-attrib:hover {
    opacity: 1
}

.systems-dashboard__map .mapboxgl-ctrl-scale {
    margin-top: 0 !important;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff
}

.systems-dashboard__map .mapboxgl-ctrl-logo {
    margin-top: -32px !important;
    width: 68px !important;
    height: 16.8px !important;
    opacity: .7
}

.systems-dashboard__map .mapboxgl-ctrl-bottom-right {
    right: auto !important;
    left: 0 !important
}

.systems-dashboard__map .mapboxgl-ctrl-attrib {
    opacity: .5;
    font-size: .8rem
}

@media only screen and (min-width:33.75em) {
    .systems-dashboard__map .mapboxgl-ctrl-attrib {
        font-size: 1rem;
        opacity: .7
    }
}

.systems-dashboard__map .mapboxgl-ctrl-attrib:hover,
.systems-dashboard__map .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

@media only screen and (max-width:33.6875em) {
    .systems-dashboard__map .mapboxgl-ctrl-logo {
        margin-bottom: 0 !important
    }
}

.systems-dashboard__active-marker::before {
    content: "";
    position: absolute;
    margin-top: -23px;
    margin-left: -23px;
    display: block;
    width: 46px;
    height: 46px;
    background: rgba(253, 65, 65, .5);
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-animation: 1s ease 0s infinite alternate systems-dashboard-active-marker;
    animation: 1s ease 0s infinite alternate systems-dashboard-active-marker;
    pointer-events: none
}

.systems-dashboard__active-marker::after {
    content: "";
    position: absolute;
    margin-top: -8px;
    margin-left: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: #fd4141;
    border-radius: 50%;
    pointer-events: none
}

@-webkit-keyframes systems-dashboard-active-marker {
    from {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes systems-dashboard-active-marker {
    from {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.systems-dashboard__info {
    scrollbar-color: rgba(255, 255, 255, .5) transparent;
    scrollbar-width: thin;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    width: 100%;
    max-width: 80%;
    background: #2b6aac;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    transition: all .3s
}

.systems-dashboard__info::-webkit-scrollbar-track {
    margin: .3em 0;
    background-color: transparent
}

.systems-dashboard__info::-webkit-scrollbar {
    width: 1em
}

.systems-dashboard__info::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .5);
    border: .3em solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-clip: padding-box
}

@media only screen and (min-width:33.75em) {
    .systems-dashboard__info {
        max-width: 350px
    }
}

@media only screen and (min-width:45em) {
    .systems-dashboard__info {
        max-width: 425px
    }
}

.systems-dashboard__info[aria-hidden=true] {
    transform: translate3d(100%, 0, 0);
    visibility: hidden
}

.systems-dashboard__info-close-wrapper {
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%
}

.systems-dashboard__info-close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 16px;
    background: rgba(0, 55, 85, .5);
    line-height: 0
}

.systems-dashboard__info-close:active {
    outline: 0
}

.systems-dashboard__info-close:hover {
    opacity: .7
}

.systems-dashboard__info-close>svg {
    width: 13px;
    height: 13px;
    stroke: #fff
}

.systems-dashboard__warning {
    padding: 15px 20px;
    background: rgba(208, 0, 27, .08);
    border-left: 3px solid #d0001b;
    color: #d0001b;
    font-size: 1.4rem;
    line-height: 1.35;
    z-index: 3;
    position: absolute;
    bottom: 35px;
    right: 35px;
    max-width: 350px;
    background: #ffeaec
}

@media only screen and (min-width:45em) {
    .systems-dashboard__warning {
        font-size: 1.6rem
    }
}

.systems-dashboard__warning ol,
.systems-dashboard__warning ul {
    margin: 1em 0 2em
}

.systems-dashboard__warning ol:first-child,
.systems-dashboard__warning ul:first-child {
    margin-top: 0
}

.systems-dashboard__warning ol:last-child,
.systems-dashboard__warning ul:last-child {
    margin-bottom: 0
}

.systems-dashboard__warning ol li+li,
.systems-dashboard__warning ul li+li {
    margin-top: 5px
}

.systems-dashboard__warning ol li>ul:first-child,
.systems-dashboard__warning ul li>ul:first-child {
    margin-top: 10px
}

.systems-dashboard__warning p:last-child {
    margin-bottom: 0
}

.systems-dashboard__warning[aria-hidden=true] {
    display: none
}

.systems-dashboard__map~.pswp img {
    max-width: 1920px;
    -o-object-fit: contain;
    object-fit: contain
}

.table-block {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.4rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .table-block {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .table-block {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .table-block {
        padding-top: 80px
    }
}

@media only screen and (min-width:33.75em) {
    .table-block {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:45em) {
    .table-block {
        padding-bottom: 80px
    }
}

.table-block__scroll-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-block table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse
}

.table-block th {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: #2b6aac;
    color: #fff;
    font-size: 1.1rem;
    text-align: left;
    white-space: nowrap;
    padding: 1.25rem 1rem
}

.table-block td,
.table-block th {
    min-width: 20rem;
    padding: 1rem;
    text-align: left;
    vertical-align: top
}

.table-block tr {
    border-bottom: 1px solid #eaeaea
}

.table-of-contents {
    margin-top: -1px;
    margin-bottom: -1px;
    position: relative;
    width: 100%;
    background-color: #2b6aac
}

.table-of-contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #175c81
}

.table-of-contents__inner {
    position: relative;
    padding: 0
}

@media only screen and (min-width:23.4375em) {
    .table-of-contents__inner {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (min-width:45em) {
    .table-of-contents__inner {
        margin: 0 auto
    }
}

@media only screen and (min-width:63.75em) {
    .table-of-contents__inner {
        max-width: 900px
    }
}

.table-of-contents ol {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    padding: 5px 0 5px 15px;
    background: #fff
}

@media only screen and (min-width:23.4375em) {
    .table-of-contents ol {
        padding-left: 20px
    }
}

@media only screen and (min-width:45em) {
    .table-of-contents ol {
        padding: 25px 50px
    }
}

.table-of-contents li {
    position: relative;
    padding-left: 2em;
    stroke: currentColor;
    font-size: 1.6rem;
    line-height: 1.375;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .table-of-contents li {
        font-size: 2.4rem;
        line-height: 1.15
    }
}

.table-of-contents li:first-child a {
    border: 0
}

.table-of-contents a {
    display: block;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: 1em;
    border-top: 1px solid #eaeaea;
    text-decoration: none
}

@media only screen and (min-width:45em) {
    .table-of-contents a {
        padding-top: .9em;
        padding-bottom: .9em;
        padding-right: 1.5em
    }
}

@media only screen and (min-width:45em) {
    .table-of-contents a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: .8em;
        height: .5em;
        transform: translateY(-50%) rotate(.75turn);
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%239E9E9E' fill='transparent' stroke-width='1' fill-rule='evenodd' d='M0 1l9.137 9L18 1.004'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center
    }
}

.table-of-contents a:focus,
.table-of-contents a:hover {
    color: #92b5da
}

.table-of-contents a:focus::after,
.table-of-contents a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2301CBE1' fill='transparent' stroke-width='1' fill-rule='evenodd' d='M0 1l9.137 9L18 1.004'/%3E%3C/svg%3E")
}

.table-of-contents a:hover .table-of-contents a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 2em
}

.table-of-contents li a>svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    transform: translateY(-50%);
    stroke: #2b6aac
}

.team-member-archive {
    position: relative
}

.team-member-archive__filters {
    padding-top: 25px;
    margin-bottom: -10px
}

.team-member-archive__filters .filter-nav__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .team-member-archive__filters .filter-nav__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.team-member-archive__list {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .team-member-archive__list {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .team-member-archive__list {
        padding-top: 40px
    }
}

@media only screen and (min-width:33.75em) {
    .team-member-archive__list {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:45em) {
    .team-member-archive__list {
        padding-bottom: 40px
    }
}

.team-member-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (min-width:33.75em) {
    .team-member-list {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr))
    }
}

.cssgridlegacy .team-member-list,
.no-cssgrid .team-member-list {
    display: block
}

.cssgridlegacy .team-members-list__item,
.no-cssgrid .team-members-list__item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%
}

@media only screen and (min-width:33.75em) {

    .cssgridlegacy .team-members-list__item,
    .no-cssgrid .team-members-list__item {
        width: 150px
    }
}

.cssgridlegacy .team-members-list__item[aria-hidden=true],
.no-cssgrid .team-members-list__item[aria-hidden=true],
.team-members-list__item[aria-hidden=true] {
    display: none
}

.team-members-list__item {
    position: relative
}

.team-members-list__item>figure {
    margin: 0
}

.team-members-list__item>figure img {
    display: block
}

.team-member-list__trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.team-member-list__trigger:active {
    outline: 0
}

.team-member-list__content {
    padding: 6px 10px 15px;
    word-wrap: break-word;
    text-align: center
}

.team-member-list__content>h4 {
    font-size: 1.6rem;
    margin: 0 0 3px
}

@media only screen and (min-width:56.25em) {
    .team-member-list__content>h4 {
        font-size: 1.8rem
    }
}

.team-member-list__content>span {
    font-size: 1.2rem;
    line-height: 1.35;
    display: block
}

@media only screen and (min-width:33.75em) {
    .team-member-list__content>span {
        font-size: 1.4rem
    }
}

.team-member-list__trigger:focus~.team-member-list__content,
.team-members-list__item:hover .team-member-list__content {
    color: #92b5da
}

.team-member-list__bio-wrapper {
    grid-column: 1/-1;
    margin: 1em 0 2em;
    position: relative;
    background: #2b6aac;
    color: #fff
}

.cssgridlegacy .team-member-list__bio-wrapper,
.no-cssgrid .team-member-list__bio-wrapper {
    width: 100%
}

.team-member-list__bio-wrapper:last-child {
    margin-bottom: 0
}

.team-member-list__bio {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:33.75em) {
    .team-member-list__bio {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

@media only screen and (min-width:33.75em) {
    .team-member-list__bio {
        display: flex;
        align-items: flex-start;
        padding-top: 2.5em;
        padding-bottom: 2.5em
    }
}

.team-member-list__bio>figure {
    margin: 0 0 1em;
    width: 100%;
    background: #175c81
}

@media only screen and (min-width:33.75em) {
    .team-member-list__bio>figure {
        margin-bottom: 0;
        margin-right: 2em;
        flex: 0 0 40%;
        width: 40%;
        max-width: 320px
    }
}

.team-member-list__bio>figure img {
    display: block;
    opacity: .5;
    transition: opacity .5s
}

.team-member-list__bio-wrapper.is-active .team-member-list__bio>figure img {
    opacity: 1
}

.team-member-list__bio header {
    margin-bottom: .75em;
    padding-right: 2em;
    font-size: 2.7rem;
    line-height: 1.1
}

.team-member-list__bio header>h1 {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
    font-weight: 600;
    margin-bottom: .1em;
    font-size: inherit;
    text-transform: none
}

.team-member-list__bio header>span {
    font-size: .9em
}

.team-member-list__bio-indicator {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2b6aac;
    transform: translateY(100%);
    transition: all .25s ease-out
}

@media only screen and (min-width:45em) {
    .team-member-list__bio-indicator {
        margin-left: -20px;
        border-width: 20px
    }
}

.team-member-list__bio-wrapper.is-active .team-member-list__bio-indicator {
    transform: none
}

.team-member-list__bio-close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 13px;
    background: #92b5da;
    line-height: 0
}

.team-member-list__bio-close:active {
    outline: 0
}

@media only screen and (min-width:33.75em) {
    .team-member-list__bio-close {
        top: 0;
        right: 0;
        padding: 1.5em;
        background: 0 0
    }
}

.team-member-list__bio-close>svg {
    width: 16px;
    height: 16px;
    stroke: #fff
}

@media only screen and (min-width:33.75em) {
    .team-member-list__bio-close>svg {
        width: 20px;
        height: 20px;
        stroke: #92b5da
    }
}

.team-member-list__bio-close:hover {
    opacity: .7
}

.team-member-list__bio-aside {
    margin-top: 3rem
}

@media only screen and (min-width:45em) {
    .team-member-list__bio-aside {
        margin-top: 0
    }
}

.team-member-list__social-link {
    display: inline-block;
    margin-right: .75rem
}

.team-members-block {
    position: relative;
    overflow: hidden
}

.team-members-block__inner {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width:33.75em) {
    .team-members-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .team-members-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .team-members-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .team-members-block__inner {
        padding-bottom: 60px
    }
}

.team-members-block__header {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .team-members-block__header {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.team-members-block__filters {
    padding-top: 2em;
    margin-bottom: -10px
}

.team-member-block__list {
    padding-top: 20px
}

@media only screen and (min-width:33.75em) {
    .team-member-block__list {
        padding-top: 30px
    }
}

@media only screen and (min-width:45em) {
    .team-member-block__list {
        padding-top: 40px
    }
}

.team-members-block .button[aria-hidden=true] {
    display: none
}

.team-nationalities-block {
    position: relative;
    background: #175c81;
    color: #fff
}

.team-nationalities-block__header {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__header {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__header {
        padding-top: 60px
    }
}

@media only screen and (min-width:45em) {
    .team-nationalities-block__header {
        padding-top: 80px
    }
}

.team-nationalities-block__map {
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 auto;
    max-width: 1500px;
    padding: 25px 0
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__map {
        padding: 50px 25px
    }
}

.team-nationalities-block__map-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.3786008%
}

.team-nationalities-block__map-inner>svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    fill: #2b6aac
}

.team-nationalities-block__map-inner>svg [data-highlighted=true],
.team-nationalities-block__map-inner>svg [data-highlighted=true] path {
    fill: #92b5da
}

.team-nationalities-block__countries {
    z-index: 2;
    position: relative;
    background: rgba(1, 40, 60, .65)
}

.team-nationalities-block__countries-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__countries-inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .team-nationalities-block__countries-inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__countries-inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .team-nationalities-block__countries-inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__countries-inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.team-nationalities-block__countries-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -1em;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__countries-inner ul {
        margin: -1.5em -1em
    }
}

.team-nationalities-block__countries-inner ul>li {
    width: 33.3%;
    padding: 1em
}

@media only screen and (min-width:33.75em) {
    .team-nationalities-block__countries-inner ul>li {
        width: 25%;
        padding: 1.5em 1em
    }
}

.team-nationalities-block__countries-inner ul>li img {
    margin-bottom: .5em;
    width: 30px;
    height: 23px;
    mix-blend-mode: screen
}

.team-nationalities-block__countries-inner ul>li small {
    color: rgba(255, 255, 255, .75);
    line-height: 1.2
}

.text-block {
    position: relative;
    overflow: hidden
}

.text-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .text-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

.text-block--no-description .text-block__inner h2 {
    margin-bottom: 0
}

.text-block--aside .text-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.6rem;
    line-height: 1.5
}

@media only screen and (min-width:33.75em) {
    .text-block--aside .text-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-block--aside .text-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-block--aside .text-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-block--aside .text-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-block--aside .text-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 860px
    }
}

.text-block__body .wp-caption {
    margin-bottom: 2em;
    position: relative;
    width: 100% !important
}

@media only screen and (min-width:45em) {
    .text-block__body .wp-caption {
        width: auto
    }
}

.text-block__body .wp-caption>a {
    background-image: none !important;
    text-decoration: none
}

.text-block__body .aligncenter,
.text-block__body .alignnone {
    margin: 1.5em auto 2em
}

.text-block__body p .aligncenter,
.text-block__body p .alignnone {
    margin: 0
}

.text-block__body .alignleft,
.text-block__body .alignright {
    float: none;
    width: 100% !important
}

@media only screen and (min-width:45em) {

    .text-block__body .alignleft,
    .text-block__body .alignright {
        width: 360px !important
    }
}

@media only screen and (min-width:33.75em) {
    .text-block__body .alignleft {
        float: left;
        margin: .5em 1.75em 1.15em 0 !important
    }
}

@media only screen and (min-width:33.75em) {
    .text-block__body .alignright {
        float: right;
        margin: .5em 0 1.15em 1.75em !important
    }
}

.text-block__body iframe {
    width: 100%
}

.text-block__body iframe.twitter-timeline {
    width: 100% !important;
    max-width: 640px !important
}

.text-block__body twitterwidget {
    margin: 2em auto !important
}

.text-block__body blockquote.twitter-tweet {
    width: 100%;
    padding: 0;
    background: 0 0;
    color: #2b6aac
}

.text-block__body blockquote.twitter-tweet p {
    margin-bottom: .5em;
    padding: 0
}

.text-block__body iframe.instagram-media {
    margin: 1.5em auto !important
}

.text-block__body blockquote.instagram-media {
    margin: 1em auto !important;
    width: 100%;
    padding: 0;
    background: 0 0;
    color: #2b6aac
}

.text-block__body blockquote.instagram-media p {
    margin-bottom: .5em;
    padding: 0
}

.text-block__body figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25
}

@media only screen and (min-width:33.75em) {
    .text-block__body figcaption {
        font-size: 1.6rem
    }
}

.text-block__body figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--secondary-774c4b920e.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .text-block__body figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-block__body figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .text-block__body figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .text-block__body figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-block__body blockquote {
    margin: 1em 0;
    width: 100%;
    padding: .7em 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    color: #92b5da;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -.02em;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .text-block__body blockquote {
        font-size: 3.2rem;
        line-height: 1.2
    }
}

.text-block__body blockquote p {
    margin-bottom: .7em
}

.text-block__body blockquote p:last-child {
    margin-bottom: 0
}

.text-block__body blockquote cite,
.text-block__body blockquote footer {
    font-size: .55em;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0
}

.text-block__body ol,
.text-block__body ul {
    margin: 1em 0 2em
}

.text-block__body ol:first-child,
.text-block__body ul:first-child {
    margin-top: 0
}

.text-block__body ol:last-child,
.text-block__body ul:last-child {
    margin-bottom: 0
}

.text-block__body ol li+li,
.text-block__body ul li+li {
    margin-top: 5px
}

.text-block__body ol li>ul:first-child,
.text-block__body ul li>ul:first-child {
    margin-top: 10px
}

.text-block__body p:last-child {
    margin-bottom: 0
}

.text-block--two-columns-title .text-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .text-block--two-columns-title .text-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .text-block--two-columns-title .text-block__inner {
        display: flex
    }
}

.text-block--two-columns-title h2 {
    color: inherit;
    text-align: left
}

@media only screen and (min-width:45em) {
    .text-block--two-columns-title h2 {
        margin: 0;
        padding: 0;
        width: 50%;
        padding-right: 30px;
        text-align: right
    }
}

@media only screen and (min-width:63.75em) {
    .text-block--two-columns-title h2 {
        width: 40%
    }
}

.text-block--two-columns-title h2::before {
    left: 0;
    margin-left: 0
}

@media only screen and (min-width:45em) {
    .text-block--two-columns-title h2::before {
        content: none
    }
}

.text-block--two-columns-title .text-block__body {
    position: relative
}

@media only screen and (min-width:45em) {
    .text-block--two-columns-title .text-block__body {
        width: 50%;
        padding-left: 40px
    }
}

@media only screen and (min-width:63.75em) {
    .text-block--two-columns-title .text-block__body {
        width: 60%
    }
}

@media only screen and (min-width:45em) {
    .text-block--two-columns-title .text-block__body::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        bottom: 0;
        display: block;
        border-left: 2px solid currentColor
    }
}

.text-block--two-columns .text-block__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .text-block--two-columns .text-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

@media only screen and (min-width:45em) {
    .text-block--two-columns .text-block__inner {
        display: flex;
        flex-wrap: wrap
    }
}

.text-block--two-columns h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    width: 100%
}

@media only screen and (min-width:45em) {
    .text-block--two-columns .text-block__body {
        width: 50%
    }
}

@media only screen and (min-width:45em) {
    .text-block--two-columns .text-block__body:first-of-type {
        padding-right: 30px
    }
}

.text-block--two-columns .text-block__body:last-of-type {
    padding-top: 25px
}

@media only screen and (min-width:45em) {
    .text-block--two-columns .text-block__body:last-of-type {
        padding-top: 0;
        padding-left: 30px
    }
}

.text-block--secondary {
    background: #2eaccb;
    color: #fff
}

.text-block--grey-light {
    background: #f2f5f6;
    color: #2b6aac
}

.text-media-block {
    position: relative;
    overflow: hidden
}

.text-media-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .text-media-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-media-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-media-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .text-media-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .text-media-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.text-media-block__inner:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.text-media-block__body {
    margin-bottom: 2em
}

@media only screen and (min-width:45em) {
    .text-media-block__body {
        float: left;
        margin-bottom: 0;
        width: 60%;
        padding-right: 5%
    }
}

@media only screen and (min-width:63.75em) {
    .text-media-block__body {
        float: left;
        width: 45%
    }
}

.text-media-block__body p:last-child {
    margin-bottom: 0
}

.text-media-block__body blockquote {
    margin: 1em 0;
    width: 100%;
    padding: .7em 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    color: #92b5da;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -.02em;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .text-media-block__body blockquote {
        font-size: 3.2rem;
        line-height: 1.2
    }
}

.text-media-block__body blockquote p {
    margin-bottom: .7em
}

.text-media-block__body blockquote p:last-child {
    margin-bottom: 0
}

.text-media-block__body blockquote cite,
.text-media-block__body blockquote footer {
    font-size: .55em;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0
}

.text-media-block__body ol,
.text-media-block__body ul {
    margin: 1em 0 2em
}

.text-media-block__body ol:first-child,
.text-media-block__body ul:first-child {
    margin-top: 0
}

.text-media-block__body ol:last-child,
.text-media-block__body ul:last-child {
    margin-bottom: 0
}

.text-media-block__body ol li+li,
.text-media-block__body ul li+li {
    margin-top: 5px
}

.text-media-block__body ol li>ul:first-child,
.text-media-block__body ul li>ul:first-child {
    margin-top: 10px
}

@media only screen and (min-width:45em) {
    .text-media-block__media {
        clear: right;
        float: right;
        width: 40%
    }
}

@media only screen and (min-width:63.75em) {
    .text-media-block__media {
        width: 55%
    }
}

.text-media-block:not([data-type=slider]) figure {
    margin: 0;
    line-height: 0;
    position: relative
}

.text-media-block:not([data-type=slider]) figure img {
    width: 100%;
    line-height: normal
}

.text-media-block:not([data-type=slider]) figure+figure {
    margin-top: 1.5em
}

.text-media-block:not([data-type=slider]) figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25
}

@media only screen and (min-width:33.75em) {
    .text-media-block:not([data-type=slider]) figcaption {
        font-size: 1.6rem
    }
}

.text-media-block:not([data-type=slider]) figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--secondary-774c4b920e.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .text-media-block:not([data-type=slider]) figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-media-block:not([data-type=slider]) figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .text-media-block:not([data-type=slider]) figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .text-media-block:not([data-type=slider]) figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-media-block:not([data-type=slider]) figure img,
.text-media-block:not([data-type=slider]) figure video {
    background: #f2f5f6
}

@media only screen and (min-width:45em) {
    .text-media-block--large-text .text-media-block__body {
        width: 60%
    }
}

@media only screen and (min-width:63.75em) {
    .text-media-block--large-text .text-media-block__body {
        width: 55%
    }
}

@media only screen and (min-width:45em) {
    .text-media-block--large-text .text-media-block__media {
        width: 40%
    }
}

@media only screen and (min-width:63.75em) {
    .text-media-block--large-text .text-media-block__media {
        width: 45%
    }
}

.text-media-block--image-left .text-media-block__media {
    float: left;
    clear: none
}

.text-media-block--image-left .text-media-block__body {
    float: right;
    clear: none
}

@media only screen and (min-width:45em) {
    .text-media-block--image-left .text-media-block__body {
        padding-right: 0;
        padding-left: 5%
    }
}

.text-media-block--secondary {
    background: #2b6aac;
    color: #fff
}

.text-media-block--secondary:not([data-type=slider]) figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25
}

@media only screen and (min-width:33.75em) {
    .text-media-block--secondary:not([data-type=slider]) figcaption {
        font-size: 1.6rem
    }
}

.text-media-block--secondary:not([data-type=slider]) figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--white-aa6d15bb55.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .text-media-block--secondary:not([data-type=slider]) figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-media-block--secondary:not([data-type=slider]) figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .text-media-block--secondary:not([data-type=slider]) figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .text-media-block--secondary:not([data-type=slider]) figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.text-media-block--grey-light {
    background: #f2f5f6;
    color: #2b6aac
}

.text-media-block__compare-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.text-media-block__compare-label {
    position: absolute;
    right: 15px;
    top: 10px;
    line-height: 1.2
}

.text-media-block__compare-label[data-color=light] {
    color: #fff
}

.text-media-block__compare-image {
    z-index: 2;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    transform: translateZ(0);
    border-right: 2px solid #2b6aac
}

.text-media-block__compare-image[data-color=light] {
    border-color: #fff
}

.text-media-block__compare-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto !important;
    height: 100%;
    max-width: none
}

.text-media-block__compare-image .text-media-block__compare-label {
    right: auto;
    left: 15px;
    white-space: nowrap
}

.text-media-block__handle {
    z-index: 3;
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -22px;
    border-radius: 50%;
    border: 2px solid #2b6aac;
    background: #2b6aac;
    cursor: -webkit-grab;
    cursor: grab;
    text-decoration: none;
    transition: border .3s
}

.text-media-block__handle:focus,
.text-media-block__handle:hover {
    border-color: #92b5da
}

.text-media-block__handle[data-color=light] {
    background: #fff;
    border-color: #fff
}

.text-media-block__handle[data-color=light]:focus,
.text-media-block__handle[data-color=light]:hover {
    border-color: #92b5da
}

.text-media-block__handle>svg {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 12px;
    height: 22px;
    fill: #fff
}

.text-media-block__handle[data-color=light]>svg {
    fill: #2b6aac
}

.text-media-block__handle svg:last-of-type {
    left: auto;
    right: 5px;
    transform: rotate(180deg)
}

.text-media-block__video {
    position: relative
}

.text-media-block__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.text-media-block__video-play {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px
}

.text-media-block__video-play:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .text-media-block__video-play {
        width: 180px;
        height: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .text-media-block__video-play {
        width: 130px;
        height: 130px
    }
}

.is-playing-video .text-media-block__video-play {
    display: none
}

.text-media-block__video-play>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.text-media-block__video-play:hover>svg,
a:hover .text-media-block__video-play>svg {
    transform: scale(.95);
    transition: transform .1s
}

.timeline-accordion__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #f2f5f6
}

.timeline-accordion__title {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    max-width: 28em
}

@media only screen and (min-width:33.75em) {
    .timeline-accordion__title {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .timeline-accordion__title {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .timeline-accordion__title {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .timeline-accordion__title {
        padding-bottom: 60px
    }
}

.timeline-accordion__title h2 {
    margin-bottom: 0
}

.timeline-accordion ol {
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 440px
}

.timeline-accordion ol:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width:33.75em) {
    .timeline-accordion ol {
        height: 640px;
        max-height: 85vh
    }
}

@media only screen and (min-width:45em) {
    .timeline-accordion ol {
        flex-direction: row
    }
}

@media only screen and (min-width:45em) {
    .no-flexbox .timeline-accordion ol {
        overflow-x: auto
    }
}

.no-js .timeline-accordion ol {
    display: block;
    height: auto
}

@media only screen and (min-width:33.75em) {
    .no-js .timeline-accordion ol {
        height: inherit
    }
}

.timeline-accordion__panel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100% / 5);
    transform: translateZ(0);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    padding: 10px 20px
}

@media only screen and (max-width:44.9375em) {
    .timeline-accordion__panel {
        flex-shrink: 1;
        flex-grow: 0
    }
}

@media only screen and (min-width:45em) {
    .timeline-accordion__panel {
        width: calc((100% / 5) + 4px);
        height: 100%;
        padding: 30px 20px 40px;
        margin: 0 -1px
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__panel {
        padding: 30px 40px 40px
    }
}

.timeline-accordion__panel::before {
    content: "";
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0))
}

.no-js .timeline-accordion__panel {
    width: 100%;
    height: 275px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end
}

@media only screen and (min-width:45em) {
    .no-js .timeline-accordion__panel {
        height: 400px
    }
}

.timeline-accordion__panel.is-expanded {
    height: 50%
}

@media only screen and (max-width:44.9375em) {
    .timeline-accordion__panel.is-expanded {
        flex-grow: 1;
        flex-shrink: 0
    }
}

@media only screen and (min-width:45em) {
    .timeline-accordion__panel.is-expanded {
        width: 150%;
        height: 100%
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__panel.is-expanded {
        width: 78%
    }

    .no-flexbox .timeline-accordion__panel.is-expanded {
        width: 50%
    }
}

.timeline-accordion__panel-title {
    z-index: 100;
    position: relative;
    align-self: flex-start;
    max-width: calc(100% - 40px);
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-weight: 300;
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (min-width:45em) {
    .timeline-accordion__panel-title {
        width: 100%;
        max-width: none;
        font-size: 1.8rem;
        text-align: center
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__panel-title {
        font-size: 3rem
    }
}

@media only screen and (max-width:44.9375em) {
    .is-active .timeline-accordion__panel-title {
        max-width: calc(100% - 36px)
    }
}

.timeline-accordion__button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0;
    cursor: pointer
}

.timeline-accordion__button:active {
    outline: 0
}

.timeline-accordion__button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: opacity .3s
}

.timeline-accordion__button:focus::before,
.timeline-accordion__button:hover::before {
    opacity: .2
}

.no-js .timeline-accordion__button {
    display: none
}

.timeline-accordion__button-inner {
    position: absolute;
    right: 20px;
    bottom: 50%;
    transform: translateY(50%);
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .7);
    border-radius: 50%;
    transition: transform .15s, opacity .15s
}

@media only screen and (min-width:45em) {
    .timeline-accordion__button-inner {
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__button-inner {
        bottom: 40px;
        width: 70px;
        height: 70px
    }
}

.is-active .timeline-accordion__button-inner {
    opacity: .5
}

@media only screen and (max-width:44.9375em) {
    .is-active .timeline-accordion__button-inner {
        width: 36px;
        height: 36px
    }
}

.timeline-accordion__button:focus .timeline-accordion__button-inner,
.timeline-accordion__button:hover .timeline-accordion__button-inner {
    opacity: 1;
    transform: translateY(50%) scale(1.1)
}

@media only screen and (min-width:45em) {

    .timeline-accordion__button:focus .timeline-accordion__button-inner,
    .timeline-accordion__button:hover .timeline-accordion__button-inner {
        transform: translateX(-50%) scale(1.1)
    }
}

.is-expanded .timeline-accordion__button {
    opacity: 0;
    transform: scale(0)
}

.timeline-accordion__button-inner>span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.timeline-accordion__button-inner>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 50%;
    height: 50%;
    fill: #2b6aac
}

.timeline-accordion__panel-content {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    color: #fff;
    text-align: center;
    padding: 20px 30px;
    transform: translate3d(0, 10px, 0);
    transition: none;
    font-size: 1.4rem
}

@media only screen and (min-width:45em) {
    .timeline-accordion__panel-content {
        padding: 30px;
        font-size: 1.8rem
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__panel-content {
        padding: 30px 60px;
        font-size: 2.2rem
    }
}

.is-expanded .timeline-accordion__panel-content {
    opacity: 1;
    transform: none;
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s;
    transition-duration: .3s
}

.no-js .timeline-accordion__panel-content {
    opacity: 1;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

.timeline-accordion__panel-content h4 {
    margin-bottom: 5px;
    font-size: 2.4rem;
    font-weight: 300;
    text-transform: uppercase
}

@media only screen and (min-width:45em) {
    .timeline-accordion__panel-content h4 {
        font-size: 3rem
    }
}

@media only screen and (min-width:63.75em) {
    .timeline-accordion__panel-content h4 {
        font-size: 4rem
    }
}

.timeline-accordion__panel-content :last-child {
    margin-bottom: 0
}

.timeline-accordion__image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0
}

.timeline-accordion__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2)
}

.timeline-accordion__image img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pac-container {
    background-color: #2b6aac
}

.pac-item {
    padding: .3rem;
    color: #fff;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.pac-item-selected,
.pac-item:hover {
    cursor: pointer;
    background-color: transparent
}

.pac-item-selected .pac-item-query,
.pac-item:hover .pac-item-query {
    color: #92b5da
}

.pac-item-query {
    color: #fff;
    font-weight: 600
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes move-map {
    0% {
        top: 50%;
        left: 50%;
        opacity: 1;
        transform: translate3d(-50%, -50%, 0)
    }

    30%,
    69% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, calc(-50% - 3rem), 0)
    }

    70% {
        opacity: 0;
        top: 1rem;
        right: 1rem;
        left: auto;
        transform: translate3d(0, 3rem, 0)
    }

    100% {
        opacity: 1;
        top: 1rem;
        right: 1rem;
        left: auto;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes move-map {
    0% {
        top: 50%;
        left: 50%;
        opacity: 1;
        transform: translate3d(-50%, -50%, 0)
    }

    30%,
    69% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, calc(-50% - 3rem), 0)
    }

    70% {
        opacity: 0;
        top: 1rem;
        right: 1rem;
        left: auto;
        transform: translate3d(0, 3rem, 0)
    }

    100% {
        opacity: 1;
        top: 1rem;
        right: 1rem;
        left: auto;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes move-map-mobile {
    0% {
        top: 50%;
        left: 50%;
        opacity: 1;
        transform: translate3d(-50%, -50%, 0)
    }

    30%,
    69% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, calc(-50% + 3rem), 0)
    }

    70% {
        opacity: 0;
        top: auto;
        bottom: .8rem;
        right: .8rem;
        left: auto;
        transform: translate3d(0, 3rem, 0)
    }

    100% {
        opacity: 1;
        top: auto;
        bottom: .8rem;
        right: .8rem;
        left: auto;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes move-map-mobile {
    0% {
        top: 50%;
        left: 50%;
        opacity: 1;
        transform: translate3d(-50%, -50%, 0)
    }

    30%,
    69% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, calc(-50% + 3rem), 0)
    }

    70% {
        opacity: 0;
        top: auto;
        bottom: .8rem;
        right: .8rem;
        left: auto;
        transform: translate3d(0, 3rem, 0)
    }

    100% {
        opacity: 1;
        top: auto;
        bottom: .8rem;
        right: .8rem;
        left: auto;
        transform: translate3d(0, 0, 0)
    }
}

.trash-tracker-location-form {
    z-index: 40;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 40rem;
    width: calc(100% - 2rem);
    padding: 3rem;
    background-color: #2b6aac;
    color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .6);
    transform: translate3d(-50%, -50%, 0);
    transition: .2s ease-in-out transform, .2s ease-in-out opacity
}

.trash-tracker-location-form[data-visible=false] {
    opacity: 0;
    transform: translate3d(-50%, calc(-50% + 2rem), 0)
}

.trash-tracker-location-form[data-location=aside] {
    padding: 1.5rem;
    -webkit-animation: move-map-mobile 1s ease-in-out forwards;
    animation: move-map-mobile 1s ease-in-out forwards
}

@media only screen and (min-width:33.75em) {
    .trash-tracker-location-form[data-location=aside] {
        left: auto
    }
}

@media only screen and (min-width:45em) {
    .trash-tracker-location-form[data-location=aside] {
        padding: 3rem;
        -webkit-animation: move-map 1s ease-in-out forwards;
        animation: move-map 1s ease-in-out forwards
    }
}

.trash-tracker-location-form__header {
    margin-bottom: 3rem
}

[data-location=aside] .trash-tracker-location-form__header {
    margin-bottom: .5rem
}

[data-location=aside] .trash-tracker-location-form__description,
[data-location=aside] .trash-tracker-location-form__title {
    display: none
}

.trash-tracker-location-form__logo-wrapper {
    margin: 0;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.trash-tracker-location-form__logo {
    max-width: 140px
}

.trash-tracker-location-form__title {
    font-size: 2.4rem;
    line-height: 1.2;
    padding-top: 2rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300
}

@media only screen and (min-width:33.75em) {
    .trash-tracker-location-form__title {
        font-size: 3rem
    }
}

.trash-tracker-location-form__description {
    font-size: 1.2rem;
    line-height: 1.35
}

@media only screen and (min-width:33.75em) {
    .trash-tracker-location-form__description {
        font-size: 1.4rem
    }
}

.trash-tracker-location-form__label {
    color: #fff
}

.trash-tracker-location-form__submit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.trash-tracker-location-form__submit[data-visible=false] {
    display: none
}

.trash-tracker-location-form__submit-icon {
    opacity: 0;
    max-width: 0
}

.trash-tracker-location-form__submit[data-is-loading=true] .trash-tracker-location-form__submit-icon {
    opacity: 1;
    max-width: 3.2rem;
    width: 100%
}

.trash-tracker-location-form__submit svg {
    width: 2rem;
    height: 2rem
}

.trash-tracker-location-form__submit[data-is-loading=true] svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.trash-tracker-location-form__dev-form-items {
    padding-bottom: 3rem
}

.trash-tracker-location-form__dev-form-items-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem
}

.trash-tracker-location-form__dev-form-items-inner label {
    color: #fff
}

.trash-tracker-location-form__input-wrapper {
    position: relative
}

.trash-tracker-location-form__input-wrapper[data-visible=false] {
    display: none
}

.trash-tracker-location-form__input-icon {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem
}

.trash-tracker-location-form__input-icon svg {
    width: 1.7rem;
    height: 1.7rem
}

input.trash-tracker-location-form__input {
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(1, 203, 225, .3);
    padding-left: 3.5rem
}

.trash-tracker-location-form__location-title {
    display: none;
    position: relative;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.trash-tracker-location-form__location-title[data-visible=true] {
    display: block
}

.trash-tracker-location-form__entered-location-wrapper {
    position: relative;
    text-transform: uppercase
}

.trash-tracker-location-form__entered-location {
    display: block;
    padding: 1rem 3.5rem 0 4rem
}

.trash-tracker-location-form__location-reset {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 1rem;
    right: 0;
    display: none;
    margin: 0;
    background-color: transparent;
    cursor: pointer
}

.trash-tracker-location-form__location-reset:active {
    outline: 0
}

.trash-tracker-location-form__location-reset[data-visible=true] {
    display: block
}

.trash-tracker-location-form__location-reset svg {
    width: 1.7rem;
    height: 1.7rem;
    stroke: #fff
}

.trash-tracker-location-form__highlight {
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.4;
    display: block;
    color: #92b5da;
    text-transform: uppercase
}

@media only screen and (min-width:56.25em) {
    .trash-tracker-location-form__highlight {
        font-size: 2.1rem
    }
}

.trash-tracker-location-form__info-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.trash-tracker-location-form__info {
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 2rem 0;
    padding: 0;
    color: #eaeaea
}

@media only screen and (min-width:33.75em) {
    .trash-tracker-location-form__info {
        font-size: 1.4rem
    }
}

.trash-tracker-location-form__initially-hidden {
    display: none
}

.trash-tracker-location-form__initially-hidden[data-show=true] {
    display: block
}

.trash-tracker-location-form__message {
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.trash-tracker-location-form__secondary-buttons {
    margin-top: 3rem
}

.trash-tracker-location-form__secondary-buttons[data-visible=false] {
    display: none
}

.trash-tracker-location-form__secondary-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    margin: 1.2rem 0;
    padding: 0;
    color: #fff;
    text-align: left
}

.trash-tracker-location-form__secondary-button:active {
    outline: 0
}

.trash-tracker-location-form__secondary-button:focus .trash-tracker-location-form__secondary-button-icon,
.trash-tracker-location-form__secondary-button:hover .trash-tracker-location-form__secondary-button-icon {
    background-color: #92b5da
}

.trash-tracker-location-form__secondary-button-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 1rem;
    background-color: #5b7f92;
    border-radius: 50%
}

.trash-tracker-location-form__secondary-button-icon svg {
    width: 2.5rem;
    height: 2.5rem
}

.trash-tracker-location-form__secondary-button-icon--white svg {
    stroke: #fff
}

.trash-tracker-location-form__secondary-button-text {
    font-size: 1.2rem;
    line-height: 1.35;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    line-height: 1
}

@media only screen and (min-width:33.75em) {
    .trash-tracker-location-form__secondary-button-text {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:44.9375em) {
    [data-location=aside]:not([data-expanded=true]) {
        max-width: 30rem
    }

    [data-location=aside]:not([data-expanded=true]) .trash-tracker-location-form__header {
        display: none
    }

    [data-location=aside]:not([data-expanded=true]) .trash-tracker-location-form__aside {
        display: none
    }

    [data-location=aside]:not([data-expanded=true]) .trash-tracker-location-form__entered-location-wrapper {
        font-size: 80%
    }
}

.trash-tracker-location-form__mobile-toggle {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 60px;
    height: 24px;
    display: none;
    padding: 0;
    transform: translateY(-100%);
    background: rgba(255, 255, 255, .7);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    pointer-events: all
}

.trash-tracker-location-form__mobile-toggle:active {
    outline: 0
}

@media only screen and (max-width:44.9375em) {
    [data-location=aside] .trash-tracker-location-form__mobile-toggle {
        display: block
    }
}

.trash-tracker-location-form__mobile-toggle>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -5px;
    width: 8px;
    height: 10px;
    transform: rotate(-90deg)
}

.trash-tracker-location-form__mobile-toggle[aria-expanded=false]>svg {
    transform: rotate(90deg)
}

.trash-tracker-location-form__error-message {
    display: none;
    background-color: #d0001b;
    color: #fff
}

.trash-tracker-location-form__error-message[data-show=true] {
    display: block
}

.trash-tracker-map__location-form {
    z-index: 40
}

.trash-tracker-map__overlay {
    z-index: 1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    transition: .3s ease-in-out opacity
}

.trash-tracker-map__overlay[data-show=true] {
    display: block;
    opacity: 1
}

.trash-tracker-map__loader {
    z-index: 2;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: .3s .3s ease-in-out opacity
}

.trash-tracker-map__loader[data-show=true] {
    opacity: 1;
    display: flex
}

.trash-tracker-map .mapboxgl-popup-content {
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 40px rgba(0, 0, 0, .3)
}

.trash-tracker-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #fff
}

.trash-tracker-map .mapboxgl-popup-close-button {
    font-size: 2rem;
    color: #000
}

.mapbox-map .trash-tracker-map .mapboxgl-popup-content {
    text-align: left;
    font-family: "Proxima Nova", sans-serif
}

.trash-tracker-map .trash-tracker-location-form__info {
    margin: .3rem 1rem;
    color: #000
}

.trash-tracker-meta {
    padding: 1rem
}

.trash-tracker-meta__logo-wrapper {
    margin: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(1, 203, 225, .3)
}

.trash-tracker-meta__logo {
    max-width: 140px
}

.trash-tracker-meta__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 1rem
}

.trash-tracker-meta__item {
    display: flex;
    align-items: center;
    margin: 1.5rem 0
}

.trash-tracker-meta__line {
    display: block;
    width: 3rem;
    margin-right: 2rem
}

.trash-tracker-meta__line--certain {
    border-top: 3px solid #92b5da
}

.trash-tracker-meta__line--uncertain {
    border-top: 3px dotted #92b5da
}

.twitter-tweet {
    display: block;
    clear: both;
    width: 100%;
    max-width: 498px;
    margin: 2em auto !important;
    padding: 20px;
    background: #fff;
    color: #282828;
    font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.375;
    border: 1px solid #e1e8ed;
    border-radius: 5px
}

.twitter-tweet p {
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    padding: 0;
    margin-bottom: .25em
}

.twitter-tweet a {
    color: #697882;
    font-size: 1.4rem;
    text-decoration: none
}

.twitter-tweet a:focus,
.twitter-tweet a:hover {
    color: #2b7bb9;
    text-decoration: underline
}

.twitter-tweet-rendered {
    border: 0;
    padding: 0
}

.updates-block {
    position: relative;
    background: #f2f5f6;
    color: #2b6aac
}

.updates-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .updates-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .updates-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .updates-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .updates-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .updates-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.updates-block__title {
    margin: 0 auto;
    max-width: 640px
}

@media only screen and (min-width:56.25em) {
    .updates-block__title {
        padding-bottom: 15px
    }
}

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

@media only screen and (min-width:45em) {
    .updates-block__items {
        display: flex
    }
}

@media only screen and (max-width:56.1875em) {
    .updates-block .post-preview:first-child .post-preview__inner {
        padding-top: 0
    }
}

.updates-block .post-preview:last-child {
    border-color: rgba(0, 55, 85, .15)
}

.updates-block .button-set {
    margin-top: 1.5em
}

@media only screen and (min-width:45em) {
    .updates-block .button-set {
        margin-top: 3em
    }
}

.vacancy-data {
    background: #e3e9ec;
    padding: 15px 0
}

.vacancy-data__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .vacancy-data__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

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

.vacancy-data li {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8
}

@media only screen and (min-width:45em) {
    .vacancy-data li {
        display: inline-block;
        font-size: 1.6rem
    }
}

.vacancy-data__label {
    font-weight: 400
}

.vacancy-data li:first-child::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0 5px .2em 0;
    background: #92b5da;
    border-radius: 50%
}

@media only screen and (min-width:45em) {
    .vacancy-data li:not(:last-child) {
        margin-right: 20px
    }
}

@media only screen and (min-width:63.75em) {
    .vacancy-data li:not(:last-child) {
        margin-right: 40px
    }
}

.video-block {
    margin: 0 auto;
    position: relative
}

.video-block--no-padding .video-block__inner {
    margin: 0;
    padding: 0
}

.video-block__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media only screen and (min-width:33.75em) {
    .video-block__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .video-block__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .video-block__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .video-block__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .video-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 720px
    }
}

@media only screen and (min-width:45em) {
    .video-block--large .video-block__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:45em) and (min-width:33.75em) {
    .video-block--large .video-block__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 980px
    }
}

.video-block__inner figcaption {
    margin-top: 10px;
    position: relative;
    display: block;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25
}

@media only screen and (min-width:33.75em) {
    .video-block__inner figcaption {
        font-size: 1.6rem
    }
}

.video-block__inner figcaption::before {
    content: "";
    margin: 0 .35em -.1em 0;
    display: inline-block;
    width: 1.25em;
    height: .9em;
    background: url(/app/themes/toc/assets/build/images/icons/camera--secondary-774c4b920e.svg) no-repeat;
    background-position: center;
    background-size: contain
}

.flickity-slider .video-block__inner figcaption {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.video-block__inner figcaption span {
    margin-top: .4em;
    display: block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .video-block__inner figcaption span {
        font-size: 1.4rem
    }
}

.flickity-slider .video-block__inner figcaption span {
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0
}

.video-block__media {
    position: relative
}

.video-block__media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.video-block__play {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 0/0 a;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    border: 0 none;
    width: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 140px;
    height: 140px;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px
}

.video-block__play:active {
    outline: 0
}

@media only screen and (min-width:63.75em) {
    .video-block__play {
        width: 180px;
        height: 180px
    }
}

@media only screen and (min-width:63.75em) {
    .video-block__play {
        width: 130px;
        height: 130px
    }
}

.is-playing-video .video-block__play {
    display: none
}

.video-block__play>svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform .2s
}

.video-block__play:hover>svg,
a:hover .video-block__play>svg {
    transform: scale(.95);
    transition: transform .1s
}

.video-download-block {
    text-align: left
}

.media-gallery+.video-download-block,
.media-gallery+a+.video-download-block {
    margin-top: 25px
}

.video-download-block h3 {
    margin-bottom: 10px;
    font-size: 2rem
}

@media only screen and (min-width:33.75em) {
    .video-download-block h3 {
        font-size: 2.4rem
    }
}

.video-download-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    max-width: 900px;
    text-align: left
}

.video-download-block h3+a+ul,
.video-download-block h3+ul {
    margin: 0
}

.video-download-block li {
    zoom: 1;
    padding: 10px 0
}

.video-download-block li:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.video-download-block li+li,
.video-download-block ul+ul {
    border-top: 1px solid #eaeaea
}

.video-download-block__date {
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 1.4rem
}

@media only screen and (min-width:33.75em) {
    .video-download-block__date {
        margin-bottom: 0;
        float: left;
        display: inline-block;
        width: 20%
    }
}

@media only screen and (min-width:45em) {
    .video-download-block__date {
        font-size: 1.6rem
    }
}

.video-download-block__title {
    margin-bottom: 5px;
    display: block;
    line-height: 1.25;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none
}

@media only screen and (min-width:33.75em) {
    .video-download-block__title {
        float: left;
        display: inline-block;
        padding-right: 15px;
        width: 80%
    }
}

@media only screen and (min-width:63.75em) {
    .video-download-block__title {
        margin-bottom: 0;
        width: 55%
    }
}

.video-download-block__title:focus,
.video-download-block__title:hover {
    text-decoration: underline
}

.video-download-block__duration,
.video-download-block__size {
    float: left;
    display: block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #eaeaea
}

@media only screen and (min-width:45em) {

    .video-download-block__duration,
    .video-download-block__size {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:63.75em) {

    .video-download-block__duration,
    .video-download-block__size {
        margin-right: 0;
        width: 9%;
        padding: 0;
        border-left: 1px solid #eaeaea;
        border-right: none;
        text-align: center
    }
}

@media only screen and (min-width:33.75em) {
    .video-download-block__duration {
        margin-left: 20%
    }
}

@media only screen and (min-width:63.75em) {
    .video-download-block__duration {
        margin-left: 0
    }
}

.video-download-block__download,
.video-download-block__play {
    margin-top: 1px;
    float: left;
    display: block;
    text-align: right
}

@media only screen and (min-width:63.75em) {

    .video-download-block__download,
    .video-download-block__play {
        width: 3%
    }
}

.video-download-block__play {
    margin-right: 10px
}

@media only screen and (min-width:63.75em) {
    .video-download-block__play {
        margin-right: 0
    }
}

.video-download-block__download>svg,
.video-download-block__play>svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    fill: #2b6aac
}

@media only screen and (min-width:33.75em) {

    .video-download-block__download>svg,
    .video-download-block__play>svg {
        width: 17px;
        height: 17px
    }
}

.video-download-block__play>svg {
    width: 17px;
    height: 17px
}

@media only screen and (min-width:33.75em) {
    .video-download-block__play>svg {
        width: 18px;
        height: 18px
    }
}

.video-download-block__download:focus,
.video-download-block__download:hover,
.video-download-block__play:focus,
.video-download-block__play:hover {
    opacity: .5
}

.video-gallery-item figure {
    margin: 0 0 5px;
    position: relative
}

.video-gallery-item figure::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/app/themes/toc/assets/build/images/icons/play--white-6e134f63ff.svg) no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .1s
}

@media only screen and (min-width:33.75em) {
    .video-gallery-item figure::after {
        margin-left: -25px;
        margin-top: -25px;
        display: block;
        width: 50px;
        height: 50px
    }
}

.video-gallery-item figure img {
    width: 100%
}

.video-gallery-item span[role=heading] {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 1.6rem;
    line-height: 1.3;
    text-transform: none
}

.video-gallery-item>a {
    text-decoration: none
}

.video-gallery-item>a:first-of-type {
    display: block
}

.video-gallery-item>a:focus,
.video-gallery-item>a:hover {
    text-decoration: underline
}

.video-gallery-item>a:focus figure::after,
.video-gallery-item>a:hover figure::after {
    transform: scale(.9)
}

.video-gallery-item__meta {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: rgba(0, 55, 85, .5)
}

@media only screen and (min-width:33.75em) {
    .video-gallery-item__meta {
        display: flex;
        align-items: center;
        font-size: 1.6rem
    }
}

.video-gallery-item__meta span {
    position: relative;
    display: block
}

@media only screen and (min-width:33.75em) {
    .video-gallery-item__meta span+span {
        padding-left: 13px
    }
}

@media only screen and (min-width:63.75em) {
    .video-gallery-item__meta span+span {
        padding-left: 20px
    }
}

.video-gallery-item__meta span+span::before {
    position: absolute;
    top: 3px;
    bottom: 2px;
    left: 5px;
    border-left: 1px solid rgba(0, 55, 85, .2)
}

@media only screen and (min-width:33.75em) {
    .video-gallery-item__meta span+span::before {
        content: ""
    }
}

@media only screen and (min-width:63.75em) {
    .video-gallery-item__meta span+span::before {
        left: 10px
    }
}

.video-gallery-item__download {
    margin-left: -5px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    line-height: 0
}

.video-gallery-item__download>svg {
    width: 13px;
    height: 16px;
    stroke: #2b6aac
}

@media only screen and (min-width:45em) {
    .video-gallery-item__download>svg {
        width: 14px;
        height: 17px
    }
}

.video-gallery-item__download:focus>svg,
.video-gallery-item__download:hover>svg {
    stroke: #92b5da
}

.video-gallery__header {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between
}

.video-gallery__title {
    margin: 0 20px 0 0;
    font-size: 1.8rem
}

@media only screen and (min-width:33.75em) {
    .video-gallery__title {
        font-size: 2.4rem
    }
}

.video-gallery .link--download {
    flex: 0 0 auto;
    display: block;
    transform: scale(.85) translateY(3px);
    transform-origin: right
}

.video-gallery .link--expand {
    margin-top: 15px
}

.video-gallery__archive,
.video-gallery__preview {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -5px -5px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:45em) {

    .video-gallery__archive,
    .video-gallery__preview {
        margin: 0 -10px -10px
    }
}

.video-gallery__preview {
    margin-top: -5px
}

@media only screen and (min-width:45em) {
    .video-gallery__preview {
        margin-top: -10px
    }
}

.video-gallery__archive[aria-hidden=true] {
    display: none
}

.no-flexbox .video-gallery__archive,
.no-flexbox .video-gallery__preview {
    zoom: 1;
    display: block
}

.no-flexbox .video-gallery__archive:after,
.no-flexbox .video-gallery__preview:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

.video-gallery__archive li,
.video-gallery__preview li {
    width: 50%;
    padding: 5px
}

@media only screen and (min-width:45em) {

    .video-gallery__archive li,
    .video-gallery__preview li {
        width: 25%;
        padding: 10px
    }
}

.no-flexbox .video-gallery__archive li,
.no-flexbox .video-gallery__preview li {
    float: left
}

.video-iframe-embed {
    position: relative
}

.video-iframe-embed__iframe-container {
    height: 25rem
}

@media only screen and (min-width:45em) {
    .video-iframe-embed__iframe-container {
        height: 32rem
    }
}

.video-iframe-embed__iframe {
    width: 100%;
    height: 100%
}

.video-overlay {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .85)
}

.video-overlay__inner {
    margin: 0 auto;
    position: relative;
    width: 90%;
    max-width: 1280px;
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (min-width:33.75em) {
    .video-overlay__inner {
        width: 85%
    }
}

@media (max-width:45em) and (min-aspect-ratio:3 / 2) {
    .video-overlay__inner {
        width: 70%
    }
}

@media (min-width:33.75em) and (min-aspect-ratio:2 / 1) {
    .video-overlay__inner {
        width: 50%
    }
}

@media (min-width:33.75em) and (min-aspect-ratio:3 / 1) {
    .video-overlay__inner {
        width: 30%
    }
}

.no-flexbox .video-overlay__inner {
    display: block
}

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

.video-overlay__placeholder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: #000;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3)
}

.no-flexbox .video-overlay__placeholder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.video-overlay__placeholder iframe,
.video-overlay__placeholder video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-overlay__close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    position: absolute;
    top: -60px;
    right: 0;
    padding: 15px;
    transition: transform .2s;
    background: #92b5da;
    color: #fff;
    line-height: 0
}

.video-overlay__close:active {
    outline: 0
}

@media (min-width:33.75em) and (min-aspect-ratio:7 / 4) {
    .video-overlay__close {
        top: 0;
        right: -60px
    }
}

.video-overlay__close>svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.video-overlay__close:hover {
    background: #fff;
    color: #92b5da
}

.video-overlay__placeholder video::-internal-media-controls-download-button {
    display: none
}

.video-overlay__placeholder video::-webkit-media-controls-enclosure {
    overflow: hidden
}

.video-overlay__placeholder video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

.word-definition {
    color: #92b5da;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer
}

.word-definition:hover .word-definition__word {
    text-decoration: underline
}

.word-definition__word::after {
    content: "";
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #92b5da;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFFFFF' fill='transparent' stroke-width='2' fill-rule='evenodd' d='M1 1l4.569 4L10 1.002'/%3E%3C/svg%3E");
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: 65%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform .15s
}

.word-definition:hover .word-definition__word::after {
    background-color: #2b6aac
}

.word-definition__word[aria-expanded=true]::after {
    transform: rotate(.5turn)
}

.word-definition__content {
    margin: 10px 0;
    padding: 10px 15px;
    display: block;
    background: #f2f5f6;
    color: #2b6aac;
    font-size: 1.4rem;
    font-weight: 400
}

@media only screen and (min-width:33.75em) {
    .word-definition__content {
        font-size: 1.6rem
    }
}

.wysiwyg-global {
    padding-top: 3rem;
    position: relative;
    background: #2b6aac;
    color: #fff
}

.wysiwyg-global::after,
.wysiwyg-global::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3.75rem;
    transform: translateY(-100%);
    pointer-events: none
}

@media only screen and (min-width:45em) {

    .wysiwyg-global::after,
    .wysiwyg-global::before {
        height: 6rem;
        padding-top: 5rem
    }
}

.wysiwyg-global::before {
    background: linear-gradient(rgba(0, 55, 85, 0), #2b6aac 100%)
}

.wysiwyg-global::after {
    background: linear-gradient(rgba(0, 55, 85, 0), #2b6aac 80%)
}

.wysiwyg-global[data-special-color=true] {
    padding-top: 3rem;
    background: #10425f
}

.wysiwyg-global[data-special-color=true]::after,
.wysiwyg-global[data-special-color=true]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3.75rem;
    transform: translateY(-100%);
    pointer-events: none
}

@media only screen and (min-width:45em) {

    .wysiwyg-global[data-special-color=true]::after,
    .wysiwyg-global[data-special-color=true]::before {
        height: 6rem;
        padding-top: 5rem
    }
}

.wysiwyg-global[data-special-color=true]::before {
    background: linear-gradient(rgba(16, 66, 95, 0), #10425f 100%)
}

.wysiwyg-global[data-special-color=true]::after {
    background: linear-gradient(rgba(16, 66, 95, 0), #10425f 80%)
}

.wysiwyg-global__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:33.75em) {
    .wysiwyg-global__inner {
        padding-top: 40px
    }
}

@media only screen and (min-width:45em) {
    .wysiwyg-global__inner {
        padding-top: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .wysiwyg-global__inner {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:45em) {
    .wysiwyg-global__inner {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:33.75em) {
    .wysiwyg-global__inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1180px
    }
}

.wysiwyg-global__item {
    margin: 5rem 0
}

@media only screen and (min-width:45em) {
    .wysiwyg-global__item {
        margin: 6rem 0 12rem
    }
}

@media only screen and (min-width:63.75em) {
    .wysiwyg-global__item {
        margin: 9rem 0 18rem
    }
}

.wysiwyg-global__sticky-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.wysiwyg-global__sticky-container-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    max-width: 47vw;
    height: 100vh;
    margin-left: auto
}

[data-sticky=true] .wysiwyg-global__inner {
    display: flex
}

[data-sticky=true] .wysiwyg-global__items {
    flex-basis: 50%
}

[data-sticky=true] .wysiwyg-global__item {
    height: 50vh;
    display: flex;
    align-items: center
}

[data-sticky=true] .wysiwyg-global__sticky-container {
    display: block
}

[data-sticky=false] .wysiwyg-global__sticky-container {
    display: none
}

@media only screen and (min-width:45em) {
    .wysiwyg-item {
        display: flex;
        align-items: center;
        margin-left: -3rem;
        margin-right: -3rem
    }
}

@media only screen and (min-width:45em) {
    .wysiwyg-item__item {
        flex-basis: 50%;
        margin: 0 3rem;
        transition: .2s .2s linear opacity
    }
}

.wysiwyg-item__item[aria-hidden=true] {
    opacity: 0
}

.wysiwyg-item__item[aria-hidden=false] {
    opacity: 1
}

[data-sticky=true] .wysiwyg-item {
    display: block;
    margin-left: 0;
    margin-right: 0
}

[data-sticky=true] .wysiwyg-item__video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[data-sticky=true] .wysiwyg-item__video[aria-hidden=true] {
    opacity: 0
}

.zoomable-image {
    position: relative
}

.zoomable-image__button {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(/app/themes/toc/assets/build/images/icons/fullscreen-611fc34d4a.svg) #2b6aac;
    background-size: 13px;
    background-position: center 45%;
    background-repeat: no-repeat
}

.zoomable-image__button::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px
}

.zoomable-image__button:focus,
.zoomable-image__button:hover {
    opacity: .7
}

.zoomable-image img {
    width: 100%
}

iframe[data-src] {
    background: #f2f5f6
}

.toucheventsfixed div[data-enhancer=autoplayVideo] video::-webkit-media-controls-start-playback-button {
    display: none !important
}

.sr-only {
    position: absolute;
    overflow: hidden;
    margin: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: auto;
    padding: 0;
    border: 0;
    white-space: nowrap
}

#__bs_notify__ {
    background: #2b6aac !important;
    color: #fff !important;
    top: auto !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    font-size: 1.4rem !important
}

.winnie-the-pooh {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1
}

.disable-hover {
    pointer-events: none
}

@media print {
    @page {
        margin: .5cm
    }

    :not(.site-logo):not(.site-header__logo) {
        background: 0 0;
        color: #000;
        text-shadow: none;
        border-color: #000
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        font-size: .8em;
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        font-size: .8em;
        content: " (" attr(title) ")"
    }

    .ir a::after,
    .site-header__logo::after,
    .site-logo::after,
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "" !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    body {
        padding-top: 0
    }

    .site-header {
        position: relative;
        transform: none !important
    }

    .site-header__logo {
        width: 229px;
        background-image: url(/app/themes/toc/assets/build/images/largo.svg);
        background-size: 179px 15px
    }

    .site-footer,
    .site-footer-longread,
    .site-header__nav {
        display: none
    }

    .button {
        border: 1px solid #000
    }

    h1 {
        font-size: 36pt
    }

    svg {
        fill: #000 !important
    }

    .cookie-consent {
        display: none
    }

    .hero-slider li {
        flex: 0 0 50%;
        width: 50%
    }

    .partners-logos li {
        max-width: 200px
    }

    .page-header--text .page-header__title {
        padding: 20px
    }

    .hero-slider *,
    .hero-slider ::after,
    .hero-slider ::before,
    .image-links-preview *,
    .image-links-preview ::after,
    .image-links-preview ::before,
    .image-spread-block *,
    .image-spread-block ::after,
    .image-spread-block ::before,
    .page-header--image .page-header__title *,
    .page-header--image .page-header__title ::after,
    .page-header--image .page-header__title ::before,
    .page-header--video .page-header__title *,
    .page-header--video .page-header__title ::after,
    .page-header--video .page-header__title ::before,
    .page-header-longread *,
    .page-header-longread ::after,
    .page-header-longread ::before {
        color: #fff !important;
        border-color: #fff !important
    }

    .media-tabs__tab-list {
        display: none
    }

    .media-tabs [aria-hidden=true] {
        display: block !important
    }
}
/*header*/



/*banner*/
div p,
ul li {
    text-align: justify;
}

.p-t2 {
    padding-top: 20px;
}

.tp-banner li>div.overlaySlide:after {
    content: '';
    position: absolute;
    display: flex;
    background-color: rgba(0, 0, 0, .55);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
/*footer*/
.container-sections {
    display: grid;
    gap: 0.6rem;
    grid-auto-rows: repeat(auto-fill, minmax(280px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    background: #2B6AAC;
    overflow: hidden;
}
.fc-vc{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.section-1 {
    padding: 10px 20px;
}

.section-2 {
    padding: 10px 20px 20px 20px;
}

.section-3 {
    align-items: center;
    padding: 10px 20px;
}
.container-iframe{
    width: 100%;
    height: 100%;
}
.container-iframe iframe{
    width: 100%;
    height: 80%;
    margin-bottom: 20px;
}
.logo-foot img{
    width: 100%;
    justify-content: center;
    align-items: center;
}
.logo-foot figcaption{
    margin-top: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 0.9em;
}
.list-contact{
    display: flex;
    margin: 15px 0;
}
.list-contact svg{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.list-contact svg[data-icon="location"]{
    width: 32px;
    height: 32px;
}
.list-contact p{
    font-size: 1em;
    text-align: start;
    line-height: 20px;
}
.list-contact a{
    color: #fff;
    text-decoration: none;
}
.list-contact a:visited{
    color: #2EACCB;
}

.footer-nav{
    background: #175C81;
    padding: 0px 0 20px 0;
}

@media only screen and (min-width:23.4375em) {
    .anchoRes {
        width: 120%;
    }
    .logo-toggle{
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .current-site{
        background-color: #f0f8ff;
    }
    .main-slider .slide-text>p{
        font-size:2em !important;
        line-height:2em;
        color:#fff;
    }
}

@media only screen and (min-width:33.75em) {
    .anchoRes {
        width: 130%;
    }
    .site-header__logo{
        width: 220px;
        background-size: 193px 50px;
        margin-left: 10px;
    }
    .container-sections {
        padding: 0 20px;
    }
    .logo-foot{
        margin: 0 auto;
    }
    .logo-toggle{
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (min-width:56.25em) {
    .anchoRes {
        width: 200%;
    }
    .container-sections {
        padding: 0 60px;
    }
    .site-header__logo{
        width: 300px;
        background-size: 278px 70px;
        margin-left: 80px;
        margin-right: 20px;
    }
    a.site-header__logo{
        display: none;
    }
    .logo-toggle{
        display: flex;
        opacity: 1;
        visibility: visible;
    }
    .site-header__nav{
        padding-right:0;
    }
    .site-nav__link .logo-foot{
        height: 100%;
    }
    .site-nav__link .logo-foot img{
        height: 100%;
        padding: 8px;
    }
    nav.site-nav{
        display: flex;
        height: 75px;
    }
    .site-nav__list{
        width: 30%;
        padding: 0;
    }
    .site-nav__list:nth-child(1){
        justify-content: center;
    }
    .site-nav__list:nth-child(2){
        width: 50%;
        justify-content: center;
        padding: 0;
    }
    .site-nav__list:nth-child(3){
        width: 20%;
        justify-content: center;
    }
}
@media only screen and (min-width:75em) {
    
    a.site-header__logo{
        display: none;
    }
    .site-header__nav{
        padding: 0 44px;
    }
    .logo-toggle{
        display: flex;
        opacity: 1;
        visibility: visible;
        justify-content: center;
    }
    .site-nav__link .logo-foot{
        height: 100%;
    }
    .site-nav__link .logo-foot img{
        height: 100%;
        padding: 8px;
    }
    nav.site-nav{
        display: flex;
        height: 75px;
    }
    .site-nav__list{
        width: 30%;
        padding: 0;
    }
    .site-nav__list:nth-child(2){
        width: 50%;
        justify-content: center;
    }
    .site-nav__list:nth-child(3){
        width: 20%;
        justify-content: center;
    }
}
img{
    -webkit-user-drag: none;
    user-select: none;
}