body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

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

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

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-size: 1em;
    line-height: 1.35;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

a {
    text-decoration: none
}

    a:focus, a:hover, a:active {
        outline: none
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 0
}

dfn {
    font-style: italic
}

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

ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

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

pre {
    white-space: pre;
    word-wrap: break-word
}

q {
    quotes: none
}

    q::before, q::after {
        content: ""
    }

small {
    font-size: 85%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

nav ul, nav ol, ul, li {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

iframe {
    border: 0
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

        button[disabled], input[disabled] {
            cursor: default
        }

    input[type=text], input[type=email], input[type=tel], input[type=search], input[type=password] textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

    /*input:invalid, textarea:invalid {
        background-color: #f0dddd
    }*/

input, textarea, select {
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: rgba(0,0,0,0)
}

td {
    vertical-align: top
}

@font-face {
    font-family: "iconfont";
    src: url("/fonts/iconfont.woff2?t=1763134756328") format("woff2"),url("/fonts/iconfont.woff?t=1763134756328") format("woff")
}

.font-ico-tune:before, .font-ico-schedule:before, .font-ico-return:before, .font-ico-replay:before, .font-ico-plus:before, .font-ico-play-arrow:before, .font-ico-phone:before, .font-ico-menu:before, .font-ico-location:before, .font-ico-in:before, .font-ico-email:before, .font-ico-close:before, .font-ico-chevron-thin:before, .font-ico-chevron-prev:before, .font-ico-chevron-next:before, .font-ico-calendar:before, .font-ico-arrow_outward:before, .font-ico-arrow-button:before, .font-ico-arrow-back:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    display: block;
    line-height: 1
}

[class*=font-ico] {
    display: inline-block
}

.font-ico-arrow-back:before {
    content: ""
}

.font-ico-arrow-button:before {
    content: ""
}

.font-ico-arrow_outward:before {
    content: ""
}

.font-ico-calendar:before {
    content: ""
}

.font-ico-chevron-next:before {
    content: ""
}

.font-ico-chevron-prev:before {
    content: ""
}

.font-ico-chevron-thin:before {
    content: ""
}

.font-ico-close:before {
    content: ""
}

.font-ico-email:before {
    content: ""
}

.font-ico-in:before {
    content: ""
}

.font-ico-location:before {
    content: ""
}

.font-ico-menu:before {
    content: ""
}

.font-ico-phone:before {
    content: ""
}

.font-ico-play-arrow:before {
    content: ""
}

.font-ico-plus:before {
    content: ""
}

.font-ico-replay:before {
    content: ""
}

.font-ico-return:before {
    content: ""
}

.font-ico-schedule:before {
    content: ""
}

.font-ico-tune:before {
    content: ""
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

.split-parent {
    overflow: hidden
}

.split-child {
    display: inline-block
}

.bgcolor-white {
    background-color: #fff
}

.color-white {
    color: #fff
}

.bgcolor-black {
    background-color: #000
}

.color-black {
    color: #000
}

.bgcolor-sand {
    background-color: #e0dcca
}

.color-sand {
    color: #e0dcca
}

.bgcolor-sand20 {
    background-color: rgba(224,220,202,.2)
}

.color-sand20 {
    color: rgba(224,220,202,.2)
}

.bgcolor-sand30 {
    background-color: rgba(224,220,202,.3)
}

.color-sand30 {
    color: rgba(224,220,202,.3)
}

.bgcolor-sand50 {
    background-color: rgba(224,220,202,.6)
}

.color-sand50 {
    color: rgba(224,220,202,.6)
}

.bgcolor-red {
    background-color: #fb1622
}

.color-red {
    color: #fb1622
}

.bgcolor-green {
    background-color: #adc180
}

.color-green {
    color: #adc180
}

.overlay--10::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1)
}

.overlay--20::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2)
}

.overlay--30::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.overlay--40::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.overlay--50::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.overlay--60::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

html {
    scrollbar-width: thin;
    scrollbar-color: #fb1622
}

    html ::-webkit-scrollbar {
        width: 5px
    }

    html ::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0)
    }

    html ::-webkit-scrollbar-thumb {
        background-color: #fb1622;
        border-radius: 10px
    }

body {
    font-family: "YTFGiong";
    font-size: 14px;
    font-weight: 400;
    color: #000;
    overflow-x: hidden
}

    body[class] {
        background-image: url("../assets/images/background-texture.jpg");
        background-repeat: repeat
    }

.main {
    position: relative;
    overflow: hidden
}

.scroll-disabled {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.wrap {
    margin: 0 auto;
    width: 100%
}

.image {
    width: 100%;
    height: auto
}

.hidden > * {
    visibility: hidden
}

.slider {
    position: relative;
    overflow: hidden
}

.splide {
    position: relative
}

    .splide.is-initialized:not(.is-active) .splide__list {
        display: block
    }

    .splide:not(.is-overflow) .splide__pagination {
        display: none
    }

    .splide.is-initialized, .splide.is-rendered {
        visibility: visible
    }

.splide--rtl {
    direction: rtl
}

.splide__track {
    position: relative;
    z-index: 0
}

.splide__track--draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide__track--ttb .splide__list {
    display: block
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex-shrink: 0;
    margin: 0;
    position: relative
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        line-height: 1;
        display: inline-block;
        margin: 0 3px;
        pointer-events: auto
    }

.splide__pagination__page {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #888
}

    .splide__pagination__page.is-active {
        background-color: #000
    }

.splide__progress__bar {
    width: 0
}

.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__play {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

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

.splide__arrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.splide__arrow {
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(224,220,202,.3);
    color: #fff;
    position: relative
}

    .splide__arrow .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 16px
    }

.loaded .splide__arrow {
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.splide__arrow--next .icon {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    z-index: 0
}

    .plyr video, .plyr audio, .plyr iframe {
        display: block;
        height: 100%;
        width: 100%
    }

    .plyr button {
        font: inherit;
        line-height: inherit;
        width: auto
    }

    .plyr:focus {
        outline: 0
    }

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .plyr--full-ui *, .plyr--full-ui *::after, .plyr--full-ui *::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

    .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
        -ms-touch-action: manipulation;
        touch-action: manipulation
    }

.plyr__badge {
    background: var(--plyr-badge-background, hsl(216, 15%, 34%));
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100%
}

    .plyr__captions span:empty {
        display: none
    }

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

    .plyr__caption div {
        display: inline
    }

.plyr__control {
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: var(--plyr-control-icon-size, 18px);
        pointer-events: none;
        width: var(--plyr-control-icon-size, 18px)
    }

    .plyr__control:focus {
        outline: 0
    }

    .plyr__control:focus-visible {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px
    }

a.plyr__control {
    text-decoration: none
}

    a.plyr__control::after, a.plyr__control::before {
        display: none
    }

.plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

    .plyr__controls .plyr__progress__container {
        flex: 1 1;
        min-width: 0
    }

    .plyr__controls .plyr__controls__item {
        margin-left: calc(var(--plyr-control-spacing, 10px)/4)
    }

        .plyr__controls .plyr__controls__item:first-child {
            margin-left: 0;
            margin-right: auto
        }

        .plyr__controls .plyr__controls__item.plyr__progress__container {
            padding-left: calc(var(--plyr-control-spacing, 10px)/4)
        }

        .plyr__controls .plyr__controls__item.plyr__time {
            padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
        }

            .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
                padding-left: 0
            }

    .plyr__controls:empty {
        display: none
    }

.plyr [data-plyr=captions], .plyr [data-plyr=pip], .plyr [data-plyr=airplay], .plyr [data-plyr=fullscreen] {
    display: none
}

.plyr--captions-enabled [data-plyr=captions], .plyr--pip-supported [data-plyr=pip], .plyr--airplay-supported [data-plyr=airplay], .plyr--fullscreen-enabled [data-plyr=fullscreen] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

    .plyr__menu .plyr__control svg {
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
        display: none
    }

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-menu-color, hsl(216, 15%, 34%));
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

    .plyr__menu__container > div {
        overflow: hidden;
        -webkit-transition: height .35s cubic-bezier(0.4, 0, 0.2, 1),width .35s cubic-bezier(0.4, 0, 0.2, 1);
        transition: height .35s cubic-bezier(0.4, 0, 0.2, 1),width .35s cubic-bezier(0.4, 0, 0.2, 1)
    }

    .plyr__menu__container::after {
        border: var(--plyr-menu-arrow-size, 4px) solid rgba(0,0,0,0);
        border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
        content: "";
        height: 0;
        position: absolute;
        right: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px)/2);
        top: 100%;
        width: 0
    }

    .plyr__menu__container [role=menu] {
        padding: calc(var(--plyr-control-spacing, 10px)*.7)
    }

    .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
        margin-top: 2px
    }

        .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
            margin-top: 0
        }

    .plyr__menu__container .plyr__control {
        align-items: center;
        color: var(--plyr-menu-color, hsl(216, 15%, 34%));
        display: flex;
        font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
        padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

        .plyr__menu__container .plyr__control > span {
            align-items: inherit;
            display: flex;
            width: 100%
        }

        .plyr__menu__container .plyr__control::after {
            border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0,0,0,0);
            content: "";
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .plyr__menu__container .plyr__control--forward {
        padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*4)
    }

        .plyr__menu__container .plyr__control--forward::after {
            border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
            right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))
        }

        .plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
            border-left-color: currentColor
        }

    .plyr__menu__container .plyr__control--back {
        font-weight: var(--plyr-font-weight-regular, 400);
        margin: calc(var(--plyr-control-spacing, 10px)*.7);
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/2);
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*4);
        position: relative;
        width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7)*2)
    }

        .plyr__menu__container .plyr__control--back::after {
            border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
            left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))
        }

        .plyr__menu__container .plyr__control--back::before {
            background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
            -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
            box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
            content: "";
            height: 1px;
            left: 0;
            margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/2);
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 100%
        }

        .plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
            border-right-color: currentColor
        }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
        padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
    }

        .plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
            border-radius: 100%
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]::before {
            background: rgba(0,0,0,.1);
            content: "";
            display: block;
            flex-shrink: 0;
            height: 16px;
            margin-right: var(--plyr-control-spacing, 10px);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            width: 16px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]::after {
            background: #fff;
            border: 0;
            height: 6px;
            left: 12px;
            opacity: 0;
            top: 50%;
            -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
            -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
            transition: opacity .3s ease,-webkit-transform .3s ease;
            transition: transform .3s ease,opacity .3s ease;
            transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
            width: 6px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
            background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))))
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
            opacity: 1;
            -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1)
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
            background: hsla(216,15%,16%,.1)
        }

    .plyr__menu__container .plyr__menu__value {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px)*-1);
        overflow: hidden;
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*3.5);
        pointer-events: none
    }

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    width: 100%
}

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px);
        -webkit-transition: -webkit-box-shadow .3s ease;
        transition: -webkit-box-shadow .3s ease;
        transition: box-shadow .3s ease;
        transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
        -webkit-user-select: none;
        user-select: none;
        background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
        background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
    }

    .plyr--full-ui input[type=range]::-webkit-slider-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        width: var(--plyr-range-thumb-height, 13px);
        -webkit-appearance: none;
        appearance: none;
        margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px);
        -moz-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -moz-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        width: var(--plyr-range-thumb-height, 13px)
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
        background: currentColor;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px)
    }

    .plyr--full-ui input[type=range]::-ms-track {
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -ms-user-select: none;
        user-select: none;
        color: rgba(0,0,0,0)
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper {
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -ms-user-select: none;
        user-select: none;
        background: currentColor
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        width: var(--plyr-range-thumb-height, 13px);
        margin-top: 0
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
        display: none
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
        border: 0
    }

    .plyr--full-ui input[type=range]:focus {
        outline: 0
    }

    .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px
    }

    .plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px
    }

    .plyr--full-ui input[type=range]:focus-visible::-ms-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px
    }

.plyr__poster {
    background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

    .plyr__time + .plyr__time::before {
        content: "⁄";
        margin-right: var(--plyr-control-spacing, 10px)
    }

.plyr__tooltip {
    background: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2)*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(calc(var(--plyr-control-spacing, 10px) / 2)*1.5);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(0.8);
    transform: translate(-50%, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

    .plyr__tooltip::before {
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

.plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
        left: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7))
    }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

    .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
        left: auto;
        right: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

    .plyr__progress input[type=range], .plyr__progress__buffer {
        margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
        margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
        width: calc(100% + var(--plyr-range-thumb-height, 13px))
    }

    .plyr__progress input[type=range] {
        position: relative;
        z-index: 2
    }

    .plyr__progress .plyr__tooltip {
        left: 0;
        max-width: 120px;
        overflow-wrap: break-word
    }

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

    .plyr__progress__buffer::-webkit-progress-bar {
        background: rgba(0,0,0,0)
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -webkit-transition: width .2s ease;
        transition: width .2s ease
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -moz-transition: width .2s ease;
        transition: width .2s ease
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        -ms-transition: width .2s ease;
        transition: width .2s ease
    }

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: rgba(0,0,0,0)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

    .plyr__volume input[type=range] {
        margin-left: calc(var(--plyr-control-spacing, 10px)/2);
        margin-right: calc(var(--plyr-control-spacing, 10px)/2);
        max-width: 90px;
        min-width: 60px;
        position: relative;
        z-index: 2
    }

.plyr--audio {
    display: block
}

    .plyr--audio .plyr__controls {
        background: var(--plyr-audio-controls-background, #fff);
        border-radius: inherit;
        color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
        padding: var(--plyr-control-spacing, 10px)
    }

    .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
        background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        color: var(--plyr-audio-control-color-hover, #fff)
    }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))
}

.plyr--video {
    overflow: hidden
}

    .plyr--video.plyr--menu-open {
        overflow: visible
    }

.plyr__video-wrapper {
    background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    z-index: 3
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2
}

    .plyr__control--overlaid svg {
        left: 2px;
        position: relative
    }

    .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
        opacity: 1
    }

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

    .plyr--fullscreen-fallback video {
        height: 100%
    }

    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr--fullscreen-fallback.plyr--hide-controls {
        cursor: none
    }

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

    .plyr__ads > div, .plyr__ads > div iframe {
        height: 100%;
        position: absolute;
        width: 100%
    }

    .plyr__ads::after {
        background: hsl(216,15%,16%);
        border-radius: 2px;
        bottom: var(--plyr-control-spacing, 10px);
        color: #fff;
        content: attr(data-badge-text);
        font-size: 11px;
        padding: 2px 6px;
        pointer-events: none;
        position: absolute;
        right: var(--plyr-control-spacing, 10px);
        z-index: 3
    }

    .plyr__ads:empty::after {
        display: none
    }

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2)*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: hsl(216,15%,79%);
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .plyr__preview-thumb__image-container::after {
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
        content: "";
        pointer-events: none
    }

    .plyr__preview-thumb__image-container img {
        max-height: none;
        max-width: none
    }

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

    .plyr__preview-thumb__time-container span {
        color: #fff;
        font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
    }

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    -webkit-transition: none !important;
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.plyr {
    --plyr-color-main: #00b3ff;
    --plyr-video-range-track-background: $black;
    --plyr-range-thumb-height: 0px;
    height: 100%
}

    .plyr input[type=range]::-webkit-slider-thumb {
        visibility: hidden
    }

    .plyr input[type=range]::-webkit-slider-runnable-track {
        border-radius: 2px !important
    }

    .plyr .plyr__progress__buffer {
        color: #000;
        background: #fb1622
    }

    .plyr .plyr__volume input[type=range], .plyr .plyr__menu, .plyr .plyr__control.plyr__control--overlaid, .plyr .plyr__progress__buffer {
        display: none
    }

    .plyr .plyr__control {
        margin: 0;
        border-radius: 5px;
        padding: 11px 10px 10px;
        background-color: rgba(0,0,0,0)
    }

        .plyr .plyr__control svg {
            fill: currentColor
        }

    .plyr .plyr__controls {
        background: rgba(0,0,0,0);
        margin: 0 auto;
        max-width: 100%;
        padding-top: clamp(9px,0.5208333333vw,16px) !important;
        padding-bottom: clamp(9px,0.5208333333vw,16px) !important;
        background-color: rgba(0,0,0,0)
    }

    .plyr .plyr__controls__item[data-plyr=play] {
        order: 1;
        width: 36px;
        margin-right: 0
    }

        .plyr .plyr__controls__item[data-plyr=play]::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

        .plyr .plyr__controls__item[data-plyr=play].plyr__control--pressed::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

    .plyr .plyr__controls__item[data-plyr=fullscreen] {
        order: 5
    }

        .plyr .plyr__controls__item[data-plyr=fullscreen]::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

    .plyr .plyr__controls__item[data-plyr=captions] {
        display: block
    }

    .plyr .plyr__controls__item[data-plyr=captions] {
        order: 3;
        display: block !important;
        font-size: 20px
    }

        .plyr .plyr__controls__item[data-plyr=captions]::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

    .plyr .plyr__time {
        order: 4;
        margin: 0;
        font-size: 14px !important;
        color: #fff;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 4px clamp(12px,0.8333333333vw,25px) 5px !important;
        font-family: "ParticipaSans";
        display: none
    }

    .plyr .plyr__progress__container {
        order: 2;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 0;
        padding: 13.5px clamp(5px,0.2604166667vw,8px) 13.5px;
        padding-left: clamp(5px,0.2604166667vw,8px) !important
    }

    .plyr .plyr__volume {
        order: 3;
        margin-left: 0
    }

        .plyr .plyr__volume .plyr__control {
            font-size: 12px !important
        }

            .plyr .plyr__volume .plyr__control::after {
                font-family: "iconfont";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                text-decoration: none;
                text-transform: none;
                display: block;
                line-height: 1;
                content: ""
            }

        .plyr .plyr__volume .plyr__control--pressed {
            font-size: 12px !important
        }

            .plyr .plyr__volume .plyr__control--pressed::after {
                font-family: "iconfont";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                text-decoration: none;
                text-transform: none;
                display: block;
                line-height: 1;
                content: ""
            }

    .plyr.plyr--video.plyr--hide-controls .plyr__controls {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .plyr .plyr__control:focus-visible, .plyr .plyr__control:hover, .plyr .plyr__control[aria-expanded=true] {
        opacity: .5 !important;
        background: rgba(0,0,0,0) !important;
        color: #fff
    }

    .plyr .plyr__video-embed iframe {
        pointer-events: none
    }

.plyr__video-wrapper {
    background: rgba(0,0,0,0)
}

.plyr--full-ui input[type=range] {
    background: hsla(0,0%,100%,.3);
    height: 2px;
    color: #fb1622
}

.plyr__captions {
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 16px) * -4)) !important;
    transform: translateY(calc(var(--plyr-control-spacing, 16px) * -4)) !important
}

.plyr--vimeo .plyr__video-wrapper iframe {
    pointer-events: none
}

.plyr--vimeo .vp-controls, .plyr--vimeo .vp-video-wrapper .vp-play-button, .plyr--vimeo .vp-title, .plyr--vimeo .vp-sidedock, .plyr--vimeo .vp-progress-bar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

@font-face {
    font-family: "ParticipaSans";
    src: url("/fonts/Participa.woff2") format("woff2"),url("/fonts/Participa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "YTFGiong";
    src: url("/fonts/YTFGiong-Roman.woff2") format("woff2"),url("/fonts/YTFGiong-Roman.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: "Underground";
    src: url("/fonts/P22Underground.woff2") format("woff2"),url("/fonts/P22Underground.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Underground";
    src: url("/fonts/P22Underground_Medium.woff2") format("woff2"),url("/fonts/P22Underground_Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Underground";
    src: url("/fonts/P22Underground_Bold.woff2") format("woff2"),url("/fonts/P22Underground_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Underground";
    src: url("/fonts/P22Underground_Heavy.woff2") format("woff2"),url("/fonts/P22Underground_Heavy.woff") format("woff");
    font-weight: 800;
    font-style: normal
}

.rte ul li {
    list-style-type: disc
}

.rte ol li {
    list-style-type: decimal-leading-zero
}

.rte ul {
    padding-left: 20px
}

.rte ol {
    padding-left: 30px
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7 {
    font-family: "YTFGiong";
    font-weight: normal;
    line-height: 1.2
}

.display-300 {
    font-family: "ParticipaSans";
    font-weight: 400;
    text-transform: uppercase
}

.display-200 {
    font-family: "ParticipaSans";
    font-weight: 400;
    text-transform: uppercase
}

.display-100 {
    font-family: "ParticipaSans";
    font-weight: 400;
    text-transform: uppercase
}

.headline-700 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-600 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-500 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-400 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-300 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-200 {
    font-family: "YTFGiong";
    font-weight: 400
}

.headline-100 {
    font-family: "YTFGiong";
    font-weight: 400
}

.featured-text-500 {
    font-family: "YTFGiong";
    font-weight: 400
}

.featured-text-400 {
    font-family: "YTFGiong";
    font-weight: 400;
    letter-spacing: .009em
}

.featured-text-300 {
    font-family: "YTFGiong";
    font-weight: 400
}

.featured-text-200 {
    font-family: "YTFGiong";
    font-weight: 400
}

.featured-text-100, .rte th {
    font-family: "YTFGiong";
    font-weight: 400
}

.tag-200 {
    font-family: "Underground";
    font-weight: 400;
    text-transform: uppercase
}

.tag-100 {
    font-family: "Underground";
    font-weight: 400;
    text-transform: uppercase
}

.text-600 {
    font-family: "Underground";
    font-weight: 400
}

p, .text-500, .text-block p, .rte li, .rte td {
    font-family: "Underground";
    font-weight: 400
}

.text-400 {
    font-family: "Underground";
    font-weight: 400
}

.text-300, .accordion__btn.headline-300 + .accordion__list p, .vacancies-box__submit a {
    font-family: "Underground";
    font-weight: 400;
    letter-spacing: .009em
}

.text-200 {
    font-family: "Underground";
    font-weight: 400
}

.text-100 {
    font-family: "Underground";
    font-weight: 400
}

.rte {
    color: #e0dcca
}

    .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte p, .rte a, .rte li, .rte table {
        margin-bottom: 15px
    }

    .rte a {
        -webkit-text-decoration: underline rgba(0,0,0,0);
        text-decoration: underline rgba(0,0,0,0);
        text-underline-offset: 2px;
        color: #fb1622
    }

.loaded .rte a {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.rte strong, .rte b {
    font-weight: 700
}

.rte .wp-block-table, .rte figure {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #fb1622
}

    .rte .wp-block-table ::-webkit-scrollbar, .rte figure ::-webkit-scrollbar {
        width: 5px
    }

    .rte .wp-block-table ::-webkit-scrollbar-track, .rte figure ::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0)
    }

    .rte .wp-block-table ::-webkit-scrollbar-thumb, .rte figure ::-webkit-scrollbar-thumb {
        background-color: #fb1622;
        border-radius: 10px
    }

.rte .wp-block-table {
    position: relative
}

.rte table {
    border-collapse: collapse;
    width: 100%;
    min-width: 640px
}

.rte td, .rte th {
    border: 1px solid #e0dcca
}

.rte td, .rte th {
    padding: 10px
}

.rte th {
    text-align: left;
    background-color: #fb1622;
    color: #fff
}

.rte th {
    padding-top: 12px
}

.rte th {
    padding-bottom: 12px
}

img {
    max-width: 100%
}

button, input[type=button], input[type=submit] {
    background: none;
    border: 0;
    cursor: pointer;
    outline: none;
    padding: 0
}

a, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.btn {
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: border-color .6s ease;
    transition: border-color .6s ease
}

.btn {
    padding: 13px
}

    .btn .icon {
        -webkit-transition: color .6s ease;
        transition: color .6s ease
    }

    .btn .icon {
        font-size: 17px
    }

.cta-button {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fb1622;
    overflow: hidden;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    text-decoration: none;
    color: #000;
    white-space: nowrap
}

.cta-button__inner {
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center
}

.cta-button__icon {
    font-size: clamp(19px,1.1458333333vw,35px);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    flex-shrink: 0;
    width: clamp(79px,4.7916666667vw,147px);
    height: clamp(79px,4.7916666667vw,147px);
    border-radius: 50%;
    position: relative;
    background-color: #fb1622;
    z-index: 10
}

    .cta-button__icon::after {
        font-family: "iconfont";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        display: block;
        line-height: 1;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.cta-button__text {
    font-family: "YTFGiong";
    font-style: italic;
    display: flex;
    left: clamp(51px,3.125vw,96px);
    opacity: 0;
    color: #000;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

.skip-link {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 21;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 14px;
    background-color: #fff;
    opacity: 0
}

.play-reel {
    font-family: "YTFGiong";
    font-style: italic;
    font-weight: 400;
    line-height: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

    .play-reel .icon {
        line-height: 1
    }

.loaded .play-reel {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.plus-icon {
    position: relative;
    height: 1px;
    background-color: #fb1622
}

.plus-icon {
    width: 10px
}

    .plus-icon::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fb1622;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transition: opacity .6s ease;
        transition: opacity .6s ease
    }

/*input, textarea {
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    height: 25px;
    padding: 0 10px
}

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #000
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #000
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #000
    }

    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        color: #000
    }

    input::placeholder, textarea::placeholder {
        color: #000
    }*/

.link {
    color: #000;
    text-decoration: underline
}

#ccc {
    font-family: "YTFGiong" !important
}

    #ccc #ccc-content {
        background-color: #fff !important
    }

        #ccc #ccc-content p, #ccc #ccc-content span, #ccc #ccc-content .btn-info {
            color: #000 !important
        }

        #ccc #ccc-content button, #ccc #ccc-content span {
            font-family: "YTFGiong" !important;
            fill: #000 !important
        }

        #ccc #ccc-content .checkbox-toggle-on, #ccc #ccc-content .checkbox-toggle-off {
            color: #000 !important
        }

        #ccc #ccc-content .ccc-alert span, #ccc #ccc-content .ccc-alert p {
            color: #fff !important
        }

        #ccc #ccc-content #ccc-close {
            -webkit-transition: .6s ease-in-out;
            transition: .6s ease-in-out
        }

    #ccc #ccc-button-holder button {
        border: 2px solid #000 !important
    }

        #ccc #ccc-button-holder button span {
            color: #000 !important
        }

        #ccc #ccc-button-holder button::after {
            background-color: #000 !important
        }

    #ccc #ccc-notify {
        padding: 32px 100px !important;
        background-color: #000
    }

        #ccc #ccc-notify h3 {
            color: #fff !important
        }

    #ccc h2, #ccc h3 {
        font-weight: 500 !important;
        color: #000 !important
    }

    #ccc .checkbox-toggle {
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.18);
        box-shadow: 0 0 10px rgba(0,0,0,.18);
        background: none !important;
        border: 4px solid #fff !important
    }

    #ccc .checkbox-toggle-toggle {
        background-color: #000 !important
    }

    #ccc .ccc-notify-text {
        margin-right: 20px
    }

        #ccc .ccc-notify-text h3 {
            margin-bottom: 15px
        }

        #ccc .ccc-notify-text p {
            font-size: 14px
        }

    #ccc .ccc-notify-button:not(.ccc-notify-link) {
        border: 2px solid #fff;
        background: rgba(0,0,0,0) !important;
        color: #fff !important;
        position: relative;
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out
    }

        #ccc .ccc-notify-button:not(.ccc-notify-link) span {
            background: rgba(0,0,0,0) !important;
            color: #fff !important;
            margin: 0 39px 0 4px;
            -webkit-transition: .6s ease-in-out;
            transition: .6s ease-in-out
        }

        #ccc .ccc-notify-button:not(.ccc-notify-link)::after {
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 20px;
            width: 25px;
            height: 1px;
            background-color: #fff;
            -webkit-transition: .6s ease-in-out;
            transition: .6s ease-in-out
        }

    #ccc #ccc-notify-dismiss {
        top: 6px !important;
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out
    }

    #ccc .ccc-notify-link {
        color: #fff !important;
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out
    }

        #ccc .ccc-notify-link span {
            color: #fff
        }

    #ccc .ccc-panel {
        padding-bottom: 20px
    }

    #ccc a:not(.ccc-notify-button) {
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out
    }

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: background .6s ease;
    transition: background .6s ease
}

