@charset "UTF-8";

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        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 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@-webkit-keyframes blink {

    0%,
    25%,
    77%,
    to {
        opacity: 1
    }

    27%,
    75% {
        opacity: 0
    }
}

@keyframes blink {

    0%,
    25%,
    77%,
    to {
        opacity: 1
    }

    27%,
    75% {
        opacity: 0
    }
}

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

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

button,
label {
    outline: 0;
    font: inherit
}

label {
    -webkit-tap-highlight-color: transparent
}

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

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::before,
blockquote:after,
q::before,
q:after {
    content: none
}

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

button {
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: 0 0;
    color: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none
}

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

a {
    color: inherit;
    text-decoration: none
}

input,
label,
select,
textarea {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: 0 0;
    line-height: inherit;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: inherit;
    font-size: inherit
}

input::-webkit-input-placeholder,
label::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input::-moz-placeholder,
label::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input::-ms-input-placeholder,
label::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input::placeholder,
label::placeholder,
select::placeholder,
textarea::placeholder {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input:focus,
label:focus,
select:focus,
textarea:focus {
    outline: 0
}

@font-face {
    font-family: "Riforma";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RiformaLLWeb-Regular.woff2) format("woff2"), url(../fonts/RiformaLLWeb-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "Riforma";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/RiformaLLWeb-Light.woff2) format("woff2"), url(../fonts/RiformaLLWeb-Light.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "Riforma";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/FortWeb-Medium.woff2) format("woff2"), url(../fonts/FortWeb-Medium.woff) format("woff");
    font-display: swap
}

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

.js-page-transition {
    opacity: 0
}

