/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
a, h1, h2, h3, h4, h5, h6, div, body {
    font-family: 'Inter', sans-serif !important;
}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0,0,0,.8);
    transition: opacity .5s ease
}

    #baguetteBox-overlay.visible {
        opacity: 1
    }

    #baguetteBox-overlay .full-image {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center
    }

        #baguetteBox-overlay .full-image figure {
            display: inline;
            margin: 0;
            height: 100%
        }

        #baguetteBox-overlay .full-image img {
            display: inline-block;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            box-shadow: 0 0 8px rgba(0,0,0,.6)
        }

        #baguetteBox-overlay .full-image figcaption {
            display: block;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            line-height: 1.8;
            white-space: normal;
            color: #ccc;
            background-color: #000;
            background-color: rgba(0,0,0,.6);
            font-family: sans-serif
        }

        #baguetteBox-overlay .full-image:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left .4s ease,transform .4s ease
}

    #baguetteBox-slider.bounce-from-right {
        animation: bounceFromRight .4s ease-out
    }

    #baguetteBox-slider.bounce-from-left {
        animation: bounceFromLeft .4s ease-out
    }

@keyframes bounceFromRight {
    0%,to {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromLeft {
    0%,to {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50,50,50,.5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color .4s ease
}

    .baguetteBox-button:focus, .baguetteBox-button:hover {
        background-color: rgba(50,50,50,.9)
    }

    .baguetteBox-button#next-button {
        right: 2%
    }

    .baguetteBox-button#previous-button {
        left: 2%
    }

    .baguetteBox-button#close-button {
        top: 20px;
        right: 2%;
        right: calc(2% + 6px);
        width: 30px;
        height: 30px
    }

    .baguetteBox-button svg {
        position: absolute;
        left: 0;
        top: 0
    }

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: bounce 2s ease-in-out infinite
}

.baguetteBox-double-bounce2 {
    animation-delay: -1s
}

@keyframes bounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.about-us-header {
    margin-top: 52px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 1540px
}

@media(min-width:768px) {
    .about-us-header {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .about-us-header {
        margin-top: 70px
    }
}

.about-us-header__triangle {
    top: 52px;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .5s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    fill: #e9e6e3;
    z-index: -10
}

@media(min-width:768px) {
    .about-us-header__triangle {
        top: 60px
    }
}

@media(min-width:1263px) {
    .about-us-header__triangle {
        top: 70px
    }
}

.view--init .about-us-header__triangle {
    height: 22.9vw
}

.about-us-header__title {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    max-width: 1440px;
    margin-top: 50px
}

    .about-us-header__title:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .about-us-header__title {
        width: calc(100% - 100px);
        margin-top: 130px
    }
}

@media(min-width:1263px) {
    .about-us-header__title {
        margin-top: 110px;
        padding: 0
    }
}

.about-us-header__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #e22b40;
    box-sizing: border-box;
    margin: 50px 0 0
}

@media(min-width:768px) {
    .about-us-header__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .about-us-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .about-us-header__title {
        padding-right: calc(20% - 40px);
        margin: 130px 0 0
    }
}

@media(min-width:1263px) {
    .about-us-header__title {
        padding-right: calc(33.33333% - 33.33333px);
        margin-right: 0
    }
}

.about-us-header__image {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    box-sizing: border-box;
    height: 75vw;
    margin-top: 30px;
    max-width: 1440px
}

    .about-us-header__image:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .about-us-header__image {
        width: calc(100% - 100px)
    }
}

@media(max-width:767px) {
    .about-us-header__image {
        width: 100%
    }
}

@media(min-width:768px) {
    .about-us-header__image {
        height: calc(41.42502vw - 41.42502px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .about-us-header__image {
        height: 596.5203px;
        margin-top: 40px
    }
}

.about-us-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 10px
}

    .about-us-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .about-us-header__body {
        width: calc(100% - 100px)
    }
}

.about-us-header__footer {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:1263px) {
    .about-us-header__footer {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .about-us-header__footer {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .about-us-header__footer:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .about-us-header__footer:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .about-us-header__footer {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .about-us-header__footer {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .about-us-header__footer {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .about-us-header__footer {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .about-us-header__footer {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .about-us-header__footer {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .about-us-header__footer {
    left: auto !important
}

@media(max-width:767px) {
    .about-us-header__footer {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .about-us-header__footer {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .about-us-header__footer {
        font-size: 18px;
        line-height: 30px
    }
}

.about-us-header__copyright, .about-us-header__description {
    color: #9b9b9b;
    display: inline
}

    .about-us-header__copyright:not(:last-of-type):after, .about-us-header__description:not(:last-of-type):after {
        content: " — ";
        white-space: pre
    }

    .about-us-header__copyright a, .about-us-header__description a {
        color: inherit
    }

.about-us-header__description {
    color: #4a4a4a
}

.share {
    position: relative;
    z-index: 10
}

.share__body {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    border-bottom: 1px solid #222;
    padding: 30px 0 0
}

@media(min-width:1263px) {
    .share__body {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .share__body {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .share__body:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .share__body:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .share__body {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .share__body {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .share__body {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .share__body {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .share__body {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .share__body {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .share__body {
    left: auto !important
}

@media(max-width:767px) {
    .share__body {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .share__body {
        padding-bottom: 15px
    }
}

@media(min-width:1263px) {
    .share__body {
        padding-bottom: 50px
    }
}

.share__label {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 20px
}

@media(min-width:768px) {
    .share__label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .share__label {
        font-size: 18px;
        line-height: 30px
    }
}

.share__list {
    top: 52px;
    height: 0;
    margin: 30px 0 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    transition: height .25s ease-in-out
}

@media(min-width:768px) {
    .share__list {
        top: 60px
    }
}

@media(min-width:1263px) {
    .share__list {
        top: 70px
    }
}

.share--open .share__list {
    height: 156px;
    display: block
}

@media(min-width:768px) {
    .share--open .share__list {
        height: 180px
    }
}

@media(min-width:1263px) {
    .share--open .share__list {
        height: 210px
    }
}

.share__list-item {
    font-size: 0 !important;
    margin: 0;
    padding: 0
}

.share .button {
    width: 52px;
    height: 52px;
    line-height: 52px;
    background-color: #4a4a4a;
    transition: background-color .35s ease
}

@media(min-width:768px) {
    .share .button {
        width: 60px
    }
}

@media(min-width:1263px) {
    .share .button {
        width: 70px
    }
}

@media(min-width:768px) {
    .share .button {
        height: 60px
    }
}

@media(min-width:1263px) {
    .share .button {
        height: 70px
    }
}

@media(min-width:768px) {
    .share .button {
        line-height: 60px
    }
}

@media(min-width:1263px) {
    .share .button {
        line-height: 70px
    }
}

.author {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    display: flex
}

@media(min-width:1263px) {
    .author {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .author {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .author:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .author:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .author {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .author {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .author {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .author {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .author {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .author {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .author {
    left: auto !important
}

@media(max-width:767px) {
    .author {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.author__image {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    display: block;
    margin-right: 10px
}

@media(min-width:768px) {
    .author__image {
        width: 60px
    }
}

@media(min-width:1263px) {
    .author__image {
        width: 70px
    }
}

@media(min-width:768px) {
    .author__image {
        height: 60px
    }
}

@media(min-width:1263px) {
    .author__image {
        height: 70px
    }
}

.author__body {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.author__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0
}

@media(min-width:768px) {
    .author__name {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .author__name {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .author__name {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .author__name {
        font-size: 16px;
        line-height: 26px
    }
}

.author__department, .author__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    display: block;
    float: left;
    margin: 0
}

@media(min-width:768px) {
    .author__department, .author__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .author__department, .author__title {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .author__department, .author__title {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .author__department, .author__title {
        font-size: 16px;
        line-height: 26px
    }
}

.author__title {
    margin-right: 10px
}

    .author__title:after {
        margin-left: 10px;
        content: "•"
    }

.booking_widget {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .booking_widget {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .booking_widget {
        margin-top: 80px
    }
}

.booking_widget:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .booking_widget {
        width: calc(100% - 100px);
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .booking_widget {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .booking_widget {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .booking_widget {
        padding-right: 50px
    }
}

.booking_widget .enviso-dialog-title {
    color: #e22b40;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 2em;
    opacity: 0
}

.booking_widget .enviso-dialog-description {
    color: #000;
    font-size: 16px;
    opacity: 0
}

.collection {
    margin-top: 40px;
    background-color: #222;
    display: flex;
    flex-direction: column;
    font-size: 0;
    width: 100%
}

    .collection .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        touch-action: pan-y;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .collection .slick-list {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: relative
    }

        .collection .slick-list:focus {
            outline: none
        }

        .collection .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

    .collection .slick-slider .slick-list, .collection .slick-slider .slick-track {
        transform: translateZ(0)
    }

    .collection .slick-track {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0;
        left: 0
    }

    .collection .slider-images__container .slick-track {
        background-color: #c1d8df;
        height: auto;
        min-width: 100vw
    }

    .collection .slick-track:after, .collection .slick-track:before {
        display: table;
        content: ""
    }

    .collection .slick-track:after {
        clear: both
    }

    .collection .slick-loading .slick-track {
        visibility: hidden
    }

    .collection .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    .collection [dir=rtl] .slick-slide {
        float: right
    }

    .collection .slick-slide img {
        display: block
    }

    .collection .slick-slide.slick-loading img {
        display: none
    }

    .collection .slick-slide.dragging img {
        pointer-events: none
    }

    .collection .slick-initialized .slick-slide {
        display: block
    }

    .collection .slick-loading .slick-slide {
        visibility: hidden
    }

    .collection .slick-vertical .slick-slide {
        border: 1px solid transparent;
        display: block;
        height: auto
    }

    .collection .slick-arrow.slick-hidden {
        display: none
    }

@media(min-width:768px) {
    .collection {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .collection {
        margin-top: 80px
    }
}

@media(min-width:768px) {
    .collection {
        padding-bottom: 110px
    }
}

.collection__header {
    width: calc(100% - 40px);
    max-width: 1270px;
    margin: 40px auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

    .collection__header:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .collection__header {
        width: calc(100% - 100px);
        margin-top: 80px
    }
}

@media(min-width:1263px) {
    .collection__header {
        margin-top: 110px
    }
}

@media(min-width:768px) {
    .collection__header {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .collection__header {
        margin-bottom: 80px
    }
}

.collection__header:after {
    display: none
}

.collection__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    color: #fff;
    max-width: 222px
}

@media(min-width:768px) {
    .collection__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(min-width:1263px) {
    .collection__title {
        font-size: 36px;
        line-height: 42px
    }
}

@media(min-width:1007px) {
    .collection__title {
        max-width: 272px
    }
}

.collection .cta {
    display: none
}

@media(min-width:768px) {
    .collection .cta {
        display: block
    }
}

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

@media(min-width:768px) {
    .collection .slick-track {
        margin-left: 30px
    }
}

.collection__list:not(.slick-initialized) {
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-y: hidden;
    overflow-x: auto
}

.collection :focus {
    outline: none
}

.collection__link {
    color: inherit;
    text-decoration: inherit
}

.collection .collection-item {
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .collection .collection-item {
        margin-left: 20px
    }
}

@media(min-width:1263px) {
    .collection .collection-item {
        margin-left: 25px
    }
}

@media(min-width:768px) {
    .collection .collection-item {
        margin-right: 20px
    }
}

@media(min-width:1263px) {
    .collection .collection-item {
        margin-right: 25px
    }
}

.collection__actions {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .collection__actions:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .collection__actions {
        width: calc(100% - 100px)
    }
}

.collection__actions .button {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px
}

@media(min-width:768px) {
    .collection__actions .button {
        display: none
    }
}

.collection-header {
    margin: auto;
    position: relative
}

    .collection-header:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px)and (max-width:1269px) {
    .collection-header__subtitle, .collection-header__title {
        padding-right: 50px
    }
}

.collection-header__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 50px;
    margin-bottom: 0
}

@media(min-width:768px) {
    .collection-header__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(min-width:1263px) {
    .collection-header__title {
        font-size: 36px;
        line-height: 42px
    }
}

@media(min-width:768px) {
    .collection-header__title {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__title {
        margin-top: 50px
    }
}

.collection-header__subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #9b9b9b;
    font-weight: 400;
    margin: 0 0 20px
}

@media(min-width:768px) {
    .collection-header__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .collection-header__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .collection-header__subtitle {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .collection-header__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.collection-header__figure {
    position: relative;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0;
    background-color: #e9e6e3;
    cursor: url(../img/components/collection/collection-header/cursor-zoom-in.png),zoom-in;
    height: 75vh;
    overflow: hidden;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(min-width:1263px) {
    .collection-header__figure {
        margin-right: 50px;
        width: calc(58.33333% - 20.83333px)
    }
}

@media(max-width:767px) {
    .collection-header__figure {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .collection-header__figure:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .collection-header__figure:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .collection-header__figure {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .collection-header__figure:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .collection-header__figure {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .collection-header__figure:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .collection-header__figure {
        height: 100vh;
        position: sticky
    }
}

.collection-header__picture {
    position: relative;
    width: 100%;
    height: 100%
}

.collection-header__image {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 100%;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 112px);
    top: 92px
}

@media(min-width:768px) {
    .collection-header__image {
        max-width: calc(100% - 100px);
        max-height: calc(100% - 160px);
        top: 110px
    }
}

@media(min-width:1007px) {
    .collection-header__image {
        max-width: calc(100% - 100px);
        max-height: calc(100% - 170px);
        top: 120px
    }
}

.collection-header__footer {
    box-sizing: border-box;
    padding: 20px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-top: 1px solid #9b9b9b
}

@media(min-width:768px) {
    .collection-header__footer {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__footer {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .collection-header__footer {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__footer {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .collection-header__footer {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__footer {
        padding-top: 50px
    }
}

@media(min-width:768px) {
    .collection-header__footer {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__footer {
        padding-bottom: 50px
    }
}

@media(min-width:768px) {
    .collection-header__footer {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .collection-header__footer {
        font-size: 18px;
        line-height: 30px
    }
}

.collection-header__copyright, .collection-header__description {
    margin: 0
}

.collection-header__description {
    color: #4a4a4a
}

.collection-header__copyright {
    color: #9b9b9b
}

    .collection-header__copyright a {
        color: inherit
    }

.collection-header__body {
    display: block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

@media(min-width:1263px) {
    .collection-header__body {
        margin-right: 50px;
        width: calc(41.66667% - 30.16667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .collection-header__body {
        margin-right: 20px;
        width: calc(100% - 1px)
    }
}

@media(max-width:767px)and (max-width:767px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .collection-header__body {
        margin-right: 50px;
        width: calc(40% - 31px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .collection-header__body {
        margin-right: 50px;
        width: calc(40% - 31px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .collection-header__body {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .collection-header__body {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__body {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .collection-header__body {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .collection-header__body {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .collection-header__body {
        padding-top: 52px;
        padding-left: 0
    }
}

@media(min-width:768px)and (min-width:768px) {
    .collection-header__body {
        padding-top: 60px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .collection-header__body {
        padding-top: 70px
    }
}

.collection-header .body-text, .collection-header .body-text > *, .collection-header .quote, .collection-header .quote__wrapper, .collection-header .share, .collection-header .share > * {
    box-sizing: border-box;
    left: 0;
    margin-left: 0;
    margin-right: 0 !important;
    width: 100%
}

    .collection-header .quote .quote__quote {
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        font-family: Merriweather
    }

@media(min-width:768px) {
    .collection-header .quote .quote__quote {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .collection-header .quote .quote__quote {
        font-size: 24px;
        line-height: 32px
    }
}

.collection-header__modal {
    max-width: 100%;
    height: 100vw;
    padding: 0
}

    .collection-header__modal .collection-header__figure {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        padding: 0
    }

    .collection-header__modal .collection-header__image {
        width: 100%;
        height: 100%
    }

    .collection-header__modal .button {
        z-index: 10
    }

.collection-item {
    margin: 0;
    text-decoration: none
}

.collection-item--fluid .collection-item__caption, .collection-item--fluid .collection-item__card {
    width: auto
}

.collection-item__card {
    background-color: #e9e6e3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    padding: 0 0 129%;
    position: relative
}

.collection-item__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-object-position: top;
    object-position: top;
    width: calc(100% - 50px);
    max-height: calc(100% - 50px)
}

.collection-item__caption {
    width: 270px;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.collection-item__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    line-height: 1 !important;
    margin: 20px 0 10px
}

@media(min-width:768px) {
    .collection-item__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .collection-item__title {
        font-size: 24px;
        line-height: 32px
    }
}

.collection-item__description {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #9b9b9b;
    margin: 0
}

@media(min-width:768px) {
    .collection-item__description {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .collection-item__description {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .collection-item__description {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .collection-item__description {
        font-size: 16px;
        line-height: 26px
    }
}

.collection-object-card {
    background-color: #f0dadc;
    box-sizing: border-box;
    padding: 20px
}

    .collection-object-card .definition-list {
        border: 2px solid #222
    }

    .collection-object-card .definition-list__group {
        padding: 0 0 10px
    }

    .collection-object-card .definition-list__heading {
        font-size: 14px;
        font-weight: 400;
        font-weight: 500;
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        border-bottom: 2px solid #222;
        box-sizing: border-box;
        line-height: 50px !important;
        margin: 0 0 10px;
        padding: 0 20px
    }

@media(min-width:768px) {
    .collection-object-card .definition-list__heading {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .collection-object-card .definition-list__heading {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .collection-object-card .definition-list__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .collection-object-card .definition-list__heading {
        font-size: 24px;
        line-height: 32px
    }
}

.collection-object-card .definition-list__entity {
    margin: 0 20px
}

.collection-object-card .definition-list__term {
    font-weight: 600;
    width: 33%;
    word-break: break-word
}

.collection-object-card .definition-list__definition {
    font-weight: 400;
    text-align: left;
    width: 66%
}

.zoom {
    cursor: url(../img/components/collection/collection-header/cursor-zoom-in.png),zoom-in
}

@media(pointer:coarse) {
    .zoom:not(.zoom--no-mobile):before {
        content: "";
        background-image: url(../img/components/collection/collection-header/cursor-zoom-in.png);
        background-position: bottom 20px right 20px;
        background-repeat: no-repeat;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.zoom--contain ~ .zoom__container--expanded, .zoom--zoomed ~ .zoom__container--expanded {
    cursor: url(../img/components/collection/collection-header/cursor-zoom-out.png),zoom-out
}

.zoom__container--expanded {
    cursor: url(../img/components/collection/collection-header/cursor-zoom-in.png),zoom-in
}

.zoom__container {
    transition: all .5s ease-in-out
}

.zoom__container--expanded {
    background-color: #e9e6e3;
    transition: background-color .5s ease-in-out
}

    .zoom__container--expanded .button.button--close {
        transform: translateY(0)
    }

.zoom__container .button--close {
    transform: translateY(-100%);
    transition: transform .5s ease-in-out .2s
}

.zoom__image {
    max-width: calc(100% - 100px);
    max-height: calc(100vh - 100px);
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.map {
    height: 460px;
    position: relative;
    overflow: hidden
}

@media(min-width:768px) {
    .map {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .map:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:768px)and (min-width:768px) {
    .map {
        width: calc(100% - 100px)
    }
}

.map__map {
    display: none
}

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

.address {
    padding: 50px 20px;
    background-color: #222
}

@media(min-width:768px) {
    .address {
        max-width: 420px;
        padding: 30px 30px 0;
        position: absolute;
        bottom: 180px;
        left: 140px
    }

        .address:before {
            background-color: #e22b40;
            background-image: url(../img/components/address/building.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            width: 60px;
            height: 60px;
            bottom: 0;
            z-index: 10
        }

        .address:after, .address:before {
            content: "";
            position: absolute;
            left: 0
        }

        .address:after {
            border-top: 15px solid #e22b40;
            border-right: 15px solid transparent;
            height: 0;
            width: 0
        }
}

.address__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    margin: 0
}

@media(min-width:768px) {
    .address__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .address__heading {
        font-size: 24px;
        line-height: 32px
    }
}

.address__body {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px !important
}

@media(min-width:768px) {
    .address__body {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .address__body {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .address__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .address__body {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .address .cta {
        background-color: #4a4a4a;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 30px 0 90px;
        position: relative;
        left: -30px;
        width: calc(100% + 60px)
    }

        .address .cta:after {
            transition: all .2s;
            transition-delay: 0s;
            content: "";
            background-color: #e22b40;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0
        }

        .address .cta:hover:after {
            height: 100%
        }
}

.address .cta__link {
    display: block
}

@media(min-width:768px) {
    .address .cta__link {
        width: 100%;
        height: 60px;
        line-height: 60px;
        z-index: 10
    }
}

.address:hover .cta__arrow {
    fill: #fff
}

.back {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    top: 52px;
    margin: 10px 0 0;
    position: absolute;
    left: 20px;
    z-index: 30
}

@media(min-width:768px) {
    .back {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .back {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .back {
        top: 60px
    }
}

@media(min-width:1263px) {
    .back {
        top: 70px
    }
}

@media(min-width:768px) {
    .back {
        left: 30px
    }
}

.view--overlay .back {
    z-index: 0
}

.back__link {
    text-decoration: none;
    color: #222;
    display: block;
    height: 1em
}

    .back__link:before {
        background: url(../img/components/common/back/arrow-left.svg) no-repeat 50%;
        content: "";
        display: block;
        float: left;
        width: 16px;
        margin-right: 10px;
        height: 24px
    }

@media(min-width:768px) {
    .back__link:before {
        height: 26px
    }
}

@media(min-width:1263px) {
    .back__link:before {
        height: 30px
    }
}

.back--inverted .back__link {
    color: #fff
}

.back__label {
    float: left;
    font-weight: 700;
    height: 16px
}

.view--rtl .back {
    left: auto;
    right: 20px
}

@media(min-width:768px) {
    .view--rtl .back {
        right: 30px
    }
}

@media(min-width:768px) {
    .view.view--scrolled:not(.view--elearning) .back {
        animation: opacity .3s;
        position: fixed;
        top: 10px;
        z-index: 101
    }

        .view.view--scrolled:not(.view--elearning) .back .back__link {
            color: #fff
        }

            .view.view--scrolled:not(.view--elearning) .back .back__link:before {
                background: url(../img/components/common/back/arrow-left-white.svg) no-repeat 50%
            }
}

.basic-header {
    padding-top: 52px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media(min-width:768px) {
    .basic-header {
        padding-top: 60px
    }
}

@media(min-width:1263px) {
    .basic-header {
        padding-top: 70px
    }
}

.basic-header__background {
    top: 52px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -10
}

@media(min-width:768px) {
    .basic-header__background {
        top: 60px
    }
}

@media(min-width:1263px) {
    .basic-header__background {
        top: 70px
    }
}

.basic-header__triangle {
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .5s;
    width: 100%;
    height: 0;
    fill: #e9e6e3
}

.view--init .basic-header__triangle {
    height: 22.9vw
}

.basic-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative
}

    .basic-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .basic-header__body {
        width: calc(100% - 100px)
    }
}

.basic-header__title {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #e22b40;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 45px;
    box-sizing: border-box;
    white-space: pre-line;
    width: 100%
}

@media(min-width:768px) {
    .basic-header__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .basic-header__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .basic-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .basic-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

@media(min-width:768px) {
    .basic-header__title {
        margin-top: 45px
    }
}

@media(min-width:1263px) {
    .basic-header__title {
        margin-top: 60px
    }
}

@media(min-width:768px) {
    .basic-header__title {
        margin-right: 50px;
        padding-right: calc(20% - 40px)
    }
}

@media(min-width:1263px) {
    .basic-header__title {
        padding-right: calc(33.33333% - 33.33333px);
        margin-right: 0
    }
}

.basic-header__subtitle {
    font-family: Merriweather;
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0;
    mix-blend-mode: multiply;
    white-space: pre-line;
    width: 100%
}

@media(min-width:768px) {
    .basic-header__subtitle {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .basic-header__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .basic-header__subtitle {
        margin-top: 10px
    }
}

@media(min-width:1263px) {
    .basic-header__subtitle {
        margin-top: 20px
    }
}

.body-text, .share {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    page-break-inside: avoid;
    position: relative
}

@media(min-width:768px) {
    .body-text, .share {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .body-text, .share {
        margin-top: 80px
    }
}

.body-text:after, .share:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .body-text, .share {
        width: calc(100% - 100px)
    }
}

.body-text > :first-child, .share > :first-child {
    margin-top: 0 !important
}

.body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .body-text h1:nth-child(1n+0), .body-text h2:nth-child(1n+0), .body-text h3:nth-child(1n+0), .body-text h4:nth-child(1n+0), .body-text h5:nth-child(1n+0), .body-text h6:nth-child(1n+0), .body-text p:nth-child(1n+0), .share h1:nth-child(1n+0), .share h2:nth-child(1n+0), .share h3:nth-child(1n+0), .share h4:nth-child(1n+0), .share h5:nth-child(1n+0), .share h6:nth-child(1n+0), .share p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .body-text h1:nth-child(3n+0), .body-text h2:nth-child(3n+0), .body-text h3:nth-child(3n+0), .body-text h4:nth-child(3n+0), .body-text h5:nth-child(3n+0), .body-text h6:nth-child(3n+0), .body-text p:nth-child(3n+0), .share h1:nth-child(3n+0), .share h2:nth-child(3n+0), .share h3:nth-child(3n+0), .share h4:nth-child(3n+0), .share h5:nth-child(3n+0), .share h6:nth-child(3n+0), .share p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .body-text h1, .view--rtl .body-text h2, .view--rtl .body-text h3, .view--rtl .body-text h4, .view--rtl .body-text h5, .view--rtl .body-text h6, .view--rtl .body-text p, .view--rtl .share h1, .view--rtl .share h2, .view--rtl .share h3, .view--rtl .share h4, .view--rtl .share h5, .view--rtl .share h6, .view--rtl .share p {
    left: auto !important
}

@media(max-width:767px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6 {
        margin-top: 50px !important
    }
}

@media print {
    .body-text h1, .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p, .share h1, .share h2, .share h3, .share h4, .share h5, .share h6, .share p {
        margin-top: 30px !important
    }
}

.body-text h4, .share h4 {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .body-text h4, .share h4 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .body-text h4, .share h4 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .body-text h4, .share h4 {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .body-text h4, .share h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.body-text h5, .body-text h6, .share h5, .share h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .body-text h5, .body-text h6, .share h5, .share h6 {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .body-text h5, .body-text h6, .share h5, .share h6 {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .body-text h5, .body-text h6, .share h5, .share h6 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .body-text h5, .body-text h6, .share h5, .share h6 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.body-text h5 + p, .body-text h6 + p, .share h5 + p, .share h6 + p {
    margin-top: 0 !important
}

.body-text p, .share p {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .body-text p, .share p {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .body-text p, .share p {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .body-text p, .share p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .body-text p, .share p {
        font-size: 18px;
        line-height: 30px
    }
}

.body-text p:first-child, .share p:first-child {
    margin-top: 0 !important
}

.body-text p:last-child, .share p:last-child {
    margin-bottom: 0
}

.body-text p > a:not(.button):not(.cta), .share p > a:not(.button):not(.cta) {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

@media(min-width:768px) {
    .body-text .button, .share .button {
        max-width: 270px
    }
}

.body-text .cta, .share .cta {
    margin-top: 20px !important
}

.body-text > ol, .body-text > ul, .share > ol, .share > ul {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin: 20px 0 0 !important
}

@media(min-width:1263px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .body-text > ol:nth-child(1n+0), .body-text > ul:nth-child(1n+0), .share > ol:nth-child(1n+0), .share > ul:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .body-text > ol:nth-child(3n+0), .body-text > ul:nth-child(3n+0), .share > ol:nth-child(3n+0), .share > ul:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .body-text > ol, .view--rtl .body-text > ul, .view--rtl .share > ol, .view--rtl .share > ul {
    left: auto !important
}

@media(max-width:767px) {
    .body-text > ol, .body-text > ul, .share > ol, .share > ul {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.body-text ol, .share ol {
    position: relative
}

.body-text > ol, .body-text > ol ol, .share > ol, .share > ol ol {
    counter-reset: ol;
    list-style: none
}

    .body-text > ol li:before, .share > ol li:before {
        counter-increment: ol;
        content: counter(ol);
        position: absolute;
        left: 20px
    }

.body-text li, .share li {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .body-text li, .share li {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .body-text li, .share li {
        font-size: 18px;
        line-height: 30px
    }
}

.body-text > table, .share > table {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-collapse: collapse;
    margin-top: 20px !important
}

@media(min-width:1263px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text > table, .share > table {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .body-text > table:nth-child(1n+0), .share > table:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .body-text > table:nth-child(3n+0), .share > table:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text > table, .share > table {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text > table, .share > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .body-text > table, .view--rtl .share > table {
    left: auto !important
}

@media(max-width:767px) {
    .body-text > table, .share > table {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .body-text > table, .share > table {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .body-text > table, .share > table {
        font-size: 18px;
        line-height: 30px
    }
}

.body-text > table caption, .share > table caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .body-text > table caption, .share > table caption {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .body-text > table caption, .share > table caption {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .body-text > table caption, .share > table caption {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .body-text > table caption, .share > table caption {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.body-text table, .body-text tbody, .body-text tr, .share table, .share tbody, .share tr {
    width: 100%
}

.body-text table, .body-text td, .body-text tr, .share table, .share td, .share tr {
    border: none
}

    .body-text tr:not(:last-child) td, .share tr:not(:last-child) td {
        border-bottom: 1px solid #d9c9ca
    }

    .body-text td:not(:last-child), .share td:not(:last-child) {
        padding-right: 10px
    }

.body-text td, .share td {
    padding: 10px 0
}

.body-text + .body-text:has(p:first-child), .body-text + .share:has(p:first-child), .share + .body-text:has(p:first-child), .share + .share:has(p:first-child) {
    margin-top: 20px
}

.body-text + .body-text:not(:has(p:first-child)), .body-text + .share:not(:has(p:first-child)), .share + .body-text:not(:has(p:first-child)), .share + .share:not(:has(p:first-child)) {
    margin-top: 20px
}

@media(min-width:768px) {
    .body-text + .body-text:not(:has(p:first-child)), .body-text + .share:not(:has(p:first-child)), .share + .body-text:not(:has(p:first-child)), .share + .share:not(:has(p:first-child)) {
        margin-top: 30px
    }
}

@media(min-width:1263px) {
    .body-text + .body-text:not(:has(p:first-child)), .body-text + .share:not(:has(p:first-child)), .share + .body-text:not(:has(p:first-child)), .share + .share:not(:has(p:first-child)) {
        margin-top: 50px
    }
}

.body-text--alternative.share *, .body-text.body-text--alternative * {
    color: #2d667b
}

.body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    box-sizing: border-box;
    content: "";
    height: 100%;
    position: absolute
}

@media(min-width:1263px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .body-text--blue.share:before:nth-child(1n+0), .body-text--border.share:before:nth-child(1n+0), .body-text--green.share:before:nth-child(1n+0), .body-text--red.share:before:nth-child(1n+0), .body-text--yellow.share:before:nth-child(1n+0), .body-text.body-text--blue:before:nth-child(1n+0), .body-text.body-text--border:before:nth-child(1n+0), .body-text.body-text--green:before:nth-child(1n+0), .body-text.body-text--red:before:nth-child(1n+0), .body-text.body-text--yellow:before:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .body-text--blue.share:before:nth-child(3n+0), .body-text--border.share:before:nth-child(3n+0), .body-text--green.share:before:nth-child(3n+0), .body-text--red.share:before:nth-child(3n+0), .body-text--yellow.share:before:nth-child(3n+0), .body-text.body-text--blue:before:nth-child(3n+0), .body-text.body-text--border:before:nth-child(3n+0), .body-text.body-text--green:before:nth-child(3n+0), .body-text.body-text--red:before:nth-child(3n+0), .body-text.body-text--yellow:before:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .body-text--blue.share:before, .view--rtl .body-text--border.share:before, .view--rtl .body-text--green.share:before, .view--rtl .body-text--red.share:before, .view--rtl .body-text--yellow.share:before, .view--rtl .body-text.body-text--blue:before, .view--rtl .body-text.body-text--border:before, .view--rtl .body-text.body-text--green:before, .view--rtl .body-text.body-text--red:before, .view--rtl .body-text.body-text--yellow:before {
    left: auto !important
}

@media(max-width:767px) {
    .body-text--blue.share:before, .body-text--border.share:before, .body-text--green.share:before, .body-text--red.share:before, .body-text--yellow.share:before, .body-text.body-text--blue:before, .body-text.body-text--border:before, .body-text.body-text--green:before, .body-text.body-text--red:before, .body-text.body-text--yellow:before {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.body-text--blue.share > *, .body-text--border.share > *, .body-text--green.share > *, .body-text--red.share > *, .body-text--yellow.share > *, .body-text.body-text--blue > *, .body-text.body-text--border > *, .body-text.body-text--green > *, .body-text.body-text--red > *, .body-text.body-text--yellow > * {
    box-sizing: border-box;
    padding-inline: 10px
}

.body-text--blue.share > :first-child, .body-text--border.share > :first-child, .body-text--green.share > :first-child, .body-text--red.share > :first-child, .body-text--yellow.share > :first-child, .body-text.body-text--blue > :first-child, .body-text.body-text--border > :first-child, .body-text.body-text--green > :first-child, .body-text.body-text--red > :first-child, .body-text.body-text--yellow > :first-child {
    -webkit-margin-before: 10px !important;
    margin-block-start: 10px !important
}

.body-text--blue.share > :last-child, .body-text--border.share > :last-child, .body-text--green.share > :last-child, .body-text--red.share > :last-child, .body-text--yellow.share > :last-child, .body-text.body-text--blue > :last-child, .body-text.body-text--border > :last-child, .body-text.body-text--green > :last-child, .body-text.body-text--red > :last-child, .body-text.body-text--yellow > :last-child {
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.body-text--border.share:before, .body-text.body-text--border:before {
    border: 2px solid #222
}

.body-text--red.share:before, .body-text.body-text--red:before {
    background-color: #f0dadc
}

.body-text--green.share:before, .body-text.body-text--green:before {
    background-color: #e7e7e2
}

.body-text--blue.share:before, .body-text.body-text--blue:before {
    background-color: #d8e6eb
}

.body-text--yellow.share:before, .body-text.body-text--yellow:before {
    background-color: #f2e8d2
}

@media(min-width:768px) {
    .body-text, .share {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .body-text:after, .share:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:768px)and (min-width:768px) {
    .body-text, .share {
        width: calc(100% - 100px)
    }
}

.body-text:first-child, .intro-text + .body-text, .intro-text + .share, .share:first-child {
    margin-top: 60px
}

@media(min-width:768px) {
    .body-text:first-child, .intro-text + .body-text, .intro-text + .share, .share:first-child {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .body-text:first-child, .intro-text + .body-text, .intro-text + .share, .share:first-child {
        margin-top: 50px
    }
}

.body-text .quote, .share .quote {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media(max-width:767px) {
    .body-text .quote + h1, .body-text .quote + h2, .body-text .quote + h3, .body-text .quote + h4, .body-text .quote + h5, .body-text .quote + h6, .body-text .quote + p, .share .quote + h1, .share .quote + h2, .share .quote + h3, .share .quote + h4, .share .quote + h5, .share .quote + h6, .share .quote + p {
        margin-top: 0 !important
    }
}

@media(min-width:768px) {
    .body-text .quote, .share .quote {
        margin-top: 0;
        margin-bottom: 0;
        top: 30px !important
    }
}

.body-text hr, .share hr {
    float: left;
    margin: 10px 0;
    width: calc(66.66667% - 16.66667px);
    left: calc(33.33333% + 16.66667px);
    font-size: 18px;
    line-height: 30px;
    border: 0;
    border-top: 1px solid #e9e6e3
}

.body-text hr, .card, .share hr {
    box-sizing: border-box;
    position: relative
}

.card {
    transition: all .2s;
    transition-delay: 0s;
    display: block;
    font-size: 0;
    text-decoration: none;
    margin-bottom: 30px
}

.card--hidden {
    width: 0 !important;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    opacity: 0
}

.card--blue, .card--gray, .card--green, .card--red, .card--yellow {
    padding: 60px 30px;
    margin-bottom: 30px
}

    .card--blue .card__title, .card--gray .card__title, .card--green .card__title, .card--red .card__title, .card--yellow .card__title {
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 28px;
        font-weight: 700;
        line-height: 30px;
        word-break: break-word
    }

@media(min-width:1263px) {
    .card--blue .card__title, .card--gray .card__title, .card--green .card__title, .card--red .card__title, .card--yellow .card__title {
        font-size: 35px;
        line-height: 43px
    }
}

.card--blue:after, .card--gray:after, .card--green:after, .card--red:after, .card--yellow:after {
    display: block;
    content: url(../img/components/common/card/arrow-mobile.svg);
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .card--blue:after, .card--gray:after, .card--green:after, .card--red:after, .card--yellow:after {
        display: none
    }
}

.card--gray, .card--gray .card__header {
    background-color: #d9c9ca
}

.card--red, .card--red .card__header:not(:empty) {
    background-color: #f0dadc
}

.card--green, .card--green .card__header:not(:empty) {
    background-color: #e7e7e2
}

.card--blue, .card--blue .card__header:not(:empty) {
    background-color: #d8e6eb
}

.card--yellow, .card--yellow .card__header:not(:empty) {
    background-color: #f2e8d2
}

.card:hover .card__title {
    color: #e22b40
}

.card:hover .card__header:after {
    transform: translateY(0);
    opacity: 1
}

.card:hover .card__triangle {
    display: none;
    height: 62px
}

@media(min-width:768px) {
    .card:hover .card__triangle {
        display: block
    }
}

.card:hover .card__image {
    transform: scale(1)
}

@media(min-width:768px) {
    .card--big .card__title {
        margin-bottom: 10px
    }
}

.card__header {
    display: block;
    font-size: 0;
    min-height: 40px;
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
}

@media(min-width:768px) {
    .card__header {
        min-height: 55px
    }
}

.card__header:not(:empty) {
    background-color: #c1d8df
}

    .card__header:not(:empty):after {
        content: url(../img/components/common/card/arrow-mobile.svg);
        width: 52px;
        height: 52px;
        position: absolute;
        right: 0;
        bottom: 0
    }

@media(min-width:768px) {
    .card__header:not(:empty):after {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        transform: translateY(100%);
        color: #fff;
        content: attr(data-read-more);
        font-weight: 600;
        width: 100%;
        height: 52px;
        line-height: 52px !important;
        text-align: right;
        opacity: 0;
        padding-right: 20px;
        transition: opacity .35s ease-in-out,transform .35s ease-in-out
    }
}

@media(min-width:768px)and (min-width:768px) {
    .card__header:not(:empty):after {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .card__header:not(:empty):after {
        font-size: 18px;
        line-height: 30px
    }
}

.card__triangle {
    height: 62px;
    left: 0
}

.card__overlay {
    max-height: 64px;
    max-width: 64px;
    position: absolute;
    top: 0;
    left: 0
}

.card--preserve-ratio .card__header:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

@media(min-width:768px) {
    .card--preserve-ratio .card__header:before {
        padding-top: 66%
    }
}

.card__image {
    width: 100%;
    transform: scale(1.05);
    transition: transform .35s ease-in-out
}

.card--preserve-ratio .card__image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.card__triangle {
    width: 100%;
    height: 0;
    position: absolute;
    transition: height .35s ease-in-out;
    bottom: 0
}

.card__header:hover .card__triangle {
    height: 62px
}

.card__date {
    color: #9b9b9b;
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px
}

    .card__date + .card__title {
        margin-top: 5px
    }

@media(min-width:768px) {
    .card__date + .card__title {
        margin-top: 10px
    }
}

.card__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0 0;
    transition: color .35s ease-in-out
}

@media(min-width:768px) {
    .card__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .card__title {
        font-size: 24px;
        line-height: 32px
    }
}

.card__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 5px 0 0
}

@media(min-width:768px) {
    .card__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .card__body {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .card__body {
        margin-top: 10px
    }
}

.card .card__tags {
    list-style: none;
    margin: 5px 0 0;
    padding: 0
}

@media(min-width:768px) {
    .card .card__tags {
        margin-top: 10px
    }
}

.card .tags__tag .tags__tag-label {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #898989;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .card .tags__tag .tags__tag-label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .card .tags__tag .tags__tag-label {
        font-size: 18px;
        line-height: 30px
    }
}

.card--no-image {
    display: flex;
    min-height: 320px
}

@media(min-width:768px) {
    .card--no-image {
        min-height: 430px
    }
}

.card--no-image .card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.card--no-image .card__title {
    margin-top: 0
}

.card-filter__actions, .card-filter__header {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    display: flex
}

    .card-filter__actions:after, .card-filter__header:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .card-filter__actions, .card-filter__header {
        width: calc(100% - 100px)
    }
}

.card-filter__header {
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media(min-width:768px) {
    .card-filter__header {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .card-filter__header {
        margin-top: 80px
    }
}

@media(min-width:768px) {
    .card-filter__header {
        flex-wrap: nowrap
    }
}

@media(max-width:767px) {
    .card-filter__header .card-filter__select, .card-filter__header .widget {
        width: 100% !important
    }
}

.card-filter__actions {
    justify-content: center
}

.card-filter__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    height: 47px;
    line-height: 47px !important;
    margin: 0;
    width: 100%
}

@media(min-width:768px) {
    .card-filter__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .card-filter__title {
        font-size: 24px;
        line-height: 32px
    }
}

.card-filter .button {
    margin-right: 0 !important;
    margin-top: 40px;
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:768px) {
    .card-filter .button {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .card-filter .button {
        margin-top: 80px;
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .card-filter .button:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .card-filter .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .card-filter .button {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .card-filter .button:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .card-filter .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .card-filter .button {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .card-filter .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .card-filter .button {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .card-filter .button:nth-child(3n+0) {
        margin-right: 0
    }
}

.card-filter .button--hidden {
    display: none !important
}

.card-filter:not(.card-filter--open) .card-filter__button-open {
    display: block
}

.card-filter--open .card-filter__button-open, .card-filter:not(.card-filter--open) .card-filter__button-close {
    display: none
}

.card-filter--open .card-filter__button-close {
    display: block
}

.card-filter .card-row {
    transition: all .8s cubic-bezier(0,.7,.4,1)
}

.cms-toolbar-expanded .header {
    top: 45px
}

.context-modal {
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    background-color: #e7e7e2;
    opacity: 0;
    margin: -40px 0 0;
    position: absolute;
    right: 0;
    transition: all .25s ease-in-out;
    z-index: -10
}

@media(min-width:1263px) {
    .context-modal {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .context-modal {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .context-modal:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .context-modal:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .context-modal {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .context-modal {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .context-modal {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .context-modal {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .context-modal {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .context-modal {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .context-modal {
    left: auto !important
}

@media(max-width:767px) {
    .context-modal {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .context-modal {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .context-modal {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .context-modal {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .context-modal {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .context-modal {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .context-modal {
        padding-top: 50px
    }
}

@media(min-width:768px) {
    .context-modal {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .context-modal {
        padding-bottom: 50px
    }
}

.context-modal__arrow {
    background-color: #e7e7e2;
    display: block;
    width: 22px;
    height: 22px;
    transform: translate(-50%,-50%) rotate(45deg);
    margin-top: 6px;
    position: absolute;
    top: 0;
    left: 50%
}

.context-modal--open {
    opacity: 1;
    transform: translateY(40px);
    z-index: 10
}

.context-modal__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0
}

@media(min-width:768px) {
    .context-modal__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .context-modal__title {
        font-size: 18px;
        line-height: 30px
    }
}

.context-modal__line {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0
}

@media(min-width:768px) {
    .context-modal__line {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .context-modal__line {
        font-size: 18px;
        line-height: 30px
    }
}

.context-modal .button--close {
    position: absolute;
    top: 0;
    right: 0
}

.context-modal-link {
    border-bottom: 2px dashed #e22b40;
    color: inherit;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    text-decoration: inherit
}

    .context-modal-link.context-modal-link--open:after {
        transform: translateY(-50%) rotate(45deg)
    }

    .context-modal-link:after {
        background: url(../img/components/common/context-modal/plus.svg) no-repeat 50%;
        background-size: contain;
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .25s ease-in-out
    }

.definition-list {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    position: relative
}

    .definition-list:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .definition-list {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .definition-list {
        font-size: 18px;
        line-height: 30px
    }
}

.definition-list__group {
    padding: 10px 0;
    border-top: 1px solid #222
}

    .definition-list__group:last-child {
        border-bottom: 1px solid #222
    }

.definition-list--dark-border .definition-list__group {
    border-top-color: #d9c9ca;
    border-bottom-color: #d9c9ca
}

.definition-list__entity {
    display: flex;
    justify-content: space-between;
    position: relative
}

.definition-list__heading {
    font-weight: 600
}

.definition-list__definition, .definition-list__term {
    box-sizing: border-box;
    margin: 0
}

.definition-list__term {
    position: relative
}

.definition-list__definition {
    font-weight: 600;
    text-align: right
}

.definition-list--stacked .definition-list__entity {
    padding-left: 50px;
    flex-direction: column
}

@media(min-width:1263px) {
    .definition-list--stacked .definition-list__entity {
        padding-left: 50px
    }
}

.definition-list--stacked .definition-list__term {
    font-weight: 600
}

.definition-list--stacked .definition-list__definition {
    text-align: left;
    font-weight: 400
}

.definition-list__icon {
    position: absolute;
    top: 0;
    left: 0
}

.download {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 50px;
    position: relative
}

    .download:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .download {
        width: calc(100% - 100px)
    }
}

.download + .download {
    margin-top: -1px;
    border-top: 0
}

    .download + .download .download__heading {
        border-top: none
    }

.download__body, .download__heading {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin-right: 0 !important
}

@media(min-width:1263px) {
    .download__body, .download__heading {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .download__body, .download__heading {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .download__body:nth-child(1n+0), .download__heading:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .download__body:nth-child(3n+0), .download__heading:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .download__body, .download__heading {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .download__body, .download__heading {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .download__body, .download__heading {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .download__body, .download__heading {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .download__body, .download__heading {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .download__body, .download__heading {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .download__body, .view--rtl .download__heading {
    left: auto !important
}

@media(max-width:767px) {
    .download__body, .download__heading {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.download__heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    border-top: 1px solid #222;
    margin-top: 0 !important;
    padding-top: 30px
}

@media(min-width:768px) {
    .download__heading {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .download__heading {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .download__heading {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .download__heading {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .download__heading {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .download__heading {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.download__body {
    border-bottom: 1px solid #222;
    padding-bottom: 30px
}

@media(min-width:1007px) {
    .download__body {
        display: flex;
        justify-content: space-between
    }
}

.download__description {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    float: left;
    margin: 0
}

@media(min-width:768px) {
    .download__description {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .download__description {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:1007px) {
    .download__description {
        width: 66.66%
    }
}

.download .button {
    font-size: 16px !important;
    margin-top: 20px
}

.download .button__content {
    white-space: normal
}

@media(min-width:1007px) {
    .download .button {
        float: left;
        margin: 0 0 0 20px;
        width: 33.33%
    }
}

.cta {
    margin: 0
}

    .cta:hover.cta__address .cta__link {
        color: #e22b40
    }

    .cta:hover.cta__address .cta__arrow {
        fill: #fff
    }

    .cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__label, .cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__triangle {
        transform: translateX(10px)
    }

    .cta:hover:not(.cta--no-grow):not(.cta--arrow-right) .cta__link {
        color: #e22b40
    }

    .cta:hover:not(.cta--no-grow):not(.cta--arrow-right).cta__address .cta__arrow {
        fill: #fff
    }

.cta--arrow-right .cta__arrow {
    left: auto;
    right: 0
}

.cta--arrow-right .cta__link {
    margin-left: 0;
    padding-right: 36px
}

.cta--arrow-right:hover .cta__triangle {
    transform: translateX(10px)
}

.cta--heading .cta__link {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .cta--heading .cta__link {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .cta--heading .cta__link {
        font-size: 24px;
        line-height: 32px
    }
}

.cta--touch .cta__link {
    position: relative
}

    .cta--touch .cta__link:after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        content: "";
        width: 100%;
        height: 100%;
        padding: 10px 0
    }

.cta--inverted .cta__link {
    color: #fff
}

.cta__link {
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #222;
    display: flex;
    align-items: center;
    font-weight: 600;
    position: relative;
    transition: color .4s cubic-bezier(.165,.84,.44,1)
}

@media(min-width:768px) {
    .cta__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .cta__link {
        font-size: 18px;
        line-height: 30px
    }
}

.cta__arrow {
    fill: #e22b40;
    width: 30px;
    height: 30px;
    left: -24px
}

.cta .cta__label, .cta__triangle {
    transition: transform .4s cubic-bezier(.165,.84,.44,1)
}

.cta__label {
    display: inline-block;
    vertical-align: top
}

.cta__address .cta__label {
    color: #fff
}

.exposition-links {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

@media(min-width:768px) {
    .exposition-links {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .exposition-links {
        margin-top: 80px
    }
}

.exposition-links:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .exposition-links {
        width: calc(100% - 100px)
    }
}

@media print {
    .exposition-links {
        display: none
    }
}

@media(min-width:1007px) {
    .exposition-links {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .exposition-links:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:1007px)and (min-width:768px) {
    .exposition-links {
        width: calc(100% - 100px)
    }
}

.exposition-links__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 700
}

@media(min-width:768px) {
    .exposition-links__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .exposition-links__heading {
        font-size: 24px;
        line-height: 32px
    }
}

.exposition-links__list, .exposition-links__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.exposition-links__list-item {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .exposition-links__list-item {
        margin-right: 50px;
        width: calc(33.33333% - 34.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .exposition-links__list-item:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .exposition-links__list-item:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .exposition-links__list-item {
        margin-right: 20px;
        width: calc(100% - 1px)
    }
}

@media(max-width:767px)and (max-width:767px) {
    .exposition-links__list-item:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .exposition-links__list-item:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .exposition-links__list-item {
        margin-right: 50px;
        width: calc(33.33333% - 34.33333px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .exposition-links__list-item:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .exposition-links__list-item {
        margin-right: 50px;
        width: calc(33.33333% - 34.33333px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .exposition-links__list-item:nth-child(3n+0) {
        margin-right: 0
    }
}

.exposition-links__list-item:hover .cta__link {
    color: #e22b40
}

.exposition-links__list-item:hover .cta__label, .exposition-links__list-item:hover .cta__triangle {
    transform: translateX(10px)
}

.exposition-links__image-link {
    font-size: 0;
    display: block;
    margin: 20px 0 10px
}

@media(min-width:768px) {
    .exposition-links__image-link {
        margin: 20px 0
    }
}

.exposition-links__image {
    width: 100%
}

.exposition-links__cta {
    margin-bottom: 10px
}

.eyecatcher {
    display: flex;
    flex-direction: column;
    position: relative
}

.eyecatcher--blue {
    background-color: #d8e6eb
}

    .eyecatcher--blue .eyecatcher__triangle {
        fill: #d8e6eb
    }

.eyecatcher--black {
    background-color: #222
}

    .eyecatcher--black .eyecatcher__triangle {
        fill: #222
    }

    .eyecatcher--black .eyecatcher__body, .eyecatcher--black .eyecatcher__caption, .eyecatcher--black .eyecatcher__subtitle {
        color: #fff
    }

.eyecatcher__background {
    background: #c1d8df no-repeat fixed;
    background-size: cover;
    width: 100%;
    height: 75vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

@media(min-width:768px) {
    .eyecatcher__background {
        height: 72.9166666667vw
    }
}

@media(min-width:1007px) {
    .eyecatcher__background {
        height: 54.6875vw
    }
}

@media(min-width:1263px) {
    .eyecatcher__background {
        height: 38.8888888889vw
    }
}

.eyecatcher--no-image .eyecatcher__background {
    padding-top: 104px;
    height: auto !important
}

@media(min-width:768px) {
    .eyecatcher--no-image .eyecatcher__background {
        padding-top: 120px
    }
}

@media(min-width:1263px) {
    .eyecatcher--no-image .eyecatcher__background {
        padding-top: 70px;
    }
}

.eyecatcher--black .eyecatcher__background {
    background-color: #293c46
}

.eyecatcher__image {
    width: 100%;
    height: 100%;
    position: relative;
    top: -2px
}

.eyecatcher__triangle {
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: calc(100% + 11px);
    height: 0;
    position: absolute;
    left: -11px;
    bottom: -2px
}

.view--init .eyecatcher__triangle {
    height: 18.125vw
}

.eyecatcher__header {
    margin-top: calc(75vw - 58px);
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

@media(min-width:768px) {
    .eyecatcher__header {
        margin-top: 63.85417vw
    }
}

@media(min-width:1007px) {
    .eyecatcher__header {
        margin-top: 45.625vw
    }
}

@media(min-width:1263px) {
    .eyecatcher__header {
        margin-top: 29.82639vw
    }
}

.eyecatcher__header:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .eyecatcher__header {
        width: calc(100% - 100px);
        text-align: center
    }
}

.eyecatcher--no-image .eyecatcher__header {
    padding-top: 104px;
    margin-top: calc(9.0625vw - 32px)
}

@media(min-width:768px) {
    .eyecatcher--no-image .eyecatcher__header {
        padding-top: 120px
    }
}

@media(min-width:1263px) {
    .eyecatcher--no-image .eyecatcher__header {
        padding-top: 140px
    }
}

@media(min-width:768px) {
    .eyecatcher--no-image .eyecatcher__header {
        margin-top: calc(9.0625vw - 60px)
    }
}

@media(min-width:1263px) {
    .eyecatcher--no-image .eyecatcher__header {
        margin-top: calc(9.0625vw - 90px)
    }
}

.eyecatcher__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #e22b40;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px;
    margin: 0;
    padding-top: 8px;
    mix-blend-mode: multiply;
    word-break: break-word;
    padding-top: 0 !important;
    text-rendering: optimizeLegibility
}

@media(min-width:768px) {
    .eyecatcher__title {
        font-size: 120px;
        line-height: 120px;
        padding-top: 20px
    }
}

@media(min-width:1263px) {
    .eyecatcher__title {
        font-size: 180px;
        line-height: 180px;
        padding-top: 0
    }
}

.eyecatcher__subtitle {
    font-family: Merriweather;
    font-size: 18px;
    line-height: 24px;
    color: #4a4a4a;
    display: block;
    margin: 20px 0 0;
    font-weight: 600
}

@media(min-width:768px) {
    .eyecatcher__subtitle {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .eyecatcher__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.eyecatcher__content {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .eyecatcher__content:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .eyecatcher__content {
        width: calc(100% - 100px);
        display: flex
    }
}

.eyecatcher__section {
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative
}

@media(min-width:768px) {
    .eyecatcher__section {
        margin-bottom: 40px
    }
}

@media(min-width:1263px) {
    .eyecatcher__section {
        margin-bottom: 60px
    }
}

@media(min-width:768px) {
    .eyecatcher__section {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .eyecatcher__section {
        margin-top: 60px
    }
}

@media(min-width:768px) {
    .eyecatcher__section--has-child {
        padding-bottom: 82px
    }
}

@media(min-width:1263px) {
    .eyecatcher__section:first-child:not(:last-child) {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .eyecatcher__section:last-child:not(:first-child) {
        padding-right: 50px
    }
}

.eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .eyecatcher__section:first-child:not(:last-child):nth-child(1n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .eyecatcher__section:first-child:not(:last-child):nth-child(3n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .eyecatcher__section:first-child:not(:last-child), .eyecatcher__section:last-child:not(:first-child) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .eyecatcher__section:first-child:not(:last-child):nth-child(2n+0), .eyecatcher__section:last-child:not(:first-child):nth-child(2n+0) {
        margin-right: 0
    }
}

.eyecatcher__section:first-child:last-child {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto !important
}

@media(min-width:1263px) {
    .eyecatcher__section:first-child:last-child {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .eyecatcher__section:first-child:last-child {
        margin-right: 20px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .eyecatcher__section:first-child:last-child {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .eyecatcher__section:first-child:last-child {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

.eyecatcher__section:first-child:last-child .eyecatcher__body {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

@media(min-width:768px) {
    .eyecatcher__section:first-child:last-child .eyecatcher__body {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width:1263px) {
    .eyecatcher__section:first-child:last-child .eyecatcher__body {
        font-size: 22px;
        line-height: 33px
    }
}

.eyecatcher__caption {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #4a4a4a;
    margin: 0
}

@media(min-width:768px) {
    .eyecatcher__caption {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .eyecatcher__caption {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .eyecatcher__caption {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .eyecatcher__caption {
        margin-top: 60px
    }
}

.eyecatcher__body {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #4a4a4a
}

@media(min-width:768px) {
    .eyecatcher__body {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .eyecatcher__body {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .eyecatcher__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .eyecatcher__body {
        font-size: 18px;
        line-height: 30px
    }
}

.eyecatcher .button, .eyecatcher .cta {
    margin-top: 30px
}

@media(min-width:768px) {
    .eyecatcher .button, .eyecatcher .cta {
        position: absolute;
        bottom: 0
    }
}

@media(min-width:768px) {
    .eyecatcher .button {
        max-width: 270px
    }
}

.eyecatcher .cta {
    display: flex;
    align-items: center;
    height: 52px;
    margin-top: 10px
}

.faq {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    transform: translateZ(0)
}

@media(min-width:768px) {
    .faq {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .faq {
        margin-top: 80px
    }
}

.faq:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .faq {
        width: calc(100% - 100px);
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }
}

@media(min-width:768px) {
    .faq:after {
        content: "";
        clear: both;
        display: table
    }
}

@media(min-width:768px)and (min-width:768px) {
    .faq {
        width: calc(100% - 100px)
    }
}

.faq__heading, .faq__question {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .faq__heading, .faq__question {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .faq__heading:nth-child(1n+0), .faq__question:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .faq__heading:nth-child(3n+0), .faq__question:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .faq__heading, .faq__question {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .faq__heading, .faq__question {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .faq__heading, .view--rtl .faq__question {
    left: auto !important
}

@media(max-width:767px) {
    .faq__heading, .faq__question {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.faq__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 700
}

@media(min-width:768px) {
    .faq__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .faq__heading {
        font-size: 24px;
        line-height: 32px
    }
}

.faq__light {
    font-weight: 400
}

.faq__question {
    padding-top: 10px;
    border-bottom: 1px solid #222
}

@media(min-width:768px) {
    .faq__question {
        padding-top: 15px
    }
}

@media(min-width:1007px) {
    .faq__question {
        padding-top: 20px
    }
}

.faq__link {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #222;
    text-decoration: none;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding-right: 40px;
    position: relative
}

@media(min-width:768px) {
    .faq__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .faq__link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .faq__link {
        margin-bottom: 15px
    }
}

@media(min-width:1007px) {
    .faq__link {
        margin-bottom: 20px
    }
}

.faq__link--active {
    margin-bottom: 4px;
    color: #e22b40
}

@media(min-width:768px) {
    .faq__link--active {
        margin-bottom: 15px
    }
}

@media(min-width:1007px) {
    .faq__link--active {
        margin-bottom: 20px
    }
}

.faq__link--active + .faq__body {
    padding-bottom: 10px
}

@media(min-width:768px) {
    .faq__link--active + .faq__body {
        padding-bottom: 15px
    }
}

@media(min-width:1007px) {
    .faq__link--active + .faq__body {
        padding-bottom: 20px
    }
}

.faq__trigger {
    width: 10px;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-100%,-50%)
}

    .faq__trigger:after, .faq__trigger:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -2px;
        width: 20px;
        height: 2px;
        background: #e22b40
    }

    .faq__trigger:before {
        transform: rotate(90deg);
        transition: transform .25s ease-in-out
    }

.faq .faq__link--active .faq__trigger:before {
    transform: none
}

.faq__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    position: relative;
    overflow-y: hidden;
    transition: height .5s ease-in-out,opacity .2s
}

@media(min-width:768px) {
    .faq__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .faq__body {
        font-size: 18px;
        line-height: 30px
    }
}

.faq__body a {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

.faq__body:not(.faq__body--active) {
    height: 0 !important;
    opacity: 0
}

.faq .faq__body p:last-child {
    margin-bottom: 0
}

.faq .faq__body p:first-child {
    margin-top: 0
}

.footer-block {
    font-family: Graphik
}

    .footer-block .footer-block__container {
        display: flex;
        flex-direction: column;
        width: 100%
    }

@media(min-width:1281px) {
    .footer-block .footer-block__container {
        flex-direction: row
    }
}

@media(min-width:1281px) {
    .footer-block .footer-block__container.footer-block__container--single .footer-block__left {
        padding: 100px 25%
    }
}

.footer-block__left {
    flex: 1;
    background-color: #222;
    color: #fff;
    padding: 40px 30px
}

@media(min-width:1281px) {
    .footer-block__left {
        padding: 100px 183px
    }
}

.footer-block__right {
    flex: 1;
    background-color: #e9e6e3;
    padding: 40px 30px
}

@media(min-width:1281px) {
    .footer-block__right {
        padding: 100px 183px
    }
}

.footer-block__icons {
    padding-bottom: 28px
}

    .footer-block__icons .button {
        margin-right: 12px
    }

        .footer-block__icons .button:last-child {
            margin-right: 0
        }

.footer-block .footer-block__disclaimer {
    background-color: #4a4a4a;
    color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box
}

@media(min-width:768px) {
    .footer-block .footer-block__disclaimer {
        flex-direction: row;
        justify-content: space-between;
        padding: 0 85px
    }
}

.footer-block .footer-block__disclaimer p {
    line-height: 26px;
    margin: 12px 0
}

.footer-block .footer-block__disclaimer a {
    color: #fff
}

.footer-block .footer-block__right-disclaimer {
    line-height: 26px;
    margin: 12px 0
}

    .footer-block .footer-block__right-disclaimer a {
        display: inline-block
    }

.footer-block .footer-block__link {
    text-decoration: none
}

    .footer-block .footer-block__link:hover {
        text-decoration: underline
    }

.footer {
    background-color: #07144e;
    float: left;
    position: relative;
    width: 100%
}

    .footer .footer__brand, .footer .footer__main {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

@media(min-width:1007px) {
    .footer .footer__brand, .footer .footer__main {
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.footer .footer__main {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .footer .footer__main:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .footer .footer__main {
        width: calc(100% - 100px)
    }
}

.footer .footer__brand {
    background-color: #01092e;
    margin-top: 60px;
    position: relative
}

@media(min-width:768px) {
    .footer .footer__brand {
        margin-top: 80px
    }
}

@media(min-width:1007px) {
    .footer .footer__brand {
        margin-top: 110px
    }
}

.footer .footer__brand-container {
    align-items: center;
    overflow: hidden;
    padding: 20px 0;
    width: 100%
}

@media(min-width:768px) {
    .footer .footer__brand-container {
        display: flex;
        justify-content: space-between;
        height: 70px;
        padding: 0
    }

        .footer .footer__brand-container:after {
            display: none
        }
}

@media(min-width:1007px) {
    .footer .footer__brand-container {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .footer .footer__brand-container:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:1007px)and (min-width:768px) {
    .footer .footer__brand-container {
        width: calc(100% - 100px)
    }
}

@media(min-width:1007px) {
    .footer .footer__brand-container .footer__section {
        width: 50% !important
    }
}

.footer .footer__brand-container .footer__section {
    margin: 0 !important
}

.footer .footer__section:not(.footer__section--newsletter) {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .footer .footer__section:not(.footer__section--newsletter) {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .footer .footer__section:not(.footer__section--newsletter) {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .footer .footer__section:not(.footer__section--newsletter) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__section:not(.footer__section--newsletter) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__section:not(.footer__section--newsletter):nth-child(2n+0) {
        margin-right: 0
    }
}

.footer .footer__section--newsletter {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .footer .footer__section--newsletter {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .footer .footer__section--newsletter:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .footer .footer__section--newsletter:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .footer .footer__section--newsletter {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .footer .footer__section--newsletter:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .footer .footer__section--newsletter:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .footer .footer__section--newsletter {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__section--newsletter:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__section--newsletter {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__section--newsletter:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__section.footer__section--nav {
        margin-right: 0 !important
    }
}

@media(min-width:768px) {
    .footer .footer__section.footer__section--newsletter {
        margin-right: 0
    }
}

@media(min-width:1007px) {
    .footer .footer__section.footer__section--nav {
        margin-right: 20px
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .footer .footer__section.footer__section--nav {
        margin-right: 50px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .footer .footer__section.footer__section--nav {
        margin-right: 50px
    }
}

.footer .footer__about-list, .footer .footer__address, .footer .footer__heading, .footer .footer__list {
    color: #fff !important
}

.footer .footer__heading {
    margin-top: 60px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

@media(min-width:768px) {
    .footer .footer__heading {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .footer .footer__heading {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .footer .footer__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .footer .footer__heading {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__heading--newsletter {
        box-sizing: border-box;
        display: block;
        float: left;
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin: 40px 0 20px
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .footer .footer__heading--newsletter {
        margin-right: 20px;
        width: calc(250% + 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__heading--newsletter {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .footer .footer__heading--newsletter {
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .footer .footer__heading--newsletter:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .footer .footer__heading--newsletter {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .footer .footer__heading--newsletter {
        font-size: 24px;
        line-height: 32px
    }
}

.footer .footer__address {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-style: normal;
    margin: 20px 0
}

@media(min-width:768px) {
    .footer .footer__address {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .footer .footer__address {
        font-size: 18px;
        line-height: 30px
    }
}

.footer .footer__button {
    margin-top: 30px
}

@media(min-width:768px) {
    .footer .footer__button {
        margin-top: 0
    }
}

@media(min-width:1007px) {
    .footer .footer__button {
        max-width: 320px
    }
}

.footer .footer__list {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0;
    display: list-item;
    list-style: none;
    list-style-position: inside;
    -moz-column-count: 2;
    column-count: 2;
    margin: 20px 0 0
}

@media(min-width:768px) {
    .footer .footer__list {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .footer .footer__list {
        font-size: 18px;
        line-height: 30px
    }
}

.footer .footer__list-item {
    list-style: none;
    font-weight: 600;
    white-space: nowrap
}

    .footer .footer__list-item .cta {
        height: 40px
    }

    .footer .footer__list-item .cta__link {
        line-height: 1;
        color: #fff !important
    }

        .footer .footer__list-item .cta__link .cta__arrow {
            fill: #fff;
            overflow: visible
        }

        .footer .footer__list-item .cta__link:hover .cta__arrow {
            fill: #f84452
        }

.footer .footer__link {
    color: #222;
    text-decoration: none;
    color: #fff
}

    .footer .footer__link:hover span {
        color: #f84452
    }

.footer .footer__about-list {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 10px 0 0;
    padding: 0
}

@media(min-width:768px) {
    .footer .footer__about-list {
        margin-right: 20px;
        justify-content: flex-end;
        margin-top: 0
    }
}

@media(min-width:768px)and (min-width:768px) {
    .footer .footer__about-list {
        margin-right: 50px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .footer .footer__about-list {
        margin-right: 50px
    }
}

@media(min-width:1007px) {
    .footer .footer__about-list {
        margin: 0
    }
}

.footer .footer__about-list-item {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 1
}

@media(min-width:768px) {
    .footer .footer__about-list-item {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .footer .footer__about-list-item {
        font-size: 18px;
        line-height: 30px
    }
}

.footer .footer__about-list-item:not(:last-child):after {
    color: #fff;
    content: "  |  ";
    white-space: pre
}

.footer .footer__form {
    margin-top: 20px
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__form {
        box-sizing: border-box;
        display: block;
        float: left;
        width: calc(60% - 20px);
        margin-right: 0;
        margin-left: 50px
    }
}

.footer .footer__social {
    display: flex;
    justify-content: space-between
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__social {
        box-sizing: border-box;
        display: block;
        float: left;
        width: calc(50% - 25px);
        margin-right: 0;
        margin-top: 20px
    }
}

.footer .footer__button--dark {
    color: #333
}

.footer .footer__button--social {
    margin-top: 20px
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__button--social {
        margin-top: 0
    }
}

@media(min-width:1007px) {
    .footer .footer__button--social {
        margin-top: 30px
    }
}

.footer .footer__button--social:not(:last-child) {
    margin-right: 19px
}

@media(min-width:768px)and (max-width:1006px) {
    .footer .footer__button--social:not(:last-child) {
        margin-right: 10px
    }
}

.footer .footer__logo {
    display: block;
    margin: auto
}

@media(min-width:768px) {
    .footer .footer__logo {
        margin-left: 20px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .footer .footer__logo {
        margin-left: 50px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .footer .footer__logo {
        margin-left: 50px
    }
}

@media(min-width:1007px) {
    .footer .footer__logo {
        margin: 0
    }
}

.view--rtl .footer .footer__main .footer__section {
    margin-left: 20px;
    margin-right: 0 !important
}

@media(min-width:768px) {
    .view--rtl .footer .footer__main .footer__section {
        margin-left: 50px
    }
}

@media(min-width:1263px) {
    .view--rtl .footer .footer__main .footer__section {
        margin-left: 50px
    }
}

.view--rtl .footer .footer__main .footer__section:last-child {
    margin-left: 0
}

@media(min-width:768px)and (max-width:1006px) {
    .view--rtl .footer .footer__main .footer__section:nth-child(2) {
        margin-left: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view--rtl .footer .footer__form {
        margin-left: 20px;
        float: right;
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .view--rtl .footer .footer__form {
        margin-left: 50px
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .view--rtl .footer .footer__form {
        margin-left: 50px
    }
}

.view--rtl .footer .cta__arrow {
    display: none
}

.view--rtl .footer__brand-container .footer__section {
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .view--rtl .footer__brand-container .footer__section {
        margin-left: 50px
    }
}

@media(min-width:1263px) {
    .view--rtl .footer__brand-container .footer__section {
        margin-left: 50px
    }
}

@media(min-width:768px) {
    .view--rtl .footer__brand-container .footer__section {
        margin-right: 50px
    }
}

@media(min-width:1263px) {
    .view--rtl .footer__brand-container .footer__section {
        margin-right: 50px
    }
}

.view--rtl .footer__brand-container .footer__logo {
    float: right
}

.checkbox, .radio {
    border-bottom: none !important;
    width: 21px;
    height: 47px;
    position: relative
}

.checkbox__input, .radio__input {
    opacity: 0;
    position: absolute;
    z-index: 10
}

    .checkbox__input:checked + .checkbox__fake:before, .checkbox__input:checked + .radio__fake:before, .radio__input:checked + .checkbox__fake:before, .radio__input:checked + .radio__fake:before {
        transform: translate(-50%,-50%) scale(1)
    }

    .checkbox__input:focus + .checkbox__fake, .checkbox__input:focus + .radio__fake, .radio__input:focus + .checkbox__fake, .radio__input:focus + .radio__fake {
        box-shadow: 0 0 5px #e22b40
    }

.checkbox__fake, .radio__fake {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e9e6e3;
    display: block;
    width: 16px;
    height: 16px
}

.radio .checkbox__fake, .radio .radio__fake {
    border-radius: 16px
}

.checkbox__fake:before, .radio__fake:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #e22b40;
    content: "";
    width: 10px;
    height: 10px;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .2s ease-in-out
}

.radio .checkbox__fake:before, .radio .radio__fake:before {
    border-radius: 10px
}

.form {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .form:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .form {
        width: calc(100% - 100px);
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }
}

@media(min-width:768px) {
    .form:after {
        content: "";
        clear: both;
        display: table
    }
}

@media(min-width:768px)and (min-width:768px) {
    .form {
        width: calc(100% - 100px)
    }
}

.form__title {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 60px
}

@media(min-width:1263px) {
    .form__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .form__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .form__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .form__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .form__title {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .form__title {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .form__title {
    left: auto !important
}

@media(max-width:767px) {
    .form__title {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .form__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .form__title {
        font-size: 24px;
        line-height: 32px
    }
}

.form__fieldset {
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .form__fieldset {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .form__fieldset {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .form__fieldset:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .form__fieldset:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form__fieldset {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form__fieldset {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .form__fieldset {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .form__fieldset {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form__fieldset {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form__fieldset {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .form__fieldset {
    left: auto !important
}

@media(max-width:767px) {
    .form__fieldset {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.form__fieldset:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .form__fieldset {
        margin-right: 0
    }
}

.form__error {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #e22b40;
    margin: 0 10px 0 2rem
}

@media(min-width:768px) {
    .form__error {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .form__error {
        font-size: 18px;
        line-height: 30px
    }
}

.form .button, .form .label, .form .widget {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .form .button, .form .label, .form .widget {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .form .button:nth-child(2n+0), .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .form .button, .form .label, .form .widget {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .form .button:nth-child(1n+0), .form .label:nth-child(1n+0), .form .widget:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .form .button:nth-child(3n+0), .form .label:nth-child(3n+0), .form .widget:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form .button, .form .label, .form .widget {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .form .button:nth-child(2n+0), .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form .button, .form .label, .form .widget {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .form .button:nth-child(2n+0), .form .label:nth-child(2n+0), .form .widget:nth-child(2n+0) {
        margin-right: 0
    }
}

.form .button, .form .label {
    margin-top: 30px
}

.form .button {
    float: right
}

@media(min-width:768px) {
    .form .button {
        margin-right: 0
    }
}

.form .widget {
    margin-top: 30px
}

@media(max-width:767px) {
    .form .label + .widget {
        margin-top: 0
    }
}

.form .widget--textarea {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .form .widget--textarea {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .form .widget--textarea:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .form .widget--textarea {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .form .widget--textarea:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .form .widget--textarea:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .form .widget--textarea {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .form .widget--textarea:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .form .widget--textarea {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .form .widget--textarea:nth-child(1n+0) {
        margin-right: 0
    }
}

.form .widget--inline {
    display: flex
}

    .form .widget--inline .label {
        margin: 0 0 0 10px !important
    }

.form .label + .widget--textarea {
    margin-top: 0 !important
}

.form .g-recaptcha {
    max-width: calc(100vw - 40px)
}

@media(min-width:768px) {
    .form .g-recaptcha {
        max-width: 100%
    }
}

.form .g-recaptcha.has-error {
    margin-top: 1rem
}

.button {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

@media(min-width:768px) {
    .button {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .button {
        font-size: 18px;
        line-height: 30px
    }
}

.button:focus {
    outline: 2px solid #4a4a4a
}

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

.button--arrow-right .button__content {
    display: inline-flex
}

.button--arrow-right .button__icon {
    fill: #e22b40;
    position: static;
    transform: none;
    padding: 10px 0
}

.button--arrow-right:hover .button__icon {
    fill: #fff
}

.button.button--icon-after.button--justified .button__content {
    flex-direction: row-reverse
}

.button.button--justified .button__content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.button.button--justified .button__icon {
    position: static;
    transform: none
}

.button--close {
    width: 52px;
    height: 52px;
    line-height: 52px;
    background-image: url(../img/components/button/close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25%
}

@media(min-width:768px) {
    .button--close {
        width: 60px
    }
}

@media(min-width:1263px) {
    .button--close {
        width: 70px
    }
}

@media(min-width:768px) {
    .button--close {
        height: 60px
    }
}

@media(min-width:1263px) {
    .button--close {
        height: 70px
    }
}

@media(min-width:768px) {
    .button--close {
        line-height: 60px
    }
}

@media(min-width:1263px) {
    .button--close {
        line-height: 70px
    }
}

.button--cta, .button--dark, .button--secondary {
    font-family: "Inter", sans-serif;
    font-weight: 600
}

    .button--cta .button__icon, .button--dark .button__icon, .button--secondary .button__icon {
        right: auto;
        left: 16px
    }

@media(min-width:1007px) {
    .button--cta:not(.button--arrow-right) .button__icon, .button--dark:not(.button--arrow-right) .button__icon, .button--secondary:not(.button--arrow-right) .button__icon {
        left: 30px
    }
}

.button--cta .button__icon {
    fill: #fff
}

.button.button--dark {
    background-color: #4a4a4a;
    color: #fff
}

    .button.button--dark .button__icon {
        fill: #fff
    }

    .button.button--dark:focus {
        outline: 2px solid #fff
    }

.basic-filter__list-item .basic-filter__option, .button--cta, .button--dark, .button--fixed-height, .button--secondary, .button--social {
    height: 52px
}

    .basic-filter__list-item .basic-filter__option .button__content, .button--cta .button__content, .button--dark .button__content, .button--fixed-height .button__content, .button--secondary .button__content, .button--social .button__content {
        line-height: 52px;
        padding-top: 0;
        padding-bottom: 0
    }

.button, .button--beige {
    background-color: #e9e6e3;
    color: #4a4a4a
}

    .button--beige:after, .button--beige:before, .button:after, .button:before {
        display: none
    }

    .button--beige.button--toggle-active, .button--beige:hover, .button--toggle-active.button, .button:hover {
        background-color: #023299;
        color: #fff
    }

.button--gray, .header .button:before {
    background-color: #4a4a4a;
    color: #fff
}

    .button--gray:after, .button--gray:before, .header .button:before {
        display: none
    }

    .button--gray.button--toggle-active, .button--gray:hover, .header .button--toggle-active.button:before, .header .button:hover:before {
        color: #fff
    }

    .button--gray:focus, .header .button:focus:before {
        outline: 2px solid #fff
    }

.button--cta, .button--red {
    background-color: #0040ca;
    color: #fff
}

    .button--cta:focus, .button--red:focus {
        outline: 2px solid #fff
    }

    .button--cta:before, .button--red:before {
        background-color: #d61d33
    }

    .button--cta:after, .button--red:after {
        background-color: #c01a2d
    }

    .button--cta:hover, .button--red.button--toggle-active, .button--red:hover, .button--toggle-active.button--cta {
        color: #fff
    }

.button--menu {
    width: 52px;
    height: 52px
}

@media(min-width:768px) {
    .button--menu {
        width: 60px
    }
}

@media(min-width:1263px) {
    .button--menu {
        width: 70px
    }
}

@media(min-width:768px) {
    .button--menu {
        height: 60px
    }
}

@media(min-width:1263px) {
    .button--menu {
        height: 70px
    }
}

.button--menu .button__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 15px;
    height: 12px
}

.button--small {
    width: auto;
    height: 28px;
    padding-left: 16px
}

@media(min-width:768px) {
    .button--small {
        height: 32px
    }
}

.button--small .button__icon {
    width: 22px;
    height: 22px;
    padding-top: 5px;
    padding-bottom: 5px
}

.button--small .button__content {
    font-size: 12px;
    line-height: 20px;
    line-height: 28px;
    padding-right: 15px
}

@media(min-width:768px) {
    .button--small .button__content {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .button--small .button__content {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .button--small .button__content {
        line-height: 32px
    }
}

.button--social {
    background: none;
    border: 1px solid #c6c6c6;
    border-radius: 100%;
    flex-shrink: 0;
    width: 52px
}

    .button--social:after, .button--social:before {
        display: none
    }

    .button--social .button__icon {
        height: 17px
    }

    .button--social:hover {
        border: none
    }

    .button--social:focus {
        outline: 2px solid #fff
    }

.button--social-dark {
    color: #333;
    border-color: #333
}

    .button--social-dark.button--whatsapp {
        background-image: url(../img/components/button/whatsapp-black.svg)
    }

    .button--social-dark.button--facebook {
        background-image: url(../img/components/button/facebook-black.svg)
    }

.button--menu .button__content, .button--no-text .button__content {
    display: none
}

.button--menu .button__icon, .button--no-text .button__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.button__content {
    display: block;
    padding: 0 20px;
    position: relative;
    z-index: 1
}

.button__icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.button__ripple {
    fill: 0;
    opacity: .1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

    .button__ripple svg {
        opacity: 0
    }

.button--language .button__content, .button--search .button__content {
    box-sizing: border-box;
    font-weight: 400;
    line-height: 49px
}

.button--facebook, .button--share, .button--whatsapp {
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -999rem
}

.button--share {
    background-image: url(../img/components/button/share.svg)
}

.button--whatsapp {
    background-image: url(../img/components/button/whatsapp.svg)
}

.button--facebook {
    background-image: url(../img/components/button/facebook.svg)
}

.button--auto-width {
    width: 100%
}

@media(min-width:1007px) {
    .button--auto-width {
        width: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.button--auto-width.button--icon-after {
    padding-right: 24px
}

.hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: auto;
    margin: 0 auto
}

.hamburger__bar {
    background: #fff;
    display: block;
    width: 15px;
    height: 2px;
    margin: 3px auto;
    transition: all .35s ease
}

.header--open .button--menu .hamburger__bar--top {
    transform: translateY(5px) rotate(45deg)
}

.hamburger__bar--middle {
    margin: 0 auto
}

.header--open .button--menu .hamburger__bar--middle {
    width: 0
}

.header--open .button--menu .hamburger__bar--bottom {
    transform: translateY(-5px) rotate(-45deg)
}

.widget .input-legacy {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border-radius: 0;
    outline: 0;
    border: 1px solid #c6c6c6;
    color: #adadad;
    width: 100%;
    height: 52px;
    letter-spacing: 0;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .widget .input-legacy {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .widget .input-legacy {
        font-size: 18px;
        line-height: 30px
    }
}

.widget .input-legacy--button {
    border-right: none;
    padding-right: 0
}

.widget .input-legacy--open {
    background: none
}

.widget .input-legacy + .button {
    display: none;
    background: none;
    border: 1px solid #c6c6c6;
    border-left: none
}

@media(min-width:768px) {
    .widget .input-legacy + .button {
        display: block
    }
}

.widget .input-legacy + .button .button__content {
    background: none;
    display: block
}

.widget .input-legacy + .button .button__icon {
    fill: #adadad;
    width: 32px;
    height: 32px
}

.view--rtl .input-legacy--button {
    border-right: 1px solid #c6c6c6;
    border-left: none;
    padding-right: 20px;
    padding-left: none
}

    .view--rtl .input-legacy--button + .button--input {
        border-left: 1px solid #c6c6c6;
        border-right: none
    }

.checkbox__label, .label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    height: 47px;
    line-height: 47px
}

@media(min-width:768px) {
    .checkbox__label, .label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .checkbox__label, .label {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .checkbox__label, .label {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .checkbox__label, .label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .checkbox__label, .label {
        line-height: 47px
    }
}

@media(min-width:1263px) {
    .checkbox__label, .label {
        line-height: 47px
    }
}

.select {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5NC4wMDAwMDAsIC01NzMuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cC1Db3B5Ij4NCiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5Mi4wMDAwMDAsIDU2Ny4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzI1LjAwMDAwMCwgMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyb3Bkb3duLWljbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc3LjAwMDAwMCwgNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjY5NTk0MDM0OCwwIEwxMC4zMTQ4MzAyLDAgQzEwLjUwMTI0MjgsMCAxMC42NjI4MDAzLDAuMDY2MDY2MDY2MSAxMC43OTk1MDI5LDAuMTk4MTk4MTk4IEMxMS4wNzI5MDgsMC40ODY0ODY0ODYgMTEuMDY2Njk0MywwLjc5ODc5ODc5OSAxMC43ODA4NjE2LDEuMTM1MTM1MTQgTDUuOTkwMDU4LDUuODAxODAxOCBDNS42NjY5NDI4Myw2LjA2NjA2NjA3IDUuMzM3NjEzOTIsNi4wNjYwNjYwNyA1LjAwMjA3MTI1LDUuODAxODAxOCBMMC4yMTEyNjc2MDYsMS4xMzUxMzUxNCBDMCwwLjkwNjkwNjkwNyAtMC4wNTI4MTY5MDE0LDAuNjY2NjY2NjY3IDAuMDUyODE2OTAxNCwwLjQxNDQxNDQxNCBDMC4xNTg0NTA3MDQsMC4xNjIxNjIxNjIgMC4zNzI4MjUxODYsMC4wMjQwMjQwMjQgMC42OTU5NDAzNDgsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 9px 2px 2px 20px;
    position: relative
}

@media(min-width:1263px) {
    .select {
        padding-top: 6px
    }
}

.select[multiple] {
    height: 104px
}

@media(min-width:768px) {
    .select[multiple] {
        height: 120px
    }
}

@media(min-width:1263px) {
    .select[multiple] {
        height: 140px
    }
}

.select--bordered {
    border: 1px solid #cbc4bd !important;
    background-position-x: calc(100% - 20px);
    padding-left: 20px
}

.select--fake {
    margin: 0
}

    .select--fake:before {
        content: attr(data-label) !important;
        display: block;
        width: 100%;
        height: 100%;
        padding: inherit;
        position: absolute;
        top: 0;
        left: 0
    }

    .select--fake .select__fake-value {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0
    }

.select--open.select--fake {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgzMC4wMDAwMDAsIC0xNjcuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cCI+DQogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTIuMDAwMDAwLCAxNjAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MS4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJkcm9wZG93bi1pY28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi41MDAwMDAsIDEwLjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTE4Mi41MDAwMDAsIC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgxNzcuMDAwMDAwLCA3LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNjk1OTQwMzQ4LDAgTDEwLjMxNDgzMDIsMCBDMTAuNTAxMjQyOCwwIDEwLjY2MjgwMDMsMC4wNjYwNjYwNjYxIDEwLjc5OTUwMjksMC4xOTgxOTgxOTggQzExLjA3MjkwOCwwLjQ4NjQ4NjQ4NiAxMS4wNjY2OTQzLDAuNzk4Nzk4Nzk5IDEwLjc4MDg2MTYsMS4xMzUxMzUxNCBMNS45OTAwNTgsNS44MDE4MDE4IEM1LjY2Njk0MjgzLDYuMDY2MDY2MDcgNS4zMzc2MTM5Miw2LjA2NjA2NjA3IDUuMDAyMDcxMjUsNS44MDE4MDE4IEwwLjIxMTI2NzYwNiwxLjEzNTEzNTE0IEMwLDAuOTA2OTA2OTA3IC0wLjA1MjgxNjkwMTQsMC42NjY2NjY2NjcgMC4wNTI4MTY5MDE0LDAuNDE0NDE0NDE0IEMwLjE1ODQ1MDcwNCwwLjE2MjE2MjE2MiAwLjM3MjgyNTE4NiwwLjAyNDAyNDAyNCAwLjY5NTk0MDM0OCwwIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+")
}

.select--fake .select__options, .select--open.select--fake {
    background-color: #f4f2f0;
    border: 2px solid #cbc4bd !important
}

.select--fake .select__options {
    border-top: none !important;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -2px;
    top: calc(100% + 2px);
    visibility: hidden;
    width: calc(100% + 4px);
    z-index: 9001
}

.select--fake .select__option {
    height: 42px;
    line-height: 42px;
    font-weight: 400;
    padding: 2px 20px;
    white-space: nowrap
}

.select--fake .select__option--active {
    background-color: #e22b40;
    color: #fff
}

.select--fake .select__option--hidden {
    display: none
}

.select--open.select--fake .select__options {
    visibility: visible
}

.widget .widget__element.textarea {
    height: 104px;
    border: 1px solid #e6394e;
    padding: 20px
}

@media(min-width:768px) {
    .widget .widget__element.textarea {
        height: 120px
    }
}

@media(min-width:1263px) {
    .widget .widget__element.textarea {
        height: 140px
    }
}

.widget {
    display: flex;
    position: relative
}

    .widget .input, .widget .textarea {
        padding-top: 15px
    }

    .widget[data-placeholder]:before {
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        font-size: 12px;
        line-height: 20px;
        background-position: 100%;
        background-repeat: no-repeat;
        content: attr(data-placeholder);
        font-size: 14px;
        line-height: 1;
        padding-right: 10px;
        position: absolute;
        top: 2px;
        left: 0;
        transition: top .2s ease;
        z-index: 10
    }

    .widget:not(.widget--focus):not(.widget--has-value):before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        top: 23.5px;
        transition: none
    }

.widget--required:before {
    background-image: url(../img/components/common/form/dot.svg)
}

.widget--stacked.widget {
    clear: left;
    margin-top: 0
}

.widget__list, .widget__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget.widget--checkbox {
    clear: both
}

    .widget.widget--checkbox + .widget.widget--checkbox {
        margin-top: 0
    }

    .widget.widget--checkbox + .label, .widget.widget--checkbox + .widget {
        clear: left
    }

.widget--textarea:not(.widget--focus):not(.widget--has-value):before {
    top: 25px;
    left: 20px
}

.widget--textarea.widget--focus:before, .widget--textarea.widget--has-value:before {
    top: 10px;
    left: 20px
}

.widget--textarea .widget__errors {
    top: -1.5em
}

.widget--inline {
    height: 52px;
    line-height: 52px;
    display: flex
}

@media(min-width:768px) {
    .widget--inline {
        height: 60px
    }
}

@media(min-width:1263px) {
    .widget--inline {
        height: 70px
    }
}

@media(min-width:768px) {
    .widget--inline {
        line-height: 60px
    }
}

@media(min-width:1263px) {
    .widget--inline {
        line-height: 70px
    }
}

.widget--inline .widget__item {
    display: flex;
    width: 100%
}

    .widget--inline .widget__item .label {
        width: 100%
    }

.widget__errors {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -1.2em;
    left: 0
}

.widget__error {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #e22b40;
    margin: 0 10px 0 0;
    padding: 0
}

@media(min-width:768px) {
    .widget__error {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .widget__error {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .widget__error {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .widget__error {
        font-size: 16px;
        line-height: 26px
    }
}

.widget__errors + .g-recaptcha {
    margin-top: 10px
}

.widget--search:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: url(../img/components/common/form/input/search.svg);
    width: 14px;
    height: 30px;
    right: 0
}

.widget__element {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    color: #4a4a4a;
    outline: 0;
    width: 100%;
    height: 47px;
    border: 2px solid transparent;
    border-bottom-color: #85827f;
    box-sizing: border-box;
    font-weight: 600;
    padding-right: 20px;
    transition: border-color .2s ease
}

@media(min-width:768px) {
    .widget__element {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .widget__element {
        font-size: 18px;
        line-height: 30px
    }
}

.widget__element::-webkit-input-placeholder {
    color: transparent
}

.widget__element:-moz-placeholder, .widget__element::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.widget__element::-ms-clear {
    display: none
}

.widget__element:-ms-input-placeholder {
    color: transparent
}

.widget__element:focus, .widget__element:hover {
    border-bottom-color: #e22b40
}

.widget .button--input {
    flex-shrink: 0;
    width: 52px !important;
    height: 52px !important;
    border-left: none
}

    .widget .button--input .button__icon {
        width: 14px;
        height: 14px
    }

.gallery {
    margin-top: 40px;
    overflow: hidden;
    position: relative
}

    .gallery:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .gallery {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .gallery {
        margin-top: 80px
    }
}

@media print {
    .gallery {
        display: none
    }
}

@media(min-width:768px) {
    .gallery {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .gallery:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:768px)and (min-width:768px) {
    .gallery {
        width: calc(100% - 100px)
    }
}

.gallery__panels, .gallery__slider {
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap
}

.gallery--red .gallery__slider:first-child {
    background-color: #f0dadc
}

.gallery--green .gallery__slider:first-child {
    background-color: #e7e7e2
}

.gallery--blue .gallery__slider:first-child {
    background-color: #d8e6eb
}

.gallery--yellow .gallery__slider:first-child {
    background-color: #f2e8d2
}

.gallery__panel, .gallery__slide {
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.gallery__slide {
    transition: all 1s;
    transition-delay: 0s;
    padding-top: 100%;
    width: 100%;
    height: 0;
    position: relative
}

@media(min-width:768px) {
    .gallery__slide {
        padding-top: 56.25%
    }
}

.gallery__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%
}

.gallery__image--cover {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.gallery .video, .gallery .video__container, .gallery .video__iframe, .gallery .video__player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important
}

.gallery__body {
    transition: all 1s;
    transition-delay: 0s;
    box-sizing: border-box;
    display: block;
    float: left;
    position: static;
    right: 0;
    bottom: 0
}

@media(min-width:1263px) {
    .gallery__body {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .gallery__body {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .gallery__body {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .gallery__body {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .gallery__body {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .gallery__body {
        position: absolute
    }
}

@media(min-width:768px) {
    .gallery--video .gallery__body {
        float: right;
        position: relative !important
    }
}

@media(min-width:768px) {
    .gallery__body--closed {
        height: 104px !important;
        width: 104px;
        overflow: hidden
    }
}

@media(min-width:768px) {
    .gallery--video .gallery__body--closed {
        width: 156px;
        height: 52px !important
    }
}

.gallery__navigation {
    height: 0;
    position: relative;
    text-align: right;
    top: 0;
    right: 0
}

@media(min-width:768px) {
    .gallery__navigation {
        height: 52px
    }
}

@media(min-width:768px) {
    .gallery--video .gallery__navigation {
        position: absolute;
        z-index: 10
    }
}

.gallery__button {
    transform: translateY(-100%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #4a4a4a;
    border: none;
    border-radius: 0;
    color: #fff;
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:768px) {
    .gallery__button {
        transform: none
    }
}

.gallery__button:before {
    transition: all .2s;
    transition-delay: 0s;
    content: "";
    cursor: pointer;
    background-color: #e22b40;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right
}

.gallery__button--prev:before {
    transform-origin: left
}

.gallery__button .icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media(hover:hover) {
    .gallery__button:hover:before {
        transform: scale(1)
    }
}

@media(hover:none) {
    .gallery__button:active:before {
        transform: scale(1)
    }
}

.gallery .button {
    transition: all .2s;
    transition-delay: 0s;
    display: none;
    background-color: transparent;
    position: absolute;
    top: 100%;
    right: 52px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

@media(min-width:768px) {
    .gallery .button {
        display: block
    }
}

@media(min-width:768px) {
    .gallery--video .gallery__body .button {
        top: 0;
        right: 156px
    }

    .gallery--video .gallery__body--closed .button {
        right: 104px
    }
}

.gallery__body--closed .button {
    background-image: url(../img/components/common/gallery/info.svg);
    background-size: 10%
}

@media(hover:hover) {
    .gallery .button:hover {
        background-color: #e22b40
    }
}

@media(hover:none) {
    .gallery .button:hover {
        background-color: #e22b40
    }
}

.gallery__counter {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    background: rgba(74,74,74,.56);
    color: #fff;
    width: 52px;
    height: 52px;
    line-height: 52px !important;
    position: absolute;
    top: 100%;
    right: 0;
    text-align: center;
    z-index: 1
}

@media(min-width:768px) {
    .gallery__counter {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .gallery__counter {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .gallery__counter {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .gallery__counter {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .gallery--video .gallery__body .gallery__counter {
        top: 0;
        right: 104px
    }

    .gallery--video .gallery__body--closed .gallery__counter {
        right: 156px
    }
}

.gallery__count--total {
    opacity: .6
}

.gallery__panels {
    background-color: #222
}

@media(min-width:768px) {
    .gallery__panels {
        background-color: rgba(34,34,34,.5)
    }
}

.gallery__panel {
    box-sizing: border-box;
    background-color: transparent;
    height: auto;
    padding: 52px 20px;
    position: relative
}

@media(min-width:768px) {
    .gallery__panel {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .gallery__panel {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .gallery__panel {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .gallery__panel {
        padding-right: 50px
    }
}

.gallery__description, .gallery__source, .gallery__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    font-style: normal;
    white-space: normal;
    margin: 0;
    color: #fff
}

@media(min-width:768px) {
    .gallery__description, .gallery__source, .gallery__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .gallery__description, .gallery__source, .gallery__title {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .gallery__description, .gallery__source, .gallery__title {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .gallery__description, .gallery__source, .gallery__title {
        font-size: 16px;
        line-height: 26px
    }
}

.gallery__body--closed .gallery__description, .gallery__body--closed .gallery__source, .gallery__body--closed .gallery__title {
    color: hsla(0,0%,100%,0)
}

.gallery__title {
    padding-right: 52px;
    font-weight: 700
}

@media(min-width:768px) {
    .gallery__title {
        padding-right: 0
    }
}

.gallery__source {
    opacity: .5
}

.gallery .video .video__footer {
    display: none
}

@keyframes glow {
    0% {
        background-color: #4a4a4a
    }

    50% {
        background-color: #e22b40
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    will-change: top
}

.header--collapsed.header--open {
    transform: translateY(0)
}

    .header--collapsed.header--open .menu.menu--primary {
        transform: translateX(0) !important
    }

    .header--collapsed.header--open .button--language {
        display: block;
        transform: translateX(0)
    }

        .header--collapsed.header--open .button--language .button__content {
            padding: 0
        }

@media(max-width:767px) {
    .header--collapsed.header--open .search-form {
        transform: translateX(0)
    }
}

.header--collapsed .button--language {
    display: block !important;
    transform: translateX(100vw);
    transition: transform .5s ease-in-out,opacity .5s ease-in-out
}

@media(min-width:768px) {
    .header--collapsed .button--language {
        transform: translateX(330px)
    }
}

.header--collapsed .menu.menu--primary {
    transform: translateX(100%) !important
}

.header--collapsed .searchfield {
    display: none
}

@media(min-width:768px) {
    .header--collapsed .searchfield {
        display: flex
    }
}

.header--collapsed .header__bar {
    background-color: transparent
}

.header--collapsed:not(.header--open) .button--gray, .header--collapsed:not(.header--open) .header .button:before, .header .header--collapsed:not(.header--open) .button:before {
    transition: transform .8s cubic-bezier(0,.7,.4,1) 0s,opacity .8s cubic-bezier(0,.7,.4,1) .5s,width .8s cubic-bezier(0,.7,.4,1),height .8s cubic-bezier(0,.7,.4,1);
    visibility: hidden;
    opacity: 0
}

    .header--collapsed:not(.header--open) .button--gray .button__content, .header--collapsed:not(.header--open) .header .button:before .button__content, .header .header--collapsed:not(.header--open) .button:before .button__content {
        transition-delay: 0s
    }

@media(min-width:768px) {
    .header--collapsed .button--menu:before {
        animation: glow 2.5s;
        animation-delay: 2s
    }
}

.header--collapsed:not(.header--open) .button--menu {
    border-left: none
}

    .header--collapsed:not(.header--open) .button--menu:before {
        transition: all .2s;
        transition-delay: 0s;
        background-color: #4a4a4a
    }

    .header--collapsed:not(.header--open) .button--menu:hover:before {
        animation-play-state: paused;
        background-color: #e22b40
    }

@media(min-width:768px) {
    .header--collapsed .searchfield {
        z-index: 10
    }
}

.header .notification {
    position: relative;
    z-index: 200
}

.header--elearning .header__bar, .header__bar {
    background-color: #222
}

.header__bar {
    transition-timing-function: ease-in-out;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    height: 52px;
    display: flex;
    align-items: stretch;
    padding-left: 20px !important;
    padding-right: 0 !important;
    position: relative
}

@media(min-width:768px) {
    .header__bar {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .header__bar {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .header__bar {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .header__bar {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .header__bar {
        height: 60px
    }
}

@media(min-width:1263px) {
    .header__bar {
        height: 70px
    }
}

@media(min-width:768px) {
    .header__bar {
        padding-left: 30px !important
    }
}

.header__divider {
    margin: auto
}

@media(min-width:768px) {
    .header:not(.header--collapsed) .header__buttons .button:first-child .button__content, .header:not(.header--collapsed) .header__buttons .button:first-child:before {
        transition-delay: .6s
    }

    .header:not(.header--collapsed) .header__buttons .button:nth-child(2) .button__content, .header:not(.header--collapsed) .header__buttons .button:nth-child(2):before {
        transition-delay: .7s
    }

    .header:not(.header--collapsed) .header__buttons .button:nth-child(3) .button__content, .header:not(.header--collapsed) .header__buttons .button:nth-child(3):before {
        transition-delay: .8s
    }
}

@media(max-width:1006px) {
    .header.header--open {
        transform: translateY(0)
    }

        .header.header--open .menu.menu--primary {
            transform: translateX(0) !important
        }

        .header.header--open .button--language {
            display: block;
            transform: translateX(0)
        }

            .header.header--open .button--language .button__content {
                padding: 0
            }
}

@media(max-width:1006px)and (max-width:767px) {
    .header.header--open .search-form {
        transform: translateX(0)
    }
}

@media(max-width:1006px) {
    .header .button--language {
        display: block !important;
        transform: translateX(100vw);
        transition: transform .5s ease-in-out,opacity .5s ease-in-out
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .header .button--language {
        transform: translateX(330px)
    }
}

@media(max-width:1006px) {
    .header .menu.menu--primary {
        transform: translateX(100%) !important
    }
}

@media(max-width:1006px) {
    .header .searchfield {
        display: none
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .header .searchfield {
        display: flex
    }
}

.header__link {
    display: flex;
    gap: 10px;
    color: #FFF;
    padding: 8px;
    text-decoration: none;
    align-items: center;
    font-size: 17px;
}

.view--scrolled .header--has-back .header__bar {
    background-color: #222
}

@media(min-width:768px) {
    .header--has-back .header__bar .header__link:first-child {
        transition: transform .3s cubic-bezier(0,.7,.4,1);
        will-change: transform;
        transform: translateY(0)
    }

    .view--scrolled .header--has-back .header__bar .header__link:first-child {
        transform: translateY(-100%)
    }
}

.header .menu--primary {
    transform: translateY(-100%);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    transition: transform .5s ease-in-out,opacity .5s ease-in-out
}

.view--init .header .menu--primary {
    transform: translateY(0)
}

@media(min-width:1007px) {
    .header .menu--primary {
        width: 100%
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .header__buttons {
        flex-shrink: 0;
        width: auto
    }
}

.header__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    right: 0;
}

.header:not(.header--collapsed) .button {
    display: none
}

@media(min-width:768px) {
    .header:not(.header--collapsed) .button {
        display: flex
    }
}

.header .button {
    width: 52px;
    align-items: center;
    background: none;
    border-left: 1px solid #222;
    flex-shrink: 0;
    margin: 0
}

@media(min-width:768px) {
    .header .button {
        width: 60px
    }
}

@media(min-width:1263px) {
    .header .button {
        width: 70px
    }
}

.header .button .button__content {
    line-height: 52px;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    transform: translateY(-30px);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .5s ease-in-out,opacity .5s ease-in-out;
    padding: 0
}

@media(min-width:768px) {
    .header .button .button__content {
        line-height: 60px
    }
}

@media(min-width:1263px) {
    .header .button .button__content {
        line-height: 70px
    }
}

.view--init .header .button .button__content {
    opacity: 1;
    transform: translateY(0)
}

.header .button.button--language {
    transition: transform .5s ease-in-out,opacity .5s ease-in-out
}

    .header .button.button--language:before {
        height: 0;
        transition: height .8s cubic-bezier(0,.7,.4,1);
        transition-delay: .5s
    }

.view--init .header .button.button--language:before {
    height: 52px
}

@media(min-width:768px) {
    .view--init .header .button.button--language:before {
        height: 60px
    }
}

@media(min-width:1263px) {
    .view--init .header .button.button--language:before {
        height: 70px
    }
}

@media(min-width:768px) {
    .header .button.button--language {
        transform: translateX(0)
    }
}

.header .button.button--search {
    display: none
}

@media(min-width:768px) {
    .header .button.button--search {
        display: block
    }
}

.header .button.button--search:before {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .45s
}

.view--init .header .button.button--search:before {
    height: 52px
}

@media(min-width:768px) {
    .view--init .header .button.button--search:before {
        height: 60px
    }
}

@media(min-width:1263px) {
    .view--init .header .button.button--search:before {
        height: 70px
    }
}

.header .button:before {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .45s;
    border-radius: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    transform: none;
    width: 100%
}

.view--init .header .button:before {
    height: 52px
}

@media(min-width:768px) {
    .view--init .header .button:before {
        height: 60px
    }
}

@media(min-width:1263px) {
    .view--init .header .button:before {
        height: 70px
    }
}

@media(min-width:768px) {
    .header:not(.header--open) .button.button--language-extend {
        border-left: none;
        border-right: 1px solid #222;
        opacity: 1;
        visibility: visible;
        transform: translateX(100%)
    }
}

.header:not(.header--collapsed) .button--menu {
    display: block
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .button--menu {
        display: none
    }
}

.header .button--menu {
    background: none
}

    .header .button--menu:before {
        height: 100%;
        background-color: #e22b40
    }

.header .search-form {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%)
}

    .header .search-form .widget {
        padding-right: 104px
    }

@media(min-width:768px) {
    .header .search-form .widget {
        padding-right: 120px
    }
}

@media(min-width:1263px) {
    .header .search-form .widget {
        padding-right: 140px
    }
}

.view--rtl .header:not(.header --collapsed) .header__bar {
    padding-left: 0 !important;
    padding-right: 20px !important
}

@media(min-width:768px) {
    .view--rtl .header:not(.header --collapsed) .header__bar {
        padding-left: 0 !important;
        padding-right: 30px !important
    }
}

.view--rtl .header:not(.header --collapsed) .search-form .widget {
    padding-left: 104px;
    padding-right: 0
}

@media(min-width:768px) {
    .view--rtl .header:not(.header --collapsed) .search-form .widget {
        padding-left: 120px
    }
}

@media(min-width:1263px) {
    .view--rtl .header:not(.header --collapsed) .search-form .widget {
        padding-left: 140px
    }
}

.view--rtl .header:not(.header --collapsed) .button {
    border-left: 0;
    border-right: 1px solid #222
}

.view--rtl .header:not(.header --collapsed) .menu.menu--primary {
    left: 0;
    right: auto
}

@media(max-width:1006px) {
    .view--rtl .header:not(.header --collapsed) .menu.menu--primary {
        transform: translateX(-100%) !important
    }
}

@media(max-width:1006px) {
    .view--rtl .header--open:not(.header --collapsed) .menu.menu--primary {
        transform: none !important
    }
}

.view--rtl .header.header--collapsed .header__bar {
    padding-left: 0 !important;
    padding-right: 20px !important
}

@media(min-width:768px) {
    .view--rtl .header.header--collapsed .header__bar {
        padding-left: 0 !important;
        padding-right: 30px !important
    }
}

.view--rtl .header.header--collapsed .menu.menu--primary {
    left: 0
}

.view--rtl .header.header--collapsed:not(.header--open) .menu.menu--primary {
    transform: translateX(-100%) !important
}

@media(min-width:768px) {
    .view--rtl .header.header--collapsed:not(.header--open) .button.button--language-extend {
        transform: translateX(-100%)
    }
}

.button--language .hamburger {
    opacity: 0
}

.button--language[aria-expanded=true] {
    color: #222
}

    .button--language[aria-expanded=true]:before {
        background-color: #e9e6e3
    }

@media(min-width:768px) {
    .button--language[aria-expanded=true] {
        text-indent: -999rem
    }

        .button--language[aria-expanded=true]:before {
            background-color: #e22b40
        }

        .button--language[aria-expanded=true] .hamburger {
            opacity: 1
        }

        .button--language[aria-expanded=true] .hamburger__bar--top {
            transform: translateY(5px) rotate(45deg)
        }

        .button--language[aria-expanded=true] .hamburger__bar--middle {
            width: 0
        }

        .button--language[aria-expanded=true] .hamburger__bar--bottom {
            transform: translateY(-5px) rotate(-45deg)
        }
}

.header__language-list {
    top: 52px;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: height .2s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .header__language-list {
        top: 60px
    }
}

@media(min-width:1263px) {
    .header__language-list {
        top: 70px
    }
}

.header__language-list:before {
    content: "";
    background-color: #e9e6e3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.header__language-list--out-top .header__language-list-link:before {
    top: 0;
    bottom: auto
}

.header__language-list--out-top .header__language-list-link:hover:before {
    top: auto;
    bottom: 0
}

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

@media(max-width:767px) {
    .header__language-list-list {
        height: calc(100vh - 104px) !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

.button--language[aria-expanded=true] + .header__language-list {
    height: auto
}

@media(max-width:767px) {
    .button--language[aria-expanded=true] + .header__language-list {
        height: calc(100vh - 52px) !important
    }
}

.button--language:not(.button--language[aria-expanded=true]) + .header__language-list {
    height: 0 !important
}

@media(min-width:768px) {
    .header__language-list {
        right: 52px;
        width: auto;
        min-width: 270px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .header__language-list {
        right: 60px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .header__language-list {
        right: 70px
    }
}

.header__language-list-item {
    margin: 0;
    opacity: 0;
    transition: opacity .2s cubic-bezier(0,.7,.4,1)
}

.button--language[aria-expanded=true] + .header__language-list .header__language-list-item {
    opacity: 1
}

.header__language-list-item:first-child .header__language-list-link {
    padding-top: 20px
}

.header__language-list-item:last-child .header__language-list-link {
    padding-bottom: 20px
}

@media(max-width:767px) {
    .header__language-list-item--selected .header__language-list-link {
        font-weight: 700
    }
}

.header__language-list-link {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 52px;
    display: block;
    font-size: 18px;
    padding: 0 30px;
    position: relative;
    text-decoration: none;
    z-index: 1
}

@media(min-width:768px) {
    .header__language-list-link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .header__language-list-link {
        font-size: 18px;
        line-height: 30px
    }
}

.header__language-list-link:before {
    content: "";
    background-color: #275de0;
    width: 100%;
    height: 0%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    transition: height .1s cubic-bezier(0,.7,.4,1);
    z-index: -1
}

@media(min-width:768px) {
    .header__language-list-link:hover {
        color: #fff;
        transition-delay: 0s
    }

        .header__language-list-link:hover:before {
            height: 100%;
            top: 0;
            bottom: auto
        }
}

@media(min-width:768px) {
    .header__language-list-link {
        padding: 10px 20px
    }
}

@media(min-width:768px) {
    .view--rtl .header__language-list {
        left: 52px;
        right: auto
    }
}

@media(min-width:768px)and (min-width:768px) {
    .view--rtl .header__language-list {
        left: 60px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .view--rtl .header__language-list {
        left: 70px
    }
}

.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    stroke-width: 0;
    stroke: currentColor
}

    .icon, .icon use > svg {
        fill: currentColor
    }

.inline-links {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative
}

@media(min-width:768px) {
    .inline-links {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .inline-links {
        margin-top: 80px
    }
}

.inline-links:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .inline-links {
        width: calc(100% - 100px)
    }
}

.inline-links__title {
    margin-right: 0 !important;
    position: relative;
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 20px
}

@media(min-width:1263px) {
    .inline-links__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .inline-links__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .inline-links__title {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .inline-links__title {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .inline-links__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .inline-links__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .inline-links__title {
    left: auto !important
}

@media(max-width:767px) {
    .inline-links__title {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:1263px) {
    .inline-links__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .inline-links__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .inline-links__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .inline-links__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .inline-links__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .inline-links__title {
        margin-right: 50px;
        width: calc(20% - 40px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .inline-links__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .inline-links__title:nth-child(5n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .inline-links__title:nth-child(6n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .inline-links__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .inline-links__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .inline-links__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1007px) {
    .inline-links__title {
        margin-right: 50px;
        left: calc(10% - 45px) !important;
        position: absolute
    }
}

@media(min-width:1263px) {
    .inline-links__title {
        left: 0 !important
    }
}

.inline-links__list {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:1263px) {
    .inline-links__list {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .inline-links__list {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .inline-links__list:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .inline-links__list:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .inline-links__list {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .inline-links__list {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .inline-links__list {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .inline-links__list {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .inline-links__list {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .inline-links__list {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .inline-links__list {
    left: auto !important
}

@media(max-width:767px) {
    .inline-links__list {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.inline-links__list-item {
    margin: 30px 0 0;
    padding: 0
}

.intro-text {
    margin-top: 40px;
    width: calc(100% - 40px);
    max-width: 1270px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .intro-text {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .intro-text {
        margin-top: 80px
    }
}

.intro-text:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .intro-text {
        width: calc(100% - 100px);
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .intro-text {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .intro-text {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width:1263px) {
    .intro-text {
        font-size: 22px;
        line-height: 33px
    }
}

.intro-text__body {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    margin: 0
}

@media(min-width:1263px) {
    .intro-text__body {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .intro-text__body {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .intro-text__body:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .intro-text__body:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-text__body {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-text__body {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .intro-text__body {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .intro-text__body {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-text__body {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-text__body {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .intro-text__body {
    left: auto !important
}

@media(max-width:767px) {
    .intro-text__body {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.intro-text .author {
    margin-top: 30px
}

.logo {
    color: #fff;
    fill: currentColor;
    transition: opacity .2s
}

a:hover .logo {
    opacity: .5
}

.logo--header {
    align-self: center;
    width: 168px;
    height: 16px
}

@media(min-width:768px) {
    .logo--header {
        width: 188px;
        height: 19px
    }
}

@media(min-width:1263px) {
    .logo--header {
        width: 256px;
        height: 27px
    }
}

.logo--elearning {
    width: auto
}

.logo--elearning-afs, .logo--elearning-ssv {
    height: 30px
}

@media(min-width:768px) {
    .logo--elearning-ssv {
        height: 40px
    }
}

@media(min-width:1263px) {
    .logo--elearning-ssv {
        height: 50px
    }
}

.logo--footer {
    max-width: 210px
}

@media(max-width:1006px) {
    .basic-header + .media .media__story--white {
        padding-top: 0
    }
}

.media {
    box-sizing: border-box;
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative
}

@media print {
    .media {
        display: none
    }
}

.media + .media {
    margin-top: 0
}

@media(min-width:768px) {
    .media + .media {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .media + .media {
        margin-top: 80px
    }
}

@media(min-width:768px) {
    .media {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .media {
        margin-top: 80px
    }
}

.media:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .media {
        width: calc(100% - 100px)
    }
}

@media(max-width:1006px) {
    .media {
        width: 100%
    }
}

.media__story {
    display: block;
    float: left;
    box-sizing: border-box;
    margin-right: 0 !important;
    z-index: 10;
    padding: 50px 20px
}

@media(min-width:1263px) {
    .media__story {
        margin-right: 50px;
        width: calc(41.66667% + 20.83333px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .media__story:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .media__story {
        margin-right: 20px;
        width: calc(100% + 50px)
    }
}

@media(max-width:767px)and (max-width:767px) {
    .media__story:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .media__story:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .media__story {
        margin-right: 50px;
        width: calc(40% + 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .media__story:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .media__story:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .media__story {
        margin-right: 50px;
        width: calc(100% + 50px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .media__story:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .media__story {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .media__story {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .media__story {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .media__story {
        padding-right: 50px
    }
}

@media(max-width:1006px) {
    .media__story {
        width: 100%
    }
}

@media(min-width:1007px) {
    .media__story {
        position: absolute;
        right: auto
    }

    .media--left .media__story, .view--rtl .media--right .media__story {
        left: auto;
        right: 50px
    }

    .media--right .media__story, .view--rtl .media--left .media__story {
        left: 50px;
        right: auto
    }
}

@media(min-width:1263px) {
    .media--left .media__story, .view--rtl .media--right .media__story {
        left: auto;
        right: 0
    }

    .media--right .media__story, .view--rtl .media--left .media__story {
        left: 0;
        right: auto
    }
}

.media__heading {
    margin: 0 0 10px
}

.media__body {
    margin-top: 0;
    margin-bottom: 0
}

.media__cta {
    margin-top: 10px
}

.media__figure {
    margin: 0
}

.media__footer, .media__visual {
    width: 100%;
    margin-right: 0;
    font-size: 0;
    position: relative
}

@media(min-width:1007px) {
    .media__footer, .media__visual {
        width: calc(20% - 15px + 50vw);
        margin-right: 0
    }

    .media--right .media__footer, .media--right .media__visual, .view--rtl .media--left .media__footer, .view--rtl .media--left .media__visual {
        left: auto;
        right: calc(-50vw - -50%)
    }

    .media--left .media__footer, .media--left .media__visual, .view--rtl .media--right .media__footer, .view--rtl .media--right .media__visual {
        left: calc(-50vw - -50%);
        right: auto
    }
}

@media(min-width:1263px) {
    .media__footer, .media__visual {
        width: calc(16.66667% - 16.66667px + 50vw);
        margin-right: 0
    }
}

.media--left .media__footer, .media--left .media__visual, .view--rtl .media--right .media__footer, .view--rtl .media--right .media__visual {
    float: left
}

.media--right .media__footer, .media--right .media__visual, .view--rtl .media--left .media__footer, .view--rtl .media--left .media__visual {
    float: right
}

.media--preserve .media__image {
    width: 100%
}

@media(min-width:768px) {
    .media--preserve .media__image {
        width: auto;
        max-width: 100%;
        max-height: 75vh
    }
}

.media--preserve .media__story {
    display: none
}

@media(min-width:768px) {
    .media--preserve .media__figure {
        margin-right: 0;
        position: relative;
        box-sizing: border-box;
        display: block;
        float: left;
        width: auto !important;
        position: static
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:768px)and (max-width:767px) {
    .media--preserve .media__figure {
        margin-right: 20px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:767px)and (max-width:767px) {
    .media--preserve .media__figure:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:767px)and (min-width:1263px) {
    .media--preserve .media__figure:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (min-width:1007px)and (max-width:1262px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1006px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(min-width:768px)and (max-width:767px) {
    .media--preserve .media__figure {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:768px)and (min-width:1007px)and (max-width:1262px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1006px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px) {
    .view--rtl .media--preserve .media__figure {
        left: auto !important
    }
}

@media(min-width:768px)and (max-width:767px) {
    .media--preserve .media__figure {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        margin-left: calc(33.33333% + 16.66667px)
    }
}

@media(min-width:768px)and (max-width:767px) {
    .media--preserve .media__figure {
        margin-right: 20px;
        margin-left: " + 50px"
    }
}

@media(min-width:768px)and (min-width:1007px)and (max-width:1262px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        margin-left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1006px) {
    .media--preserve .media__figure {
        margin-right: 50px;
        margin-left: calc(30% + 15px)
    }
}

@media(min-width:768px) {
    .view--rtl .media--preserve .media__figure {
        box-sizing: border-box;
        display: block;
        float: left;
        float: right;
        margin-left: auto
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .view--rtl .media--preserve .media__figure {
        margin-right: calc(33.33333% + 16.66667px)
    }
}

@media(min-width:768px)and (max-width:767px) {
    .view--rtl .media--preserve .media__figure {
        margin-right: " + 50px"
    }
}

@media(min-width:768px)and (min-width:1007px)and (max-width:1262px) {
    .view--rtl .media--preserve .media__figure {
        margin-right: calc(30% + 15px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1006px) {
    .view--rtl .media--preserve .media__figure {
        margin-right: calc(30% + 15px)
    }
}

@media(min-width:768px) {
    .media--preserve .media__footer, .media--preserve .media__visual {
        float: left;
        width: auto
    }
}

@media(min-width:768px) {
    .media--preserve .media__footer, .media--preserve .media__iframe {
        clear: both;
        padding-left: 0;
        width: 100%
    }
}

.media:not(.media--preserve) .media__image {
    width: 100%;
    height: 100%
}

.media__footer {
    mix-blend-mode: multiply;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px
}

@media(max-width:767px) {
    .media__footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:1006px) {
    .media__footer {
        padding-left: 20px
    }
}

@media(min-width:1007px) {
    .media__footer {
        border-bottom: 1px solid #d9c9ca
    }

    .media--left .media__footer {
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .media--left .media__footer {
        padding-left: 50px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .media--left .media__footer {
        padding-left: 50px
    }
}

@media(min-width:1007px) {
    .view--rtl .media--left .media__footer {
        padding-right: 20px;
        padding-left: 0 !important;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .view--rtl .media--left .media__footer {
        padding-right: 50px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .view--rtl .media--left .media__footer {
        padding-right: 50px
    }
}

.media:not(.media--preserve) .media__visual {
    background-color: #c1d8df
}

.media__story {
    background: #4a4a4a
}

    .media__story.media__story--white {
        background: #fff
    }

        .media__story.media__story--white .media__body, .media__story.media__story--white .media__cta .cta__link, .media__story.media__story--white .media__heading {
            color: #222
        }

.media__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff
}

@media(min-width:768px) {
    .media__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .media__heading {
        font-size: 24px;
        line-height: 32px
    }
}

.media__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff
}

@media(min-width:768px) {
    .media__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .media__body {
        font-size: 18px;
        line-height: 30px
    }
}

.media__footer {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .media__footer {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .media__footer {
        font-size: 18px;
        line-height: 30px
    }
}

.media__description {
    color: #4a4a4a
}

.media__copyright {
    color: #9b9b9b
}

    .media__copyright a {
        color: inherit
    }

.media.media--play .media__visual {
    z-index: 90
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary {
        box-sizing: border-box;
        position: absolute;
        top: 100%;
        left: 0;
        visibility: hidden;
        transition: visibility 0s;
        transition-delay: .6s
    }

        .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:before {
            top: 0;
            bottom: auto
        }

        .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:hover:before {
            top: auto;
            bottom: 0
        }

        .header:not(.header--collapsed) .menu.menu--secondary:before {
            background: #222;
            content: "";
            width: 100%;
            height: 0%;
            position: absolute;
            top: 0;
            left: 0;
            transition: height .2s cubic-bezier(0,.7,.4,1);
            transition-delay: .2s
        }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__list {
            list-style: none;
            min-width: 285px;
            margin: 0;
            padding: 0;
            position: relative
        }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item {
            opacity: 0;
            transition: opacity .2s cubic-bezier(0,.7,.4,1)
        }

            .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child, .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(2), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(3), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(4), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(5), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(6), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(7), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(8), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(9), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(10) {
                transition-delay: 0s
            }

                .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child .menu__link {
                    padding-top: 20px
                }

            .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:last-child .menu__link {
                padding-bottom: 20px
            }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
            color: #222;
            font-family: "Inter", sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 24px;
            color: #fff;
            display: block;
            overflow: hidden;
            position: relative;
            padding: 10px 20px;
            text-decoration: none;
            transition: color .1s cubic-bezier(0,.7,.4,1);
            z-index: 1
        }
}

.header--collapsed .menu.menu--primary {
    padding-top: 52px;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    background-color: #222;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0
}

@media(min-width:768px) {
    .header--collapsed .menu.menu--primary {
        padding-top: 60px
    }
}

@media(min-width:1263px) {
    .header--collapsed .menu.menu--primary {
        padding-top: 70px
    }
}

@media(min-width:768px) {
    .header--collapsed .menu.menu--primary {
        max-width: 330px
    }
}

@media(min-width:1263px) {
    .header--collapsed .menu.menu--primary {
        max-width: 330px
    }
}

.header--collapsed .menu.menu--primary > .menu__list {
    list-style: none;
    margin: 0;
    padding: 20px 0
}

    .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 20px;
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        line-height: 50px;
        position: relative;
        padding: 0 0 0 10px
    }

@media(min-width:768px) {
    .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 50px
    }
}

@media(min-width:1263px) {
    .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 50px
    }
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item:last-child {
    margin-bottom: 104px !important
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item:not(.menu__list-item--open) .menu.menu--secondary {
    height: 0 !important
}

.header--collapsed .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
    color: #222;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    left: 10px
}

    .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:hover {
        color: #e22b40
    }

.header--collapsed .menu.menu--primary .menu__sub-trigger {
    display: none;
    cursor: pointer;
    width: 10px;
    height: 50px;
    position: absolute;
    top: 25px;
    transform: translate(-100%,-50%)
}

@media(min-width:1007px) {
    .header--collapsed .menu.menu--primary .menu__sub-trigger {
        display: none
    }
}

.header--collapsed .menu.menu--primary .menu__sub-trigger:after, .header--collapsed .menu.menu--primary .menu__sub-trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #4a4a4a
}

.header--collapsed .menu.menu--primary .menu__sub-trigger:before {
    transform: rotate(90deg);
    transition: transform .25s ease-in-out
}

.view--rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item {
    margin-right: 40px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px
}

.view-rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item--active:after {
    left: 0;
    right: 20px
}

@media(min-width:1263px) {
    .view-rtl .header--collapsed .menu.menu--primary > .menu__list > .menu__list-item--active:after {
        left: 0;
        right: 30px
    }
}

.view--rtl .header--collapsed .menu.menu--primary .menu__sub-trigger {
    transform: translate(300%,-50%)
}

@media(max-width:1006px) {
    .menu.menu--primary {
        padding-top: 52px;
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: 100%;
        background-color: #07144e;
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        right: 0
    }
	.menu.menu--primary::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(/resources/trongdong3.png) no-repeat center center;
        background-size: cover;
        opacity: 0.12;
        pointer-events: none;
        z-index: 0;
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .menu.menu--primary {
        padding-top: 60px
    }
}

@media(max-width:1006px)and (min-width:1263px) {
    .menu.menu--primary {
        padding-top: 70px
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .menu.menu--primary {
        max-width: 330px
    }
}

@media(max-width:1006px)and (min-width:1263px) {
    .menu.menu--primary {
        max-width: 330px
    }
}

@media(max-width:1006px) {
    .menu.menu--primary > .menu__list {
        list-style: none;
        margin: 0;
        padding: 20px 0
    }
}

@media(max-width:1006px) {
    .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 0px;
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        line-height: 50px;
        position: relative;
        padding: 0 0 0 10px
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 50px
    }
}

@media(max-width:1006px)and (min-width:1263px) {
    .menu.menu--primary > .menu__list > .menu__list-item {
        margin-left: 50px
    }
}

@media(max-width:1006px) {
    .menu.menu--primary > .menu__list > .menu__list-item:last-child {
        margin-bottom: 104px !important
    }
}

@media(max-width:1006px) {
    .menu.menu--primary > .menu__list > .menu__list-item:not(.menu__list-item--open) .menu.menu--secondary {
        height: 0 !important
    }
}

@media(max-width:1006px) {
    .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        color: #222;
        text-decoration: none;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        left: 10px;
		padding-left: 20px;
    }

        .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:hover {
            color: #fdca2b;
        }
}

@media(max-width:1006px) {
    .menu.menu--primary .menu__sub-trigger {
        display: none;
        cursor: pointer;
        width: 10px;
        height: 50px;
        position: absolute;
        top: 25px;
        transform: translate(-100%,-50%)
    }
}

@media(max-width:1006px)and (min-width:1007px) {
    .menu.menu--primary .menu__sub-trigger {
        display: none
    }
}

@media(max-width:1006px) {
    .menu.menu--primary .menu__sub-trigger:after, .menu.menu--primary .menu__sub-trigger:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -2px;
        width: 10px;
        height: 2px;
        background: #4a4a4a
    }
}

@media(max-width:1006px) {
    .menu.menu--primary .menu__sub-trigger:before {
        transform: rotate(90deg);
        transition: transform .25s ease-in-out
    }
}

@media(max-width:1006px) {
    .view--rtl .menu.menu--primary > .menu__list > .menu__list-item {
        margin-right: 40px;
        margin-left: 0;
        padding-left: 0;
        padding-right: 10px
    }
}

@media(max-width:1006px) {
    .view-rtl .menu.menu--primary > .menu__list > .menu__list-item--active:after {
        left: 0;
        right: 20px
    }
}

@media(max-width:1006px)and (min-width:1263px) {
    .view-rtl .menu.menu--primary > .menu__list > .menu__list-item--active:after {
        left: 0;
        right: 30px
    }
}

@media(max-width:1006px) {
    .view--rtl .menu.menu--primary .menu__sub-trigger {
        transform: translate(300%,-50%)
    }
}

.menu.menu--primary .menu__list-item--has-children .menu__sub-trigger {
    display: block
}

.menu.menu--primary .menu__list-item--open .menu__sub-trigger:before {
    transform: none
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary {
        display: flex;
        align-items: stretch;
        justify-content: flex-end
    }

        .header:not(.header--collapsed) .menu.menu--primary > .menu__list {
            display: flex;
            align-items: stretch;
            list-style: none;
            margin: 0;
            padding: 0
        }
}

@media(min-width:1007px)and (min-width:1263px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list {
        margin: 0;
		margin-right: 140px;
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item {
        display: flex;
        align-items: stretch;
        position: relative
    }

        .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary {
            visibility: visible;
            transition-delay: 0s
        }

            .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary:before, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary:before {
                height: 100%;
                transition-delay: .2s
            }

            .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item {
                opacity: 1
            }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:first-child, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:first-child {
                    transition-delay: .26s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(2), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(2) {
                    transition-delay: .32s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(3), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(3) {
                    transition-delay: .38s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(4), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(4) {
                    transition-delay: .44s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(5), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(5) {
                    transition-delay: .5s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(6), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(6) {
                    transition-delay: .56s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(7), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(7) {
                    transition-delay: .62s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(8), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(8) {
                    transition-delay: .68s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(9), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(9) {
                    transition-delay: .74s
                }

                .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within .menu.menu--secondary .menu__list-item:nth-child(10), .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover .menu.menu--secondary .menu__list-item:nth-child(10) {
                    transition-delay: .8s
                }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        display: flex;
        align-items: center;
        padding: 10px 20px !important;
        position: relative;
        width: 100%;
        z-index: 10
    }

        .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link:before {
            background-color: #0035b5;
            content: "";
            display: block;
            width: 100%;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: height .2s cubic-bezier(0,.7,.4,1);
            z-index: -10
        }
}

@media(min-width:1007px)and (min-width:1263px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        padding: 10px 30px !important
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--has-children > .menu__link:before {
        transition-delay: .4s
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--active:after {
        background-color: #e22b40;
        content: "";
        display: block;
        width: calc(100% - 40px);
        height: 8px;
        position: absolute;
        bottom: 0;
        left: 20px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item--active:after {
        left: 30px;
        width: calc(100% - 60px)
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item.menu__list-item--active > .menu__link {
        font-family: "Inter", sans-serif;
        font-weight: 700
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within > .menu__link, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link {
        color: #fff
    }

        .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:focus-within > .menu__link:before, .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link:before {
            color: #fff;
            height: 100%;
            transition-delay: 0s
        }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item:hover > .menu__link--has-sub:before {
        transition-delay: 0s
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        text-decoration: none;
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        color: #fff
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .header:not(.header--collapsed) .menu.menu--primary > .menu__list > .menu__list-item > .menu__link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary {
        left: -30px;
        background: #000;
        overflow: hidden;
        position: relative;
        transform-origin: top;
        transition: height .5s ease-in-out;
        width: calc(100% + 30px)
    }
}

@media(max-width:1006px)and (min-width:768px) {
    .menu.menu--secondary {
        left: -60px;
        width: calc(100% + 60px)
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary .menu__list {
        list-style: none;
        margin: 0;
        padding: 0
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary .menu__list > .menu__list-item {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        line-height: 30px;
        margin: 0;
        padding: 10px 20px 10px 40px;
        position: relative
    }

        .menu.menu--secondary .menu__list > .menu__list-item:first-child {
            padding-top: 20px
        }

        .menu.menu--secondary .menu__list > .menu__list-item:last-child {
            padding-bottom: 20px
        }
}

@media(max-width:1006px)and (min-width:768px) {
    .menu.menu--secondary .menu__list > .menu__list-item {
        margin-left: 30px
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
        height: 100%;
        visibility: hidden
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary .menu__list .menu__list-item .menu__link {
        color: #222;
        text-decoration: none;
        color: #fff;
        display: block;
        font-size: 18px
    }
}

@media(max-width:1006px) {
    .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
        color: #e22b40
    }
}

@media(max-width:1006px) {
    .view--rtl .menu.menu--secondary {
        left: auto !important;
        right: -50px
    }
}

@media(max-width:1006px)and (max-width:1006px) {
    .view--rtl .menu.menu--secondary {
        right: -60px;
        padding-right: 30px
    }
}

@media(max-width:1006px) {
    .view--rtl .menu.menu--secondary .menu__list > .menu__list-item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.header.header--collapsed .menu.menu--secondary {
    left: -30px;
    background: #000;
    overflow: hidden;
    position: relative;
    transform-origin: top;
    transition: height .5s ease-in-out;
    width: calc(100% + 30px)
}

@media(min-width:768px) {
    .header.header--collapsed .menu.menu--secondary {
        left: -60px;
        width: calc(100% + 60px)
    }
}

.header.header--collapsed .menu.menu--secondary .menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        line-height: 30px;
        margin: 0;
        padding: 10px 20px 10px 40px;
        position: relative
    }

        .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:first-child {
            padding-top: 20px
        }

        .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item:last-child {
            padding-bottom: 20px
        }

@media(min-width:768px) {
    .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
        margin-left: 30px
    }
}

.header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item--open .menu--secondary {
    height: 100%;
    visibility: hidden
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link {
    color: #222;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 18px
}

.header.header--collapsed .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
    color: #e22b40
}

.view--rtl .header.header--collapsed .menu.menu--secondary {
    left: auto !important;
    right: -50px
}

@media(max-width:1006px) {
    .view--rtl .header.header--collapsed .menu.menu--secondary {
        right: -60px;
        padding-right: 30px
    }
}

.view--rtl .header.header--collapsed .menu.menu--secondary .menu__list > .menu__list-item {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary {
        box-sizing: border-box;
        position: absolute;
        top: 100%;
        left: 0;
        visibility: hidden;
        transition: visibility 0s;
        transition-delay: .6s
    }

        .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:before {
            top: 0;
            bottom: auto
        }

        .header:not(.header--collapsed) .menu.menu--secondary.menu--out-top .menu__link:hover:before {
            top: auto;
            bottom: 0
        }

        .header:not(.header--collapsed) .menu.menu--secondary:before {
            background: #222;
            content: "";
            width: 100%;
            height: 0%;
            position: absolute;
            top: 0;
            left: 0;
            transition: height .2s cubic-bezier(0,.7,.4,1);
            transition-delay: .2s
        }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__list {
            list-style: none;
            min-width: 285px;
            margin: 0;
            padding: 0;
            position: relative
        }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item {
            opacity: 0;
            transition: opacity .2s cubic-bezier(0,.7,.4,1)
        }

            .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child, .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(2), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(3), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(4), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(5), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(6), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(7), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(8), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(9), .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:nth-child(10) {
                transition-delay: 0s
            }

                .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:first-child .menu__link {
                    padding-top: 20px
                }

            .header:not(.header--collapsed) .menu.menu--secondary .menu__list-item:last-child .menu__link {
                padding-bottom: 20px
            }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
            color: #222;
            font-family: "Inter", sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 24px;
            color: #fff;
            display: block;
            overflow: hidden;
            position: relative;
            padding: 10px 20px;
            text-decoration: none;
            transition: color .1s cubic-bezier(0,.7,.4,1);
            z-index: 1
        }
}

@media(min-width:1007px)and (min-width:768px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:1007px)and (min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__link {
        padding-left: 30px
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__link:before {
        content: "";
        background-color: #e22b40;
        width: 100%;
        height: 0%;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        transition: height .1s cubic-bezier(0,.7,.4,1);
        z-index: -1
    }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover {
        color: #fff;
        transition-delay: 0s
    }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__link:hover:before {
            height: 100%;
            top: 0;
            bottom: auto
        }
}

@media(min-width:1007px) {
    .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active {
        color: #e22b40
    }

        .header:not(.header--collapsed) .menu.menu--secondary .menu__list .menu__list-item .menu__link--active:hover {
            color: #fff
        }
}

.modal {
    -webkit-overflow-scrolling: touch;
    background-color: #f0dadc;
    border: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding: 0 20px;
    position: fixed;
    top: 0;
    right: 0;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .8s cubic-bezier(0,.7,.4,1);
    z-index: 9001
}

@media(min-width:768px) {
    .modal {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .modal {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .modal {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .modal {
        padding-right: 50px
    }
}

.modal--open {
    transform: translateX(0)
}

.modal.modal--full-width {
    transition: all .8s;
    transition-delay: .8s
}

@media(min-width:768px) {
    .modal.modal--full-width {
        display: flex;
        align-items: center;
        right: auto;
        max-width: 100%;
        transform: translateY(200%)
    }
}

.modal--full-width.modal--open {
    transition: all .8s;
    transition-delay: 0s
}

@media(min-width:768px) {
    .modal--full-width.modal--open {
        transform: translateY(0)
    }
}

.modal--green {
    background-color: #e7e7e2
}

    .modal--green .modal__triangle {
        fill: #e7e7e2
    }

@media(min-width:768px) {
    .modal {
        max-width: 490px
    }
}

@media(min-width:1263px) {
    .modal {
        max-width: 610px
    }
}

.modal__triangle {
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 18.125vw;
    width: 100%;
    fill: #f0dadc;
    z-index: 1
}

.modal__heading {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    box-sizing: border-box;
    padding-right: 80px;
    margin-top: 50px
}

@media(min-width:768px) {
    .modal__heading {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .modal__heading {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .modal__heading {
        font-size: 30px;
        line-height: 36px
    }
}

@media(min-width:1263px) {
    .modal__heading {
        font-size: 36px;
        line-height: 42px
    }
}

@media(min-width:768px) {
    .modal__heading {
        margin-top: 110px
    }
}

.modal .body-text, .modal .share, .modal__definition-list {
    margin-top: 60px;
    margin-bottom: 0;
    margin-left: 0
}

@media(min-width:768px) {
    .modal .body-text, .modal .share, .modal__definition-list {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .modal .body-text, .modal .share, .modal__definition-list {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .modal .body-text, .modal .share, .modal__definition-list {
        margin-top: 50px !important
    }
}

.modal .body-text h1, .modal .share h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
    left: 0;
    width: 100%
}

.modal .body-text p, .modal .share p {
    left: 0;
    width: 100%;
    margin-right: 0
}

    .modal .body-text p:last-child, .modal .share p:last-child {
        margin-bottom: 20px
    }

.modal__button-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9001
}

.modal .navigation-model {
    transition: all .8s;
    transition-delay: 0s;
    opacity: 0
}

@media(max-width:767px) {
    .modal .navigation-model {
        padding-top: 52px
    }
}

.modal--open .navigation-model {
    transition: all .8s;
    transition-delay: .8s;
    opacity: 1
}

.modal .form, .modal .form__fieldset, .modal .widget {
    width: 100%;
    left: 0
}

.modal .widget__element {
    border-bottom-color: #a4a4a4
}

.modal .checkbox__fake, .modal .radio__fake {
    border: 1px solid #a4a4a4
}

.modal .button {
    float: left;
    margin-bottom: 60px
}

.modal--video {
    transition: all .8s;
    transition-delay: .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    background-color: transparent;
    height: auto;
    max-width: 1270px !important;
    opacity: 0;
    padding: 0;
    position: fixed;
    overflow: visible;
    text-align: center;
    transform: translate(-50%,-100%);
    visibility: hidden
}

    .modal--video:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .modal--video {
        width: calc(100% - 100px)
    }
}

.modal--video.modal--open {
    transition: all .8s;
    transition-delay: 0s;
    opacity: 1;
    transform: translate(-50%,-50%);
    visibility: visible
}

.modal--video .modal__video-container {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.modal--video .modal__video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.modal--video .button--close {
    transition: all .8s;
    transition-delay: 0s;
    position: absolute;
    z-index: -1
}

.modal--video.modal--open .button--close {
    transition: all .8s;
    transition-delay: .8s;
    transform: translateY(-100%)
}

@media(min-width:768px) {
    .modal--video.modal--open .button--close {
        transform: translateX(100%)
    }
}

.view--rtl .modal--video {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.newsletter__checkboxes {
    float: left;
    margin-top: 30px;
    width: 100%
}

.notification {
    box-sizing: border-box;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    background-color: #f0dadc;
    color: #e22b40;
    font-weight: 700;
    line-height: 22px;
    padding: 30px 20px;
    position: relative;
    transition: height .8s cubic-bezier(0,.7,.4,1),padding .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .notification {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .notification {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .notification {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .notification {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .notification {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .notification {
        font-size: 18px;
        line-height: 30px
    }
}

.notification--hidden {
    display: none
}

.notification--closed {
    height: 0;
    padding: 0 !important;
    overflow: hidden
}

@media(min-width:768px) {
    .notification {
        line-height: 20px;
        padding: 20px 30px
    }
}

.notification__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: #e22b40;
    width: 28px;
    height: 28px
}

.notification__message {
    margin: 0 0 0 24px;
    max-width: 230px
}

    .notification__message a {
        color: #e22b40
    }

@media(min-width:768px) {
    .notification__message {
        max-width: 100%
    }
}

.notification__close {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 20px;
    transform-origin: center;
    transition: transform .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .notification__close {
        top: 22px
    }
}

.notification--closed .notification__close {
    transform: rotate(45deg)
}

.card--preserve-ratio .card__image, .object-fit {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.object-fit--bottom {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;"
}

.object-fit--contain {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;"
}

.page-links {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 40px
}

    .page-links:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .page-links {
        width: calc(100% - 100px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .page-links {
        margin-top: 80px
    }
}

.page-links__heading {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: block
}

@media(min-width:768px) {
    .page-links__heading {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .page-links__heading {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .page-links__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .page-links__heading {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .page-links__heading {
        display: none
    }
}

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

@media(min-width:768px) {
    .page-links__list {
        display: flex;
        justify-content: space-between
    }
}

.page-links__list-item {
    margin-top: 30px;
    position: relative;
    mix-blend-mode: multiply
}

    .page-links__list-item:before {
        background-blend-mode: multiply;
        background-color: #e22b40;
        content: "";
        width: 100%;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: height .4s cubic-bezier(.645,.045,.355,1);
        z-index: 0
    }

    .page-links__list-item:first-child {
        margin-top: 40px
    }

    .page-links__list-item:last-child {
        margin-bottom: 20px
    }

@media(min-width:768px) {
    .page-links__list-item {
        display: flex;
        align-items: center;
        align-content: center;
        height: 130px;
        margin: 0 30px 0 0;
        padding: 0;
        width: 33%;
        text-align: center
    }

        .page-links__list-item:first-child {
            margin: 0 30px 0 0
        }

        .page-links__list-item:last-child {
            margin: 0
        }

        .page-links__list-item:hover:before {
            height: 100%
        }

        .page-links__list-item:hover .page-links__arrow {
            fill: #fff
        }

        .page-links__list-item:hover .page-links__link {
            color: #fff
        }
}

.page-links__link {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    display: block;
    font-weight: 700;
    padding: 0 0 0 25px;
    position: relative;
    transition: color .4s cubic-bezier(.645,.045,.355,1);
    z-index: 10
}

@media(min-width:768px) {
    .page-links__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-links__link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .page-links__link {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .page-links__link {
        font-size: 24px;
        line-height: 32px
    }
}

.page-links__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(min-width:768px) {
    .page-links__link {
        padding: 0 20px
    }
}

@media(min-width:1007px) {
    .page-links__link {
        padding: 0 60px
    }
}

.page-links__arrow {
    flex-shrink: 0;
    fill: #e22b40;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    position: absolute;
    left: 0;
    vertical-align: bottom;
    transition: fill .4s cubic-bezier(.645,.045,.355,1)
}

@media(min-width:768px) {
    .page-links__arrow {
        margin-top: 0;
        position: static
    }
}

.page-survey + .footer {
    margin-top: 0 !important
}

    .page-survey + .footer:after {
        display: none
    }

.page-survey {
    background-color: #e9e6e3;
    padding-bottom: 30px
}

@media print {
    .page-survey {
        display: none
    }
}

.page-survey .form {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    page-break-inside: avoid
}

    .page-survey .form:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .page-survey .form {
        width: calc(100% - 100px)
    }
}

.page-survey .form > :first-child {
    margin-top: 0 !important
}

.page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .form h1:nth-child(1n+0), .page-survey .form h2:nth-child(1n+0), .page-survey .form h3:nth-child(1n+0), .page-survey .form h4:nth-child(1n+0), .page-survey .form h5:nth-child(1n+0), .page-survey .form h6:nth-child(1n+0), .page-survey .form p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .form h1:nth-child(3n+0), .page-survey .form h2:nth-child(3n+0), .page-survey .form h3:nth-child(3n+0), .page-survey .form h4:nth-child(3n+0), .page-survey .form h5:nth-child(3n+0), .page-survey .form h6:nth-child(3n+0), .page-survey .form p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .page-survey .form h1, .view--rtl .page-survey .form h2, .view--rtl .page-survey .form h3, .view--rtl .page-survey .form h4, .view--rtl .page-survey .form h5, .view--rtl .page-survey .form h6, .view--rtl .page-survey .form p {
    left: auto !important
}

@media(max-width:767px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6 {
        margin-top: 50px !important
    }
}

@media print {
    .page-survey .form h1, .page-survey .form h2, .page-survey .form h3, .page-survey .form h4, .page-survey .form h5, .page-survey .form h6, .page-survey .form p {
        margin-top: 30px !important
    }
}

.page-survey .form h4 {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .page-survey .form h4 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .page-survey .form h4 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .page-survey .form h4 {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .page-survey .form h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.page-survey .form h5, .page-survey .form h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .page-survey .form h5, .page-survey .form h6 {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form h5, .page-survey .form h6 {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .page-survey .form h5, .page-survey .form h6 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .page-survey .form h5, .page-survey .form h6 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.page-survey .form h5 + p, .page-survey .form h6 + p {
    margin-top: 0 !important
}

.page-survey .form p {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .page-survey .form p {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .page-survey .form p {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .page-survey .form p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form p {
        font-size: 18px;
        line-height: 30px
    }
}

.page-survey .form p:first-child {
    margin-top: 0 !important
}

.page-survey .form p:last-child {
    margin-bottom: 0
}

.page-survey .form p > a:not(.button):not(.cta) {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

@media(min-width:768px) {
    .page-survey .form .button {
        max-width: 270px
    }
}

.page-survey .form .cta {
    margin-top: 20px !important
}

.page-survey .form > ol, .page-survey .form > ul {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin: 20px 0 0 !important
}

@media(min-width:1263px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .form > ol:nth-child(1n+0), .page-survey .form > ul:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .form > ol:nth-child(3n+0), .page-survey .form > ul:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form > ol, .page-survey .form > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .page-survey .form > ol, .view--rtl .page-survey .form > ul {
    left: auto !important
}

@media(max-width:767px) {
    .page-survey .form > ol, .page-survey .form > ul {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.page-survey .form ol {
    position: relative
}

.page-survey .form > ol, .page-survey .form > ol ol {
    counter-reset: ol;
    list-style: none
}

    .page-survey .form > ol li:before {
        counter-increment: ol;
        content: counter(ol);
        position: absolute;
        left: 20px
    }

.page-survey .form li {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .page-survey .form li {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form li {
        font-size: 18px;
        line-height: 30px
    }
}

.page-survey .form > table {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-collapse: collapse;
    margin-top: 20px !important
}

@media(min-width:1263px) {
    .page-survey .form > table {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form > table {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .form > table:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .form > table:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .page-survey .form > table {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form > table {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .page-survey .form > table {
    left: auto !important
}

@media(max-width:767px) {
    .page-survey .form > table {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .page-survey .form > table {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form > table {
        font-size: 18px;
        line-height: 30px
    }
}

.page-survey .form > table caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .page-survey .form > table caption {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form > table caption {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .page-survey .form > table caption {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .page-survey .form > table caption {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.page-survey .form table, .page-survey .form tbody, .page-survey .form tr {
    width: 100%
}

.page-survey .form table, .page-survey .form td, .page-survey .form tr {
    border: none
}

    .page-survey .form tr:not(:last-child) td {
        border-bottom: 1px solid #d9c9ca
    }

    .page-survey .form td:not(:last-child) {
        padding-right: 10px
    }

.page-survey .form td {
    padding: 10px 0
}

.page-survey .form__fieldset {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    justify-content: space-between
}

@media(min-width:1263px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form__fieldset {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .form__fieldset:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .form__fieldset:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .form__fieldset {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form__fieldset {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .page-survey .form__fieldset {
    left: auto !important
}

@media(max-width:767px) {
    .page-survey .form__fieldset {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.page-survey .button--hidden, .page-survey .input--hidden, .page-survey__fieldset--hidden {
    display: none !important
}

.page-survey .form .form__fieldset .page-survey__message, .page-survey .form .form__fieldset .page-survey__question {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 600 !important;
    left: 0 !important;
    margin-top: 30px !important;
    width: 100% !important
}

@media(min-width:768px) {
    .page-survey .form .form__fieldset .page-survey__message, .page-survey .form .form__fieldset .page-survey__question {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .page-survey .form .form__fieldset .page-survey__message, .page-survey .form .form__fieldset .page-survey__question {
        font-size: 18px;
        line-height: 30px
    }
}

@media(max-width:767px) {
    .page-survey__no, .page-survey__yes {
        margin-right: 20px !important
    }
}

.page-survey .label, .page-survey__no, .page-survey__yes {
    width: auto !important
}

.page-survey .form .widget {
    margin-top: 10px
}

    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
        box-sizing: border-box;
        display: block;
        float: left
    }

@media(min-width:1263px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no):nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .form .widget:not(.page-survey__yes):not(.page-survey__no) {
        margin-right: 50px;
        width: calc(45% - 27.5px)
    }
}

.page-survey .label {
    height: 26px;
    line-height: 26px;
    margin: 0
}

.page-survey__input {
    margin-right: 5px
}

.page-survey .button {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    clear: both
}

@media(min-width:1263px) {
    .page-survey .button {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .button {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .page-survey .button:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .page-survey .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .button {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .button {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .page-survey .button {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .page-survey .button {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .page-survey .button {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .page-survey .button {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .page-survey .button {
    left: auto !important
}

@media(max-width:767px) {
    .page-survey .button {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.view__content .page-survey {
    background: none
}

.practical-info {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative
}

@media(min-width:768px) {
    .practical-info {
        width: calc(100% - 100px)
    }
}

.practical-info:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .practical-info {
        padding-bottom: 56px
    }
}

@media(min-width:1263px) {
    .practical-info {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .practical-info {
        padding-left: 50px
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .practical-info {
        padding-left: 50px
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .practical-info {
        padding-right: 50px
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .practical-info {
        padding-right: 50px
    }
}

.practical-info .practical-info__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 30px
}

@media(min-width:768px) {
    .practical-info .practical-info__heading {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__heading {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .practical-info .practical-info__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__heading {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .practical-info .practical-info__heading {
        margin: 0 0 30px
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__heading {
        margin: 0 0 30px
    }
}

.practical-info .practical-info__section {
    margin-top: 40px;
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:768px) {
    .practical-info .practical-info__section {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__section {
        margin-top: 80px;
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .practical-info .practical-info__section:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .practical-info .practical-info__section {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .practical-info .practical-info__section:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .practical-info .practical-info__section:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .practical-info .practical-info__section {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .practical-info .practical-info__section:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .practical-info .practical-info__section {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .practical-info .practical-info__section:nth-child(2n+0) {
        margin-right: 0
    }
}

.practical-info .practical-info__cta {
    margin-top: 30px
}

@media(min-width:768px) {
    .practical-info .practical-info__cta {
        position: absolute;
        bottom: 0;
        margin: 0
    }
}

.practical-info .practical-info__section:last-child .practical-info__cta {
    margin: 30px 0 0
}

@media(min-width:1263px) {
    .practical-info .practical-info__section:last-child .practical-info__cta {
        margin: 40px 0 0
    }
}

.practical-info .practical-info__link {
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #222;
    font-weight: 700
}

@media(min-width:768px) {
    .practical-info .practical-info__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__link {
        font-size: 18px;
        line-height: 30px
    }
}

.practical-info .practical-info__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 20px
}

@media(min-width:768px) {
    .practical-info .practical-info__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .practical-info .practical-info__body {
        font-size: 18px;
        line-height: 30px
    }
}

.practical-info .definition-list__term.definition-list__term--comment {
    padding-bottom: 0
}

.practical-links {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    padding-bottom: 74%;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .practical-links {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .practical-links {
        margin-top: 80px
    }
}

.practical-links:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .practical-links {
        width: calc(100% - 100px);
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .practical-links {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .practical-links {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .practical-links {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .practical-links {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px;
        display: flex;
        justify-content: space-between;
        padding-bottom: 60px
    }

        .practical-links:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:768px)and (min-width:768px) {
    .practical-links {
        width: calc(100% - 100px)
    }
}

@media(min-width:1263px) {
    .practical-links {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .practical-links:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:1263px)and (min-width:768px) {
    .practical-links {
        width: calc(100% - 100px)
    }
}

.practical-links.practical-links--no-image {
    padding-bottom: 0
}

@media(min-width:768px) {
    .practical-links.practical-links--no-image:before {
        height: 100%
    }
}

@media(min-width:1263px) {
    .practical-links.practical-links--no-image:before {
        height: 100%
    }
}

.practical-links:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media(min-width:768px) {
    .practical-links:before {
        height: calc(100% - 60px)
    }
}

.practical-links--red:before {
    background-color: #f0dadc
}

.practical-links--green:before {
    background-color: #e7e7e2
}

.practical-links--blue:before {
    background-color: #d8e6eb
}

.practical-links--yellow:before {
    background-color: #f2e8d2
}

@media(min-width:768px) {
    .practical-links__meta {
        box-sizing: border-box;
        display: block;
        float: left
    }
}

@media(min-width:768px)and (max-width:767px) {
    .practical-links__meta {
        margin-right: 20px;
        width: calc(125% + 5px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1262px) {
    .practical-links__meta {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .practical-links__meta {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1262px) {
    .practical-links__meta:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px) {
    .practical-links__meta {
        box-sizing: border-box;
        display: block;
        float: left
    }
}

@media(min-width:1007px)and (max-width:767px) {
    .practical-links__meta {
        margin-right: 20px;
        width: calc(150% + 10px)
    }
}

@media(min-width:1007px)and (min-width:768px)and (max-width:1262px) {
    .practical-links__meta {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .practical-links__meta {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .practical-links__meta:nth-child(2n+0) {
        margin-right: 0
    }
}

.practical-links__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 30px;
    white-space: pre-line;
    word-break: break-word
}

@media(min-width:1263px) {
    .practical-links__title {
        font-size: 42px;
        line-height: 50px
    }
}

@media(min-width:768px) {
    .practical-links__title {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .practical-links__title {
        margin-top: 50px
    }
}

.practical-links__list {
    list-style: none;
    margin: 50px 0 0;
    padding: 0
}

@media(min-width:768px) {
    .practical-links__list {
        box-sizing: border-box;
        display: block;
        float: left;
        margin-top: 0
    }
}

@media(min-width:768px)and (max-width:767px) {
    .practical-links__list {
        margin-right: 20px;
        width: calc(125% + 5px)
    }
}

@media(min-width:768px)and (min-width:768px)and (max-width:1262px) {
    .practical-links__list {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .practical-links__list {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:768px)and (max-width:767px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:768px)and (min-width:768px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:768px)and (min-width:1007px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:1007px) {
    .practical-links__list {
        box-sizing: border-box;
        display: block;
        float: left
    }
}

@media(min-width:1007px)and (max-width:767px) {
    .practical-links__list {
        margin-right: 20px;
        width: calc(150% + 10px)
    }
}

@media(min-width:1007px)and (min-width:768px)and (max-width:1262px) {
    .practical-links__list {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .practical-links__list {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:767px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:1007px) {
    .practical-links__list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .practical-links__list {
        margin-right: 0
    }
}

.practical-links__list-item {
    margin-top: 30px;
    margin-bottom: 20px
}

    .practical-links__list-item:first-child {
        margin-top: 30px
    }

@media(min-width:768px) {
    .practical-links__list-item:first-child {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .practical-links__list-item:first-child {
        margin-top: 50px
    }
}

.practical-links__list-item:last-child {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .practical-links__list-item:last-child {
        margin-bottom: 60px
    }
}

@media(min-width:1263px) {
    .practical-links__list-item:last-child {
        margin-bottom: 60px
    }
}

.practical-links__body {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 5px
}

@media(min-width:768px) {
    .practical-links__body {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .practical-links__body {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .practical-links__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .practical-links__body {
        font-size: 18px;
        line-height: 30px
    }
}

.practical-links__image {
    box-sizing: border-box;
    display: block;
    float: left;
    position: absolute;
    bottom: 20px;
    left: 0
}

@media(max-width:767px) {
    .practical-links__image {
        margin-right: 20px;
        width: calc(100% - 20px)
    }
}

@media(min-width:768px)and (max-width:1262px) {
    .practical-links__image {
        margin-right: 50px;
        width: calc(40% - 50px)
    }
}

@media(min-width:1263px) {
    .practical-links__image {
        margin-right: 50px;
        width: calc(33.33333% - 53.33333px)
    }
}

@media(max-width:767px) {
    .practical-links__image {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .practical-links__image {
        margin-right: 0
    }
}

@media(min-width:1007px) {
    .practical-links__image {
        margin-right: 0
    }
}

@media(min-width:1263px) {
    .practical-links__image {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .practical-links__image {
        width: calc(50% - 25px);
        bottom: 0;
        height: 60%
    }
}

@media(min-width:1263px) {
    .practical-links__image {
        width: calc(50% - 25px)
    }
}

.view--rtl .practical-links .practical-links__image {
    left: auto;
    right: 0
}

.quote {
    width: calc(100% - 40px);
    max-width: 1270px;
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
    page-break-inside: avoid;
    position: relative;
    text-align: center
}

    .quote:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .quote {
        width: calc(100% - 100px)
    }
}

@media print {
    .quote {
        text-align: left
    }
}

@media(min-width:768px) {
    .quote--in-view .quote__wrapper:before {
        transform: scaleY(1)
    }
}

.quote--in-view .quote__footer, .quote--in-view .quote__quote {
    opacity: 1;
    transform: none
}

@media(min-width:768px) {
    .quote {
        text-align: left
    }
}

.quote__wrapper {
    margin-left: auto;
    margin-right: auto !important;
    position: relative
}

@media(min-width:1263px) {
    .quote__wrapper {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .quote__wrapper {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .quote__wrapper {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .quote__wrapper {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .quote__wrapper {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .quote__wrapper {
        margin-right: 0
    }
}

.quote__wrapper:before {
    box-sizing: border-box;
    display: block;
    float: left;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #e22b40;
    content: "";
    height: 2px;
    top: 0
}

@media(max-width:767px) {
    .quote__wrapper:before {
        margin-right: 20px;
        width: calc(75% - 5px)
    }
}

@media(min-width:768px)and (max-width:1262px) {
    .quote__wrapper:before {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1263px) {
    .quote__wrapper:before {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px) {
    .quote__wrapper:before:nth-child(4n+0) {
        margin-right: 0
    }
}

@media print {
    .quote__wrapper:before {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        width: 2px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media(min-width:768px) {
    .quote__wrapper:before {
        width: 2px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform .8s cubic-bezier(0,.7,.4,1)
    }
}

@media print {
    .quote__wrapper {
        padding-left: 20px
    }
}

@media(min-width:768px) {
    .quote__wrapper {
        padding-left: 20px
    }
}

.quote__quote {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
    font-family: Merriweather;
    display: block;
    margin-top: 20px
}

@media(min-width:768px) {
    .quote__quote {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .quote__quote {
        font-size: 24px;
        line-height: 32px
    }
}

@media print {
    .quote__quote {
        font-size: 1em
    }
}

@media screen {
    .quote__quote {
        opacity: 0;
        transform: translateY(-30px);
        transition: opacity .8s cubic-bezier(0,.7,.4,1),transform .8s cubic-bezier(0,.7,.4,1)
    }
}

@media(min-width:768px) {
    .quote__quote {
        margin-top: 0 !important
    }
}

.quote__footer {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    margin-top: 10px
}

@media screen {
    .quote__footer {
        opacity: 0;
        transform: translateY(-30px);
        transition: opacity .8s cubic-bezier(0,.7,.4,1),transform .8s cubic-bezier(0,.7,.4,1)
    }
}

@media(min-width:768px) {
    .quote__footer {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .quote__footer {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .quote__footer {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .quote__footer {
        font-size: 16px;
        line-height: 26px;
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .quote__footer {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .quote__footer {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .quote__footer {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .quote__footer {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .quote__footer {
        margin-right: 0
    }
}

.search-form {
    display: block;
    transition: transform .5s ease-in-out
}

@media(min-width:768px) {
    .search-form {
        display: none
    }
}

.search-form:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/components/search-form/magnifier.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    left: 0;
    z-index: 10
}

.search-form .widget {
    min-width: 178px
}

.search-form .input-legacy {
    height: 52px;
    background: #4a4a4a;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0 12px 0 40px
}

@media(min-width:768px) {
    .search-form .input-legacy {
        height: 60px
    }
}

@media(min-width:1263px) {
    .search-form .input-legacy {
        height: 70px
    }
}

.search-form ::-webkit-input-placeholder {
    color: #fff
}

.search-form ::-moz-placeholder {
    color: #fff
}

.search-form :-ms-input-placeholder {
    color: #fff
}

.search-form :-moz-placeholder {
    color: #fff
}

.source-link {
    color: inherit;
    text-decoration: inherit
}

    .source-link:after {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        font-size: 12px;
        line-height: 20px;
        background-color: #e22b40;
        border-radius: 100%;
        color: #fff;
        content: attr(data-count);
        display: inline-block;
        font-weight: 600;
        min-width: 1em;
        height: 1em;
        line-height: 1em !important;
        padding: 2px;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
        counter-increment: reference;
        content: counter(reference)
    }

.sources {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 40px
}

    .sources:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .sources {
        width: calc(100% - 100px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .sources {
        margin-top: 80px
    }
}

.sources__title {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    border-top: 1px solid #222;
    margin: 0;
    padding-top: 20px
}

@media(min-width:1263px) {
    .sources__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .sources__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .sources__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .sources__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .sources__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .sources__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .sources__title {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .sources__title {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .sources__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .sources__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .sources__title {
    left: auto !important
}

@media(max-width:767px) {
    .sources__title {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .sources__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .sources__title {
        font-size: 18px;
        line-height: 30px
    }
}

.sources__list, .sources__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.sources .sources__list {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .sources .sources__list {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .sources .sources__list {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .sources .sources__list:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .sources .sources__list:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .sources .sources__list {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .sources .sources__list {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .sources .sources__list {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .sources .sources__list {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .sources .sources__list {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .sources .sources__list {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .sources .sources__list {
    left: auto !important
}

@media(max-width:767px) {
    .sources .sources__list {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.sources__list-item {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #9b9b9b;
    margin-top: 5px
}

@media(min-width:768px) {
    .sources__list-item {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .sources__list-item {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .sources__list-item {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .sources__list-item {
        font-size: 16px;
        line-height: 26px
    }
}

.sources__list-item:before {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    background-color: #e22b40;
    border-radius: 100%;
    color: #fff;
    content: attr(data-count);
    display: inline-block;
    font-weight: 600;
    min-width: 1em;
    height: 1em;
    line-height: 1em !important;
    padding: 2px;
    text-align: center;
    margin-right: 10px
}

.sources--big .sources__list-item {
    margin-top: 20px
}

.sources__link {
    color: #9b9b9b;
    text-decoration: none;
    border-bottom: 1px solid
}

.video {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative
}

@media(min-width:768px) {
    .video {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .video {
        margin-top: 80px
    }
}

.video:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .video {
        width: calc(100% - 100px)
    }
}

@media print {
    .video {
        display: none
    }
}

@media(max-width:767px) {
    .video {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.video__player {
    position: relative
}

.video--full-width .video__container {
    width: 100%
}

.video:not(.video--full-width) .video__container {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .video:not(.video--full-width) .video__container:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .video:not(.video--full-width) .video__container:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .video:not(.video--full-width) .video__container {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .video:not(.video--full-width) .video__container {
    left: auto !important
}

@media(max-width:767px) {
    .video:not(.video--full-width) .video__container {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__footer {
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    mix-blend-mode: multiply;
    box-sizing: border-box;
    border-bottom: 1px solid #d9c9ca;
    padding-top: 10px;
    padding-bottom: 10px
}

@media(min-width:1263px) {
    .video__footer {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .video__footer {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .video__footer:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .video__footer:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .video__footer {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .video__footer {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .video__footer {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .video__footer {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .video__footer {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .video__footer {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .video__footer {
    left: auto !important
}

@media(max-width:767px) {
    .video__footer {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .video__footer {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .video__footer {
        font-size: 18px;
        line-height: 30px
    }
}

@media(max-width:767px) {
    .video__footer {
        padding-left: 20px
    }
}

.video__description {
    color: #4a4a4a
}

.video__copyright {
    color: #9b9b9b
}

    .video__copyright a {
        color: inherit
    }

.view {
    -moz-font-feature-settings: "kern" 1;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-feature-settings: "kern" 1;
    -o-font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    overflow-x: hidden;
    margin: 0;
    padding: 0
}

    .view:after, .view:before {
        background-color: transparent;
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        transition: visibility 0s cubic-bezier(0,.7,.4,1) 0s,background-color .8s cubic-bezier(0,.7,.4,1) 0s;
        visibility: hidden;
        z-index: 30
    }

    .view:after {
        transition: all .2s;
        transition-delay: 0s;
        background-color: transparent;
        transition-duration: .8s
    }

    .view .skiplink {
        position: fixed;
        top: -100vh;
        left: -100vh;
        background: #000;
        color: #fff;
        padding: 5px;
        z-index: 100000
    }

        .view .skiplink:focus {
            top: 65px;
            left: 5px
        }

    .view .skiplink-target {
        opacity: 0;
        width: 100%
    }

    .view .view__content {
        position: relative;
        margin-bottom: 80px
    }

        .view .view__content:after {
            background-image: url(../img/components/footer/triangle.svg);
            background-size: cover;
            content: "";
            position: absolute;
            transform: translateY(81px);
            bottom: 0;
            left: 0;
            width: 100%;
            height: 19.4vw;
            z-index: -10
        }

    .view .view__content--triangleless:after {
        background-image: none
    }

    .view .view__panel {
        background-color: #fff
    }

    .view .view__triangle {
        transform: scale(1.001);
        fill: #fff
    }

.view--black .view__content {
    background-color: transparent
}

.view--silver .header .logo {
    fill: #222
}

.view--silver .view__content, .view--silver .view__panel {
    background-color: #f2f2f2
}

.view--silver .view__triangle {
    fill: #f2f2f2
}

.view--blue .view__content, .view--blue .view__panel {
    background-color: #193945
}

.view--blue .view__triangle {
    fill: #193945
}

.view--green .view__content, .view--green .view__panel {
    background-color: #e7e7e2
}

.view--green .view__triangle {
    fill: #e7e7e2
}

.view--red .header .logo {
    fill: #222
}

.view--red .view__content, .view--red .view__panel {
    background-color: #f0dadc
}

.view--red .view__triangle {
    fill: #f0dadc
}

.view--yellow .header .logo {
    fill: #222
}

.view--yellow .view__content, .view--yellow .view__panel {
    background-color: #f2e8d2
}

.view--yellow .view__triangle {
    fill: #f2e8d2
}

.view:not(.view--black):not(.view--silver):not(.view--blue):not(.view--green):not(.view--red):not(.view--yellow) .eyecatcher--white .eyecatcher__section {
    margin-bottom: 0 !important
}

.view--no-footer-margin .footer {
    margin-top: 0 !important
}

.view--no-footer-triangle .footer:after {
    display: none
}

.view--overlay {
    width: 100%;
    position: fixed;
    overflow: hidden
}

@media(min-width:1253px)and (max-width:1279px) {
    .view--overlay.view--safari {
        position: static;
        overflow-y: auto
    }
}

.view--overlay:before {
    background-color: rgba(34,34,34,.51);
    visibility: visible
}

.view--overlay.view--overlay-modal .header:not(.header--search) .header__bar {
    transform: translateY(-100%)
}

.view--overlay .header .logo {
    opacity: .4
}

.view--overlay-modal {
    width: 100%;
    position: fixed;
    overflow: hidden
}

@media(min-width:1253px)and (max-width:1279px) {
    .view--overlay-modal.view--safari {
        position: static;
        overflow-y: auto
    }
}

.view--overlay-modal:before {
    background-color: rgba(34,34,34,.51);
    visibility: visible
}

.view--overlay-modal.view--overlay-modal .header:not(.header--search) .header__bar {
    transform: translateY(-100%)
}

.view--overlay-modal .header .logo {
    opacity: .4
}

.view--rtl {
    direction: rtl;
    unicode-bidi: bidi-override
}

.view__container {
    transition: opacity .45s cubic-bezier(0,.7,.4,1),padding-bottom .45s cubic-bezier(0,.7,.4,1)
}

.view--logo-black .header .logo {
    fill: #222
}

.view--logo-black .back .back__link {
    color: #222
}

.view--logo-white .header .logo {
    fill: #fff
}

.view--logo-white .back .back__link {
    color: #fff
}

    .view--logo-white .back .back__link:before {
        background: url(../img/components/common/back/arrow-left-white.svg) no-repeat 50%
    }

.view--fade:after {
    background-color: #000;
    visibility: visible
}

.view--elearning .eyecatcher__triangle {
    fill: #e9e6e3
}

.view--elearning .eyecatcher__title {
    font-size: 70px;
    line-height: 76px
}

.view--elearning .eyecatcher__subtitle {
    font-family: Merriweather;
    color: #222;
    margin-top: 0
}

@media(min-width:1028px) {
    .view--elearning .eyecatcher__subtitle {
        margin-top: 40px
    }
}

.view--elearning .eyecatcher__section {
    margin-top: 10px
}

@media(min-width:1028px) {
    .view--elearning .eyecatcher__section {
        margin-top: 47px
    }
}

.view--elearning .eyecatcher {
    background-color: #e9e6e3;
    padding-bottom: 80px;
    height: auto !important
}

.view--elearning .faq {
    width: 100%;
    max-width: auto;
    margin-bottom: 30px
}

.view--elearning .faq__heading, .view--elearning .faq__question {
    left: auto;
    width: 100%
}

.view--elearning .faq__link {
    color: #262626;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 29px
}

    .view--elearning .faq__link.faq__link--active, .view--elearning .faq__link.faq__link--active .faq__light {
        color: #e22b40
    }

    .view--elearning .faq__link .faq__light {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        line-height: 30px
    }

.view--elearning .faq__trigger {
    top: 16px
}

.view--elearning .faq__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px
}

.view--elearning .detail-header__content {
    margin-bottom: 30px
}

@media(min-width:1007px) {
    .view--elearning .detail-header__content {
        margin-bottom: 0
    }
}

.view--elearning .detail-header__content p {
    font-size: 20px;
    font-weight: 400
}

.view--elearning .back {
    left: 85px;
    margin-top: 50px
}

    .view--elearning .back .back__link {
        color: #fff
    }

@media screen {
    .view .print-only {
        display: none;
        visibility: hidden
    }
}

.view--black, .view--blue {
    background-color: #222;
    color: #fff
}

    .view--black .basic-header, .view--blue .basic-header {
        background-color: #c1d8df
    }

        .view--black .basic-header .basic-header__background, .view--blue .basic-header .basic-header__background {
            top: 100%
        }

        .view--black .basic-header .basic-header__triangle, .view--blue .basic-header .basic-header__triangle {
            fill: #c1d8df
        }

        .view--black .basic-header .basic-header__subtitle, .view--black .basic-header .basic-header__title, .view--blue .basic-header .basic-header__subtitle, .view--blue .basic-header .basic-header__title {
            color: #222;
            mix-blend-mode: normal
        }

    .view--black .intro-header__arrow-line, .view--blue .intro-header__arrow-line {
        stroke: #fff
    }

    .view--black .intro-header__arrow, .view--blue .intro-header__arrow {
        fill: #fff
    }

    .view--black .body-text h5, .view--black .body-text p, .view--black .body-text p > a:not(.button):not(.cta), .view--black .card-row__title, .view--black .card__body, .view--black .card__title, .view--black .cta__link, .view--black .filter-footer__title, .view--black .intro-text__body, .view--black .share h5, .view--black .share p, .view--black .share p > a:not(.button):not(.cta), .view--black .story__title, .view--black li, .view--blue .body-text h5, .view--blue .body-text p, .view--blue .body-text p > a:not(.button):not(.cta), .view--blue .card-row__title, .view--blue .card__body, .view--blue .card__title, .view--blue .cta__link, .view--blue .filter-footer__title, .view--blue .intro-text__body, .view--blue .share h5, .view--blue .share p, .view--blue .share p > a:not(.button):not(.cta), .view--blue .story__title, .view--blue li {
        color: #fff
    }

    .view--black .filter-grid:before, .view--black .filter-grid__results:after, .view--blue .filter-grid:before, .view--blue .filter-grid__results:after {
        display: none
    }

    .view--black .filter-footer, .view--blue .filter-footer {
        background-color: #222;
        border-top-color: #4a4a4a;
        border-bottom-color: #4a4a4a
    }

.iframe_container {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .iframe_container:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .iframe_container {
        width: calc(100% - 100px)
    }
}

.basic-filter {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 40px;
    padding-bottom: 40px;
    position: relative
}

    .basic-filter:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .basic-filter {
        width: calc(100% - 100px)
    }
}

@media(min-width:768px) {
    .basic-filter--dropdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0;
        margin-top: 20px
    }
}

@media(min-width:1007px) {
    .basic-filter {
        padding-bottom: 0
    }
}

@media(min-width:768px) {
    .basic-filter {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .basic-filter {
        padding-left: 50px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .basic-filter {
        padding-left: 50px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .basic-filter {
        padding-right: 50px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .basic-filter {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .basic-filter {
        width: calc(100% - 40px);
        max-width: 1270px;
        margin: 60px auto 0
    }

        .basic-filter:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:1263px)and (min-width:768px) {
    .basic-filter {
        width: calc(100% - 100px)
    }
}

.basic-filter:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #e7e7e2;
    content: "";
    display: block;
    height: 1px;
    width: 100vw;
    bottom: 0;
    transform: translate(-50%,-1px)
}

.basic-filter__heading {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 100%
}

@media(min-width:768px) {
    .basic-filter__heading {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .basic-filter__heading {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
        line-height: 52px
    }
}

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

@media(min-width:1007px) {
    .basic-filter__list {
        display: flex;
        justify-content: flex-start
    }
}

.basic-filter__list-item {
    margin: 0 0 2px;
    padding: 0
}

    .basic-filter__list-item:first-child .button {
        padding-left: 0
    }

    .basic-filter__list-item:last-child {
        margin-bottom: 0
    }

@media(min-width:768px)and (max-width:1006px) {
    .basic-filter__list-item {
        width: calc(50% - 1px);
        float: left
    }

        .basic-filter__list-item:nth-child(odd) {
            margin-right: 2px
        }
}

@media(min-width:1007px) {
    .basic-filter__list-item {
        margin: 0 0 0 10px
    }

        .basic-filter__list-item:first-child {
            margin-left: 0
        }
}

@media(min-width:1007px) {
    .basic-filter__list-item {
        margin-left: 20px
    }
}

.basic-filter__list-item .basic-filter__option {
    font-weight: 400
}

.basic-filter .basic-filter__mobile {
    display: block
}

@media(min-width:768px) {
    .basic-filter .basic-filter__mobile {
        display: none
    }
}

.basic-filter .basic-filter__desktop {
    display: none
}

@media(min-width:768px) {
    .basic-filter .basic-filter__desktop {
        display: block
    }
}

.basic-filter__option.select {
    font-weight: 400
}

.basic-filter__option.button {
    padding-top: 0 !important
}

@media(min-width:1007px) {
    .basic-filter__option.button {
        background-color: transparent;
        color: #4a4a4a;
        font-family: "Inter", sans-serif;
        margin: 0 50px 0 0;
        padding: 0 20px;
        width: auto
    }

        .basic-filter__option.button:last-child {
            margin-right: 0
        }

        .basic-filter__option.button.button--toggle-active, .basic-filter__option.button:hover {
            background-color: inherit;
            color: #e22b40
        }

            .basic-filter__option.button.button--toggle-active .button__content:before, .basic-filter__option.button:hover .button__content:before {
                height: 5px
            }

        .basic-filter__option.button.button--toggle-active {
            font-weight: 600
        }

        .basic-filter__option.button.button__content, .basic-filter__option.button .button__content {
            padding: 0
        }

            .basic-filter__option.button.button__content:before, .basic-filter__option.button .button__content:before {
                position: absolute;
                left: 50%;
                transform: translate(-50%);
                background-color: #e22b40;
                bottom: 0;
                content: "";
                display: block;
                width: 100%;
                height: 0;
                transition: height .2s ease
            }
}

.basic-filter .select.basic-filter__option.button {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRTYzOTRFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjUwMDAwMCwgLTMuMDAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
    background-position: 100%;
    background-repeat: no-repeat;
    border-bottom-width: 0;
    font-weight: 400;
    width: 100%
}

@media(max-width:1006px) {
    .basic-filter .select.basic-filter__option.button {
        background-color: #e9e6e3
    }

        .basic-filter .select.basic-filter__option.button:hover {
            background-color: #e22b40;
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjUwMDAwMCwgLTMuMDAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)
        }

        .basic-filter .select.basic-filter__option.button:focus {
            background-color: #e22b40;
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAzMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSI2Ij48L3JlY3Q+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC42OTU5NDAzNDgsMCBMMTAuMzE0ODMwMiwwIEMxMC41MDEyNDI4LDAgMTAuNjYyODAwMywwLjA2NjA2NjA2NjEgMTAuNzk5NTAyOSwwLjE5ODE5ODE5OCBDMTEuMDcyOTA4LDAuNDg2NDg2NDg2IDExLjA2NjY5NDMsMC43OTg3OTg3OTkgMTAuNzgwODYxNiwxLjEzNTEzNTE0IEw1Ljk5MDA1OCw1LjgwMTgwMTggQzUuNjY2OTQyODMsNi4wNjYwNjYwNyA1LjMzNzYxMzkyLDYuMDY2MDY2MDcgNS4wMDIwNzEyNSw1LjgwMTgwMTggTDAuMjExMjY3NjA2LDEuMTM1MTM1MTQgQzAsMC45MDY5MDY5MDcgLTAuMDUyODE2OTAxNCwwLjY2NjY2NjY2NyAwLjA1MjgxNjkwMTQsMC40MTQ0MTQ0MTQgQzAuMTU4NDUwNzA0LDAuMTYyMTYyMTYyIDAuMzcyODI1MTg2LDAuMDI0MDI0MDI0IDAuNjk1OTQwMzQ4LDAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCAzLjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuNTAwMDAwLCAtMy4wMDAwMDApICI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
        }
}

@media(min-width:1007px) {
    .basic-filter .select.basic-filter__option.button {
        padding-right: 20px;
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMSA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMSAoNDcyNTApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iVUkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5NC4wMDAwMDAsIC01NzMuMDAwMDAwKSIgZmlsbD0iI0U2Mzk0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iU3RhY2tlZC1Hcm91cC1Db3B5Ij4NCiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5Mi4wMDAwMDAsIDU2Ny4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzI1LjAwMDAwMCwgMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyb3Bkb3duLWljbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc3LjAwMDAwMCwgNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjY5NTk0MDM0OCwwIEwxMC4zMTQ4MzAyLDAgQzEwLjUwMTI0MjgsMCAxMC42NjI4MDAzLDAuMDY2MDY2MDY2MSAxMC43OTk1MDI5LDAuMTk4MTk4MTk4IEMxMS4wNzI5MDgsMC40ODY0ODY0ODYgMTEuMDY2Njk0MywwLjc5ODc5ODc5OSAxMC43ODA4NjE2LDEuMTM1MTM1MTQgTDUuOTkwMDU4LDUuODAxODAxOCBDNS42NjY5NDI4Myw2LjA2NjA2NjA3IDUuMzM3NjEzOTIsNi4wNjYwNjYwNyA1LjAwMjA3MTI1LDUuODAxODAxOCBMMC4yMTEyNjc2MDYsMS4xMzUxMzUxNCBDMCwwLjkwNjkwNjkwNyAtMC4wNTI4MTY5MDE0LDAuNjY2NjY2NjY3IDAuMDUyODE2OTAxNCwwLjQxNDQxNDQxNCBDMC4xNTg0NTA3MDQsMC4xNjIxNjIxNjIgMC4zNzI4MjUxODYsMC4wMjQwMjQwMjQgMC42OTU5NDAzNDgsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)
    }

        .basic-filter .select.basic-filter__option.button:focus, .basic-filter .select.basic-filter__option.button:hover {
            border-bottom-width: 5px
        }

        .basic-filter .select.basic-filter__option.button:focus {
            background-color: #e9e6e3
        }
}

.basic-filter .select--fake.basic-filter__option {
    background-position-x: calc(100% - 20px);
    border: 2px solid transparent;
    height: 54px;
    line-height: 48px;
    padding: 0 20px
}

    .basic-filter .select--fake.basic-filter__option:after {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background-color: #e22b40;
        bottom: 0;
        content: "";
        display: block;
        width: calc(100% - 40px);
        height: 0;
        transition: height .2s ease
    }

    .basic-filter .select--fake.basic-filter__option:hover:after {
        height: 5px
    }

.basic-filter .basic-filter__select-container {
    margin-top: 10px
}

@media(min-width:768px) {
    .basic-filter .basic-filter__select-container {
        margin-top: 0;
        float: right
    }
}

.basic-filter .select--fake.select--open:hover:after {
    background-color: transparent
}

.basic-filter .select--fake.basic-filter__option .select__options {
    width: auto
}

.basic-filter .select--fake.basic-filter__option .select__option {
    padding: 0 20px
}

.basic-filter + .basic-filter__tabs .tab {
    display: none
}

.basic-filter + .basic-filter__tabs .tab--toggle-active {
    display: block
}

.basic-filter.basic-filter--full-width {
    width: 100%;
    padding: 0
}

.card-row + .card-row {
    margin-top: 30px
}

.card-row {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    border-bottom: 1px solid #222;
    position: relative;
    padding-bottom: 40px;
    transition: all .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .card-row {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .card-row {
        margin-top: 80px
    }
}

.card-row:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .card-row {
        width: calc(100% - 100px)
    }
}

.card-row--border-top {
    padding-top: 40px;
    border-top: 1px solid #222
}

@media(min-width:768px) {
    .card-row--border-top {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .card-row--border-top {
        padding-top: 80px
    }
}

.card-row--multiline {
    margin-top: 0 !important;
    padding-bottom: 0
}

    .card-row--multiline .card {
        margin-top: 30px;
        margin-bottom: 0
    }

@media(min-width:768px) {
    .card-row--multiline .card {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .card-row--multiline .card {
        margin-top: 80px
    }
}

@media(max-width:767px) {
    .card-row--multiline .card:last-child {
        margin-bottom: 0
    }

    .card-row .card-row {
        margin-top: 30px
    }
}

.card-row--no-link {
    padding-bottom: 0
}

@media(min-width:768px) {
    .card-row {
        padding-bottom: 0
    }
}

@media(min-width:1263px) {
    .card-row {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px
    }

        .card-row:after {
            content: "";
            clear: both;
            display: table
        }
}

@media(min-width:1263px)and (min-width:768px) {
    .card-row {
        width: calc(100% - 100px)
    }
}

.card-row.card-row--no-border {
    border-bottom: 0
}

.card-row:last-of-type {
    border-bottom: none
}

    .card-row:last-of-type .cta {
        bottom: 0
    }

.card-row__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.card-row__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .card-row__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .card-row__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media(max-width:767px) {
    .card-row .cta {
        background-color: #222;
        width: 100%;
        height: 52px;
        text-align: center
    }

        .card-row .cta .cta__link {
            color: #222;
            line-height: 52px;
            margin-left: 24px
        }

            .card-row .cta .cta__link:after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: calc(100vw - 40px)
            }
}

@media(min-width:768px) {
    .card-row__row {
        display: flex
    }

    .card-row--multiline .card-row__row {
        flex-wrap: wrap
    }

    .card-row .card {
        width: calc(33.33% - 33.33333px)
    }

        .card-row .card:not(:nth-child(3n)) {
            margin-right: 50px
        }
}

@media(min-width:768px)and (min-width:1263px) {
    .card-row .card:not(:nth-child(3n)) {
        margin-right: 50px
    }
}

.view--sticky .detail-header .detail-header__actions {
    position: sticky;
    bottom: 0
}

.detail-header {
    margin: auto;
    position: relative
}

    .detail-header:after {
        content: "";
        clear: both;
        display: table
    }

    .detail-header .detail-header__background {
        box-sizing: border-box;
        display: block;
        float: left;
        background-color: #c1d8df;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 75vw;
        position: relative;
        overflow: hidden;
        z-index: 20
    }

@media(min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .detail-header .detail-header__background:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .detail-header .detail-header__background:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .detail-header .detail-header__background:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .detail-header .detail-header__background:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .detail-header .detail-header__background:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .detail-header .detail-header__background:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .detail-header .detail-header__background:nth-child(3n+0) {
        margin-right: 0
    }
}

@media print {
    .detail-header .detail-header__background {
        box-sizing: border-box;
        display: block;
        float: left;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important
    }
}

@media print and (min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media print and (min-width:1263px)and (max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:768px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:1007px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 20px;
        width: calc(50% - 10px)
    }
}

@media print and (max-width:767px)and (max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:768px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:1007px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px) {
    .detail-header .detail-header__background {
        margin-right: 50px;
        width: calc(45% - 27.5px)
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .detail-header .detail-header__background {
        margin-right: 0
    }
}

@media(min-width:1007px) {
    .detail-header .detail-header__background {
        height: 100vh
    }
}

@media(min-width:1263px) {
    .detail-header .detail-header__background {
        height: 100vh
    }
}

.detail-header__triangle--background {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .7s;
    fill: #fff;
    position: absolute;
    bottom: -.5px;
    width: 100vw
}

.view--init .detail-header__triangle--background {
    height: 18.5vw
}

.detail-header__overlay {
    top: 52px;
    left: 0;
    max-height: 64px;
    max-width: 64px;
    position: absolute
}

@media(min-width:768px) {
    .detail-header__overlay {
        top: 60px
    }
}

@media(min-width:1263px) {
    .detail-header__overlay {
        top: 70px
    }
}

@media(min-width:768px) {
    .detail-header__overlay {
        max-height: 134px;
        max-width: 134px
    }
}

.detail-header__content {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative
}

@media(min-width:768px) {
    .detail-header__content {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .detail-header__content {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .detail-header__content {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .detail-header__content {
        padding-right: 50px;
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .detail-header__content {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .detail-header__content {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .detail-header__content {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print {
    .detail-header__content {
        box-sizing: border-box;
        display: block;
        float: left
    }
}

@media print and (min-width:1263px) {
    .detail-header__content {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media print and (min-width:1263px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1263px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (max-width:767px) {
    .detail-header__content {
        margin-right: 20px;
        width: calc(50% - 10px)
    }
}

@media print and (max-width:767px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (max-width:767px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px) {
    .detail-header__content {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px) {
    .detail-header__content {
        margin-right: 50px;
        width: calc(45% - 27.5px)
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media print and (min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .detail-header__content {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .detail-header__content {
        min-height: 100vh;
        padding-left: 0
    }
}

.detail-header__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #e22b40;
    margin: 20px 0 0
}

@media(min-width:768px) {
    .detail-header__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .detail-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .detail-header__title {
        margin-top: 120px
    }
}

@media(min-width:1263px) {
    .detail-header__title {
        margin-top: 140px
    }
}

.detail-header__quote {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #222;
    font-family: Merriweather;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: block
}

    .detail-header__quote:after, .detail-header__quote:before {
        content: ""
    }

@media(min-width:768px) {
    .detail-header__quote {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .detail-header__quote {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .detail-header__quote {
        margin-top: 30px
    }
}

.detail-header .detail-header__tags {
    margin-top: 10px
}

.detail-header__body, .detail-header p {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin: 20px 0
}

@media(min-width:768px) {
    .detail-header__body, .detail-header p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .detail-header__body, .detail-header p {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .detail-header__body, .detail-header p {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width:1263px) {
    .detail-header__body, .detail-header p {
        font-size: 22px;
        line-height: 33px;
        margin: 30px 0
    }
}

.detail-header p {
    color: #4a4a4a;
    font-weight: 400
}

@media print {
    .detail-header__row {
        display: flex
    }
}

@media(min-width:768px) {
    .detail-header__row {
        display: flex
    }
}

.detail-header .definition-list__group {
    box-sizing: border-box;
    display: block;
    float: left;
    border-top: none;
    border-bottom: 1px solid #222
}

@media(min-width:1263px) {
    .detail-header .definition-list__group {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .detail-header .definition-list__group:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .detail-header .definition-list__group {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .detail-header .definition-list__group:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .detail-header .definition-list__group:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .detail-header .definition-list__group {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .detail-header .definition-list__group:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .detail-header .definition-list__group {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .detail-header .definition-list__group:nth-child(2n+0) {
        margin-right: 0
    }
}

.detail-header__row:first-child .definition-list__group:first-child {
    border-top: 1px solid #222
}

@media(min-width:768px) {
    .detail-header__row:first-child .definition-list__group {
        border-top: 1px solid #222
    }
}

.detail-header__actions {
    display: block;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    float: right !important;
    padding: 20px 20px 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 20
}

@media(min-width:1263px) {
    .detail-header__actions {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .detail-header__actions {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .detail-header__actions {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .detail-header__actions {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .detail-header__actions {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .detail-header__actions {
        padding-right: 50px;
        display: flex;
        align-items: center;
        padding-left: 0
    }
}

.detail-header__actions .detail-header__button, .detail-header__actions .detail-header__cta {
    width: 100%;
    margin-bottom: 20px;
    text-align: center
}

@media(min-width:1007px) {
    .detail-header__actions .detail-header__button, .detail-header__actions .detail-header__cta {
        width: calc(50% - 25px)
    }

        .detail-header__actions .detail-header__button:first-child:not(:last-child), .detail-header__actions .detail-header__cta:first-child:not(:last-child) {
            margin-right: 50px
        }
}

.education-bullet {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    position: relative
}

    .education-bullet:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .education-bullet {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .education-bullet {
        font-size: 18px;
        line-height: 30px
    }
}

.education-bullet__group {
    padding: 10px 0;
    border-top: 1px solid #222;
    flex: 1;
    margin-right: 25px
}

.education-bullet .detail-header__row .education-bullet__group:last-child:not(:first-child) {
    margin-right: 0;
    margin-left: 25px
}

@media print {
    .education-bullet .detail-header__row .education-bullet__group:last-child:not(:first-child) {
        margin-left: 0
    }
}

.education-bullet__entity {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: row
}

.education-bullet__heading {
    font-weight: 600
}

.education-bullet__definition, .education-bullet__term {
    box-sizing: border-box;
    margin: 0
}

.education-bullet__term {
    position: relative;
    font-weight: 600
}

.education-bullet__definition {
    font-weight: 600;
    text-align: right;
    text-align: left;
    font-weight: 400
}

.education-bullet__icon {
    width: 50px;
    display: flex;
    align-items: center
}

.partners-map {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width:768px) {
    .partners-map {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .partners-map {
        margin-top: 80px
    }
}

.partners-map:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .partners-map {
        width: calc(100% - 100px);
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .partners-map {
        font-size: 18px;
        line-height: 30px
    }
}

.partners-map__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px
}

@media(min-width:768px) {
    .partners-map__header {
        flex-wrap: nowrap;
        padding: 0
    }
}

.partners-map__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0
}

@media(min-width:768px) {
    .partners-map__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .partners-map__title {
        font-size: 72px;
        line-height: 80px;
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .partners-map__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .partners-map__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .partners-map__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .partners-map__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .partners-map__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .partners-map__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .partners-map__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .partners-map__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .partners-map__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .partners-map__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .partners-map__title {
        margin-right: 50px
    }
}

@media(min-width:1263px) {
    .partners-map__title {
        margin-right: 50px
    }
}

.partners-map .widget {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important
}

@media(min-width:1263px) {
    .partners-map .widget {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .partners-map .widget:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .partners-map .widget:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .partners-map .widget {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .partners-map .widget:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .partners-map .widget:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .partners-map .widget {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .partners-map .widget:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .partners-map .widget:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .partners-map .widget {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .partners-map .widget:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .partners-map .widget:nth-child(3n+0) {
        margin-right: 0
    }
}

.partners-map .input {
    width: 100%
}

.partners-map__map {
    margin-top: 30px;
    overflow: hidden
}

@media(min-width:768px) {
    .partners-map__map {
        margin-top: 30px
    }
}

@media(min-width:1263px) {
    .partners-map__map {
        margin-top: 60px
    }
}

.partners-map small {
    white-space: pre-line
}

.partners-map .country {
    fill: rgba(166,155,145,.5);
    stroke: #fff;
    stroke-width: 1px
}

    .partners-map .country.with-data {
        fill: #a69b91
    }

    .partners-map .country:hover {
        fill: #e22b40
    }

div.tooltip {
    color: #222;
    background: #fff;
    padding: .5em;
    text-shadow: #f5f5f5 0 1px 0;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 #a6a6a6;
    opacity: .95;
    position: absolute;
    z-index: 1
}

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

@media print {
    .tags {
        display: none
    }
}

.tags--inline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tags--compact {
    margin: 0 !important
}

.tags__tag {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    display: inline-block;
    height: 30px;
    line-height: 28px !important;
    margin: 10px 10px 0 0;
    padding: 0 30px 0 10px;
    position: relative;
    transition: border-color .2s ease-in-out
}

@media(min-width:768px) {
    .tags__tag {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .tags__tag {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .tags__tag {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .tags__tag {
        font-size: 16px;
        line-height: 26px
    }
}

.tags__tag:last-child .tags__tag-label:after {
    content: none
}

.tags--light .tags__tag {
    border-color: #fff;
    color: #fff
}

.tags--dark .tags__tag {
    border-color: #9b9b9b;
    color: #9b9b9b
}

.tags--inline .tags__tag {
    margin-top: 0
}

.tags--simple .tags__tag {
    border: none;
    height: auto;
    margin: 0;
    padding: 0
}

.tags__tag.tags__tag--close {
    cursor: pointer
}

    .tags__tag.tags__tag--close:before {
        transition: height .2s ease-in-out;
        background-color: #e22b40;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0
    }

    .tags__tag.tags__tag--close:hover {
        border-color: #e22b40
    }

        .tags__tag.tags__tag--close:hover:before {
            height: 30px
        }

.tags__tag-label {
    position: relative
}

.tags--simple .tags__tag-label:after {
    content: ", ";
    white-space: pre
}

.tags__tag-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: red;
    cursor: pointer;
    width: 9px;
    height: 8px;
    right: 10px
}

.tags--simple .tags__tag-close {
    display: none
}

.learning-close {
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 100vh;
    width: 100%;
    background-color: #e9e6e3
}

@media(min-width:1028px) {
    .learning-close {
        flex-direction: row
    }
}

.learning-close .learning-close__left {
    flex: 1;
    padding: 0 30px;
    margin: 100px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box
}

@media(min-width:1028px) {
    .learning-close .learning-close__left {
        flex: 50%;
        padding: 0 60px 0 0;
        margin: 120px 0 50px 85px;
        min-height: calc(100vh - 320px)
    }
}

.learning-close .learning-close__right {
    flex: 1;
    background-color: #fff;
    padding: 30px;
    position: relative;
    box-sizing: border-box
}

@media(min-width:1028px) {
    .learning-close .learning-close__right {
        flex: 50%;
        min-height: calc(100vh - 320px);
        margin: 120px 85px 50px 0;
        padding: 60px
    }
}

.learning-close .learning-close__title {
    color: #f3495e;
    font-family: "Inter", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin: 0
}

.learning-close .learning-close__description {
    color: #3f3f3f;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px
}

.learning-close .learning-close__media {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.learning-close .learning-close__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.learning-close .body-text, .learning-close .share {
    margin: 0;
    width: 100%;
    position: static
}

    .learning-close .body-text *, .learning-close .share * {
        left: 0;
        width: 100%;
        position: static
    }

    .learning-close .body-text h4, .learning-close .share h4 {
        color: #e22b40
    }

.learning-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #e9e6e3;
    font-family: Graphik
}

    .learning-part .learning-part__container {
        padding: 30px;
        max-width: 710px;
        text-align: center
    }

@media(min-width:770px) {
    .learning-part .learning-part__container {
        padding: 0
    }
}

.learning-part .learning-part__title {
    color: #ed4055;
    font-family: "Inter", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    text-align: center
}

.learning-part .learning-part__info {
    color: #222;
    font-family: Merriweather;
    font-size: 20px;
    font-weight: 700;
    line-height: 31px;
    text-align: center
}

.learning-part p {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px
}

.learning-question {
    padding: 0 0 30px
}

    .learning-question .learning-question__question {
        color: #222;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 30px;
        display: block
    }

    .learning-question .learning-question__answers {
        display: grid;
        -ms-grid-columns: 1fr 30px 1fr;
        -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px
    }

@media(min-width:1007px) {
    .learning-question .learning-question__answers {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
        -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.learning-question .learning-question__answers .learning-question__answer-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-7 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-8 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers .learning-question__answer-9 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

@media(min-width:1007px) {
    .learning-question .learning-question__answers.learning-question__answers-wider {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
        -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-7 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-8 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__answers.learning-question__answers-wider .learning-question__answer-9 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.learning-question .learning-question__label-checkbox {
    flex: 1;
    border: 1px solid #222;
    min-height: 62px;
    display: block;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

    .learning-question .learning-question__label-checkbox:hover {
        background-color: #f1f1f1
    }

.learning-question .learning-question__checkbox:checked + .learning-question__label-checkbox {
    background-color: #e9e6e3
}

.learning-question .learning-question__checkbox {
    display: none
}

.learning-question .textarea {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

.learning-question .errorlist {
    list-style: none;
    padding: 12px;
    margin: 12px 0 0;
    color: #e22b40
}

.learning-step {
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 100vh;
    width: 100%;
    background-color: #e9e6e3;
    font-family: Graphik
}

@media(min-width:1028px) {
    .learning-step {
        flex-direction: row
    }
}

.learning-step .learning-step__left {
    flex: 1;
    padding: 0 30px;
    margin: 120px 0 0;
    display: flex;
    flex-direction: column
}

@media(min-width:1028px) {
    .learning-step .learning-step__left {
        padding: 0 60px 0 0;
        margin: 120px 0 50px 85px;
        min-height: calc(100vh - 320px)
    }
}

.learning-step .learning-step__left .learning-step__explanation {
    display: none
}

@media(min-width:1028px) {
    .learning-step .learning-step__left .learning-step__explanation {
        display: block
    }
}

.learning-step .learning-step__right {
    flex: 1;
    background-color: #fff;
    padding: 30px;
    position: relative
}

@media(min-width:1028px) {
    .learning-step .learning-step__right {
        min-height: calc(100vh - 320px);
        margin: 120px 85px 50px 0;
        padding: 60px
    }
}

.learning-step .learning-step__right .learning-step__explanation {
    display: block
}

@media(min-width:1028px) {
    .learning-step .learning-step__right .learning-step__explanation {
        display: none
    }
}

.learning-step .learning-step__title {
    color: #ed4055;
    font-family: "Inter", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px
}

.learning-step .learning-step__subtitle {
    color: #222;
    font-family: Merriweather;
    font-size: 20px;
    font-weight: 700;
    line-height: 31px
}

.learning-step .learning-step__intro p {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px
}

    .learning-step .learning-step__intro p:last-child {
        margin-bottom: 60px
    }

.learning-step .learning-step__counter {
    display: flex;
    flex-direction: row
}

.learning-step .learning-step__bulb {
    background-color: #a4a4a4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 600
}

    .learning-step .learning-step__bulb.learning-step__bulb--active {
        background-color: #4a4a4a
    }

    .learning-step .learning-step__bulb.learning-step__bulb--past {
        background-color: #e6394e
    }

.learning-step .learning-step__line {
    height: 25px;
    width: 20px;
    margin: 0 5px;
    stroke: #222;
    stroke-width: 1
}

    .learning-step .learning-step__line.learning-step__line--active {
        stroke: #4a4a4a
    }

.learning-step .learning-step__media {
    text-align: center;
    margin-bottom: 30px
}

@media(min-width:1028px) {
    .learning-step .learning-step__media {
        margin-bottom: 60px
    }
}

.learning-step .learning-step__image {
    width: 100%
}

.learning-step .learning-step__media-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.learning-step .learning-step__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.learning-step .learning-step__subtitle {
    margin: 0 0 30px
}

.learning-step .learning-step__explanation {
    padding: 30px;
    background-color: #4a4a4a;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0 -30px
}

@media(min-width:1028px) {
    .learning-step .learning-step__explanation {
        margin: 0
    }
}

.learning-step .learning-step__explanation p {
    margin: 0;
    padding: 10px 0
}

    .learning-step .learning-step__explanation p:last-of-type {
        padding-bottom: 30px
    }

.learning-step .learning-step__explanation-title {
    margin: 0 0 9px;
    font-size: 18px
}

.advanced-filter {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-bottom: 72px;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: transform .5s ease-in-out;
    will-change: top;
    z-index: 9001
}

@media(min-width:1263px) {
    .advanced-filter {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .advanced-filter {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .advanced-filter {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .advanced-filter {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .advanced-filter {
        margin-right: 0
    }
}

@media(min-width:1263px) {
    .advanced-filter {
        padding-bottom: 0
    }
}

.advanced-filter--open {
    transform: translateX(0)
}

@media(min-width:768px) {
    .advanced-filter {
        max-width: 320px
    }
}

@media(min-width:1263px) {
    .advanced-filter {
        top: 52px;
        max-width: 100%;
        max-height: 100vh;
        position: static;
        position: sticky;
        right: 0;
        transform: translateX(0);
        z-index: auto
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .advanced-filter {
        top: 60px
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .advanced-filter {
        top: 70px
    }
}

.advanced-filter .advanced-filter__button-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

@media(min-width:1263px) {
    .advanced-filter .advanced-filter__button-close {
        display: none
    }
}

.advanced-filter__header {
    background: #222;
    box-sizing: border-box;
    float: left;
    padding: 30px 20px;
    width: 100%
}

@media(min-width:768px) {
    .advanced-filter__header {
        padding: 50px 20px
    }
}

.advanced-filter__header-title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin: 0
}

.advanced-filter__label {
    height: 32px !important;
    line-height: 32px !important
}

    .advanced-filter__label:last-child {
        margin-bottom: 20px
    }

.advanced-filter .advanced-filter__label--tags {
    color: #fff;
    display: none;
    float: none
}

.advanced-filter .tags__tag {
    border-color: #4a4a4a
}

.advanced-filter .advanced-filter__label--has-selection {
    display: block
}

.advanced-filter__fieldsets {
    -webkit-overflow-scrolling: touch;
    float: left;
    overflow: auto;
    padding-bottom: 74px;
    width: 100%
}

    .advanced-filter__fieldsets:before {
        content: "";
        display: block;
        height: 20px;
        border-left: 1px solid #222;
        border-right: 1px solid #222
    }

@media(min-width:1263px) {
    .advanced-filter__fieldsets {
        padding-bottom: 0
    }
}

.advanced-filter__fieldset {
    border: 1px solid #222;
    border-top: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    overflow: hidden;
    transition: height .5s ease-in-out
}

.advanced-filter__fieldset--active {
    height: auto
}

.advanced-filter__fieldset:not(.advanced-filter__fieldset--active) {
    height: 38px !important
}

.advanced-filter__fieldset-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    background-image: url(../img/components/education/advanced-filter/arrow-down.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    line-height: 38px;
    position: relative;
    width: 100%
}

.advanced-filter__fieldset--active .advanced-filter__fieldset-title {
    background-image: url(../img/components/education/advanced-filter/arrow-up.svg)
}

.advanced-filter__checkbox, .advanced-filter__label {
    float: left
}

.advanced-filter .advanced-filter__checkbox {
    clear: left;
    height: 32px
}

.advanced-filter__actions {
    background-color: #fff;
    border: 1px solid #222;
    padding: 10px 20px;
    position: fixed;
    bottom: 0;
    transform: translateY(-100%);
    width: calc(100% - 40px)
}

@media(min-width:1263px) {
    .view--init .advanced-filter__actions {
        display: none
    }
}

.advanced-filter__actions .button__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: calc(100% - 40px)
}

.advanced-filter__button-accept {
    display: block
}

@media(min-width:1263px) {
    .advanced-filter__button-accept {
        display: none
    }
}

.view--init .advanced-filter__button--submit {
    display: none
}

.filter-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    box-sizing: border-box;
    margin-left: -20px;
    padding: 20px;
    transition: all .2s ease;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: calc(100% + 40px);
    transform: translateY(2px)
}

@media(min-width:768px) {
    .filter-footer {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .filter-footer {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .filter-footer {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .filter-footer {
        padding-right: 50px;
        display: none
    }
}

@media(min-width:768px) {
    .filter-footer {
        width: calc(100% + 100px);
        height: 70px;
        margin-left: -50px
    }
}

.filter-footer:after {
    display: none
}

.advanced-filter--open + .filter-footer {
    bottom: 0 !important;
    opacity: 0
}

.filter-footer__title {
    display: none;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    flex-shrink: 0
}

@media(min-width:768px)and (max-width:1262px) {
    .filter-footer__title {
        display: block
    }
}

@media(min-width:768px) {
    .filter-footer__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .filter-footer__title {
        font-size: 24px;
        line-height: 32px
    }
}

.filter-footer .filter-footer__tags {
    display: none;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%
}

@media(min-width:768px)and (max-width:1262px) {
    .filter-footer .filter-footer__tags {
        display: block
    }
}

.filter-footer .filter-footer__button {
    flex-shrink: 0
}

@media(min-width:768px) {
    .filter-footer .filter-footer__button {
        width: calc(33.33333% - 33px)
    }
}

.filter-grid {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 30px;
    position: relative
}

    .filter-grid:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .filter-grid {
        width: calc(100% - 100px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .filter-grid {
        margin-top: 80px;
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1270px;
        display: flex;
        padding-right: 0;
        padding-left: 0;
        max-width: calc(50vw + 635px) !important;
        margin-right: 0 !important
    }
}

@media(min-width:1263px) {
    .filter-grid:after {
        content: "";
        clear: both;
        display: table
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .filter-grid {
        width: calc(100% - 100px)
    }
}

@media(min-width:1263px) {
    .filter-grid .advanced-filter {
        flex-shrink: 0;
        width: 390px
    }
}

.filter-grid:before {
    border-bottom: 1px solid #222;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px)
}

@media(min-width:768px) {
    .filter-grid:before {
        left: -50px;
        width: calc(100% + 100px)
    }
}

@media(min-width:1263px) {
    .filter-grid:before {
        left: 0;
        width: 100%
    }
}

.filter-grid__mount-results {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative
}

@media(min-width:1263px) {
    .filter-grid__mount-results {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .filter-grid__mount-results:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .filter-grid__mount-results {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .filter-grid__mount-results:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .filter-grid__mount-results:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .filter-grid__mount-results {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .filter-grid__mount-results:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .filter-grid__mount-results {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .filter-grid__mount-results:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px) {
    .filter-grid__mount-results {
        margin-right: 50px !important
    }
}

.filter-grid__results {
    float: left;
    opacity: 1;
    position: relative;
    left: 2px;
    transition: opacity .8s cubic-bezier(0,.7,.4,1);
    width: 100%;
    z-index: 20
}

.filter-grid__results--loading {
    opacity: .3
}

.filter-grid__results:not(.filter-grid__results--react) {
    animation-name: fadeIn;
    animation-duration: 3.2s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.view--init .filter-grid__results:not(.filter-grid__results--react) {
    visibility: hidden
}

.filter-grid__row {
    float: left;
    width: 100%
}

.filter-grid__row--margin:not(:last-child) {
    margin-bottom: 50px
}

.filter-grid__row--margin .collection-item {
    float: left
}

@media(max-width:767px) {
    .filter-grid__row--margin .collection-item:not(:last-child) {
        margin-bottom: 50px
    }
}

.filter-grid .card {
    min-height: 0 !important
}

    .filter-grid .card .tags__tag .tags__tag-label {
        font-size: 12px;
        line-height: 20px
    }

@media(min-width:768px) {
    .filter-grid .card .tags__tag .tags__tag-label {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .filter-grid .card .tags__tag .tags__tag-label {
        font-size: 16px;
        line-height: 26px
    }
}

.filter-grid__show-more {
    float: left;
    margin: 30px 0;
    width: 100%
}

    .filter-grid__show-more:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .filter-grid__show-more {
        padding: 0
    }
}

.filter-grid__show-more .button {
    box-sizing: border-box;
    display: block;
    float: left;
    float: none;
    margin: 0 auto !important
}

@media(min-width:1263px) {
    .filter-grid__show-more .button {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .filter-grid__show-more .button:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .filter-grid__show-more .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .filter-grid__show-more .button {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .filter-grid__show-more .button:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .filter-grid__show-more .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .filter-grid__show-more .button {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .filter-grid__show-more .button:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .filter-grid__show-more .button {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .filter-grid__show-more .button:nth-child(3n+0) {
        margin-right: 0
    }
}

.filter-grid__item {
    width: 100%
}

@media(min-width:768px) {
    .filter-grid__item {
        margin-right: 50px;
        width: calc(33.3% - 33.35px);
        float: left;
        margin-left: 0
    }

    .filter-grid--masonry .filter-grid__item:first-child {
        margin-right: 50px;
        width: calc(66.6% - 16.7px)
    }

    .filter-grid--masonry .filter-grid__item:nth-child(2), .filter-grid--masonry .filter-grid__results--react .filter-grid__item, .filter-grid__item:nth-child(3n+0) {
        margin-right: 0 !important
    }
}

@media(max-width:767px) {
    .filter-grid__item [class*=-card__header]:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }
}

@media(max-width:767px) {
    .filter-grid__item [class*=-card__image] {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover;";
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

.navigation-model-container {
    background-color: #e7e7e2;
    overflow: hidden
}

    .navigation-model-container + .related {
        margin-top: 0
    }

    .navigation-model-container .navigation-model__list {
        margin-bottom: 30px
    }

.navigation-model {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 40px;
    cursor: pointer;
    position: relative
}

    .navigation-model:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .navigation-model {
        width: calc(100% - 100px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .navigation-model {
        margin-top: 80px
    }
}

.navigation-model__fallback {
    display: none
}

.navigation-model__image {
    width: 100%
}

@media(min-width:1007px) {
    .navigation-model__image {
        width: 90%
    }
}

.navigation-model__switch {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 4px;
    width: 100%;
    z-index: 10
}

@media(min-width:768px) {
    .navigation-model__switch {
        margin-left: auto;
        margin-right: auto;
        max-width: 280px
    }
}

@media(min-width:1007px) {
    .navigation-model__switch {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 256px
    }
}

.navigation-model__input {
    position: absolute;
    visibility: hidden
}

.navigation-model__label {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    cursor: pointer;
    font-weight: 600;
    width: 50%;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

@media(min-width:768px) {
    .navigation-model__label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .navigation-model__label {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .navigation-model__label {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .navigation-model__label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .navigation-model__label {
        height: 40px;
        line-height: 40px
    }
}

.navigation-model__label:before {
    background-color: #4a4a4a;
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all .25s ease-in-out;
    transition-delay: .05s;
    z-index: -1
}

.navigation-model__label:not(:last-child):before {
    right: 0
}

.navigation-model__label:last-child:before {
    left: 0
}

.navigation-model__input:checked + .navigation-model__label:before {
    width: 100%;
    transition-delay: 0s
}

.navigation-model__input:checked + .navigation-model__label {
    color: #fff
}

.navigation-model__background {
    position: relative;
    transition: left .25s ease-in-out,transform .25s ease-in-out
}

@media(max-width:639px) {
    .navigation-model__background {
        width: 200vw;
        left: -20%
    }

    .navigation-model__background--annex {
        left: -90%
    }
}

@media(min-width:1007px) {
    .navigation-model__background {
        min-height: 500px
    }
}

.navigation-model__section {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.navigation-model__section--active, .navigation-model__section--initial {
    opacity: 1
}

.navigation-model__list {
    list-style: none;
    margin: -40px 0 0;
    padding: 0
}

@media(min-width:768px) {
    .navigation-model__list {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        max-width: 280px
    }
}

@media(min-width:1007px) {
    .navigation-model__list {
        position: absolute;
        top: 0;
        right: 0;
        width: 200px
    }
}

@media(min-width:1263px) {
    .navigation-model__list {
        top: 90px;
        width: 260px
    }
}

.navigation-model__list-item {
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 600;
    height: 30px;
    margin: 2px 0;
    padding: 10px 15px;
    position: relative;
    transition: all .25s ease-in-out
}

@media(min-width:1007px) {
    .navigation-model__list-item {
        height: 40px
    }
}

.navigation-model__list-item--active, .navigation-model__list-item:hover {
    background-color: #4a4a4a
}

    .navigation-model__list-item--active .navigation-model__text, .navigation-model__list-item:hover .navigation-model__text {
        color: #fff
    }

.navigation-model__list-item--thumbnail {
    padding-left: 45px
}

@media(min-width:1007px) {
    .navigation-model__list-item--thumbnail {
        padding-left: 60px
    }
}

.navigation-model__list-item--active.navigation-model__list-item--thumbnail .navigation-model__thumbnail {
    height: 100%;
    left: 0
}

.navigation-model__list-item--active.navigation-model__list-item--thumbnail {
    padding-left: 55px
}

@media(min-width:1007px) {
    .navigation-model__list-item--active.navigation-model__list-item--thumbnail {
        padding-left: 70px
    }
}

.navigation-model__thumbnail {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    height: calc(100% - 10px);
    transition: all .25s ease-in-out
}

.navigation-model__text {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4a4a4a;
    font-weight: 600;
    transition: all .25s ease-in-out;
    width: 100%
}

@media(min-width:768px) {
    .navigation-model__text {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .navigation-model__text {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .navigation-model__text {
        font-size: 10px;
        line-height: 14px
    }
}

@media(min-width:1263px) {
    .navigation-model__text {
        font-size: 12px;
        line-height: 18px
    }
}

.navigation-model__arrow {
    fill: #fff;
    flex-shrink: 0;
    position: relative;
    left: 15px;
    width: 30px
}

.freezeframe {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: opacity .8s cubic-bezier(0,.7,.4,1),visibility 0s cubic-bezier(0,.7,.4,1) .8s;
    visibility: hidden;
    z-index: -10
}

.freezeframe--open {
    opacity: 1;
    transition: opacity .8s cubic-bezier(0,.7,.4,1),visibility 0s 0s;
    visibility: visible;
    z-index: 100
}

.freezeframe__button-close {
    position: absolute;
    top: 0;
    right: 0
}

.freezeframe__image {
    pointer-events: none;
    width: 100%;
    height: 100%
}

.freezeframe__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    text-decoration: inherit;
    top: 75%
}

    .freezeframe__button:hover {
        color: #e22b40
    }

.freezeframe__button-circle {
    fill: #9f303d
}

.freezeframe__button-icon, .freezeframe__button:hover .freezeframe__button-circle {
    fill: #fff
}

.freezeframe__button:hover .freezeframe__button-icon {
    fill: #e22b40
}

.freezeframe__button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    background-color: #e22b40;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px !important;
    margin-left: -20px;
    padding: 0 30px 0 40px;
    position: relative;
    left: -2px;
    text-align: center;
    z-index: -1
}

@media(min-width:768px) {
    .freezeframe__button-label {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .freezeframe__button-label {
        font-size: 18px;
        line-height: 30px
    }
}

.freezeframe:before {
    background-color: rgba(34,34,34,.51);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.freezeframe--active:before {
    opacity: 1
}

.overlay {
    background-image: linear-gradient(transparent 50vh,#fff 0,#fff);
    font-size: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(100%);
    visibility: hidden;
    transition: transform .8s cubic-bezier(0,.7,.4,1),visibility 0s cubic-bezier(0,.7,.4,1) .8s;
    z-index: 2000
}

.overlay--open {
    transition: transform .8s cubic-bezier(0,.7,.4,1),visibility 0s 0s;
    visibility: visible;
    transform: translateY(0)
}

.overlay--freezeframe {
    background-image: none
}

.freezeframe--open + .overlay--freezeframe {
    transform: none;
    transition: transform .8s cubic-bezier(0,.7,.4,1) 1s,visibility 0s 0s;
    visibility: visible
}

.overlay--freezeframe:not(.overlay--scrolled) .overlay__triangle {
    margin-top: 50vh
}

.overlay__button-close {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    transition: opacity 0s 0s;
    z-index: 100
}

.freezeframe--open + .overlay--freezeframe .overlay__button-close, .overlay--open .overlay__button-close {
    opacity: 1;
    transition: opacity .8s cubic-bezier(0,.7,.4,1) .8s
}

.overlay__triangle {
    transition: all .2s;
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    height: 18.125vw;
    margin-top: -12px
}

.overlay__body {
    padding-bottom: 40px;
    background-color: #fff;
    display: inline-block;
    font-size: 0;
    position: relative;
    width: 100%;
    z-index: 10
}

@media(min-width:768px) {
    .overlay__body {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .overlay__body {
        padding-bottom: 80px
    }
}

.overlay--freezeframe .overlay__body {
    min-height: calc(100vh - 18.125vw)
}

.overlay__header {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    page-break-inside: avoid;
    margin-top: 20px;
    position: relative
}

@media(min-width:768px) {
    .overlay__header {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .overlay__header {
        margin-top: 80px
    }
}

.overlay__header:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .overlay__header {
        width: calc(100% - 100px)
    }
}

.overlay__header > :first-child {
    margin-top: 0 !important
}

.overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .overlay__header h1:nth-child(1n+0), .overlay__header h2:nth-child(1n+0), .overlay__header h3:nth-child(1n+0), .overlay__header h4:nth-child(1n+0), .overlay__header h5:nth-child(1n+0), .overlay__header h6:nth-child(1n+0), .overlay__header p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .overlay__header h1:nth-child(3n+0), .overlay__header h2:nth-child(3n+0), .overlay__header h3:nth-child(3n+0), .overlay__header h4:nth-child(3n+0), .overlay__header h5:nth-child(3n+0), .overlay__header h6:nth-child(3n+0), .overlay__header p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .overlay__header h1, .view--rtl .overlay__header h2, .view--rtl .overlay__header h3, .view--rtl .overlay__header h4, .view--rtl .overlay__header h5, .view--rtl .overlay__header h6, .view--rtl .overlay__header p {
    left: auto !important
}

@media(max-width:767px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6 {
        margin-top: 50px !important
    }
}

@media print {
    .overlay__header h1, .overlay__header h2, .overlay__header h3, .overlay__header h4, .overlay__header h5, .overlay__header h6, .overlay__header p {
        margin-top: 30px !important
    }
}

.overlay__header h4 {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .overlay__header h4 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .overlay__header h4 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .overlay__header h4 {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .overlay__header h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.overlay__header h5, .overlay__header h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .overlay__header h5, .overlay__header h6 {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay__header h5, .overlay__header h6 {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .overlay__header h5, .overlay__header h6 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .overlay__header h5, .overlay__header h6 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.overlay__header h5 + p, .overlay__header h6 + p {
    margin-top: 0 !important
}

.overlay__header p {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .overlay__header p {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .overlay__header p {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .overlay__header p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay__header p {
        font-size: 18px;
        line-height: 30px
    }
}

.overlay__header p:first-child {
    margin-top: 0 !important
}

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

.overlay__header p > a:not(.button):not(.cta) {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

@media(min-width:768px) {
    .overlay__header .button {
        max-width: 270px
    }
}

.overlay__header .cta {
    margin-top: 20px !important
}

.overlay__header > ol, .overlay__header > ul {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin: 20px 0 0 !important
}

@media(min-width:1263px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .overlay__header > ol:nth-child(1n+0), .overlay__header > ul:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .overlay__header > ol:nth-child(3n+0), .overlay__header > ul:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header > ol, .overlay__header > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .overlay__header > ol, .view--rtl .overlay__header > ul {
    left: auto !important
}

@media(max-width:767px) {
    .overlay__header > ol, .overlay__header > ul {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.overlay__header ol {
    position: relative
}

.overlay__header > ol, .overlay__header > ol ol {
    counter-reset: ol;
    list-style: none
}

    .overlay__header > ol li:before {
        counter-increment: ol;
        content: counter(ol);
        position: absolute;
        left: 20px
    }

.overlay__header li {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .overlay__header li {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay__header li {
        font-size: 18px;
        line-height: 30px
    }
}

.overlay__header > table {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-collapse: collapse;
    margin-top: 20px !important
}

@media(min-width:1263px) {
    .overlay__header > table {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header > table {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .overlay__header > table:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .overlay__header > table:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .overlay__header > table {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .overlay__header > table {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .overlay__header > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .overlay__header > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .overlay__header > table {
    left: auto !important
}

@media(max-width:767px) {
    .overlay__header > table {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .overlay__header > table {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay__header > table {
        font-size: 18px;
        line-height: 30px
    }
}

.overlay__header > table caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .overlay__header > table caption {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay__header > table caption {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .overlay__header > table caption {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .overlay__header > table caption {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.overlay__header table, .overlay__header tbody, .overlay__header tr {
    width: 100%
}

.overlay__header table, .overlay__header td, .overlay__header tr {
    border: none
}

    .overlay__header tr:not(:last-child) td {
        border-bottom: 1px solid #d9c9ca
    }

    .overlay__header td:not(:last-child) {
        padding-right: 10px
    }

.overlay__header td {
    padding: 10px 0
}

@media(min-width:1007px) {
    .overlay__header {
        margin-top: -9.0625vw
    }
}

.overlay--freezeframe .overlay__header {
    margin-top: 0 !important
}

.overlay .overlay__header + * {
    margin-top: 30px
}

@media(min-width:768px) {
    .overlay .overlay__header + * {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .overlay .overlay__header + * {
        margin-top: 60px
    }
}

.overlay .overlay-nav {
    position: static;
    top: -25px;
    right: 0;
    margin-bottom: 5px
}

@media(min-width:768px) {
    .overlay .overlay-nav {
        position: absolute
    }
}

.overlay__title {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 20px;
    color: #e22b40
}

@media(min-width:768px) {
    .overlay__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .overlay__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .overlay__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .overlay__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .overlay__title {
        margin-top: 20px
    }
}

@media(min-width:1263px) {
    .overlay__title {
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .overlay--freezeframe .overlay__title {
        margin-top: -1em !important
    }
}

.overlay .overlay__subtitle {
    font-family: Merriweather;
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0
}

@media(min-width:768px) {
    .overlay .overlay__subtitle {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .overlay .overlay__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .overlay .overlay__subtitle {
        margin-top: 10px
    }
}

@media(min-width:1263px) {
    .overlay .overlay__subtitle {
        margin-top: 20px
    }
}

.overlay__page-link {
    display: none;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20
}

@media(min-width:768px) {
    .overlay__page-link {
        display: block;
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 0
    }
}

.overlay__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .overlay__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .overlay__arrow {
        width: 30px;
        height: 30px
    }
}

.overlay__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.overlay--scrolled .overlay__arrow {
    opacity: 0;
    transition-delay: 0s
}

.overlay__page-link:hover .overlay__arrow-triangle {
    transform: translateY(15px)
}

.image-overlay {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: opacity .8s cubic-bezier(0,.7,.4,1),visibility 0s cubic-bezier(0,.7,.4,1) .8s;
    pointer-events: none
}

.image-overlay--open {
    opacity: 1;
    transition: opacity .8s cubic-bezier(0,.7,.4,1),visibility 0s 0s;
    pointer-events: auto;
    visibility: visible;
    z-index: 100
}

    .image-overlay--open .button--close {
        opacity: 1
    }

.image-overlay__button-close {
    position: absolute;
    top: 33.5vh;
    right: calc(50vw - 27.5vh);
    z-index: 10
}

.image-overlay .media {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.image-overlay .media__visual {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 33vh;
    width: 55vh
}

.image-overlay .media .media__figure .media__footer {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    box-sizing: border-box;
    background-color: #222;
    border-bottom: 0;
    padding: 52px 20px;
    margin-right: 0 !important;
    max-width: 55vh;
    mix-blend-mode: normal;
    top: 66.2vh;
    width: 100% !important;
    z-index: 10
}

@media(min-width:768px) {
    .image-overlay .media .media__figure .media__footer {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .image-overlay .media .media__figure .media__footer {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .image-overlay .media .media__figure .media__footer {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .image-overlay .media .media__figure .media__footer {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .image-overlay .media .media__figure .media__footer {
        background-color: rgba(34,34,34,.5)
    }
}

.image-overlay .media .media__copyright, .image-overlay .media .media__description {
    font-size: 10px;
    line-height: 14px;
    color: #fff
}

@media(min-width:768px) {
    .image-overlay .media .media__copyright, .image-overlay .media .media__description {
        font-size: 10px;
        line-height: 14px
    }
}

@media(min-width:1263px) {
    .image-overlay .media .media__copyright, .image-overlay .media .media__description {
        font-size: 12px;
        line-height: 18px
    }
}

.image-overlay .media .media__description {
    font-weight: 700
}

.vr {
    cursor: url(/static/img/components/hao/vr/cursor.cur),move;
    cursor: url(../img/components/hao/vr/cursor.svg) 25 25,move;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.vr--hover {
    cursor: pointer
}

.vr-header {
    width: 100%;
    position: relative;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    transition: .8s cubic-bezier(0,.7,.4,1)
}

@media (-ms-high-contrast:none) {
    .vr-header .view__triangle, .vr-header ::-ms-backdrop {
        max-height: 18.125vw
    }
}

.vr-header__background {
    background-color: #f0dadc;
    height: 100vw;
    overflow: hidden
}

@media(min-width:768px) {
    .vr-header__background {
        max-height: calc(100vh + 9.0625vw);
        height: auto
    }
}

.vr-header__figure {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1270px;
    height: 100%
}

    .vr-header__figure:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .vr-header__figure {
        width: calc(100% - 100px)
    }
}

.vr-header__image {
    margin-top: 52px;
    margin-right: 0 !important;
    float: right
}

@media(min-width:1263px) {
    .vr-header__image {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .vr-header__image {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .vr-header__image {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .vr-header__image {
        margin-bottom: 7vw
    }
}

.vr-header .vr-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .vr-header .vr-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .vr-header .vr-header__body {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: calc(100% - 7vw - 60px);
        top: 60px
    }
}

.vr-header__title {
    margin: 10px 0 0
}

@media(min-width:1263px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .vr-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .vr-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .vr-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .vr-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .vr-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .vr-header__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
}

.vr-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .vr-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .vr-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .vr-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .vr-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .vr-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .vr-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header .context-timeline {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .vr-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .vr-header .context-timeline {
        position: absolute;
        top: calc(100% + 7vw);
        z-index: 100
    }
}

.vr-header__overlay {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: 100vw;
    transform: translateY(-100%);
    z-index: 10
}

@media(min-width:768px) {
    .vr-header__overlay {
        top: auto;
        bottom: 0;
        transform: none
    }
}

.vr-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.view--init .vr-header__triangle {
    height: 18.125vw
}

.vr-header__page-link {
    display: block;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .vr-header__page-link {
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 9.0625vw
    }
}

.vr-header__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .vr-header__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .vr-header__arrow {
        width: 30px;
        height: 30px
    }
}

.vr-header__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.vr-header__page-link:hover .vr-header__arrow-triangle {
    transform: translateY(15px)
}

.vr-header__background {
    background-color: #222;
    height: 100vh;
    position: relative
}

    .vr-header__background:after {
        background-color: rgba(0,0,0,.3);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

@media(min-width:768px) {
    .vr-header__background {
        height: calc(100vh + 9.0625vw)
    }
}

.vr-header__figure {
    width: 100% !important;
    max-width: 100%
}

.vr-header__image {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) 0s;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100%
}

.view--init .vr-header__image {
    opacity: 1
}

@media(min-width:1263px) {
    .vr-header__image {
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .vr-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .vr-header__image {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .vr-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .vr-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .vr-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .vr-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

.view--overlay .vr-header__image {
    transform: none !important
}

.vr-header__overlay {
    top: 100%;
    transform: translateY(-100%) !important
}

.vr-header .vr-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: auto !important;
    top: auto;
    bottom: 18.125vw;
    padding-bottom: 20px
}

.vr-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #e22b40;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    position: static;
    text-rendering: optimizeLegibility;
    transform: none
}

@media(min-width:1263px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .vr-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .vr-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .vr-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .vr-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header__title {
        margin-right: 50px;
        width: calc(90% - 5px)
    }
}

@media(min-width:768px) {
    .vr-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .vr-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

@media(min-width:768px) {
    .vr-header__title {
        min-width: 610px
    }
}

@media(min-width:1263px) {
    .vr-header__title {
        min-width: 810px
    }
}

.vr-header__intro, .vr-header__title {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    transform: translateY(25%);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    color: #fff !important;
    margin: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1),transform .5s cubic-bezier(0,.7,.4,1)
}

.view--init .vr-header__intro, .view--init .vr-header__title {
    opacity: 1;
    transform: translateY(0)
}

.vr-header__description {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 20px;
    padding-left: 30px;
    position: relative
}

@media(min-width:1263px) {
    .vr-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .vr-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .vr-header__description {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .vr-header__description:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .vr-header__description:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .vr-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .vr-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .vr-header__description {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

.vr-header__description:before {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    background-color: hsla(0,0%,100%,.5);
    content: "";
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.view--init .vr-header__description:before {
    height: 100%
}

.vr-header__intro {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-family: Merriweather-Regular
}

@media(min-width:768px) {
    .vr-header__intro {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .vr-header__intro {
        font-size: 18px;
        line-height: 30px
    }
}

.vr-header .button {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    margin-top: 20px
}

.view--init .vr-header .button {
    opacity: 1
}

.view--rtl .vr-header__description, .view--rtl .vr-header__title {
    float: right
}

.view--rtl .vr-header__description {
    padding-left: 0;
    padding-right: 30px
}

    .view--rtl .vr-header__description:before {
        left: auto;
        right: 0
    }

.vr-header__background {
    background-color: transparent
}

.vr-header:not(.vr-header--open) {
    opacity: 0;
    transition: opacity .8s cubic-bezier(0,.7,.4,1) .8s,visibility .8s cubic-bezier(0,.7,.4,1) .8s;
    visibility: hidden
}

    .vr-header:not(.vr-header--open) .vr-header__intro, .vr-header:not(.vr-header--open) .vr-header__title {
        opacity: 0;
        transition-delay: .8s;
        transform: translateY(25%)
    }

    .vr-header:not(.vr-header--open) .vr-header__description:before, .vr-header:not(.vr-header--open) .vr-header__triangle {
        height: 0
    }

.vr-header .vr-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: .8s
}

.view--init .vr-header .vr-header__triangle {
    height: 18.125vw
}

.vr-header--open .vr-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s
}

.view--init .vr-header--open .vr-header__triangle {
    height: 18.125vw
}

.hijacked-warning-default {
    bottom: 0;
    top: auto
}

.panel-link {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 75vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width:1007px) {
    .panel-link {
        min-height: 220px;
        height: 33.3333333333vh
    }

    .view--ipad .panel-link {
        height: 277px
    }
}

@media(min-width:1007px) {
    .panel-link, .view--ipad .panel-link {
        height: 100%
    }

        .panel-link:before {
            background-image: linear-gradient(0deg,transparent,#000);
            content: "";
            width: 100%;
            height: 290px;
            opacity: .46;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }
}

@media(min-width:1007px) {
    .panel-link--button .panel-link__subtitle {
        min-height: 0
    }
}

.panel-link:hover .panel-link__image {
    transform: translate(-50%,-50%) scale(1.01)
}

.panel-link:hover .panel-link__body:after {
    opacity: 1;
    transform: translateY(-371px)
}

@media(min-width:1263px) {
    .panel-link:hover .panel-link__body:after {
        transform: translateY(-395px)
    }
}

.panel-link:hover .button {
    background-color: #e9e6e3;
    color: #e22b40
}

.panel-link:hover .button__icon {
    fill: #e22b40
}

.panel-link:hover .cta .cta__arrow {
    fill: #fff
}

.panel-link .cta:hover .cta__label {
    color: #fff
}

.panel-link__image {
    background-color: #d8e6eb;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.05)
}

.view--init .panel-link__image {
    transition: transform .35s ease-in-out
}

@media(max-width:1262px) {
    .panel-link__image {
        transform-origin: 50% 0 !important
    }
}

.panel-link__body {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-content: baseline;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media(min-width:768px) {
    .panel-link__body {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .panel-link__body {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .panel-link__body {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .panel-link__body {
        padding-right: 50px
    }
}

@media(min-width:1007px) {
    .panel-link__body {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:1263px) {
    .panel-link__body {
        padding-left: 50px;
        padding-right: 50px
    }
}

.panel-link__body:before {
    background-image: linear-gradient(-180deg,transparent,#000);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: .4;
    position: absolute;
    left: 0;
    bottom: 0
}

@media(min-width:1007px) {
    .panel-link__body:before {
        background-image: linear-gradient(-90deg,transparent,#000);
        width: 270px;
        height: 100%;
        opacity: .46
    }
}

@media(min-width:1263px) {
    .panel-link__body:before {
        background-image: linear-gradient(-180deg,transparent,#000);
        width: 100%;
        height: 478px;
        opacity: .4
    }
}

.panel-link__body:after {
    content: url(../img/components/home/panel-links/overlay.svg);
    display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .35s ease-in-out;
    width: 100%
}

@media(min-width:1007px) {
    .panel-link__body:after {
        display: block
    }
}

.panel-link .button, .panel-link__subtitle, .panel-link__title {
    position: relative;
    z-index: 10
}

.panel-link__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    margin: 0;
    white-space: nowrap
}

@media(min-width:768px) {
    .panel-link__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1313px) {
    .panel-link__title {
        font-size: 72px;
        line-height: 80px
    }
}

.panel-link__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    margin: 0;
    padding-right: 32px
}

@media(min-width:768px) {
    .panel-link__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .panel-link__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:1007px) {
    .panel-link__subtitle {
        margin-top: 15px;
        max-width: 270px;
        padding-right: 0;
        max-width: 100%;
        min-height: 78px
    }
}

.panel-link .button {
    margin-bottom: 20px;
    flex-shrink: 0;
    margin-top: 10px;
    width: auto
}

@media(min-width:768px) {
    .panel-link .button {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .panel-link .button {
        margin-bottom: 50px
    }
}

@media(min-width:1007px) {
    .panel-link .button {
        margin-top: 30px;
        margin-top: 20px;
        margin-bottom: 150px;
        max-width: 100%
    }
}

.panel-link .cta {
    margin-bottom: 20px;
    z-index: 10
}

@media(min-width:768px) {
    .panel-link .cta {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .panel-link .cta {
        margin-bottom: 50px
    }
}

@media(min-width:1007px) {
    .panel-link .cta {
        margin-top: 20px;
        margin-bottom: 150px
    }
}

.panel-link .cta:hover .cta__link {
    color: #fff
}

.panel-link .cta__link {
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: hidden
}

@media(min-width:1007px) {
    .panel-link .cta__link {
        line-height: 52px;
        visibility: visible;
        position: relative
    }
}

.panel-link .cta__link:after {
    height: 52px;
    content: url(../img/components/common/card/arrow-mobile.svg);
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: visible
}

@media(min-width:1007px) {
    .panel-link .cta__link:after {
        display: none
    }
}

.panel-links {
    margin-top: 52px;
    position: relative
}

@media(min-width:768px) {
    .panel-links {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .panel-links {
        margin-top: 70px
    }
}

@media(min-width:1007px) {
    .panel-links {
        height: 100vh;
        margin-top: 0
    }

    .view--ipad .panel-links {
        height: 698px
    }
}

.panel-links__list, .panel-links__list-item {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:1007px) {
    .panel-links__list-item {
        float: left;
        width: 33.33%
    }
}

.panel-links__news {
    box-sizing: border-box;
    background-color: #222;
    padding: 30px 20px;
    position: relative;
    overflow: hidden
}

@media(min-width:768px) {
    .panel-links__news {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .panel-links__news {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .panel-links__news {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .panel-links__news {
        padding-right: 50px
    }
}

@media(min-width:1007px) {
    .panel-links__news {
        display: flex;
        align-items: baseline;
        padding-left: 30px !important;
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: calc(100% - 110px);
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.panel-links__news-leader, .panel-links__news-link, .panel-links__news-title {
    margin: 5px 0 0
}

@media(min-width:1007px) {
    .panel-links__news-leader, .panel-links__news-link, .panel-links__news-title {
        line-height: 1;
        margin-top: 0;
        margin-right: 20px
    }
}

.panel-links__news-title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin-top: 0
}

.panel-links__news-leader {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #9b9b9b;
    white-space: nowrap;
    margin-right: 10px
}

    .panel-links__news-leader:after {
        content: " — "
    }

.panel-links__news-link {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    display: block;
    font-weight: 600;
    text-decoration: inherit
}

@media(min-width:1007px) {
    .panel-links__news-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.panel-links__news-link:after {
    display: block;
    height: 52px;
    content: url(../img/components/common/card/arrow-mobile.svg);
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: visible
}

@media(min-width:768px) {
    .panel-links__news-link:after {
        display: none;
        height: 60px
    }
}

@media(min-width:1263px) {
    .panel-links__news-link:after {
        height: 70px
    }
}

.journal-header {
    width: 100%;
    position: relative;
    z-index: 10
}

.journal-header__background {
    background-color: #f0dadc;
    height: 100vw;
    overflow: hidden
}

@media(min-width:768px) {
    .journal-header__background {
        max-height: calc(100vh + 9.0625vw);
        height: auto
    }
}

.journal-header__figure {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1270px;
    height: 100%
}

    .journal-header__figure:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .journal-header__figure {
        width: calc(100% - 100px)
    }
}

.journal-header__image {
    margin-top: 52px;
    margin-right: 0 !important;
    float: right
}

@media(min-width:1263px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .journal-header__image {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .journal-header__image {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .journal-header__image {
        margin-bottom: 7vw
    }
}

.journal-header .journal-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .journal-header .journal-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .journal-header .journal-header__body {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: calc(100% - 7vw - 60px);
        top: 60px
    }
}

.journal-header__title {
    font-size: 48px;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #e22b40
}

@media(min-width:1263px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .journal-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .journal-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .journal-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .journal-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .journal-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .journal-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .journal-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

@media(min-width:768px) {
    .journal-header__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
}

.journal-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .journal-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .journal-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .journal-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .journal-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header .context-timeline {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .journal-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .journal-header .context-timeline {
        position: absolute;
        top: calc(100% + 7vw);
        z-index: 100
    }
}

.journal-header__overlay {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: 100vw;
    transform: translateY(-100%);
    z-index: 10
}

@media(min-width:768px) {
    .journal-header__overlay {
        top: auto;
        bottom: 0;
        transform: none
    }
}

.journal-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.view--init .journal-header__triangle {
    height: 18.125vw
}

.journal-header__page-link {
    display: block;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .journal-header__page-link {
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 9.0625vw
    }
}

.journal-header__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .journal-header__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .journal-header__arrow {
        width: 30px;
        height: 30px
    }
}

.journal-header__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.journal-header__page-link:hover .journal-header__arrow-triangle {
    transform: translateY(15px)
}

.journal-header__background {
    background-color: #193945
}

.journal-header__image {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .journal-header__image:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .journal-header__image {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .journal-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .journal-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header__image {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .journal-header__image:nth-child(2n+0) {
        margin-right: 0
    }
}

.journal-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    font-family: Merriweather;
    margin: 10px 0 0
}

@media(min-width:1263px) {
    .journal-header__title {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .journal-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .journal-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .journal-header__title {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .journal-header__title:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .journal-header__title:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .journal-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .journal-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .journal-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-header__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .journal-header__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .journal-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .journal-header__title {
        color: #fff
    }
}

.journal-links {
    page-break-inside: avoid;
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .journal-links > :first-child {
        margin-top: 0 !important
    }

    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        box-sizing: border-box;
        display: block;
        float: left;
        margin-right: 0 !important;
        position: relative
    }

@media(min-width:1263px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-links h1:nth-child(1n+0), .journal-links h2:nth-child(1n+0), .journal-links h3:nth-child(1n+0), .journal-links h4:nth-child(1n+0), .journal-links h5:nth-child(1n+0), .journal-links h6:nth-child(1n+0), .journal-links p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-links h1:nth-child(3n+0), .journal-links h2:nth-child(3n+0), .journal-links h3:nth-child(3n+0), .journal-links h4:nth-child(3n+0), .journal-links h5:nth-child(3n+0), .journal-links h6:nth-child(3n+0), .journal-links p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .journal-links h1, .view--rtl .journal-links h2, .view--rtl .journal-links h3, .view--rtl .journal-links h4, .view--rtl .journal-links h5, .view--rtl .journal-links h6, .view--rtl .journal-links p {
    left: auto !important
}

@media(max-width:767px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6 {
        margin-top: 50px !important
    }
}

@media print {
    .journal-links h1, .journal-links h2, .journal-links h3, .journal-links h4, .journal-links h5, .journal-links h6, .journal-links p {
        margin-top: 30px !important
    }
}

.journal-links h4 {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .journal-links h4 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .journal-links h4 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .journal-links h4 {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .journal-links h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.journal-links h5, .journal-links h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .journal-links h5, .journal-links h6 {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .journal-links h5, .journal-links h6 {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .journal-links h5, .journal-links h6 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .journal-links h5, .journal-links h6 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.journal-links h5 + p, .journal-links h6 + p {
    margin-top: 0 !important
}

.journal-links p {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .journal-links p {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .journal-links p {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .journal-links p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .journal-links p {
        font-size: 18px;
        line-height: 30px
    }
}

.journal-links p:first-child {
    margin-top: 0 !important
}

.journal-links p:last-child {
    margin-bottom: 0
}

.journal-links p > a:not(.button):not(.cta) {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

@media(min-width:768px) {
    .journal-links .button {
        max-width: 270px
    }
}

.journal-links .cta {
    margin-top: 20px !important
}

.journal-links > ol, .journal-links > ul {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin: 20px 0 0 !important
}

@media(min-width:1263px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-links > ol:nth-child(1n+0), .journal-links > ul:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-links > ol:nth-child(3n+0), .journal-links > ul:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links > ol, .journal-links > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .journal-links > ol, .view--rtl .journal-links > ul {
    left: auto !important
}

@media(max-width:767px) {
    .journal-links > ol, .journal-links > ul {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.journal-links ol {
    position: relative
}

.journal-links > ol, .journal-links > ol ol {
    counter-reset: ol;
    list-style: none
}

    .journal-links > ol li:before {
        counter-increment: ol;
        content: counter(ol);
        position: absolute;
        left: 20px
    }

.journal-links li {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .journal-links li {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .journal-links li {
        font-size: 18px;
        line-height: 30px
    }
}

.journal-links > table {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-collapse: collapse;
    margin-top: 20px !important
}

@media(min-width:1263px) {
    .journal-links > table {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links > table {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .journal-links > table:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .journal-links > table:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .journal-links > table {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .journal-links > table {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .journal-links > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .journal-links > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .journal-links > table {
    left: auto !important
}

@media(max-width:767px) {
    .journal-links > table {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .journal-links > table {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .journal-links > table {
        font-size: 18px;
        line-height: 30px
    }
}

.journal-links > table caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .journal-links > table caption {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .journal-links > table caption {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .journal-links > table caption {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .journal-links > table caption {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.journal-links table, .journal-links tbody, .journal-links tr {
    width: 100%
}

.journal-links table, .journal-links td, .journal-links tr {
    border: none
}

    .journal-links tr:not(:last-child) td {
        border-bottom: 1px solid #d9c9ca
    }

    .journal-links td:not(:last-child) {
        padding-right: 10px
    }

.journal-links td {
    padding: 10px 0
}

@media(min-width:768px) {
    .journal-links {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .journal-links {
        margin-top: 80px
    }
}

.journal-links:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .journal-links {
        width: calc(100% - 100px)
    }
}

.journal-links .journal-links__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:1263px) {
    .journal-links .journal-links__list {
        float: none;
        left: 0;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.journal-links .journal-links__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.journal-links__link {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: inherit
}

.journal-links__image {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0
}

@media(min-width:768px) {
    .journal-links__image {
        width: 70px;
        height: 70px
    }
}

.journal-links__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #a1c8d4 !important;
    margin: .5em 0
}

@media(min-width:768px) {
    .journal-links__label {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .journal-links__label {
        font-size: 24px;
        line-height: 32px
    }
}

.journal-links__label:hover {
    color: #fff !important
}

.context-timeline {
    margin-top: 40px
}

@media(min-width:768px) {
    .context-timeline {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .context-timeline {
        margin-top: 80px
    }
}

.context-timeline__events {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    border-top: 2px solid #e22b40;
    list-style: none;
    padding: 20px 20px 0 0
}

@media(min-width:768px) {
    .context-timeline__events {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .context-timeline__events {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .context-timeline__events {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .context-timeline__events {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .context-timeline__events {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .context-timeline__events {
        font-size: 16px;
        line-height: 26px
    }
}

.context-timeline__event, .context-timeline__remark, .context-timeline__remarks {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}

.context-timeline__event {
    margin: 10px 0 0 20px;
    font-weight: 600;
    position: relative
}

    .context-timeline__event:first-child {
        margin-top: 0
    }

    .context-timeline__event:not(:last-child):before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        border-right: 1px dashed rgba(34,34,34,.5);
        padding-bottom: 12px;
        position: absolute;
        left: -14px;
        top: 6px
    }

.context-timeline__caption {
    position: relative
}

    .context-timeline__caption:before {
        background-color: #fff;
        border-radius: 100%;
        border: 2px solid #4a4a4a;
        box-sizing: border-box;
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0;
        left: -20px
    }

@media(min-width:768px) {
    .context-timeline__caption:before {
        top: 1px
    }
}

.context-timeline__remark {
    color: rgba(34,34,34,.5);
    font-weight: 400
}

    .context-timeline__remark:first-child {
        margin-top: 10px
    }

.crosslink {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

@media(min-width:768px) {
    .crosslink {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .crosslink {
        margin-top: 80px
    }
}

.crosslink:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .crosslink {
        width: calc(100% - 100px)
    }
}

.crosslink__link {
    padding-top: 20px;
    box-sizing: border-box;
    float: left;
    margin-right: 0 !important;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    display: block;
    font-size: 0;
    text-decoration: none;
    transform: scale(1);
    transition: transform .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:1263px) {
    .crosslink__link {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .crosslink__link {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .crosslink__link:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .crosslink__link:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .crosslink__link {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .crosslink__link {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .crosslink__link {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .crosslink__link {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .crosslink__link {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .crosslink__link {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(max-width:767px) {
    .crosslink__link {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.crosslink__link:hover {
    transform: scale(1.05)
}

@media(min-width:768px) {
    .crosslink__link {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1263px) {
    .crosslink__link {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

.crosslink__subtitle, .crosslink__title {
    padding-right: 20px;
    padding-left: 20px;
    display: block
}

.crosslink__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width:768px) {
    .crosslink__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .crosslink__title {
        font-size: 24px;
        line-height: 32px
    }
}

.crosslink__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #a69b91;
    font-weight: 600;
    margin: 5px
}

@media(min-width:768px) {
    .crosslink__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .crosslink__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .crosslink__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .crosslink__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

.crosslink__image {
    width: 100%;
    height: 56%;
    margin: 20px 0 0
}

.intro-header {
    width: 100%;
    position: relative;
    z-index: 10
}

.intro-header__background {
    background-color: #f0dadc;
    height: 100vw;
    overflow: hidden
}

@media(min-width:768px) {
    .intro-header__background {
        max-height: calc(100vh + 9.0625vw);
        height: auto
    }
}

.intro-header__figure {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1270px;
    height: 100%
}

    .intro-header__figure:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .intro-header__figure {
        width: calc(100% - 100px)
    }
}

.intro-header__image {
    margin-top: 52px;
    margin-right: 0 !important;
    float: right
}

@media(min-width:1263px) {
    .intro-header__image {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .intro-header__image {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .intro-header__image {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .intro-header__image {
        margin-bottom: 7vw
    }
}

.intro-header .intro-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .intro-header .intro-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .intro-header .intro-header__body {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: calc(100% - 7vw - 60px);
        top: 60px
    }
}

.intro-header__title {
    margin: 10px 0 0
}

@media(min-width:1263px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .intro-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .intro-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .intro-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .intro-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .intro-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .intro-header__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
}

.intro-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .intro-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .intro-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .intro-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .intro-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .intro-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .intro-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header .context-timeline {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .intro-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .intro-header .context-timeline {
        position: absolute;
        top: calc(100% + 7vw);
        z-index: 100
    }
}

.intro-header__overlay {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: 100vw;
    transform: translateY(-100%);
    z-index: 10
}

@media(min-width:768px) {
    .intro-header__overlay {
        top: auto;
        bottom: 0;
        transform: none
    }
}

.intro-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.view--init .intro-header__triangle {
    height: 18.125vw
}

.intro-header__page-link {
    display: block;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .intro-header__page-link {
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 9.0625vw
    }
}

.intro-header__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .intro-header__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .intro-header__arrow {
        width: 30px;
        height: 30px
    }
}

.intro-header__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.intro-header__page-link:hover .intro-header__arrow-triangle {
    transform: translateY(15px)
}

.intro-header__background {
    background-color: #222;
    height: 100vh;
    position: relative
}

    .intro-header__background:after {
        background-color: rgba(0,0,0,.3);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

@media(min-width:768px) {
    .intro-header__background {
        height: calc(100vh + 9.0625vw)
    }
}

.intro-header__figure {
    width: 100% !important;
    max-width: 100%
}

.intro-header__image {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) 0s;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100%
}

.view--init .intro-header__image {
    opacity: 1
}

@media(min-width:1263px) {
    .intro-header__image {
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .intro-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .intro-header__image {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .intro-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .intro-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .intro-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .intro-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

.view--overlay .intro-header__image {
    transform: none !important
}

.intro-header__overlay {
    top: 100%;
    transform: translateY(-100%) !important
}

.intro-header .intro-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: auto !important;
    top: auto;
    bottom: 18.125vw;
    padding-bottom: 20px
}

.intro-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #e22b40;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    position: static;
    text-rendering: optimizeLegibility;
    transform: none
}

@media(min-width:1263px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .intro-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .intro-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .intro-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .intro-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header__title {
        margin-right: 50px;
        width: calc(90% - 5px)
    }
}

@media(min-width:768px) {
    .intro-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .intro-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

@media(min-width:768px) {
    .intro-header__title {
        min-width: 610px
    }
}

@media(min-width:1263px) {
    .intro-header__title {
        min-width: 810px
    }
}

.intro-header__intro, .intro-header__title {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    transform: translateY(25%);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    color: #fff !important;
    margin: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1),transform .5s cubic-bezier(0,.7,.4,1)
}

.view--init .intro-header__intro, .view--init .intro-header__title {
    opacity: 1;
    transform: translateY(0)
}

.intro-header__description {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 20px;
    padding-left: 30px;
    position: relative
}

@media(min-width:1263px) {
    .intro-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .intro-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .intro-header__description {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .intro-header__description:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .intro-header__description:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .intro-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .intro-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .intro-header__description {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

.intro-header__description:before {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    background-color: hsla(0,0%,100%,.5);
    content: "";
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.view--init .intro-header__description:before {
    height: 100%
}

.intro-header__intro {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-family: Merriweather-Regular
}

@media(min-width:768px) {
    .intro-header__intro {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .intro-header__intro {
        font-size: 18px;
        line-height: 30px
    }
}

.intro-header .button {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    margin-top: 20px
}

.view--init .intro-header .button {
    opacity: 1
}

.view--rtl .intro-header__description, .view--rtl .intro-header__title {
    float: right
}

.view--rtl .intro-header__description {
    padding-left: 0;
    padding-right: 30px
}

    .view--rtl .intro-header__description:before {
        left: auto;
        right: 0
    }

.longread-header {
    position: relative
}

.longread-header__background {
    background-color: #c1d8df;
    font-size: 0;
    overflow: hidden;
    position: relative;
    z-index: -10
}

    .longread-header__background:after {
        background-image: linear-gradient(0deg,transparent,#000);
        content: "";
        width: 100%;
        height: 100%;
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0
    }

.longread-header__image {
    width: 100%;
    height: 100%
}

.longread-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10
}

.view--init .longread-header__triangle {
    height: 18.125vw
}

.longread-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .longread-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .longread-header__body {
        width: calc(100% - 100px)
    }
}

.longread-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 20px;
    margin-bottom: 0
}

@media(min-width:1263px) {
    .longread-header__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .longread-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread-header__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread-header__title {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .longread-header__title {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .longread-header__title {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread-header__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread-header__title {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .longread-header__title {
    left: auto !important
}

@media(max-width:767px) {
    .longread-header__title {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .longread-header__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .longread-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

.longread-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .longread-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .longread-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .longread-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .longread-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .longread-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .longread-header .context-timeline {
        position: absolute;
        top: 100%
    }
}

.related + .related {
    margin-top: 0 !important
}

.related {
    margin-top: 40px;
    /*background-color: #222*/
    background-color: #fff4ec;
}

    .related:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .related {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .related {
        margin-top: 70px
    }
}

.related__list, .related__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.related__list {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    width: 100%
}

    .related__list:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .related__list {
        width: calc(100% - 100px)
    }
}

.related__list:after {
    display: none
}

@media(min-width:768px) {
    .related__list {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 1370px
    }
}

.related__list-item {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    width: 100% !important;
    position: relative
}

@media(min-width:1263px) {
    .related__list-item {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .related__list-item:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .related__list-item {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .related__list-item:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .related__list-item:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .related__list-item {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .related__list-item:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .related__list-item {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .related__list-item:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .related__list-item:first-child:last-child {
        width: 100%
    }

        .related__list-item:first-child:last-child .related-item {
            padding-top: 37.5%
        }

        .related__list-item:first-child:last-child .related-item__title {
            margin-bottom: 0;
            color: #222;
            font-family: "Inter", sans-serif;
            font-weight: 600;
            letter-spacing: 0;
            font-size: 36px;
            font-weight: 700;
            line-height: 42px;
            margin-top: 20px
        }
}

@media(min-width:768px)and (min-width:768px) {
    .related__list-item:first-child:last-child .related-item__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .related__list-item:first-child:last-child .related-item__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px)and (min-width:768px) {
    .related__list-item:first-child:last-child .related-item__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .related__list-item:first-child:last-child .related-item__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .related__list-item:first-child:last-child .related-item__title {
        margin-top: 20px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .related__list-item:first-child:last-child .related-item__title {
        margin-top: 30px
    }
}

.related .related-item {
    height: 0;
    overflow: hidden;
    padding-top: 75%
}

.related-item {
    background-color: #fff4ec;
    cursor: pointer;
    position: relative
}

    .related-item:hover .related-item__background {
        padding: 0
    }

    .related-item:hover .related-item__triangle {
        height: 0
    }

    .related-item:hover .cta .cta__triangle {
        transform: translateX(10px)
    }

.related-item__background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: 100%;
    margin: 0;
    transition: all .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .related-item__background {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .related-item__background {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .related-item__background {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .related-item__background {
        padding-right: 50px
    }
}

@media(min-width:768px) {
    .related-item__background {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .related-item__background {
        padding-top: 50px
    }
}

@media(min-width:768px) {
    .related-item__background {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .related-item__background {
        padding-bottom: 50px
    }
}

.related-item__body, .related-item__image {
    width: 100%;
    height: 100%
}

.related-item__body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:1263px) {
    .related-item__body {
        padding-left: 25px
    }
}

.related-item__subtitle, .related-item__title {
    width: 70%
}

.related-item__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    color: #fff !important;
    left: 10px;
    margin: 0;
    position: relative;
    z-index: 10
}

@media(min-width:1263px) {
    .related-item__title {
        font-size: 36px;
        line-height: 42px
    }
}

@media(min-width:768px) {
    .related-item__title {
        left: 25px;
        margin: 0;
        max-width: 60%
    }
}

@media(min-width:1263px) {
    .related-item__title {
        left: 25px
    }
}

@media(min-width:1363px) {
    .related-item__title {
        left: 0
    }
}

.related-item__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    left: 10px;
    margin: 10px 0 0;
    position: relative;
    z-index: 10
}

@media(min-width:768px) {
    .related-item__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .related-item__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .related-item__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .related-item__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .related-item__subtitle {
        left: 25px;
        margin-top: 20px;
        max-width: 60%
    }
}

@media(min-width:1263px) {
    .related-item__subtitle {
        left: 25px
    }
}

@media(min-width:1363px) {
    .related-item__subtitle {
        left: 0
    }
}

.related-item__link {
    color: inherit;
    text-decoration: inherit
}

.related-item__triangle {
    width: 447px;
    height: 83px;
    fill: #fff4ec;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(2px);
    transition: all .8s cubic-bezier(0,.7,.4,1)
}

@media(min-width:768px) {
    .related-item__triangle {
        transform: scale(1.2) translateY(2px);
        transform-origin: right bottom
    }
}

.related-item .cta {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 10
}

.related-item .cta__label {
    display: inline-block
}

@media(min-width:768px) {
    .related-item .cta__label {
        display: none
    }
}

.related-item .cta__arrow {
    fill: #fff;
    margin-right: 20px
}

@media(min-width:768px) {
    .related-item .cta__arrow {
        width: 50px;
        height: 50px;
        margin-right: 55px
    }
}

@media(min-width:1263px) {
    .view--rtl .related-item .related-item__body {
        padding-left: 0;
        padding-right: 25px
    }
}

.view--rtl .related-item .related-item__title {
    left: 0;
    right: 10px
}

@media(min-width:768px) {
    .view--rtl .related-item .related-item__title {
        right: 25px
    }
}

@media(min-width:1263px) {
    .view--rtl .related-item .related-item__title {
        right: 25px
    }
}

.view--rtl .related-item .cta {
    direction: ltr
}

.section {
    position: relative;
    width: 100%
}

    .section:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 7.25vw;
        left: 0;
        transform: translateY(-41px)
    }

.section--no-margin .section__body {
    margin-bottom: 0
}

.section--no-margin .section__triangle--bottom {
    opacity: 0
}

.section--blue:before {
    background-color: #d8e6eb
}

.section--blue .section__triangle {
    fill: #d8e6eb
}

.section--gray:before {
    background-color: #d9c9ca
}

.section--gray .section__triangle {
    fill: #d9c9ca
}

.section--green:before {
    background-color: #e7e7e2
}

.section--green .section__triangle {
    fill: #e7e7e2
}

.section--red:before {
    background-color: #f0dadc
}

.section--red .section__triangle {
    fill: #f0dadc
}

.section--yellow:before {
    background-color: #f2e8d2
}

.section--yellow .section__triangle {
    fill: #f2e8d2
}

.section--white:before {
    background-color: #fff
}

.section--white .section__triangle {
    fill: #fff
}

.section .section__triangle {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: -40px;
    transform: translateY(-60%) scale(1.0001)
}

.section .section__triangle--bottom {
    fill: #fff;
    top: calc(100% - 40px)
}

.section__body {
    position: relative;
    margin-bottom: 7.25vw;
    z-index: 10
}

.qr {
    display: none
}

@media print {
    .qr {
        display: block;
        transform: scale(.8)
    }
}

.button--search .hamburger {
    opacity: 0
}

@media(min-width:768px) {
    .header--search .button--search {
        text-indent: -999rem
    }

        .header--search .button--search:before {
            background-color: #e22b40
        }

        .header--search .button--search .hamburger {
            opacity: 1
        }

        .header--search .button--search .hamburger__bar--top {
            transform: translateY(5px) rotate(45deg)
        }

        .header--search .button--search .hamburger__bar--middle {
            width: 0
        }

        .header--search .button--search .hamburger__bar--bottom {
            transform: translateY(-5px) rotate(-45deg)
        }
}

.header--search .button--search .icon {
    opacity: 0
}

.searchfield {
    background-color: #e9e6e3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .25s ease-in-out;
    z-index: -2
}

.header--search .searchfield, .view__container > .searchfield {
    height: 140px
}

@media(min-width:768px) {
    .header--search .searchfield, .view__container > .searchfield {
        height: 260px
    }
}

@media(min-width:1263px) {
    .header--search .searchfield, .view__container > .searchfield {
        height: 320px
    }
}

.view__container > .searchfield {
    margin-top: 52px;
    position: static
}

@media(min-width:768px) {
    .view__container > .searchfield {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .view__container > .searchfield {
        margin-top: 70px
    }
}

.searchfield .widget {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .searchfield .widget:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .searchfield .widget {
        width: calc(100% - 100px)
    }
}

.searchfield .input {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #e22b40;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    border-bottom-color: #222;
    border-width: 1px;
    color: #222;
    height: auto;
    padding: 0;
    width: 100%;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none
}

@media(min-width:768px) {
    .searchfield .input {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .searchfield .input {
        font-size: 96px;
        line-height: 112px
    }
}

.searchfield .input::-webkit-input-placeholder {
    color: #8b837b
}

.searchfield .input:-moz-placeholder, .searchfield .input::-moz-placeholder {
    color: #8b837b;
    opacity: 1
}

.searchfield .input:-ms-input-placeholder {
    color: #8b837b
}

.searchfield__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    background-image: url(../img/components/search/searchfield/submit.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    outline: none;
    padding: 0;
    right: 0
}

    .searchfield__button:focus {
        outline: 2px solid #4a4a4a
    }

@media(min-width:768px) {
    .searchfield__button {
        width: 30px;
        height: 30px
    }
}

@media(min-width:1263px) {
    .searchfield__button {
        width: 40px;
        height: 40px
    }
}

.view--rtl .searchfield .searchfield__button {
    right: auto;
    left: 0
}

.highlighted {
    background-color: #c1d8df;
    color: #222
}

.search-results {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

@media(min-width:768px) {
    .search-results {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .search-results {
        margin-top: 80px
    }
}

.search-results:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .search-results {
        width: calc(100% - 100px)
    }
}

.search-results .select, .search-results .widget {
    display: block;
    width: 100%
}

@media(min-width:768px) {
    .search-results .select, .search-results .widget {
        display: none
    }
}

.search-results__facet-list {
    display: none;
    float: left;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0
}

@media(min-width:768px) {
    .search-results__facet-list {
        display: block
    }
}

@media(min-width:1263px) {
    .search-results__facet-list {
        margin-right: 50px;
        width: calc(16.66667% - 41.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .search-results__facet-list:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .search-results__facet-list:nth-child(5n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .search-results__facet-list:nth-child(6n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .search-results__facet-list {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .search-results__facet-list:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .search-results__facet-list:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .search-results__facet-list {
        margin-right: 50px;
        width: calc(20% - 40px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .search-results__facet-list:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .search-results__facet-list:nth-child(5n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .search-results__facet-list:nth-child(6n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .search-results__facet-list {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .search-results__facet-list:nth-child(4n+0) {
        margin-right: 0
    }
}

.search-results__facet {
    margin: 0;
    padding: 0
}

.search-results__facet--active .search-results__link {
    font-weight: 700
}

.search-results__link {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 40px !important;
    text-decoration: none
}

@media(min-width:768px) {
    .search-results__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .search-results__link {
        font-size: 18px;
        line-height: 30px
    }
}

.search-results__body-link {
    color: inherit;
    text-decoration: inherit
}

.search-results__result-list {
    box-sizing: border-box;
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:1263px) {
    .search-results__result-list {
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .search-results__result-list {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .search-results__result-list {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .search-results__result-list {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .search-results__result-list {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .search-results__result-list {
        margin-right: 0
    }
}

.search-results__result {
    padding: 30px 0;
    border-bottom: 1px solid #d9c9ca
}

@media(min-width:768px) {
    .search-results__result {
        padding: 20px 0
    }
}

@media(min-width:768px) {
    .search-results__result:first-child {
        padding-top: 0
    }
}

.search-results__heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0
}

@media(min-width:768px) {
    .search-results__heading {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .search-results__heading {
        font-size: 18px;
        line-height: 30px
    }
}

.search-results__page-link {
    color: inherit;
    text-decoration: inherit
}

.search-results__body {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0
}

@media(min-width:768px) {
    .search-results__body {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .search-results__body {
        font-size: 18px;
        line-height: 30px
    }
}

.search-results__section-link {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #9b9b9b;
    display: block;
    text-decoration: none
}

@media(min-width:768px) {
    .search-results__section-link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .search-results__section-link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .search-results__section-link {
        margin-top: 10px
    }
}

.search-results__pagination {
    display: flex;
    justify-content: center
}

.search-results .button:not(.basic-filter__option) {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 30px
}

@media(min-width:1263px) {
    .search-results .button:not(.basic-filter__option) {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .search-results .button:not(.basic-filter__option):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .search-results .button:not(.basic-filter__option) {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .search-results .button:not(.basic-filter__option):nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .search-results .button:not(.basic-filter__option) {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .search-results .button:not(.basic-filter__option) {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .search-results .button:not(.basic-filter__option):nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .search-results .button:not(.basic-filter__option) {
        margin-top: 20px
    }
}

.search-results .tab {
    padding-top: 20px
}

.theme-header {
    width: 100%;
    position: relative;
    z-index: 10
}

.theme-header__background {
    background-color: #f0dadc;
    height: 100vw;
    overflow: hidden
}

@media(min-width:768px) {
    .theme-header__background {
        max-height: calc(100vh + 9.0625vw);
        height: auto
    }
}

.theme-header__figure {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1270px;
    height: 100%
}

    .theme-header__figure:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .theme-header__figure {
        width: calc(100% - 100px)
    }
}

.theme-header__image {
    margin-top: 52px;
    margin-right: 0 !important;
    float: right
}

@media(min-width:1263px) {
    .theme-header__image {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .theme-header__image {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .theme-header__image {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .theme-header__image {
        margin-bottom: 7vw
    }
}

.theme-header .theme-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .theme-header .theme-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .theme-header .theme-header__body {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: calc(100% - 7vw - 60px);
        top: 60px
    }
}

.theme-header__title {
    margin: 10px 0 0
}

@media(min-width:1263px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .theme-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .theme-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .theme-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .theme-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .theme-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .theme-header__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
}

.theme-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .theme-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .theme-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .theme-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .theme-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .theme-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .theme-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header .context-timeline {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .theme-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .theme-header .context-timeline {
        position: absolute;
        top: calc(100% + 7vw);
        z-index: 100
    }
}

.theme-header__overlay {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: 100vw;
    transform: translateY(-100%);
    z-index: 10
}

@media(min-width:768px) {
    .theme-header__overlay {
        top: auto;
        bottom: 0;
        transform: none
    }
}

.theme-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.view--init .theme-header__triangle {
    height: 18.125vw
}

.theme-header__page-link {
    display: block;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .theme-header__page-link {
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 9.0625vw
    }
}

.theme-header__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .theme-header__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .theme-header__arrow {
        width: 30px;
        height: 30px
    }
}

.theme-header__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.theme-header__page-link:hover .theme-header__arrow-triangle {
    transform: translateY(15px)
}

.theme-header__background {
    background-color: #222;
    height: 100vh;
    position: relative
}

    .theme-header__background:after {
        background-color: rgba(0,0,0,.3);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

@media(min-width:768px) {
    .theme-header__background {
        height: calc(100vh + 9.0625vw)
    }
}

.theme-header__figure {
    width: 100% !important;
    max-width: 100%
}

.theme-header__image {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) 0s;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100%
}

.view--init .theme-header__image {
    opacity: 1
}

@media(min-width:1263px) {
    .theme-header__image {
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .theme-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .theme-header__image {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .theme-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .theme-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .theme-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header__image {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .theme-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

.view--overlay .theme-header__image {
    transform: none !important
}

.theme-header__overlay {
    top: 100%;
    transform: translateY(-100%) !important
}

.theme-header .theme-header__body {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: auto !important;
    top: auto;
    bottom: 18.125vw;
    padding-bottom: 20px
}

.theme-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    position: static;
    text-rendering: optimizeLegibility;
    transform: none
}

@media(min-width:1263px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .theme-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .theme-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .theme-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .theme-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header__title {
        margin-right: 50px;
        width: calc(90% - 5px)
    }
}

@media(min-width:768px) {
    .theme-header__title {
        min-width: 610px
    }
}

@media(min-width:1263px) {
    .theme-header__title {
        min-width: 810px
    }
}

.theme-header__intro, .theme-header__title {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    transform: translateY(25%);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    color: #fff !important;
    margin: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1),transform .5s cubic-bezier(0,.7,.4,1)
}

.view--init .theme-header__intro, .view--init .theme-header__title {
    opacity: 1;
    transform: translateY(0)
}

.theme-header__description {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 20px;
    padding-left: 30px;
    position: relative
}

@media(min-width:1263px) {
    .theme-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .theme-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .theme-header__description {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .theme-header__description:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .theme-header__description:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header__description {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .theme-header__description:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header__description {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

.theme-header__description:before {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    background-color: hsla(0,0%,100%,.5);
    content: "";
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.view--init .theme-header__description:before {
    height: 100%
}

.theme-header__intro {
    font-family: Merriweather-Regular
}

@media(min-width:768px) {
    .theme-header__intro {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .theme-header__intro {
        font-size: 18px;
        line-height: 30px
    }
}

.theme-header .button {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    margin-top: 20px
}

.view--init .theme-header .button {
    opacity: 1
}

.view--rtl .theme-header__description, .view--rtl .theme-header__title {
    float: right
}

.view--rtl .theme-header__description {
    padding-left: 0;
    padding-right: 30px
}

    .view--rtl .theme-header__description:before {
        left: auto;
        right: 0
    }

.theme-header__background {
    height: auto;
    max-height: calc(100vh + 9.0625vw)
}

.theme-header .theme-header__body {
    bottom: calc(18.125vw - 28px);
    padding-bottom: 0
}

@media(min-width:768px) {
    .theme-header .theme-header__body {
        bottom: calc(18.125vw - 48px)
    }
}

@media(min-width:1263px) {
    .theme-header .theme-header__body {
        bottom: calc(18.125vw - 88px)
    }
}

.theme-header__title {
    color: #e22b40;
    font-size: 48px;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px
}

@media(min-width:768px) {
    .theme-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .theme-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

.theme-header__description {
    margin-top: 10px;
    padding-left: 0
}

@media(min-width:768px) {
    .theme-header__description {
        margin-top: 20px
    }
}

.theme-header__description:before {
    display: none
}

.theme-header__intro {
    font-size: 18px;
    font-weight: 700;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-family: Merriweather
}

@media(min-width:768px) {
    .theme-header__intro {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .theme-header__intro {
        font-size: 24px;
        line-height: 32px
    }
}

.theme-header .button {
    margin-top: 10px
}

@media(min-width:768px) {
    .theme-header .button {
        margin-top: 20px
    }
}

.theme-header + .context-timeline {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

    .theme-header + .context-timeline:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .theme-header + .context-timeline {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }
}

.theme-header + .context-timeline .context-timeline__events {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .theme-header + .context-timeline .context-timeline__events {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .theme-header + .context-timeline .context-timeline__events:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .theme-header + .context-timeline .context-timeline__events {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .theme-header + .context-timeline .context-timeline__events {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .theme-header + .context-timeline .context-timeline__events {
        position: relative;
        top: 44px
    }
}

@media(min-width:1263px) {
    .theme-header + .context-timeline .context-timeline__events {
        top: 52px
    }
}

.theme-link {
    background-color: #d8e6eb;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

    .theme-link:hover .theme-link__image {
        transform: scale(1.01)
    }

.theme-link__background {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

    .theme-link__background:after {
        background-image: linear-gradient(-180deg,transparent,#000);
        content: "";
        width: 100%;
        height: 66%;
        opacity: .57;
        position: absolute;
        bottom: 0;
        left: 0
    }

.theme-link__image {
    width: 100%;
    height: 100%;
    transform: scale(1.05);
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.theme-link__body {
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media(min-width:768px) {
    .theme-link__body {
        padding-left: 30px
    }
}

@media(min-width:1263px) {
    .theme-link__body {
        padding-left: 30px
    }
}

@media(min-width:768px) {
    .theme-link__body {
        padding-right: 30px
    }
}

@media(min-width:1263px) {
    .theme-link__body {
        padding-right: 30px
    }
}

@media(min-width:768px) {
    .theme-link__body {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .theme-link__body {
        padding-top: 50px
    }
}

@media(min-width:768px) {
    .theme-link__body {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .theme-link__body {
        padding-bottom: 50px
    }
}

.theme-link__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin: 0
}

@media(min-width:768px) {
    .theme-link__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .theme-link__title {
        font-size: 24px;
        line-height: 32px
    }
}

.theme-link__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    margin: 10px 0 0
}

@media(min-width:768px) {
    .theme-link__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .theme-link__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

.theme-links {
    margin-top: 40px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px
}

@media(min-width:768px) {
    .theme-links {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .theme-links {
        margin-top: 80px
    }
}

.theme-links:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .theme-links {
        width: calc(100% - 100px)
    }
}

@media(max-width:767px) {
    .theme-links {
        width: 100%
    }
}

.theme-links__list, .theme-links__list-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.theme-links__list {
    position: relative
}

@media(min-width:768px) {
    .theme-links__list {
        padding-top: 62.5%
    }
}

.theme-links__list-item {
    padding-top: 133.33%;
    position: relative
}

@media(min-width:768px) {
    .theme-links__list-item {
        padding-top: 0;
        position: absolute;
        top: 0;
        width: 33.3333333333%;
        height: 100%
    }

        .theme-links__list-item:first-child {
            left: 0
        }

        .theme-links__list-item:nth-child(2) {
            left: 33%
        }

        .theme-links__list-item:nth-child(3) {
            left: 66%
        }
}

.theme-links .theme-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10
}

    .banner:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .banner {
        width: calc(100% - 100px);
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .banner {
        margin-top: 80px
    }
}

.banner .cta {
    transition: all .2s;
    transition-delay: 0s;
    padding: 5px 10px;
    outline: 1px solid #a69b91
}

    .banner .cta:hover {
        outline-color: transparent;
        background-color: #fff
    }

.key-moments {
    margin-top: 40px;
    box-sizing: border-box;
    display: block;
    float: left;
    float: none;
    margin-left: auto;
    margin-right: auto !important
}

@media(min-width:768px) {
    .key-moments {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .key-moments {
        margin-top: 80px;
        margin-right: 50px;
        width: calc(83.33333% - 8.33333px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .key-moments:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .key-moments {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .key-moments:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .key-moments:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .key-moments {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .key-moments {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .key-moments:nth-child(1n+0) {
        margin-right: 0
    }
}

.key-moments__list, .key-moments__list-item {
    list-style: none;
    margin: 0
}

.key-moments__list {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    padding: 0
}

    .key-moments__list:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .key-moments__list {
        width: calc(100% - 100px)
    }
}

.key-moments__list-item {
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 0;
    position: relative;
    padding: 0 3px 0 15px;
    width: 100%
}

@media(min-width:768px) {
    .key-moments__list-item {
        padding: 23px 0 0;
        text-align: center;
        width: 16.6666666667%;
        height: 118px
    }
}

.key-moments__list-item:not(:last-child) {
    margin-bottom: 10px
}

.key-moments__list-item:before {
    background-color: #a69b91;
    content: "";
    width: 1px;
    height: calc(100% + 14px);
    position: absolute;
    top: 7px;
    left: 3px
}

@media(min-width:768px) {
    .key-moments__list-item:before {
        width: 100%;
        height: 1px;
        top: 13px;
        left: 0
    }
}

@media(min-width:768px) {
    .key-moments__list-item:first-child:before {
        left: 50%;
        width: 50%
    }
}

.key-moments__list-item:last-child:before {
    display: none
}

@media(min-width:768px) {
    .key-moments__list-item:last-child:before {
        display: block;
        width: 50%
    }
}

.key-moments__list-item:after {
    background-color: #a69b91;
    border-radius: 100%;
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: 0
}

@media(min-width:768px) {
    .key-moments__list-item:after {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 9px;
        height: 9px;
        top: 9px
    }
}

.key-moments__list-item--anne-frank:after {
    background-color: #e22b40
}

.key-moments__list-item:hover .key-moments__title {
    color: #e22b40
}

.key-moments__link {
    color: inherit;
    display: block;
    position: relative;
    text-decoration: inherit
}

@media(min-width:768px) {
    .key-moments__link {
        max-width: 180px;
        margin: auto
    }
}

.key-moments__year {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #a69b91;
    display: block;
    font-family: Merriweather-Regular
}

@media(min-width:768px) {
    .key-moments__year {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .key-moments__year {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .key-moments__year {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .key-moments__year {
        font-size: 16px;
        line-height: 26px
    }
}

.key-moments__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 10px;
    line-height: 14px;
    display: block;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 2px;
    transition: .8s cubic-bezier(0,.7,.4,1);
    width: 100%
}

@media(min-width:768px) {
    .key-moments__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .key-moments__title {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .key-moments__title {
        font-size: 10px;
        line-height: 14px
    }
}

@media(min-width:1263px) {
    .key-moments__title {
        font-size: 12px;
        line-height: 18px
    }
}

@media(min-width:768px) {
    .key-moments__title {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        margin-top: 5px;
        margin-bottom: 6px
    }
}

.timeline-overlay {
    background-image: linear-gradient(transparent 50vh,#fff 0,#fff);
    font-size: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(100%);
    visibility: hidden;
    transition: transform .8s cubic-bezier(0,.7,.4,1),visibility 0s cubic-bezier(0,.7,.4,1) .8s;
    z-index: 2000
}

.timeline-overlay--open {
    transition: transform .8s cubic-bezier(0,.7,.4,1),visibility 0s 0s;
    visibility: visible;
    transform: translateY(0)
}

.timeline-overlay--freezeframe {
    background-image: none
}

.freezeframe--open + .timeline-overlay--freezeframe {
    transform: none;
    transition: transform .8s cubic-bezier(0,.7,.4,1) 1s,visibility 0s 0s;
    visibility: visible
}

.timeline-overlay--freezeframe:not(.timeline-overlay--scrolled) .timeline-overlay__triangle {
    margin-top: 50vh
}

.timeline-overlay__button-close {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    transition: opacity 0s 0s;
    z-index: 100
}

.freezeframe--open + .timeline-overlay--freezeframe .timeline-overlay__button-close, .timeline-overlay--open .timeline-overlay__button-close {
    opacity: 1;
    transition: opacity .8s cubic-bezier(0,.7,.4,1) .8s
}

.timeline-overlay__triangle {
    transition: all .2s;
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    height: 18.125vw;
    margin-top: -12px
}

.timeline-overlay__body {
    padding-bottom: 40px;
    background-color: #fff;
    display: inline-block;
    font-size: 0;
    position: relative;
    width: 100%;
    z-index: 10
}

@media(min-width:768px) {
    .timeline-overlay__body {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__body {
        padding-bottom: 80px
    }
}

.timeline-overlay--freezeframe .timeline-overlay__body {
    min-height: calc(100vh - 18.125vw)
}

.timeline-overlay__header {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    page-break-inside: avoid;
    margin-top: 20px;
    position: relative
}

@media(min-width:768px) {
    .timeline-overlay__header {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header {
        margin-top: 80px
    }
}

.timeline-overlay__header:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .timeline-overlay__header {
        width: calc(100% - 100px)
    }
}

.timeline-overlay__header > :first-child {
    margin-top: 0 !important
}

.timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-overlay__header h1:nth-child(1n+0), .timeline-overlay__header h2:nth-child(1n+0), .timeline-overlay__header h3:nth-child(1n+0), .timeline-overlay__header h4:nth-child(1n+0), .timeline-overlay__header h5:nth-child(1n+0), .timeline-overlay__header h6:nth-child(1n+0), .timeline-overlay__header p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-overlay__header h1:nth-child(3n+0), .timeline-overlay__header h2:nth-child(3n+0), .timeline-overlay__header h3:nth-child(3n+0), .timeline-overlay__header h4:nth-child(3n+0), .timeline-overlay__header h5:nth-child(3n+0), .timeline-overlay__header h6:nth-child(3n+0), .timeline-overlay__header p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .timeline-overlay__header h1, .view--rtl .timeline-overlay__header h2, .view--rtl .timeline-overlay__header h3, .view--rtl .timeline-overlay__header h4, .view--rtl .timeline-overlay__header h5, .view--rtl .timeline-overlay__header h6, .view--rtl .timeline-overlay__header p {
    left: auto !important
}

@media(max-width:767px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6 {
        margin-top: 50px !important
    }
}

@media print {
    .timeline-overlay__header h1, .timeline-overlay__header h2, .timeline-overlay__header h3, .timeline-overlay__header h4, .timeline-overlay__header h5, .timeline-overlay__header h6, .timeline-overlay__header p {
        margin-top: 30px !important
    }
}

.timeline-overlay__header h4 {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .timeline-overlay__header h4 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header h4 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .timeline-overlay__header h4 {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.timeline-overlay__header h5, .timeline-overlay__header h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .timeline-overlay__header h5, .timeline-overlay__header h6 {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header h5, .timeline-overlay__header h6 {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-overlay__header h5, .timeline-overlay__header h6 {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header h5, .timeline-overlay__header h6 {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.timeline-overlay__header h5 + p, .timeline-overlay__header h6 + p {
    margin-top: 0 !important
}

.timeline-overlay__header p {
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px !important
}

@media(min-width:768px) {
    .timeline-overlay__header p {
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header p {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .timeline-overlay__header p {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header p {
        font-size: 18px;
        line-height: 30px
    }
}

.timeline-overlay__header p:first-child {
    margin-top: 0 !important
}

.timeline-overlay__header p:last-child {
    margin-bottom: 0
}

.timeline-overlay__header p > a:not(.button):not(.cta) {
    text-decoration: none;
    text-decoration: underline;
    color: #222
}

@media(min-width:768px) {
    .timeline-overlay__header .button {
        max-width: 270px
    }
}

.timeline-overlay__header .cta {
    margin-top: 20px !important
}

.timeline-overlay__header > ol, .timeline-overlay__header > ul {
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    margin: 20px 0 0 !important
}

@media(min-width:1263px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-overlay__header > ol:nth-child(1n+0), .timeline-overlay__header > ul:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-overlay__header > ol:nth-child(3n+0), .timeline-overlay__header > ul:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .timeline-overlay__header > ol, .view--rtl .timeline-overlay__header > ul {
    left: auto !important
}

@media(max-width:767px) {
    .timeline-overlay__header > ol, .timeline-overlay__header > ul {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.timeline-overlay__header ol {
    position: relative
}

.timeline-overlay__header > ol, .timeline-overlay__header > ol ol {
    counter-reset: ol;
    list-style: none
}

    .timeline-overlay__header > ol li:before {
        counter-increment: ol;
        content: counter(ol);
        position: absolute;
        left: 20px
    }

.timeline-overlay__header li {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

@media(min-width:768px) {
    .timeline-overlay__header li {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header li {
        font-size: 18px;
        line-height: 30px
    }
}

.timeline-overlay__header > table {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    border-collapse: collapse;
    margin-top: 20px !important
}

@media(min-width:1263px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header > table {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-overlay__header > table:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-overlay__header > table:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-overlay__header > table {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-overlay__header > table {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .timeline-overlay__header > table {
    left: auto !important
}

@media(max-width:767px) {
    .timeline-overlay__header > table {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

@media(min-width:768px) {
    .timeline-overlay__header > table {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header > table {
        font-size: 18px;
        line-height: 30px
    }
}

.timeline-overlay__header > table caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .timeline-overlay__header > table caption {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header > table caption {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-overlay__header > table caption {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-overlay__header > table caption {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.timeline-overlay__header table, .timeline-overlay__header tbody, .timeline-overlay__header tr {
    width: 100%
}

.timeline-overlay__header table, .timeline-overlay__header td, .timeline-overlay__header tr {
    border: none
}

    .timeline-overlay__header tr:not(:last-child) td {
        border-bottom: 1px solid #d9c9ca
    }

    .timeline-overlay__header td:not(:last-child) {
        padding-right: 10px
    }

.timeline-overlay__header td {
    padding: 10px 0
}

@media(min-width:1007px) {
    .timeline-overlay__header {
        margin-top: -9.0625vw
    }
}

.timeline-overlay--freezeframe .timeline-overlay__header {
    margin-top: 0 !important
}

.timeline-overlay .timeline-overlay__header + * {
    margin-top: 30px
}

@media(min-width:768px) {
    .timeline-overlay .timeline-overlay__header + * {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .timeline-overlay .timeline-overlay__header + * {
        margin-top: 60px
    }
}

.timeline-overlay .overlay-nav {
    position: static;
    top: -25px;
    right: 0;
    margin-bottom: 5px
}

@media(min-width:768px) {
    .timeline-overlay .overlay-nav {
        position: absolute
    }
}

.timeline-overlay__title {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 20px;
    color: #e22b40
}

@media(min-width:768px) {
    .timeline-overlay__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-overlay__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .timeline-overlay__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .timeline-overlay__title {
        margin-top: 20px
    }
}

@media(min-width:1263px) {
    .timeline-overlay__title {
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .timeline-overlay--freezeframe .timeline-overlay__title {
        margin-top: -1em !important
    }
}

.timeline-overlay .timeline-overlay__subtitle {
    font-family: Merriweather;
    font-size: 18px
}

@media(min-width:768px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .timeline-overlay .timeline-overlay__subtitle {
        margin-top: 10px
    }
}

.timeline-overlay__page-link {
    display: none;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20
}

@media(min-width:768px) {
    .timeline-overlay__page-link {
        display: block;
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 0
    }
}

.timeline-overlay__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .timeline-overlay__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .timeline-overlay__arrow {
        width: 30px;
        height: 30px
    }
}

.timeline-overlay__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.timeline-overlay--scrolled .timeline-overlay__arrow {
    opacity: 0;
    transition-delay: 0s
}

.timeline-overlay__page-link:hover .timeline-overlay__arrow-triangle {
    transform: translateY(15px)
}

.timeline-overlay .timeline-overlay__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0;
    opacity: .5
}

@media(min-width:768px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-overlay .timeline-overlay__subtitle {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px
    }
}

.timeline-overlay .timeline-overlay__location {
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px
}

.timeline-overlay .timeline-overlay__subtitle--key-moment, .timeline-overlay .timeline-overlay__title--key-moment {
    display: none
}

.timeline-overlay--key-moment .timeline-overlay__subtitle--key-moment, .timeline-overlay--key-moment .timeline-overlay__title--key-moment {
    display: block
}

.timeline-overlay--key-moment .timeline-overlay__subtitle--moment, .timeline-overlay--key-moment .timeline-overlay__title--moment {
    display: none
}

.overlay-nav {
    border-bottom: 1px solid rgba(34,34,34,.3);
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 280px
}

.overlay-nav__link {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(34,34,34,.3);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    position: relative;
    text-decoration: none
}

@media(min-width:768px) {
    .overlay-nav__link {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .overlay-nav__link {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .overlay-nav__link {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .overlay-nav__link {
        font-size: 16px;
        line-height: 26px
    }
}

.overlay-nav__link:last-child {
    text-align: right
}

.overlay-nav__link:hover {
    color: #222
}

.overlay-nav__link--hidden {
    visibility: hidden
}

.overlay-nav__icon {
    width: 24px;
    height: 24px;
    opacity: .3
}

.overlay-nav__link:hover .overlay-nav__icon {
    opacity: 1
}

.overlay-nav__label {
    padding: 4px
}

.scrollspy {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    position: fixed;
    width: 62px;
    height: 252px;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

@media(min-width:1263px) {
    .scrollspy {
        right: 50px
    }
}

@media(max-width:1006px) {
    .scrollspy {
        transform: translate(50%,-50%)
    }
}

.scrollspy * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.scrollspy__track {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.scrollspy__path {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 186px;
    overflow: hidden;
    top: 32px
}

.scrollspy__handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    margin-top: -31px;
    margin-left: -31px;
    border: 1px solid #a69b91;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    transform: none;
    transition: .8s cubic-bezier(0,.7,.4,1)
}

    .scrollspy__handle:hover .scrollspy__years:before {
        opacity: 1;
        transform: scale(1)
    }

    .scrollspy__handle:hover .scrollspy__year {
        color: #f2e8d2
    }

    .scrollspy__handle:after, .scrollspy__handle:before {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        content: "";
        background: repeating-linear-gradient(transparent,transparent 2.5px,#a69b91 0,#a69b91 5px);
        width: 1px;
        height: 200px
    }

    .scrollspy__handle:before {
        bottom: 100%
    }

    .scrollspy__handle:after {
        top: 100%
    }

.scrollspy__year, .scrollspy__years {
    list-style: none;
    margin: 0;
    padding: 0
}

.scrollspy__years {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-clip-path: ellipse(30px 30px at 30px 30px);
    clip-path: ellipse(30px 30px at 30px 30px);
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .scrollspy__years:before {
        background-color: #a69b91;
        border-radius: 100%;
        content: "";
        width: 101%;
        height: 101%;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transform: scale(0);
        transition: .8s cubic-bezier(0,.7,.4,1)
    }

.scrollspy__year {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    color: #a69b91;
    display: block;
    width: 60px;
    line-height: 60px !important;
    opacity: 0;
    position: absolute;
    top: 0;
    text-align: center;
    transition: transform .8s cubic-bezier(0,.7,.4,1),opacity .8s cubic-bezier(0,.7,.4,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:768px) {
    .scrollspy__year {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .scrollspy__year {
        font-size: 18px;
        line-height: 30px
    }
}

.scrollspy__year--active {
    opacity: 1
}

.scrollspy__down, .scrollspy__up {
    cursor: pointer;
    position: relative
}

    .scrollspy__down circle, .scrollspy__down polyline, .scrollspy__up circle, .scrollspy__up polyline {
        transition: .8s cubic-bezier(0,.7,.4,1)
    }

    .scrollspy__down:hover circle, .scrollspy__up:hover circle {
        fill: #a69b91
    }

    .scrollspy__down:hover polyline, .scrollspy__up:hover polyline {
        stroke: #f2e8d2
    }

.timeline ~ .banner {
    padding-top: 40px
}

@media(min-width:768px) {
    .timeline ~ .banner {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .timeline ~ .banner {
        padding-top: 80px
    }
}

.body-text + .timeline, .share + .timeline {
    padding-top: 9.0625vw
}

.timeline {
    position: relative;
    width: 100vw
}

.timeline--1:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #d9cfbe;
    content: "";
    width: 1px;
    height: 40px;
    top: 100%;
    z-index: 29
}

@media(min-width:768px) {
    .timeline--1:after {
        height: 50px
    }
}

@media(min-width:1263px) {
    .timeline--1:after {
        height: 80px
    }
}

.timeline--3:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #d9cfbe;
    content: "";
    width: 1px;
    height: 40px;
    top: 100%;
    z-index: 29
}

@media(min-width:768px) {
    .timeline--3:after {
        height: 50px
    }
}

@media(min-width:1263px) {
    .timeline--3:after {
        height: 80px
    }
}

.timeline--3:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #d9cfbe;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    z-index: 29
}

.timeline__lead {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-family: Merriweather;
    font-weight: 700;
    list-style: none;
    margin-left: auto;
    margin-right: auto !important;
    padding: 0
}

@media(min-width:768px) {
    .timeline__lead {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .timeline__lead {
        margin-top: 40px
    }
}

@media(min-width:768px) {
    .timeline__lead {
        margin-bottom: 40px
    }
}

@media(min-width:1263px) {
    .timeline__lead {
        margin-bottom: 40px
    }
}

@media(min-width:768px) {
    .timeline__lead {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline__lead {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline__lead {
        max-width: 530px;
        text-align: center
    }
}

@media(min-width:1263px) {
    .timeline__lead {
        max-width: 610px
    }
}

.timeline__list {
    width: calc(100% - 40px);
    max-width: 1270px;
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    transition: .8s cubic-bezier(0,.7,.4,1);
    position: relative;
    z-index: 29
}

    .timeline__list:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .timeline__list {
        width: calc(100% - 100px)
    }
}

.timeline__list:after {
    display: none
}

.timeline--1 > .timeline__list {
    padding-top: 40px;
    margin-bottom: 40px;
    display: inline;
    overflow: visible
}

@media(min-width:768px) {
    .timeline--1 > .timeline__list {
        padding-top: 60px
    }
}

@media(min-width:1263px) {
    .timeline--1 > .timeline__list {
        padding-top: 100px
    }
}

@media(min-width:768px) {
    .timeline--1 > .timeline__list {
        margin-bottom: 60px
    }
}

@media(min-width:1263px) {
    .timeline--1 > .timeline__list {
        margin-bottom: 100px
    }
}

.timeline--2 {
    background: #fff;
    width: 100vw;
    visibility: hidden
}

.timeline-item--open .timeline--2 {
    visibility: visible
}

    .timeline-item--open .timeline--2 > .timeline__list {
        padding-bottom: 50px
    }



.timeline-item, .timeline-item__triangle {
    transition: all .8s cubic-bezier(0,.7,.4,1)
}

.timeline-item__triangle {
    left: 50%;
    transform: translate(-50%);
    fill: #fff4ec;
    width: 100vw;
    height: 18.125vw;
    margin-top: 1px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-100%);
    z-index: 5;
}

.timeline-item__triangle--bottom {
    fill: #fff4ec !important;
    top: 100%
}

.timeline-item .button--close {
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    position: fixed;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    z-index: 1100
}

.timeline-item__link {
    box-sizing: border-box;
    display: block;
    float: left;
    color: inherit;
    display: flex;
    float: none;
    margin-left: auto;
    margin-right: auto !important;
    max-width: 830px;
    overflow: visible;
    position: relative;
    text-decoration: inherit
}

@media(min-width:1263px) {
    .timeline-item__link {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-item__link {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-item__link:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-item__link:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-item__link {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-item__link {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

.timeline-item--1 > .timeline-item__link {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .timeline-item--1 > .timeline-item__link {
        margin-bottom: 60px
    }
}

@media(min-width:1263px) {
    .timeline-item--1 > .timeline-item__link {
        margin-bottom: 100px
    }
}

.timeline-item--1:last-child > .timeline-item__link {
    margin-bottom: 0
}

.timeline-item__body, .timeline-item__figure {
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    position: relative;
    z-index: 10;
    width: 50%
}

.timeline-item__figure {
    text-align: right
}

.timeline-item__body:after {
    background-color: #2d667b;
    border-radius: 100%;
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: -3.5px
}

@media(min-width:768px) {
    .timeline-item__body:after {
        width: 10px;
        height: 10px;
        top: 8px;
        left: -5px
    }
}

.timeline-item--anne-frank .timeline-item__body:after {
    background-color: #e22b40
}

.timeline-item__image {
    box-shadow: -10px 10px #2d667b
}

.timeline-item__image--landscape {
    width: 100%
}

@media(min-width:768px) {
    .timeline-item__image--landscape {
        max-width: 250px
    }
}

@media(min-width:1263px) {
    .timeline-item__image--landscape {
        max-width: 280px
    }
}

.timeline-item--2 .timeline-item__image--landscape {
    width: 100%
}

@media(min-width:768px) {
    .timeline-item--2 .timeline-item__image--landscape {
        max-width: 170px
    }
}

@media(min-width:1263px) {
    .timeline-item--2 .timeline-item__image--landscape {
        max-width: 170px
    }
}

.timeline-item--3 .timeline-item__image--landscape {
    width: 100%
}

@media(min-width:768px) {
    .timeline-item--3 .timeline-item__image--landscape {
        max-width: 135px
    }
}

@media(min-width:1263px) {
    .timeline-item--3 .timeline-item__image--landscape {
        max-width: 135px
    }
}

.timeline-item__image--portrait {
    max-width: 80px
}

@media(min-width:768px) {
    .timeline-item__image--portrait {
        max-width: 150px
    }
}

@media(min-width:1263px) {
    .timeline-item__image--portrait {
        max-width: 170px
    }
}

.timeline-item__date, .timeline-item__location {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #a69b91;
    display: block;
    margin: 0
}

@media(min-width:768px) {
    .timeline-item__date, .timeline-item__location {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-item__date, .timeline-item__location {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-item__date, .timeline-item__location {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-item__date, .timeline-item__location {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .timeline-item__date, .timeline-item__location {
        display: inline-block;
        margin-right: 10px
    }
}

.timeline-item__date {
    font-family: Merriweather-Regular
}

.timeline-item__location {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px
}

.timeline-item__title {
    font-size: 24px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0
}

@media(min-width:768px) {
    .timeline-item__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(min-width:1263px) {
    .timeline-item__title {
        font-size: 28px;
        line-height: 42px
    }
}

.timeline-item:not(.timeline-item--1) .timeline-item__title:hover {
    color: #e22b40
}

.timeline-item__hover-triangle {
    fill: #fff;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    z-index: 9
}

.timeline-item__line {
    display: none
}

.timeline-item:first-child .timeline-item__line {
    display: block
}

.timeline-item:not(.timeline-item--no-hover) .timeline-item__link:hover .timeline-item__hover-triangle {
    height: 64%
}

.timeline-item:not(.timeline-item--no-hover) .timeline-item__link:hover .timeline-item__image {
    box-shadow: none
}

.timeline-item--1:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-color: #d9cfbe;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    z-index: 10
}

.timeline-item--1 .timeline-item__figure {
    padding-bottom: 10px
}

.timeline-item--3:not(:last-child) .timeline-item__link {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .timeline-item--3:not(:last-child) .timeline-item__link {
        margin-bottom: 30px
    }
}

@media(min-width:1263px) {
    .timeline-item--3:not(:last-child) .timeline-item__link {
        margin-bottom: 20px
    }
}

.timeline-item--2 .timeline-item__figure, .timeline-item--3 .timeline-item__figure {
    padding-left: 0
}

.timeline-item--2 .timeline-item__image, .timeline-item--3 .timeline-item__image {
    box-shadow: none !important
}

.timeline-item--2 .timeline-item__image--portrait {
    width: 80px;
    height: 120px
}

@media(min-width:768px) {
    .timeline-item--2 .timeline-item__image--portrait {
        width: 120px;
        height: 180px
    }
}

.timeline-item--3 .timeline-item__image--portrait {
    width: 80px;
    height: 120px
}

@media(min-width:768px) {
    .timeline-item--3 .timeline-item__image--portrait {
        width: 80px;
        height: 120px
    }
}

.timeline-item--2 .timeline-item__title, .timeline-item--3 .timeline-item__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0
}

@media(min-width:768px) {
    .timeline-item--2 .timeline-item__title, .timeline-item--3 .timeline-item__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-item--2 .timeline-item__title, .timeline-item--3 .timeline-item__title {
        font-size: 18px;
        line-height: 30px
    }
}

.timeline-item--anne-frank .timeline-item__image {
    box-shadow: -10px 10px #e22b40
}

.timeline-item--anne-frank:not(.timeline-item--3) .timeline-item__title {
    font-family: Merriweather
}

.timeline-item__body:after, .timeline-item__date, .timeline-item__image, .timeline-item__location, .timeline-item__title {
    transform: translateY(75px);
    transition: .8s cubic-bezier(0,.7,.4,1);
    will-change: transform
}

.timeline-item--3 .timeline-item__body:after, .timeline-item--3 .timeline-item__date, .timeline-item--3 .timeline-item__image, .timeline-item--3 .timeline-item__location, .timeline-item--3 .timeline-item__title {
    transform: translateY(112.5px);
    transition: .8s cubic-bezier(0,.7,.4,1);
    will-change: transform
}

.timeline-item--in-view .timeline-item__body:after, .timeline-item--in-view .timeline-item__date, .timeline-item--in-view .timeline-item__image, .timeline-item--in-view .timeline-item__location, .timeline-item--in-view .timeline-item__title {
    transform: translateY(0)
}

.timeline-item:not(.timeline-item--open) > .timeline > .timeline__list {
    overflow: hidden;
    height: 0 !important;
    opacity: 0
}

.timeline-item--open {
    background-color: #fff
}

    .timeline-item--open .timeline-item__triangle {
        fill: #fff
    }

    .timeline-item--open > .timeline-item__link {
        background-color: #fff;
        margin-bottom: 0
    }

@media(max-width:767px) {
    .timeline-item--open > .timeline-item__link {
        display: block
    }
}

.timeline-item--open > .timeline-item__link .timeline-item__figure {
    width: 100%
}

@media(min-width:768px) {
    .timeline-item--open > .timeline-item__link .timeline-item__image {
        margin-bottom: 0
    }
}

.timeline-item--open > .timeline-item__link .timeline-item__body {
    width: 100%
}

    .timeline-item--open > .timeline-item__link .timeline-item__body:after {
        display: none
    }

@media(max-width:767px) {
    .timeline-item--open > .timeline-item__link .timeline-item__title {
        color: #222;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-top: 0;
        background:transparent;
    }
}

.timeline-item--open > .timeline-item__link .timeline-item__image {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media(min-width:768px) {
    .timeline-item--open > .timeline-item__link .timeline-item__image {
        max-width: 290px
    }
}

@media(min-width:1263px) {
    .timeline-item--open > .timeline-item__link .timeline-item__image {
        max-width: 390px
    }
}

.timeline-item--open .timeline-item__image {
    box-shadow: none;
    margin-bottom: 20px
}

.timeline-item--open .timeline--2 .timeline__list {
    z-index: 10
}

.timeline-item--open .timeline-item__line {
    display: block
}

.timeline-item--top > .timeline-item__link .timeline-item__body {
    height: 52px;
    background-color: #f2e8d2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 200
}

@media(min-width:768px) {
    .timeline-item--top > .timeline-item__link .timeline-item__body {
        height: 60px
    }
}

@media(min-width:1263px) {
    .timeline-item--top > .timeline-item__link .timeline-item__body {
        height: 70px
    }
}

.timeline-item--top > .timeline-item__link .timeline-item__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    padding-right: 52px;
    left: 20px;
    margin: 0;
    transition: none
}

@media(min-width:768px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:768px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        padding-right: 60px
    }
}

@media(min-width:1263px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        padding-right: 70px
    }
}

@media(min-width:768px) {
    .timeline-item--top > .timeline-item__link .timeline-item__title {
        left: 30px
    }
}

.timeline-item--top > .timeline-item__link .timeline-item__body:after, .timeline-item--top > .timeline-item__link .timeline-item__date, .timeline-item--top > .timeline-item__link .timeline-item__image, .timeline-item--top > .timeline-item__link .timeline-item__triangle {
    display: none
}

.timeline-item--open .button--close {
    transform: translateY(0)
}

.timeline-lineitem {
    width: calc(100% - 40px);
    max-width: 1270px;
    margin: 100px auto 20px
}

    .timeline-lineitem:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .timeline-lineitem {
        width: calc(100% - 100px)
    }
}

.timeline-lineitem__title {
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 20px;
    color: #e22b40
}

@media(min-width:768px) {
    .timeline-lineitem__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .timeline-lineitem__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .timeline-lineitem__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .timeline-lineitem__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:768px) {
    .timeline-lineitem__title {
        margin-top: 20px
    }
}

@media(min-width:1263px) {
    .timeline-lineitem__title {
        margin-top: 30px
    }
}

.timeline-lineitem .timeline-lineitem__subtitle {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0;
    opacity: .5
}

@media(min-width:768px) {
    .timeline-lineitem .timeline-lineitem__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .timeline-lineitem .timeline-lineitem__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .timeline-lineitem .timeline-lineitem__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-lineitem .timeline-lineitem__subtitle {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px
    }
}

.timeline-lineitem .timeline-lineitem__location {
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px
}

.timeline-lineitem .timeline-lineitem__subtitle--key-moment, .timeline-lineitem .timeline-lineitem__title--key-moment {
    display: none
}

.timeline-lineitem--key-moment .timeline-lineitem__subtitle--key-moment, .timeline-lineitem--key-moment .timeline-lineitem__title--key-moment {
    display: block
}

.timeline-lineitem--key-moment .timeline-lineitem__subtitle--moment, .timeline-lineitem--key-moment .timeline-lineitem__title--moment {
    display: none
}

.timeline-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 75vh;
    position: relative
}

    .timeline-header:before {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background-color: #d9cfbe;
        content: "";
        width: 1px;
        height: 75vh;
        top: 0
    }

.timeline-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-hyphens: auto;
    hyphens: auto;
    position: relative;
    text-align: center;
    word-break: break-word
}

    .timeline-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .timeline-header__body {
        width: calc(100% - 100px);
        padding-top: 40px
    }
}

@media(min-width:1263px) {
    .timeline-header__body {
        padding-top: 40px
    }
}

@media(min-width:768px) {
    .timeline-header__body {
        padding-bottom: 40px
    }
}

@media(min-width:1263px) {
    .timeline-header__body {
        padding-bottom: 40px
    }
}

.timeline-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 36px;
    line-height: 42px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    float: none;
    margin: 0 0 0 auto;
    margin-right: auto !important;
    position: relative;
    z-index: 100
}

@media(min-width:1263px) {
    .timeline-header__title {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .timeline-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-header__title {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-header__title {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

@media(min-width:768px) {
    .timeline-header__title {
        font-size: 48px;
        line-height: 56px
    }
}

@media(min-width:1263px) {
    .timeline-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

.timeline-header__subtitle {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    box-sizing: border-box;
    display: block;
    float: left;
    display: inline-block;
    margin-bottom: 0;
    float: none;
    max-width: 390px;
    position: relative;
    z-index: 100
}

@media(min-width:768px) {
    .timeline-header__subtitle {
        margin-top: 20px
    }
}

@media(min-width:1263px) {
    .timeline-header__subtitle {
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .timeline-header__subtitle {
        font-size: 16px;
        line-height: 26px;
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .timeline-header__subtitle {
        font-size: 16px;
        line-height: 26px;
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .timeline-header__subtitle:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .timeline-header__subtitle {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .timeline-header__subtitle:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .timeline-header__subtitle:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .timeline-header__subtitle {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .timeline-header__subtitle:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .timeline-header__subtitle {
        margin-right: 50px;
        width: calc(50% - 25px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .timeline-header__subtitle:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .timeline-header__subtitle {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1263px) {
    .timeline-header__subtitle {
        font-size: 18px;
        line-height: 30px
    }
}

.timeline-header__subtitle, .timeline-header__title {
    font-family: Merriweather;
    font-weight: 700
}

.pedigree {
    background-color: #f0dadc;
    display: flex
}

.pedigree__body {
    width: calc(100% - 40px);
    margin: 40px auto;
    max-width: 1270px
}

@media(min-width:768px) {
    .pedigree__body {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .pedigree__body {
        margin-top: 80px
    }
}

@media(min-width:768px) {
    .pedigree__body {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .pedigree__body {
        margin-bottom: 80px
    }
}

.pedigree__body:after {
    content: "";
    clear: both;
    display: table
}

@media(min-width:768px) {
    .pedigree__body {
        width: calc(100% - 100px)
    }
}

.pedigree__helpers--desktop, .pedigree__hiding--desktop {
    display: none
}

@media(min-width:768px) {
    .pedigree__helpers--desktop, .pedigree__hiding--desktop {
        display: block
    }
}

.pedigree__helpers--mobile, .pedigree__hiding--mobile {
    display: block
}

@media(min-width:768px) {
    .pedigree__helpers--mobile, .pedigree__hiding--mobile {
        display: none
    }
}

.pedigree__title {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    max-width: 100%;
    margin: auto;
    width: 240px
}

@media(min-width:768px) {
    .pedigree__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .pedigree__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width:768px) {
    .pedigree__title {
        width: 830px
    }
}

.pedigree__title:not(:first-child) {
    margin-top: 60px
}

@media(min-width:768px) {
    .pedigree__title:not(:first-child) {
        margin-top: 40px
    }
}

@media(min-width:1263px) {
    .pedigree__title:not(:first-child) {
        margin-top: 60px
    }
}

.pedigree__helpers, .pedigree__hiding, .pedigree__persons {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 240px
}

@media(min-width:768px) {
    .pedigree__helpers, .pedigree__hiding, .pedigree__persons {
        margin-top: 30px
    }
}

@media(min-width:1263px) {
    .pedigree__helpers, .pedigree__hiding, .pedigree__persons {
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .pedigree__helpers, .pedigree__hiding, .pedigree__persons {
        width: 830px
    }
}

.pedigree__helpers a, .pedigree__hiding a, .pedigree__persons a {
    cursor: pointer;
    outline: none
}

.pedigree__helpers circle, .pedigree__hiding circle, .pedigree__persons circle {
    transition: stroke .8s cubic-bezier(0,.7,.4,1)
}

.pedigree__helpers .active circle:not(#helpers-d-Oval), .pedigree__helpers a:hover circle:not(#helpers-d-Oval), .pedigree__hiding .active circle:not(#helpers-d-Oval), .pedigree__hiding a:hover circle:not(#helpers-d-Oval), .pedigree__persons .active circle:not(#helpers-d-Oval), .pedigree__persons a:hover circle:not(#helpers-d-Oval) {
    stroke: #e22b40
}

.pedigree .person {
    float: left
}

@media(min-width:768px) {
    .pedigree .person {
        margin: 0 71px 35px 0 !important
    }
}

.pedigree .person:nth-child(odd) {
    margin: 0 56px 28px 0
}

.pedigree + * {
    margin-top: 0 !important
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Bold.woff) format("woff"),url(../fonts/Merriweather-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Merriweather-Regular;
    src: url(../fonts/merriweather-v19-latin-regular.woff) format("woff"),url(../fonts/merriweather-v19-latin-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-Bold.woff2) format("woff2"),url(../fonts/Graphik-Bold.woff) format("woff"),url(../fonts/Graphik-Bold.ttf) format("truetype"),url(../fonts/Graphik-Bold.svg#Graphik-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-SemiboldItalic.woff2) format("woff2"),url(../fonts/Graphik-SemiboldItalic.woff) format("woff"),url(../fonts/Graphik-SemiboldItalic.ttf) format("truetype"),url(../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-RegularItalic.woff2) format("woff2"),url(../fonts/Graphik-RegularItalic.woff) format("woff"),url(../fonts/Graphik-RegularItalic.ttf) format("truetype"),url(../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-MediumItalic.woff2) format("woff2"),url(../fonts/Graphik-MediumItalic.woff) format("woff"),url(../fonts/Graphik-MediumItalic.ttf) format("truetype"),url(../fonts/Graphik-MediumItalic.svg#Graphik-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-Regular.woff2) format("woff2"),url(../fonts/Graphik-Regular.woff) format("woff"),url(../fonts/Graphik-Regular.ttf) format("truetype"),url(../fonts/Graphik-Regular.svg#Graphik-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-Semibold.woff2) format("woff2"),url(../fonts/Graphik-Semibold.woff) format("woff"),url(../fonts/Graphik-Semibold.ttf) format("truetype"),url(../fonts/Graphik-Semibold.svg#Graphik-Semibold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-Medium.woff2) format("woff2"),url(../fonts/Graphik-Medium.woff) format("woff"),url(../fonts/Graphik-Medium.ttf) format("truetype"),url(../fonts/Graphik-Medium.svg#Graphik-Medium) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Inter", sans-serif;
    src: url(../fonts/Graphik-BoldItalic.woff2) format("woff2"),url(../fonts/Graphik-BoldItalic.woff) format("woff"),url(../fonts/Graphik-BoldItalic.ttf) format("truetype"),url(../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic
}

.person {
    display: block;
    width: 87px;
    text-decoration: none
}

    .person:hover .person__photo {
        border-color: #e22b40
    }

@media(min-width:768px) {
    .person {
        width: 110px
    }
}

.person__photo {
    border: 5px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    width: 100%
}

.person__name {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 600;
    color: #e22b40;
    display: block;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .person__name {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .person__name {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .person__name {
        font-size: 16px
    }
}

.whoiswho-header {
    width: 100%;
    position: relative;
    z-index: 10
}

.whoiswho-header__background {
    background-color: #f0dadc;
    height: 100vw;
    overflow: hidden
}

@media(min-width:768px) {
    .whoiswho-header__background {
        max-height: calc(100vh + 9.0625vw);
        height: auto
    }
}

.whoiswho-header__figure {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1270px;
    height: 100%
}

    .whoiswho-header__figure:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .whoiswho-header__figure {
        width: calc(100% - 100px)
    }
}

.whoiswho-header__image {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 52px;
    margin-right: 0 !important;
    float: right
}

@media(min-width:1263px) {
    .whoiswho-header__image {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .whoiswho-header__image {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .whoiswho-header__image:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .whoiswho-header__image:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .whoiswho-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .whoiswho-header__image {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px) {
    .whoiswho-header__image {
        margin-top: 60px
    }
}

@media(min-width:1263px) {
    .whoiswho-header__image {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .whoiswho-header__image {
        margin-bottom: 7vw
    }
}

.whoiswho-header .whoiswho-header__body {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .whoiswho-header .whoiswho-header__body:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .whoiswho-header .whoiswho-header__body {
        width: calc(100% - 100px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: calc(100% - 7vw - 60px);
        top: 60px
    }
}

.whoiswho-header__title {
    box-sizing: border-box;
    display: block;
    float: left;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    mix-blend-mode: multiply;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #e22b40;
    margin: 10px 0 0
}

@media(min-width:1263px) {
    .whoiswho-header__title {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .whoiswho-header__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .whoiswho-header__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .whoiswho-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .whoiswho-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .whoiswho-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .whoiswho-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .whoiswho-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .whoiswho-header__title {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .whoiswho-header__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .whoiswho-header__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .whoiswho-header__title {
        font-size: 72px;
        line-height: 80px
    }
}

@media(min-width:1263px) {
    .whoiswho-header__title {
        font-size: 96px;
        line-height: 112px
    }
}

@media(min-width:768px) {
    .whoiswho-header__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
}

.whoiswho-header .context-timeline {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .whoiswho-header .context-timeline {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .whoiswho-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .whoiswho-header .context-timeline {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .whoiswho-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .whoiswho-header .context-timeline:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .whoiswho-header .context-timeline {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .whoiswho-header .context-timeline:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .whoiswho-header .context-timeline {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px)and (max-width:1262px) {
    .whoiswho-header .context-timeline:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .whoiswho-header .context-timeline {
        position: absolute;
        top: calc(100% + 7vw);
        z-index: 100
    }
}

.whoiswho-header__overlay {
    width: 100%;
    height: 18.125vw;
    position: absolute;
    top: 100vw;
    transform: translateY(-100%);
    z-index: 10
}

@media(min-width:768px) {
    .whoiswho-header__overlay {
        top: auto;
        bottom: 0;
        transform: none
    }
}

.whoiswho-header__triangle {
    height: 0;
    transition: height .8s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.view--init .whoiswho-header__triangle {
    height: 18.125vw
}

.whoiswho-header__page-link {
    display: block;
    width: 18.125vw;
    height: 18.125vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .whoiswho-header__page-link {
        width: 9.0625vw;
        height: 9.0625vw;
        bottom: 9.0625vw
    }
}

.whoiswho-header__arrow {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0,.7,.4,1) .8s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    overflow: visible
}

.view--init .whoiswho-header__arrow {
    opacity: 1
}

@media(min-width:1007px) {
    .whoiswho-header__arrow {
        width: 30px;
        height: 30px
    }
}

.whoiswho-header__arrow-triangle {
    transition: .8s cubic-bezier(0,.7,.4,1)
}

.whoiswho-header__page-link:hover .whoiswho-header__arrow-triangle {
    transform: translateY(15px)
}

.whoiswho-header__title {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s;
    transform: translateY(25%);
    transition: transform .5s cubic-bezier(0,.7,.4,1);
    transition-delay: 0s;
    transition: opacity .3s cubic-bezier(0,.7,.4,1),transform .5s cubic-bezier(0,.7,.4,1);
    transition-delay: .8s
}

.view--init .whoiswho-header__title {
    opacity: 1;
    transform: translateY(0)
}

.whoiswho-header__image {
    opacity: 0;
    transition: opacity 3s cubic-bezier(0,.7,.4,1) .8s
}

.view--init .whoiswho-header__image {
    opacity: 1
}

.view.collection-detail .collection {
    margin-top: 50px
}

@media(min-width:768px) {
    .view.collection-detail .collection {
        margin-top: 50px
    }
}

@media(min-width:1263px) {
    .view.collection-detail .collection {
        margin-top: 50px
    }
}

.view.collection-detail .fluid:not(.fluid--full-width) {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%
}

@media(min-width:768px) {
    .view.collection-detail .fluid:not(.fluid--full-width) {
        max-width: 530px
    }
}

@media(min-width:1007px) {
    .view.collection-detail .fluid:not(.fluid--full-width) {
        max-width: 1440px
    }
}

.view.collection-detail .fluid--full-width {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.view.collection-detail .fluid--inner > * {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media(min-width:768px) {
    .view.collection-detail .fluid--inner > * {
        max-width: 530px
    }
}

@media(min-width:1007px) {
    .view.collection-detail .fluid--inner > * {
        max-width: 1440px
    }
}

.view.collection-detail .show-on-mobile {
    display: block
}

@media(min-width:768px) {
    .view.collection-detail .show-on-mobile {
        display: none
    }
}

.view.collection-detail .show-on-tablet {
    display: none
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .show-on-tablet {
        display: block
    }
}

.view.collection-detail .show-on-desktop {
    display: none
}

@media(min-width:1007px) {
    .view.collection-detail .show-on-desktop {
        display: block
    }
}

.view.collection-detail .show-on-desktop-l {
    display: none
}

@media(min-width:1263px) {
    .view.collection-detail .show-on-desktop-l {
        display: block
    }
}

.view.collection-detail .hide-on-mobile {
    display: none
}

@media(min-width:768px) {
    .view.collection-detail .hide-on-mobile {
        display: block
    }
}

.view.collection-detail .hide-on-tablet {
    display: block
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .hide-on-tablet {
        display: none
    }
}

.view.collection-detail .hide-on-desktop {
    display: block
}

@media(min-width:1007px) {
    .view.collection-detail .hide-on-desktop {
        display: none
    }
}

.view.collection-detail .hide-on-desktop-l {
    display: block
}

@media(min-width:1263px) {
    .view.collection-detail .hide-on-desktop-l {
        display: none
    }
}

.view.collection-detail .collection-detail__details {
    margin: auto;
    padding: 0
}

    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-top: 50px
    }

@media(min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 20px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        margin-left: calc(58.33333% + 9.16667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 20px;
        margin-left: " + 30px"
    }
}

@media(max-width:767px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        margin-left: calc(60% + 10px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        margin-left: " + 30px"
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card, .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .collection-detail__details .collection-object-card {
        width: calc(100% - 40px);
        position: relative;
        left: 20px
    }
}

.view.collection-detail .collection-detail__details .share {
    margin-top: 20px
}

@media(min-width:1263px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: calc(41.66667% - 29.16667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 50px;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1006px)and (max-width:767px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:768px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1007px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .view.collection-detail .collection-detail__details .share {
        margin-right: 0
    }
}

.view.collection-detail .collection-detail__details .share__body {
    left: 20px;
    width: calc(100% - 40px)
}

.story .footer, .view.collection-detail .footer {
    margin-top: 0
}

.story__header {
    display: flex;
    max-width: 1270px;
    margin: auto
}

.story__title {
    margin-top: 60px;
    margin-bottom: 0;
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    display: block;
    float: left;
    left: 0
}

@media(min-width:768px) {
    .story__title {
        margin-top: 80px;
        margin-bottom: 0
    }
}

@media(min-width:1263px) {
    .story__title {
        margin-top: 110px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .story__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(min-width:1263px) {
    .story__title {
        font-size: 36px;
        line-height: 42px
    }
}

@media(min-width:768px) {
    .story__title {
        padding-left: 50px
    }
}

@media(min-width:1263px) {
    .story__title {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .story__title {
        padding-right: 50px
    }
}

@media(min-width:1263px) {
    .story__title {
        padding-right: 50px;
        margin-right: 50px;
        margin-left: calc(16.66667% - 41.66667px)
    }
}

@media(min-width:1263px)and (max-width:767px) {
    .story__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:768px)and (max-width:1262px) {
    .story__title:nth-child(5n+0) {
        margin-right: 0
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .story__title:nth-child(6n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .story__title {
        margin-right: 20px;
        margin-left: " + 0"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .story__title {
        margin-right: 50px;
        margin-left: calc(20% - 40px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (max-width:767px) {
    .story__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:768px)and (max-width:1262px) {
    .story__title:nth-child(5n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .story__title:nth-child(6n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .story__title {
        margin-right: 50px;
        margin-left: " + 0"
    }
}

@media(min-width:1263px) {
    .story__title {
        margin-right: 50px;
        width: calc(58.33333% - 20.83333px)
    }
}

@media(max-width:767px) {
    .story__title {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .story__title:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .story__title:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .story__title {
        margin-right: 50px;
        width: calc(60% - 20px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .story__title:nth-child(2n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .story__title {
        margin-right: 50px;
        width: calc(80% - 10px)
    }
}

.story .intro-text {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .story .intro-text:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .story .intro-text {
        width: calc(100% - 100px)
    }
}

.story .intro-text > p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .story .intro-text > p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .story .intro-text > p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .story .intro-text > p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .story .intro-text > p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .story .intro-text > p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .story .intro-text > p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .story .intro-text > p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .story .intro-text > p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .story .intro-text > p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .story .intro-text > p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .story .intro-text > p {
    left: auto !important
}

@media(max-width:767px) {
    .story .intro-text > p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.story .view__wrapper {
    overflow-x: hidden
}

.story--pad-bottom .view__content {
    padding-bottom: 40px
}

@media(min-width:768px) {
    .story--pad-bottom .view__content {
        padding-bottom: 50px
    }
}

@media(min-width:1263px) {
    .story--pad-bottom .view__content {
        padding-bottom: 80px
    }
}

.story .back {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0,.7,.4,1) .5s
}

.story.view--init .back, .view--init .story .back {
    opacity: 1
}

.story .view__content {
    float: left;
    width: 100%
}

.story .card__body {
    opacity: .5
}

.story .card-row {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .story .card-row {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .story .card-row {
        margin-bottom: 80px
    }
}

.story .view__content {
    margin-bottom: 0
}

    .story .view__content > .body-text, .story .view__content > .share {
        z-index: 10
    }

.hao-vr {
    font-size: 0;
    overflow: hidden;
    position: fixed
}

    .hao-vr .vr {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -2
    }

    .hao-vr .modal {
        overflow-x: hidden
    }

@media(min-width:768px) {
    .hao-vr .modal {
        overflow: visible
    }
}

.hao-vr .navigation-model {
    width: 100%
}

.hao-vr .navigation-model__list {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .hao-vr .navigation-model__list {
        margin-bottom: 50px
    }
}

@media(min-width:1263px) {
    .hao-vr .navigation-model__list {
        margin-bottom: 80px
    }
}

.hao-vr__nav {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../img/components/hao/vr/cursor.svg);
    background-size: cover;
    width: 40px;
    height: 40px
}

@media(min-width:768px) {
    .hao-vr__nav {
        display: none
    }
}

.hao-vr__hud {
    display: flex;
    align-items: center;
    position: fixed;
    left: 30px;
    bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s cubic-bezier(0,.7,.4,1)
}

.hao-vr__hud--visible {
    opacity: 1;
    visibility: visible
}

.hao-vr__minimap {
    border-radius: 100%;
    border: 2px solid #fff;
    box-sizing: border-box;
    width: 95px;
    height: 95px;
    margin-right: 30px;
    transform: scale(0)
}

@media(min-width:768px) {
    .hao-vr__minimap {
        width: 95px;
        height: 95px
    }
}

.hao-vr__hud--visible .hao-vr__minimap {
    transition: all .8s;
    transition-delay: 0s;
    transform: scale(1)
}

    .hao-vr__hud--visible .hao-vr__minimap:hover {
        transform: scale(1.2)
    }

.hao-vr__modal-link {
    text-decoration: none
}

.hao-vr__name {
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 12px;
    line-height: 20px;
    background-color: rgba(0,0,0,.4);
    color: hsla(0,0%,100%,0);
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0;
    padding: 1em;
    visibility: hidden;
    will-change: color,visibility
}

@media(min-width:768px) {
    .hao-vr__name {
        font-size: 16px;
        line-height: 26px
    }
}

@media(min-width:1263px) {
    .hao-vr__name {
        font-size: 18px;
        line-height: 30px
    }
}

@media(min-width:768px) {
    .hao-vr__name {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .hao-vr__name {
        font-size: 16px;
        line-height: 26px
    }
}

.hao-vr__name--visible, .hao-vr__name:hover {
    color: #fff
}

.hao-vr__hud--visible .hao-vr__name {
    color: #fff;
    transition: all 1s,opacity 1s 1s;
    opacity: 1;
    visibility: visible
}

.hao-vr__name-cta {
    display: flex;
    align-items: center;
    font-weight: 600
}

    .hao-vr__name-cta:hover {
        color: #e22b40
    }

.hao-vr__arrow {
    fill: #fff;
    width: 30px;
    height: 30px;
    left: -24px
}

.hao-vr__triangle {
    transition: transform .4s cubic-bezier(.165,.84,.44,1)
}

.hao-vr__name:hover .hao-vr__triangle {
    transform: translateX(10px)
}

.view--home .footer {
    margin-top: 0 !important
}

@keyframes rotate {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(min-width:1007px) {
    .view--home .header .header__bar {
        transition: transform .5s ease-in-out,opacity .5s ease-in-out,background-color .8s cubic-bezier(0,.7,.4,1)
    }

    .view--home .header:not(.header--search) .header__bar {
        background-color: transparent
    }

        .view--home .header:not(.header--search) .header__bar .button {
            border-color: transparent;
            transition: border-color .8s cubic-bezier(0,.7,.4,1)
        }

            .view--home .header:not(.header--search) .header__bar .button:not(.button--open):before {
                background-color: transparent;
                transition: background-color .8s cubic-bezier(0,.7,.4,1)
            }

    .view--home .header--search .header__bar .button--search {
        background-color: #e22b40;
        transition: background-color .8s cubic-bezier(0,.7,.4,1)
    }

    .view--home .header--search .header__bar:before {
        opacity: 0;
        transition: opacity .8s cubic-bezier(0,.7,.4,1)
    }
}

.longread .view__content {
    z-index: 9
}

.longread .footer {
    margin-top: 0
}

.longread .intro-text {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    position: relative;
    z-index: 10
}

    .longread .intro-text:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .longread .intro-text {
        width: calc(100% - 100px)
    }
}

.longread .intro-text > p {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative
}

@media(min-width:1263px) {
    .longread .intro-text > p {
        margin-right: 50px;
        width: calc(66.66667% - 16.66667px)
    }
}

@media(max-width:767px) {
    .longread .intro-text > p {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread .intro-text > p:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread .intro-text > p:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread .intro-text > p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread .intro-text > p {
        margin-right: 50px;
        width: calc(70% - 15px)
    }
}

@media(min-width:1263px) {
    .longread .intro-text > p {
        margin-right: 50px;
        left: calc(33.33333% + 16.66667px)
    }
}

@media(max-width:767px) {
    .longread .intro-text > p {
        margin-right: 20px;
        left: " + 50px"
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread .intro-text > p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread .intro-text > p {
        margin-right: 50px;
        left: calc(30% + 15px)
    }
}

.view--rtl .longread .intro-text > p {
    left: auto !important
}

@media(max-width:767px) {
    .longread .intro-text > p {
        left: 0;
        margin-left: auto;
        margin-right: auto !important
    }
}

.longread .body-text > ol li, .longread .body-text > p, .longread .body-text > p > *, .longread .body-text > table, .longread .body-text > ul li, .longread .share > ol li, .longread .share > p, .longread .share > p > *, .longread .share > table, .longread .share > ul li, .story .body-text > ol li, .story .body-text > p, .story .body-text > p > *, .story .body-text > table, .story .body-text > ul li, .story .share > ol li, .story .share > p, .story .share > p > *, .story .share > table, .story .share > ul li {
    font-family: Merriweather-Regular
}

.longread .context-timeline, .story .context-timeline {
    width: 100%
}

.longread .section .context-timeline, .story .section .context-timeline {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
    padding-bottom: 40px;
    top: 40px;
    margin-top: 0 !important;
    position: relative;
    left: 0
}

    .longread .section .context-timeline:after, .story .section .context-timeline:after {
        content: "";
        clear: both;
        display: table
    }

@media(min-width:768px) {
    .longread .section .context-timeline, .story .section .context-timeline {
        width: calc(100% - 100px);
        padding-bottom: 0
    }
}

@media(min-width:1007px) {
    .longread .section .context-timeline, .story .section .context-timeline {
        padding-bottom: 0
    }
}

@media(min-width:1263px) {
    .longread .section .context-timeline, .story .section .context-timeline {
        padding-bottom: 0
    }
}

@media(min-width:768px) {
    .longread .section .context-timeline, .story .section .context-timeline {
        top: 50px
    }
}

@media(min-width:1263px) {
    .longread .section .context-timeline, .story .section .context-timeline {
        top: 80px
    }
}

.longread .context-timeline__events, .story .context-timeline__events {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .longread .context-timeline__events, .story .context-timeline__events {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .longread .context-timeline__events:nth-child(4n+0), .story .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .longread .context-timeline__events, .story .context-timeline__events {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread .context-timeline__events:nth-child(1n+0), .story .context-timeline__events:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread .context-timeline__events:nth-child(3n+0), .story .context-timeline__events:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread .context-timeline__events, .story .context-timeline__events {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .longread .context-timeline__events:nth-child(4n+0), .story .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread .context-timeline__events, .story .context-timeline__events {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .longread .context-timeline__events:nth-child(4n+0), .story .context-timeline__events:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .longread .context-timeline__events, .story .context-timeline__events {
        position: absolute;
        top: 0;
        left: 0;
        transform: none
    }
}

.view--rtl.longread .context-timeline__events, .view--rtl .story .context-timeline__events {
    left: auto;
    right: 0;
    float: right
}

.longread .intro-text, .story .intro-text {
    position: relative;
    z-index: 10
}

@media(min-width:1007px) {
    .longread .media .media__footer, .story .media .media__footer {
        box-sizing: border-box;
        display: block;
        float: left
    }
}

@media(min-width:1007px)and (min-width:1263px) {
    .longread .media .media__footer, .story .media .media__footer {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1007px)and (min-width:1263px)and (min-width:1263px) {
    .longread .media .media__footer:nth-child(4n+0), .story .media .media__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:767px) {
    .longread .media .media__footer, .story .media .media__footer {
        margin-right: 20px;
        width: 100%
    }
}

@media(min-width:1007px)and (max-width:767px)and (max-width:767px) {
    .longread .media .media__footer:nth-child(1n+0), .story .media .media__footer:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:767px)and (min-width:1263px) {
    .longread .media .media__footer:nth-child(3n+0), .story .media .media__footer:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:1007px)and (max-width:1262px) {
    .longread .media .media__footer, .story .media .media__footer {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .longread .media .media__footer:nth-child(4n+0), .story .media .media__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:768px)and (max-width:1006px) {
    .longread .media .media__footer, .story .media .media__footer {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .longread .media .media__footer:nth-child(4n+0), .story .media .media__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (min-width:768px) {
    .longread .media .media__footer, .story .media .media__footer {
        position: absolute;
        top: 0;
        left: 0;
        transform: none
    }
}

@media(min-width:1007px) {
    .view--rtl.longread .media .media__footer, .view--rtl .story .media .media__footer {
        left: auto;
        right: 0;
        float: right
    }
}

.longread .quote, .story .quote {
    text-align: left
}

@media(min-width:768px) {
    .longread .quote, .story .quote {
        top: 40px;
        height: 0;
        overflow: visible;
        margin-top: 0
    }
}

@media(min-width:768px)and (min-width:768px) {
    .longread .quote, .story .quote {
        top: 50px
    }
}

@media(min-width:768px)and (min-width:1263px) {
    .longread .quote, .story .quote {
        top: 80px
    }
}

.longread .quote__wrapper, .story .quote__wrapper {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 20px 0 0
}

@media(min-width:1263px) {
    .longread .quote__wrapper, .story .quote__wrapper {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .longread .quote__wrapper:nth-child(4n+0), .story .quote__wrapper:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .longread .quote__wrapper, .story .quote__wrapper {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread .quote__wrapper:nth-child(1n+0), .story .quote__wrapper:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread .quote__wrapper:nth-child(3n+0), .story .quote__wrapper:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread .quote__wrapper, .story .quote__wrapper {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .longread .quote__wrapper:nth-child(4n+0), .story .quote__wrapper:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread .quote__wrapper, .story .quote__wrapper {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .longread .quote__wrapper:nth-child(4n+0), .story .quote__wrapper:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .longread .quote__wrapper, .story .quote__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        transform: none
    }
}

.view--rtl.longread .quote__wrapper, .view--rtl .story .quote__wrapper {
    left: auto;
    right: 0;
    float: right
}

.longread .quote__wrapper:before, .story .quote__wrapper:before {
    background-color: rgba(0,0,0,.1);
    width: 100%;
    height: 2px
}

.longread .quote__quote, .story .quote__quote {
    color: #222;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    font-family: Merriweather;
    color: #e22b40
}

@media(min-width:768px) {
    .longread .quote__quote, .story .quote__quote {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width:1263px) {
    .longread .quote__quote, .story .quote__quote {
        font-size: 24px;
        line-height: 32px
    }
}

.longread .quote__footer, .story .quote__footer {
    color: #222;
    width: 100%
}

.longread .video__footer, .story .video__footer {
    box-sizing: border-box;
    display: block;
    float: left
}

@media(min-width:1263px) {
    .longread .video__footer, .story .video__footer {
        margin-right: 50px;
        width: calc(25% - 37.5px)
    }
}

@media(min-width:1263px)and (min-width:1263px) {
    .longread .video__footer:nth-child(4n+0), .story .video__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .longread .video__footer, .story .video__footer {
        margin-right: 20px;
        width: 100%
    }
}

@media(max-width:767px)and (max-width:767px) {
    .longread .video__footer:nth-child(1n+0), .story .video__footer:nth-child(1n+0) {
        margin-right: 0
    }
}

@media(max-width:767px)and (min-width:1263px) {
    .longread .video__footer:nth-child(3n+0), .story .video__footer:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(min-width:1007px)and (max-width:1262px) {
    .longread .video__footer, .story .video__footer {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:1007px)and (max-width:1262px)and (min-width:1263px) {
    .longread .video__footer:nth-child(4n+0), .story .video__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px)and (max-width:1006px) {
    .longread .video__footer, .story .video__footer {
        margin-right: 50px;
        width: calc(30% - 35px)
    }
}

@media(min-width:768px)and (max-width:1006px)and (min-width:1263px) {
    .longread .video__footer:nth-child(4n+0), .story .video__footer:nth-child(4n+0) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .longread .video__footer, .story .video__footer {
        position: absolute;
        top: 0;
        left: 0;
        transform: none
    }
}

.view--rtl.longread .video__footer, .view--rtl .story .video__footer {
    left: auto;
    right: 0;
    float: right
}

.longread .footer:after, .story .footer:after {
    z-index: 0
}

.longread__footer, .story__footer {
    float: left;
    width: 100%
}

.show-on-mobile {
    display: block
}

@media(min-width:768px) {
    .show-on-mobile {
        display: none
    }
}

.show-on-tablet {
    display: none
}

@media(min-width:768px)and (max-width:1006px) {
    .show-on-tablet {
        display: block
    }
}

.show-on-desktop {
    display: none
}

@media(min-width:1007px) {
    .show-on-desktop {
        display: block
    }
}

.show-on-desktop-l {
    display: none
}

@media(min-width:1263px) {
    .show-on-desktop-l {
        display: block
    }
}

.hide-on-mobile {
    display: none
}

@media(min-width:768px) {
    .hide-on-mobile {
        display: block
    }
}

.hide-on-tablet {
    display: block
}

@media(min-width:768px)and (max-width:1006px) {
    .hide-on-tablet {
        display: none
    }
}

.hide-on-desktop {
    display: block
}

@media(min-width:1007px) {
    .hide-on-desktop {
        display: none
    }
}

.hide-on-desktop-l {
    display: block
}

@media(min-width:1263px) {
    .hide-on-desktop-l {
        display: none
    }
}

.fluid:not(.fluid--full-width) {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%
}

@media(min-width:768px) {
    .fluid:not(.fluid--full-width) {
        max-width: 530px
    }
}

@media(min-width:1007px) {
    .fluid:not(.fluid--full-width) {
        max-width: 1440px
    }
}

.fluid--full-width {
    width: 100%
}

.fluid--full-width, .fluid--inner > * {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.fluid--inner > * {
    max-width: 100%
}

@media(min-width:768px) {
    .fluid--inner > * {
        max-width: 530px
    }
}

@media(min-width:1007px) {
    .fluid--inner > * {
        max-width: 1440px
    }
}

.story-landing .related:first-child, .story-landing .view__content > .cms-placeholder:first-child + script + .related {
    margin: 0 !important;
    padding-top: 40px
}

@media(min-width:768px) {
    .story-landing .related:first-child, .story-landing .view__content > .cms-placeholder:first-child + script + .related {
        padding-top: 50px
    }
}

@media(min-width:1263px) {
    .story-landing .related:first-child, .story-landing .view__content > .cms-placeholder:first-child + script + .related {
        padding-top: 80px
    }
}

.view {
    counter-reset: reference
}