.header--sticky .header__logo {
    opacity: 0;
    visibility: visible
}

.header--sticky .header__logo--alt {
    opacity: 1;
    visibility: visible
}

.header--sticky + .header__home--main .header__logo {
    opacity: 0;
    visibility: visible
}

.header--sticky + .header__home--main .header__logo--alt {
    opacity: 1;
    visibility: visible
}

.header--hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header__nav {
    width: 100%
}

.header__home {
    position: relative;
    margin: 0 auto
}

.header__home--main {
    position: fixed;
    top: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999
}

    .header__home--main .header__logo:not(.header__logo--alt) {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.header__logo {
    max-width: none;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.loaded .header__logo {
    -webkit-transition: .6s ease;
    transition: .6s ease;
    min-width: clamp(99px,6.0416666667vw,185px)
}

.header__logo--alt {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden
}

.nav__link {
    color: #e0dcca;
    text-align: right;
    font-family: "Underground";
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block
}

.header__social {
    padding: 20px 0
}

.header__social-link {
    font-family: "Underground";
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: #e0dcca;
    min-width: 180px
}

.header__countries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.header__countries-item {
    position: relative
}

    .header__countries-item:not(:last-of-type) {
        padding-right: 18px
    }

        .header__countries-item:not(:last-of-type)::after {
            content: "";
            position: absolute;
            top: 1px;
            right: 8px;
            width: 1px;
            height: 20px;
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
            background-color: rgba(224,220,202,.3)
        }

    .header__countries-item:nth-child(4n) {
        padding-right: 0
    }

        .header__countries-item:nth-child(4n)::after {
            content: none
        }

.header__countries-link {
    font-family: "YTFGiong";
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.2px;
    text-align: center;
    text-transform: uppercase;
    color: #fb1622
}

.header__contact, .toggle {
    flex: 0 0 48px;
    max-width: 48px;
    height: 48px;
    position: relative
}

    .header__contact .icon, .toggle .icon {
        font-size: 26px;
        line-height: 1;
        color: #e0dcca;
        position: absolute;
        top: 8px;
        left: 3px
    }

    .toggle .icon {
        left: auto;
        right: 3px
    }

    .toggle .icon--open {
        display: block
    }

    .toggle .icon--close {
        display: none;
        font-size: 22px;
        top: 14px;
        right: 4px
    }

.toggle--open .icon--open {
    display: none
}

.toggle--open .icon--close {
    display: block
}

.footer {
    position: relative;
    color: #fff;
    overflow: hidden
}

.footer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 5
}

.footer__item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center
}

    .footer__item::after {
        content: "";
        width: clamp(1px,0.0520833333vw,1px);
        height: clamp(23px,1.3541666667vw,41px);
        display: block;
        background-color: rgba(224,220,202,.3);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        position: relative;
        right: clamp(10px,1.0416666667vw,32px)
    }

    .footer__item:last-of-type::after {
        display: none
    }

.footer__link {
    font-family: "YTFGiong"
}

.footer__text {
    letter-spacing: .06em
}

.footer__holder {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative
}

.footer__title {
    font-family: "ParticipaSans";
    color: #e0dcca;
    text-transform: uppercase;
    line-height: .8;
    mix-blend-mode: difference
}

.footer__bottom {
    font-family: "Underground";
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer__social, .footer__links {
    display: flex;
    font-size: clamp(14px,0.8333333333vw,25px);
    text-transform: uppercase;
    color: #e0dcca;
    z-index: 1
}

.footer__social-item .text-rotation__holder span {
    color: #e0dcca
}

    .footer__social-item .text-rotation__holder span + span {
        color: #fb1622
    }

.footer__social-link {
    font-family: "Underground";
    font-weight: 500;
    color: #e0dcca;
    text-transform: uppercase
}

    .footer__social-link.text-rotation__holder span {
        display: block;
        text-align: center
    }

.footer__links-link {
    font-weight: 500;
    color: rgba(224,220,202,.6);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-text-decoration: underline rgba(0,0,0,0);
    text-decoration: underline rgba(0,0,0,0);
    text-underline-offset: 2px
}

.footer__copy {
    color: #e0dcca;
    font-size: 15px;
    letter-spacing: -0.32px
}

.card {
    width: 100%;
    max-width: 80vw
}

.card__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block
}

.card__image {
    height: 198px
}

.card__video {
    position: relative
}

    .card__video::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10
    }

.card__video-holder {
    height: 198px
}

.banner {
    position: relative;
    overflow: hidden
}

    .banner > .wrap {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-end
    }

.banner--init .banner__image {
    opacity: 1;
    visibility: visible
}

.banner--init .banner__intro {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.banner--init .banner__title {
    opacity: 1
}

.banner__content {
    display: block
}

.banner__image {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
    z-index: 10;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    opacity: 0;
    visibility: hidden;
    mix-blend-mode: lighten
}

.loaded .banner__image {
    -webkit-transition: .9s ease;
    transition: .9s ease
}

.banner__title {
    line-height: .8;
    color: #e0dcca;
    font-family: "ParticipaSans";
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity: 0;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    mix-blend-mode: difference
}

    .banner__title span:nth-child(1) {
        z-index: 5
    }

    .banner__title span:nth-child(2) {
        z-index: 10
    }

    .banner__title span:nth-child(3) {
        z-index: 5
    }

.banner__holder {
    position: static
}

.banner__text {
    font-family: "YTFGiong";
    font-weight: 400;
    line-height: 1;
    color: #fb1622
}

    .banner__text i {
        font-style: italic;
        font-weight: 400
    }

.banner__intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    -webkit-transform: translateY(110%);
    transform: translateY(110%)
}

.loaded .banner__intro {
    -webkit-transition: .9s ease;
    transition: .9s ease
}

.banner__middle-text {
    display: block;
    position: relative;
    overflow: hidden
}

.banner__middle-text {
    height: 14px
}

.banner__rotate-text {
    font-family: "Underground";
    font-weight: 600;
    text-transform: uppercase;
    color: #e0dcca;
    display: flex;
    flex-direction: column
}

.banner__rotate-text--italic {
    font-family: "YTFGiong";
    font-style: italic;
    font-weight: 400
}

.banner__rotate {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.banner__text-info {
    font-family: "Underground";
    font-weight: 600;
    line-height: 1;
    color: #e0dcca;
    text-transform: uppercase;
    letter-spacing: .1em
}

.banner__group-text {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px
}

.banner__rotate-wrapper {
    width: 100%;
    -webkit-animation: rotate 8s infinite linear;
    animation: rotate 8s infinite linear
}

@-webkit-keyframes rotate {
    0%,45% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50%,95% {
        -webkit-transform: translateY(-33.3333%);
        transform: translateY(-33.3333%)
    }

    100% {
        -webkit-transform: translateY(-66.6666%);
        transform: translateY(-66.6666%)
    }
}

@keyframes rotate {
    0%,45% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50%,95% {
        -webkit-transform: translateY(-33.3333%);
        transform: translateY(-33.3333%)
    }

    100% {
        -webkit-transform: translateY(-66.6666%);
        transform: translateY(-66.6666%)
    }
}

.banner__intro-holder {
    position: relative;
    overflow: hidden
}

.search {
    width: 100%
}

.text-rotation {
    position: relative;
    overflow: hidden;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase
}

.text-rotation__holder {
    display: flex;
    flex-direction: column;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

    .text-rotation__holder span {
        display: block;
        text-align: center;
        color: #fb1622
    }

        .text-rotation__holder span + span {
            color: #e0dcca
        }

.media-revealer {
    width: 100%;
    position: relative
}

    .media-revealer .plyr {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none
    }

    .media-revealer .plyr__controls {
        display: none
    }

    .media-revealer .lazyframe {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .media-revealer .plyr__video-wrapper {
        pointer-events: none
    }

.media-revealer--visible .media-revealer__play {
    opacity: 1;
    visibility: visible
}

.media-revealer--active .plyr {
    display: block;
    z-index: 10
}

.media-revealer--active .plyr__controls {
    display: flex
}

.media-revealer--active .media-revealer__play {
    display: none
}

.media-revealer__container {
    position: relative;
    width: 100%
}

.media-revealer__holder {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media-revealer__frame {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

    .media-revealer__frame::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.1)
    }

.media-revealer__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 10
}

.loaded .media-revealer__play {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.media-revealer__poster {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    display: none
}

.cta-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(224,220,202,.3);
    position: relative
}

    .cta-link::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fb1622;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .cta-link .text-rotation {
        position: relative;
        pointer-events: none
    }

        .cta-link .text-rotation span {
            font-family: "YTFGiong";
            text-transform: initial;
            position: relative;
            display: block;
            width: 100%;
            letter-spacing: .01em;
            line-height: 1
        }

        .cta-link .text-rotation span {
            font-size: 20px
        }

    .cta-link .text-rotation__holder span {
        color: #e0dcca
    }

        .cta-link .text-rotation__holder span + span {
            color: #fb1622
        }

.cta-link__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0dcca;
    overflow: hidden;
    pointer-events: none;
    padding-right: 2px
}

.cta-link__icon {
    width: 24px
}

.cta-link__icon {
    height: 20px
}

.cta-link__icon {
    padding-left: 5px
}

@supports(font: -apple-system-body) {
    .cta-link__icon {
        margin-top: auto
    }
}

.cta-link__icon::after, .cta-link__icon::before {
    position: absolute;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.cta-link__icon::after, .cta-link__icon::before {
    font-size: 10px
}

.cta-link__icon::before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    display: block;
    line-height: 1;
    content: ""
}

.cta-link__icon::after {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    display: block;
    line-height: 1;
    content: "";
    color: #fb1622;
    -webkit-transform: translate(-160%, 160%);
    transform: translate(-160%, 160%)
}

.spacer {
    width: 100%;
    position: relative
}

.spacer {
    height: 72px
}

.spacer--8 {
    height: 6px
}

.spacer--12 {
    height: 8px
}

.spacer--16 {
    height: 8px
}

.spacer--24 {
    height: 20px
}

.spacer--32 {
    height: 24px
}

.spacer--48 {
    height: 28px
}

.spacer--64 {
    height: 32px
}

.spacer--88 {
    height: 48px
}

.spacer--100 {
    height: 60px
}

.spacer--160 {
    height: 80px
}

.spacer--200 {
    height: 100px
}

.spacer--260 {
    height: 120px
}

.spacer--300 {
    height: 140px
}

.spacer--top::after {
    top: 0
}

.spacer--bottom::after {
    bottom: 0
}

.spacer--opacity::after {
    background-color: rgba(224,220,202,.3)
}

.spacer--top::after, .spacer--bottom::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 1px
}

.spacer--top:not(.spacer--opacity)::after, .spacer--bottom:not(.spacer--opacity)::after {
    background-color: #e0dcca
}

.services {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .services .cta-link {
        margin-top: 28px
    }

.services__tag {
    color: #fb1622;
    display: block;
    letter-spacing: .08em;
    line-height: 1
}

.services__tag {
    margin-bottom: 25px
}

.services__item {
    position: relative;
    display: flex;
    align-items: baseline
}

.services__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .services__link::after, .services__link::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px
    }

    .services__link::after {
        background-color: rgba(224,220,202,.3)
    }

    .services__link::before {
        width: 0%;
        background-color: #e0dcca;
        -webkit-transition: width .6s ease-in-out;
        transition: width .6s ease-in-out
    }

.loaded .services__number, .loaded .services__title, .loaded .services__text {
    -webkit-transition: color .6s ease-in-out;
    transition: color .6s ease-in-out
}

.services__number, .services__text {
    color: #e0dcca;
    line-height: 1;
    font-family: "YTFGiong"
}

.services__number, .services__text {
    font-size: 16px
}

.services__title {
    color: #e0dcca;
    pointer-events: none;
    display: flex;
    align-items: baseline
}

.services__title {
    gap: 7px
}

    .services__title .text-rotation {
        font-family: "YTFGiong";
        text-transform: capitalize
    }

    .services__title .text-rotation {
        font-size: 36px
    }

    .services__title .text-rotation {
        height: 40px
    }

    .services__title .text-rotation {
        padding-inline: 2px
    }

        .services__title .text-rotation span:last-child {
            font-style: italic
        }

        .services__title .text-rotation .text-rotation__holder span {
            -webkit-transition: color .6s ease-in-out;
            transition: color .6s ease-in-out
        }

    .services__title .text-rotation__holder span {
        color: #e0dcca
    }

        .services__title .text-rotation__holder span + span {
            color: #e0dcca
        }

.services__media {
    pointer-events: none
}

    .services__media .plyr {
        background-size: 0
    }

    .services__media iframe, .services__img {
        height: 100%
    }

.intro {
    width: 100%
}

    .intro .intro__color {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #E0DCCA), color-stop(50%, #FB1622));
        background: linear-gradient(to right, #E0DCCA 50%, #FB1622 50%);
        background-size: 200% 100%;
        background-position: left;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: rgba(0,0,0,0);
        color: rgba(0,0,0,0);
        display: inline-block
    }

.intro__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.intro__text {
    font-family: "YTFGiong";
    color: #e0dcca;
    width: 100%
}

.intro__color {
    color: #fb1622
}

.solutions {
    width: 100%
}

.solutions__wrapper > .cta-link {
    margin-top: 26px
}

.solutions__title {
    color: #e0dcca;
    letter-spacing: -0.01em;
    overflow: hidden
}

.solutions__title {
    margin-bottom: 17px
}

.solutions__tag {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    color: #fb1622;
    font-family: "Underground";
    letter-spacing: .1em;
    border-bottom: 1px solid #e0dcca
}

.solutions__tag {
    padding-bottom: 30px
}

.solutions__tag {
    font-size: 14px
}

.solutions__number {
    color: #fb1622
}

.solutions__link {
    display: flex;
    width: 100%;
    position: relative;
    align-items: baseline;
    border-bottom: 1px solid rgba(224,220,202,.3)
}

.solutions__link {
    padding-right: 8px
}

    .solutions__link .icon {
        color: #e0dcca;
        margin-left: auto
    }

    .solutions__link.cta-link {
        padding-top: 15px
    }

    .solutions__link.cta-link {
        padding-bottom: 16px
    }

    .solutions__link::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fb1622;
        -webkit-transition: width .6s ease;
        transition: width .6s ease
    }

    .solutions__link .text-rotation {
        line-height: 1;
        font-family: "YTFGiong";
        text-transform: none;
        font-weight: 400
    }

    .solutions__link .text-rotation {
        letter-spacing: 0.2px
    }

    .solutions__link .text-rotation {
        font-size: 20px
    }

    .solutions__link .text-rotation {
        height: 24px
    }

        .solutions__link .text-rotation .text-rotation__holder {
            -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition: transform .6s ease;
            transition: transform .6s ease, -webkit-transform .6s ease
        }

    .solutions__link .text-rotation__holder span {
        color: #e0dcca
    }

        .solutions__link .text-rotation__holder span + span {
            color: #fb1622
        }

.solutions__icon {
    margin-left: auto;
    margin-block: auto;
    padding-left: 0
}

    .solutions__icon::after, .solutions__icon::before {
        -webkit-transition: -webkit-transform .6s ease;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease, -webkit-transform .6s ease
    }

.inspire {
    width: 100%
}

    .inspire.video-loaded .inspire__img {
        display: none
    }

.inspire__row {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

    .inspire__row:not(:last-of-type) {
        margin-bottom: 8px
    }

.inspire__row--center .split-child {
    mix-blend-mode: difference
}

.inspire__title {
    font-family: "ParticipaSans";
    color: #e0dcca;
    line-height: .85;
    text-transform: uppercase;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    mix-blend-mode: difference
}

.inspire__title {
    font-size: 80px
}

.inspire__title--reverse {
    margin-right: 0
}

.inspire__meta {
    align-self: center;
    width: 24%
}

.inspire__meta-row {
    display: flex;
    justify-content: space-between
}

.inspire__meta-text {
    font-family: "Underground";
    font-weight: 600;
    color: #e0dcca
}

.inspire__meta-text {
    font-size: 16px
}

.inspire__media-holder {
    display: flex;
    align-items: baseline
}

.inspire__media {
    width: 116px
}

.inspire__media {
    margin-left: 0
}

.inspire__media-wrap {
    position: relative;
    padding-bottom: 56.25%
}

.inspire__video, .inspire__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inspire_-video {
    z-index: 2
}

.inspire__statement-text {
    line-height: 1;
    color: #fb1622;
    font-family: "YTFGiong";
    text-transform: uppercase
}

.inspire__statement-text {
    font-size: 32px
}

.hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    mix-blend-mode: difference
}

.hero__title {
    color: #e0dcca;
    line-height: .8;
    font-family: "ParticipaSans";
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    opacity: 0
}

    .hero__title[aria-label] {
        opacity: 1
    }