.js-fade-anim {
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.js-fade-anim.is-anim-fast,
.js-fade-move-anim.is-anim-fast {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.js-fade-anim.is-anim-fast {
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.js-fade-move-anim {
    -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
    -o-transition: opacity .5s ease-out, transform .5s ease-out;
    transition: opacity .5s ease-out, transform .5s ease-out;
    transition: opacity .5s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out
}

.js-fade-move-anim.is-anim-fast {
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -o-transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
}

.is-small-shift {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.title-anim>span {
    display: inline-block;
    margin-top: -.2em;
    overflow: hidden
}

.title-anim>span>span {
    display: inline-block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.title-anim [data-line="0"] span {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.title-anim [data-line="1"] span {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.title-anim [data-line="2"] span {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.title-anim [data-line="3"] span {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.title-anim [data-line="4"] span {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.title-anim [data-line="5"] span {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.title-anim [data-line="6"] span {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.title-anim [data-line="7"] span {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.title-anim [data-line="8"] span {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.title-anim [data-line="9"] span {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.title-anim [data-line="10"] span {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.title-anim [data-line="11"] span {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.title-anim [data-line="12"] span {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.title-anim [data-line="13"] span {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.title-anim [data-line="14"] span {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.title-anim [data-line="15"] span {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.title-anim [data-line="16"] span {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.title-anim [data-line="17"] span {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.title-anim [data-line="18"] span {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.title-anim [data-line="19"] span {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.title-anim [data-line="20"] span {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

.title-anim--show>span>span {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.link-anim {
    position: relative
}

.link-anim span::after,
.link-anim span::before,
.link-anim::after {
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.link-anim::after {
    content: "";
    width: calc(100% - 28px);
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.link-anim span,
.small-link-anim span {
    display: block;
    position: relative;
    overflow: hidden
}

.link-anim span::after,
.link-anim span::before {
    content: attr(data-content);
    display: block
}

.link-anim span::after,
.link-anim::after {
    position: absolute;
    top: 100%;
    left: 0
}

.link-anim svg,
.small-link-anim span::after,
.small-link-anim span::before,
.small-link-anim svg {
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.link-anim:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.link-anim:hover span::after,
.link-anim:hover span::before,
.small-link-anim:hover span::after,
.small-link-anim:hover span::before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.link-anim:hover svg,
.small-link-anim:hover svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.small-link-anim span::after,
.small-link-anim span::before {
    content: attr(data-content);
    display: block
}

.small-link-anim span::after {
    position: absolute;
    top: 100%;
    left: 0
}

.spin-marque {
    -webkit-animation: spinner 24s linear infinite;
    animation: spinner 24s linear infinite
}

@font-face {
    font-family: "swiper-icons";
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    background-color: rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    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;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    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: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    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: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: 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
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px) * 2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

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

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

.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    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: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px) * .7);
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

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

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

.plyr__control.plyr__tab-focus {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.newsletter__lead a:hover,
.txt a:hover,
.txt-lead a:hover,
a.plyr__control {
    text-decoration: none
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

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

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

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

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    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: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    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+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

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

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

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: 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--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg,
.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: rgba(255, 255, 255, .9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    border-radius: var(--plyr-menu-radius, 4px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -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: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    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(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

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

.plyr__menu__container [role=menu] {
    padding: 7px;
    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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px) * .7 / 1.5) calc(var(--plyr-control-spacing, 10px) * .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 {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

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

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

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

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

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

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    -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: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px) * .7 / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

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

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

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

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    -webkit-transition: all .3s ease;
    -o-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;
    -o-transition: transform .3s ease, opacity .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: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.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].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

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

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    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;
    -o-transition: 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: 0 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, transparent));
    background-image: linear-gradient(90deg, currentColor 0, transparent 0);
    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));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    -webkit-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
}

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

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    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: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

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

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    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: 0 0;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    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-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.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].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    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;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

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

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

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

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -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: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(.8);
    transform: translate(-50%, 10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -o-transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    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.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) 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: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.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: 16px;
    left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7)
}

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

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

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

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

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    width: calc(100% + 13px);
    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: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    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: 5px;
    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: -o-linear-gradient(135deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: -o-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

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

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

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

.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

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

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

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

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video,
.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

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

.plyr__video-wrapper {
    height: 100%;
    margin: auto;
    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,
.plyr__control--overlaid {
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    position: absolute
}

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .75)));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    right: 0;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out, 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
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding: 35px 10px 10px;
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
    }
}

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

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

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

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

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    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: rgba(255, 255, 255, .25);
    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: rgba(255, 255, 255, .25);
    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: rgba(255, 255, 255, .25);
    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: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 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(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 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: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 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: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 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: rgba(255, 255, 255, .25);
    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
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

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

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

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

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

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.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: #23282f;
    border-radius: 2px;
    bottom: 10px;
    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: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    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: rgba(255, 255, 255, .9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -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: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -o-transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    z-index: 2
}

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

.plyr__preview-thumb:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    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: #c1c8d1;
    border-radius: 4px;
    border-radius: calc(var(--plyr-tooltip-radius, 5px) - 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-scrubbing img,
.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .75)));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 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: 13px;
    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;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown,
input[type=color][disabled],
input[type=date][disabled],
input[type=datetime-local][disabled],
input[type=datetime][disabled],
input[type=email][disabled],
input[type=month][disabled],
input[type=number][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=time][disabled],
input[type=url][disabled],
input[type=week][disabled],
textarea[disabled] {
    opacity: 1
}

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

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

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

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

:root {
    --plyr-color-main: #1b1b1c
}

body,
html {
    background-color: #ffffff;
    font-family: "Riforma", helvetica, tahoma, arial, sans-serif;
    font-weight: 400;
    color: #1b1b1c
}

main {
    width: 100%
}

img,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto
}

.checkbox label,
.radio label,
[class*=btn],
[class*=button],
[class*=link],
[type*=submit],
a,
button {
    cursor: pointer
}

.h1 {
    font-size: 100px;
    line-height: 1.125;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 894px) {
    .h1 {
        font-size: 80px
    }
}

@media (max-width: 767px) {
    .h1 {
        font-size: 48px
    }
}

.h2 {
    font-size: 50px;
    line-height: 1.1;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 894px) {
    .h2 {
        font-size: 40px;
        line-height: 1.125
    }
}

@media (max-width: 767px) {
    .h2 {
        font-size: 30px;
        line-height: 1.16667
    }
}

.h3 {
    font-size: 60px;
    line-height: 1.06667;
    font-weight: 300
}

@media (max-width: 1054px) {
    .h3 {
        font-size: 45px
    }
}

@media (max-width: 894px) {
    .h3 {
        font-size: 30px;
        line-height: 1.2
    }
}

.h4 {
    font-size: 28px;
    line-height: 1.21429;
    font-weight: 300
}

@media (max-width: 767px) {
    .h4 {
        font-size: 30px;
        line-height: 1.2
    }
}

.section-label {
    font-size: 16px;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .section-label {
        font-size: 14px
    }
}

.section-label::before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 40px;
    height: 50px;
    /* border-radius: 50%; */
    /*     background-color: currentColor;
    -webkit-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite */
    background: url('../img/kreisaavise.svg') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    border-radius: 0;
}

.section-label--hero {
    font-size: 20px;
    letter-spacing: 1.5px
}

@media (max-width: 767px) {
    .section-label--hero {
        font-size: 18px
    }
}

.section-label--hero::before {
    margin-right: 22px;
    width: 15px;
    height: 15px
}

.section-label--red::before {
    background-color: #f33
}

.news-label {
    display: inline-block;
    padding: 5px 12px 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 2px solid currentColor;
    border-radius: 1000px
}

@media (max-width: 767px) {
    .news-label {
        padding-top: 3px;
        padding-bottom: 4px
    }
}

.news-label span {
    display: block
}

@media (max-width: 767px) {
    .news-label span {
        margin-bottom: -2px
    }
}

.newsletter__lead li:not(:last-child),
.newsletter__lead ol:not(:last-child),
.newsletter__lead p:not(:last-child),
.newsletter__lead ul:not(:last-child),
.text-details__content h4:not(:last-child),
.text-details__content h5:not(:last-child),
.text-details__content h6:not(:last-child),
.txt li:not(:last-child),
.txt ol:not(:last-child),
.txt p:not(:last-child),
.txt ul:not(:last-child),
.txt-lead li:not(:last-child),
.txt-lead ol:not(:last-child),
.txt-lead p:not(:last-child),
.txt-lead ul:not(:last-child) {
    margin-bottom: 1em
}

.newsletter__lead b,
.newsletter__lead strong,
.txt b,
.txt strong,
.txt-lead b,
.txt-lead strong {
    font-weight: 700
}

.newsletter__lead em,
.newsletter__lead i,
.txt em,
.txt i,
.txt-lead em,
.txt-lead i {
    font-style: italic
}

.credits__links a,
.newsletter__lead a,
.txt a,
.txt-lead a {
    text-decoration: underline
}

.txt {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 894px) {
    .txt {
        font-size: 18px;
        line-height: 1.38889
    }
}

.txt-lead {
    font-size: 28px;
    line-height: 1.35714;
    font-weight: 300
}

@media (max-width: 894px) {
    .txt-lead {
        font-size: 22px;
        line-height: 1.27273
    }
}

.wrapper {
    padding: 0 100px
}

@media (max-width: 1054px) {
    .wrapper {
        padding: 0 32px
    }
}

@media (max-width: 767px) {
    .wrapper {
        padding: 0 24px
    }
}

.wrapper-wide {
    padding: 0 32px
}

@media (max-width: 767px) {
    .wrapper-wide {
        padding: 0 24px
    }
}

@media (max-width: 1054px) {
    .wrapper-extra {
        padding: 0 90px
    }
}

@media (max-width: 767px) {
    .wrapper-extra {
        padding: 0 24px
    }
}

.container,
.container-wide,
.home-news__container,
.latest-news__container,
.people-photos__container,
.related-news__container,
.text-center__container {
    width: 100%;
    margin: 0 auto
}

.container {
    max-width: 1480px
}

.container-wide {
    max-width: 1616px
}

textarea {
    overflow: auto;
    resize: none
}

.checkbox,
.radio {
    position: relative
}

.checkbox input,
.radio input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.checkbox label::before,
.radio label::before {
    content: "";
    display: inline-block;
    margin-right: 13px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid currentColor
}

.checkbox label::after,
.radio label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.checkbox input:checked+label::after,
.radio input:checked+label::after {
    opacity: 1
}

.range-input {
    -webkit-appearance: none
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -7px;
    cursor: pointer
}

.range-input::-moz-range-thumb {
    cursor: pointer
}

.range-input::-ms-thumb {
    cursor: pointer;
    margin-top: 0
}

.range-input::-ms-track {
    width: 100%;
    color: transparent;
    cursor: pointer;
    background: 0 0;
    border-color: transparent
}

.btn {
    display: inline-block;
    height: 60px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 1px solid;
    border-radius: 1000px;
    -webkit-transition: background-color .3s ease-out, color .3s ease-out;
    -o-transition: background-color .3s ease-out, color .3s ease-out;
    transition: background-color .3s ease-out, color .3s ease-out
}

.btn:not(button) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn i,
.btn svg {
    display: inline-block;
    margin-left: 12px
}

.btn svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.btn i {
    font-size: 20px
}

.btn--white {
    color: #f9f9f4;
    border-color: #f9f9f4
}

.btn--white:hover {
    color: #1b1b1c;
    background-color: #f9f9f4
}

.btn--black {
    color: #1b1b1c;
    border-color: #1b1b1c
}

.btn--black:hover,
.btn--solid {
    background-color: #1b1b1c;
    color: #f9f9f4
}

.btn--solid:hover {
    background-color: transparent;
    color: #1b1b1c
}

.section-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    letter-spacing: .5px;
    text-transform: uppercase
}

@media (max-width: 894px) {
    .section-link {
        font-size: 18px;
        text-decoration: underline
    }
}

.section-link svg {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    fill: currentColor
}

@media (max-width: 894px) {
    .section-link svg {
        margin-left: 18px
    }
}

.slider-scroll {
    position: relative
}

.slider-scroll::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    opacity: .1
}

.slider-scroll .swiper-scrollbar-drag {
    height: 2px;
    background-color: currentColor
}

.is-hidden {
    display: none !important
}

.is-invisible {
    pointer-events: none !important;
    opacity: 0 !important
}

.is-no-scroll {
    overflow: hidden !important
}

@media (min-width: 768px) {
    .is-fixed-home-section {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important
    }
}

[data-accordeon-content] {
    overflow: hidden
}

[data-tab-button] {
    cursor: pointer
}

[data-tab-container] {
    position: relative
}

[data-tab-content] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0
}

[data-tab-content].is-active {
    pointer-events: auto;
    opacity: 1
}

.custom-select__item--disabled {
    display: none
}

.cursor {
    position: fixed;
    top: -71px;
    left: -71px;
    z-index: 100000000;
    width: 142px;
    height: 142px;
    color: #f9f9f4;
    pointer-events: none
}

.cursor--hidden {
    display: none !important
}

.cursor__figure,
.header__link::after {
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.cursor__figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    background: rgba(27, 27, 28, .2);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.cursor__figure--animated {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cursor__drag,
.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70.42254%
}

.cursor__drag svg {
    width: 9px;
    height: 15px;
    fill: currentColor
}

.header {
    color: #F39D79;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    padding: 0px 32px;
    background: rgba(236, 235, 235, 0.3); /* halbtransparenter Hintergrund */
    backdrop-filter: blur(1px);        /* Weichzeichner-Effekt */
    -webkit-backdrop-filter: blur(6px); /* Für Safari */
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.header__menu a {
    color: #F39D79;
    text-decoration: none;
    padding: 8px 16px;
    display: inline-block;
    transition: color 0.3s ease;
}

.header__menu a:hover {
    color: #ccc;
}
@media (max-width: 767px) {
    .header {
        padding: 25px 24px
    }
}

.header--home-start {
    position: absolute;
    top: 100vh;
    top: calc(var(--vh, 1vh) * 100)
}

.header--dark {
    background-color: #1b1b1c
}

.header--black {
    color: #1b1b1c
}

.header--black.header--dark {
    background-color: #f9f9f4
}

.header__logo {
    opacity: 1;
    display: block;
    padding: 12px;
    margin: -12px;
}

.header__logo svg,
.header__plus svg {
    width: 160px;
    height: 25px;
    fill: currentColor
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -8px -14px
}

@media (max-width: 894px) {
    .header__menu {
        display: none
    }
}

.header__link {
    display: block;
    position: relative;
    padding: 8px 14px;
    font-size: 20px
}

.header__link::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 14px;
    width: calc(100% - 28px);
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.header__link:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header__plus {
    display: block;
    padding: 12px;
    margin: -12px;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (min-width: 895px) {
    .header__plus {
        display: none
    }
}

.header__plus svg {
    width: 25px
}

.header__plus.is-active {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    color: #f9f9f4;
    background-color: #1b1b1c;
    background-image: url(../img/menu-bg-tablet.png);
    background-size: cover;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media (min-width: 895px) {
    .menu {
        display: none
    }
}

@media (max-width: 767px) {
    .menu {
        background-image: url(../img/menu-bg-mobile.png)
    }
}

.menu::before {
    content: "";
    display: block;
    height: 90px
}

@media (max-width: 767px) {
    .menu::before {
        height: 75px
    }
}

.menu__list {
    position: relative;
    z-index: 20
}

.menu__link {
    font-size: 70px;
    font-weight: 300;
    line-height: 1.21429
}

@media (max-width: 767px) {
    .menu__link {
        font-size: 40px;
        line-height: 1.375
    }
}

.menu-links,
.menu-links__decoration {
    position: relative;
    z-index: 20
}

.menu-links__decoration svg {
    width: 100%;
    margin: 0 auto;
    mix-blend-mode: overlay;
    opacity: .3;
    fill: currentColor
}

@media (max-width: 767px) {
    .menu-links__decoration svg {
        width: 87.46667%
    }
}

.menu-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .menu-links {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.menu-links__column {
    margin-right: 115px
}

@media (max-width: 767px) {
    .menu-links__column {
        margin-right: 0
    }
}

.menu-links__link,
.menu-links__title {
    text-transform: uppercase;
    letter-spacing: .5px
}

.menu-links__title {
    margin-bottom: 17px;
    font-size: 14px
}

.menu-links__title::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 12px;
    background-color: #f9f9f4;
    border-radius: 50%;
    -webkit-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite
}

.menu-links__link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1.875
}

.menu-links__link::before {
    content: "";
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(249, 249, 244, .2)
}

.menu-links__link svg {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: currentColor
}

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

.menu__bg img,
.menu__bg svg,
.menu__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.credits {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 37px;
    font-size: 14px;
    line-height: 2.14286;
    letter-spacing: -.5px
}

@media (max-width: 1619px) {
    .credits {
        font-size: 14px
    }
}

@media (max-width: 1299px) {
    .credits {
        font-size: 11px
    }
}

@media (max-width: 1054px) {
    .credits {
        padding-bottom: 25px;
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .credits {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 45px;
        padding-bottom: 85px;
        font-size: 15px;
        line-height: 1.33333
    }

    .credits::before {
        content: "";
        position: absolute;
        top: 0;
        left: 24px;
        width: calc(100% - 48px);
        height: 1px;
        background-color: currentColor;
        opacity: .2
    }

    .footer-short .credits {
        padding-top: 60px;
        padding-bottom: 95px
    }

    .text-content--privacy+.footer-short .credits::before,
    .vacancies+.footer-short .credits::before {
        display: none
    }
}

.full-page .credits::before {
    display: none
}

@media (max-width: 767px) {
    .full-page--error .credits {
        display: none
    }
}

.credits__logo {
    width: 120px
}

@media (max-width: 1619px) {
    .credits__logo {
        width: 90px
    }
}

@media (max-width: 1054px) {
    .credits__logo {
        width: 120px
    }
}

@media (max-width: 767px) {
    .credits__logo {
        margin: 0 auto 27px
    }
}

.credits__logo svg,
.footer__decoration svg {
    width: 100%;
    fill: currentColor
}

.credits__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1054px) {
    .credits__details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: auto
    }
}

@media (max-width: 767px) {
    .credits__details {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.credits__details::before,
.footer-full::before {
    content: ""
}

.credits__links {
    font-weight: 300;
    text-align: center;
    cursor: auto
}

@media (max-width: 1054px) {
    .credits__links {
        text-align: right
    }
}

@media (max-width: 767px) {
    .credits__links {
        text-align: center
    }
}

.credits__links i {
    color: #8d8d8d
}

@media (max-width: 767px) {
    .credits__links i {
        display: none
    }
}

.footer-full .credits__links b,
.text-main .credits__links b {
    opacity: .4
}

@media (max-width: 767px) {
    .credits__links .credits__registered {
        display: none
    }

    .credits__links--policy {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 25px
    }

    .credits__links--policy a {
        display: block
    }

    .credits__links--design {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.credits__copy {
    font-weight: 700;
    text-align: right
}

@media (max-width: 1054px) {
    .credits__copy {
        margin-top: 6px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .credits__copy {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 25px;
        text-align: center;
        font-size: 15px
    }
}

.credits__copy .credits__registered {
    display: none
}

@media (max-width: 767px) {
    .credits__copy .credits__registered {
        display: block
    }
}

.footer__decoration {
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 2.14286%;
    width: 96.0119%
}

@media (max-width: 1054px) {
    .footer__decoration {
        left: 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .footer__decoration {
        left: 6.4%;
        width: 87.46667%
    }
}

.footer__decoration--full {
    mix-blend-mode: overlay;
    opacity: .2
}

.footer__decoration--short {
    opacity: .04
}

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

.footer__bg img,
.footer__bg svg,
.footer__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

@media (max-width: 767px) {
    .footer__bg-lg {
        display: none
    }
}

@media (min-width: 768px) {
    .footer__bg-sm {
        display: none
    }
}

.footer-full {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    color: #1b1b1c;
    background-color: rgba(255, 255, 255, 0.1);
    /*background-image: url(../img/footer-full-bg-desktop.png);*/
    background-repeat: no-repeat;
    background-size: cover
}

/*@media (max-width: 894px) {*/
/*    .footer-full {*/
/*        background-image: url(../img/footer-full-bg-tablet.png)*/
/*    }*/
/*}*/

/*@media (max-width: 767px) {*/
/*    .footer-full {*/
/*        background-image: url(../img/footer-full-bg-mobile.png)*/
/*    }*/
/*}*/

@media (min-width: 768px) {
    .footer-full--home {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -200;
        width: 100%;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100)
    }
}

.footer-full--home-up {
    z-index: 299
}

.footer-short {
    position: relative;
    height: 25.89286vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1054px) {
    .footer-short {
        height: 26.04167vw
    }
}

@media (max-width: 767px) {
    .footer-short {
        height: auto
    }
}

.contact-details {
    position: relative;
    z-index: 40;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-details--footer {
    margin-bottom: 6.38298vh
}

@media (max-width: 1054px) {
    .contact-details--footer {
        margin-top: 9.76562vh;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .contact-details--footer {
        margin-top: 0
    }
}

.contact-details--contact {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.contact-details__contacts {
    width: 34.03465%
}

@media (max-width: 1054px) {
    .contact-details__contacts {
        margin-bottom: 70px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-details__contacts {
        margin-bottom: 0;
        border-bottom: 1px solid currentColor;
        padding: 58px 0 73px
    }
}

@media (max-width: 1054px) {
    .contact-details__contacts--narrow {
        margin-bottom: 0;
        width: 50.85227%
    }
}

@media (max-width: 767px) {
    .contact-details__contacts--narrow {
        border: 0;
        width: 100%;
        padding: 0
    }
}

.contact-details__links {
    width: 65.96535%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: default
}

@media (max-width: 1054px) {
    .contact-details__links {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .contact-details__links {
        padding: 48px 0 67px
    }
}

@media (max-width: 1054px) {
    .contact-details__links--narrow {
        width: 49.14773%
    }
}

@media (max-width: 767px) {
    .contact-details__links--narrow {
        display: none
    }
}

.contact-details__column {
    width: 22.32645%;
    margin-right: 6.5666%;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5
}

@media (max-width: 1054px) {
    .contact-details__column {
        width: 25.56818%;
        margin-right: 0;
        font-size: 18px;
        line-height: 1.66667
    }
}

@media (max-width: 767px) {
    .contact-details__column {
        width: 100%;
        font-size: 20px;
        line-height: 1.5
    }

    .contact-details__column:not(:last-child) {
        margin-bottom: 50px
    }
}

.contact-details__column:nth-child(1) {
    width: 28.70544%
}

@media (max-width: 1054px) {
    .contact-details__column:nth-child(1) {
        width: 31.96023%;
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .contact-details__column:nth-child(1) {
        width: 100%
    }
}

.contact-details__column--wide:nth-child(n) {
    width: 31.5197%
}

@media (max-width: 1439px) {
    .contact-details__column--wide:nth-child(n) {
        width: 38.54626%
    }
}

@media (max-width: 1054px) {
    .contact-details__column--wide:nth-child(n) {
        margin-bottom: 0;
        width: auto
    }
}

.contact-details__title {
    margin-bottom: 53px
}

@media (max-width: 1054px) {
    .contact-details__title {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .contact-details__title {
        margin-bottom: 16px
    }

    .contact-details__contacts--narrow .contact-details__title {
        margin-bottom: 36px
    }
}

.contact-details__contact-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 45px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.42857
}

@media (max-width: 767px) {
    .contact-details__contact-links {
        margin-bottom: 35px;
        font-size: 26px
    }
}

.contact-details__contact-links a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details__contact-links a::before,
.contact-details__link::before {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    background-color: currentColor
}

.contact-details__contact-links a::before {
    bottom: 0;
    width: calc(100% - 26px)
}

.contact-details__contact-links svg,
.contact-details__link svg {
    display: inline-block;
    width: 16px;
    margin-left: 10px;
    fill: currentColor
}

@media (max-width: 767px) {
    .contact-details__contacts--narrow .contact-details__contact-links {
        margin-bottom: 64px
    }
}

.contact-details__text {
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .contact-details__text {
        margin-bottom: 40px
    }
}

.contact-details__link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default
}

.contact-details__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    text-transform: uppercase;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .contact-details__link {
        font-size: 14px;
        line-height: 2.14286
    }
}

.contact-details__link::before {
    bottom: 4px;
    width: 100%;
    opacity: .2
}

.contact-details__link svg {
    width: 12px;
    margin-left: 8px
}

.contact-details-mobile {
    display: none
}

@media (max-width: 767px) {
    .contact-details-mobile {
        display: block
    }
}

.contact-details-mobile .contact-details__links {
    padding-top: 80px;
    padding-bottom: 100px
}

.contact-details-mobile .contact-details__column:nth-child(1) {
    margin-bottom: 75px
}

.card {
    display: block;
    background-color: #1b1b1c;
    color: #f9f9f4;
    position: relative
}

.card::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 135.13514%
}

.card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

video.card__bg {
    pointer-events: none
}

.card__bg-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.card__bg-wrapper--reverse {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card__img,
.preview::after {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.card__img {
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .7
}

.card__bg--parallaxed {
    height: 120%
}

.card__bg--hover,
.news-card--hide-content .news-card__photo img,
.work-grid__card--hover .card__bg--default {
    opacity: 0
}

.work-grid__card--hover .card__bg--hover {
    opacity: 1
}

.card__info,
.card__label {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    text-align: center
}

.card__label {
    top: 8.14286%
}

.card__info {
    bottom: 9.28571%
}

.card__title {
    margin-bottom: 20px;
    font-family: "ArchivoBlack", helvetica, tahoma, arial, sans-serif;
    font-size: 47px;
    font-weight: 400;
    line-height: .91489;
    text-transform: uppercase;
    letter-spacing: -1px
}

@media (max-width: 894px) {
    .card__title {
        font-size: 48px;
        line-height: .91667
    }
}

@media (max-width: 767px) {
    .card__title {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: .9375
    }
}

@media (max-width: 1619px) {

    .card__title--grid,
    .card__title--related {
        font-size: 43px
    }
}

@media (max-width: 1439px) {

    .card__title--grid,
    .card__title--related {
        font-size: 37px
    }
}

@media (max-width: 1299px) {

    .card__title--grid,
    .card__title--related {
        font-size: 32px
    }
}

@media (max-width: 1054px) {

    .card__title--grid,
    .card__title--related {
        font-size: 43px
    }
}

@media (max-width: 894px) {

    .card__title--grid,
    .card__title--related {
        font-size: 35px;
        line-height: 1
    }
}

@media (max-width: 767px) {
    .card__title--grid {
        font-size: 22px
    }

    .card__title--related {
        font-size: 32px
    }
}

.card__caption,
.card__label {
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -.5px
}

@media (max-width: 767px) {

    .card__caption,
    .card__label {
        font-size: 18px
    }

    .card__caption--grid,
    .card__label--grid {
        font-size: 11px
    }

    .card__caption--related,
    .card__label--related {
        font-size: 24px
    }
}

.preview {
    display: block;
    position: relative;
    color: #1b1b1c;
    background-color: rgba(255, 255, 255, 0.1);
}

.preview::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #7b7b7b;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.swiper .swiper-slide:nth-child(3n-1) .preview,
.swiper .swiper-slide:nth-child(3n-1) .preview::after {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.swiper .swiper-slide:nth-child(3n) .preview,
.swiper .swiper-slide:nth-child(3n) .preview::after {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.preview--hide-content::after {
    opacity: 1
}

.preview--large,
.preview--medium,
.preview--small {
    position: relative
}

.preview--medium::before,
.preview--small::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.81922%
}



.award__img::before,
.preview--large::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 149.88558%
}

.preview__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    overflow: hidden
}

.preview__bg--slider,
.preview__bg-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.preview__bg-wrapper {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.preview:hover .preview__bg-wrapper {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.preview__bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .7
}

.preview__bg--slider .preview__bg-img {
    max-width: none;
    width: 120%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.preview__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.preview--small .preview__content {
    padding: 5.72082% 5.03432%
}

.preview--medium .preview__content {
    padding: 7.55149% 5.94966%
}

.preview--large .preview__content {
    padding: 8.46682% 5.94966%
}

.preview__label {
    margin-bottom: 22px;
    padding-left: 24px;
    padding-right: 24px
}

@media (max-width: 894px) {
    .preview__label {
        margin-bottom: 25px;
        padding: 4px 12px 1px
    }
}

@media (max-width: 767px) {
    .preview__label {
        margin-bottom: 13px;
        padding: 0 8px 2px
    }
}

.preview__title {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.28;
    letter-spacing: -.5px
}

@media (max-width: 894px) {
    .preview__title {
        font-size: 22px;
        line-height: 1.27273
    }
}

.award__img {
    position: relative;
    background-color: #1b1b1c
}

.award__img::before {
    padding-top: 149.89154%
}

@media (max-width: 894px) {
    .award__img {
        position: relative
    }

    .award__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 140%
    }
}

.award__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7
}

.award__bg img,
.award__bg svg,
.award__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.award__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    max-width: 43.47826%;
    max-height: 31.88406%
}

.award__description {
    padding-top: 46px
}

@media (max-width: 894px) {
    .award__description {
        padding-top: 17px
    }
}

.award__title {
    margin-bottom: 15px;
    font-size: 28px;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 894px) {
    .award__title {
        margin-bottom: 12px;
        font-size: 18px;
        letter-spacing: -.33px
    }
}

.award__category {
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 894px) {
    .award__category {
        font-size: 14px;
        letter-spacing: .33px
    }
}

.award__category:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 894px) {
    .award__category:not(:last-child) {
        margin-bottom: 11px
    }
}

.award__link {
    margin-bottom: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .4;
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 894px) {
    .award__link {
        font-size: 14px;
        letter-spacing: .33px
    }
}

.award__link svg {
    display: inline-block;
    margin-left: 12px;
    width: 16px
}

@media (max-width: 894px) {
    .award__link svg {
        margin-left: 5px;
        width: 11px
    }
}

.news-card {
    display: block;
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

.news-card:nth-child(4n-2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.news-card:nth-child(4n-1) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.news-card:nth-child(4n) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 1299px) {
    .news-card:nth-child(3n-2) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }

    .news-card:nth-child(3n-1) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .news-card:nth-child(3n) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }
}

@media (max-width: 767px) {
    .news-card:nth-child(n) {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }
}

.news-card__photo {
    overflow: hidden;
    background-color: #7b7b7b
}

.news-card__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

.news-card:hover .news-card__photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news-card__photo--large,
.news-card__photo--medium,
.news-card__photo--small {
    position: relative
}

.news-card__photo--small::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.76923%
}

.news-card__photo--large::before,
.news-card__photo--medium::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.news-card__photo--large::before {
    padding-top: 149.84615%
}

.news-card__content {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media (min-width: 767px) and (max-width: 894px) {
    .news-card__content {
        margin-top: 18px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.news-card--hide-content .news-card__content {
    opacity: 0
}

.news-card__label {
    padding-top: 3px
}

.news-card__date {
    font-size: 15px;
    font-weight: 300;
    opacity: .5
}

@media (min-width: 767px) and (max-width: 894px) {
    .news-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 12px
    }
}

@media (max-width: 767px) {
    .news-card__date {
        font-weight: 400
    }
}

.news-card__title {
    margin-top: 13px;
    width: 100%;
    letter-spacing: -.5px
}

.hero-video-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-object-fit: cover;
    object-fit: cover
}

.hero-video-bg,
.hero-video-bg .plyr {
    min-width: 100%;
    height: 100%
}

.hero-video-bg .plyr__video-wrapper {
    min-width: 100%;
    height: 100% !important;
    padding: 0 !important
}

.hero-video-bg--parallaxed,
.slider-hero__bg {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hero-video-bg__wrapper {
    width: 100%
}

.hero-video-bg__wrapper,
.slider-hero__bg img {
    height: 110%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.hero-header {
    max-width: 1210px
}

.hero-header__label {
    margin-bottom: 22px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 767px) {
    .hero-header__label {
        margin-bottom: 30px
    }
}

.hero-header__title {
    font-size: 80px;
    font-weight: 300;
    line-height: 1.0625
}

@media (max-width: 894px) {
    .hero-header__title {
        font-size: 70px;
        line-height: 1.17143
    }
}

@media (max-width: 767px) {
    .hero-header__title {
        font-size: 40px;
        line-height: 1.125
    }
}

.hero-footer {
    width: 95%;
    padding-bottom: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 894px) {
    .hero-footer {
        padding-bottom: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    .hero-footer {
        padding-bottom: 30px
    }
}

.hero-footer__coords {
    padding: 10px 20px 8px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 2px solid rgba(249, 249, 244, .4);
    border-radius: 1000px
}

@media (max-width: 894px) {
    .hero-footer__coords {
        margin-bottom: 0
    }
}

.hero-scroll-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    color: #1b1b1c;
    background-color: #f9f9f4;
    border-radius: 50%
}

@media (max-width: 894px) {
    .hero-scroll-btn {
        width: 100px;
        height: 100px
    }
}

@media (max-width: 767px) {
    .hero-scroll-btn {
        width: 70px;
        height: 70px
    }
}

.hero-scroll-btn svg {
    width: 35px;
    height: 38px;
    fill: currentColor
}

@media (max-width: 894px) {
    .hero-scroll-btn svg {
        width: 30px;
        height: 32px
    }
}

@media (max-width: 767px) {
    .hero-scroll-btn svg {
        width: 21px;
        height: 23px
    }
}

.filter {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 800;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
    color: #1b1b1c;
    background-color: #f9f9f4
}

.filter--bottom {
    position: absolute
}

.filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filter__btn {
    position: relative;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 767px) {
    .filter__btn {
        font-size: 13px
    }
}

.filter__btn::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 7px;
    vertical-align: middle;
    border: 1px solid currentColor;
    border-radius: 50%
}

@media (max-width: 767px) {
    .filter__btn::before {
        margin-right: 4px
    }
}

.filter__btn::after {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.filter__btn:not(:last-child) {
    margin-right: 24px
}

@media (max-width: 767px) {
    .filter__btn:not(:last-child) {
        margin-right: 13px
    }
}

.filter__btn span,
.gallery__nav span {
    display: inline-block;
    vertical-align: middle
}

.filter__btn--active::before {
    background-color: currentColor
}

.intro {
    padding-top: 170px;
    padding-bottom: 150px
}

@media (max-width: 894px) {
    .intro {
        padding-top: 50px;
        padding-bottom: 140px
    }
}

@media (max-width: 767px) {
    .intro {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.intro--home {
    position: relative;
    padding-top: 320px;
    padding-bottom: 190px
}

@media (max-width: 1054px) {
    .intro--home {
        padding-top: 60px;
        padding-bottom: 130px
    }
}

@media (max-width: 767px) {
    .intro--home {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.intro--home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 66.07143%;
    background-image: url(../assets/background.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .intro--home::before {
        top: 27.41573%;
        padding-top: 117.6%;
        opacity: 0.5;
        background-image: url(../img/home-intro-mobile-bg.png);
    }
}

.intro--dark {
    padding-bottom: 360px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .intro--dark {
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .intro--dark {
        padding-bottom: 85px
    }
}

.intro__container {
    color: #F39D79;
    position: relative;
    z-index: 50
}

@media (min-width: 1055px) {
    .intro__label {
        position: absolute;
        top: 35px;
        left: 0
    }
}

@media (max-width: 1054px) {
    .intro__label {
        margin-bottom: 54px
    }
}

@media (max-width: 767px) {
    .intro__label {
        margin-bottom: 23px
    }

    .intro__label--home {
        margin-bottom: 40px
    }
}

.intro__text {
    letter-spacing: -.5px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    text-indent: 17.90541%
}

@media (max-width: 894px) {
    .intro__text {
        text-indent: 20.56738%
    }
}

@media (max-width: 767px) {
    .intro__text {
        text-indent: 30.30303%
    }

    .intro__text--about {
        text-indent: 39.39394%
    }
}

@media (min-width: 768px) and (max-width: 894px) {
    .intro__text--people {
        font-size: 32px
    }
}

@media (max-width: 767px) {
    .intro__text--people {
        text-indent: 26.66667%
    }
}

.intro__text--quote> :first-child::before {
    content: "“"
}

.intro__text--quote> :last-child::after {
    content: "”"
}

.intro__author {
    margin-top: 42px;
    margin-left: 27.56757%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width: 894px) {
    .intro__author {
        margin-top: 32px;
        margin-left: 17.44681%
    }
}

@media (max-width: 767px) {
    .intro__author {
        margin-left: 0
    }
}

.intro__name,
.intro__position {
    display: block;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300
}

.intro__position {
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

.intro__bg,
.intro__bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.intro__bg {
    z-index: 20;
    padding-top: 66.07143%
}

@media (max-width: 767px) {
    .intro__bg {
        padding-top: 150.13333%
    }
}

.intro__bg::before {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 43.42342%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 28, 0)), color-stop(71.87%, #f9f9f4));
    background: -o-linear-gradient(top, rgba(27, 27, 28, 0) 0, #ffffff 71.87%);
    background: linear-gradient(180deg, rgba(27, 27, 28, 0) 0, #ffffff 71.87%)
}

@media (max-width: 767px) {
    .intro__bg::before {
        height: 36.94494%
    }
}

.intro__bg video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .intro__bg-sm {
        display: none
    }
}

.video {
    position: relative;
    z-index: 100;
    color: #f9f9f4
}

.hero-video-bg--portrait {
    display: none
}

.hero-video-bg--portrait video {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100vh
}

@media (max-width: 767px) {
    .hero-video-bg--portrait {
        display: block
    }
}

.hero-video-bg--landscape {
    display: block
}

@media (max-width: 767px) {
    .hero-video-bg--landscape {
        display: none
    }
}

.video--work-one {
    margin-top: -260px;
    margin-bottom: 111px;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 894px) {
    .video--work-one {
        margin-top: -285px;
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .video--work-one {
        margin-top: -115px;
        margin-bottom: 65px
    }
}

.video__container {
    overflow: hidden;
    position: relative
}

.video__container::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

@media (orientation: portrait) {
    .video__container--vertical-mobile {
        height: calc(100vh - 90px);
        height: calc(var(--vh, 1vh) * 100 - 90px)
    }

    .video__container--vertical-mobile::before {
        display: none
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .video__container--vertical-mobile {
        height: calc(100vh - 75px);
        height: calc(var(--vh, 1vh) * 100 - 75px)
    }
}

.video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video__player-wrapper {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media (orientation: portrait) {
    .video__player-wrapper--landscape {
        display: none
    }
}

.video__player-wrapper--portrait {
    width: calc(100vh - 90px);
    width: calc(var(--vh, 1vh) * 100 - 90px);
    height: 100%
}

@media (max-width: 767px) {
    .video__player-wrapper--portrait {
        width: calc(100vh - 75px);
        width: calc(var(--vh, 1vh) * 100 - 75px)
    }
}

@media (orientation: landscape) {
    .video__player-wrapper--portrait {
        display: none
    }
}

.video__player-wrapper--portrait .plyr__controls {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100vw - 200px)
}

@media (max-width: 1054px) {
    .video__player-wrapper--portrait .plyr__controls {
        width: calc(100vw - 64px)
    }
}

@media (max-width: 767px) {
    .video__player-wrapper--portrait .plyr__controls {
        width: calc(100vw - 48px)
    }
}

.video__play-label {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 6px 0 5px;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    letter-spacing: -.5px;
    pointer-events: none;
    border-bottom: 2px solid currentColor;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media (min-width: 1055px) {
    .video__play-label {
        display: none
    }
}

.plyr--fullscreen-fallback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.short-projects {
    padding-bottom: 160px
}

@media (max-width: 894px) {
    .short-projects {
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .short-projects {
        padding-bottom: 110px
    }
}

.short-projects__title {
    position: relative;
    margin-bottom: 135px;
    padding-top: 70px
}

@media (max-width: 894px) {
    .short-projects__title {
        margin-bottom: 80px;
        padding-top: 40px
    }
}

@media (max-width: 767px) {
    .short-projects__title {
        margin-bottom: 60px
    }
}

.short-projects__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: .2;
    background-color: currentColor
}

.short-projects__carousel {
    padding: 0 18.33333%;
    margin: 0 -100px
}

@media (max-width: 894px) {
    .short-projects__carousel {
        padding: 0 15.88542%;
        margin: 0 -32px
    }
}

@media (max-width: 767px) {
    .short-projects__carousel {
        padding: 0;
        margin: 0 -24px
    }
}

.short-projects__carousel .card {
    width: 86.93333%
}

.short-projects__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 155px
}

@media (max-width: 894px) {
    .short-projects__link {
        margin-top: 80px
    }
}

.work-with-us {
    position: relative;
    padding-top: 145px;
    padding-bottom: 140px;
    color: #f9f9f4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 894px) {
    .work-with-us {
        padding-top: 60px;
        padding-bottom: 75px
    }
}

@media (max-width: 767px) {
    .work-with-us {
        padding-top: 153px;
        padding-bottom: 152px
    }
}

.work-with-us__container {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.work-with-us__content {}

@media (max-width: 894px) {
    .work-with-us__content {
        width: 66.05114%
    }
}

@media (max-width: 767px) {
    .work-with-us__content {
        width: 100%
    }
}

.work-with-us__label {
    margin-bottom: 30px
}

@media (max-width: 894px) {
    .work-with-us__label {
        margin-bottom: 45px
    }
}

@media (max-width: 767px) {
    .work-with-us__label {
        margin-bottom: 30px
    }
}

.work-with-us__title {
    max-width: 1020px
}

@media (min-width: 767px) and (max-width: 894px) {
    .work-with-us__title {
        font-size: 40px;
        line-height: 1.125
    }
}

.work-with-us__btn {
    margin-top: 30px
}

@media (max-width: 894px) {
    .work-with-us__btn {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .work-with-us__btn {
        margin-top: 45px
    }
}

.work-with-us__marque {
    margin-right: -8%;
    width: 15.2027%
}

@media (max-width: 1299px) {
    .work-with-us__marque {
        margin-right: 0;
        width: 18.91892%
    }
}

@media (max-width: 894px) {
    .work-with-us__marque {
        width: 23.57955%
    }
}

@media (max-width: 767px) {
    .work-with-us__marque {
        display: none
    }
}

.awards--work .awards__description::before,
.work-with-us__marque img {
    width: 100%
}

.work-with-us__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.work-with-us__bg img {
    max-width: none;
    width: 100%;
    height: 180%;
    -o-object-fit: cover;
    object-fit: cover
}

.quote {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 894px) {
    .quote {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .quote {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.quote--short {
    padding-top: 117px;
    padding-bottom: 148px
}

@media (max-width: 894px) {
    .quote--short {
        padding-top: 26px;
        padding-bottom: 84px
    }
}

@media (max-width: 767px) {
    .quote--short {
        padding-top: 19px;
        padding-bottom: 42px
    }
}

.quote__container {
    margin: 0 auto;
    max-width: 1215px
}

.quote__text {
    margin-bottom: 60px;
    text-indent: 12.34568%;
    font-size: 40px;
    line-height: 1.06667;
    font-weight: 300
}

@media (max-width: 894px) {
    .quote__text {
        margin-bottom: 45px;
        text-indent: 14.89362%;
        font-size: 30px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .quote__text {
        margin-bottom: 20px;
        font-size: 22px;
        text-indent: 13.84615%
    }
}

.quote--short .quote__text {
    margin-bottom: 42px
}

@media (max-width: 894px) {
    .quote--short .quote__text {
        text-indent: 6.52482%
    }
}

@media (max-width: 767px) {
    .quote--short .quote__text {
        margin-bottom: 30px;
        text-indent: 18.46154%
    }
}

.quote__text::before {
    content: "“"
}

.quote__text::after {
    content: "”"
}

.quote__details {
    margin: 0 auto;
    max-width: 800px
}

@media (max-width: 894px) {
    .quote__details {
        max-width: 585px
    }
}

.quote--short .quote__details {
    max-width: 850px
}

.quote__author {
    margin-bottom: 75px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width: 894px) {
    .quote__author {
        margin-bottom: 70px
    }
}

.quote--short .quote__author {
    margin-bottom: 0
}

.quote__name {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300
}

.quote__position {
    font-size: 16px;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

.quote__about {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.vacancies {
    position: relative
}

.vacancies--contact {
    padding-top: 140px
}

@media (max-width: 894px) {
    .vacancies--contact {
        padding-top: 60px
    }
}

@media (max-width: 767px) {
    .vacancies--contact {
        padding-top: 0;
        padding-bottom: 62px
    }
}

.vacancies--people {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    padding-top: 135px;
    padding-bottom: 130px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .vacancies--people {
        padding-top: 62px;
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .vacancies--people {
        padding-bottom: 60px
    }
}

@media (max-width: 1054px) {
    .vacancies--vacancy {
        margin-bottom: 88px
    }
}

@media (max-width: 767px) {
    .vacancies--vacancy {
        margin-bottom: 46px
    }
}

.vacancies__header {
    position: relative;
    z-index: 20;
    margin-bottom: 107px;
    padding-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 894px) {
    .vacancies__header {
        margin-bottom: 67px;
        padding-top: 40px
    }
}

@media (max-width: 767px) {
    .vacancies__header {
        margin-bottom: 57px;
        padding-top: 28px
    }
}

.vacancies__header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    opacity: .2
}

@media (min-width: 895px) {
    .vacancies__label {
        margin-top: 6px
    }
}

@media (max-width: 767px) {
    .vacancies__header .vacancies__social {
        display: none
    }
}

.vacancies__list {
    position: relative;
    z-index: 20
}

.vacancy-link {
    display: block;
    border-top: 1px solid currentColor;
    padding-top: 25px;
    padding-bottom: 28px;
    -webkit-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

@media (max-width: 894px) {
    .vacancy-link {
        padding-top: 28px;
        padding-bottom: 30px
    }
}

@media (max-width: 767px) {
    .vacancy-link {
        padding-top: 36px
    }
}

.vacancy-link:last-child {
    border-bottom: 1px solid currentColor
}

@media not all and (hover: none) {

    .vacancies--contact .vacancy-link:hover,
    .vacancies--vacancy .vacancy-link:hover {
        background-color: #1b1b1c;
        color: #f9f9f4
    }

    .vacancies--people .vacancy-link:hover {
        background-color: #f9f9f4;
        color: #1b1b1c
    }

    .vacancy-link:hover .vacancy-link__arrow {
        margin-left: 20px;
        margin-right: 12px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

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

@media (min-width: 1055px) {
    .vacancy-link__container {
        margin-right: -50px
    }
}

.vacancy-link__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vacancy-link__position {
    display: block;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.5px;
    font-weight: 400
}

@media (max-width: 894px) {
    .vacancy-link__position {
        font-size: 20px;
        line-height: 1.25;
        font-weight: 300
    }
}

@media (max-width: 767px) {
    .vacancy-link__position {
        font-size: 18px;
        line-height: 1.22222
    }
}

.vacancy-link__place {
    display: block;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 894px) {
    .vacancy-link__place {
        font-size: 16px;
        line-height: 1.5625
    }
}

@media (max-width: 767px) {
    .vacancy-link__place {
        font-size: 14px;
        line-height: 1.57143
    }
}

@media (min-width: 895px) {
    .vacancy-link__left .vacancy-link__place {
        display: none
    }
}

@media (max-width: 894px) {
    .vacancy-link__right .vacancy-link__place {
        display: none
    }
}

.vacancy-link__arrow {
    -webkit-transition: margin .2s ease-out, opacity .2s ease-out;
    -o-transition: margin .2s ease-out, opacity .2s ease-out;
    transition: margin .2s ease-out, opacity .2s ease-out
}

@media (min-width: 895px) {
    .vacancy-link__arrow {
        opacity: 0;
        margin-left: 0;
        margin-right: -16px
    }
}

.vacancy-link__arrow svg {
    fill: currentColor
}

.is-touch .vacancy-link__arrow {
    display: block
}

.vacancies__footer {
    position: relative;
    z-index: 20;
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.inner-hero,
.vacancies__bg {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vacancies__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vacancies__bg img {
    max-width: none;
    width: 100%;
    height: 150%;
    opacity: .5;
    -o-object-fit: cover;
    object-fit: cover
}

.inner-hero {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #f9f9f4;
    background-color: #1b1b1c;
}



.hero-inner__footer,
.inner-hero__header {
    position: relative;
    z-index: 20
}

.inner-hero__header {
    margin-bottom: 52px
}

@media (max-width: 894px) {
    .inner-hero__header {
        margin-bottom: 78px
    }
}

@media (max-width: 767px) {
    .inner-hero__header {
        margin-bottom: 52px
    }
}

.hero-inner__footer {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.awards {
    padding-top: 129px;
    padding-bottom: 129px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    background-color: #f9f9f4
}

@media (max-width: 894px) {
    .awards {
        padding-top: 83px;
        padding-bottom: 217px
    }
}

@media (max-width: 767px) {
    .awards {
        margin-top: -20px;
        padding-top: 58px;
        padding-bottom: 62px
    }
}

.awards--work {
    padding-top: 0;
    padding-bottom: 144px;
    border-radius: 0
}

@media (max-width: 894px) {
    .awards--work {
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .awards--work {
        margin-top: 0;
        padding-bottom: 80px
    }
}

.awards__description {
    position: relative;
    margin-bottom: 147px;
    padding-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 894px) {
    .awards__description {
        margin-bottom: 103px;
        padding-top: 39px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .awards__description {
        margin-bottom: 36px;
        padding-top: 42px
    }
}

.awards__description::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10000vw;
    height: 2px;
    opacity: .2;
    background-color: currentColor
}

.awards--work .awards__description {
    margin-bottom: 109px
}

@media (max-width: 894px) {
    .awards--work .awards__description {
        margin-bottom: 80px;
        padding-top: 49px
    }
}

@media (max-width: 767px) {
    .awards--work .awards__description {
        margin-bottom: 76px;
        padding-top: 43px
    }
}

@media (min-width: 895px) {
    .awards__title {
        margin-top: 14px
    }
}

@media (max-width: 894px) {
    .awards__title {
        margin-bottom: 37px
    }
}

@media (max-width: 767px) {
    .awards__title {
        margin-bottom: 28px
    }
}

@media (max-width: 894px) {
    .awards--work .awards__title {
        margin-bottom: 48px
    }
}

@media (max-width: 767px) {
    .awards--work .awards__title {
        margin-bottom: 0
    }
}

@media (min-width: 895px) {
    .awards__about {
        margin-right: 4.45946%;
        width: 72.56757%;
        line-height: 1.21429;
        text-indent: 7.91434%
    }
}

@media (max-width: 894px) {
    .awards__about {
        text-indent: 9.21986%
    }
}

@media (max-width: 767px) {
    .awards__about {
        text-indent: 18.29268%
    }

    .awards--work .awards__about {
        display: none
    }
}

.awards__carousel {
    padding-left: 6.75676%;
    padding-right: 11.21622%;
    margin: 0 -100px
}

@media (max-width: 1439px) {
    .awards__carousel {
        padding-left: 17%;
        padding-right: 17%
    }
}

@media (max-width: 894px) {
    .awards__carousel {
        padding-left: 33.09659%;
        padding-right: 33.66477%;
        margin: 0 -32px
    }
}

@media (max-width: 767px) {
    .awards__carousel {
        padding-left: 7.33945%;
        padding-right: 15.59633%;
        margin: 0 -24px
    }
}

.awards__logos {
    max-width: 1365px
}

@media (max-width: 894px) {
    .awards__logos {
        margin: 0 -16px
    }
}

.awards__logos .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.awards__logo,
.awards__logos--centered .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.awards__logo img {
    max-width: 230px;
    max-height: 80px
}

.awards__line {
    border-bottom: 1px solid #1b1b1c;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 894px) {
    .awards__line {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width: 767px) {
    .awards__line {
        padding-top: 26px;
        padding-bottom: 33px
    }
}

.awards__line:first-child {
    border-top: 1px solid #1b1b1c
}

.awards__line-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .awards__line-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.awards__img {
    margin-right: 83px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media (max-width: 894px) {
    .awards__img {
        margin-right: 40px
    }
}

@media (max-width: 767px) {
    .awards__img {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.awards__img img {
    width: 190px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 894px) {
    .awards__img img {
        width: 140px;
        height: 47px
    }
}

@media (max-width: 767px) {
    .awards__img img {
        width: auto;
        height: 44px
    }
}

.awards__name {
    margin-right: 60px;
    line-height: 1.07143;
    letter-spacing: -.5px
}

@media (max-width: 894px) {
    .awards__name {
        margin-right: 30px;
        font-size: 22px
    }
}

@media (max-width: 767px) {
    .awards__name {
        margin-right: 0;
        font-size: 18px;
        line-height: 1.22222
    }
}

.awards__nomination {
    margin-left: auto;
    text-align: right;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 894px) {
    .awards__nomination {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .awards__nomination {
        margin-left: 0;
        text-align: left;
        font-size: 14px;
        line-height: 1.57143
    }
}

.home-hero {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    color: #f9f9f4;
    background-color: #1b1b1c
}

@media (min-width: 768px) {
    .home-hero {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%
    }
}

#heroVid {
    width: 100%;
    max-height: 100%;
    min-height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

.home-hero__content {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.home-hero__title {
    font-size: 100px;
    font-weight: 300;
    line-height: 1.1;
    color: #f9f9f4;
    text-align: center
}

@media (max-width: 894px) {
    .home-hero__title {
        font-size: 70px;
        line-height: 1.07143
    }
}

@media (max-width: 767px) {
    .home-hero__title {
        font-size: 45px;
        line-height: 1.11111
    }
}

.home-hero__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20
}

.home-dark {
    color: #f9f9f4;
    background-color: #1b1b1c;
}

@media (min-width: 768px) {
    .home-dark {
        position: absolute;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100px;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100)
    }
}

.home-about {
    padding-top: 230px;
    padding-bottom: 330px
}

@media (max-width: 894px) {
    .home-about {
        padding-top: 56px;
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .home-about {
        padding-top: 115px;
        padding-bottom: 65px
    }
}

.home-about__content {
    position: relative;
    z-index: 50;
}

@media (max-width: 894px) {
    .home-about__content {
        margin-bottom: 200px
    }
}

@media (max-width: 767px) {
    .home-about__content {
        margin-bottom: 230px
    }
}

.home-about__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 80px
}

@media (max-width: 894px) {
    .home-about__header {
        margin-bottom: 45px
    }
}

@media (max-width: 767px) {
    .home-about__header {
        margin-bottom: 20px
    }
}

.home-about__label {
    width: 18.37838%
}

@media (max-width: 894px) {
    .home-about__label {
        width: 25.85227%
    }
}

@media (max-width: 767px) {
    .home-about__label {
        width: 100%;
        margin-bottom: 24px
    }
}

.home-about__title {
    margin-bottom: -1.7em;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (min-width: 768px) and (max-width: 894px) {
    .home-about__title {
        max-width: 350px
    }
}

@media (max-width: 894px) {
    .home-about__title {
        margin-bottom: -1.4em
    }
}

@media (max-width: 767px) {
    .home-about__title {
        margin-bottom: 0
    }
}

.home-about__info {
    max-width: 1000px;
    margin-left: 18.37838%
}

@media (max-width: 894px) {
    .home-about__info {
        max-width: 465px;
        margin-left: 25.85227%
    }
}

@media (max-width: 767px) {
    .home-about__info {
        margin-left: 0
    }
}

.home-about__lead {
    margin-bottom: 32px;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.home-about__lead p:first-child {
    text-indent: 85px
}

@media (max-width: 894px) {
    .home-about__lead p:first-child {
        text-indent: 65px
    }
}

.home-about__txt {
    margin-bottom: 70px;
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

@media (max-width: 894px) {
    .home-about__txt {
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .home-about__txt {
        margin-bottom: 70px
    }
}

.home-about__link {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.home-about__photos {
    position: relative
}

@media (max-width: 1054px) {
    .home-about__photos {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (max-width: 894px) {
    .home-about__photos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .home-about__photos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-right: -24px;
        margin-left: -24px
    }
}

.home-about__photo-left {
    width: 35.81081%;
    margin-left: 9.05405%;
    position: relative
}

.home-about__photo-left::before,
.home-about__photo-right::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80.73555%
}

@media (max-width: 894px) {
    .home-about__photo-left {
        width: 41.27604%;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .home-about__photo-left {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 64%
    }
}

.home-about__photo-right {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 31.08108%
}

.home-about__photo-right::before {
    padding-top: 127.77778%
}

@media (max-width: 894px) {
    .home-about__photo-right {
        position: relative;
        bottom: auto;
        left: auto;
        width: 48.95833%;
        margin-bottom: 100px
    }
}

@media (max-width: 767px) {
    .home-about__photo-right {
        width: 64%;
        margin-bottom: 63px
    }
}

.home-about__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.home-about__photo {
    max-width: none;
    height: 150%
}

.home-about__marque {
    position: absolute;
    bottom: -105px;
    left: -100px;
    width: 200px;
    height: 210px
}

@media (max-width: 894px) {
    .home-about__marque {
        top: -86px;
        bottom: auto;
        left: -82px;
        width: 165px;
        height: 172px
    }
}

@media (max-width: 767px) {
    .home-about__marque {
        top: -58px;
        left: -103px;
        width: 132px;
        height: 138px
    }
}

.home-about__marque img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.home-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 135px;
    padding-bottom: 105px;
    color: #f9f9f4;
    background-color: #1b1b1c;
    background-image: url(../img/partners-bg-desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px 20px 0 0
}

@media (min-width: 768px) {
    .home-partners {
        position: absolute;
        left: 0;
        z-index: 200;
        width: 100%;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100)
    }
}

@media (max-width: 894px) {
    .home-partners {
        min-height: 50vh;
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: url(../img/partners-bg-tablet.png)
    }
}

@media (max-width: 767px) {
    .home-partners {
        margin-top: -20px;
        padding-top: 60px;
        padding-bottom: 90px;
        background-image: url(../img/partners-bg-mobile.png)
    }
}

.home-partners__info {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 70px;
    margin-bottom: 175px;
    border-top: 2px solid rgba(249, 249, 244, .2)
}

@media (max-width: 894px) {
    .home-partners__info {
        padding-top: 40px;
        margin-bottom: 140px
    }
}

@media (max-width: 767px) {
    .home-partners__info {
        margin-bottom: 115px
    }
}

.home-partners__label {
    width: 27.43243%
}

@media (max-width: 894px) {
    .home-partners__label {
        width: 100%;
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .home-partners__label {
        margin-bottom: 50px
    }
}

.home-partners__about {
    width: 72.56757%
}

@media (max-width: 894px) {
    .home-partners__about {
        width: 100%
    }
}

.home-partners__about p:first-child {
    text-indent: 7.91434%
}

@media (max-width: 894px) {
    .home-partners__about p:first-child {
        text-indent: 9.21986%
    }
}

@media (max-width: 767px) {
    .home-partners__about p:first-child {
        text-indent: 27.43902%
    }
}

.home-partners__carousel {
    position: relative;
    z-index: 50;
    padding: 0 9.94048%;
    margin: 0 -100px
}

@media (max-width: 1054px) {
    .home-partners__carousel {
        margin: 0 -32px
    }
}

@media (max-width: 894px) {
    .home-partners__carousel {
        padding: 0 8%
    }
}

@media (max-width: 767px) {
    .home-partners__carousel {
        padding: 0 7%;
        margin: 0 -24px
    }
}

.home-partners__carousel .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.home-partners__element {
    background-color: rgba(217, 217, 217, .03);
    border: 1px solid rgba(249, 249, 244, .2);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: relative
}

.home-partners__element::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.home-partners__element img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 69.23077%;
    max-height: 26.92308%
}

.home-partners__link {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 150px
}

@media (max-width: 894px) {
    .home-partners__link {
        margin-top: 120px
    }
}

@media (max-width: 767px) {
    .home-partners__link {
        margin-top: 75px
    }
}

.home-partners__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-partners__bg img,
.home-partners__bg svg,
.home-partners__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

@media (max-width: 767px) {
    .home-partners__bg-lg {
        display: none
    }
}

@media (min-width: 768px) {
    .home-partners__bg-sm {
        display: none
    }

    .home-final {
        position: absolute;
        left: 0;
        z-index: 400;
        width: 100%
    }
}

.about-description {
    position: relative;
    padding-top: 125px;
    padding-bottom: 202px
}

@media (max-width: 1054px) {
    .about-description {
        padding-top: 42px;
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .about-description {
        padding-top: 48px
    }
}



.about-description__container {
    position: relative;
    z-index: 20
}

.about-description__text {
    position: absolute;
    z-index: 20;
    right: 12.56188%;
    top: 32px;
    width: 28.52723%
}

@media (max-width: 1619px) {
    .about-description__text {
        top: 0;
        right: 10.5%;
        width: 32.5%
    }
}

@media (max-width: 1439px) {
    .about-description__text {
        right: 8.5%;
        width: 36.5%
    }
}

@media (max-width: 1054px) {
    .about-description__text {
        position: relative;
        right: auto;
        margin-left: auto;
        margin-right: 1.98582%;
        width: 45.8156%
    }
}

@media (max-width: 767px) {
    .about-description__text {
        margin: 0 0 95px;
        width: 100%
    }
}

.about-description__lead {
    margin-bottom: 20px;
    text-indent: 21.73913%
}

@media (max-width: 1054px) {
    .about-description__lead {
        text-indent: 20.12384%;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .about-description__lead {
        margin-bottom: 20px;
        text-indent: 24.39024%
    }
}

@media (min-width: 768px) and (max-width: 894px) {

    .about-description__lead,
    .about-description__txt {
        font-size: 18px;
        line-height: 1.38889
    }
}

.about-description__photos {
    position: relative;
    margin: 0 -32px;
    padding-bottom: 18.92857vw
}

@media (max-width: 1054px) {
    .about-description__photos {
        margin-top: -9.76562vw
    }
}

@media (max-width: 767px) {
    .about-description__photos {
        margin: 0 -24px;
        padding-bottom: 48vw
    }
}

.about-description__photo-left {
    width: 45.53571%;
    position: relative
}

.about-description__photo-left::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120.26144%
}

@media (max-width: 767px) {
    .about-description__photo-left {
        width: 71.46667%;
        position: relative
    }

    .about-description__photo-left::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 126.86567%
    }
}

.about-description__photo-right {
    right: 0;
    bottom: 0;
    width: 65.71429%;
    position: absolute
}

.about-description__photo-right::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 69.2029%
}

@media (max-width: 767px) {
    .about-description__photo-right {
        width: 86.13333%;
        position: absolute
    }

    .about-description__photo-right::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 74.613%
    }
}

.about-description__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.about-description__photo-wrapper img {
    max-width: none;
    height: 120%;
    -o-object-fit: cover;
    object-fit: cover
}

.services {
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .services {
        padding-bottom: 130px
    }
}

@media (max-width: 767px) {
    .services {
        padding-bottom: 145px
    }
}

.services__container {
    position: relative;
    z-index: 20;
    border-top: 2px solid rgba(249, 249, 244, .2);
    padding-top: 80px
}

@media (max-width: 894px) {
    .services__container {
        padding-top: 40px
    }
}

@media (max-width: 767px) {
    .services__container {
        padding-top: 30px
    }
}

.services__label {
    margin-bottom: 15px
}

@media (max-width: 1439px) {
    .services__label {
        margin-bottom: 10px
    }
}

@media (max-width: 894px) {
    .services__label {
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .services__label {
        margin-bottom: 10px
    }
}

.services__list {
    counter-reset: services
}

.services__item {
    display: flex;
    align-items: flex-start; /* Bild bleibt oben */
    justify-content: space-between;
    position: relative;
}

@media (min-width: 1055px) {
    .services__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-start
    }
    .services__photo {
        align-self: flex-start;  /* Bild bleibt oben */
    }
}

.services__item:nth-child(3n-2) {
    margin-bottom: 320px
}

@media (max-width: 1439px) {
    .services__item:nth-child(3n-2) {
        margin-bottom: 250px
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(3n-2) {
        margin-bottom: 180px
    }
}

@media (max-width: 894px) {
    .services__item:nth-child(3n-2) {
        margin-bottom: 95px
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(3n-2) {
        margin-bottom: 85px
    }
}

.services__item:nth-child(3n-1) {
    margin-bottom: 330px
}

@media (max-width: 1439px) {
    .services__item:nth-child(3n-1) {
        margin-bottom: 250px
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(3n-1) {
        margin-bottom: 180px
    }
}

@media (max-width: 894px) {
    .services__item:nth-child(3n-1) {
        margin-bottom: 100px
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(3n-1) {
        margin-bottom: 70px
    }
}

.services__item:nth-child(3n) {
    margin-bottom: 280px
}

@media (max-width: 1439px) {
    .services__item:nth-child(3n) {
        margin-bottom: 230px
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(3n) {
        margin-bottom: 180px
    }
}

@media (max-width: 894px) {
    .services__item:nth-child(3n) {
        margin-bottom: 95px
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(3n) {
        margin-bottom: 85px
    }
}

.services__item:last-child {
    margin-bottom: 0
}

.services__item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.services__item::before {
    position: absolute;
    top: 250px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: counter(services);
    counter-increment: services;
    font-size: 800px;
    line-height: 1;
    letter-spacing: -.5px;
    font-weight: 300;
    opacity: .1
}

@media (max-width: 1619px) {
    .services__item::before {
        font-size: 47.61905vw
    }
}

@media (max-width: 1054px) {
    .services__item::before {
        -webkit-transform: none;
        transform: none;
        font-size: 52.08333vw
    }
}

@media (max-width: 767px) {
    .services__item::before {
        top: 0;
        font-size: 48vw
    }
}

.services__item:nth-child(2n-1)::before {
    right: -12.16216%
}

@media (min-width: 768px) and (max-width: 1054px) {
    .services__item:nth-child(2n-1)::before {
        top: -28px
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(2n-1)::before {
        right: -9.63542vw
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(2n-1)::before {
        right: -11.2vw
    }
}

.services__item:nth-child(2n)::before {
    left: -10.81081%
}

@media (min-width: 768px) and (max-width: 1054px) {
    .services__item:nth-child(2n)::before {
        top: -57px
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(2n)::before {
        left: -7.55208vw
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(2n)::before {
        left: -7.46667vw
    }
}

.services__photo {
    overflow: hidden;
    width: 45%;
    position: relative
}

.services__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.96697%
}

@media (max-width: 1439px) {
    .services__photo {
        width: 51%
    }
}

@media (max-width: 1054px) {
    .services__photo {
        margin-bottom: 45px;
        width: 65.95745%
    }
}

@media (max-width: 767px) {
    .services__photo {
        margin-bottom: 40px;
        width: 83.18043%
    }
}

.services__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.services__photo-wrapper img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1054px) {
    .services__item:nth-child(2n-1) .services__photo {
        margin-right: auto
    }

    .services__item:nth-child(2n) .services__photo {
        margin-left: auto
    }
}

.services__info {
    width: 35.81081%
}

@media (max-width: 1619px) {
    .services__info {
        width: 42%
    }
}

@media (max-width: 1054px) {
    .services__info {
        width: 65.95745%
    }
}

@media (max-width: 767px) {
    .services__info {
        width: 100%
    }
}

.services__item:nth-child(2n-1) .services__info {
    margin-right: 8.58108%
}

@media (max-width: 1619px) {
    .services__item:nth-child(2n-1) .services__info {
        margin-right: 4.5%
    }
}

@media (max-width: 1439px) {
    .services__item:nth-child(2n-1) .services__info {
        margin-right: 0
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(2n-1) .services__info {
        margin-right: auto;
        margin-left: 8.51064%
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(2n-1) .services__info {
        margin-left: 0
    }
}

.services__item:nth-child(2n) .services__info {
    margin-left: 9.18919%
}

@media (max-width: 1619px) {
    .services__item:nth-child(2n) .services__info {
        margin-left: 4.5%
    }
}

@media (max-width: 1439px) {
    .services__item:nth-child(2n) .services__info {
        margin-left: 0
    }
}

@media (max-width: 1054px) {
    .services__item:nth-child(2n) .services__info {
        margin-left: auto;
        margin-right: 8.51064%
    }
}

@media (max-width: 767px) {
    .services__item:nth-child(2n) .services__info {
        margin-right: 0
    }
}

.services__title {
    margin-bottom: 16px;
    text-indent: 14.15094%
}

@media (max-width: 1054px) {
    .services__title {
        margin-bottom: 22px;
        text-indent: 10.75269%
    }
}

@media (max-width: 767px) {
    .services__title {
        margin-bottom: 28px;
        text-indent: 10.70336%
    }
}

.services__lead {
    margin-bottom: 35px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (min-width: 1300px) and (max-width: 1439px) {
    .services__lead {
        font-size: 25px
    }
}

@media (min-width: 1055px) and (max-width: 1299px) {
    .services__lead {
        font-size: 20px
    }
}

.services__text {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (min-width: 1055px) and (max-width: 1299px) {
    .services__text {
        font-size: 16px
    }
}

.services__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media (max-width: 767px) {
    .services__bg-lg {
        display: none
    }
}

@media (min-width: 768px) {
    .services__bg-sm {
        display: none
    }
}

.detail-info {
    position: relative;
    z-index: 20;
    overflow: hidden;
    margin-top: -80px;
    border-radius: 20px 20px 0 0;
    padding-top: 110px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .detail-info {
        margin-top: -40px;
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .detail-info {
        margin-top: -30px;
        padding-top: 60px;
        padding-bottom: 160px
    }
}

.detail-info__container {
    position: relative;
    z-index: 20;
    padding-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 894px) {
    .detail-info__container {
        padding-top: 38px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .detail-info__container {
        padding-top: 24px
    }
}

@media (max-width: 894px) {
    .detail-info__label {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .detail-info__label {
        margin-bottom: 35px
    }
}

.detail-info__description {
    margin-right: 4.39189%;
    width: 40.54054%
}

@media (max-width: 1299px) {
    .detail-info__description {
        width: 54.05405%
    }
}

@media (max-width: 894px) {
    .detail-info__description {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: 0;
        width: 57.02128%
    }
}

@media (max-width: 767px) {
    .detail-info__description {
        width: 100%
    }
}

.detail-info__lead {
    margin-bottom: 32px;
    text-indent: 14%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width: 894px) {
    .detail-info__lead {
        text-indent: 16.16915%
    }
}

@media (max-width: 767px) {
    .detail-info__lead {
        text-indent: 16.76829%;
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }
}

.detail-info__txt {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 767px) {
    .detail-info__txt {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }
}

.detail-info__btn {
    margin-top: 50px;
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

@media (max-width: 894px) {
    .detail-info__btn {
        margin-top: 35px
    }
}

@media (max-width: 767px) {
    .detail-info__btn {
        margin-top: 80px;
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }
}

.detail-info__logo {
    position: relative;
    z-index: 20;
    margin-top: 86px
}

@media (max-width: 894px) {
    .detail-info__logo {
        margin-top: 152px;
        padding: 0
    }
}

@media (max-width: 767px) {
    .detail-info__logo {
        display: none
    }
}

.detail-info__logo-container {
    position: relative
}

.detail-info__logo-container::before {
    content: "";
    display: block;
    width: 100%
}

.detail-info__logo-wrapper {
    -webkit-clip-path: url(#clip-logo);
    clip-path: url(#clip-logo);
    background-color: #1b1b1c
}

.detail-info__bg,
.detail-info__logo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.detail-info__bg img,
.detail-info__logo-wrapper img {
    max-width: none;
    height: 150%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .8
}

.home-news {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    /*padding-top: 144px;*/
    padding-bottom: 183px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #1b1b1c
}

@media (min-width: 1055px) {
    .home-news {
        padding-right: 32px
    }
}

@media (max-width: 894px) {
    .home-news {
        padding-top: 80px;
        padding-bottom: 192px
    }
}

@media (max-width: 767px) {
    .home-news {
        padding-top: 60px;
        padding-bottom: 62px
    }
}

.home-news__container {
    position: relative;
    max-width: 1550px;
    padding-top: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 894px) {
    .home-news__container {
        padding-top: 40px
    }
}



@media (max-width: 894px) {
    .home-news__container::before {
        width: 100%
    }
}

.home-news__label {
    width: 13.24289%
}

@media (max-width: 1054px) {
    .home-news__label {
        width: 100%;
        margin-bottom: 75px
    }
}

@media (max-width: 767px) {
    .home-news__label {
        margin-bottom: 60px
    }
}

.home-news__carousel {
    width: 86.75711%
}

@media (max-width: 1054px) {
    .home-news__carousel {
        width: calc(91.48936% + 32px);
        margin-right: -32px;
        margin-left: 8.51064%;
        padding-right: 32px
    }
}

@media (max-width: 767px) {
    .home-news__carousel {
        width: calc(100% + 24px);
        margin-left: 0;
        margin-right: -24px;
        padding-right: 24px
    }
}

.home-news__carousel .swiper-wrapper {
    height: auto
}

@media (min-width: 1055px) {
    .home-news__carousel .slider-scroll {
        display: none
    }
}

@media (max-width: 1054px) {
    .home-news__carousel .slider-scroll {
        margin-top: 85px;
        margin-right: -32px
    }
}

@media (max-width: 767px) {
    .home-news__carousel .slider-scroll {
        margin-top: 67px;
        margin-right: -24px
    }
}

.home-news__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 102px;
    padding-right: 82px
}

@media (max-width: 1054px) {
    .home-news__link {
        padding-right: 0
    }
}

@media (max-width: 894px) {
    .home-news__link {
        margin-top: 169px
    }
}

@media (max-width: 767px) {
    .home-news__link {
        margin-top: 95px
    }
}

.people-photos {
    position: relative;
    overflow: hidden;
    padding-bottom: 130px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .people-photos {
        padding-bottom: 140px
    }
}

@media (max-width: 767px) {
    .people-photos {
        padding: 0 0 100px
    }
}

.people-photos__container {
    z-index: 20;
    max-width: 720px;
    position: relative
}

.people-photos__container::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 94.86111%
}

@media (max-width: 894px) {
    .people-photos__container {
        height: auto;
        position: relative
    }

    .people-photos__container::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 95.17045%
    }
}

@media (max-width: 767px) {
    .people-photos__container {
        position: relative
    }

    .people-photos__container::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 114.13333%
    }
}

.people-photos__marque {
    z-index: 100;
    left: 30.41667%;
    top: 28.55051%;
    width: 39.02778%;
    position: absolute
}

.people-photos__marque::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 104.62633%
}

@media (max-width: 894px) {
    .people-photos__marque {
        left: 38.35227%;
        top: 29.10448%;
        width: 31.25%
    }
}

@media (max-width: 767px) {
    .people-photos__marque {
        left: 31.2%;
        top: 29.20561%;
        width: 37.6%
    }
}

.people-photos__marque img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.people-photos__photo-back::after,
.people-photos__photo-front::after,
.people-photos__photo-left::after,
.people-photos__photo-right::after {
    content: "";
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 27, 28, .3)
}

.people-photos__photo-back img,
.people-photos__photo-front img,
.people-photos__photo-left img,
.people-photos__photo-right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.people-photos__photo-front {
    z-index: 80;
    right: 12.08333%;
    bottom: 9.95608%;
    width: 39.72222%;
    position: absolute;
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.people-photos__photo-front::before,
.people-photos__photo-left::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 114.68531%
}

@media (max-width: 767px) {
    .people-photos__photo-front {
        right: -.8%;
        bottom: 10.04673%;
        width: 47.73333%
    }
}

.people-photos__photo-left {
    z-index: 60;
    left: 0;
    bottom: 0;
    width: 57.63889%;
    position: absolute;
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.people-photos__photo-left::before {
    padding-top: 112.04819%
}

@media (max-width: 767px) {
    .people-photos__photo-left {
        left: -4.8%;
        width: 69.33333%
    }
}

.people-photos__photo-right {
    z-index: 40;
    right: 0;
    top: 10.2489%;
    width: 63.75%;
    position: absolute;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.people-photos__photo-back::before,
.people-photos__photo-right::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 79.5207%
}

@media (max-width: 767px) {
    .people-photos__photo-right {
        right: -15.2%;
        top: 10.28037%;
        width: 76.8%
    }
}

.people-photos__photo-back {
    z-index: 20;
    left: 16.94444%;
    top: 0;
    width: 38.33333%;
    position: absolute;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.people-photos__photo-back::before {
    padding-top: 149.27536%
}

@media (max-width: 767px) {
    .people-photos__photo-back {
        left: 15.46667%;
        width: 46.13333%
    }
}

.people-photos__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.people-photos__bg img,
.people-photos__bg svg,
.people-photos__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

@media (max-width: 767px) {
    .people-photos__bg-lg {
        display: none
    }
}

@media (min-width: 768px) {
    .people-photos__bg-sm {
        display: none
    }
}

.team {
    padding-top: 100px;
    padding-bottom: 230px
}

@media (max-width: 894px) {
    .team {
        padding-top: 50px;
        padding-bottom: 85px
    }
}

@media (max-width: 767px) {
    .team {
        padding-top: 60px;
        padding-bottom: 135px
    }
}

.team__label {
    margin-bottom: 40px
}

@media (max-width: 894px) {
    .team__label {
        margin-bottom: 75px
    }
}

@media (max-width: 767px) {
    .team__label {
        margin-bottom: 65px
    }
}

.team__grid,
.team__grid--top {
    position: relative
}

.team__grid:not(:last-child) {
    margin-bottom: 95px
}

@media (max-width: 894px) {
    .team__grid:not(:last-child) {
        margin-bottom: 145px
    }
}

@media (max-width: 767px) {
    .team__grid:not(:last-child) {
        margin-bottom: 120px
    }
}

.team__grid--top::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 73.82426%
}

@media (max-width: 1439px) {
    .team__grid--top {
        position: relative
    }

    .team__grid--top::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 83%
    }
}

@media (max-width: 894px) {
    .team__grid--top {
        position: relative
    }

    .team__grid--top::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 197.01705%
    }
}

@media (max-width: 767px) {
    .team__grid--top {
        position: relative
    }

    .team__grid--top::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 518.04281%
    }
}

.team__grid--top .team-member:nth-child(1) {
    left: 0;
    top: 17.93797%;
    width: 15.90347%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(1) {
        left: 8.66477%;
        top: 0;
        width: 31.96023%
    }
}

@media (max-width: 767px) {
    .team__grid--top .team-member:nth-child(1) {
        left: 0;
        width: 57.49235%
    }
}

.team__grid--top .team-member:nth-child(1) .team-member__photo,
.team__grid--top .team-member:nth-child(2) .team-member__photo,
.team__grid--top .team-member:nth-child(3) .team-member__photo,
.team__grid--top .team-member:nth-child(4) .team-member__photo,
.team__grid--top .team-member:nth-child(5) .team-member__photo {
    position: relative
}

.team__grid--top .team-member:nth-child(1) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.team__grid--top .team-member:nth-child(2) {
    left: 29.45545%;
    top: 0;
    width: 36.94307%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(2) {
        left: 0;
        top: 38.57246%;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--top .team-member:nth-child(2) {
        top: 43.97875%;
        width: 66.36086%
    }
}

.team__grid--top .team-member:nth-child(2) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.66667%
}

.team__grid--top .team-member:nth-child(3) {
    right: 0;
    top: 17.93797%;
    width: 24.31931%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(3) {
        right: auto;
        left: 0;
        top: auto;
        bottom: 0;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--top .team-member:nth-child(3) {
        width: 66.05505%
    }
}

.team__grid--top .team-member:nth-child(3) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.team__grid--top .team-member:nth-child(4) {
    left: 16.83168%;
    bottom: 0;
    width: 20.0495%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(4) {
        left: auto;
        right: 0;
        bottom: auto;
        top: 13.98702%;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--top .team-member:nth-child(4) {
        top: 17.94569%;
        width: 66.05505%
    }
}

.team__grid--top .team-member:nth-child(4) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%
}

.team__grid--top .team-member:nth-child(5) {
    right: 20.97772%;
    bottom: 7.04107%;
    width: 28.52723%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(5) {
        right: 8.23864%;
        bottom: 16.58255%;
        width: 31.96023%
    }
}

@media (max-width: 767px) {
    .team__grid--top .team-member:nth-child(5) {
        right: 0;
        bottom: 21.78276%;
        width: 57.49235%
    }
}

.team__grid--top .team-member:nth-child(5) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.66667%
}

@media (max-width: 894px) {
    .team__grid--top .team-member:nth-child(5) .team-member__photo {
        position: relative
    }

    .team__grid--top .team-member:nth-child(5) .team-member__photo::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%
    }
}

.team__grid--bottom {
    position: relative
}

.team__grid--bottom::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 63.4901%
}

@media (max-width: 894px) {
    .team__grid--bottom {
        position: relative
    }

    .team__grid--bottom::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 197.01705%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom {
        position: relative
    }

    .team__grid--bottom::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 515.59633%
    }
}

.team__grid--bottom .team-member:nth-child(1) {
    left: 0;
    top: 8.18713%;
    width: 20.11139%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(1) {
        left: 59.65909%;
        top: 0;
        width: 31.96023%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom .team-member:nth-child(1) {
        left: auto;
        right: 0;
        width: 57.49235%
    }
}

.team__grid--bottom .team-member:nth-child(1) .team-member__photo,
.team__grid--bottom .team-member:nth-child(2) .team-member__photo {
    position: relative
}

.team__grid--bottom .team-member:nth-child(1) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.team__grid--bottom .team-member:nth-child(2) {
    left: 4.20792%;
    bottom: .77973%;
    width: 20.11139%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(2) {
        left: 8.38068%;
        bottom: 16.58255%;
        width: 31.96023%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom .team-member:nth-child(2) {
        left: 0;
        bottom: 21.88612%;
        width: 57.49235%
    }
}

.team__grid--bottom .team-member:nth-child(2) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.66667%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(2) .team-member__photo {
        position: relative
    }

    .team__grid--bottom .team-member:nth-child(2) .team-member__photo::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%
    }
}

.team__grid--bottom .team-member:nth-child(3) {
    left: 33.66337%;
    top: 22.02729%;
    width: 32.73515%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(3) {
        left: 0;
        top: 13.98702%;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom .team-member:nth-child(3) {
        top: 18.03084%;
        width: 66.05505%
    }
}

.team__grid--bottom .team-member:nth-child(3) .team-member__photo,
.team__grid--bottom .team-member:nth-child(4) .team-member__photo,
.team__grid--bottom .team-member:nth-child(5) .team-member__photo {
    position: relative
}

.team__grid--bottom .team-member:nth-child(3) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%
}

.team__grid--bottom .team-member:nth-child(4) {
    right: 0;
    top: 0;
    width: 21.90594%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(4) {
        top: 38.42826%;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom .team-member:nth-child(4) {
        top: 44.18743%;
        width: 66.36086%
    }
}

.team__grid--bottom .team-member:nth-child(4) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.66667%
}

.team__grid--bottom .team-member:nth-child(5) {
    right: 4.14604%;
    bottom: 0;
    width: 15.84158%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(5) {
        right: 0;
        width: 40.48295%
    }
}

@media (max-width: 767px) {
    .team__grid--bottom .team-member:nth-child(5) {
        width: 66.05505%
    }
}

.team__grid--bottom .team-member:nth-child(5) .team-member__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%
}

@media (max-width: 894px) {
    .team__grid--bottom .team-member:nth-child(5) .team-member__photo {
        position: relative
    }

    .team__grid--bottom .team-member:nth-child(5) .team-member__photo::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%
    }
}

.team__more {
    margin-top: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 894px) {
    .team__more {
        margin-top: 85px
    }
}

.team-member {
    position: absolute
}

.team-member__photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #1b1b1c;
    color: #f9f9f4
}

.team-member__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -o-transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
}

.team-member:hover .team-member__img {
    opacity: .6;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.team-member__description,
.work-grid__container::after,
.work-grid__container::before {
    position: absolute;
    pointer-events: none;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.team-member__description {
    z-index: 100;
    left: 24px;
    bottom: 24px;
    width: calc(100% - 48px);
    max-width: 175px;
    opacity: 0;
    text-indent: 33px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 300
}

@media (min-width: 895px) and (max-width: 1299px) {
    .team-member__description {
        left: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
        font-size: 14px
    }
}

.team-member:hover .team-member__description {
    opacity: 1
}

.team-member__caption {
    margin-top: 24px
}

.team-member__name,
.team-member__position {
    display: block;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300
}

.team-member__position {
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

.work-main {
    position: relative;
    color: #f9f9f4;
    background-color: #1b1b1c
}

.work-hero {
    padding-top: 193px;
    padding-bottom: 250px
}

@media (max-width: 894px) {
    .work-hero {
        padding-top: 208px;
        padding-bottom: 140px
    }
}

@media (max-width: 767px) {
    .work-hero {
        padding-top: 148px;
        padding-bottom: 130px
    }
}

.work-grid {
    padding: 0 32px 270px
}

@media (max-width: 1054px) {
    .work-grid {
        padding: 0 0 200px
    }
}

@media (max-width: 767px) {
    .work-grid {
        padding-bottom: 120px
    }
}

.work-grid__container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 30px
}

@media (max-width: 1054px) {
    .work-grid__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 27px
    }
}

@media (max-width: 767px) {
    .work-grid__container {
        gap: 9px
    }
}

.work-grid__container::after,
.work-grid__container::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 75px);
    content: ""
}

@media (max-width: 1054px) {

    .work-grid__container::after,
    .work-grid__container::before {
        height: calc(100% + 55px)
    }
}

@media (max-width: 767px) {

    .work-grid__container::after,
    .work-grid__container::before {
        height: calc(100% + 30px)
    }
}

.work-grid__container::before {
    z-index: 20;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    opacity: 0
}

.work-grid__container::after {
    z-index: 25;
    background-color: #1b1b1c;
    opacity: 0
}

@media (max-width: 767px) {
    .work-grid__container--filtered {
        grid-template-columns: 1fr
    }

    .work-grid__container--filtered .work-grid__card {
        top: -30px !important;
        -webkit-transition-delay: 0 !important;
        -o-transition-delay: 0 !important;
        transition-delay: 0 !important
    }
}

.work-grid__container--hover::before {
    opacity: 1
}

.work-grid__container--hover::after {
    opacity: .7
}

.work-grid__card:nth-of-type(3n-2) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.work-grid__card:nth-of-type(3n-1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.work-grid__card:nth-of-type(3n) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 1054px) {
    .work-grid__card:nth-of-type(2n-1) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .work-grid__card:nth-of-type(2n) {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
}

.work-one-hero {
    padding-top: 90px;
    padding-bottom: 340px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .work-one-hero {
        padding-bottom: 430px
    }
}

@media (max-width: 767px) {
    .work-one-hero {
        padding-top: 75px;
        padding-bottom: 200px
    }
}

.work-one-hero__container {
    position: relative;
    z-index: 200;
    min-height: calc(100vh - 430px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 894px) {
    .work-one-hero__container {
        min-height: calc(100vh - 520px)
    }
}

@media (max-width: 767px) {
    .work-one-hero__container {
        min-height: 405px
    }
}

.work-one-hero__title {
    margin-bottom: -21px;
    font-size: 150px;
    line-height: 1.1;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 894px) {
    .work-one-hero__title {
        margin-bottom: -5px;
        font-size: 100px
    }
}

@media (max-width: 767px) {
    .work-one-hero__title {
        margin-bottom: 0;
        font-size: 40px
    }
}

.work-one-hero__title--long {
    font-size: 100px
}

@media (max-width: 1299px) {
    .work-one-hero__title--long {
        font-size: 85px
    }
}

@media (max-width: 894px) {
    .work-one-hero__title--long {
        font-size: 70px
    }
}

@media (max-width: 767px) {
    .work-one-hero__title--long {
        font-size: 40px
    }
}

.work-one-hero__subtitle {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -.5px;
    font-weight: 300;
    opacity: .3;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 894px) {
    .work-one-hero__subtitle {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .work-one-hero__subtitle {
        font-size: 28px
    }
}

.work-one-hero__details {
    margin-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-width: 894px) {
    .work-one-hero__details {
        margin-top: 35px
    }
}

@media (max-width: 767px) {
    .work-one-hero__details {
        margin-top: 52px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.work-one-hero__two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 894px) {
    .work-one-hero__two-columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.work-one-hero__column {
    width: 240px
}

@media (max-width: 894px) {
    .work-one-hero__column {
        width: 205px
    }
}

@media (max-width: 767px) {
    .work-one-hero__column {
        width: auto
    }
}

@media (min-width: 895px) {
    .work-one-hero__column:first-child {
        width: 170px
    }
}

.work-one-hero__two-columns .work-one-hero__column {
    margin-right: 100px
}

@media (max-width: 894px) {
    .work-one-hero__two-columns .work-one-hero__column {
        margin-right: 35px
    }
}

@media (max-width: 767px) {
    .work-one-hero__two-columns .work-one-hero__column {
        margin-right: 0
    }
}

.work-one-hero__two-columns .work-one-hero__column:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 894px) {
    .work-one-hero__two-columns .work-one-hero__column:not(:last-child) {
        margin-bottom: 35px
    }
}

@media (max-width: 767px) {
    .work-one-hero__two-columns .work-one-hero__column:not(:last-child) {
        margin-bottom: 24px;
        font-size: 25px
    }
}

.work-one-hero__column-title {
    margin-bottom: 11px;
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .work-one-hero__column-title {
        margin-bottom: 14px;
        font-size: 14px
    }
}

.work-one-hero__list {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 300;
    opacity: .3
}

.work-one-hero-scroll-btn {
    position: absolute;
    right: 36px;
    top: calc(100% + 20px);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-width: 894px) {
    .work-one-hero-scroll-btn {
        right: 25px;
        top: calc(100% + 95px)
    }
}

@media (max-width: 767px) {
    .work-one-hero-scroll-btn {
        right: 15px;
        top: calc(100% + 50px)
    }
}

.work-one-text {
    padding-bottom: 105px
}

@media (max-width: 894px) {
    .work-one-text {
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .work-one-text {
        padding-bottom: 47px
    }
}

.work-one-text__container {
    border-top: 2px solid rgba(27, 27, 28, .2);
    padding-top: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 894px) {
    .work-one-text__container {
        padding-top: 53px
    }
}

@media (max-width: 767px) {
    .work-one-text__container {
        padding-top: 28px
    }
}

.work-one-text__label {
    width: 36.82432%
}

@media (max-width: 1054px) {
    .work-one-text__label {
        width: 34.04255%
    }
}

@media (max-width: 767px) {
    .work-one-text__label {
        margin-bottom: 50px;
        width: 100%
    }
}

.work-one-text__info {
    width: 44.93243%
}

@media (max-width: 1054px) {
    .work-one-text__info {
        width: 65.95745%
    }
}

@media (max-width: 767px) {
    .work-one-text__info {
        width: 100%
    }
}

.work-one-text__title {
    margin-bottom: 32px;
    text-indent: 72px
}

.work-one-images {
    padding-top: 105px;
    padding-bottom: 103px
}

@media (max-width: 894px) {
    .work-one-images {
        padding-top: 70px;
        padding-bottom: 60px
    }
}

@media (max-width: 767px) {
    .work-one-images {
        padding: 47px 0 56px
    }
}

.work-one-images__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px
}

@media (max-width: 894px) {
    .work-one-images__container {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

@media (max-width: 767px) {
    .work-one-images__container {
        gap: 10px
    }
}

.work-one-images__img {
    position: relative
}

.work-one-images__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.30462%
}

@media (max-width: 767px) {
    .work-one-images__img {
        position: relative
    }

    .work-one-images__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 85.33333%
    }
}

.work-one-images__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.work-one-image__wrapper img,
.work-one-images__img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.work-one-image {
    padding-top: 105px;
    padding-bottom: 103px
}

@media (max-width: 894px) {
    .work-one-image {
        padding-top: 70px;
        padding-bottom: 60px
    }
}

@media (max-width: 767px) {
    .work-one-image {
        padding: 47px 0 56px
    }
}

.work-one-image__container {
    position: relative
}

.work-one-image__container::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.21521%
}

@media (max-width: 767px) {
    .work-one-image__container {
        position: relative
    }

    .work-one-image__container::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 112%
    }
}

.work-one-image__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.related-works {
    padding-top: 70px;
    padding-bottom: 30px;
    overflow: hidden;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 894px) {
    .related-works {
        padding-top: 135px;
        padding-bottom: 125px
    }
}

@media (max-width: 767px) {
    .related-works {
        padding-top: 100px;
        padding-bottom: 65px
    }
}

.related-works__header {
    margin-bottom: 64px;
    border-top: 2px solid rgba(249, 249, 244, .2);
    padding-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 894px) {
    .related-works__header {
        margin-bottom: 115px
    }
}

@media (max-width: 767px) {
    .related-works__header {
        margin-bottom: 100px;
        padding-top: 28px
    }
}

.related-works__link {
    text-decoration: none
}

.related-works__list {
    overflow: visible
}

.related-works__list .swiper-scrollbar {
    display: none
}

@media (max-width: 1054px) {
    .related-works__list .swiper-scrollbar {
        display: block;
        margin-top: 117px;
        margin-right: -32px
    }
}

@media (max-width: 767px) {
    .related-works__list .swiper-scrollbar {
        margin-top: 68px;
        margin-right: -24px
    }
}

.slider-hero {
    position: relative;
    height: 661px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

.slider-hero__label {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 151px
}

@media (max-width: 894px) {
    .slider-hero__label {
        top: 144px
    }
}

@media (max-width: 767px) {
    .slider-hero__label {
        top: 171px
    }
}

.slider-hero__carousel {
    height: 100%
}

.slider-hero__slide {
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

@media (max-width: 767px) {
    .slider-hero__slide {
        padding-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.slider-hero__slide.swiper-slide-active {
    pointer-events: auto
}

.slider-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.last-hero__photo-wrapper img,
.slider-hero__bg img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-hero__content {
    position: relative;
    z-index: 20
}

@media (max-width: 767px) {
    .slider-hero__content {
        margin-top: 81px
    }
}

.slider-hero__category {
    margin-bottom: 13px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (min-width: 768px) and (max-width: 894px) {
    .slider-hero__category {
        margin-bottom: 20px
    }
}

.slider-hero__title {
    width: calc(100% - 425px);
    max-width: 1073px;
    font-size: 60px;
    line-height: 1.0625;
    font-weight: 300
}

@media (max-width: 1299px) {
    .slider-hero__title {
        width: calc(100% - 280px);
        font-size: 50px;
        line-height: 1.08333
    }
}

@media (max-width: 894px) {
    .slider-hero__title {
        width: 100%;
        max-width: 542px;
        font-size: 40px
    }
}

@media (max-width: 767px) {
    .slider-hero__title {
        max-width: 280px;
        font-size: 30px;
        line-height: 1.29412
    }
}

.slider-hero__title [data-line="0"] span {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.slider-hero__title [data-line="1"] span {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.slider-hero__title [data-line="2"] span {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.slider-hero__title [data-line="3"] span {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.slider-hero__btn,
.slider-hero__title [data-line="4"] span {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.slider-hero__title [data-line="5"] span {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.slider-hero__title [data-line="6"] span {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.slider-hero__title [data-line="7"] span {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.slider-hero__title [data-line="8"] span {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.slider-hero__title [data-line="9"] span {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.slider-hero__title [data-line="10"] span {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.slider-hero__title [data-line="11"] span {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.slider-hero__title [data-line="12"] span {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.slider-hero__title [data-line="13"] span {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.slider-hero__title [data-line="14"] span {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.slider-hero__title [data-line="15"] span {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.slider-hero__title [data-line="16"] span {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.slider-hero__title [data-line="17"] span {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.slider-hero__title [data-line="18"] span {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

.slider-hero__title [data-line="19"] span {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.slider-hero__title [data-line="20"] span {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.slider-hero__btn {
    margin-top: 47px
}

@media (max-width: 1299px) {
    .slider-hero__btn {
        margin-top: 87px
    }
}

@media (max-width: 767px) {
    .slider-hero__btn {
        margin-top: 21px
    }
}

.slider-hero__fraction {
    position: absolute;
    z-index: 100;
    right: 32px;
    bottom: 32px;
    text-align: right;
    font-size: 40px;
    font-weight: 300;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 1299px) {
    .slider-hero__fraction {
        font-size: 24px
    }
}

@media (max-width: 894px) {
    .slider-hero__fraction {
        bottom: 5px
    }
}

.slider-hero__fraction .swiper-pagination-current {
    font-size: 220px;
    opacity: .2
}

@media (max-width: 1299px) {
    .slider-hero__fraction .swiper-pagination-current {
        font-size: 150px
    }
}

.latest-news {
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 275px
}

@media (min-width: 1300px) {
    .latest-news {
        padding-left: 100px
    }
}

@media (max-width: 894px) {
    .latest-news {
        padding-top: 100px;
        padding-bottom: 160px
    }
}

@media (max-width: 767px) {
    .latest-news {
        padding-top: 65px;
        padding-bottom: 145px
    }
}

.latest-news__container {
    position: relative;
    max-width: 1550px;
    padding-top: 82px
}

@media (min-width: 1440px) {
    .latest-news__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 894px) {
    .latest-news__container {
        padding-top: 37px
    }
}

.latest-news__container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1000vw;
    height: 1px;
    background-color: currentColor;
    opacity: .2
}

@media (max-width: 1439px) {
    .latest-news__label {
        margin-bottom: 38px
    }
}

@media (max-width: 767px) {
    .latest-news__label {
        margin-bottom: 38px
    }
}

.latest-news__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 85px
}

@media (min-width: 1440px) {
    .latest-news__grid {
        width: 86.83871%
    }
}

@media (max-width: 1299px) {
    .latest-news__grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 70px
    }
}

@media (max-width: 767px) {
    .latest-news__grid {
        grid-template-columns: 1fr;
        row-gap: 56px
    }
}

.latest-news__more {
    width: 100%;
    margin-top: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 894px) {
    .latest-news__more {
        margin-top: 116px
    }
}

@media (max-width: 767px) {
    .latest-news__more {
        margin-top: 83px
    }
}

.latest-news__more .btn {
    margin-right: 68px
}

.last-hero {
    position: relative;
    min-height: 622px;
    padding-top: 195px;
    padding-bottom: 66px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*background-image: url(../img/AdobeStock_240748821.jpeg);*/
    background-image: url("https://picsum.photos/1920/1080/?blur");
    color: #f9f9f4
}

@media (max-width: 1619px) {
    .last-hero {
        min-height: 550px;
        padding-top: 170px
    }
}

@media (max-width: 1299px) {
    .last-hero {
        min-height: 440px;
        padding-top: 130px
    }
}

@media (max-width: 1054px) {
    .last-hero {
        min-height: 0;
        background-color: transparent
    }
}

@media (max-width: 767px) {
    .last-hero {
        padding-top: 116px
    }
}

@media (min-width: 1620px) {
    .last-hero--article {
        min-height: 730px
    }
}

.last-hero__container {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1054px) {
    .last-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.last-hero__photo {
    width: 45.06757%;
    overflow: hidden
}

@media (max-width: 1619px) {
    .last-hero__photo {
        width: 43%
    }
}

@media (max-width: 1054px) {
    .last-hero__photo {
        width: 100%
    }
}

.last-hero__photo--article,
.last-hero__photo--press,
.last-hero__photo--story {
    position: relative
}

.last-hero__photo--story::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.last-hero__photo--article::before,
.last-hero__photo--press::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.61654%
}

.last-hero__photo--press::before {
    padding-top: 149.02549%
}

.last-hero__photo {
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 1054px) {
    .last-hero__photo {
        position: relative
    }
}

.last-hero__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.last-hero__photo-wrapper img {
    height: 100%
}

.last-hero__content {
    margin-left: auto;
    padding-top: 36px;
    width: 49.52703%
}

@media (max-width: 1619px) {
    .last-hero__content {
        width: 52.5%
    }
}

@media (max-width: 1299px) {
    .last-hero__content {
        padding-top: 16px
    }
}

@media (max-width: 1054px) {
    .last-hero__content {
        margin-bottom: 60px;
        padding-top: 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .last-hero__content {
        margin-bottom: 45px
    }
}

@media (max-width: 1619px) {
    .last-hero--article .last-hero__content {
        padding-top: 16px
    }
}

@media (max-width: 1054px) {
    .last-hero--article .last-hero__content {
        padding-top: 0
    }
}

.last-hero__label {
    margin-bottom: 14px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 1054px) {
    .last-hero__label {
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .last-hero__label {
        margin-bottom: 17px
    }
}

.last-hero__title {
    font-size: 60px;
    line-height: 1.06667;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 1619px) {
    .last-hero__title {
        font-size: 50px
    }
}

@media (max-width: 1299px) {
    .last-hero__title {
        font-size: 40px;
        line-height: 1.125
    }
}

@media (max-width: 1054px) {
    .last-hero__title {
        font-size: 60px;
        line-height: 1.06667
    }
}

@media (max-width: 894px) {
    .last-hero__title {
        font-size: 40px;
        line-height: 1.125
    }
}

@media (max-width: 767px) {
    .last-hero__title {
        font-size: 30px;
        line-height: 1.2
    }
}

.last-hero__title [data-line="0"] span {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.last-hero__title [data-line="1"] span {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.last-hero__title [data-line="2"] span {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.last-hero__title [data-line="3"] span {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.last-hero__title [data-line="4"] span {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.last-hero__details,
.last-hero__title [data-line="5"] span {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.last-hero__title [data-line="6"] span {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.last-hero__title [data-line="7"] span {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.last-hero__title [data-line="8"] span {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.last-hero__title [data-line="9"] span {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.last-hero__title [data-line="10"] span {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.last-hero__title [data-line="11"] span {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.last-hero__title [data-line="12"] span {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.last-hero__title [data-line="13"] span {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.last-hero__title [data-line="14"] span {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.last-hero__title [data-line="15"] span {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.last-hero__title [data-line="16"] span {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.last-hero__title [data-line="17"] span {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

.last-hero__title [data-line="18"] span {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.last-hero__title [data-line="19"] span {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.last-hero__title [data-line="20"] span {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s
}

.last-hero__details {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1054px) {
    .last-hero__details {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .last-hero__details {
        margin-top: 45px
    }
}

.last-hero__info:not(:last-child) {
    margin-right: 44px
}

@media (max-width: 1054px) {
    .last-hero__info:not(:last-child) {
        margin-right: 88px
    }
}

@media (max-width: 767px) {
    .last-hero__info:not(:last-child) {
        margin-right: 44px
    }
}

.last-hero__column-title {
    margin-bottom: 11px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

.last-hero__text {
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    opacity: .3
}

.last-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.last-hero__bg img,
.last-hero__bg svg,
.last-hero__bg video {
    font-family: "object-fit: cover"
}

@media (max-width: 1054px) {
    .last-hero__bg {
        height: 786px
    }
}

@media (max-width: 767px) {
    .last-hero__bg {
        height: 515px
    }

    .last-hero__bg-lg {
        display: none
    }
}

@media (min-width: 768px) {
    .last-hero__bg-sm {
        display: none
    }
}

.last-intro {
    padding-top: 70px;
    padding-bottom: 60px
}

@media (max-width: 1054px) {
    .last-intro {
        padding-top: 125px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .last-intro {
        padding-top: 60px;
        padding-bottom: 30px
    }
}

.last-intro__container {
    margin-left: auto;
    margin-right: 4.72973%;
    width: 44.59459%
}

@media (max-width: 1619px) {
    .last-intro__container {
        width: 47.90323%
    }
}

@media (max-width: 1054px) {
    .last-intro__container {
        margin: 0;
        width: 100%
    }
}

.last-intro__lead {
    margin-bottom: 33px;
    text-indent: 73px
}

@media (min-width: 1055px) {
    .last-intro__lead {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }
}

@media (max-width: 1054px) {
    .last-intro__lead {
        margin-bottom: 55px;
        text-indent: 56px
    }
}

@media (max-width: 767px) {
    .last-intro__lead {
        margin-bottom: 22px
    }
}

.last-images {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 894px) {
    .last-images {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .last-images {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.last-images__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px
}

@media (max-width: 1054px) {
    .last-images__container {
        grid-template-columns: 1fr;
        gap: 66px
    }
}

@media (max-width: 767px) {
    .last-images__container {
        gap: 38px
    }
}

.last-images__photo {
    position: relative
}

.full-image::before,
.last-images__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.54182%
}

.last-images__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.last-hero__bg img,
.last-hero__bg svg,
.last-hero__bg video,
.last-images__photo-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-center {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 894px) {
    .text-center {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .text-center {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.text-center__container {
    max-width: 800px
}

.text-center__lead {
    margin-bottom: 32px;
    text-indent: 70px
}

@media (max-width: 894px) {
    .text-center__lead {
        font-size: 28px;
        line-height: 1.21429
    }
}

@media (max-width: 767px) {
    .text-center__lead {
        font-size: 30px;
        line-height: 1.2
    }
}

.full-image {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative
}

.full-image::before {
    padding-top: 54.07496%
}

@media (max-width: 894px) {
    .full-image {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (max-width: 767px) {
    .full-image {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.full-image__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.full-image__photo,
.imaged-info__photo-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.imaged-info {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 1299px) {
    .imaged-info {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .imaged-info {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

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

@media (max-width: 1054px) {
    .imaged-info__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.imaged-info__content {
    width: 44.93243%
}

@media (max-width: 1054px) {
    .imaged-info__content {
        width: 100%
    }
}

.imaged-info__title {
    margin-bottom: 40px;
    text-indent: 23.60902%;
    font-size: 60px;
    line-height: 1.06667;
    font-weight: 300
}

@media (max-width: 1619px) {
    .imaged-info__title {
        font-size: 50px
    }
}

@media (max-width: 1439px) {
    .imaged-info__title {
        font-size: 40px
    }
}

@media (max-width: 1299px) {
    .imaged-info__title {
        font-size: 30px;
        line-height: 1.2
    }
}

@media (max-width: 1054px) {
    .imaged-info__title {
        margin-bottom: 55px;
        font-size: 45px;
        line-height: 1.06667
    }
}

@media (max-width: 894px) {
    .imaged-info__title {
        text-indent: 77px;
        font-size: 30px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .imaged-info__title {
        margin-bottom: 45px
    }
}

.imaged-info__text {
    max-width: 600px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 1054px) {
    .imaged-info__text {
        margin-top: 70px;
        max-width: none;
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }
}

@media (max-width: 767px) {
    .imaged-info__text {
        margin-top: 45px
    }
}

@media (max-width: 1054px) {
    .imaged-info__text--desktop {
        display: none
    }
}

@media (min-width: 1055px) {
    .imaged-info__text--mobile {
        display: none
    }
}

.imaged-info__photo {
    width: 49.52703%;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    position: relative
}

.gallery__photo::before,
.imaged-info__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.43929%
}

@media (max-width: 1054px) {
    .imaged-info__photo {
        width: 100%;
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }
}

.gallery__photo img,
.imaged-info__photo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.imaged-info__photo-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 894px) {
    .gallery {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .gallery {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.gallery__photo {
    position: relative;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.gallery__photo::before {
    padding-top: 56.28378%
}

.gallery__photo img {
    -o-object-fit: cover;
    object-fit: cover
}

.gallery__footer {
    padding: 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1b1b1c;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase;
    color: #f9f9f4
}

@media (max-width: 1054px) {
    .gallery__footer {
        padding: 10px 12px;
        font-size: 14px
    }
}

.gallery__nav {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.gallery__nav svg {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor
}

.gallery__nav svg:first-child {
    margin-right: 10px
}

.gallery__nav svg:last-child {
    margin-left: 10px
}

.gallery__nav.swiper-button-disabled {
    opacity: .4
}

.share {
    margin-top: 47px;
    padding-bottom: 170px
}

@media (max-width: 894px) {
    .share {
        margin-top: 31px;
        padding-bottom: 145px
    }
}

@media (max-width: 767px) {
    .share {
        margin-top: 30px;
        padding-bottom: 100px
    }
}

.share__container {
    border-top: 2px solid rgba(27, 27, 28, .2);
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .share__container {
        padding-top: 30px
    }
}

.share__label {
    margin-right: 125px
}

@media (max-width: 894px) {
    .share__label {
        margin-right: 105px
    }
}

@media (max-width: 767px) {
    .share__label {
        margin-right: 95px
    }
}

.share__list {
    margin-top: -8px
}

.share__link {
    display: inline-block;
    font-size: 16px;
    line-height: 1.875;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .5px
}

.share__link::before {
    content: "";
    position: absolute;
    bottom: 15%;
    left: 0;
    width: calc(100% - 20px);
    height: 1px;
    background-color: rgba(27, 27, 28, .2)
}

.share__link span,
.share__link svg {
    display: inline-block;
    vertical-align: middle
}

.share__link,
.share__link span {
    position: relative
}

.share__link svg {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    fill: currentColor
}

.related-news {
    overflow: hidden;
    padding-top: 96px;
    padding-bottom: 45px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (min-width: 1055px) {
    .related-news {
        padding-right: 32px
    }
}

@media (max-width: 894px) {
    .related-news {
        padding-top: 150px;
        padding-bottom: 140px
    }
}

@media (max-width: 767px) {
    .related-news {
        padding-top: 95px;
        padding-bottom: 125px
    }
}

.related-news__container {
    position: relative;
    max-width: 1550px;
    padding-top: 50px
}

@media (max-width: 894px) {
    .related-news__container {
        padding-top: 35px
    }
}

.related-news__container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1000vw;
    height: 2px;
    background-color: currentColor;
    opacity: .2
}

@media (max-width: 894px) {
    .related-news__container::before {
        width: 100%
    }
}

.related-news__header {
    margin-bottom: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 894px) {
    .related-news__header {
        margin-bottom: 180px
    }
}

@media (max-width: 767px) {
    .related-news__header {
        margin-bottom: 130px
    }
}

.related-news__carousel .home-news__carousel {
    margin-right: 0;
    width: 86.77419%
}

@media (max-width: 1299px) {
    .related-news__carousel .home-news__carousel {
        width: 100%
    }
}

@media (max-width: 1054px) {
    .related-news__carousel .home-news__carousel {
        margin-left: 0;
        width: calc(100% + 32px)
    }
}

@media (max-width: 767px) {
    .related-news__carousel .home-news__carousel {
        width: calc(100% + 24px)
    }
}

.contact-hero {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding-top: 90px;
    padding-bottom: 64px;
    background-color: #1b1b1c;
    color: #f9f9f4
}

@media (max-width: 1054px) {
    .contact-hero {
        padding-bottom: 43px
    }
}

@media (max-width: 767px) {
    .contact-hero {
        padding-top: 75px;
        padding-bottom: 35px
    }
}

.contact-hero__container {
    position: relative;
    z-index: 50;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contact-hero__header {
    margin-bottom: 40px;
    border-bottom: 2px solid rgba(249, 249, 244, .2);
    padding-bottom: 15px
}

@media (max-width: 894px) {
    .contact-hero__header {
        margin-bottom: 45px;
        border-bottom: none;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .contact-hero__header {
        margin-bottom: 35px;
        border-bottom: 2px solid rgba(249, 249, 244, .2);
        padding-bottom: 20px
    }
}

.contact-hero__label {
    margin-bottom: 28px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 894px) {
    .contact-hero__label {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .contact-hero__label {
        margin-bottom: 20px
    }
}

.contact-hero__title {
    font-size: 180px;
    line-height: 1.1;
    font-weight: 300
}

@media (max-width: 1054px) {
    .contact-hero__title {
        font-size: 150px
    }
}

@media (max-width: 894px) {
    .contact-hero__title {
        font-size: 118px
    }
}

@media (max-width: 767px) {
    .contact-hero__title {
        font-size: 56px
    }
}

.contact-hero-scroll-btn {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: -26px;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-width: 1054px) {
    .contact-hero-scroll-btn {
        position: static;
        margin-top: 22px;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

@media (max-width: 767px) {
    .contact-hero-scroll-btn {
        position: absolute;
        bottom: -4px
    }
}

.contact-hero__bg {
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}


.contact-hero__bg img {
    max-width: none;
    width: 100%;
    height: 110%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-main {
    background-color: #1b1b1c;
    color: #f9f9f4
}

.text-hero {
    position: relative;
    padding-top: 150px;
    padding-bottom: 40px
}

@media (max-width: 894px) {
    .text-hero {
        padding-top: 140px
    }
}

@media (max-width: 767px) {
    .text-hero {
        padding-top: 120px
    }
}

.text-hero::after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 0;
    width: calc(100% - 64px);
    height: 2px;
    background-color: currentColor;
    opacity: .2
}

@media (max-width: 767px) {
    .text-hero::after {
        left: 24px;
        width: calc(100% - 48px)
    }
}

@media (max-width: 894px) {
    .text-hero--short {
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .text-hero--short {
        padding-bottom: 50px
    }
}

.text-hero__container {
    min-height: 282px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 894px) {
    .text-hero__container {
        min-height: 200px
    }
}

@media (max-width: 767px) {
    .text-hero__container {
        min-height: 132px
    }
}

.text-hero__label {
    margin-bottom: 60px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 894px) {
    .text-hero__label {
        margin-bottom: 36px
    }
}

@media (max-width: 767px) {
    .text-hero__label {
        margin-bottom: 27px
    }
}

.text-hero__title {
    font-size: 150px;
    line-height: 1.125;
    font-weight: 300
}

@media (max-width: 1619px) {
    .text-hero__title {
        font-size: 120px
    }
}

@media (max-width: 1054px) {
    .text-hero__title {
        font-size: 90px
    }
}

@media (max-width: 894px) {
    .text-hero__title {
        font-size: 70px;
        letter-spacing: -.5px
    }
}

@media (max-width: 767px) {
    .text-hero__title {
        font-size: 40px;
        letter-spacing: 0
    }

    .text-hero--short .text-hero__title {
        font-size: 48px
    }
}

.text-content {
    position: relative;
    padding-top: 180px
}

@media (max-width: 894px) {
    .text-content {
        padding-top: 55px;
        padding-bottom: 50px
    }
}

@media (max-width: 767px) {
    .text-content {
        margin-bottom: 100px
    }
}

.text-content--vacancy {
    padding-top: 155px;
    padding-bottom: 245px
}

@media (max-width: 894px) {
    .text-content--vacancy {
        padding-top: 88px;
        padding-bottom: 286px
    }
}

@media (max-width: 767px) {
    .text-content--vacancy {
        padding-top: 26px;
        padding-bottom: 192px
    }
}

.text-content--privacy {
    border-bottom: 2px solid rgba(249, 249, 244, .2);
    padding-bottom: 104px
}

@media (min-width: 768px) and (max-width: 1054px) {
    .text-content--privacy {
        border: 0;
        padding-bottom: 300px
    }
}

@media (max-width: 767px) {
    .text-content--privacy {
        margin-bottom: 245px;
        border-width: 1px;
        padding-bottom: 84px
    }
}

.text-aside {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 120px;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-height: 750px) {
    .text-aside {
        top: 90px
    }
}

@media (max-width: 767px) {
    .text-aside {
        position: static
    }
}

.text-aside+.text-details {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

@media (min-width: 768px) {
    .text-aside--bottom {
        position: absolute;
        top: auto;
        left: 0;
        width: 100%
    }
}

.text-aside__wrapper {
    position: relative
}

.text-aside__container {
    position: absolute;
    left: 0;
    top: 23px;
    width: 325px
}

@media (max-width: 1054px) {
    .text-aside__container {
        top: 0;
        width: 32.10227%
    }
}

@media (max-width: 767px) {
    .text-aside__container {
        position: static;
        margin-bottom: 88px;
        width: 100%
    }
}

@media (max-width: 1054px) {
    .text-aside__container--privacy {
        top: 41px
    }
}

.text-aside__container--vacancy {
    top: 0
}

.text-aside--links {
    border-top: 2px solid currentColor;
    padding-top: 56px
}

@media (max-height: 750px) {
    .text-aside--links {
        padding-top: 32px
    }
}

@media (max-width: 1054px) {
    .text-aside--links {
        margin-bottom: 48px;
        border: 0;
        padding: 0
    }
}

.text-aside__deadline {
    margin-bottom: 35px;
    border-bottom: 2px solid currentColor;
    padding-bottom: 24px
}

@media (max-width: 1054px) {
    .text-aside__deadline {
        margin-bottom: 25px;
        border-width: 1px;
        padding-bottom: 15px
    }
}

@media (max-width: 767px) {
    .text-aside__deadline {
        margin-bottom: 35px;
        border-width: 2px;
        padding-bottom: 24px
    }
}

.text-aside__info:not(:last-child) {
    margin-bottom: 27px
}

@media (max-width: 1054px) {
    .text-aside__info:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .text-aside__info:not(:last-child) {
        margin-bottom: 27px
    }
}

.text-aside__title {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 1054px) {
    .text-aside__title {
        font-size: 14px;
        line-height: 1.57143
    }
}

.text-aside__text {
    font-size: 18px;
    line-height: 1.66667;
    letter-spacing: -.5px;
    font-weight: 300
}

.text-aside__anchors {
    padding-left: 26px;
    list-style: decimal;
    font-size: 24px;
    line-height: 1.58333;
    font-weight: 300
}

@media (max-width: 894px) {
    .text-aside__anchors {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .text-aside__anchors {
        font-size: 18px
    }
}

.text-aside__anchors a {
    display: inline-block;
    position: relative
}

.text-aside__anchors a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.text-aside__anchors a:hover::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.text-details:not(:last-child) {
    margin-bottom: 160px
}

@media (max-width: 1054px) {
    .text-details:not(:last-child) {
        margin-bottom: 110px
    }
}

@media (max-width: 767px) {
    .text-details:not(:last-child) {
        margin-bottom: 80px
    }
}

.text-details:not(:first-child) {
    margin-top: 130px
}

@media (max-width: 1054px) {
    .text-details:not(:first-child) {
        margin-top: 100px
    }
}

@media (max-width: 767px) {
    .text-details:not(:first-child) {
        margin-top: 70px
    }
}

.text-aside+.text-details {
    margin-top: 0
}

.text-details__content {
    margin-left: auto;
    margin-right: 18.64865%;
    width: 44.59459%
}

@media (max-width: 1439px) {
    .text-details__content {
        margin-right: 11%
    }
}

@media (max-width: 1299px) {
    .text-details__content {
        margin-right: 0;
        width: 52%
    }
}

@media (max-width: 1054px) {
    .text-details__content {
        width: 57.44681%
    }
}

@media (max-width: 767px) {
    .text-details__content {
        width: 100%
    }
}

.text-details__content h1,
.text-details__content h2,
.text-details__content h3 {
    font-size: 42px;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (max-width: 1054px) {

    .text-details__content h1,
    .text-details__content h2,
    .text-details__content h3 {
        font-size: 28px
    }
}

.text-details__content h1:not(:first-child),
.text-details__content h2:not(:first-child),
.text-details__content h3:not(:first-child) {
    margin-top: 60px
}

@media (max-width: 1054px) {

    .text-details__content h1:not(:first-child),
    .text-details__content h2:not(:first-child),
    .text-details__content h3:not(:first-child) {
        margin-top: 70px
    }
}

@media (max-width: 767px) {

    .text-details__content h1:not(:first-child),
    .text-details__content h2:not(:first-child),
    .text-details__content h3:not(:first-child) {
        margin-top: 60px
    }
}

.text-details__content h1:not(:last-child),
.text-details__content h2:not(:last-child),
.text-details__content h3:not(:last-child) {
    margin-bottom: 24px
}

.text-details__content h4,
.text-details__content h5,
.text-details__content h6 {
    font-size: 24px;
    line-height: 1.58333;
    font-weight: 300
}

@media (max-width: 1054px) {

    .text-details__content h4,
    .text-details__content h5,
    .text-details__content h6 {
        font-size: 20px;
        line-height: 1.27273
    }
}

@media (max-width: 767px) {

    .text-details__content h4,
    .text-details__content h5,
    .text-details__content h6 {
        font-size: 22px
    }
}

@media (max-width: 1054px) {

    .text-details__content--vacancy h1,
    .text-details__content--vacancy h2,
    .text-details__content--vacancy h3 {
        font-size: 30px
    }

    .text-details__content--vacancy h4,
    .text-details__content--vacancy h5,
    .text-details__content--vacancy h6 {
        font-size: 22px;
        line-height: 1.27273
    }
}

.text-details__btn {
    margin-top: 100px;
    width: 100%
}

@media (max-width: 1054px) {
    .text-details__btn {
        margin-top: 80px
    }
}

@media (max-width: 767px) {
    .text-details__btn {
        margin-top: 120px
    }
}

ul.numbered-list {
    list-style: decimal
}

ul.numbered-list li {
    line-height: 10px
}

.text-details__content ul,
ul.default-list,
ul.numbered-list {
    padding-left: 20px
}

.full-page,
.text-details__content li,
ul.default-list li {
    position: relative
}

.text-details__content li::before,
ul.default-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: -20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: currentColor
}

.full-page {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1b1b1c;
    color: #f9f9f4
}

.full-page::before {
    content: ""
}

@media (max-width: 767px) {
    .full-page--error::after {
        content: ""
    }
}

.full-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9
}

.full-page__bg img,
.full-page__bg svg,
.full-page__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.full-page__bg--error {
    opacity: .7
}

.newsletter {
    position: relative;
    z-index: 20;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 1300px) {
    .newsletter {
        padding-right: 100px
    }
}

@media (max-width: 1054px) {
    .newsletter {
        margin-top: 71px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .newsletter {
        margin-top: 128px;
        margin-bottom: 72px
    }
}

@media (max-width: 1054px) {
    .newsletter__header {
        margin-bottom: 35px
    }
}

@media (max-width: 767px) {
    .newsletter__header {
        margin-bottom: 30px
    }
}

.newsletter__label {
    margin-bottom: 27px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-height: 750px) {
    .newsletter__label {
        margin-bottom: 17px
    }
}

@media (max-width: 1054px) {
    .newsletter__label {
        margin-bottom: 28px
    }
}

@media (max-width: 767px) {
    .newsletter__label {
        margin-bottom: 15px
    }
}

.newsletter__title {
    font-size: 100px;
    line-height: 1;
    font-weight: 300
}

@media (max-height: 750px) {
    .newsletter__title {
        font-size: 80px
    }
}

@media (min-width: 1055px) and (max-width: 1299px) {
    .newsletter__title {
        font-size: 80px
    }
}

@media (max-width: 767px) {
    .newsletter__title {
        font-size: 40px;
        line-height: 1.125
    }
}

.newsletter__content {
    width: 42.89406%;
    padding-top: 63px
}

@media (max-width: 1054px) {
    .newsletter__content {
        width: 100%;
        padding-top: 0
    }
}

.newsletter__lead {
    margin-bottom: 34px;
    text-indent: 12.6%;
    font-size: 28px;
    line-height: 1.21429;
    font-weight: 300;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-height: 750px) {
    .newsletter__lead {
        margin-bottom: 20px;
        font-size: 22px
    }
}

@media (max-width: 1054px) {
    .newsletter__lead {
        margin-bottom: 14px;
        text-indent: 13.19149%;
        font-size: 30px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .newsletter__lead {
        text-indent: 23.78049%
    }
}

.newsletter__form {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.newsletter__input {
    width: 100%;
    border-bottom: 2px solid rgba(249, 249, 244, .2);
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
    color: currentColor
}

@media (max-height: 750px) {
    .newsletter__input {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 28px
    }
}

@media (max-width: 1054px) {
    .newsletter__input {
        padding-top: 21px;
        padding-bottom: 21px;
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .newsletter__input {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 22px
    }
}

.newsletter__input::-webkit-input-placeholder {
    opacity: .4
}

.newsletter__input::-moz-placeholder {
    opacity: .4
}

.newsletter__input::-ms-input-placeholder {
    opacity: .4
}

.newsletter__input::placeholder {
    opacity: .4
}

.newsletter__input+.newsletter__input {
    margin-top: 45px
}

@media (max-height: 750px) {
    .newsletter__input+.newsletter__input {
        margin-top: 25px
    }
}

@media (max-width: 1054px) {
    .newsletter__input+.newsletter__input {
        margin-top: 33px
    }
}

.newsletter__footer {
    margin-top: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-height: 750px) {
    .newsletter__footer {
        margin-top: 20px
    }
}

@media (min-width: 1055px) and (max-width: 1299px) {
    .newsletter__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .newsletter__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.newsletter__checkbox {
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 767px) {
    .newsletter__checkbox {
        font-size: 18px
    }
}

.newsletter__btn {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 1055px) and (max-width: 1299px) {
    .newsletter__btn {
        margin-top: 28px
    }
}

@media (max-width: 767px) {
    .newsletter__btn {
        margin-top: 40px
    }
}

.error {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media (max-width: 767px) {
    .error {
        margin-bottom: 18px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.error__title {
    font-size: 200px;
    line-height: 1;
    font-weight: 300
}

@media (max-width: 767px) {
    .error__title {
        margin-bottom: 20px;
        font-size: 100px
    }
}

.error__info {
    font-size: 28px;
    line-height: 1.21429;
    font-weight: 300;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.error__btn {
    margin-top: 42px;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-width: 767px) {
    .error__btn {
        margin-top: 32px
    }
}


/*MY CSS*/

#menu-navigation-menu li a {
    display: block;
    position: relative;
    padding: 8px 14px;
    font-size: 20px
}

.cursor__figure,
#menu-navigation-menu li a::after {
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

#menu-navigation-menu li a:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#menu-navigation-menu li a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 14px;
    width: calc(100% - 28px);
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.column {
    display: flex;
    gap: 20px;
    /* Abstand zwischen den beiden Absätzen */
    max-width: 100%;
}

.column p {
    padding: 20px;
    flex: 1;
    /* Dies sorgt dafür, dass die Absätze gleich breit sind */
}

@media (max-width: 894px) {
    .column {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .column {
        display: inline-block;
        max-width: 100%;
    }

}

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

/*body {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100vh;*/
/*    background-color: #f4f4f4;*/
/*}*/
.image-container {
    display: flex;
    justify-content: center;
    gap: 70px;
    /* Abstand zwischen den Bildern */
}

.image {
    width: 300px;
    /* Setze die Breite der Bilder gleich */
    height: 200px;
    /* Setze die Höhe der Bilder gleich */
    object-fit: cover;
    /* Bild wird zugeschnitten, um das Seitenverhältnis zu erhalten */
    filter: grayscale(100%);
    /* Bild in Graustufen anzeigen */
    transition: filter 0.5s ease;
    /* Weicher Übergang von Grau zu Farbe */
}


.image-nogrey {
    width: 300px;
    /* Setze die Breite der Bilder gleich */
    height: 200px;
    /* Setze die Höhe der Bilder gleich */
    object-fit: cover;
    /* Bild wird zugeschnitten, um das Seitenverhältnis zu erhalten */
}

.image:hover {
    filter: grayscale(0%);
    /* Maus-Over entfernt Graustufen */
}

.full-image2 {
    width: 100%;
    /* Bild nimmt die volle Breite des Containers ein */
    height: auto;
    /* Automatische Höhe, um das Seitenverhältnis zu bewahren */
    object-fit: contain;
    /* Stellt sicher, dass das gesamte Bild sichtbar ist */
    display: block;
    /* Entfernt mögliche Lücken oder Abstände */
    margin: 0 auto;
    /* Zentriert das Bild horizontal, falls nötig */
}