.hero__text {
    font-family: "YTFGiong";
    color: #fb1622;
    font-weight: 400;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

    .hero__text span {
        display: block;
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        line-height: .8
    }

.hero--init .hero__text span {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.loaded .hero__text span {
    -webkit-transition: .9s ease 1.5s;
    transition: .9s ease 1.5s
}

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

    .hero__text--right span {
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }

.hero__holder {
    position: relative;
    overflow: hidden
}

.hero__image-wrap {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden
}

.hero__image-wrap {
    margin-top: 28px
}

.hero__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.loaded .hero__image {
    -webkit-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.error {
    width: 100%;
    color: #e0dcca
}

.error__in {
    position: relative
}

.error__inner {
    text-align: center
}

.error__gif {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.error__title {
    font-family: "YTFGiong";
    color: #e0dcca;
    font-weight: 400
}

.error__sub-title {
    font-family: "Underground";
    color: #e0dcca;
    font-weight: 600
}

.error-500-logo {
    display: flex;
    margin: 0 auto;
    padding-top: clamp(17px,1.0416666667vw,32px);
    padding-bottom: clamp(17px,1.0416666667vw,32px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

    .error-500-logo .header__logo {
        margin: 0 auto
    }

.error__text {
    font-family: "ParticipaSans";
    color: #fb1622;
    text-transform: uppercase;
    line-height: .8;
    position: relative;
    z-index: -1
}

.sitemap {
    width: 100%
}

.sitemap__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.sitemap__links {
    margin-bottom: 24px
}

.sitemap__item--main[class]:not(:only-child) {
    margin-bottom: 12px
}

.sitemap__item {
    display: flex
}

    .sitemap__item:only-child, .sitemap__item:last-child {
        margin-bottom: 0
    }

.sitemap__item {
    margin-bottom: 6px
}

.sitemap__link {
    color: #e0dcca;
    font-family: "Underground";
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    display: inline-block
}

    .sitemap__link .text-rotation span {
        text-align: left
    }

    .sitemap__link .text-rotation span {
        letter-spacing: 0.6px
    }

    .sitemap__link .text-rotation__holder span {
        color: #e0dcca
    }

        .sitemap__link .text-rotation__holder span + span {
            color: #fb1622
        }

.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

    .grid .card-media:nth-child(3n) {
        grid-column: span 2
    }

.card-media {
    position: relative;
    overflow: hidden;
    width: 100%
}

.card-media {
    border-radius: 4px
}

    .card-media::after {
        position: absolute;
        content: "";
        height: 43%;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
        opacity: .4
    }

    .card-media iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

.card-media__video-wrapper {
    border-radius: 4px
}

.card-media__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2
}

.loaded .card-media__image {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.card-media__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    z-index: 2
}

.card-media__title.text-rotation {
    color: #e0dcca;
    z-index: 1;
    display: inline-block;
    text-transform: initial
}

.card-media__title.text-rotation {
    font-size: 14px
}

.card-media__text {
    line-height: 1.2;
    letter-spacing: .02em;
    color: #e0dcca;
    text-transform: none
}

.card-media__text {
    font-size: 22px
}

.loaded .card-media__text {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.card-media__text--active {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.card-media__link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.hero-gif {
    width: 100%
}

    .hero-gif > .wrap {
        display: flex
    }

.hero-gif__holder {
    width: 100%;
    position: relative
}

.hero-gif__gif {
    z-index: 2;
    position: absolute;
    -webkit-transform: translate(-250%, -50%);
    transform: translate(-250%, -50%);
    -webkit-animation: boar-animation 1s ease .6s forwards;
    animation: boar-animation 1s ease .6s forwards;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    height: auto
}

.hero-gif__title {
    font-family: "ParticipaSans";
    color: #e0dcca;
    text-transform: uppercase;
    line-height: .85;
    display: block;
    mix-blend-mode: difference
}

.hero-gif__title--big {
    overflow: hidden;
    display: flex
}

.hero-gif__center {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.hero-gif__center {
    margin-top: 13px
}

.hero-gif__center {
    margin-bottom: 13px
}

.hero-gif__subtitle {
    font-family: "YTFGiong";
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    color: #fb1622
}

    .hero-gif__subtitle:first-child {
        grid-column: span 1
    }

    .hero-gif__subtitle:first-child {
        margin-right: 0
    }

    .hero-gif__subtitle:last-child {
        grid-column: 3/4
    }

    .hero-gif__subtitle:last-child {
        margin-left: 0
    }

.hero-gif__bottom {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

@-webkit-keyframes boar-animation {
    from {
        -webkit-transform: translate(-250%, -50%);
        transform: translate(-250%, -50%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes boar-animation {
    from {
        -webkit-transform: translate(-250%, -50%);
        transform: translate(-250%, -50%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.people-block {
    width: 100%
}

.people-block {
    padding-top: 48px
}

.people-block__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.people-block__top {
    padding-bottom: 27px
}

.people-block__title {
    color: #e0dcca;
    letter-spacing: -0.02em
}

.people-block__title {
    max-width: 250px
}

.people-block__number .stats-number .stats-number__number {
    line-height: .9
}

.people-block__inner {
    display: grid
}

.people-block__inner {
    gap: 10px
}

.stats-number .stats-number__number {
    font-family: "YTFGiong";
    color: #fb1622;
    font-weight: 400
}

.stats-number .stats-number__number {
    font-size: 62px
}

.stats-number .stats-number__number {
    line-height: 56px
}

.stats-number__text {
    font-weight: 500;
    font-family: "Underground";
    color: #e0dcca;
    letter-spacing: -0.03em
}

.stats-number__text {
    font-size: 14px
}

.person__img-wrap {
    position: relative
}

.person__img-wrap {
    margin-bottom: 22px
}

.person__img-link {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.person__img-in {
    position: relative;
    overflow: hidden
}

.person__img-in {
    margin-bottom: 12px
}

.person__img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.person__icon-wrap {
    overflow: hidden;
    position: absolute
}

.person__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fb1622;
    color: #000;
    position: absolute;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    -webkit-transform: translateY(110%);
    transform: translateY(110%)
}

.person__name {
    color: #e0dcca;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    letter-spacing: .01em;
    overflow: hidden
}

.person__name {
    margin-bottom: 0
}

.person__name-anime {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.person__name-anime--red {
    color: #fb1622
}

.person__position {
    color: rgba(224,220,202,.6);
    font-family: "Underground";
    letter-spacing: .01em;
    font-weight: 400
}

.text-block {
    width: 100%;
    color: #e0dcca
}

    .text-block .person-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

.text-block__col {
    position: relative
}

.text-block__img {
    width: 100%
}

.text-block__title {
    color: #fb1622
}

.text-block__title {
    max-width: 160px
}

.intro-service {
    width: 100%
}

.intro-service__container {
    position: relative
}

.intro-service__holder {
    display: flex;
    flex-flow: column wrap;
    align-items: center
}

.intro-service__title {
    color: #fb1622;
    display: block;
    text-align: center
}

    .intro-service__title span, .intro-service__title b {
        font-weight: 400;
        display: block
    }

    .intro-service__title span {
        color: #e0dcca
    }

.intro-service__desc {
    text-align: center;
    color: #e0dcca;
    width: 100%
}

.intro-service__img-wrap {
    position: absolute;
    width: auto
}

.intro-service__img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.intro-service__img-wrap--1 {
    top: 0
}

.intro-service__img-wrap--2 {
    top: 0
}

.intro-service__img-wrap--3 {
    bottom: 0
}

.intro-service__img-wrap--4 {
    bottom: 0
}

.quote {
    width: 100%;
    color: #e0dcca
}

.quote__inner {
    max-width: 100%
}

.quote__inner {
    max-width: 862px
}

.quote__author {
    letter-spacing: .009em
}

.quote__author {
    margin-bottom: 30px
}

.quote__text {
    position: relative
}

    .quote__text::after, .quote__text::before {
        font-size: 32px
    }

    .quote__text::before {
        content: open-quote;
        position: absolute
    }

    .quote__text::before {
        top: 1px
    }

    .quote__text::before {
        left: -9px
    }

    .quote__text::after {
        position: relative;
        content: close-quote
    }

    .quote__text::after {
        top: 0
    }

    .quote__text::after {
        right: 0
    }

.mask-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto
}

    .mask-video .cta-link {
        position: relative;
        z-index: 5;
        margin: 0 auto
    }

.mask-video__video-container {
    position: relative;
    width: 100%;
    mix-blend-mode: lighten
}

.mask-video__video-container {
    height: 152px
}

    .mask-video__video-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.6);
        z-index: 1
    }

.mask-video__iframe-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mask-video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    z-index: -1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.mask-video__headline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    font-family: "ParticipaSans";
    mix-blend-mode: multiply;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    line-height: .8;
    font-weight: 400;
    letter-spacing: .01em
}

.mask-video__headline {
    font-size: 74px
}

.mask-video__headline-span {
    position: relative;
    top: 1%
}

    .mask-video__headline-span:nth-of-type(2) {
        bottom: 1%
    }

.mask-video__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mask-video__content--up {
    display: block
}

.mask-video__content--mobile {
    display: none
}

.mask-video__title-wrap {
    overflow: hidden
}

.mask-video__title-wrap {
    margin-bottom: 8px
}

    .mask-video__title-wrap .split-child {
        display: flex;
        align-items: baseline;
        justify-content: center
    }

.mask-video__title {
    letter-spacing: .03em;
    color: #fb1622;
    line-height: .9;
    text-transform: uppercase;
    font-weight: 400
}

.mask-video__title {
    font-size: 32px
}

.mask-video__title {
    margin-left: 0
}

.mask-video__title-number {
    font-style: italic;
    line-height: .8;
    letter-spacing: .01em;
    color: #e0dcca
}

.mask-video__title-number {
    font-size: 20px
}

.stats {
    width: 100%
}

.stats__holder {
    display: grid
}

.stats__holder {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.hero-details {
    width: 100%
}

.hero-details {
    margin-top: 120px
}

.hero-details__title {
    color: #e0dcca;
    font-weight: 400;
    overflow: hidden
}

.hero-details__title {
    font-size: 48px
}

.hero-details__title {
    margin-top: 21px
}

.hero-details__title {
    margin-bottom: 25px
}

    .hero-details__title .split-parent {
        overflow: hidden
    }

.hero-details__line {
    display: block;
    height: 1px;
    width: 100%;
    opacity: 0;
    background-color: rgba(224,220,202,.3);
    -webkit-animation: line-fade 1s ease .6s forwards;
    animation: line-fade 1s ease .6s forwards
}

.hero-details__content {
    padding-top: 30px
}

.hero-details__media {
    width: 100%
}

.hero-details__logo {
    margin-top: 0
}

.hero-details__text {
    color: #e0dcca
}

@-webkit-keyframes line-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes line-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.media {
    width: 100%
}

    .media .plyr__controls {
        display: none
    }

    .media .plyr__video-embed {
        position: relative;
        height: 0;
        padding-bottom: 50.7%;
        width: 100%
    }

        .media .plyr__video-embed iframe {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%
        }

    .media .play-reel {
        background-color: #fff;
        border-radius: 50%;
        position: relative
    }

    .media .play-reel {
        width: 44px
    }

    .media .play-reel {
        height: 44px
    }

.loaded .media .play-reel {
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease
}

.media .play-reel .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -37%);
    transform: translate(-50%, -37%);
    color: #fb1622;
    pointer-events: none;
    margin: 0
}

.loaded .media .play-reel .icon {
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}

.media .play-reel:hover {
    background-color: #fb1622
}

    .media .play-reel:hover .icon {
        color: #fff
    }

.media--active .js-media-ambient {
    display: none
}

.media--active .js-media-video {
    display: block !important
}

.media--active .plyr__controls {
    display: flex
}

.media__holder {
    position: relative;
    overflow: hidden
}

    .media__holder .play-reel {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
        cursor: pointer
    }

.media__iframe-ambient, .media__iframe-full, .media__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.media__img {
    z-index: -1
}

.media__title {
    color: #e0dcca;
    line-height: 1;
    font-family: "Underground";
    display: block;
    letter-spacing: -0.04em
}

.media__title {
    font-size: 16px
}

.media__title {
    margin-top: 16px
}

.hero-careers {
    width: 100%
}

.hero-careers__holder {
    width: 100%
}

.hero-careers__main {
    position: relative
}

.hero-careers__title {
    color: #e0dcca;
    font-family: "ParticipaSans";
    text-transform: uppercase;
    overflow: hidden;
    line-height: .85;
    display: flex;
    justify-content: center
}

.hero-careers__title {
    font-size: 77px
}

    .hero-careers__title:last-of-type {
        letter-spacing: -0.007em
    }

    .hero-careers__title:last-of-type {
        margin-top: 13px
    }

    .hero-careers__title .split-child-clone {
        position: absolute;
        inset: 0;
        background: url("../assets/images/transparent-texture.webp") repeat;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: rgba(0,0,0,0);
        background-size: contain;
        mix-blend-mode: difference
    }

.hero-careers__middle {
    color: #fb1622;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "YTFGiong";
    font-style: italic;
    line-height: 1;
    letter-spacing: .05em
}

.hero-careers__middle {
    font-size: 80px
}

.hero-careers__middle {
    margin-left: 2px
}

.hero-careers__middle {
    margin-top: 3px
}

.hero-careers__text {
    color: #fb1622;
    display: block;
    text-transform: uppercase;
    text-align: center
}

.hero-careers__text {
    margin-top: 17px
}

.hero-careers__text {
    margin-left: 6px
}

.vacancies-box {
    width: 100%
}

.vacancies-box__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fb1622
}

.vacancies-box__inner {
    border-radius: 10px
}

.vacancies-box__inner {
    padding-top: 26px
}

.vacancies-box__inner {
    padding-bottom: 30px
}

.vacancies-box__inner {
    padding-right: 30px
}

.vacancies-box__inner {
    padding-left: 23px
}

.vacancies-box__left {
    margin-bottom: 13px
}

.vacancies-box__title {
    max-width: 500px
}

.vacancies-box__right {
    padding-left: 0
}

.vacancies-box__right {
    padding-right: 0
}

    .vacancies-box__right .vacancies-box__text {
        line-height: 18px
    }

    .vacancies-box__right .vacancies-box__text {
        margin-bottom: 19px
    }

.vacancies-box__submit {
    color: #000;
    letter-spacing: 0
}

    .vacancies-box__submit a {
        color: #000;
        letter-spacing: 0;
        -webkit-transition: .3s ease;
        transition: .3s ease;
        -webkit-text-decoration: underline rgba(0,0,0,0);
        text-decoration: underline rgba(0,0,0,0)
    }

    .vacancies-box__submit a {
        text-underline-offset: 2px
    }

.vacancies-box__cta {
    width: 100%
}

.vacancies-box__cta {
    margin-top: 21px
}

    .vacancies-box__cta .cta-link {
        width: 100%;
        border-color: rgba(0,0,0,.2)
    }

    .vacancies-box__cta .cta-link {
        padding-bottom: 5px
    }

        .vacancies-box__cta .cta-link::after {
            background-color: #000
        }

        .vacancies-box__cta .cta-link .text-rotation span {
            color: #000
        }

    .vacancies-box__cta .cta-link__icon {
        color: #000
    }

        .vacancies-box__cta .cta-link__icon::after {
            color: #000
        }

.banner-contact {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
    mix-blend-mode: lighten
}

    .banner-contact::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background-color: #000
    }

.banner-contact {
    padding-top: 132px
}

.banner-contact__video-container {
    position: relative;
    width: 100%
}

.banner-contact__video-container {
    height: 96px
}

    .banner-contact__video-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.6);
        z-index: 1
    }

.banner-contact__iframe-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-contact__iframe, .banner-contact__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.banner-contact__iframe {
    pointer-events: none;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.banner-contact__headline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    font-family: "ParticipaSans";
    mix-blend-mode: multiply;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: .8;
    font-weight: 400;
    letter-spacing: .01em
}

.banner-contact__headline {
    font-size: 104px
}

.banner-contact__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.banner-contact__content--up {
    display: block
}

.banner-contact__content--mobile {
    display: none
}

.banner-contact__title-wrap {
    overflow: hidden
}

.banner-contact__title-wrap {
    margin-bottom: 8px
}

    .banner-contact__title-wrap .split-child {
        display: flex;
        align-items: baseline;
        justify-content: center
    }

.banner-contact__title {
    color: #e0dcca;
    line-height: 1.1;
    font-weight: 400;
    overflow: hidden
}

.banner-contact__title {
    font-size: 32px
}

.banner-contact__title--italic {
    color: #fb1622;
    font-style: italic
}

.cards-slider {
    width: 100%;
    overflow: hidden
}

.cards-slider__title {
    color: #e0dcca;
    display: inline-block;
    overflow: hidden
}

.cards-slider__number {
    color: #fb1622;
    line-height: 1;
    overflow: hidden;
    font-weight: 400;
    vertical-align: top;
    display: inline-block
}

.cards-slider__number {
    font-size: 22px
}

.cards-slider__number {
    margin-top: 0
}

.cards-slider__number {
    margin-left: 9px
}

.cards-slider__wrapper {
    margin-top: 30px
}

    .cards-slider__wrapper .splide__arrows {
        margin-top: 0
    }

.info-card {
    width: 100%
}

.info-card__title {
    color: #e0dcca
}

.info-card__media {
    margin-top: 9px
}

.info-card__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.info-card__text {
    color: #e0dcca
}

.info-card__text {
    margin-top: 16px
}

    .info-card__text > * {
        font-weight: 400;
        font-family: "Underground"
    }

    .info-card__text > * {
        font-size: 14px
    }

    .info-card__text a {
        -webkit-text-decoration: underline rgba(0,0,0,0);
        text-decoration: underline rgba(0,0,0,0);
        text-underline-offset: 2px;
        color: #fb1622
    }

.loaded .info-card__text a {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.intro-block {
    width: 100%;
    color: #e0dcca;
    text-align: center
}

    .intro-block .cta-link {
        margin-top: 20px
    }

.intro-block__holder {
    margin: 0 auto;
    display: flex;
    flex-flow: column wrap;
    align-items: center
}

.intro-block__holder {
    max-width: 800px
}

.intro-block__title span {
    color: #fb1622
}

.intro-block__text {
    display: block
}

.media-block {
    width: 100%;
    position: relative
}

.media-block__card {
    position: relative;
    overflow: hidden
}

    .media-block__card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
        pointer-events: none
    }

.media-block__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.media-block__link-rotation {
    display: block;
    position: relative;
    overflow: hidden;
    line-height: 1;
    cursor: pointer
}

.media-block__link-holder {
    font-weight: 400;
    display: flex;
    flex-direction: column;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

    .media-block__link-holder span {
        display: block;
        text-align: center;
        color: #fff
    }

        .media-block__link-holder span + span {
            color: #fb1622
        }

.media-block__image, .media-block__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.loaded .media-block__image, .loaded .media-block__video {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.media-block__title {
    color: #e0dcca
}

.media-block__text {
    color: #fff;
    font-family: "YTFGiong";
    text-align: center;
    font-weight: 400;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 5
}

.logo {
    width: 100%
}

.logo__item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.logo__item {
    height: 80px
}

.logo__img {
    -o-object-fit: cover;
    object-fit: cover
}

.brands {
    width: 100%
}

.brands--wide .brands__content {
    display: flex;
    justify-content: space-between
}

.brands--wide .brands__content {
    margin-bottom: 60px
}

.brands--wide .brands__title-wrap {
    width: 100%;
    text-align: left
}

.brands--wide .brands__title {
    max-width: 160px
}

.brands--wide .brands__title--second {
    color: #fb1622
}

.brands--wide .brands__tag {
    display: block;
    letter-spacing: .07em
}

.brands--wide .brands__tag {
    margin-bottom: 20px
}

.brands__title-wrap {
    text-align: center
}

.brands__title-wrap {
    margin-bottom: 60px
}

.brands__title {
    color: #fb1622;
    display: block
}

.brands__title--second {
    color: #e0dcca
}

.brands__title-text {
    color: #e0dcca
}

.brands__title-text {
    margin-bottom: 20px
}

.brands__tag {
    color: #fb1622
}

.brands__logos {
    width: 100%;
    display: grid
}

.location-list {
    width: 100%;
    color: #e0dcca
}

.location-list__wrap {
    border-bottom: 1px solid rgba(224,220,202,.3)
}

.location-list__wrap {
    padding-bottom: 25px
}

.location-list__wrap {
    margin-bottom: 43px
}

    .location-list__wrap:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

.location-list__wrap--location {
    display: grid
}

    .location-list__wrap--location .location-list__item .location-list__subtitle {
        margin-bottom: 18px
    }

.location-list__title--counter .location-list__counter {
    opacity: 1
}

.location-list__item .location-list__subtitle {
    color: #fb1622;
    letter-spacing: .08em
}

.location-list__item .location-list__subtitle {
    margin-bottom: 1px
}

.location-list__mail {
    display: block;
    text-transform: uppercase;
    font-family: "Underground";
    color: #e0dcca;
    font-weight: 500;
    overflow: hidden
}

.location-list__mail {
    font-size: 16px
}

.location-list__city {
    margin-bottom: 11px
}

    .location-list__city:last-of-type {
        margin-bottom: 0
    }

.location-list__city-link {
    display: block;
    color: #e0dcca;
    letter-spacing: -0.02em;
    line-height: .9;
    text-transform: uppercase;
    overflow: hidden
}

.location-list__city-link {
    font-size: 36px
}

    .location-list__city-link .location-list__anime--red {
        font-style: italic;
        font-family: "YTFGiong";
        letter-spacing: .01em
    }

.location-list__counter {
    color: #fb1622;
    position: relative
}

.location-list__counter {
    right: 3px
}

.location-list__counter {
    top: -11px
}

.location-list__counter {
    font-size: 17px
}

.location-list__counter {
    letter-spacing: 1.4px
}

.location-list__anime {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.location-list__anime--red {
    color: #fb1622
}

.social-media {
    width: 100%;
    position: relative
}

.social-media__container {
    position: relative
}

.social-media__holder {
    margin: 0 auto
}

.social-media__title {
    color: #fb1622;
    text-align: center;
    font-family: "YTFGiong";
    font-style: italic;
    font-weight: 400;
    line-height: .8;
    text-transform: uppercase
}

.social-media__list {
    display: flex;
    flex-flow: column wrap;
    align-items: center
}

.social-media__link {
    color: #e0dcca;
    font-family: "YTFGiong";
    font-weight: 400;
    text-transform: uppercase;
    display: block
}

    .social-media__link .text-rotation {
        line-height: 1
    }

    .social-media__link .text-rotation__holder span {
        color: #e0dcca
    }

        .social-media__link .text-rotation__holder span + span {
            color: #fb1622
        }

.social-media__img-wrap {
    position: absolute;
    display: block;
    overflow: hidden
}

    .social-media__img-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10
    }

    .social-media__img-wrap .plyr {
        min-width: 100%
    }

.social-media__img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
    width: 100%
}

.hero-text {
    position: relative;
    width: 100%;
    overflow: hidden
}

.hero-text__wrapper .btn {
    margin: 0 auto
}

.hero-text__wrapper .btn {
    margin-bottom: 25px
}

.hero-text__wrapper {
    margin-top: 120px
}

.hero-text__title {
    color: #e0dcca;
    text-align: center;
    display: block;
    position: relative
}

    .hero-text__title.headline-700 {
        line-height: 1.1
    }

.hero-text__text {
    color: #e0dcca;
    text-align: center
}

.hero-text__text {
    margin-top: 7px
}

.hero-text__rotate .banner__rotate {
    justify-content: center
}

.hero-text__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-text__image {
    margin-top: 20px
}

.accordion {
    width: 100%
}

    .accordion.active .accordion__btn {
        color: #fb1622
    }

    .accordion.active .accordion__list {
        grid-template-rows: 1fr
    }

        .accordion.active .accordion__list::after {
            width: 100%
        }

    .accordion.active .plus-icon::after {
        opacity: 0
    }

.accordion__btn {
    color: #e0dcca;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}

    .accordion__btn .plus-icon {
        pointer-events: none
    }

.accordion__list {
    display: grid;
    border-bottom: 1px solid rgba(224,220,202,.3);
    -webkit-transition: grid-template-rows .6s ease;
    transition: grid-template-rows .6s ease;
    transition: grid-template-rows .6s ease, -ms-grid-rows .6s ease;
    grid-template-rows: 0fr;
    position: relative
}

    .accordion__list::after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        bottom: -1px;
        left: 0;
        background-color: #fb1622;
        -webkit-transition: width .6s ease;
        transition: width .6s ease
    }

.accordion__list-holder {
    overflow: hidden
}

.accordion__list-inner {
    margin-top: 15px
}

.accordion__item {
    font-family: "Underground";
    color: #fb1622;
    text-transform: uppercase;
    line-height: 1
}

.accordion__item {
    font-size: 16px
}

.accordion__item {
    margin-bottom: 1px
}

.upcoming-events {
    width: 100%;
    color: #e0dcca
}

.upcoming-events__img-wrap {
    position: relative
}

.upcoming-events__img-wrap {
    margin-bottom: 22px
}

.upcoming-events__img-link {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.upcoming-events__img-in {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%
}

.upcoming-events__img-in {
    margin-bottom: 27px
}

.upcoming-events__img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.upcoming-events__details .upcoming-events__title {
    letter-spacing: 0
}

.upcoming-events__title {
    color: #e0dcca;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    letter-spacing: 0
}

.upcoming-events__title {
    font-size: 24px
}

.upcoming-events__title {
    margin-bottom: 12px
}

.upcoming-events__time {
    display: flex;
    flex-wrap: wrap
}

.upcoming-events__time-inner {
    margin-right: 20px
}

    .upcoming-events__time-inner .upcoming-events__time-in {
        font-size: 14px
    }

.upcoming-events__time-in {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: rgba(224,220,202,.6)
}

    .upcoming-events__time-in .ico {
        color: #fb1622
    }

    .upcoming-events__time-in .ico {
        margin-right: 8px
    }

.jobs-listing {
    width: 100%
}

.jobs-listing {
    margin-top: 120px
}

    .jobs-listing:not(.jobs-listing--standard) .jobs-listing__header {
        -webkit-animation: border-color 1s ease .6s forwards;
        animation: border-color 1s ease .6s forwards
    }

.jobs-listing--standard {
    margin-top: 120px
}

    .jobs-listing--standard .jobs-listing__header {
        border-bottom-color: rgba(224,220,202,.3)
    }

    .jobs-listing--standard .jobs-listing__title {
        opacity: 0
    }

        .jobs-listing--standard .jobs-listing__title[aria-label] {
            opacity: 1
        }

.jobs-listing__back {
    margin-bottom: 20px
}

.jobs-listing__header {
    border-bottom: 1px solid #e0dcca;
    overflow: hidden
}

.jobs-listing__header {
    padding-bottom: 18px
}

.jobs-listing__inner {
    overflow: hidden
}

.jobs-listing__title {
    color: #e0dcca;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 1%
}

.jobs-listing__number {
    color: #fb1622;
    line-height: 1;
    overflow: hidden;
    font-weight: 400;
    display: inline-block
}

.jobs-listing__number {
    font-size: 28px
}

.jobs-listing__filters {
    display: flex
}

.jobs-listing__filters {
    gap: 12px
}

.jobs-listing__filters {
    margin-top: 20px
}

.jobs-listing__reset {
    margin-left: auto;
    border: 1px solid rgba(224,220,202,.3);
    color: #e0dcca;
    font-family: "Underground";
    font-weight: 500;
    letter-spacing: .01em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: border-color .6s ease-in-out;
    transition: border-color .6s ease-in-out
}

.jobs-listing__reset {
    font-size: 15px
}

.jobs-listing__reset {
    gap: 10px
}

.jobs-listing__reset {
    border-radius: 100px
}

.jobs-listing__reset {
    padding-block: 14px
}

.jobs-listing__reset {
    padding-inline: 23px
}

    .jobs-listing__reset .icon {
        font-size: 15px
    }

    .jobs-listing__reset[disabled] {
        pointer-events: none;
        color: rgba(224,220,202,.3)
    }

        .jobs-listing__reset[disabled] .icon {
            color: rgba(224,220,202,.3)
        }

.jobs-listing__reset-text {
    margin-top: 2px
}

.jobs-listing__data {
    opacity: 0
}

.jobs-listing__data {
    margin-top: 64px
}

    .jobs-listing__data .hidden {
        min-height: 400px
    }

.jobs-listing__results .BambooHR-ATS-board {
    display: none
}

.jobs-listing__link {
    display: flex;
    width: 100%;
    padding-right: 6px
}

.jobs-listing__link {
    padding-top: 19px
}

.jobs-listing__link {
    padding-bottom: 17px
}

    .jobs-listing__link.cta-link::after {
        -webkit-transition-duration: .6s;
        transition-duration: .6s
    }

    .jobs-listing__link .text-rotation {
        height: 0
    }

        .jobs-listing__link .text-rotation .text-rotation__holder {
            -webkit-transition-duration: .6s;
            transition-duration: .6s
        }

        .jobs-listing__link .text-rotation .text-rotation__holder {
            gap: 2px
        }

        .jobs-listing__link .text-rotation span {
            letter-spacing: .03em
        }

        .jobs-listing__link .text-rotation span {
            font-size: 19px
        }

        .jobs-listing__link .text-rotation span {
            height: 0
        }

.jobs-listing__location {
    color: #fb1622;
    width: 100%;
    letter-spacing: .1em
}

.jobs-listing__location {
    max-width: 120px
}

.jobs-listing__category {
    width: 100%;
    color: #e0dcca
}

.jobs-listing__category {
    max-width: 200px
}

.jobs-listing__icon::after, .jobs-listing__icon::before {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.jobs-listing__icon::after, .jobs-listing__icon::before {
    font-size: 12px
}

.jobs-listing__load {
    margin-inline: auto
}

.jobs-listing__load {
    margin-top: 28px
}

    .jobs-listing__load .cta-link__icon {
        width: 25px
    }

    .jobs-listing__load .cta-link__icon {
        height: 20px
    }

        .jobs-listing__load .cta-link__icon::before {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

        .jobs-listing__load .cta-link__icon::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

    .jobs-listing__load.hidden {
        display: none
    }

@-webkit-keyframes border-color {
    from {
        border-color: rgba(224,220,202,0)
    }

    to {
        border-color: #e0dcca
    }
}

@keyframes border-color {
    from {
        border-color: rgba(224,220,202,0)
    }

    to {
        border-color: #e0dcca
    }
}

.custom-select {
    position: relative
}

.custom-select {
    min-width: 250px
}

.custom-select--active .custom-select__options {
    display: flex
}

.custom-select--active .custom-select__button .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-select--selected .custom-select__button {
    background-color: #fb1622;
    color: #000
}

    .custom-select--selected .custom-select__button .icon {
        color: #000
    }

.custom-select__native {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    height: 0
}

.custom-select__button {
    font-family: "Underground";
    color: #e0dcca;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid rgba(224,220,202,.3);
    letter-spacing: -0.03em;
    -webkit-transition: border-color .6s ease-in-out;
    transition: border-color .6s ease-in-out
}

.custom-select__button {
    border-radius: 100px
}

.custom-select__button {
    font-size: 16px
}

.custom-select__button {
    padding-block: 17px
}

.custom-select__button {
    padding-inline: 24px
}

    .custom-select__button .icon {
        color: #e0dcca;
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
    }

    .custom-select__button .icon {
        margin-right: 6px
    }

    .custom-select__button .icon {
        font-size: 10px
    }

    .custom-select__button > span {
        pointer-events: none
    }

    .custom-select__button[disabled] {
        color: rgba(224,220,202,.3)
    }

        .custom-select__button[disabled] .icon {
            color: rgba(224,220,202,.3)
        }

.custom-select__options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #e0dcca;
    background: rgba(0,0,0,0);
    margin-top: 4px;
    list-style: none;
    z-index: 10;
    background-color: #000;
    display: none;
    max-height: 250px
}

.custom-select__options {
    padding-block: 10px
}

.custom-select__options {
    padding-right: 20px
}

.custom-select__options {
    padding-left: 10px
}

.custom-select__options {
    border-radius: 30px
}

.custom-select__list {
    overflow: auto;
    width: 100%
}

.custom-select__item {
    font-family: "Underground";
    color: #e0dcca;
    cursor: pointer
}

.custom-select__item {
    padding: 10px
}

.custom-select__item {
    font-size: 16px
}

.loaded .custom-select__item {
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.custom-select__item:hover, .custom-select__item[aria-selected=true] {
    color: #fb1622
}

.hero-location {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #e0dcca
}

    .hero-location .btn {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        opacity: 0
    }

.loaded .hero-location .btn {
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.hero-location--init .btn, .hero-location--init .hero-location__title-wrap, .hero-location--init .hero-location__info-holder {
    opacity: 1
}

.hero-location--init .hero__image, .hero-location--init .hero-location__container, .hero-location--init .hero-location__image {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.hero-location__holder {
    position: relative;
    border-bottom: 1px solid rgba(224,220,202,.3);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end
}

.hero-location__title {
    position: relative;
    mix-blend-mode: difference
}

.hero-location__time {
    color: #fb1622;
    font-family: "YTFGiong";
    font-weight: 400;
    line-height: 1;
    font-style: italic;
    margin-top: 8px;
    letter-spacing: .01em
}

    .hero-location__time span {
        -webkit-animation: blink 1s steps(1, start) infinite;
        animation: blink 1s steps(1, start) infinite
    }

.hero-location__image {
    position: relative
}

.hero-location__image-src {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hero-location__details-content {
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap
}

.hero-location__intro-text {
    font-family: "YTFGiong";
    max-width: 1025px;
    display: block
}

.hero-location__info p {
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: .03em
}

.hero-location__info-holder {
    opacity: 0
}

.loaded .hero-location__info-holder {
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.hero-location__details-title {
    color: #fb1622;
    font-weight: 500
}

.hero-location__list-item {
    position: relative
}

    .hero-location__list-item .icon {
        position: absolute;
        left: 0;
        color: #fb1622
    }

        .hero-location__list-item .icon.font-ico-location {
            top: 0
        }

.hero-location__list-link {
    color: #e0dcca;
    letter-spacing: .01em;
    font-weight: 500;
    word-break: break-all
}

.loaded .hero-location__list-link {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.hero-location__title-wrap, .hero-location__overflow-container {
    position: relative;
    overflow: hidden
}

.hero-location__title-wrap {
    opacity: 0
}

.loaded .hero-location__title-wrap {
    -webkit-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.hero-location__container, .hero-location__image {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.loaded .hero-location__container, .loaded .hero-location__image {
    -webkit-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.hero-location__details-text {
    white-space: pre-wrap
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.awards {
    width: 100%
}

    .awards .headline-400, .awards .tag-100 {
        color: #e0dcca
    }

    .awards .tag-100 {
        letter-spacing: .01em
    }

.awards__headline {
    margin-bottom: 20px
}

.awards__row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(224,220,202,.3)
}

.awards__title-wrap {
    display: flex;
    align-items: center;
    width: 100%
}

.awards__img-wrap {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.awards__img-wrap {
    width: 16px
}

.awards__img-wrap {
    height: 16px
}

.awards__img-wrap {
    margin-right: 10px
}

.awards__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.awards__title {
    font-weight: 600
}

.awards__icon {
    color: #e0dcca
}

.awards__icon {
    margin-right: 10px
}

.awards__icon {
    font-size: 16px
}

.awards__type {
    width: 100%
}

.awards__brand {
    width: 100%
}

.awards__field {
    width: 100%;
    text-align: right
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }

    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px)
    }
}

@media only screen and (min-width: 768px) {
    .banner > .wrap {
        height: 100vh
    }

    .inspire__statement-text {
        letter-spacing: .01em
    }

    .hero-gif__gif {
        top: 42%
    }

    .hero-gif__subtitle {
        text-align: center
    }

    .stats .stats-number .stats-number__number {
        line-height: .85
    }

    @supports(font: -apple-system-body) {
        .stats .stats-number .stats-number__number {
            line-height: 1
        }
    }

    .stats--3 .stats__holder {
        grid-template-columns: repeat(3, 1fr)
    }

    .stats__holder .stats-number__text {
        line-height: 1.36
    }

    .hero-details__title {
        line-height: 1.2
    }

    @supports(font: -apple-system-body) {
        .hero-details__title {
            line-height: 1.4
        }
    }

    .vacancies-box__left {
        flex: 1 1 45%
    }

    .vacancies-box__right {
        flex: 1 1 45%
    }

        .vacancies-box__right .vacancies-box__text {
            letter-spacing: -0.01em
        }

    .info-card__text > * {
        letter-spacing: -0.002em
    }

    .accordion--mobile .accordion__list {
        grid-template-rows: 1fr;
        border-bottom: none
    }

    .accordion--mobile .accordion__btn .plus-icon {
        display: none
    }

    .accordion--mobile .accordion__btn {
        pointer-events: none
    }

    .accordion__btn.tag-200 {
        letter-spacing: .08em
    }

    .jobs-listing__number {
        vertical-align: top
    }

    .jobs-listing__filterbar {
        display: none
    }

    .jobs-listing__filters {
        position: relative;
        z-index: 2
    }

    .hero-location__info-holder {
        text-align: right
    }
}

@media only screen and (min-width: 768px)and (max-width: 1199.98px) {
    .wrap {
        padding: 0 32px
    }

    .splide__arrows {
        margin-top: 32px
    }

    .splide__arrow {
        flex: 0 0 56px;
        max-width: 56px;
        height: 56px
    }

    .rte h1, .h1 {
        font-size: 80px;
        line-height: 156px
    }

    .rte h2, .h2 {
        font-size: 72px;
        line-height: 72px
    }

    .rte h3, .h3 {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: .48px
    }

    .rte h4, .h4 {
        font-size: 36px;
        line-height: 42px;
        letter-spacing: .36px
    }

    .rte h5, .h5 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .rte h6, .h6 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .h7 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .2px
    }

    .display-300 {
        font-size: 170px;
        line-height: 152px
    }

    .display-200 {
        font-size: 150px;
        line-height: 150px;
        letter-spacing: -1.5px
    }

    .display-100 {
        font-size: 100px;
        line-height: 100px;
        letter-spacing: -1px
    }

    .headline-700 {
        font-size: 80px;
        line-height: 72px
    }

    .headline-600 {
        font-size: 72px;
        line-height: 72px
    }

    .headline-500 {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: .48px
    }

    .headline-400 {
        font-size: 36px;
        line-height: 42px;
        letter-spacing: .36px
    }

    .headline-200 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .headline-100 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .2px
    }

    .featured-text-500 {
        font-size: 42px;
        line-height: 42px
    }

    .featured-text-400 {
        font-size: 36px;
        line-height: 40px
    }

    .featured-text-300 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: .28px
    }

    .featured-text-200 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .featured-text-100, .rte th {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .2px
    }

    .tag-200 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .7px
    }

    .tag-100 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .6px
    }

    .text-300, .accordion__btn.headline-300 + .accordion__list p, .vacancies-box__submit a {
        font-size: 16px;
        line-height: 20px
    }

    .text-200 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.42px
    }

    .btn {
        padding: 18px
    }

    .play-reel {
        font-size: 24px;
        letter-spacing: .48px
    }

    .plus-icon {
        width: 15px
    }

    .footer {
        padding: 32px 0
    }

    .footer__item {
        gap: 13px;
        margin-bottom: 3px
    }

        .footer__item::after {
            right: 7px;
            height: 20px
        }

    .footer__text {
        font-size: 24px;
        letter-spacing: 1.3px
    }

    .footer__title {
        font-size: 186px;
        letter-spacing: 0
    }

    .footer__links-link {
        margin-right: 5px
    }

    .card__image {
        height: 420px
    }

    .card__video-holder {
        height: 420px
    }

    .banner__image {
        width: 546px;
        height: 444px
    }

    .banner__text {
        font-size: 32px;
        line-height: 32px
    }

    .banner__intro {
        padding-bottom: 24px
    }

    .banner__rotate-text {
        font-size: 12px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: 1.2px;
        height: 15px
    }

    .banner__rotate {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .cta-link .text-rotation span {
        font-size: 24px
    }

    .cta-link .text-rotation {
        font-size: 25px;
        height: 25px
    }

    .cta-link {
        padding: 4px 0
    }

    .spacer {
        height: 100px
    }

    .spacer--8 {
        height: 8px
    }

    .spacer--12 {
        height: 10px
    }

    .spacer--16 {
        height: 10px
    }

    .spacer--32 {
        height: 26px
    }

    .spacer--48 {
        height: 48px
    }

    .spacer--64 {
        height: 56px
    }

    .spacer--88 {
        height: 64px
    }

    .spacer--100 {
        height: 80px
    }

    .spacer--160 {
        height: 120px
    }

    .spacer--200 {
        height: 160px
    }

    .spacer--300 {
        height: 160px
    }

    .spacer--top, .spacer--bottom {
        width: calc(100% - 64px);
        left: 32px
    }

    .services .cta-link {
        margin-top: 58px
    }

    .services .wrap {
        padding: 0 34px
    }

    .services__tag {
        margin-bottom: 40px
    }

    .services__item {
        padding: 20px 0
    }

        .services__item:not(:first-of-type) {
            margin-top: 39px
        }

    .services__number, .services__text {
        font-size: 24px
    }

    .services__title .text-rotation {
        font-size: 50px
    }

    .services__title .text-rotation {
        height: 55px
    }

    .services__text {
        letter-spacing: .01em;
        margin-top: 23px
    }

    .services__media {
        margin-top: 9px
    }

    .intro__text {
        font-size: 42px;
        line-height: 42px;
        letter-spacing: 0
    }

        .intro__text + .cta-link {
            margin-bottom: 36px
        }

    .solutions .wrap {
        padding: 0 32px
    }

    .solutions__wrapper > .cta-link {
        margin-top: 30px
    }

    .solutions__title {
        margin-bottom: 13px
    }

    .solutions__tag {
        padding-bottom: 33px
    }

    .solutions__title + .solutions__list {
        border-top: 1px solid #e0dcca
    }

    .solutions__link.cta-link {
        padding-bottom: 12px
    }

    .solutions__link .text-rotation {
        letter-spacing: 0.24px
    }

    .solutions__link .text-rotation {
        font-size: 24px
    }

    .solutions__link .text-rotation {
        height: 28px
    }

    .solutions__icon {
        margin-bottom: 5px
    }

    .inspire__row:not(:last-of-type) {
        margin-bottom: 17px
    }

    .inspire__title {
        font-size: 150px
    }

    .inspire__title {
        letter-spacing: -1.2px
    }

    .inspire__title--reverse {
        margin-right: 12px
    }

    .inspire__media {
        width: 213px
    }

    .inspire__media {
        margin-left: 27px
    }

    .inspire__statement {
        margin-top: 13px
    }

    .inspire__statement-text {
        font-size: 42px
    }

    .hero__text {
        font-size: 32px;
        line-height: 20px
    }

    .hero__image-wrap {
        margin-top: 55px
    }

    .hero__image-wrap {
        padding-bottom: 127.84%
    }

    .error__title {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .sitemap__links {
        margin-bottom: 30px
    }

    .sitemap__item--main[class]:not(:only-child) {
        margin-bottom: 24px
    }

    .sitemap__item--main .cta-link__icon {
        width: 30px;
        padding-left: 9px;
        padding-bottom: 4px
    }

        .sitemap__item--main .cta-link__icon::before, .sitemap__item--main .cta-link__icon::after {
            font-size: 16px
        }

    .sitemap__item--main .text-rotation {
        height: 36px
    }

        .sitemap__item--main .text-rotation span {
            font-size: 32px
        }

    .sitemap__item--main .text-rotation__holder span {
        color: #fb1622
    }

        .sitemap__item--main .text-rotation__holder span + span {
            color: #fb1622
        }

    .sitemap__item {
        margin-bottom: 4px
    }

    .card-media__text {
        font-size: 24px
    }

    .hero-gif > .wrap {
        min-height: 601px
    }

    .hero-gif__holder {
        margin-top: 160px
    }

    .hero-gif__gif {
        width: 39vw
    }

    .hero-gif__title:not(.hero-gif__title--big) {
        letter-spacing: -0.012em;
        font-size: 30vw
    }

    .hero-gif__title--big {
        letter-spacing: -0.007em;
        margin-left: -6px;
        font-size: 29vw
    }

    .hero-gif__center {
        margin-top: 8px
    }

    .hero-gif__subtitle:first-child {
        margin-right: 7px
    }

    .hero-gif__subtitle:last-child {
        margin-left: 6px
    }

    .hero-gif__subtitle {
        font-size: 3.2vw
    }

    .people-block {
        padding-top: 64px
    }

    .people-block__top {
        padding-bottom: 23px
    }

    .people-block__title {
        max-width: 350px
    }

    .people-block__inner {
        gap: 16px
    }

    .stats-number .stats-number__number {
        font-size: 120px
    }

    .stats-number .stats-number__number {
        line-height: 156px
    }

    .stats-number__text {
        font-size: 16px
    }

    .person__img-wrap {
        margin-bottom: 26px
    }

    .person__img-in {
        margin-bottom: 17px
    }

    .person__name {
        margin-bottom: 3px
    }

    .text-block--asymmetric .person__position {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .text-block .person-wrap {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .text-block .person {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }

    .text-block .person__img-wrap {
        margin-bottom: 48px
    }

    .text-block__title {
        max-width: 300px
    }

    .intro-service__container {
        padding: 250px 0 290px
    }

    .intro-service__img-wrap--1 .intro-service__img, .intro-service__img-wrap--2 .intro-service__img {
        max-width: 127px;
        max-height: 127px
    }

    .intro-service__img-wrap--3 .intro-service__img, .intro-service__img-wrap--4 .intro-service__img {
        max-width: 200px;
        max-height: 200px
    }

    .intro-service__img-wrap--1 {
        left: 0;
        margin-bottom: 48px
    }

    .intro-service__img-wrap--2 {
        right: 0;
        margin-top: 48px
    }

    .intro-service__img-wrap--3 {
        left: 0;
        margin-top: 28px
    }

    .intro-service__img-wrap--4 {
        right: 0
    }

    .quote__inner {
        max-width: 663px
    }

    .quote__author {
        margin-bottom: 25px
    }

    .quote__text::before {
        top: 0
    }

    .quote__text::before {
        left: -12px
    }

    .quote__text::after {
        top: -2px
    }

    .mask-video__video-container {
        height: 288px
    }

    .mask-video__headline {
        font-size: 170px
    }

    .mask-video__title-wrap {
        margin-bottom: 15px
    }

    .mask-video__title {
        font-size: 48px
    }

    .mask-video__title {
        margin-left: 9px
    }

    .mask-video__title-number {
        font-size: 24px
    }

    .stats__holder {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .stats__holder {
        row-gap: 44px
    }

        .stats__holder .stats-number__text {
            margin-top: 2px;
            max-width: 83%
        }

    .hero-details {
        margin-top: 159px
    }

    .hero-details__title {
        font-size: 80px
    }

    .hero-details__title {
        margin-top: 20px
    }

    .hero-details__title {
        margin-bottom: 15px
    }

    .hero-details__content {
        padding-top: 42px
    }

    .hero-details__logo {
        margin-top: 6px
    }

    .hero-details__text {
        margin-top: 25px;
        line-height: 1.2
    }

    .media__title {
        margin-top: 18px
    }

    .hero-careers > .wrap {
        margin-top: 160px
    }

    .hero-careers__title {
        font-size: 167px
    }

        .hero-careers__title:last-of-type {
            margin-top: 18px
        }

    .hero-careers__middle {
        font-size: 160px
    }

    .hero-careers__middle {
        margin-left: 4px
    }

    .hero-careers__middle {
        margin-top: 8px
    }

    .hero-careers__text {
        margin-top: 16px
    }

    .hero-careers__text {
        font-size: 15px;
        letter-spacing: .46em
    }

    .vacancies-box__inner {
        padding-bottom: 31px
    }

    .vacancies-box__inner {
        padding-right: 33px
    }

    .vacancies-box__inner {
        padding-left: 33px
    }

    .vacancies-box__left {
        margin-bottom: 15px
    }

    .vacancies-box__title {
        max-width: 350px
    }

    .vacancies-box__right {
        padding-left: 9px
    }

    .vacancies-box__right {
        padding-right: 9px
    }

        .vacancies-box__right .vacancies-box__text {
            line-height: 20px
        }

        .vacancies-box__right .vacancies-box__text {
            margin-bottom: 25px
        }

    .vacancies-box__cta {
        margin-top: 42px
    }

    .banner-contact {
        padding-top: 155px
    }

    .banner-contact__video-container {
        height: 220px
    }

    .banner-contact__headline {
        font-size: 257px
    }

    .banner-contact__title-wrap {
        margin-bottom: 15px
    }

    .banner-contact__title {
        font-size: 72px
    }

    .banner-contact__title {
        letter-spacing: -0.01em
    }

        .banner-contact__title:last-of-type {
            margin-top: -5px
        }

    .cards-slider__number {
        font-size: 29px
    }

    .cards-slider__number {
        margin-top: 3px
    }

    .cards-slider__number {
        margin-left: 8px
    }

    .cards-slider__wrapper {
        margin-top: 40px
    }

        .cards-slider__wrapper .splide__arrows {
            margin-top: 37px
        }

        .cards-slider__wrapper .splide__arrows {
            gap: 10px
        }

    .info-card__media {
        margin-top: 17px
    }

    .info-card__media {
        aspect-ratio: 9/6
    }

    .info-card__text {
        margin-top: 25px
    }

        .info-card__text > * {
            font-size: 16px
        }

        .info-card__text > * {
            line-height: 1.3
        }

    .intro-block .cta-link {
        margin-top: 32px
    }

    .intro-block__title {
        padding: 0 10px;
        margin-bottom: 32px
    }

    .media-block__card {
        padding-bottom: 62.5%;
        border-radius: 16px
    }

    .media-block__link-rotation {
        font-size: 72px
    }

    .media-block__title {
        margin-bottom: 30px
    }

    .media-block__text {
        font-size: 24px;
        line-height: 24px;
        bottom: 24px
    }

    .logo__item {
        height: 100px
    }

    .brands--wide .brands__content {
        margin-bottom: 126px
    }

    .brands--wide .brands__title {
        max-width: 300px
    }

    .brands--wide .brands__tag {
        margin-bottom: 38px
    }

    .brands__title-wrap {
        margin-bottom: 104px
    }

    .location-list__wrap {
        padding-bottom: 44px
    }

    .location-list__wrap {
        margin-bottom: 58px
    }

    .location-list__city {
        margin-bottom: 14px
    }

    .location-list__city-link {
        font-size: 48px
    }

    .location-list__counter {
        right: 4px
    }

    .location-list__counter {
        top: -16px
    }

    .location-list__counter {
        font-size: 20px
    }

    .social-media__container {
        padding: 330px 0 350px
    }

    .social-media__title {
        font-size: 32px;
        letter-spacing: .32px;
        margin-bottom: 7px
    }

    .social-media__list {
        row-gap: 6px
    }

    .social-media__link {
        margin: 0 16px
    }

        .social-media__link.text-rotation {
            font-size: 72px;
            height: 72px;
            letter-spacing: .72px
        }

    .social-media__img-wrap--1 {
        top: 0;
        left: 0;
        width: 164px;
        height: 292px
    }

    .social-media__img-wrap--2 {
        top: 3.3%;
        left: 41.3%;
        width: 121px;
        height: 152px
    }

    .social-media__img-wrap--3 {
        top: 8%;
        right: 0;
        width: 152px;
        height: 126px
    }

    .social-media__img-wrap--4 {
        bottom: 18%;
        left: 0;
        width: 104px;
        height: 104px
    }

    .social-media__img-wrap--5 {
        bottom: 4%;
        left: 30.6%;
        width: 120px;
        height: 176px
    }

    .social-media__img-wrap--6 {
        display: none
    }

    .social-media__img-wrap--7 {
        bottom: 0;
        right: 0;
        width: 164px;
        height: 292px
    }

    .hero-text__wrapper .btn {
        margin-bottom: 24px
    }

    .hero-text__wrapper {
        margin-top: 159px
    }

    .hero-text__title {
        max-width: 90%;
        margin-inline: auto
    }

        .hero-text__title .split-parent:not(:first-of-type) {
            margin-top: -16px
        }

    .hero-text__text {
        margin-top: 28px
    }

        .hero-text__text.featured-text-200 {
            line-height: 1.2
        }

    .hero-text__rotate {
        margin-top: 114px
    }

        .hero-text__rotate .banner__rotate {
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px
        }

        .hero-text__rotate .banner__rotate-text {
            font-size: 14px;
            height: 15px
        }

    .hero-text__image {
        margin-top: 32px
    }

    .hero-text__image {
        aspect-ratio: 16/10
    }

    .accordion.accordion--mobile {
        margin-top: 28px
    }

    .accordion__item {
        letter-spacing: -0.04em
    }

    .upcoming-events__img-wrap {
        margin-bottom: 26px
    }

    .upcoming-events__img-in {
        margin-bottom: 26px
    }

    .upcoming-events__time-inner {
        margin-right: 14px
    }

    .upcoming-events__time-in .ico {
        margin-right: 12px
    }

    .jobs-listing {
        margin-top: 161px
    }

    .jobs-listing--standard {
        margin-top: 240px
    }

    .jobs-listing__back {
        margin-bottom: 21px
    }

    .jobs-listing__header {
        padding-bottom: 21px
    }

    .jobs-listing__inner {
        padding-top: 11px
    }

    .jobs-listing__number {
        font-size: 47px
    }

    .jobs-listing__number {
        margin-top: -12px;
        margin-left: 5px
    }

    .jobs-listing__filters {
        margin-top: 48px
    }

    .jobs-listing__reset {
        padding-left: 27px
    }

    .jobs-listing__data {
        margin-top: 63px
    }

    .jobs-listing__list {
        gap: 48px 16px
    }

    .jobs-listing__link .text-rotation {
        height: 21px
    }

        .jobs-listing__link .text-rotation span {
            height: 19px
        }

    .jobs-listing__link {
        min-height: 171px
    }

    .jobs-listing__icon::after, .jobs-listing__icon::before {
        font-size: 13px
    }

    .jobs-listing__icon {
        margin-bottom: 14px
    }

    .jobs-listing__load {
        margin-top: 43px
    }

        .jobs-listing__load .cta-link__icon {
            width: 27px
        }

    .custom-select {
        min-width: 224px
    }

    .custom-select__button {
        padding-block: 15px
    }

    .custom-select__button {
        padding-inline: 23px
    }

    .hero-location__holder {
        padding: 80px 0 46px;
        margin-bottom: 52px
    }

    .hero-location__time {
        display: none
    }

    .hero-location__image {
        padding-bottom: 62.5%
    }

    .hero-location__details {
        margin-top: 42px
    }

    .hero-location__details-content {
        width: 100%
    }

    .hero-location__details-item {
        flex: 1 1 43%;
        max-width: 43%;
        padding-right: 20px
    }

    .hero-location__info-holder {
        display: none
    }

    .hero-location__details-title {
        margin-bottom: 18px
    }

    .hero-location__list {
        margin-top: 18px
    }

    .hero-location__list-item {
        padding-left: 26px
    }

        .hero-location__list-item:not(:last-child) {
            margin-bottom: 8px
        }

        .hero-location__list-item .icon {
            top: -2px;
            font-size: 16px
        }

    .awards__headline {
        margin-bottom: 38px
    }

    .awards__img-wrap {
        margin-right: 16px
    }

    .awards__icon {
        margin-right: 16px
    }
}

@media only screen and (min-width: 768px)and (max-width: 991.98px) {
    .plyr .plyr__controls {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header {
        padding-top: 18px
    }

    .header__logo {
        height: 90px;
        min-width: 90px;
        max-width: 120px
    }

    .nav__link .text-rotation__holder {
        font-size: 80px;
        height: 80px
    }

    .header__social-item:not(:last-child) {
        margin-bottom: 10px
    }

    .banner--init .banner__image {
        -webkit-transform: translate(-50%, -64%);
        transform: translate(-50%, -64%)
    }

    .banner__title {
        font-size: 168px;
        padding: 30px 0 20px
    }

    .hero {
        padding-top: 150px
    }

    .hero__title {
        font-size: 186px;
        padding: 20px 0 10px
    }

    .hero__title--big {
        font-size: 244px;
        padding: 10px 0
    }

    .hero__title--small {
        font-size: 164px;
        padding: 26px 0
    }

    .error-500-logo {
        padding-top: 18px
    }

    .people-block__top .stats-number__text {
        max-width: 190px
    }

    .people-block__title {
        padding-top: 15px
    }

    .people-block__number {
        text-align: right
    }

        .people-block__number .stats-number .stats-number__number {
            line-height: .8;
            margin-bottom: 4px
        }

    .location-list__wrap--location .location-list__title {
        margin-bottom: 0
    }

    .location-list__wrap--location .location-list__subtitle {
        margin-bottom: 19px
    }

    .location-list__wrap--location .location-list__item {
        margin-bottom: 33px
    }

        .location-list__wrap--location .location-list__item:last-of-type {
            margin-bottom: 0
        }

    .location-list__wrap--location .location-list__city-link {
        letter-spacing: .01em
    }

    .location-list__title {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) {
    .header {
        padding-top: clamp(14px,0.8333333333vw,25px)
    }

        .header:not(.header--open) {
            background-color: rgba(0,0,0,.7)
        }

    .header--hidden + .header__home--main {
        -webkit-transform: translate(-50%, calc(-100% - clamp(14px,0.8333333333vw,25px)));
        transform: translate(-50%, calc(-100% - clamp(14px,0.8333333333vw,25px)))
    }

    .header__holder {
        display: none
    }

    .header__nav-inner {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .header__logo {
        height: clamp(99px,6.0416666667vw,185px);
        max-width: clamp(119px,7.2916666667vw,224px)
    }

    .nav {
        flex: 1 1 50%;
        max-width: 50%
    }

    .nav--secondary .nav__item {
        text-align: right
    }

    .nav__list {
        display: flex;
        justify-content: space-between
    }

    .nav__item {
        flex: 1 1 clamp(238px,14.53125vw,446px);
        max-width: clamp(238px,14.53125vw,446px)
    }

    .nav__link .text-rotation {
        font-size: clamp(17px,1.0416666667vw,32px);
        height: clamp(17px,1.0416666667vw,32px);
        letter-spacing: .15em
    }

    .nav__link .text-rotation__holder span {
        color: #e0dcca
    }

        .nav__link .text-rotation__holder span + span {
            color: #fb1622
        }

    .header__info {
        display: none
    }

    .banner__title {
        font-size: clamp(168px,21.875vw,672px);
        padding: clamp(28px,1.6666666667vw,51px) 0 28px
    }

    .hero {
        padding-top: clamp(128px,7.8125vw,240px)
    }

    .hero__title {
        padding: clamp(17px,1.0416666667vw,32px) 0 clamp(9px,0.5208333333vw,16px);
        font-size: clamp(186px,24.375vw,748px)
    }

    .hero__title--big {
        padding: clamp(9px,0.5208333333vw,16px) 0;
        font-size: clamp(244px,32.1875vw,988px)
    }

    .hero__title--small {
        padding: clamp(30px,1.8229166667vw,56px) 0;
        font-size: clamp(164px,21.6666666667vw,665px)
    }

    .error__in {
        padding-top: clamp(134px,8.1770833333vw,251px);
        display: flex;
        justify-content: center
    }

    .error__inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: clamp(455px,27.8645833333vw,856px);
        padding-top: clamp(46px,2.8125vw,86px)
    }

    .error__gif {
        width: clamp(97px,5.8854166667vw,180px);
        margin-bottom: clamp(17px,1.0416666667vw,32px)
    }

    .error__title {
        margin-bottom: clamp(28px,1.6666666667vw,51px)
    }

    .error__sub-title {
        font-size: clamp(14px,0.8333333333vw,25px);
        margin-bottom: clamp(17px,1.0416666667vw,32px)
    }

    .error__picture {
        display: flex;
        justify-content: center;
        height: 84vh
    }

        .error__picture .image {
            height: 100%
        }

    .error-500-logo {
        padding-top: clamp(14px,0.8333333333vw,25px)
    }

    .error__text {
        font-size: clamp(800px,52.0833333333vw,1600px);
        bottom: clamp(-20px,-1.25vw,-39px)
    }

    .card-media__video-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .people-block__inner {
        grid-template-columns: repeat(var(--num, 5), 1fr)
    }

    .person__img-in {
        padding-bottom: 111.9048%
    }

    .person__img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .6s ease;
        transition: .6s ease
    }

    .vacancies-box__cta .cta-link__icon {
        position: absolute;
        right: 0
    }

    .location-list__wrap {
        gap: clamp(21px,1.25vw,38px)
    }

        .location-list__wrap:not(.location-list__wrap--location) {
            display: flex;
            flex-wrap: wrap
        }

            .location-list__wrap:not(.location-list__wrap--location) .location-list__item:not(.location-list__item--title) {
                flex-grow: 1;
                flex-shrink: 1;
                flex-basis: calc(37.5% - clamp(14px,0.8333333333vw,25px));
                max-width: calc(37.5% - clamp(14px,0.8333333333vw,25px))
            }

            .location-list__wrap:not(.location-list__wrap--location) .location-list__item--title {
                flex-grow: 1;
                flex-shrink: 1;
                flex-basis: calc(25% - clamp(14px,0.8333333333vw,25px));
                max-width: calc(25% - clamp(14px,0.8333333333vw,25px))
            }

    .location-list__wrap--location {
        grid-template-columns: repeat(4, 1fr)
    }

    .upcoming-events__img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .6s ease;
        transition: .6s ease
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199.98px) {
    .banner--init .banner__image {
        -webkit-transform: translate(-50%, -54%);
        transform: translate(-50%, -54%)
    }
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr--fullscreen-fallback .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

@media only screen and (min-width: 1200px) {
    .wrap {
        max-width: clamp(1632px,100vw,3072px);
        padding: 0 clamp(32px,3.75vw,115px)
    }

    .splide__arrows {
        -webkit-column-gap: clamp(9px,0.5208333333vw,16px);
        -moz-column-gap: clamp(9px,0.5208333333vw,16px);
        column-gap: clamp(9px,0.5208333333vw,16px);
        margin-top: clamp(28px,1.6666666667vw,51px)
    }

    .splide__arrow {
        flex: 0 0 clamp(48px,2.9166666667vw,89px);
        max-width: clamp(48px,2.9166666667vw,89px);
        height: clamp(48px,2.9166666667vw,89px)
    }

        .splide__arrow .icon {
            font-size: clamp(14px,0.8333333333vw,25px)
        }

    .rte ul {
        padding-left: clamp(17px,1.0416666667vw,32px)
    }

    .rte ol {
        padding-left: clamp(26px,1.5625vw,48px)
    }

    .rte h1, .h1 {
        font-size: clamp(80px,8.3333333333vw,256px);
        line-height: clamp(72px,7.5vw,230px)
    }

    .rte h2, .h2 {
        font-size: clamp(72px,6.25vw,192px);
        line-height: clamp(72px,6.25vw,192px)
    }

    .rte h3, .h3 {
        font-size: clamp(48px,3.3333333333vw,102px);
        line-height: clamp(55px,3.3333333333vw,102px);
        letter-spacing: clamp(0.48px,0.0333333333vw,1px)
    }

    .rte h4, .h4 {
        font-size: clamp(36px,2.0833333333vw,64px);
        line-height: clamp(42px,2.5vw,76px);
        letter-spacing: clamp(0.36px,0.0208333333vw,0px)
    }

    .rte h5, .h5 {
        font-size: clamp(24px,1.6666666667vw,51px);
        line-height: clamp(28px,1.9791666667vw,60px);
        letter-spacing: clamp(0.24px,0.0166666667vw,0px)
    }

    .rte h6, .h6 {
        font-size: clamp(21px,1.25vw,38px);
        line-height: clamp(24px,1.4583333333vw,44px);
        letter-spacing: clamp(1px,0.0125vw,0px)
    }

    .h7 {
        font-size: clamp(17px,1.0416666667vw,32px);
        line-height: clamp(21px,1.25vw,38px);
        letter-spacing: clamp(1px,0.0104166667vw,0px)
    }

    .display-300 {
        font-size: clamp(170px,19.7916666667vw,608px);
        line-height: clamp(152px,17.8125vw,547px)
    }

    .display-200 {
        font-size: clamp(150px,16.1458333333vw,496px);
        line-height: clamp(150px,16.1458333333vw,496px);
        letter-spacing: clamp(-2px,-0.1614583333vw,-5px)
    }

    .display-100 {
        font-size: clamp(100px,8.3333333333vw,256px);
        line-height: clamp(100px,8.3333333333vw,256px);
        letter-spacing: clamp(-1px,-0.0833333333vw,-3px)
    }

    .headline-700 {
        font-size: clamp(80px,8.3333333333vw,256px);
        line-height: clamp(72px,7.5vw,230px)
    }

    .headline-600 {
        font-size: clamp(72px,6.25vw,192px);
        line-height: clamp(72px,6.25vw,192px)
    }

    .headline-500 {
        font-size: clamp(48px,3.3333333333vw,102px);
        line-height: clamp(48px,3.3333333333vw,102px);
        letter-spacing: clamp(0.48px,0.0333333333vw,1px)
    }

    .headline-400 {
        font-size: clamp(36px,2.0833333333vw,64px);
        line-height: clamp(42px,2.5vw,76px);
        letter-spacing: clamp(0.36px,0.0208333333vw,0px)
    }

    .headline-300 {
        font-size: clamp(24px,1.6666666667vw,51px);
        line-height: clamp(28px,1.9791666667vw,60px);
        letter-spacing: clamp(0.24px,0.0166666667vw,0px)
    }

    .headline-200 {
        font-size: clamp(21px,1.25vw,38px);
        line-height: clamp(24px,1.4583333333vw,44px);
        letter-spacing: clamp(1px,0.0125vw,0px)
    }

    .headline-100 {
        font-size: clamp(17px,1.0416666667vw,32px);
        line-height: clamp(21px,1.25vw,38px);
        letter-spacing: clamp(1px,0.0104166667vw,0px)
    }

    .featured-text-500 {
        font-size: clamp(42px,3.75vw,115px);
        line-height: clamp(42px,3.75vw,115px)
    }

    .featured-text-400 {
        font-size: clamp(36px,2.9166666667vw,89px);
        line-height: clamp(40px,3.2291666667vw,99px)
    }

    .featured-text-300 {
        font-size: clamp(28px,2.5vw,76px);
        line-height: clamp(34px,3.0208333333vw,92px);
        letter-spacing: clamp(0.28px,0.025vw,0px)
    }

    .featured-text-200 {
        font-size: clamp(24px,1.6666666667vw,51px);
        line-height: clamp(28px,1.9791666667vw,60px);
        letter-spacing: .01em
    }

    .featured-text-100, .rte th {
        font-size: clamp(20px,1.25vw,38px);
        line-height: clamp(24px,1.4583333333vw,44px);
        letter-spacing: clamp(0.2px,0.0125vw,0px)
    }

    .tag-200 {
        font-size: clamp(14px,0.8333333333vw,25px);
        line-height: clamp(20px,1.1458333333vw,35px);
        letter-spacing: clamp(0.7px,0.0416666667vw,1px)
    }

    .tag-100 {
        font-size: clamp(12px,0.7291666667vw,22px);
        line-height: clamp(16px,1.0416666667vw,32px);
        letter-spacing: clamp(0.6px,0.0364583333vw,1px)
    }

    .text-600 {
        font-size: clamp(16px,1.25vw,38px);
        line-height: clamp(20px,1.4583333333vw,44px);
        letter-spacing: clamp(0px,-0.05vw,-2px)
    }

    p, .text-500, .text-block p, .rte li, .rte td {
        font-size: clamp(16px,1.0416666667vw,32px);
        line-height: clamp(20px,1.3541666667vw,41px);
        letter-spacing: .01em
    }

    .text-400 {
        font-size: clamp(16px,0.9375vw,28px);
        line-height: clamp(20px,1.25vw,38px);
        letter-spacing: clamp(0px,-0.028125vw,-1px)
    }

    .text-300, .accordion__btn.headline-300 + .accordion__list p, .vacancies-box__submit a {
        font-size: clamp(14px,0.8333333333vw,25px);
        line-height: clamp(17px,1.0416666667vw,32px)
    }

    .text-200 {
        font-size: clamp(12px,0.7291666667vw,22px);
        line-height: clamp(16px,0.9375vw,28px);
        letter-spacing: clamp(0px,-0.021875vw,-1px)
    }

    .text-100 {
        font-size: clamp(11px,0.625vw,19px);
        line-height: clamp(14px,0.8333333333vw,25px);
        letter-spacing: clamp(0px,-0.01875vw,-1px)
    }

    .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte p, .rte a, .rte li, .rte table {
        margin-bottom: clamp(13px,0.78125vw,24px)
    }

    .rte td, .rte th {
        padding: clamp(9px,0.5208333333vw,16px)
    }

    .rte th {
        padding-top: clamp(11px,0.625vw,19px)
    }

    .rte th {
        padding-bottom: clamp(11px,0.625vw,19px)
    }

    .active-focus a:focus, .active-focus button:focus {
        outline: 1px dashed #fb1622
    }

    .btn {
        padding: clamp(16px,0.9375vw,28px)
    }

        .btn .icon {
            font-size: clamp(17px,0.9895833333vw,30px)
        }

    .btn {
        border-color: rgba(224,220,202,.3)
    }

        .btn .icon {
            color: #e0dcca
        }

    .cta-button {
        width: clamp(79px,4.7916666667vw,147px);
        height: clamp(79px,4.7916666667vw,147px);
        border-radius: clamp(51px,3.125vw,96px)
    }

    .cta-button__text {
        font-size: clamp(20px,1.5625vw,48px);
        letter-spacing: clamp(1px,0.0104166667vw,0px)
    }

        .cta-button__text span {
            padding-right: clamp(8px,0.5208333333vw,16px);
            font-style: italic;
            padding-left: clamp(8px,0.625vw,19px);
            position: relative;
            left: 20px
        }

    .active-focus .skip-link:focus {
        opacity: 1;
        outline: 2px solid #fb1622;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .play-reel {
        font-size: clamp(28px,1.6666666667vw,51px);
        letter-spacing: clamp(1px,0.0333333333vw,1px)
    }

        .play-reel .icon {
            width: clamp(31px,1.875vw,57px);
            height: clamp(34px,2.0833333333vw,64px);
            font-size: clamp(31px,1.875vw,57px);
            margin-right: clamp(9px,0.5208333333vw,16px)
        }

    .plus-icon {
        width: clamp(13px,0.78125vw,24px)
    }

    .footer {
        padding-bottom: clamp(32px,2.6041666667vw,80px);
        padding-top: clamp(32px,2.6041666667vw,80px)
    }

    .footer__item {
        gap: clamp(29px,2.34375vw,72px);
        margin-bottom: clamp(3px,0.15625vw,4px)
    }

    .footer__link-wrap.text-rotation {
        height: clamp(28px,1.6666666667vw,51px)
    }

    .footer__text {
        font-size: clamp(24px,1.6666666667vw,51px);
        height: clamp(28px,1.6666666667vw,51px)
    }

    .footer__holder {
        margin: clamp(24px,1.875vw,57px) 0
    }

    .footer__title {
        font-size: clamp(177px,24.4791666667vw,752px)
    }

    .footer__social-item.text-rotation {
        height: clamp(12px,0.6770833333vw,20px)
    }

    .footer__social-link {
        font-size: clamp(14px,0.8333333333vw,25px);
        margin-right: clamp(20px,1.40625vw,43px)
    }

    .footer__links-link {
        font-size: clamp(14px,0.8333333333vw,25px);
        margin-right: clamp(5px,1.40625vw,43px)
    }

    .footer__copy {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .footer__btn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .card__image {
        height: clamp(420px,32.2916666667vw,992px)
    }

    .card__video {
        min-width: clamp(340px,20.8333333333vw,640px)
    }

    .card__video-holder {
        height: clamp(420px,32.2916666667vw,992px)
    }

    .banner--init .banner__image {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .banner__image {
        width: clamp(772px,47.2916666667vw,1452px);
        height: clamp(624px,38.2291666667vw,1174px)
    }

    .banner__text {
        font-size: clamp(41px,2.5vw,76px);
        line-height: .8
    }

    .banner__intro {
        padding-bottom: clamp(24px,1.4583333333vw,44px)
    }

    .banner__middle-text {
        height: clamp(12px,0.7291666667vw,22px)
    }

    .banner__rotate-text {
        font-size: clamp(12px,0.7291666667vw,22px);
        line-height: clamp(12px,0.7291666667vw,22px);
        letter-spacing: clamp(2px,0.0729166667vw,2px);
        height: clamp(12px,0.7291666667vw,22px)
    }

    .banner__rotate {
        -webkit-column-gap: clamp(9px,0.5208333333vw,16px);
        -moz-column-gap: clamp(9px,0.5208333333vw,16px);
        column-gap: clamp(9px,0.5208333333vw,16px)
    }

    .banner__text-info {
        font-size: clamp(12px,0.7291666667vw,22px)
    }

    .banner__group-text .banner__text {
        font-size: clamp(28px,1.6666666667vw,51px)
    }

    .text-rotation {
        font-size: clamp(28px,1.6666666667vw,51px);
        height: clamp(28px,1.6666666667vw,51px)
    }

    .media-revealer .plyr {
        width: clamp(1510px,92.5vw,2841px);
        height: clamp(765px,46.875vw,1440px)
    }

    .media-revealer__container {
        height: clamp(400px,46.875vw,1440px)
    }

    .media-revealer__holder {
        min-width: clamp(490px,30vw,921px);
        min-height: clamp(490px,30vw,921px);
        width: 30%;
        height: 30%;
        border-radius: 50%;
        overflow: hidden;
        max-width: 100%
    }

    .media-revealer__frame {
        height: clamp(400px,46.875vw,1440px)
    }

    .media-revealer__play {
        opacity: 0;
        visibility: hidden
    }

    .cta-link .text-rotation span {
        font-size: clamp(24px,1.6666666667vw,51px)
    }

    .cta-link .text-rotation span {
        height: clamp(28px,1.6666666667vw,51px)
    }

        .cta-link .text-rotation span:last-of-type {
            font-style: italic
        }

    .cta-link__icon {
        width: clamp(21px,1.25vw,38px)
    }

    .cta-link__icon {
        height: clamp(20px,1.25vw,38px)
    }

    .cta-link__icon {
        padding-left: clamp(5px,0.46875vw,14px)
    }

        .cta-link__icon::after, .cta-link__icon::before {
            font-size: clamp(10px,0.8333333333vw,25px)
        }

    .spacer {
        height: clamp(100px,6.25vw,192px)
    }

    .spacer--8 {
        height: clamp(7px,0.4166666667vw,12px)
    }

    .spacer--12 {
        height: clamp(10px,0.625vw,19px)
    }

    .spacer--16 {
        height: clamp(10px,0.8333333333vw,25px)
    }

    .spacer--24 {
        height: clamp(20px,1.25vw,38px)
    }

    .spacer--32 {
        height: clamp(26px,1.6666666667vw,51px)
    }

    .spacer--48 {
        height: clamp(41px,2.5vw,76px)
    }

    .spacer--64 {
        height: clamp(56px,3.3333333333vw,102px)
    }

    .spacer--88 {
        height: clamp(64px,4.5833333333vw,140px)
    }

    .spacer--100 {
        height: clamp(80px,5.2083333333vw,160px)
    }

    .spacer--160 {
        height: clamp(120px,8.3333333333vw,256px)
    }

    .spacer--200 {
        height: clamp(160px,10.4166666667vw,320px)
    }

    .spacer--260 {
        height: clamp(120px,13.5416666667vw,416px)
    }

    .spacer--300 {
        height: clamp(160px,15.625vw,480px)
    }

    .spacer--top::after, .spacer--bottom::after {
        max-width: clamp(1632px,100vw,3072px);
        width: calc(100% - clamp(64px,7.5vw,230px))
    }

    .services .cta-link {
        margin-top: clamp(58px,3.5416666667vw,108px)
    }

    .services:not(.services--adjust) {
        margin-block: calc(clamp(29px,1.7708333333vw,54px)*-1) calc(clamp(57px,3.4895833333vw,107px)*-1)
    }

    .services--adjust {
        margin-bottom: calc(clamp(57px,3.4895833333vw,107px)*-1)
    }

    .services__holder {
        overflow: hidden;
        -webkit-transform: scale(1);
        transform: scale(1);
        padding-inline: clamp(32px,3.75vw,115px);
        margin-inline: calc(clamp(32px,3.75vw,115px)*-1);
        padding-block: clamp(29px,1.7708333333vw,54px) clamp(57px,3.4895833333vw,107px)
    }

    .services__tag {
        margin-bottom: clamp(21px,1.25vw,38px)
    }

    .services__item {
        padding: clamp(27px,1.6145833333vw,49px) 0 clamp(6px,0.3645833333vw,11px)
    }

    .services__item--active .services__media {
        clip-path: inset(0% 0% 0% 0%)
    }

    .services__list--active .services__number, .services__list--active .services__title, .services__list--active .services__text, .services__list--active .text-rotation__holder span {
        color: rgba(224,220,202,.3)
    }

    .services__number, .services__text {
        font-size: clamp(21px,1.25vw,38px)
    }

    .services__title {
        gap: clamp(7px,0.78125vw,24px)
    }

        .services__title .text-rotation {
            font-size: clamp(50px,6.25vw,192px)
        }

        .services__title .text-rotation {
            height: clamp(55px,7.2916666667vw,224px)
        }

        .services__title .text-rotation {
            padding-inline: clamp(2px,0.5208333333vw,16px)
        }

        .services__title .text-rotation__holder {
            gap: clamp(22px,1.3020833333vw,40px)
        }

    .services__text {
        margin-left: auto;
        letter-spacing: .02em
    }

    .services__media iframe, .services__img, .services__media {
        z-index: -1;
        pointer-events: none;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        min-width: 103vw;
        min-height: 103%;
        aspect-ratio: 16/9
    }

    .services__media {
        overflow: hidden;
        clip-path: inset(50% 50% 50% 50%);
        opacity: .8;
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out;
        -webkit-transition-property: clip-path,opacity;
        transition-property: clip-path,opacity
    }

    .intro__inner {
        max-width: clamp(1000px,61.25vw,1881px);
        margin: 0 auto
    }

    .intro__text {
        font-size: clamp(42px,3.75vw,115px);
        line-height: clamp(42px,3.75vw,115px)
    }

        .intro__text + .cta-link {
            margin-top: clamp(30px,2.7083333333vw,83px)
        }

    .solutions__wrapper > .cta-link {
        margin-top: clamp(30px,3.3854166667vw,104px)
    }

    .solutions__title {
        margin-bottom: clamp(7px,0.4166666667vw,12px)
    }

    .solutions__tag {
        padding-bottom: clamp(33px,2.3958333333vw,73px)
    }

    .solutions__tag {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .solutions__link {
        padding-right: clamp(7px,0.4166666667vw,12px)
    }

        .solutions__link.cta-link {
            padding-top: clamp(15px,1.1458333333vw,35px)
        }

        .solutions__link.cta-link {
            padding-bottom: clamp(12px,1.1979166667vw,36px)
        }

        .solutions__link .text-rotation {
            letter-spacing: clamp(0.24px,0.0166666667vw,0px)
        }

        .solutions__link .text-rotation {
            font-size: clamp(24px,1.6666666667vw,51px)
        }

        .solutions__link .text-rotation {
            height: clamp(28px,1.875vw,57px)
        }

        .solutions__link .text-rotation__holder {
            gap: clamp(5px,0.2604166667vw,8px)
        }

    .solutions__name {
        margin-left: clamp(17px,1.0416666667vw,32px)
    }

    .inspire__row:not(:last-of-type) {
        margin-bottom: clamp(17px,0.9895833333vw,30px)
    }

    .inspire__row--center {
        justify-content: center;
        margin-right: 7%
    }

    .inspire__title {
        font-size: clamp(150px,15.9895833333vw,491px)
    }

    .inspire__title {
        letter-spacing: calc(clamp(2px,0.1041666667vw,3px)*-1)
    }

    .inspire__title--reverse {
        margin-right: clamp(11px,0.625vw,19px)
    }

    .inspire__meta {
        padding-top: clamp(16px,0.9375vw,28px)
    }

    .inspire__meta-text {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .inspire__media {
        width: clamp(213px,22.7604166667vw,699px)
    }

    .inspire__media {
        margin-left: clamp(27px,3.2291666667vw,99px)
    }

    .inspire__statement {
        margin-top: auto;
        margin-bottom: calc(clamp(4px,0.2083333333vw,6px)*-1)
    }

    .inspire__statement-text {
        font-size: clamp(42px,3.125vw,96px)
    }

    .hero__text {
        font-size: clamp(32px,2.5vw,76px);
        padding: clamp(3px,0.15625vw,4px) 0
    }

    .hero__image-wrap {
        margin-top: clamp(47px,2.8645833333vw,88px)
    }

    .hero__image-wrap {
        padding-bottom: 50.67%
    }

    .error {
        height: 100vh;
        overflow: hidden
    }

    .sitemap__wrapper {
        gap: clamp(24px,1.4583333333vw,44px) clamp(21px,1.25vw,38px)
    }

    .sitemap__links {
        margin-bottom: clamp(23px,1.3541666667vw,41px)
    }

    .sitemap__item--main[class]:not(:only-child) {
        margin-bottom: clamp(18px,1.09375vw,33px)
    }

    .sitemap__item {
        margin-bottom: clamp(4px,0.4166666667vw,12px)
    }

    .sitemap__link .text-rotation span {
        letter-spacing: clamp(1px,0.03125vw,0px)
    }

    .sitemap__link .text-rotation {
        font-size: clamp(14px,0.8333333333vw,25px);
        height: clamp(14px,0.8333333333vw,25px)
    }

    .sitemap__link .text-rotation__holder span {
        color: #e0dcca
    }

        .sitemap__link .text-rotation__holder span + span {
            color: #fb1622
        }

    .grid {
        gap: clamp(21px,1.25vw,38px)
    }

    .card-media {
        border-radius: clamp(4px,0.4166666667vw,12px)
    }

    .card-media {
        height: 0;
        padding-bottom: 56.25%
    }

        .card-media .text-rotation {
            position: relative
        }

        .card-media .text-rotation__holder span {
            color: #e0dcca
        }

            .card-media .text-rotation__holder span + span {
                color: #e0dcca
            }

        .card-media:hover .card-media__image {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

    .card-media__video-wrapper {
        border-radius: clamp(4px,0.2083333333vw,6px)
    }

    .card-media__info {
        padding: clamp(20px,1.1979166667vw,36px)
    }

    .card-media__title.text-rotation {
        font-size: clamp(14px,2.5vw,76px)
    }

    .card-media__title.text-rotation {
        height: clamp(41px,2.5vw,76px)
    }

    .card-media__text {
        font-size: clamp(19px,1.1458333333vw,35px)
    }

    .hero-gif > .wrap {
        min-height: clamp(860px,64.5833333333vw,1984px)
    }

    .hero-gif__holder {
        margin-top: auto
    }

    .hero-gif__gif {
        left: 48%;
        width: clamp(285px,38.5416666667vw,1184px)
    }

    .hero-gif__title {
        font-size: clamp(359px,30.1041666667vw,924px);
        letter-spacing: calc(clamp(6px,0.3645833333vw,11px)*-1)
    }

    .hero-gif__title--big {
        font-size: clamp(355px,29.5833333333vw,908px);
        margin-left: calc(clamp(10px,0.8854166667vw,27px)*-1);
        letter-spacing: -0.014em
    }

    .hero-gif__center {
        margin-top: clamp(8px,0.7291666667vw,22px)
    }

    .hero-gif__center {
        margin-bottom: clamp(13px,1.6666666667vw,51px)
    }

    .hero-gif__subtitle:first-child {
        margin-right: clamp(7px,0.8854166667vw,27px)
    }

    .hero-gif__subtitle:last-child {
        margin-left: clamp(6px,0.625vw,19px)
    }

    .hero-gif__subtitle {
        font-size: clamp(24px,3.2291666667vw,99px)
    }

    .hero-gif__bottom .hero-gif__title:last-of-type {
        letter-spacing: -0.005em;
        margin-right: calc(clamp(11px,0.625vw,19px)*-1)
    }

    .inspire__meta, .hero-gif__meta {
        margin-top: clamp(23px,1.3541666667vw,41px);
        padding-right: clamp(31px,1.875vw,57px);
        padding-left: clamp(6px,0.3645833333vw,11px)
    }

    .people-block {
        padding-top: clamp(64px,4.5833333333vw,140px)
    }

    .people-block__top {
        padding-bottom: clamp(23px,2.4479166667vw,75px)
    }

    .people-block__title {
        max-width: clamp(350px,31.25vw,960px)
    }

    .people-block__number {
        padding-top: clamp(28px,1.6666666667vw,51px)
    }

    .people-block__inner {
        gap: clamp(16px,1.25vw,38px)
    }

    .stats-number .stats-number__number {
        font-size: clamp(120px,9.375vw,288px)
    }

    .stats-number .stats-number__number {
        line-height: clamp(156px,12.1875vw,374px)
    }

    .stats-number__text {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .person__img-wrap {
        margin-bottom: clamp(21px,1.25vw,38px)
    }

    .person__img-in {
        margin-bottom: clamp(14px,0.8333333333vw,25px)
    }

    .person__icon-wrap {
        bottom: 9px
    }

    .person__icon-wrap {
        left: 8px
    }

    .person__icon-wrap {
        width: 23px
    }

    .person__icon-wrap {
        height: 23px
    }

    .person__icon {
        width: 23px
    }

    .person__icon {
        height: 23px
    }

    .person__name {
        margin-bottom: clamp(3px,0.15625vw,4px)
    }

    .person__name {
        height: clamp(22px,1.3020833333vw,40px)
    }

    .text-block--asymmetric .person__position {
        font-family: "YTFGiong";
        font-style: italic;
        font-size: clamp(16px,1.25vw,38px);
        line-height: clamp(20px,1.4583333333vw,44px)
    }

    .text-block .person-wrap {
        -webkit-column-gap: clamp(21px,1.25vw,38px);
        -moz-column-gap: clamp(21px,1.25vw,38px);
        column-gap: clamp(21px,1.25vw,38px)
    }

    .text-block .person {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - clamp(11px,0.625vw,19px));
        max-width: calc(50% - clamp(11px,0.625vw,19px))
    }

    .text-block .person__img-in {
        padding-bottom: 100%
    }

    .text-block .person__img-wrap {
        margin-bottom: clamp(41px,2.5vw,76px)
    }

    .text-block__row {
        -webkit-column-gap: clamp(21px,1.25vw,38px);
        -moz-column-gap: clamp(21px,1.25vw,38px);
        column-gap: clamp(21px,1.25vw,38px);
        display: flex;
        flex-wrap: wrap
    }

    .text-block__col {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - clamp(11px,0.625vw,19px));
        min-width: calc(50% - clamp(11px,0.625vw,19px));
        max-width: 100%
    }

        .text-block__col > * + * {
            margin-top: clamp(23px,1.3541666667vw,41px)
        }

    .text-block--asymmetric .text-block__col {
        min-width: auto;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(33% - clamp(11px,0.625vw,19px));
        max-width: calc(33% - clamp(11px,0.625vw,19px))
    }

        .text-block--asymmetric .text-block__col + .text-block__col {
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: calc(67% - clamp(11px,0.625vw,19px));
            max-width: calc(67% - clamp(11px,0.625vw,19px))
        }

    .text-block__title {
        max-width: clamp(300px,28.3854166667vw,872px)
    }

    .intro-service__container {
        padding: clamp(115px,7.03125vw,216px) clamp(296px,18.125vw,556px) clamp(136px,8.3333333333vw,256px)
    }

    .intro-service__desc {
        max-width: clamp(502px,30.7291666667vw,944px);
        margin: clamp(29px,1.7708333333vw,54px) 0 clamp(60px,3.6458333333vw,112px)
    }

    .intro-service__img-wrap--1 .intro-service__img, .intro-service__img-wrap--2 .intro-service__img {
        max-width: clamp(155px,9.4791666667vw,291px);
        max-height: clamp(155px,9.4791666667vw,291px)
    }

    .intro-service__img-wrap--3 .intro-service__img, .intro-service__img-wrap--4 .intro-service__img {
        max-width: clamp(245px,15vw,460px);
        max-height: clamp(285px,17.4479166667vw,536px)
    }

    .intro-service__img-wrap--1 {
        left: clamp(87px,5.3125vw,163px);
        margin: 0 clamp(28px,1.6666666667vw,51px) clamp(41px,2.5vw,76px) clamp(41px,2.5vw,76px)
    }

    .intro-service__img-wrap--2 {
        right: clamp(87px,5.3125vw,163px);
        margin: clamp(41px,2.5vw,76px) clamp(41px,2.5vw,76px) clamp(41px,2.5vw,76px) clamp(28px,1.6666666667vw,51px)
    }

    .intro-service__img-wrap--3 {
        left: clamp(62px,3.75vw,115px);
        margin-bottom: clamp(24px,1.4583333333vw,44px)
    }

    .intro-service__img-wrap--4 {
        right: clamp(62px,3.75vw,115px);
        margin-top: clamp(24px,1.4583333333vw,44px)
    }

    .quote__inner {
        max-width: clamp(663px,76.9791666667vw,2364px)
    }

    .quote__author {
        margin-bottom: clamp(20px,1.1979166667vw,36px)
    }

    .quote__text::after, .quote__text::before {
        font-size: clamp(32px,3.3333333333vw,102px)
    }

    .quote__text::before {
        top: clamp(0,0.2604166667vw,8px)
    }

    .quote__text::before {
        left: clamp(-17px,-1.0416666667vw,-32px)
    }

    .quote__text::after {
        top: clamp(-2px,0.2604166667vw,8px)
    }

    .quote__text::after {
        right: clamp(0,0.0520833333vw,1px)
    }

    .mask-video .cta-link {
        padding-top: clamp(75px,4.5833333333vw,140px)
    }

    .mask-video__video-container {
        height: clamp(288px,33.6979166667vw,1035px)
    }

    .mask-video__headline {
        font-size: clamp(170px,19.4791666667vw,598px)
    }

    .mask-video__title-wrap {
        margin-bottom: clamp(9px,0.5208333333vw,16px)
    }

    .mask-video__title {
        font-size: clamp(48px,5vw,153px)
    }

    .mask-video__title {
        margin-left: clamp(7px,0.4166666667vw,12px)
    }

    .mask-video__title-number {
        font-size: clamp(24px,1.5625vw,48px)
    }

    .stats .stats-number .stats-number__number {
        line-height: .85
    }

    @supports(font: -apple-system-body) {
        .stats .stats-number .stats-number__number {
            line-height: 1
        }
    }

    .stats__holder {
        -webkit-column-gap: clamp(18px,1.25vw,38px);
        -moz-column-gap: clamp(18px,1.25vw,38px);
        column-gap: clamp(18px,1.25vw,38px)
    }

    .stats--2 .stats__holder {
        grid-template-columns: repeat(2, 1fr)
    }

    .stats--4 .stats__holder {
        grid-template-columns: repeat(4, 1fr)
    }

    .stats__holder .stats-number__text {
        max-width: clamp(366px,22.3958333333vw,688px)
    }

    .hero-details {
        margin-top: clamp(136px,8.28125vw,254px)
    }

    .hero-details__title {
        font-size: clamp(80px,8.3333333333vw,256px)
    }

    .hero-details__title {
        margin-top: clamp(9px,0.5208333333vw,16px)
    }

    .hero-details__title {
        margin-bottom: clamp(13px,0.78125vw,24px)
    }

    .hero-details__content {
        padding-top: clamp(42px,2.96875vw,91px)
    }

    .hero-details__content {
        display: flex;
        gap: clamp(29px,1.7708333333vw,54px)
    }

        .hero-details__content .accordion {
            max-width: clamp(363px,22.2395833333vw,683px)
        }

    .hero-details__media {
        max-width: clamp(357px,21.875vw,672px)
    }

    .hero-details__logo {
        margin-top: clamp(6px,0.3125vw,9px)
    }

    .media .play-reel {
        width: clamp(44px,4.6875vw,144px)
    }

    .media .play-reel {
        height: clamp(44px,4.6875vw,144px)
    }

        .media .play-reel .icon {
            font-size: clamp(23px,1.3541666667vw,41px);
            margin-left: clamp(4px,0.2083333333vw,6px)
        }

    .media__title {
        font-size: clamp(16px,0.9375vw,28px)
    }

    .media__title {
        margin-top: clamp(18px,1.3541666667vw,41px)
    }

    .hero-careers {
        padding-top: clamp(120px,7.8125vw,240px);
        max-height: clamp(660px,50.3125vw,1545px);
        height: 100vh;
        display: flex
    }

        .hero-careers > .wrap {
            margin-top: auto
        }

    .hero-careers__title {
        font-size: clamp(167px,19.7395833333vw,606px)
    }

        .hero-careers__title:last-of-type {
            margin-top: clamp(18px,2.4479166667vw,75px)
        }

    .hero-careers__middle {
        font-size: clamp(160px,20.8333333333vw,640px)
    }

    .hero-careers__middle {
        margin-left: clamp(4px,0.5208333333vw,16px)
    }

    .hero-careers__middle {
        margin-top: clamp(8px,0.78125vw,24px)
    }

    .hero-careers__text {
        margin-top: clamp(16px,2.4479166667vw,75px)
    }

    .hero-careers__text {
        margin-left: clamp(6px,0.9895833333vw,30px)
    }

    .hero-careers__text {
        letter-spacing: 1.03em
    }

    .vacancies-box__inner {
        border-radius: clamp(9px,0.5208333333vw,16px)
    }

    .vacancies-box__inner {
        padding-top: clamp(26px,3.4375vw,105px)
    }

    .vacancies-box__inner {
        padding-bottom: clamp(31px,3.8020833333vw,116px)
    }

    .vacancies-box__inner {
        padding-right: clamp(33px,3.8020833333vw,116px)
    }

    .vacancies-box__inner {
        padding-left: clamp(33px,3.8020833333vw,116px)
    }

    .vacancies-box__left {
        margin-bottom: clamp(15px,1.0416666667vw,32px)
    }

    .vacancies-box__title {
        max-width: clamp(350px,26.0416666667vw,800px)
    }

    .vacancies-box__right {
        padding-left: clamp(9px,0.6770833333vw,20px)
    }

    .vacancies-box__right {
        padding-right: clamp(9px,6.25vw,192px)
    }

        .vacancies-box__right .vacancies-box__text {
            line-height: clamp(20px,1.5104166667vw,46px)
        }

        .vacancies-box__right .vacancies-box__text {
            margin-bottom: clamp(22px,1.3020833333vw,40px)
        }

    .vacancies-box__submit a {
        text-underline-offset: clamp(2px,0.1041666667vw,3px)
    }

    .vacancies-box__cta {
        margin-top: clamp(42px,2.8125vw,86px)
    }

        .vacancies-box__cta .cta-link {
            padding-bottom: clamp(5px,0.8333333333vw,25px)
        }

    .banner-contact {
        padding-top: clamp(119px,7.2916666667vw,224px)
    }

        .banner-contact .cta-link {
            margin: clamp(34px,2.0833333333vw,64px) auto 0
        }

    .banner-contact__video-container {
        height: clamp(220px,30.3645833333vw,932px)
    }

    .banner-contact__headline {
        font-size: clamp(257px,32.7083333333vw,1004px)
    }

    .banner-contact__title-wrap {
        margin-bottom: clamp(9px,0.5208333333vw,16px)
    }

    .banner-contact__title {
        font-size: clamp(72px,6.25vw,192px)
    }

        .banner-contact__title:last-of-type {
            margin-top: calc(clamp(7px,0.4166666667vw,12px)*-1)
        }

    .cards-slider__number {
        font-size: clamp(29px,2.0833333333vw,64px)
    }

    .cards-slider__number {
        margin-top: clamp(3px,0.2604166667vw,8px)
    }

    .cards-slider__number {
        margin-left: clamp(6px,0.3645833333vw,11px)
    }

    .cards-slider__wrapper {
        margin-top: clamp(40px,2.7083333333vw,83px)
    }

        .cards-slider__wrapper .splide__arrows {
            margin-top: clamp(37px,2.5520833333vw,78px)
        }

    .info-card__media {
        margin-top: clamp(17px,1.1979166667vw,36px)
    }

    .info-card__media {
        aspect-ratio: 9/5
    }

    .info-card__text {
        margin-top: clamp(25px,1.6666666667vw,51px)
    }

        .info-card__text > * {
            font-size: clamp(14px,0.8333333333vw,25px)
        }

        .info-card__text > * {
            line-height: 1.32
        }

    .intro-block .cta-link {
        margin-top: clamp(32px,3.75vw,115px)
    }

    .intro-block__holder {
        max-width: clamp(800px,46.3541666667vw,1424px)
    }

    .intro-block__title {
        margin-bottom: clamp(41px,2.5vw,76px)
    }

    .intro-block__text + .intro-block__text {
        margin-top: clamp(22px,1.3020833333vw,40px)
    }

    .media-block__card {
        padding-bottom: 50.67%;
        border-radius: clamp(14px,0.8333333333vw,25px)
    }

    .media-block__link-rotation {
        font-size: clamp(82px,5vw,153px);
        height: clamp(80px,4.8958333333vw,150px)
    }

    .media-block__title {
        margin-bottom: clamp(28px,1.6666666667vw,51px)
    }

    .media-block__text {
        font-size: clamp(21px,1.25vw,38px);
        line-height: clamp(21px,1.25vw,38px);
        bottom: clamp(18px,1.09375vw,33px)
    }

    .logo__item {
        height: clamp(100px,6.875vw,211px)
    }

    .brands--wide .brands__content {
        margin-bottom: clamp(19px,1.1458333333vw,35px)
    }

    .brands--wide .brands__title {
        max-width: clamp(300px,28.3854166667vw,872px)
    }

    .brands--wide .brands__tag {
        margin-bottom: clamp(28px,1.6666666667vw,51px)
    }

    .brands--wide .brands__paragraph {
        padding-left: clamp(17px,1.0416666667vw,32px);
        padding-top: clamp(7px,0.4166666667vw,12px)
    }

    .brands__title-wrap {
        margin-bottom: clamp(104px,5.625vw,172px)
    }

    .brands__title-text {
        margin-bottom: clamp(20px,2.6041666667vw,80px)
    }

    .brands__logos {
        grid-template-columns: repeat(4, 1fr);
        gap: clamp(26px,1.5625vw,48px);
        max-width: clamp(1335px,81.7708333333vw,2512px);
        margin: 0 auto
    }

    .brands__logos-wide {
        grid-template-columns: repeat(6, 1fr);
        max-width: none
    }

    .location-list__wrap {
        padding-bottom: clamp(44px,4.1666666667vw,128px)
    }

    .location-list__wrap {
        margin-bottom: clamp(58px,4.21875vw,129px)
    }

    .location-list__wrap--location .location-list__item .location-list__subtitle {
        margin-bottom: clamp(12px,0.6770833333vw,20px)
    }

    .location-list__item .location-list__subtitle {
        margin-bottom: clamp(1px,0.5729166667vw,17px)
    }

    .location-list__mail {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .location-list__mail {
        height: clamp(21px,1.25vw,38px);
        line-height: 1.5
    }

    .location-list__city {
        margin-bottom: clamp(14px,0.78125vw,24px)
    }

    .location-list__city-link {
        font-size: clamp(41px,2.5vw,76px)
    }

    .location-list__city-link {
        font-family: "ParticipaSans";
        height: clamp(35px,2.1354166667vw,65px)
    }

    .location-list__counter {
        right: clamp(4px,0.2083333333vw,6px)
    }

    .location-list__counter {
        top: clamp(-13px,-0.8333333333vw,-26px)
    }

    .location-list__counter {
        font-size: clamp(17px,1.0416666667vw,32px)
    }

    .location-list__counter {
        letter-spacing: clamp(2px,0.0729166667vw,2px)
    }

    .social-media__container {
        padding: clamp(383px,23.4375vw,720px) 0 clamp(417px,25.5208333333vw,784px)
    }

    .social-media__holder {
        max-width: clamp(510px,31.25vw,960px)
    }

    .social-media__title {
        font-size: clamp(28px,1.6666666667vw,51px);
        letter-spacing: clamp(1px,0.0166666667vw,0px);
        margin-bottom: clamp(18px,1.09375vw,33px)
    }

    .social-media__list {
        row-gap: clamp(7px,0.4166666667vw,12px)
    }

    .social-media__link {
        margin: 0 clamp(16px,0.9375vw,28px)
    }

        .social-media__link.text-rotation {
            font-size: clamp(85px,5.2083333333vw,160px);
            height: clamp(77px,4.6875vw,144px);
            letter-spacing: clamp(1px,0.0520833333vw,1px)
        }

    .social-media__img-wrap--1 {
        top: 4.5%;
        left: 13.2%;
        width: 237px;
        height: 422px
    }

    .social-media__img-wrap--2 {
        top: 8.9%;
        left: 50.9%;
        width: 173px;
        height: 217px
    }

    .social-media__img-wrap--3 {
        top: 1%;
        left: 79.4%;
        width: 217px;
        height: 181px
    }

    .social-media__img-wrap--4 {
        top: 50%;
        left: 0;
        width: 276px;
        height: 276px
    }

    .social-media__img-wrap--5 {
        top: 75.6%;
        left: 27.6%;
        width: 170px;
        height: 251px
    }

    .social-media__img-wrap--6 {
        top: 82.6%;
        left: 58.8%;
        width: 342px;
        height: 224px
    }

    .social-media__img-wrap--7 {
        top: 36%;
        left: 81%;
        width: 248px;
        height: 442px
    }

    .hero-text__wrapper .btn {
        margin-bottom: clamp(13px,0.78125vw,24px)
    }

    .hero-text__wrapper {
        margin-top: clamp(159px,10.3645833333vw,318px)
    }

    .hero-text__wrapper {
        max-width: clamp(1003px,61.4583333333vw,1888px);
        margin-inline: auto
    }

    .hero-text__title .split-parent:not(:first-of-type) {
        margin-top: calc(clamp(28px,1.6666666667vw,51px)*-1);
        padding-bottom: 1%
    }

    .hero-text__text {
        margin-top: clamp(17px,0.9895833333vw,30px)
    }

    .hero-text__rotate {
        margin-top: 10vh
    }

    .hero-text__image {
        margin-top: clamp(32px,2.6041666667vw,80px)
    }

    .hero-text__image {
        aspect-ratio: 1.97/1
    }

    .accordion__btn.headline-300 {
        padding: clamp(11px,0.625vw,19px) 0
    }

        .accordion__btn.headline-300 + .accordion__list .accordion__list-content {
            padding-bottom: clamp(17px,1.0416666667vw,32px)
        }

    .accordion__list-inner {
        margin-top: clamp(13px,0.78125vw,24px)
    }

    .accordion__item {
        font-size: clamp(16px,0.8854166667vw,27px)
    }

    .accordion__item {
        margin-bottom: clamp(1px,0.1041666667vw,3px)
    }

    .upcoming-events__img-wrap {
        margin-bottom: clamp(21px,1.25vw,38px)
    }

    .upcoming-events__img-in {
        margin-bottom: clamp(26px,1.8229166667vw,56px)
    }

    .upcoming-events__title {
        font-size: clamp(24px,2.0833333333vw,64px)
    }

    .upcoming-events__title {
        margin-bottom: clamp(11px,0.625vw,19px)
    }

    .upcoming-events__time-inner {
        margin-right: clamp(14px,1.0416666667vw,32px)
    }

        .upcoming-events__time-inner .upcoming-events__time-in {
            font-size: clamp(14px,0.8333333333vw,25px)
        }

    .upcoming-events__time-in .ico {
        margin-right: clamp(7px,0.4166666667vw,12px)
    }

    .jobs-listing {
        margin-top: clamp(136px,8.28125vw,254px)
    }

    .jobs-listing--standard {
        margin-top: clamp(240px,13.5416666667vw,416px)
    }

    .jobs-listing__back {
        margin-bottom: clamp(21px,1.71875vw,52px)
    }

    .jobs-listing__header {
        padding-bottom: clamp(21px,2.1354166667vw,65px)
    }

    .jobs-listing__number {
        font-size: clamp(40px,2.3958333333vw,73px)
    }

    .jobs-listing__number {
        margin-top: clamp(5px,0.2604166667vw,8px);
        margin-left: clamp(5px,0.3125vw,9px)
    }

    .jobs-listing__filters {
        gap: clamp(11px,0.625vw,19px)
    }

    .jobs-listing__filters {
        margin-top: clamp(48px,3.75vw,115px)
    }

    .jobs-listing__reset {
        font-size: clamp(15px,0.8333333333vw,25px)
    }

    .jobs-listing__reset {
        gap: clamp(10px,0.7291666667vw,22px)
    }

    .jobs-listing__reset {
        border-radius: clamp(85px,5.2083333333vw,160px)
    }

    .jobs-listing__reset {
        padding-block: clamp(14px,0.8854166667vw,27px)
    }

    .jobs-listing__reset {
        padding-inline: clamp(20px,1.1979166667vw,36px)
    }

        .jobs-listing__reset .icon {
            font-size: clamp(15px,0.8333333333vw,25px)
        }

    .jobs-listing__data {
        margin-top: clamp(40px,2.4479166667vw,75px)
    }

    .jobs-listing__link {
        padding-top: clamp(17px,0.9895833333vw,30px)
    }

    .jobs-listing__link {
        padding-bottom: clamp(15px,0.8854166667vw,27px)
    }

        .jobs-listing__link .text-rotation {
            height: clamp(21px,1.3541666667vw,41px)
        }

            .jobs-listing__link .text-rotation .text-rotation__holder {
                gap: clamp(2px,0.1041666667vw,3px)
            }

            .jobs-listing__link .text-rotation span {
                font-size: clamp(19px,1.25vw,38px)
            }

            .jobs-listing__link .text-rotation span {
                height: clamp(19px,1.25vw,38px)
            }

        .jobs-listing__link .text-rotation__holder {
            gap: clamp(5px,0.2604166667vw,8px)
        }

    .jobs-listing__location {
        max-width: clamp(120px,10.4166666667vw,320px)
    }

    .jobs-listing__category {
        max-width: clamp(200px,20.5729166667vw,632px)
    }

    .jobs-listing__category {
        margin-left: auto
    }

    .jobs-listing__icon::after, .jobs-listing__icon::before {
        font-size: clamp(12px,0.6770833333vw,20px)
    }

    .jobs-listing__icon {
        margin-block: auto
    }

    .jobs-listing__load {
        margin-top: clamp(43px,2.7083333333vw,83px)
    }

        .jobs-listing__load .cta-link__icon {
            width: clamp(27px,1.7708333333vw,54px)
        }

        .jobs-listing__load .cta-link__icon {
            height: clamp(20px,1.7708333333vw,54px)
        }

    .jobs-listing__load {
        padding-bottom: clamp(7px,0.4166666667vw,12px)
    }

    @supports(font: -apple-system-body) {
        .jobs-listing__load .cta-link__icon::before, .jobs-listing__load .cta-link__icon::after {
            padding-top: clamp(2px,0.2083333333vw,6px)
        }
    }

    .custom-select {
        min-width: clamp(224px,18.6458333333vw,572px)
    }

    .custom-select__button {
        border-radius: clamp(85px,5.2083333333vw,160px)
    }

    .custom-select__button {
        font-size: clamp(16px,0.9375vw,28px)
    }

    .custom-select__button {
        padding-block: clamp(15px,0.8854166667vw,27px)
    }

    .custom-select__button {
        padding-inline: clamp(23px,1.25vw,38px)
    }

        .custom-select__button .icon {
            margin-right: clamp(6px,0.3125vw,9px)
        }

        .custom-select__button .icon {
            font-size: clamp(9px,0.5208333333vw,16px)
        }

    .custom-select__options {
        padding-block: clamp(9px,0.5208333333vw,16px)
    }

    .custom-select__options {
        padding-right: clamp(17px,1.0416666667vw,32px)
    }

    .custom-select__options {
        padding-left: clamp(9px,0.5208333333vw,16px)
    }

    .custom-select__options {
        border-radius: clamp(26px,1.5625vw,48px)
    }

    .custom-select__item {
        padding: clamp(9px,0.5208333333vw,16px)
    }

    .custom-select__item {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .hero-location__holder {
        padding: clamp(68px,4.1666666667vw,128px) 0 clamp(31px,1.875vw,57px);
        margin-bottom: clamp(45px,2.7083333333vw,83px)
    }

    .hero-location__time {
        font-size: clamp(85px,5.2083333333vw,160px)
    }

    .hero-location__image {
        padding-bottom: 50.67%
    }

    .hero-location__details {
        flex: 1 1 clamp(490px,30vw,921px);
        max-width: clamp(490px,30vw,921px)
    }

    .hero-location__details-content {
        justify-content: space-between;
        margin: 0 clamp(-10px,-0.625vw,-20px)
    }

    .hero-location__details-item {
        flex: 0 0 clamp(245px,15vw,460px);
        max-width: clamp(245px,15vw,460px);
        padding: 0 clamp(11px,0.625vw,19px)
    }

    .hero-location__text-wrap {
        padding-right: clamp(145px,8.8541666667vw,272px);
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(100% - clamp(490px,30vw,921px));
        max-width: calc(100% - clamp(490px,30vw,921px))
    }

    .hero-location__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .hero-location__info p {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .hero-location__details-title {
        margin-bottom: clamp(13px,0.78125vw,24px)
    }

    .hero-location__list {
        margin-top: clamp(13px,0.78125vw,24px)
    }

    .hero-location__list-item {
        padding-left: clamp(23px,1.3541666667vw,41px)
    }

        .hero-location__list-item:not(:last-child) {
            margin-bottom: clamp(7px,0.4166666667vw,12px)
        }

        .hero-location__list-item .icon {
            top: clamp(-1px,-0.1041666667vw,-4px);
            font-size: clamp(14px,0.8333333333vw,25px)
        }

    .awards__headline {
        margin-bottom: clamp(38px,2.0833333333vw,64px)
    }

    .awards__row {
        padding: clamp(13px,0.78125vw,24px) 0
    }

    .awards__img-wrap {
        width: clamp(14px,0.8333333333vw,25px)
    }

    .awards__img-wrap {
        height: clamp(14px,0.8333333333vw,25px)
    }

    .awards__img-wrap {
        margin-right: clamp(16px,1.3020833333vw,40px)
    }

    .awards__icon {
        margin-right: clamp(16px,1.3020833333vw,40px)
    }

    .awards__icon {
        font-size: clamp(14px,0.8333333333vw,25px)
    }

    .awards__type {
        max-width: clamp(706px,43.2291666667vw,1328px);
        padding-left: clamp(12px,0.7291666667vw,22px)
    }

    .awards__brand {
        max-width: clamp(142px,8.6458333333vw,265px)
    }

    .awards__field {
        max-width: clamp(167px,10.2083333333vw,313px)
    }

    .awards__title-wrap, .awards__type, .awards__brand, .awards__field {
        flex: 1 1 25%;
        max-width: 25%
    }
}

@media only screen and (min-width: 1200px)and (hover: hover)and (pointer: fine) {
    .no-touch .cta-button:hover {
        width: clamp(189px,11.5625vw,355px)
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    .person__icon-wrap {
        bottom: clamp(7px,0.4166666667vw,12px)
    }

    .person__icon-wrap {
        left: clamp(7px,0.4166666667vw,12px)
    }

    .person__icon-wrap {
        width: clamp(23px,2.5vw,76px)
    }

    .person__icon-wrap {
        height: clamp(23px,2.5vw,76px)
    }

    .person__icon {
        width: clamp(23px,2.5vw,76px)
    }

    .person__icon {
        height: clamp(23px,2.5vw,76px)
    }
}

@media only screen and (min-width: 1900px)and (max-height: 980px) {
    .banner__title {
        font-size: clamp(128px,19.7916666667vw,608px);
        letter-spacing: clamp(9px,0.5208333333vw,16px);
        margin-left: clamp(5px,0.2604166667vw,8px)
    }
}

@media only screen and (max-width: 1199.98px) {
    .splide__arrows {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .headline-300 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .text-600 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.64px
    }

    p, .text-500, .text-block p, .rte li, .rte td {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .text-400 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .text-100 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.36px
    }

    .btn {
        border-color: #fb1622
    }

        .btn .icon {
            color: #fb1622
        }

    .cta-button {
        height: 52px
    }

    .cta-button__inner {
        width: 100%;
        justify-content: center
    }

    .cta-button__icon {
        display: none
    }

    .cta-button__text {
        opacity: 1;
        font-size: 20px;
        letter-spacing: .2px
    }

        .cta-button__text::after {
            font-family: "iconfont";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            display: block;
            line-height: 1;
            content: ""
        }

        .cta-button__text::after {
            position: relative;
            font-size: 12px;
            top: 5px
        }

        .cta-button__text span {
            padding-right: 9px
        }

            .cta-button__text span + span {
                display: none
            }

    .play-reel .icon {
        width: 13px;
        height: 16px;
        font-size: 16px;
        margin-right: 10px
    }

    .footer__link-wrap {
        height: 25px
    }

    .footer__holder {
        margin: 24px 0
    }

    .footer__bottom {
        flex-direction: column
    }

    .footer__social, .footer__links {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 18px
    }

    .footer__social-item {
        margin-bottom: 12px
    }

        .footer__social-item.text-rotation {
            height: 11px
        }

    .footer__social-link {
        font-size: 14px;
        display: block;
        margin-right: 0;
        margin-bottom: 12px
    }

    .footer__links-link {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 3px
    }

    .footer__btn {
        width: 100%;
        border-radius: 48px;
        margin-bottom: 24px
    }

        .footer__btn .cta-button__text {
            font-style: normal
        }

    .card .plyr__video-wrapper {
        width: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .card__video {
        min-width: 260px
    }

    .splide__slide .card__video {
        min-width: 100px
    }

        .splide__slide .card__video .plyr {
            min-width: 100px
        }

    .banner__text-info {
        font-size: 14px
    }

    .media-revealer__container {
        padding-bottom: 57.14%
    }

    .media-revealer__holder {
        width: 100%;
        height: 100%
    }

    .media-revealer__frame {
        height: 100%
    }

    .cta-link .text-rotation span:last-of-type {
        display: none
    }

    .cta-link .text-rotation span {
        color: #fb1622
    }

    .cta-link {
        border-bottom: 1px solid #fb1622
    }

    .cta-link__icon {
        color: #fb1622
    }

    .services__item {
        flex-direction: column
    }

        .services__item:first-of-type {
            padding-top: 0
        }

    .services__link::before {
        display: none
    }

    .services__title .text-rotation__holder span:last-child {
        display: none
    }

    .services__media iframe, .services__img, .services__media {
        width: 100%;
        aspect-ratio: 16/9
    }

    .services__media {
        position: relative
    }

        .services__media .plyr__video-embed__container {
            height: 100%
        }

        .services__media .plyr__video-wrapper {
            aspect-ratio: 16/9 !important
        }

        .services__media iframe, .services__img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            min-width: 100%;
            min-height: 100%
        }

    .solutions__number {
        display: none
    }

    .solutions__link .text-rotation .text-rotation__holder span {
        color: #e0dcca
    }

    .solutions__link {
        border-color: rgba(224,220,202,.3)
    }

    .inspire__row {
        flex-wrap: wrap
    }

    .inspire__title--reverse {
        order: 1;
        width: 100%
    }

    .inspire__meta-row {
        display: none
    }

    .inspire__statement {
        order: 2
    }

    .hero__text {
        padding: 3px 0
    }

    .sitemap__wrapper {
        grid-template-columns: 1fr
    }

    .sitemap__link {
        font-weight: 400;
        letter-spacing: 0;
        text-transform: uppercase
    }

        .sitemap__link .text-rotation {
            height: auto
        }

            .sitemap__link .text-rotation span + span {
                display: none
            }

        .sitemap__link .text-rotation__holder span {
            color: #e0dcca
        }

            .sitemap__link .text-rotation__holder span + span {
                color: #fb1622
            }

    .grid {
        gap: 24px 16px
    }

    .card-media {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: 0
    }

        .card-media::after {
            display: none
        }

        .card-media iframe {
            display: none
        }

        .card-media .plyr--video {
            position: absolute
        }

    .card-media__video-wrapper {
        position: relative;
        width: 100%;
        padding-bottom: 59%;
        height: 0;
        overflow: hidden
    }

    .card-media__info {
        flex-direction: column;
        position: relative;
        margin-top: 14px
    }

    .card-media__title.text-rotation {
        font-family: "Underground";
        color: #fb1622;
        letter-spacing: .09em;
        text-transform: uppercase
    }

        .card-media__title.text-rotation span:nth-child(2) {
            display: none
        }

    .card-media__text {
        margin-top: 4px
    }

    .hero-gif__gif {
        left: 50%
    }

    .person__name-anime--red {
        display: none
    }

    .text-block__row--split {
        flex-direction: column
    }

    .text-block__col + .text-block__col {
        margin-top: 16px
    }

    .text-block__col > * + * {
        margin-top: 26px
    }

    .intro-service__desc {
        margin: 25px 0 35px;
        max-width: 464px
    }

    .mask-video .cta-link {
        padding-top: 40px
    }

    .mask-video__video-container {
        margin-bottom: 62px
    }

    .mask-video__content--up {
        display: none
    }

    .mask-video__content--mobile {
        display: block;
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: initial;
        left: initial;
        width: 100%
    }

    .stats--2 .stats__holder, .stats--4 .stats__holder {
        grid-template-columns: repeat(2, 1fr)
    }

    .media .plyr__video-embed {
        padding-bottom: 56.25%
    }

    .media .play-reel {
        height: 48px;
        width: 48px
    }

        .media .play-reel .icon {
            -webkit-transform: translate(-43%, -50%);
            transform: translate(-43%, -50%);
            font-size: 16px
        }

    .media__title {
        letter-spacing: 0
    }

    .banner-contact .cta-link {
        margin: 45px auto 0
    }

    .banner-contact__video-container {
        margin-bottom: 26px
    }

    .banner-contact__headline {
        letter-spacing: -0.02em
    }

    .banner-contact__content--up {
        display: none
    }

    .banner-contact__content--mobile {
        display: block;
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: initial;
        left: initial;
        width: 100%
    }

    .intro-block__holder {
        max-width: 550px
    }

    .intro-block__text + .intro-block__text {
        margin-top: 25px
    }

    .media-block__card .plyr__video-wrapper {
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }

    .media-block__link-holder span + span {
        display: none
    }

    .brands--wide .brands__content {
        display: block
    }

    .brands--wide .brands__paragraph {
        padding: 0
    }

    .brands--wide .brands__title-wrap {
        width: 100%;
        text-align: left;
        margin-bottom: 10px
    }

    .brands--wide .brands__title-text {
        margin-bottom: 32px
    }

    .brands__logos {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        max-width: 100%
    }

    .location-list__anime--red {
        display: none
    }

    .social-media__holder {
        max-width: 600px
    }

    .social-media__link.text-rotation span + span {
        display: none
    }

    .accordion__btn.headline-300 {
        padding: 10px 0
    }

        .accordion__btn.headline-300 + .accordion__list .accordion__list-content {
            padding-bottom: 15px
        }

    .jobs-listing__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .jobs-listing__link {
        flex-direction: column;
        align-items: flex-start;
        border-color: rgba(224,220,202,.3);
        gap: 8px
    }

        .jobs-listing__link .text-rotation span {
            color: #e0dcca
        }

    .jobs-listing__location.tag-200 {
        font-size: 15px
    }

    .jobs-listing__icon {
        margin-top: auto;
        padding-left: 0
    }

    @supports(font: -apple-system-body) {
        .jobs-listing__load .cta-link__icon::before {
            padding-bottom: 2px
        }
    }

    .awards .tag-100 {
        padding-bottom: 11px;
        font-size: 14px
    }

    .awards__row {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0
    }

    .awards__title-wrap {
        max-width: none;
        padding-bottom: 11px
    }

        .awards__title-wrap .awards__title {
            padding: 0
        }

    .awards__type {
        padding: 0;
        max-width: none
    }

    .awards__brand {
        max-width: none
    }

    .awards__field {
        text-align: unset;
        max-width: none
    }

        .awards__field.tag-100 {
            padding-bottom: 0
        }
}

@media only screen and (max-width: 991.98px) {
    #ccc #ccc-notify {
        padding: 30px 20px !important
    }

    #ccc .ccc-notify-buttons {
        position: static !important
    }

    #ccc #ccc-notify-dismiss {
        position: absolute !important;
        top: 20px !important;
        right: 20px
    }

    .header--sticky {
        background-color: rgba(0,0,0,.7)
    }

    .header--hidden + .header__home--main {
        -webkit-transform: translate(-50%, calc(-100% - 18px));
        transform: translate(-50%, calc(-100% - 18px))
    }

    .header__holder {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative
    }

    .header__nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 216px 10px 32px;
        z-index: -1;
        -webkit-transition: .6s ease;
        transition: .6s ease;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #000;
        height: 100dvh;
        overflow: hidden;
        overflow-y: auto;
        margin: 0 auto
    }

    .header__nav-inner {
        padding: 20px 0
    }

    .header__nav--open {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .header__nav .header__home {
        display: none
    }

    .nav__item {
        margin-bottom: 5px;
        text-align: center
    }

    .nav__link {
        letter-spacing: 0;
        text-transform: uppercase
    }

        .nav__link .text-rotation {
            font-family: "ParticipaSans";
            height: auto
        }

            .nav__link .text-rotation span + span {
                display: none
            }

        .nav__link .text-rotation__holder span {
            color: #e0dcca
        }

            .nav__link .text-rotation__holder span + span {
                color: #fb1622
            }

    .header__info {
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        max-width: 340px;
        margin: 0 auto;
        padding-top: 30px
    }

    .error__in {
        padding-top: 170px
    }

    .error__inner {
        max-width: 322px;
        margin: 0 auto 133px
    }

    .error__gif {
        width: 113px;
        margin-bottom: 20px
    }

    .error__sub-title {
        font-size: 14px;
        letter-spacing: 1.4px;
        margin-bottom: 24px
    }

    .error__text {
        display: flex;
        justify-content: center;
        font-size: 500px;
        letter-spacing: -1.76px;
        z-index: 5
    }

    .people-block__inner {
        grid-template-columns: repeat(2, 1fr)
    }

    .person__img-in {
        padding-bottom: 100%
    }

    .vacancies-box__cta .cta-link {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .location-list__wrap {
        display: grid;
        gap: 1px;
        grid-template-columns: repeat(1, 1fr)
    }

    .location-list__item {
        margin-bottom: 15px
    }

        .location-list__item .location-list__subtitle {
            color: #e0dcca
        }

    .location-list__mail {
        color: #fb1622;
        letter-spacing: -0.08em
    }

    .location-list__city-link {
        color: #fb1622;
        font-style: italic
    }

    .upcoming-events__details .upcoming-events {
        letter-spacing: .01em
    }

    .upcoming-events__details .upcoming-events__title {
        letter-spacing: .01em
    }

    .upcoming-events__time-in {
        text-transform: initial;
        letter-spacing: -0.02px
    }
}

@media only screen and (max-height: 980px) {
    .banner__image {
        max-height: 65vh
    }
}

@media only screen and (max-width: 767.98px) {
    .wrap {
        padding: 0 20px
    }

    .splide__arrows {
        margin-top: 24px
    }

    .splide__arrow {
        flex: 0 0 44px;
        max-width: 44px;
        height: 44px
    }

    .plyr .plyr__controls {
        margin: 0;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .plyr--full-ui input[type=range] {
        color: #fff
    }

    .rte h1, .h1 {
        font-size: 48px;
        line-height: 42px
    }

    .rte h2, .h2 {
        font-size: 40px;
        line-height: 40px
    }

    .rte h3, .h3 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }

    .rte h4, .h4 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: .28px
    }

    .rte h5, .h5 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .rte h6, .h6 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .2px
    }

    .h7 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: .18px
    }

    .display-300 {
        font-size: 80px;
        line-height: 72px
    }

    .display-200 {
        font-size: 70px;
        line-height: 70px;
        letter-spacing: -0.7px;
        text-transform: uppercase
    }

    .display-100 {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: -0.6px
    }

    .headline-700 {
        font-size: 48px;
        line-height: 44px
    }

    .headline-600 {
        font-size: 40px;
        line-height: 40px
    }

    .headline-500 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }

    .headline-400 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: .28px
    }

    .headline-200 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .24px
    }

    .headline-100 {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: .2px
    }

    .featured-text-500 {
        font-size: 32px;
        line-height: 32px
    }

    .featured-text-400 {
        font-size: 26px;
        line-height: 28px
    }

    .featured-text-300 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .24px
    }

    .featured-text-200 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .2px
    }

    .featured-text-100, .rte th {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: .18px
    }

    .tag-200 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .7px
    }

    .tag-100 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .6px
    }

    .text-300, .accordion__btn.headline-300 + .accordion__list p, .vacancies-box__submit a {
        font-size: 14px;
        line-height: 18px
    }

    .text-200 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.36px
    }

    .rte .wp-block-table {
        width: calc(100% + 20px)
    }

    .play-reel {
        font-size: 20px;
        letter-spacing: .4px
    }

    #ccc #ccc-notify {
        padding: 50px 20px 30px;
        flex-direction: column;
        align-items: flex-start
    }

    #ccc .ccc-notify-buttons {
        margin-top: 16px;
        padding-right: 0
    }

        #ccc .ccc-notify-buttons:not(.ccc-notify-link) span {
            margin: 0 18px 0 0;
            -webkit-transition: .6s ease-in-out;
            transition: .6s ease-in-out
        }

        #ccc .ccc-notify-buttons:not(.ccc-notify-link)::after {
            right: 10px;
            width: 17px
        }

    .header {
        padding-top: 8px
    }

    .header__nav {
        padding: 140px 0 210px;
        justify-content: center
    }

    .header__logo {
        height: 80px;
        min-width: 80px;
        max-width: 110px
    }

    .header__logo--alt {
        height: 70px
    }

    .nav__link {
        vertical-align: middle
    }

        .nav__link .text-rotation__holder {
            font-size: 60px;
            height: 60px
        }

    .header__info {
        margin: 0 auto;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        width: 100%;
        padding-top: 0
    }

    .header__social {
        padding: 15px 0
    }

    .header__social-item:not(:last-child) {
        margin-bottom: 5px
    }

    .footer {
        padding: 32px 0 40px
    }

    .footer__list {
        padding-bottom: 4px
    }

    .footer__item {
        gap: 10px;
        margin-bottom: 3px
    }

        .footer__item::after {
            right: 6px;
            height: 18px
        }

    .footer__link-wrap {
        height: 22px
    }

    .footer__text {
        font-size: 20px;
        letter-spacing: .05em
    }

    .footer__holder {
        margin: 16px 0;
        padding-bottom: 5px
    }

    .footer__title {
        font-size: 87px;
        letter-spacing: -0.01em
    }

    .footer__btn {
        margin-bottom: 40px
    }

    .banner > .wrap {
        height: calc(65vh - 140px);
        min-height: 470px
    }

    .banner--init .banner__image {
        -webkit-transform: translate(-50%, -46%);
        transform: translate(-50%, -46%)
    }

    .banner__image {
        width: calc(100% - 40px);
        height: auto;
        max-width: 100%;
        max-height: 260px
    }

    .banner__title {
        font-size: 22vw;
        padding: 8px 0;
        margin-bottom: -8px
    }

    .banner__text {
        font-size: 24px;
        line-height: 32px
    }

    .banner__intro {
        padding-top: 15px;
        justify-content: center;
        gap: 4px
    }

    .banner__middle-text {
        display: none
    }

    .banner__text-info {
        display: none
    }

    .text-rotation {
        height: 20px
    }

    .media-revealer__poster {
        display: block
    }

    .cta-link .text-rotation {
        font-size: 20px;
        height: 20px
    }

    .cta-link {
        padding: 3px 0
    }

    .spacer--top, .spacer--bottom {
        width: calc(100% - 40px);
        left: 20px
    }

    .services__item {
        padding: 14px 0
    }

        .services__item:not(:first-of-type) {
            margin-top: 14px
        }

    .services__text {
        margin-top: 14px;
        letter-spacing: .02em
    }

    .services__media {
        margin-top: 13px
    }

    .intro__text {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: initial
    }

        .intro__text + .cta-link {
            margin-bottom: 20px
        }

    .inspire__row--center .inspire__title {
        order: 2
    }

    .inspire__title {
        letter-spacing: -0.8px
    }

    .inspire__media {
        margin-right: 10px
    }

    .inspire__statement {
        margin-top: 5px
    }

    .inspire__statement-text {
        letter-spacing: .6px
    }

    .hero {
        padding-top: 138px
    }

    .hero--space {
        padding-top: 118px
    }

    .hero__title {
        font-size: 24vw;
        padding: 15px 0 5px
    }

    .hero__title--big {
        font-size: 31vw;
        padding: 5px 0
    }

    .hero__title--small {
        font-size: 21vw;
        padding: 16px 0
    }

    .hero__text {
        font-size: 28px;
        line-height: 18px
    }

    .hero__image-wrap {
        padding-bottom: 100%
    }

    .error__in {
        padding-top: 198px
    }

    .error__inner {
        max-width: 191px;
        margin-bottom: 140px
    }

    .error__gif {
        width: 83px
    }

    .error__title {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: .28px;
        margin-bottom: 24px
    }

    .error__sub-title {
        font-size: 12px;
        letter-spacing: .6px;
        margin-bottom: 14px
    }

    .error-500-logo {
        padding-top: 8px
    }

    .error__text {
        font-size: 300px;
        letter-spacing: -0.87px
    }

    .grid {
        display: block
    }

    .card-media {
        height: auto;
        margin-bottom: 25px
    }

    .card-media__video-wrapper {
        padding-bottom: 63%
    }

    .card-media__text {
        letter-spacing: .05em;
        margin-top: 0
    }

    .hero-gif > .wrap {
        min-height: 362px
    }

    .hero-gif__holder {
        margin-top: 148px
    }

    .hero-gif__gif {
        top: 47%;
        width: 44vw
    }

    .hero-gif__title:not(.hero-gif__title--big) {
        font-size: 29vw;
        letter-spacing: -0.007em
    }

    .hero-gif__title--big {
        justify-content: center;
        font-size: 28vw;
        margin-left: -2px;
        letter-spacing: -0.006em
    }

    .hero-gif__subtitle {
        font-size: 5.6vw
    }

        .hero-gif__subtitle:first-child {
            text-align: left
        }

        .hero-gif__subtitle:last-child {
            text-align: right
        }

    .people-block__top {
        flex-direction: column
    }

    .people-block__title {
        margin-bottom: 15px
    }

    .person__name {
        margin-bottom: 0
    }

    .text-block--asymmetric .person__position {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.42px
    }

    .text-block .person-wrap {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .text-block .person {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - 5px);
        max-width: calc(50% - 5px)
    }

    .text-block .person__img-wrap {
        margin-bottom: 32px
    }

    .intro-service__container {
        padding: 168px 0
    }

    .intro-service__img-wrap--3 .intro-service__img, .intro-service__img-wrap--4 .intro-service__img {
        max-width: 120px;
        max-height: 120px
    }

    .intro-service__img-wrap--1 {
        left: 24px;
        margin-top: 10px
    }

        .intro-service__img-wrap--1 .intro-service__img {
            max-width: 80px;
            max-height: 80px
        }

    .intro-service__img-wrap--2 {
        right: 24px
    }

        .intro-service__img-wrap--2 .intro-service__img {
            max-width: 100px;
            max-height: 100px
        }

    .intro-service__img-wrap--3 {
        left: 24px
    }

    .intro-service__img-wrap--4 {
        right: 24px
    }

    .quote__text {
        line-height: 29px
    }

    .mask-video .cta-link {
        padding-top: 12px
    }

    .mask-video__video-container {
        margin-bottom: 28px
    }

    .mask-video__headline {
        padding-top: 15px
    }

        .mask-video__headline span:first-of-type {
            margin-bottom: 10px
        }

    .mask-video__title {
        letter-spacing: .01em
    }

    .mask-video__title-number {
        margin-right: 3px
    }

    .stats--2 .stats__holder, .stats--4 .stats__holder {
        row-gap: 34px
    }

    .stats--3 .stats__holder {
        row-gap: 35px
    }

    .stats__holder .stats-number__number {
        line-height: .7em
    }

    .stats__holder .stats-number__text {
        margin-top: 11px;
        line-height: 1.41
    }

    .hero-details__title {
        line-height: 1
    }

    .hero-details__media {
        margin-top: 2px
    }

    .hero-details__logo {
        width: 36vw
    }

    .hero-details__text {
        margin-top: 28px
    }

    .media__title {
        letter-spacing: -0.04em
    }

    .hero-careers > .wrap {
        margin-top: 147px
    }

    .hero-careers__text {
        font-size: 14px;
        letter-spacing: .53em
    }

    .vacancies-box__inner {
        flex-direction: column
    }

    .vacancies-box__title {
        font-size: 32px;
        line-height: 33px
    }

    .vacancies-box__right .vacancies-box__text {
        letter-spacing: -0.06em
    }

    .vacancies-box__submit a {
        text-decoration: underline
    }

    .banner-contact .cta-link {
        margin: 26px auto 0
    }

    .banner-contact__iframe {
        z-index: 0 !important
    }

    .banner-contact__headline {
        padding-top: 15px;
        letter-spacing: .01em
    }

    .banner-contact__title {
        letter-spacing: .04em
    }

        .banner-contact__title:last-of-type {
            margin-top: -2px
        }

    .banner-contact__title--italic {
        letter-spacing: .06em;
        margin-top: 10px
    }

    .cards-slider__wrapper .splide__arrows {
        display: none
    }

    .cards-slider__list {
        flex-direction: column;
        gap: 44px
    }

    .info-card__media {
        aspect-ratio: 16/9
    }

    .info-card__text > * {
        line-height: 1.29;
        letter-spacing: 0
    }

    .intro-block__title {
        max-width: 280px;
        margin: 0 auto 20px
    }

    .media-block__card {
        padding-bottom: 100%;
        border-radius: 4px
    }

    .media-block__link-rotation {
        font-size: 28px
    }

    .media-block__title {
        margin-bottom: 24px
    }

    .media-block__text {
        font-size: 18px;
        line-height: 18px;
        bottom: 24px
    }

    .logo__img {
        max-width: 70%;
        max-height: 70%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .brands--wide .brands__title-wrap {
        margin-bottom: 10px
    }

    .brands--wide .brands__title-text {
        margin-bottom: 32px
    }

    .brands__logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 20px
    }

    .location-list__wrap--location .location-list__title {
        margin-bottom: 0
    }

    .location-list__wrap--location .location-list__subtitle {
        margin-bottom: 17px
    }

    .location-list__wrap--location .location-list__item {
        margin-bottom: 18px
    }

        .location-list__wrap--location .location-list__item:last-of-type {
            margin-bottom: 0
        }

    .location-list__title {
        margin-bottom: 0
    }

    .location-list__item {
        margin-bottom: 16px
    }

    .social-media__container {
        padding: 206px 0 210px
    }

    .social-media__title {
        font-size: 20px;
        letter-spacing: .2px;
        margin-bottom: 9px
    }

    .social-media__list {
        row-gap: 2px
    }

    .social-media__link.text-rotation {
        font-size: 48px;
        height: 48px;
        letter-spacing: .48px
    }

    .social-media__img-wrap--1 {
        top: 0;
        left: 0;
        width: 80px;
        height: 140px
    }

    .social-media__img-wrap--2 {
        top: 10%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80px;
        height: 100px
    }

    .social-media__img-wrap--3 {
        top: 5.7%;
        right: 0;
        width: 80px;
        height: 70px
    }

    .social-media__img-wrap--4 {
        display: none
    }

    .social-media__img-wrap--5 {
        bottom: 5%;
        left: 0;
        width: 80px;
        height: 120px
    }

    .social-media__img-wrap--6 {
        bottom: 8.5%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
        height: 65px
    }

    .social-media__img-wrap--7 {
        bottom: 0;
        right: 0;
        width: 80px;
        height: 140px
    }

    .hero-text__title {
        max-width: 80%;
        margin-inline: auto
    }

        .hero-text__title.headline-700 {
            line-height: 1.1
        }

        .hero-text__title .split-parent {
            overflow: hidden;
            display: block
        }

            .hero-text__title .split-parent:not(:first-of-type) {
                margin-top: -10px
            }

    .hero-text__text {
        max-width: 95%;
        margin-inline: auto;
        margin-top: 20px
    }

    .hero-text__rotate {
        margin-top: 72px
    }

        .hero-text__rotate .banner__middle-text {
            display: block;
            height: 15px
        }

        .hero-text__rotate .banner__rotate {
            gap: 20px
        }

        .hero-text__rotate .banner__rotate-text {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: .1em;
            height: 17px
        }

    .hero-text__image {
        aspect-ratio: 1/1
    }

    .accordion.accordion--mobile {
        margin-top: 32px
    }

    .accordion--mobile .accordion__list {
        grid-template-rows: 0fr
    }

    .accordion--mobile.active .accordion__list {
        grid-template-rows: 1fr
    }

    .accordion--mobile.active .plus-icon::after {
        opacity: 0
    }

    .accordion__btn {
        padding-block: 11px;
        border-top: 1px solid rgba(224,220,202,.3)
    }

        .accordion__btn.tag-200 {
            letter-spacing: .12em
        }

    .accordion__list-inner {
        padding-bottom: 15px
    }

    .upcoming-events__time-inner {
        margin-bottom: 6px
    }

    .jobs-listing__title {
        max-width: 52%
    }

    .jobs-listing__number {
        vertical-align: bottom;
        margin-left: -5px;
        margin-bottom: 26px
    }

    .jobs-listing__filterbar {
        width: 100%;
        border: 1px solid rgba(224,220,202,.3);
        padding: 11px 21px 13px 18px;
        color: #e0dcca;
        display: flex;
        align-items: center;
        gap: 11px;
        border-radius: 50px;
        font-family: "Underground";
        margin-top: 125px
    }

        .jobs-listing__filterbar .icon:last-of-type {
            margin-left: auto;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            font-size: 9px
        }

    .jobs-listing__filters {
        z-index: 2;
        position: relative;
        flex-direction: column;
        margin-top: 125px
    }

    .jobs-listing__data {
        padding-inline: 4px
    }

    .jobs-listing__list {
        gap: 16px 8px
    }

    .jobs-listing__link {
        min-height: 184px
    }

        .jobs-listing__link .text-rotation {
            height: auto
        }

            .jobs-listing__link .text-rotation span {
                text-align: left;
                height: auto;
                letter-spacing: .035em;
                line-height: 1.2
            }

    .jobs-listing__icon {
        margin-bottom: 16px
    }

    .hero-location__holder {
        padding: 74px 0 20px;
        margin-bottom: 30px;
        flex-direction: column;
        align-items: flex-start
    }

    .hero-location__time {
        font-size: 42px;
        max-width: 100px;
        flex: 0 0 100px
    }

    .hero-location__image {
        padding-bottom: 100%
    }

    .hero-location__details {
        margin-top: 22px
    }

    .hero-location__details-content {
        margin: 0 -8px
    }

    .hero-location__details-item {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0 8px
    }

    .hero-location__info {
        max-width: calc(100% - 100px);
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(100% - 100px);
        padding-left: 16px;
        margin-bottom: -5px
    }

        .hero-location__info p {
            font-size: 12px
        }

    .hero-location__info-holder {
        margin-top: 8px;
        display: flex;
        flex-flow: row-reverse wrap;
        justify-content: space-between;
        align-items: center
    }

    .hero-location__details-title {
        margin-bottom: 8px
    }

    .hero-location__list {
        margin-top: 8px
    }

    .hero-location__list-item {
        padding-left: 22px
    }

        .hero-location__list-item:not(:last-child) {
            margin-bottom: 6px
        }

        .hero-location__list-item .icon {
            top: -1px;
            font-size: 14px
        }
}

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none
    }
}

@media only screen and (max-width: 480px)and (max-height: 680px) {
    .header__nav {
        padding: 110px 0;
        display: block
    }

    .header__nav-inner {
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    .nav__link .text-rotation__holder {
        font-size: 12vw;
        height: auto
    }
}

@media (hover: hover)and (pointer: fine) {
    .no-touch .splide__arrow:hover:not([disabled]) {
        color: #fb1622;
        border-color: #fb1622
    }

    .no-touch .rte a:hover {
        text-decoration-color: #fb1622
    }

    .no-touch .btn:hover {
        border-color: #fb1622
    }

        .no-touch .btn:hover .icon {
            color: #fb1622
        }

    .no-touch .cta-button:hover {
        padding: 0
    }

        .no-touch .cta-button:hover .cta-button__text {
            opacity: 1;
            -webkit-animation: scroll-left 3s linear infinite;
            animation: scroll-left 3s linear infinite;
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
            -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards
        }

    .no-touch .play-reel:hover {
        color: #fb1622
    }

    .no-touch .link:hover {
        color: #fb1622
    }

    .no-touch #ccc #ccc-content #ccc-close:hover {
        opacity: .6
    }

    .no-touch #ccc #ccc-button-holder button:hover {
        background-color: #000 !important
    }

        .no-touch #ccc #ccc-button-holder button:hover span {
            color: #fff !important
        }

        .no-touch #ccc #ccc-button-holder button:hover::after {
            background-color: #fff !important
        }

    .no-touch #ccc .ccc-notify-button:not(.ccc-notify-link):hover {
        background: #fff !important;
        color: #000 !important
    }

        .no-touch #ccc .ccc-notify-button:not(.ccc-notify-link):hover span {
            color: #000 !important
        }

        .no-touch #ccc .ccc-notify-button:not(.ccc-notify-link):hover::after {
            background-color: #000
        }

    .no-touch #ccc #ccc-notify-dismiss:hover {
        opacity: .6
    }

    .no-touch #ccc .ccc-notify-link:hover {
        opacity: .6
    }

    .no-touch #ccc .btn-info:hover {
        text-decoration: underline
    }

    .no-touch #ccc a:not(.ccc-notify-button):hover {
        opacity: .6
    }

    .no-touch .footer__links-link:hover {
        text-decoration-color: rgba(224,220,202,.6)
    }

    .no-touch .text-rotation:hover .text-rotation__holder {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .no-touch .cta-link:hover::after {
        width: 100%
    }

    .no-touch .cta-link:hover .text-rotation__holder {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .no-touch .cta-link:hover .cta-link__icon::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .no-touch .cta-link:hover .cta-link__icon::before {
        -webkit-transform: translate(160%, -160%);
        transform: translate(160%, -160%)
    }

    .no-touch .services__link:hover::before {
        width: 100%
    }

    .no-touch .services__link:hover ~ *, .no-touch .services__link:hover ~ .services__title .services__number {
        color: #e0dcca
    }

    .no-touch .services__link:hover ~ .services__title .text-rotation__holder {
        -webkit-transform: translateY(calc(-50% - clamp(8px,0.46875vw,14px)));
        transform: translateY(calc(-50% - clamp(8px,0.46875vw,14px)))
    }

    .no-touch .solutions__link:hover::after {
        width: 100%
    }

    .no-touch .solutions__link:hover .text-rotation__holder {
        -webkit-transform: translateY(calc(-50% - clamp(3px,0.15625vw,4px)));
        transform: translateY(calc(-50% - clamp(3px,0.15625vw,4px)))
    }

    .no-touch .solutions__link:hover .cta-link__icon::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .no-touch .solutions__link:hover .cta-link__icon::before {
        -webkit-transform: translate(160%, -160%);
        transform: translate(160%, -160%)
    }

    .no-touch .person__img-wrap:hover .person__img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%)
    }

    .no-touch .person__img-wrap:hover .person__icon {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .no-touch .person__img-wrap:hover .person__name-anime {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .no-touch .vacancies-box__submit a:hover {
        text-decoration-color: #000
    }

    .no-touch .info-card__text a:hover {
        text-decoration-color: #fb1622
    }

    .no-touch .media-block__link:hover .media-block__link-holder {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .no-touch .media-block__link:hover + .media-block__image {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .no-touch .location-list__mail:hover .location-list__anime {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .no-touch .location-list__city-link:hover .location-list__anime {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .no-touch .accordion__btn:hover {
        color: #fb1622
    }

        .no-touch .accordion__btn:hover + .accordion__list::after {
            width: 100%
        }

    .no-touch .upcoming-events__img-wrap:hover .upcoming-events__img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .no-touch .upcoming-events__img-wrap:hover .upcoming-events__title {
        color: #fb1622
    }

    .no-touch .jobs-listing__reset:hover {
        border-color: #e0dcca
    }

    @supports(font: -apple-system-body) {
        .no-touch .jobs-listing__link:hover .text-rotation__holder {
            -webkit-transform: translateY(calc(-50% - clamp(4px,0.2083333333vw,6px)));
            transform: translateY(calc(-50% - clamp(4px,0.2083333333vw,6px)))
        }
    }

    .no-touch .custom-select__button:hover {
        border-color: #e0dcca
    }

    .no-touch .hero-location__list-link:hover {
        color: #fb1622
    }
}

@media print {
    body {
        background: #fff;
        color: #000;
        margin: 0;
        padding: 0;
        text-align: left
    }

    a:link, a:visited {
        background: #fff;
        color: #000;
        text-decoration: underline
    }

    a:not([href="javascript:;"])::after {
        content: "[" attr(href) "]"
    }

    h1, h2, h3, h4, h5, h6 {
        background: none;
        color: #000
    }

    .temp {
        display: none
    }
}