@-webkit-keyframes glitch1 {

    0%,
    to {
        transform: translateX(0)
    }

    80%,
    95% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(4px);
        color: #ac1212
    }
}

@keyframes glitch1 {

    0%,
    to {
        transform: translateX(0)
    }

    80%,
    95% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(4px);
        color: #ac1212
    }
}

@-webkit-keyframes glitch2 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-4px);
        color: #ac1212
    }

    95% {
        transform: translateX(3px);
        color: #fff
    }
}

@keyframes glitch2 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-4px);
        color: #ac1212
    }

    95% {
        transform: translateX(3px);
        color: #fff
    }
}

@-webkit-keyframes glitch3 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-3px);
        color: #4e9a26
    }

    90% {
        transform: translateX(3px);
        color: #ac1212
    }

    95% {
        transform: translateX(5px);
        color: #fff
    }
}

@keyframes glitch3 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-3px);
        color: #4e9a26
    }

    90% {
        transform: translateX(3px);
        color: #ac1212
    }

    95% {
        transform: translateX(5px);
        color: #fff
    }
}

@-webkit-keyframes glitch4 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(5px);
        color: #fff
    }
}

@keyframes glitch4 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(5px);
        color: #fff
    }
}

@-webkit-keyframes glitch5 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(2px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@keyframes glitch5 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(2px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@-webkit-keyframes glitch6 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(5px);
        color: #ac1212
    }

    95% {
        transform: translateX(-1px);
        color: #fff
    }
}

@keyframes glitch6 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(5px);
        color: #ac1212
    }

    95% {
        transform: translateX(-1px);
        color: #fff
    }
}

@-webkit-keyframes glitch7 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(5px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-1px);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@keyframes glitch7 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(5px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-1px);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@-webkit-keyframes glitch8 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(0);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@keyframes glitch8 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(0);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@-webkit-keyframes glitch9 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(3px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@keyframes glitch9 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(3px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@-webkit-keyframes glitch-img1 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(4px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@keyframes glitch-img1 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(4px);
        color: #ac1212
    }

    95% {
        transform: translateX(1px);
        color: #fff
    }
}

@-webkit-keyframes glitch-img2 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(3px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(3px);
        color: #fff
    }
}

@keyframes glitch-img2 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(3px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(3px);
        color: #fff
    }
}

@-webkit-keyframes glitch-img3 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(0);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@keyframes glitch-img3 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(-1px);
        color: #4e9a26
    }

    90% {
        transform: translateX(0);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@-webkit-keyframes glitch-img4 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(5px);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@keyframes glitch-img4 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(2px);
        color: #4e9a26
    }

    90% {
        transform: translateX(5px);
        color: #ac1212
    }

    95% {
        transform: translateX(2px);
        color: #fff
    }
}

@-webkit-keyframes glitch-img5 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(-2px);
        color: #fff
    }
}

@keyframes glitch-img5 {

    0%,
    to {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0);
        color: #fff
    }

    85% {
        transform: translateX(4px);
        color: #4e9a26
    }

    90% {
        transform: translateX(-2px);
        color: #ac1212
    }

    95% {
        transform: translateX(-2px);
        color: #fff
    }
}

@-webkit-keyframes glitch-clip {
    0% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 130%, 0 130%);
        clip-path: polygon(0 100%, 100% 100%, 100% 130%, 0 130%)
    }

    to {
        -webkit-clip-path: polygon(0 -30%, 100% -30%, 100% 0, 0 0);
        clip-path: polygon(0 -30%, 100% -30%, 100% 0, 0 0)
    }
}

@keyframes glitch-clip {
    0% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 130%, 0 130%);
        clip-path: polygon(0 100%, 100% 100%, 100% 130%, 0 130%)
    }

    to {
        -webkit-clip-path: polygon(0 -30%, 100% -30%, 100% 0, 0 0);
        clip-path: polygon(0 -30%, 100% -30%, 100% 0, 0 0)
    }
}

@-webkit-keyframes tv {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100px -100px
    }
}

@keyframes tv {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100px -100px
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes shadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes shadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes shadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes shadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        transform: translateY(-300px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(-300px)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes slideOut {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-300px)
    }
}

@keyframes slideOut {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-300px)
    }
}

:root {
    --icon-color: #000;
    --blue: #54C1E4;
    --orange: #FF470D;
    --yellow: #FFDA17;
    --white: #fff;
    --black: #000;
    --red: #f00;
    --green: #B2FF17;
    --gray: #161616;
    --gray-mask: #082730;
    --space-4xs: 8px;
    --space-3xs: 10px;
    --space-2xs: 16px;
    --space-xs: 24px;
    --space-s: 40px;
    --space-m: 56px;
    --space-l: 80px;
    --space-xl: 128px;
    --font-main: 'Industry', Arial, Helvetica, sans-serif;
    --font-caption: 'Zelta-Six', Arial, Helvetica, sans-serif;
    --font-new: 'Industry', Arial, Helvetica, sans-serif;
    --text-h1-size: 46px;
    --text-h2-size: 36px;
    --text-h3-size: 32px;
    --text-h4-size: 18px;
    --text-h5-size: 16px;
    --text-h6-size: 11px;
    --text-span-big: 28px;
    --text-span-medium: 16px;
    --text-span-small: 14px;
    --text-body-size: 16px;
    --text-small-size: 13px;
    --text-small-caps-size: 14px;
    --text-tiny-size: 11px;
    --text-subtitle: 18px;
    --text-big-headline: 80px;
    --duration: .4s;
    --modal-duration: .4s;
    --icon-duration: .4s;
    --modal-slide-from: translateY(300px);
    --cubic: cubic-bezier(0.56, 0, 0.37, 1);
    --trans: all 0.5s var(--cubic)
}

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

body,
html {
    margin: 0;
    padding: 0;
    font-family: sans-serif
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

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

body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: left
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-font-smoothing: antialiased
}

p {
    margin: 0 0 16px
}

abbr[data-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address,
dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

address {
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none
}

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

[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

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

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

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

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

audio,
output,
video {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

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

@font-face {
    font-family: 'Zelta-Six';
    src: url(./fonts/Zelta-Six-Regular.woff) format("woff"), url(./fonts/Zelta-Six-Regular.otf) format("otf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Zelta-Six';
    src: url(./fonts/Zelta-Six-Bold.woff) format("woff"), url(./fonts/Zelta-Six-Bold.otf) format("otf");
    font-weight: 700;
    font-style: normal
}

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

.icon-sym {
    display: inline-block;
    height: 1em;
    fill: var(--icon-color);
    font-size: var(--icon-height)
}

.icon-sym--arr {
    width: .55256em
}

.icon-sym--close,
.icon-sym--discord,
.icon-sym--facebook {
    width: 1em
}

.icon-sym--facebook2 {
    width: 1.03125em
}

.icon-sym--file,
.icon-sym--insta {
    width: 1em
}

.icon-sym--like,
.icon-sym--like-fill {
    width: .97573em
}

.icon-sym--link,
.icon-sym--play,
.icon-sym--quote,
.icon-sym--reddit {
    width: 1em
}

.icon-sym--reddit2 {
    width: 1.03125em
}

.icon-sym--search,
.icon-sym--share,
.icon-sym--steam,
.icon-sym--telegram,
.icon-sym--twitch,
.icon-sym--twitter {
    width: 1em
}

.icon-sym--youtube {
    width: 1.03125em
}

.h1,
.h2,
h1,
h2 {
    font-family: var(--font-caption);
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700
}

.h1,
h1 {
    font-size: var(--text-h1-size);
    margin-bottom: var(--space-xs)
}

.h2,
h2 {
    font-size: var(--text-h2-size)
}

.h2,
.h3,
h2,
h3 {
    margin-bottom: var(--space-xs)
}

.count__name,
.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-h3-size);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-size: var(--text-h4-size);
    line-height: 1.2;
    margin-bottom: var(--space-xs)
}

.h5,
.h6,
h5,
h6 {
    font-size: var(--text-h5-size)
}

.h6,
h6 {
    font-size: var(--text-h6-size)
}

.link-white,
a {
    transition: var(--trans)
}

a {
    text-decoration: none;
    color: var(--green)
}

.link-white:hover,
a:hover {
    color: var(--orange)
}

.link-white {
    color: var(--white);
    border: 0
}

.subtitle {
    display: block;
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700
}

.yellow {
    color: var(--yellow)
}

.green {
    color: var(--green)
}

.big-headline {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-big-headline);
    line-height: 1;
    text-transform: uppercase;
    margin: 0
}

.text-content p {
    padding: 0;
    margin: 0 0 16px
}

.text-content ol:last-child,
.text-content p:last-child,
.text-content ul:last-child {
    margin-bottom: 0
}

.text-content ol,
.text-content ul {
    list-style: none;
    padding: 0;
    margin: var(--space-xs) 0 16px 0
}

.text-content blockquote:first-child,
.text-content ol:first-child,
.text-content ul:first-child {
    margin-top: 0
}

.text-content ul li {
    padding: 0 0 16px 24px
}

.text-content ol li,
.text-content ul li {
    margin: 0;
    position: relative;
    z-index: 1
}

.text-content ol li:last-child,
.text-content ul li:last-child {
    padding-bottom: 0
}

.text-content ul li:before {
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.text-content ol li:before,
.text-content ul li:before {
    content: '';
    position: absolute;
    z-index: -1;
    background: var(--white)
}

.text-content ol ol,
.text-content ol ul,
.text-content ul ol,
.text-content ul ul {
    margin-top: 16px
}

.text-content ol ol:first-child,
.text-content ol ul:first-child,
.text-content ul ol:first-child,
.text-content ul ul:first-child {
    margin-top: 16px
}

.text-content ol {
    counter-reset: list
}

.text-content ol li {
    padding: 0 0 16px 32px
}

.text-content ol li:before {
    content: counter(list) ".";
    counter-increment: list;
    width: auto;
    height: auto;
    background: 0 0;
    border-radius: 0;
    left: 0;
    top: 0
}

.text-content .count__name,
.text-content .h1,
.text-content .h2,
.text-content .h3,
.text-content .h4,
.text-content .h5,
.text-content .h6,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
    padding-top: 24px
}

.text-content .count__name:first-child,
.text-content .h1:first-child,
.text-content .h2:first-child,
.text-content .h3:first-child,
.text-content .h4:first-child,
.text-content .h5:first-child,
.text-content .h6:first-child,
.text-content h1:first-child,
.text-content h2:first-child,
.text-content h3:first-child,
.text-content h4:first-child,
.text-content h5:first-child,
.text-content h6:first-child {
    padding-top: 0
}

.text-content hr {
    display: block;
    width: 100%;
    height: 0;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--white)
}

.text-content blockquote {
    display: block;
    position: relative;
    padding: 0 0 0 54px;
    margin: var(--space-s) 0
}

.text-content blockquote:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: url(../images/quote.svg) no-repeat 0 0;
    background-size: contain
}

.text-content table {
    width: 100%;
    padding: 0;
    margin: 0 0 var(--space-s);
    border-collapse: collapse;
    border: 1px solid var(--white);
    border-radius: 10px
}

.text-content table td,
.text-content table th {
    vertical-align: middle;
    text-align: center;
    padding: 24px 12px;
    border-top: 1px solid var(--white)
}

.text-content table td:first-child,
.text-content table th:first-child {
    padding-left: 52px
}

.text-content table td:last-child,
.text-content table th:last-child {
    padding-right: 52px
}

.text-content table th {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700
}

.text-content a:not([class]) {
    word-break: break-word
}

.table,
.text-content iframe {
    border: 1px solid var(--white);
    border-radius: 10px
}

.text-content iframe {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9
}

.table {
    margin: var(--space-s) 0;
    overflow: auto;
    max-width: 100%
}

.modal--message p:last-child,
.story-slider__text p:last-child,
.table:last-child,
.team-cols__text p:last-child {
    margin-bottom: 0
}

.table table {
    width: 100%;
    padding: 0;
    margin: -1px 0 0;
    border-collapse: collapse
}

.table table td,
.table table th {
    vertical-align: middle;
    text-align: center;
    padding: 24px 12px;
    border-top: 1px solid var(--white)
}

.table table td:first-child,
.table table th:first-child {
    padding-left: 52px
}

.table table td:last-child,
.table table th:last-child {
    padding-right: 52px
}

.table table th {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700
}

.pt-content {
    margin-top: 24px !important
}

@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 {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

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

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

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

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

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

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

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    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 {
    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: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    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
}

.swiper-wrapper {
    height: auto;
    width: 100%
}

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

.swiper__arr {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    cursor: pointer;
    transition: var(--trans);
    transform: rotate(-180deg)
}

.swiper__arr svg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.swiper__arr svg use:nth-child(1) {
    transition: var(--trans);
    fill: rgba(84, 193, 228, .1);
    stroke: var(--blue);
    stroke-width: 1px
}

.swiper__arr svg use:nth-child(2) {
    fill: none;
    stroke: url(#mask-pattern);
    mix-blend-mode: darken;
    opacity: .6
}

.swiper__arr svg use:nth-child(3) {
    fill: var(--green);
    filter: drop-shadow(0 0 1px var(--green))
}

.swiper__arr svg use:nth-child(4) {
    fill: url(#mask-pattern);
    mix-blend-mode: darken;
    opacity: .4
}

.swiper__arr svg polygon,
.swiper__arr svg rect {
    fill: var(--green)
}

.swiper__arr:hover svg use:nth-child(1) {
    fill: rgba(255, 71, 13, .1);
    stroke: var(--orange)
}

.swiper__arr:active svg use:nth-child(1) {
    fill: rgba(255, 71, 13, .15);
    stroke: var(--orange)
}

.swiper__arr--prev {
    right: 62px;
    transform: none
}

.swiper__arr .icon-sym {
    fill: var(--green);
    width: 24px;
    height: 24px;
    display: block
}

.swiper-button-disabled {
    opacity: .2;
    cursor: default
}

.swiper-button-disabled.hide {
    display: none
}

.slider-wrapper {
    overflow: hidden
}

.slider-wrapper .swiper {
    overflow: visible
}

.swiper-disabled .swiper-wrapper {
    transform: none !important
}

html ::-webkit-scrollbar {
    border-radius: 0;
    width: 8px;
    height: 8px
}

html ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--blue)
}

html ::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent
}

body,
html {
    height: 100%
}

.font-new,
body {
    font-style: normal
}

body {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-main)
}

.font-new {
    font-family: var(--font-new)
}

.wrapper,
.wrapper__block {
    min-height: 100%;
    display: flex
}

.wrapper__block {
    width: 100%;
    flex-direction: column
}

.wrapper__page {
    max-width: 1680px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    padding-left: 120px;
    padding-right: 120px
}

.wrapper__page--header,
.wrapper__page--menu {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1920px
}

.wrapper__page--header {
    padding-left: 80px;
    padding-right: 80px
}

.wrapper__page--menu {
    flex-direction: column;
    min-height: 100%;
    padding: 120px 80px 40px
}

.wrapper__page--inner {
    padding-top: calc(120px + var(--space-m));
    padding-bottom: var(--space-xl)
}

.article {
    flex: 1 0 auto;
    position: relative;
    z-index: 1
}

.mb-4xs {
    margin-bottom: var(--space-4xs)
}

.mb-3xs {
    margin-bottom: var(--space-3xs)
}

.mb-2xs {
    margin-bottom: var(--space-2xs)
}

.mb-xs {
    margin-bottom: var(--space-xs)
}

.mb-xs-const {
    margin-bottom: 24px
}

.mb-s {
    margin-bottom: var(--space-s)
}

.mb-m {
    margin-bottom: var(--space-m)
}

.mb-l {
    margin-bottom: var(--space-l)
}

.mb-xl {
    margin-bottom: var(--space-xl)
}

.mt-4xs {
    margin-top: var(--space-4xs)
}

.mt-3xs {
    margin-top: var(--space-3xs)
}

.mt-2xs {
    margin-top: var(--space-2xs)
}

.mt-xs {
    margin-top: var(--space-xs)
}

.mt-s {
    margin-top: var(--space-s)
}

.mt-m {
    margin-top: var(--space-m)
}

.mt-l {
    margin-top: var(--space-l)
}

.mt-xl {
    margin-top: var(--space-xl)
}

.pb-4xs {
    padding-bottom: var(--space-4xs)
}

.pb-3xs {
    padding-bottom: var(--space-3xs)
}

.pb-2xs {
    padding-bottom: var(--space-2xs)
}

.pb-xs {
    padding-bottom: var(--space-xs)
}

.pb-s {
    padding-bottom: var(--space-s)
}

.pb-m {
    padding-bottom: var(--space-m)
}

.pb-l {
    padding-bottom: var(--space-l)
}

.pb-xl {
    padding-bottom: var(--space-xl)
}

.pt-4xs {
    padding-top: var(--space-4xs)
}

.pt-3xs {
    padding-top: var(--space-3xs)
}

.pt-2xs {
    padding-top: var(--space-2xs)
}

.pt-xs {
    padding-top: var(--space-xs)
}

.pt-s {
    padding-top: var(--space-s)
}

.pt-m {
    padding-top: var(--space-m)
}

.pt-l {
    padding-top: var(--space-l)
}

.pt-xl {
    padding-top: var(--space-xl)
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.svg-mask {
    position: absolute;
    z-index: -1;
    left: -100%;
    top: -100%
}

.text-col {
    max-width: 640px
}

.o-hidden {
    overflow: hidden
}

.page-in {
    opacity: 0;
    transition: opacity .5s var(--cubic), transform .5s var(--cubic);
    transform: translate3d(0, 20px, 0)
}

.page-in.active {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.page-in:nth-child(2) {
    transition-delay: .05s
}

.page-in:nth-child(3) {
    transition-delay: .1s
}

.page-in:nth-child(4) {
    transition-delay: .15s
}

.page-in:nth-child(5) {
    transition-delay: .2s
}

iframe#launcher {
    margin-bottom: 80px !important;
    margin-right: 80px !important
}

.glitch {
    position: absolute;
    z-index: 1
}

.glitch__line:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

.glitch__line:nth-child(1) {
    -webkit-animation: glitch-clip 5000ms -900ms linear infinite, glitch-img1 500ms -621ms linear infinite;
    animation: glitch-clip 5000ms -900ms linear infinite, glitch-img1 500ms -621ms linear infinite
}

.glitch__line:nth-child(2) {
    -webkit-animation: glitch-clip 5000ms -1800ms linear infinite, glitch-img2 500ms -68ms linear infinite;
    animation: glitch-clip 5000ms -1800ms linear infinite, glitch-img2 500ms -68ms linear infinite
}

.glitch__line:nth-child(3) {
    -webkit-animation: glitch-clip 5000ms -2700ms linear infinite, glitch-img3 500ms -51ms linear infinite;
    animation: glitch-clip 5000ms -2700ms linear infinite, glitch-img3 500ms -51ms linear infinite
}

.glitch__line:nth-child(4) {
    -webkit-animation: glitch-clip 5000ms -3600ms linear infinite, glitch-img4 500ms -334ms linear infinite;
    animation: glitch-clip 5000ms -3600ms linear infinite, glitch-img4 500ms -334ms linear infinite
}

.glitch__line:nth-child(5) {
    -webkit-animation: glitch-clip 5000ms -4500ms linear infinite, glitch-img5 500ms -888ms linear infinite;
    animation: glitch-clip 5000ms -4500ms linear infinite, glitch-img5 500ms -888ms linear infinite
}

.glitch--img,
.glitch--img .glitch__line {
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: no-repeat center;
    background-size: cover
}

.glitch--img {
    background: var(--black)
}

.glitch--img .glitch__line {
    position: absolute;
    -webkit-animation: none;
    animation: none
}

.glitch--img .glitch__line:nth-child(1) {
    -webkit-animation: glitch-clip 5000ms -900ms linear infinite, glitch-img1 500ms -67ms linear infinite;
    animation: glitch-clip 5000ms -900ms linear infinite, glitch-img1 500ms -67ms linear infinite
}

.glitch--img .glitch__line:nth-child(2) {
    -webkit-animation: glitch-clip 5000ms -1800ms linear infinite, glitch-img2 500ms -870ms linear infinite;
    animation: glitch-clip 5000ms -1800ms linear infinite, glitch-img2 500ms -870ms linear infinite
}

.glitch--img .glitch__line:nth-child(3) {
    -webkit-animation: glitch-clip 5000ms -2700ms linear infinite, glitch-img3 500ms -549ms linear infinite;
    animation: glitch-clip 5000ms -2700ms linear infinite, glitch-img3 500ms -549ms linear infinite
}

.glitch--img .glitch__line:nth-child(4) {
    -webkit-animation: glitch-clip 5000ms -3600ms linear infinite, glitch-img4 500ms -292ms linear infinite;
    animation: glitch-clip 5000ms -3600ms linear infinite, glitch-img4 500ms -292ms linear infinite
}

.glitch--img .glitch__line:nth-child(5) {
    -webkit-animation: glitch-clip 5000ms -4500ms linear infinite, glitch-img5 500ms -56ms linear infinite;
    animation: glitch-clip 5000ms -4500ms linear infinite, glitch-img5 500ms -56ms linear infinite
}

.glitch--img .glitch__line:nth-child(3) {
    mix-blend-mode: screen
}

.fade-hide {
    opacity: 0;
    transform: translate3d(0, 20px, 0)
}

.fade-in {
    -webkit-animation: fade-in .5s var(--cubic);
    animation: fade-in .5s var(--cubic);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transform: translate3d(0, 0, 0)
}

.fade-in:nth-child(1) {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.fade-in:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.fade-in:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.fade-in:nth-child(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fade-in:nth-child(5) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.fade-in:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fade-in:nth-child(7) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.fade-in:nth-child(8) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fade-in:nth-child(9) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.fade-in:nth-child(10) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.fade-in:nth-child(11) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.fade-in:nth-child(12) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fade-in:nth-child(13) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.fade-in:nth-child(14) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.fade-in:nth-child(15) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.fade-in:nth-child(16) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.fade-in:nth-child(17) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

.fade-in:nth-child(18) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.fade-in:nth-child(19) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

.fade-in:nth-child(20) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.header {
    padding: 32px 0;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    transition: min-height .5s var(--cubic), background .5s var(--cubic);
    min-height: 0;
    background: 0 0;
    box-sizing: border-box
}

.header:before {
    content: '';
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, #000 0, transparent 100%);
    transition: var(--trans);
    opacity: .7;
    pointer-events: none
}

.header__logo {
    display: block;
    position: relative;
    z-index: 5
}

.header__logo__img {
    display: block;
    height: 24px;
    width: auto
}

.header__burger {
    position: absolute;
    z-index: 5;
    right: 64px;
    top: 50%;
    cursor: pointer;
    transform: translate3d(0, -50%, 0);
    padding: 16px
}

.header__burger__ico {
    display: block;
    width: 40px;
    height: 40px;
    fill: var(--white)
}

.header__burger__ico path {
    transition: var(--trans);
    transform: translate3d(0, 0, 0);
    transform-origin: center center
}

.footer__cols__soc a:hover svg,
.header__burger:active .header__burger__ico {
    fill: var(--orange)
}

.header__burger:active path:nth-child(1) {
    transform: translate3d(0, -2px, 0)
}

.header__burger:active path:nth-child(2) {
    transform: translate3d(2px, 0, 0)
}

.header__burger:active path:nth-child(3) {
    transform: translate3d(0, 2px, 0)
}

.header__burger.is-active path:nth-child(1),
.header__burger.is-active:hover path:nth-child(1) {
    transform: translate3d(6px, -7px, 0) rotate(-140deg)
}

.header__burger.is-active path:nth-child(2),
.header__burger.is-active:hover path:nth-child(2) {
    transform: translate3d(2px, 0, 0) scaleX(0)
}

.header__burger.is-active path:nth-child(3),
.header__burger.is-active:hover path:nth-child(3) {
    transform: translate3d(-7px, -7px, 0) rotate(-40deg)
}

.header--fixed:before {
    height: 100px;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0.9
}

.header__block {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    overflow: auto;
    transition: var(--trans);
    box-sizing: border-box
}

.header__block__bg {
    background: rgba(178, 255, 23, .09);
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    transition: opacity .5s var(--cubic), visibility .5s var(--cubic);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.header__block__bg:after,
.header__block__bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.header__block__bg:before {
    z-index: -2;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .25
}

.header__block__bg:after {
    z-index: -1;
    background: radial-gradient(55.25% 47.57% at 50% 50%, transparent 13.54%, var(--black) 100%)
}

.header__menu {
    text-align: center;
    list-style: none;
    padding: 0 100px;
    margin: 0;
    display: block;
    box-sizing: border-box;
    transition: var(--trans);
    flex: auto;
    overflow: hidden
}

.header__menu__item {
    transition: all 0s linear .5s;
    opacity: 0;
    transform: translate3d(100px, 0, 0);
    padding: 0;
    margin: 0
}

.header__menu__item:last-child {
    padding-bottom: 20px
}

.header__menu__link {
    color: var(--white);
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-span-big);
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 20px
}

.header__menu__link:hover {
    color: var(--orange)
}

.header__search {
    transition: var(--trans);
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    width: 100%
}

.header__search__result {
    display: none;
    position: absolute;
    left: 0;
    width: 100%
}

.menu-show {
    position: static !important
}

.menu-show .header,
.menu-show .wrapper {
    box-sizing: border-box;
    max-width: calc(100% - var(--scroll-width))
}

.menu-show .header {
    min-height: 100%;
    background: rgba(0, 0, 0, .95)
}

.menu-show .header__block {
    height: 100%
}

.menu-show .header__menu__item {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: var(--trans)
}

.menu-show .header__menu__item:nth-child(1) {
    transition-delay: .05s
}

.menu-show .header__menu__item:nth-child(2) {
    transition-delay: .1s
}

.menu-show .header__menu__item:nth-child(3) {
    transition-delay: .15s
}

.menu-show .header__menu__item:nth-child(4) {
    transition-delay: .2s
}

.menu-show .header__menu__item:nth-child(5) {
    transition-delay: .25s
}

.menu-show .header__menu__item:nth-child(6) {
    transition-delay: .3s
}

.menu-show .header__menu__item:nth-child(7) {
    transition-delay: .35s
}

.menu-show .header__menu__item:nth-child(8) {
    transition-delay: .4s
}

.menu-show .header__menu__item:nth-child(9) {
    transition-delay: .45s
}

.menu-show .header__menu__item:nth-child(10) {
    transition-delay: .5s
}

.menu-show .header__menu__item:nth-child(11) {
    transition-delay: .55s
}

.menu-show .header__menu__item:nth-child(12) {
    transition-delay: .6s
}

.menu-show .header__menu__item:nth-child(13) {
    transition-delay: .65s
}

.menu-show .header__menu__item:nth-child(14) {
    transition-delay: .7s
}

.menu-show .header__menu__item:nth-child(15) {
    transition-delay: .75s
}

.menu-show .header__menu__item:nth-child(16) {
    transition-delay: .8s
}

.menu-show .header__menu__item:nth-child(17) {
    transition-delay: .85s
}

.menu-show .header__menu__item:nth-child(18) {
    transition-delay: .9s
}

.menu-show .header__menu__item:nth-child(19) {
    transition-delay: .95s
}

.menu-show .header__menu__item:nth-child(20) {
    transition-delay: 1s
}

.menu-show .header__search {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: .5s
}

.menu-show .header:before {
    height: 90px;
    opacity: 1
}

.menu-show .header__block__bg {
    height: 100%
}

.search-show .header__search__result {
    display: block
}

.search-show .header__block__bg {
    opacity: 1;
    visibility: visible
}

.footer {
    flex: 0 0 auto;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-s);
    background: var(--black);
    box-shadow: 0 0 60px 60px var(--black)
}

.footer__cols {
    display: flex;
    flex-wrap: wrap
}

.footer__cols__left {
    width: 384px;
    align-self: center
}

.footer__cols__form,
.footer__cols__soc {
    width: calc(100% - 384px)
}

.footer__cols__soc {
    align-self: center;
    margin-bottom: var(--space-m)
}

.footer__cols__soc a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 36px 0 0
}

.footer__cols__soc a svg {
    width: 32px;
    height: 32px;
    fill: rgba(84, 193, 228, .4);
    display: block;
    transition: var(--trans)
}

.footer__cols__mail {
    width: 384px
}

.footer__cols__address {
    flex: auto;
    width: 25%
}

.footer__cols__adn {
    margin-left: auto
}

.footer__logos {
    display: flex;
    align-items: center;
    margin-bottom: var(--space-m)
}

.footer__logos__img {
    margin: 0 32px 0 0
}

.footer__copy {
    font-size: 11px;
    line-height: 145%
}

.footer__copy,
.footer__copy a {
    color: rgba(255, 255, 255, .3)
}

.footer__copy a:hover {
    color: #fff
}

.btn {
    font-family: var(--font-caption);
    font-style: normal;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    transition: var(--trans);
    color: var(--green);
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    z-index: 1;
    height: 56px;
    padding: 0 32px;
    margin: 0;
    white-space: nowrap;
    border: 0;
    outline: 0 !important;
    background: 0 0
}

.btn__svg,
.btn__svg svg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%
}

.btn__svg {
    width: 50%;
    overflow: hidden
}

.btn__svg svg {
    width: auto;
    fill: rgba(84, 193, 228, .1);
    stroke: var(--blue);
    stroke-width: 1px;
    transition: var(--trans)
}

.btn__svg:nth-child(2n),
.btn__svg:nth-child(2n) svg {
    left: auto;
    right: 0
}

.btn .glitch {
    opacity: 0;
    color: var(--green);
    transition: var(--trans);
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.btn:hover:not([disabled]) {
    color: transparent
}

.btn:hover:not([disabled]) .glitch {
    opacity: 1
}

.btn:hover:not([disabled]) .btn__svg svg {
    fill: rgba(255, 71, 13, .1);
    stroke: var(--orange)
}

.btn:active .btn__svg svg {
    fill: rgba(255, 71, 13, .15)
}

.btn[disabled] {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.form--search {
    position: relative;
    z-index: 1;
    width: 100%
}

.form--search .error-message,
.form--search .form__message {
    margin-top: 6px
}

.form__line {
    margin: 0 0 var(--space-2xs) 0;
    position: relative
}

.form__sbm {
    text-align: center;
    margin-top: var(--space-s)
}

.form__sbm--left {
    text-align: left
}

.form__input {
    display: block;
    width: 100%;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.2;
    background: rgba(84, 193, 228, .09);
    border: 1px solid var(--blue);
    transition: var(--trans);
    outline: 0;
    color: var(--white);
    padding: 20px 32px 18px;
    border-radius: 10px;
    -webkit-appearance: none;
    caret-color: var(--green)
}

.form__input::-webkit-input-placeholder {
    color: var(--white)
}

.form__input:-moz-placeholder {
    color: var(--white)
}

.form__input::-moz-placeholder {
    color: var(--white)
}

.form__input:-ms-input-placeholder {
    color: var(--white)
}

.file-input input:focus~.file-input__btn,
.form__input:focus {
    border-color: var(--green)
}

.form__input:focus~.icon-sym--search {
    fill: var(--green)
}

.form__input[disabled] {
    opacity: .5;
    pointer-events: none
}

.form__input--search {
    padding: 20px 64px 20px 32px;
    background: 0 0;
    white-space: nowrap
}

.form__input--search--big {
    padding: 28px 64px 28px 72px;
    background: rgba(84, 193, 228, .1);
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-span-medium);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400
}

.form--once .form__input.error:focus~.error-message,
.form__input--search:focus~.form__input--caret {
    display: block
}

.form__input.error {
    border-color: var(--red);
    caret-color: var(--red)
}

.file-input__del:hover:after,
.file-input__del:hover:before,
.form__input.error~.form__cursor {
    background: var(--red)
}

.form__input.error~.icon-sym--search {
    fill: var(--red)
}

.form__input.error~.form__input--caret div:after {
    background: var(--red) repeating-linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 2px, transparent 0, transparent 4px)
}

.form__input::-moz-selection {
    background: var(--blue);
    color: var(--white)
}

.form__input::selection {
    background: var(--blue);
    color: var(--white)
}

.form__input--caret,
.form__sbm--search {
    position: absolute;
    z-index: 5;
    top: 0;
    height: 100%;
    overflow: hidden
}

.form__input--caret {
    white-space: nowrap;
    color: transparent;
    border-color: transparent;
    left: 0;
    width: 100%;
    display: none;
    pointer-events: none
}

.form__input--caret div {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    white-space: pre
}

.form__input--caret div:after,
.form__input--caret div:before {
    content: '';
    position: absolute;
    z-index: -2;
    right: -5px;
    top: 50%;
    width: 6px;
    height: 32px;
    margin: -16px 0 0;
    background: var(--green) repeating-linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 2px, transparent 0, transparent 4px)
}

.form__input--caret div:after {
    -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite
}

.form__input--caret div:before {
    background: var(--black);
    -webkit-animation: none;
    animation: none
}

.form__input--ios~.form__input--caret {
    display: none !important
}

.form__sbm--search {
    right: 0;
    background: 0 0;
    width: 70px;
    cursor: pointer;
    transition: var(--trans);
    padding: 0;
    margin: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0 !important
}

.form__sbm--search svg {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(180deg)
}

.art-back__ico use,
.art-next__ico use,
.form__sbm--search svg use {
    fill: var(--green);
    filter: drop-shadow(0 0 1px var(--green));
    transition: var(--trans)
}

.form__sbm--search svg use:last-child {
    fill: url(#mask-pattern);
    mix-blend-mode: darken;
    opacity: .4;
    filter: none
}

.form__sbm--search:hover:not([disabled]) svg use:first-child {
    fill: var(--orange);
    filter: drop-shadow(0 0 1px var(--orange))
}

.form__sbm--search--link {
    pointer-events: none
}

.form__sbm--search--link svg {
    top: 10px;
    transform: translate3d(-50%, 0, 0) rotate(180deg)
}

.form__sbm--search[disabled] {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.form .icon-sym--search {
    z-index: -1;
    left: 24px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 32px;
    height: 32px;
    fill: var(--blue)
}

.form__text {
    padding: 0 0 32px
}

.form .icon-sym--search,
.form__message {
    position: absolute;
    transition: var(--trans)
}

.form__message {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 11px;
    line-height: 1.4;
    color: var(--green);
    top: 100%;
    left: 0;
    margin-top: 6px;
    opacity: 0;
    visibility: hidden
}

.form__message--error {
    color: var(--red)
}

.form__message.is-active {
    opacity: 1;
    visibility: visible
}

.form--once .form__input.error {
    border-color: var(--blue)
}

.error-message+.form__message,
.form--once .form__input.error~.error-message {
    display: none
}

.form--once .form__input.error:focus {
    border-color: var(--red)
}

.caret,
.caret:after {
    position: absolute;
    z-index: -1
}

.caret {
    height: 32px;
    width: 10px;
    margin: -8px 0 0;
    background: var(--green);
    -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
    display: inline-block;
    vertical-align: middle
}

.caret:after {
    content: '*';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .25
}

textarea.form__input {
    resize: none;
    height: 144px;
    overflow: auto
}

.error-message {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 11px;
    line-height: 1.4;
    color: var(--red);
    position: absolute;
    top: 100%;
    left: 0
}

.ss-main {
    position: relative;
    z-index: 5;
    cursor: pointer
}

.ss-main .ss-single-selected {
    display: flex;
    width: 100%;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.2;
    background: 0 0;
    border: 1px solid var(--blue);
    transition: var(--trans);
    outline: 0;
    color: var(--white);
    padding: 20px 56px 18px 32px;
    border-radius: 10px;
    -webkit-appearance: none;
    caret-color: var(--green);
    background: rgba(84, 193, 228, .09)
}

.ss-main .ss-single-selected.ss-open-below {
    border-radius: 10px 10px 0 0;
    border-color: var(--green)
}

.ss-main .ss-single-selected.ss-open-below .ss-arrow svg {
    transform: rotate(-90deg)
}

.ss-main .placeholder {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-main .ss-content {
    transition: var(--trans);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    width: 100%;
    background: var(--black);
    border: 1px solid var(--green);
    border-radius: 0 0 10px 10px;
    padding: 5px 0;
    overflow: auto;
    margin: -1px 0 0 !important;
    transform: scaleY(0);
    opacity: 0;
    transform-origin: center top;
    max-height: 320px
}

.ss-main .ss-content.ss-open {
    transform: scaleY(1);
    opacity: 1
}

.ss-main .ss-search {
    display: none
}

.ss-main .ss-option {
    padding: 5px 32px;
    transition: var(--trans)
}

.ss-main .ss-option:hover {
    color: var(--blue)
}

.ss-main .ss-option-selected {
    background: var(--blue)
}

.cont-item a,
.ss-main .ss-option-selected:hover,
.story-slider .swiper__pagination span {
    color: var(--white)
}

.ss-main .ss-hide {
    display: none
}

.ss-main .ss-arrow {
    position: absolute;
    z-index: 1;
    right: 28px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.ss-main .ss-arrow svg {
    width: 12px;
    height: 24px;
    transform: rotate(90deg);
    transform-origin: center center;
    transition: var(--trans);
    display: block
}

.ss-main .ss-arrow svg path {
    fill: var(--white);
    transition: var(--trans)
}

.ss-main .ss-arrow svg path:last-child {
    fill: url(#mask-pattern) !important;
    mix-blend-mode: d
}

.file-input input.error~.file-input__btn,
.ss-main.error .ss-content,
.ss-main.error .ss-single-selected {
    border-color: var(--red)
}

.file-input {
    position: relative
}

.file-input input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.file-input__btn {
    display: flex;
    align-items: center;
    width: 100%;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.2;
    background: 0 0;
    border: 1px solid var(--blue);
    transition: var(--trans);
    outline: 0;
    color: var(--white);
    padding: 0 50px 0 32px;
    height: 57px;
    border-radius: 10px;
    -webkit-appearance: none;
    caret-color: var(--green);
    background: rgba(84, 193, 228, .09)
}

.file-input__btn:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: url(../images/file.svg) no-repeat 0 0;
    background-size: contain;
    margin: -3px 16px 0 0
}

.file-input__text {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input__description {
    opacity: .5;
    pointer-events: none
}

.file-input__del {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: none;
    cursor: pointer;
    width: 60px;
    height: 100%;
    color: transparent
}

.file-input__del:before {
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: var(--white);
    margin: -1px 0 0 -10px;
    transform: rotate(45deg);
    transition: var(--trans)
}

.file-input__del:after,
.file-input__del:before,
.video:before {
    content: '';
    position: absolute;
    z-index: -1
}

.file-input__del:after {
    left: 50%;
    top: 50%;
    background: var(--white);
    transform: rotate(45deg);
    transition: var(--trans);
    width: 2px;
    height: 20px;
    margin: -10px 0 0 -1px
}

.file-input--change .file-input__del,
.file-input__del--show,
.video {
    display: block
}

.video {
    position: relative;
    z-index: 1;
    max-width: 640px;
    padding-bottom: 56.25%;
    border-radius: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 78%, 3% 73%, 3% 27%, 0 22%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 78%, 3% 73%, 3% 27%, 0 22%);
    overflow: hidden;
    cursor: pointer;
    background: no-repeat center center;
    background-size: cover
}

.video:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--orange)
}

.video:after,
.video__play svg,
.video__preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: var(--trans)
}

.video:after {
    content: '';
    z-index: 2;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .25;
    border-radius: 10px
}

.video__play svg,
.video__preview {
    z-index: 1
}

.video__preview {
    -o-object-fit: cover;
    object-fit: cover;
    background: no-repeat center;
    background-size: cover;
    mix-blend-mode: hard-light;
    opacity: .5;
    border-radius: 10px
}

.video__play {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 93px;
    height: 93px;
    transform: translate3d(-50%, -50%, 0)
}

.video__play svg {
    display: block;
    fill: var(--white)
}

.video__play svg:last-child {
    z-index: 2;
    fill: url(#mask-pattern) !important;
    mix-blend-mode: darken;
    opacity: .4
}

.job__caption:hover .job__arr svg,
.video:hover .video__play svg {
    fill: var(--blue)
}

.video iframe,
.video__frame {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.video--playing:after,
.video--playing:before {
    opacity: 0;
    transition-delay: 1s
}

.video--not {
    background: var(--orange) radial-gradient(55.25% 47.57% at 50% 50%, transparent 13.54%, rgba(0, 0, 0, .7) 100%);
    background-size: cover;
    cursor: default
}

.video--not:before {
    content: '';
    mix-blend-mode: color-dodge;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/noise.png) 0 0;
    background-size: 200px 200px;
    -webkit-animation: tv .5s steps(2, end) infinite;
    animation: tv .5s steps(2, end) infinite;
    pointer-events: none
}

.video__img {
    display: block;
    width: 100%;
    height: auto
}

.video--article {
    -webkit-clip-path: none;
    clip-path: none;
    max-width: none;
    width: 100%;
    margin: var(--space-s) 0;
    border: 1px solid var(--white);
    border-radius: 10px
}

.role-slider__img g[clip-path],
.video--article:before {
    display: none
}

.video--reverse {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 22%, 97% 27%, 97% 73%, 100% 78%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 22%, 97% 27%, 97% 73%, 100% 78%, 100% 100%, 0 100%)
}

.video-text {
    text-align: center;
    color: var(--orange);
    font-size: 11px;
    line-height: 150%;
    letter-spacing: .21em;
    text-transform: uppercase;
    max-width: 640px;
    padding: 24px 48px 0
}

.story-slider {
    display: flex;
    position: relative;
    z-index: 1;
    background: var(--gray) url(../images/pattern.jpg) right top;
    border-radius: 15px;
    overflow: hidden
}

.story-slider__item {
    display: flex;
    min-height: 650px;
    width: 100%
}

.story-slider__photo {
    width: 71.5%;
    min-width: 71.5%;
    background: no-repeat center;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 84%, 97% 79%, 97% 21%, 100% 16%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 84%, 97% 79%, 97% 21%, 100% 16%, 100% 0);
    border-radius: 15px 0 0 15px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.story-slider__photo__bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: calc(100% - .1px);
    height: calc(100% + 1px);
    overflow: hidden
}

.story-slider__photo__bg:after,
.story-slider__photo__bg:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.story-slider__photo__bg:before {
    mix-blend-mode: color-dodge;
    background: url(../images/noise.png) 0 0;
    background-size: 200px 200px;
    -webkit-animation: tv .5s steps(2, end) infinite;
    animation: tv .5s steps(2, end) infinite;
    pointer-events: none
}

.story-slider__photo__bg:after {
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .2
}

.story-slider__photo__img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: calc(100% + 150px);
    height: 100%;
    background: no-repeat right center;
    background-size: cover
}

.story-slider__text {
    padding: 152px 64px 240px
}

.story-slider .swiper__pagination {
    position: absolute;
    z-index: 5;
    left: 71.5%;
    bottom: 0;
    padding: 0 0 170px 64px;
    color: var(--blue)
}

.story-slider .swiper__arr {
    margin: 0 64px 152px 0
}

.icon-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 84px 0;
    padding: 0;
    list-style: none;
    margin: 0 86px
}

.icon-list__item {
    text-align: center;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-size);
    line-height: 1.4;
    width: 110px;
    margin: 0 auto
}

.icon-list__img {
    display: block;
    margin: 0 auto 5px;
    height: auto;
    max-width: 96px
}

.role-slider {
    display: flex
}

.role-slider__item {
    width: 385px;
    position: relative;
    z-index: 1
}

.role-slider__item:first-child .role-slider__text {
    margin-left: -16px
}

.role-slider__item:first-child .role-slider__img use {
    display: none
}

.role-slider__item:first-child .role-slider__img g[clip-path]:nth-child(3),
.tabs__link:first-child .tabs__svg svg use:nth-child(1) {
    display: none
}

.role-slider__item:first-child .role-slider__img g[clip-path]:nth-child(4),
.role-slider__item:first-child .role-slider__img use:nth-child(2),
.tabs__link:first-child .tabs__svg svg use:nth-child(2) {
    display: block
}

.role-slider__item:last-child .role-slider__img use {
    display: none
}

.role-slider__item:last-child .role-slider__img g[clip-path]:nth-child(3),
.tabs__link:last-child .tabs__svg svg use:nth-child(1) {
    display: none
}

.role-slider__item:last-child .role-slider__img g[clip-path]:nth-child(5),
.role-slider__item:last-child .role-slider__img use:nth-child(3),
.tabs__link:last-child .tabs__svg svg use:nth-child(3) {
    display: block
}

.role-slider__item:hover .role-slider__img use {
    fill: rgba(255, 71, 13, .1);
    stroke: var(--orange)
}

.role-slider__item:hover .role-slider__description {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.role-slider__item:active .role-slider__img use {
    fill: rgba(255, 71, 13, .15)
}

.role-slider__item--description:hover .role-slider__img image {
    transform: translate3d(35%, 0, 0)
}

.role-slider__img {
    display: block;
    width: 100%;
    padding-bottom: 79.222%;
    position: relative;
    z-index: 1
}

.role-slider__img__svg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.role-slider__img g use {
    display: none;
    stroke: var(--blue);
    stroke-width: 1px;
    fill: rgba(84, 193, 228, .09);
    transition: var(--trans)
}

.role-slider__img g use:nth-child(1),
.role-slider__img g[clip-path]:nth-child(3) {
    display: block
}

.role-slider__img g:nth-child(2) use {
    fill: none !important;
    stroke: url(#mask-pattern) !important;
    mix-blend-mode: darken !important;
    opacity: .5
}

.role-slider__img g image {
    transition: var(--trans)
}

.role-slider__text {
    position: absolute;
    z-index: 2;
    left: 40px;
    right: 40px;
    top: 24px;
    bottom: 24px;
    overflow: hidden
}

.role-slider__name {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.2
}

.role-slider__description {
    font-size: 11px;
    line-height: 145%;
    max-width: 45%;
    padding-top: 10px;
    transition: var(--trans);
    transform: translate3d(0, 20px, 0);
    opacity: 0
}

.role-slider__description p {
    margin-bottom: 10px
}

.role-slider .swiper__arr {
    bottom: auto;
    top: -96px
}

.role-slider--orange .role-slider__item {
    width: 25%;
    min-width: 320px
}

.modal__close:hover svg,
.role-slider--orange .role-slider__item:active .role-slider__img__svg use,
.role-slider--orange .role-slider__item:hover .role-slider__img__svg use {
    fill: var(--orange)
}

.role-slider--orange .role-slider__img {
    padding-bottom: 93.3333333%
}

.role-slider--orange .role-slider__img__svg use {
    stroke: var(--orange);
    fill: var(--orange)
}

.role-slider--orange .role-slider__text {
    text-align: center;
    left: 40px;
    top: auto;
    right: 40px;
    bottom: 24px;
    color: var(--orange)
}

.count {
    display: flex;
    padding: 0;
    list-style: none;
    margin: -16px 0 0 -16px
}

.count__item {
    width: calc(25% - 16px);
    background: linear-gradient(180deg, rgba(84, 193, 228, 0) 0, rgba(84, 193, 228, .25) 100%);
    border-bottom: 1px solid var(--blue);
    margin: 0 0 0 16px;
    text-align: center;
    padding: 24px;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-size);
    line-height: 1.4
}

.count__name {
    margin-bottom: var(--space-2xs)
}

.count__name [data-after]:after {
    content: attr(data-after)
}

.awlist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.awlist__item {
    width: 33.3333%;
    padding: 0 16px 0 0;
    font-size: 11px;
    line-height: 145%;
    max-width: 110px
}

.awlist__ico {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 0 16px
}

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

.search__item {
    margin: 0;
    padding: 0 0 var(--space-2xs) 0
}

.search__item:last-child {
    padding-bottom: 40px
}

.search__link {
    display: block;
    color: var(--white);
    border: 1px solid var(--blue);
    border-radius: 10px;
    background: rgba(84, 193, 228, .1);
    padding: 24px 64px 24px 24px;
    position: relative;
    z-index: 1
}

.search__link:hover {
    color: var(--white);
    border-color: var(--orange);
    background: rgba(255, 71, 13, .1)
}

.search__text {
    display: block;
    overflow: hidden;
    max-width: 73%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-size);
    line-height: 1.4
}

.search .subtitle {
    max-width: 73%
}

.gallery {
    list-style: none;
    padding: 0;
    margin: 0 0 calc(var(--space-s) - var(--space-xs)) calc(-1*var(--space-xs));
    display: flex;
    flex-wrap: wrap
}

.gallery__item {
    width: calc(50% - var(--space-xs));
    padding: 0;
    margin: 0 0 var(--space-xs) var(--space-xs);
    border: 1px solid var(--white);
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255, 255, 255, .1)
}

.gallery__item:nth-child(3n-2) {
    width: calc(100% - var(--space-xs))
}

.gallery__item--hide,
.team__img g[clip-path] {
    display: none
}

.gallery__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    transition: .5s opacity var(--cubic);
    opacity: 0
}

.gallery__img--loaded,
.mgallery__item.swiper-slide-active .mgallery__img--loaded {
    opacity: 1
}

.mgallery {
    display: flex;
    padding-right: var(--scroll-width)
}

.mgallery,
.mgallery * {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mgallery__item {
    width: auto;
    background: var(--black);
    border-radius: 6px;
    margin-left: 16px;
    border: 1px solid rgba(255, 255, 255, .3);
    overflow: hidden;
    transition: border .3s var(--cubic)
}

.mgallery__item:first-child {
    margin-left: 0
}

.mgallery__item.swiper-slide-active {
    border-color: var(--white)
}

.mgallery__img {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100vw - 160px);
    max-height: calc(100vh - 80px);
    background: no-repeat center;
    background-size: cover;
    border-radius: 6px;
    transition: opacity .3s var(--cubic);
    opacity: 0
}

.mgallery__img--loaded {
    opacity: .3
}

.mgallery .swiper__arr {
    margin: 0 24px 24px 0
}

.mgallery .swiper__arr svg use:nth-child(1) {
    fill: rgba(0, 0, 0, .9);
    stroke: #000
}

.mgallery .swiper__arr svg use:nth-child(2) {
    display: none
}

.mgallery .swiper__arr:hover:not(.swiper-button-disabled) svg use:nth-child(1) {
    stroke: var(--orange)
}

.team {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--space-s))
}

.team__img,
.team__item {
    position: relative;
    z-index: 1
}

.team__item {
    width: 25%;
    margin-top: var(--space-s);
    cursor: pointer;
    color: var(--white);
    transition: var(--trans)
}

.team__item:hover,
.team__item:hover .team__description {
    color: var(--orange)
}

.team__item:hover .team__img use {
    fill: rgba(255, 71, 13, .1);
    stroke: var(--orange)
}

.team__img {
    display: block;
    width: 100%;
    padding-bottom: 93.3333333%
}

.team__img:before {
    content: '';
    position: absolute;
    z-index: 5;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 15px;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .2
}

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

.team__img g use {
    display: none;
    stroke: var(--blue);
    stroke-width: 1px;
    fill: rgba(84, 193, 228, .15);
    transition: var(--trans)
}

.team__img g use:nth-child(1),
.team__img g[clip-path]:nth-child(1) {
    display: block
}

.team__img g:nth-child(6) use {
    fill: none !important;
    stroke: url(#mask-pattern) !important;
    mix-blend-mode: darken !important;
    opacity: .5
}

.team__text {
    padding: var(--space-xs) 0 0 15px
}

.team__description,
.team__name {
    font-style: normal;
    font-weight: 700
}

.team__name {
    font-family: var(--font-caption);
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase;
    padding-bottom: 8px;
    color: var(--white)
}

.team__description {
    font-family: var(--font-main);
    font-size: var(--text-small-size);
    line-height: 1.4;
    color: var(--blue);
    transition: var(--trans)
}

.team--updates .team__img {
    padding-bottom: 56.25%
}

.team-cols {
    display: flex
}

.team-cols__name {
    width: 196px;
    min-width: 196px;
    margin: 0 32px 0 0;
    align-self: flex-start;
    position: sticky;
    top: 0
}

.team-cols__text {
    flex: auto
}

.team-card__img {
    border: 1px solid var(--white);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 16px;
    position: relative;
    z-index: 1
}

.team-card__img:after,
.team-card__img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.team-card__img:before {
    z-index: 2;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .2
}

.team-card__img:after {
    z-index: 1;
    background: var(--blue);
    opacity: .15
}

.team-card__img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px
}

.team-card__name,
.team-card__text {
    font-family: var(--font-main);
    font-style: normal;
    font-size: var(--text-small-size);
    line-height: 1.4;
    font-weight: 700
}

.team-card__text {
    color: var(--blue)
}

.team-slider-nav {
    margin: 0 16px;
    position: relative;
    z-index: 1;
    padding: 0 59px
}

.team-slider-nav,
.team-slider-nav * {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.team-slider-nav .swiper-wrapper {
    padding-top: 24px
}

.team-slider-nav .swiper__arr--prev {
    right: auto;
    left: 0
}

.team-slider-nav__item {
    width: calc(10% - 6px);
    cursor: pointer;
    margin: 0 3px
}

.team-slider-nav__item:hover {
    border-color: var(--green)
}

.team-slider-nav__item.is-active img {
    border-color: var(--green);
    transform: translate3d(0, -8px, 0)
}

.team-slider-nav__item img {
    display: block;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 1px solid var(--blue);
    background: rgba(84, 193, 228, .1);
    transition: var(--trans)
}

.team-slider {
    max-height: calc(100vh - 200px);
    height: 440px;
    overflow: auto;
    position: relative;
    z-index: 1
}

.team-slider__item {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: var(--trans);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.team-slider__item.is-active {
    position: relative;
    z-index: 1;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: visible
}

.modal {
    display: none
}

.modal.is-open {
    display: block
}

.modal__container,
.modal__overlay {
    width: 100%;
    -webkit-animation-duration: var(--modal-duration);
    animation-duration: var(--modal-duration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.modal__overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    overflow: auto;
    z-index: 1040;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .95);
    transition: background-color var(--modal-duration) ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.modal[aria-hidden=false] .modal__overlay {
    -webkit-animation-name: shadeIn;
    animation-name: shadeIn
}

.modal[aria-hidden=true] .modal__overlay {
    -webkit-animation-name: shadeOut;
    animation-name: shadeOut
}

.modal__container {
    max-width: 768px;
    max-height: calc(100vh - calc(100vh - 100%));
    box-sizing: border-box;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.modal[aria-hidden=false] .modal__container {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.modal[aria-hidden=true] .modal__container {
    -webkit-animation-name: slideOut;
    animation-name: slideOut
}

.modal__header {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 16px
}

.modal__wrapper {
    padding: 16px 0
}

.modal__block {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 32px 48px
}

.modal__close {
    font-size: 0;
    position: fixed;
    z-index: 10;
    cursor: pointer;
    right: 8px;
    top: 8px;
    display: block;
    box-sizing: content-box;
    padding: 16px;
    margin: 0;
    background: 0 0;
    border: 0;
    outline: 0 !important
}

.modal__close svg {
    width: 40px;
    height: 40px;
    display: block;
    transition: var(--trans);
    fill: var(--white);
    pointer-events: none
}

.modal__close svg path {
    transform: translate3d(6px, -7px, 0) rotate(-140deg);
    transform-origin: center center
}

.modal__close svg path:nth-child(2) {
    transform: translate3d(-7px, -7px, 0) rotate(-40deg)
}

.modal-show {
    padding-right: var(--scroll-width);
    position: static !important
}

.modal-show .header,
.modal-show .wrapper {
    box-sizing: border-box;
    max-width: calc(100% - var(--scroll-width))
}

.modal-show .header,
.modal-show .page-bg {
    width: calc(100% - var(--scroll-width))
}

.modal__bg,
.modal__bg__item {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.modal__bg__item {
    height: 50%
}

.modal__bg__item:last-child,
.modal__bg__item:last-child svg {
    top: auto;
    bottom: 0
}

.modal__bg svg {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0
}

.modal__bg svg use {
    stroke: var(--blue);
    stroke-width: 1px;
    fill: rgba(84, 193, 228, .09)
}

.modal__bg svg use:last-child {
    fill: none;
    stroke: url(#mask-pattern);
    mix-blend-mode: darken;
    opacity: .5
}

.modal--message .modal__block {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
    text-align: center
}

.modal--message .h1 {
    color: var(--green);
    margin-bottom: var(--space-2xs)
}

.modal--message--error .h1 {
    color: var(--red)
}

.modal--gallery .modal__wrapper {
    padding: 0
}

.modal--gallery .modal__container {
    max-width: none
}

.modal--gallery .modal__block {
    padding: 0
}

.modal--gallery .modal__bg {
    display: none
}

.tabs {
    display: flex;
    margin-bottom: var(--space-m)
}

.tabs .swiper-wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tabs__link {
    white-space: nowrap;
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-span-small);
    line-height: 1;
    text-transform: uppercase;
    color: var(--white);
    height: 40px;
    padding: 1px 16px 0;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: auto;
    transition: var(--trans)
}

.tabs__link.is-active,
.tabs__link:hover {
    color: var(--green)
}

.tabs__link.is-active .tabs__svg svg use,
.tabs__link:hover .tabs__svg svg use {
    stroke: var(--green);
    fill: rgba(178, 255, 23, .1)
}

.tabs__svg,
.tabs__svg svg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%
}

.tabs__svg {
    width: 50%;
    overflow: hidden;
    pointer-events: none
}

.tabs__svg svg {
    width: auto
}

.tabs__svg svg use {
    fill: rgba(84, 193, 228, .1);
    stroke: var(--blue);
    stroke-width: 1px;
    display: none;
    transition: var(--trans)
}

.tabs__svg svg use:nth-child(1) {
    display: block
}

.main-soc__svg svg g:last-child use,
.tabs__svg svg g:last-child use {
    fill: none !important;
    stroke: url(#mask-pattern) !important;
    mix-blend-mode: darken;
    opacity: .6
}

.tabs__svg:nth-child(2n),
.tabs__svg:nth-child(2n) svg {
    left: auto;
    right: 0
}

.tabs.swiper {
    overflow: visible
}

.job {
    margin-top: calc(-1*var(--space-2xs))
}

.job__item {
    border: 1px solid var(--blue);
    border-radius: 10px;
    background: rgba(84, 193, 228, .09);
    margin-top: var(--space-2xs)
}

.job__caption {
    padding: 42px 120px 42px 40px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: var(--trans)
}

.job__caption:hover {
    color: var(--blue)
}

.job__caption.is-active .job__arr svg {
    transform: rotate(-90deg)
}

.job__caption * {
    pointer-events: none
}

.job__name,
.job__post {
    font-style: normal;
    font-weight: 700
}

.job__name {
    font-family: var(--font-caption);
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase
}

.job__post {
    font-family: var(--font-main);
    font-size: var(--text-small-size);
    line-height: 1.4;
    color: var(--blue);
    vertical-align: super
}

.job__arr,
.job__arr svg {
    position: absolute;
    transition: var(--trans);
    transform-origin: center center
}

.job__arr {
    z-index: -1;
    right: 45px;
    top: 50%;
    width: 16px;
    height: 32px;
    transform: translate3d(0, -50%, 0)
}

.job__arr svg {
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: var(--white);
    transform: rotate(90deg)
}

.job__arr svg:last-child {
    z-index: 2;
    fill: url(#mask-pattern) !important;
    mix-blend-mode: darken;
    opacity: .4
}

.job__content {
    padding: 0 40px 40px;
    display: none;
    margin-top: -12px
}

.art-col {
    max-width: 1280px;
    margin: 0 auto
}

.art-date {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-size);
    line-height: 1.4;
    color: var(--blue);
    margin-bottom: var(--space-xs)
}

.art-head {
    position: relative;
    z-index: 1;
    margin-bottom: var(--space-m)
}

.art-wrapper {
    max-width: 1024px;
    margin: 0 auto
}

.art-unwrapper {
    margin-left: -128px;
    margin-right: -128px;
    margin-bottom: var(--space-s)
}

.art-unwrapper:last-child {
    margin-bottom: 0
}

.art-back {
    position: absolute;
    z-index: 1;
    left: -20px;
    top: -18px
}

.art-back:hover .art-back__ico use:first-child,
.cont-link:hover svg use:first-child {
    fill: var(--orange);
    filter: drop-shadow(0 0 1px var(--orange))
}

.art-back__ico {
    width: 55px;
    height: 55px;
    display: block
}

.art-back__ico use:last-child,
.art-next__ico use:last-child,
.cont-link svg use:last-child {
    fill: url(#mask-pattern);
    mix-blend-mode: darken;
    opacity: .4;
    filter: none
}

.art-links {
    display: flex
}

.art-links__item {
    margin-right: 26px;
    position: relative;
    z-index: 1
}

.art-links__item:hover .art-links__share {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.art-links__share {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    transition: all .3s var(--cubic);
    margin-top: 16px;
    opacity: 0;
    visibility: hidden;
    transition-delay: .3s
}

.art-link {
    color: var(--green);
    display: flex;
    font-family: var(--font-main);
    font-style: normal;
    font-size: var(--text-small-size);
    line-height: 1.4;
    font-weight: 700;
    align-items: flex-end;
    white-space: nowrap;
    cursor: pointer;
    transition: var(--trans)
}

.art-link:hover {
    color: var(--orange)
}

.art-link:hover .art-link__svg svg {
    fill: var(--orange)
}

.art-link__svg {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 1;
    top: -1px;
    margin: 0 0 0 7px
}

.art-link__svg svg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: var(--green);
    transition: var(--trans)
}

.art-link__svg svg:nth-child(2) {
    opacity: 0
}

.art-link.is-active {
    color: var(--green);
    cursor: default
}

.art-link.is-active .art-link__svg svg {
    fill: var(--green)
}

.art-link.is-active .art-link__svg svg:nth-child(2) {
    opacity: 1
}

.likely {
    display: flex;
    background: rgba(0, 0, 0, .9);
    border: 1px solid var(--blue);
    border-radius: 10px;
    white-space: nowrap;
    padding: 24px
}

.likely__widget {
    font-family: var(--font-main);
    font-style: normal;
    font-size: var(--text-small-size);
    line-height: 1.4;
    font-weight: 700;
    cursor: pointer;
    transition: var(--trans);
    display: flex;
    align-items: center;
    margin-left: 24px
}

.likely__widget:first-child {
    margin-left: 0
}

.likely__widget svg {
    width: 24px;
    height: 24px;
    fill: var(--green);
    vertical-align: middle;
    margin: 0 8px 0 0;
    transition: var(--trans)
}

.cont-item a:hover,
.likely__widget:hover {
    color: var(--orange)
}

.likely__widget:hover svg,
.main-soc__link:hover .main-soc__img svg rect {
    fill: var(--orange)
}

.gameplay-list__img g[clip-path],
.likely__counter,
.main-block-404__text br {
    display: none
}

.art-photo {
    margin-bottom: var(--space-s)
}

.art-photo__pic {
    border: 1px solid var(--white);
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.art-photo__pic:before,
.main-block__img--404:before,
.main-block__img--about:before {
    content: '';
    mix-blend-mode: color-dodge;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/noise.png) 0 0;
    background-size: 200px 200px;
    -webkit-animation: tv .5s steps(2, end) infinite;
    animation: tv .5s steps(2, end) infinite;
    pointer-events: none
}

.art-photo__img,
.art-photo__pic {
    display: block;
    width: 100%;
    height: auto
}

.art-photo__name {
    padding-top: var(--space-2xs);
    text-align: center
}

.art-slider {
    display: flex;
    border: 1px solid var(--white);
    overflow: hidden;
    border-radius: 10px;
    margin: var(--space-s) 0
}

.art-slider__img {
    display: block;
    width: 100%;
    height: auto
}

.art-slider__item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.art-slider .swiper__arr {
    margin: 0 24px 24px 0
}

.art-next {
    display: block;
    position: relative;
    z-index: 1;
    background: rgba(84, 193, 228, .09);
    border: 1px solid var(--blue);
    color: var(--white);
    border-radius: 10px;
    padding: 32px 88px 32px 32px;
    margin-top: var(--space-m)
}

.art-next:hover {
    color: var(--white);
    border-color: var(--orange);
    background: rgba(255, 71, 13, .09)
}

.art-next__label,
.art-next__name {
    display: block;
    font-style: normal;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700
}

.art-next__label {
    font-family: var(--font-main);
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    margin-bottom: 8px
}

.art-next__name {
    font-family: var(--font-caption);
    font-size: var(--text-subtitle)
}

.art-next__ico {
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    z-index: -1;
    right: 16px;
    bottom: 16px;
    transform: rotate(180deg)
}

.cont-cols {
    display: flex
}

.cont-cols__form {
    width: 70%;
    padding-right: 80px;
    margin-bottom: var(--space-m)
}

.cont-cols__text {
    width: 30%;
    margin-bottom: var(--space-m)
}

.cont-item {
    margin-bottom: 24px
}

.cont-item p:last-child {
    margin: 0
}

.cont-item .h4,
.cont-item h4 {
    margin-bottom: 16px
}

.cont-link {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-span-medium);
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    z-index: 1
}

.cont-link svg {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 1;
    left: 100%;
    top: 50%;
    transform: rotate(180deg) translate3d(0, 53%, 0);
    transform-origin: center center
}

.cont-link svg use {
    fill: var(--green);
    filter: drop-shadow(0 0 1px var(--green));
    transition: var(--trans)
}

.cookie {
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .95);
    border-top: 1px solid var(--blue);
    padding: var(--space-s) 0;
    transition: var(--trans);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: hidden
}

.cookie--active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.cookie__block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cookie__text {
    padding-right: var(--space-l);
    max-width: 1280px
}

.main-block {
    display: flex;
    height: 100vh;
    flex-direction: row;
    align-items: flex-end
}

.main-block--about {
    align-items: center;
    justify-content: center
}

.main-block__text {
    width: 100%;
    padding-bottom: var(--space-m);
    position: relative;
    z-index: 5
}

.main-block__text--about {
    width: auto;
    padding: 0
}

.main-block__img,
.main-block__img--404:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%
}

.main-block__img {
    height: 100vh;
    background: no-repeat center;
    background-size: cover;
    transition: all .1s linear 1s;
    overflow: hidden
}

.main-block__img.disabled {
    opacity: 0;
    visibility: hidden
}

.main-block__img--404:after {
    content: '';
    height: 100%;
    background: radial-gradient(55.25% 47.57% at 50% 50%, transparent 13.54%, #000 100%);
    opacity: .7
}

.main-block__img--no-photo {
    z-index: 2
}

.main-block__img--no-photo:before {
    opacity: .2
}

.main-block__img--no-photo:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(58.07% 50% at 50% 50%, transparent 50.52%, #000 100%)
}

.main-block__video {
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100vh;
    background: no-repeat center;
    background-size: cover
}

.main-block__video:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 250px;
    background: linear-gradient(180deg, transparent 0, #000 85%)
}

.main-block__video__file,
.main-block__video__mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.main-block__video__file {
    background: no-repeat center;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: all 1s linear
}

.main-block__video__file.active {
    opacity: 1
}

.main-block__video__mask {
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .1
}

.main-block__video__mask--about {
    background: repeating-linear-gradient(var(--gray-mask), var(--gray-mask) 2px, transparent 0, transparent 4px);
    opacity: .5
}

.main-soc {
    display: flex;
    margin: 0;
    padding: var(--space-m) 0 var(--space-m) 0;
    list-style: none
}

.main-soc__item {
    width: 25%
}

.main-soc__svg,
.main-soc__svg svg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%
}

.main-soc__svg {
    width: 50%;
    overflow: hidden
}

.main-soc__svg svg {
    width: auto
}

.main-soc__svg svg use {
    fill: rgba(84, 193, 228, .1);
    stroke: var(--blue);
    stroke-width: 1px;
    display: none;
    transition: var(--trans)
}

.gameplay-list__img g use:nth-child(1),
.gameplay-list__img g[clip-path]:nth-child(1),
.main-soc__svg svg use:nth-child(1) {
    display: block
}

.main-soc__svg:nth-child(2n),
.main-soc__svg:nth-child(2n) svg {
    left: auto;
    right: 0
}

.main-soc__link {
    display: flex;
    align-items: center;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-caps-size);
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 0 40px 0 55px;
    height: 162px;
    transition: var(--trans)
}

.main-soc__link,
.main-soc__link:hover {
    color: var(--white)
}

.main-soc__link:hover .main-soc__svg svg use {
    fill: rgba(255, 71, 13, .1);
    stroke: var(--orange)
}

.main-soc__link:active .main-soc__svg svg use {
    fill: rgba(255, 71, 13, .15)
}

.main-bg,
.main-soc__img,
.main-soc__link {
    position: relative;
    z-index: 1
}

.main-soc__img {
    width: 90px;
    height: 90px;
    margin-right: 28px
}

.main-soc__img svg {
    display: block;
    height: 100%;
    fill: none;
    z-index: 1;
    transition: var(--trans)
}

.main-soc__img svg rect {
    fill: var(--blue);
    transition: var(--trans)
}

.main-soc__img svg image {
    mix-blend-mode: darken;
    opacity: .4;
    transition: var(--trans)
}

.main-soc-contact .main-soc {
    padding-bottom: 0;
    padding-top: 0
}

.main-bg {
    background: rgba(84, 193, 228, .09) no-repeat center center;
    background-size: cover;
    padding: var(--space-xl) 0
}

.main-bg--first,
.main-soc__img svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.main-bg--first {
    z-index: -1;
    height: 100vh;
    max-height: calc(100vh - 300px)
}

.main-bg.pb-m {
    padding-bottom: var(--space-m)
}

.main-bg__mask,
.main-bg__mask:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%
}

.main-bg__mask {
    top: -1px;
    bottom: -1px;
    background: radial-gradient(58.07% 50% at 50% 50%, transparent 50.52%, #000 100%)
}

.main-bg__mask:before {
    top: 0;
    height: 100%;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .25
}

.main-bg--orange {
    background: rgba(255, 71, 13, .15)
}

.main-bg--green {
    background: rgba(178, 255, 23, .027)
}

.main-bg--blue {
    background: rgba(84, 193, 228, .15)
}

.main-bg-bottom {
    margin-top: calc(-1*var(--space-xl));
    position: relative;
    z-index: 5
}

.main-bg-bottom:last-child {
    margin-bottom: var(--space-m);
    margin-top: 0
}

.main-bg-bottom:last-child .count,
.main-bg-bottom:last-child .mt-m {
    margin-top: 0
}

.main-cols {
    display: flex;
    margin-bottom: var(--space-m)
}

.main-cols--reverse {
    flex-direction: row-reverse
}

.main-cols__text {
    width: 335px;
    margin: 0 165px 75px 145px
}

.main-cols--reverse .main-cols__text {
    margin: 0 145px 75px 165px
}

.main-cols__text .h2,
.main-cols__text h2 {
    margin-right: -40px
}

.main-cols__video {
    width: 100%;
    max-width: 640px;
    transform: translate3d(0, 100px, 0) !important
}

.video-container {
    transform: perspective(200px) rotateY(-1deg) translate3d(0, 0, 0)
}

.main-cols--reverse .video-container {
    transform: perspective(200px) rotateY(1deg) translate3d(0, 0, 0)
}

.p-canvas-webgl {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    width: 500px;
    height: 500px;
    border: 1px solid red
}

.page-bg,
.page-bg-fixed {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 71, 13, .075)
}

.page-bg-fixed:before,
.page-bg:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(55.25% 47.57% at 50% 50%, transparent 13.54%, #000 100%)
}

.page-bg-fixed {
    position: fixed
}

.btn-more {
    width: 100%
}

.btn-more,
.main-block-404 {
    text-align: center
}

.main-block-404__caption {
    font-size: 180px;
    margin-bottom: 10px
}

.main-block-404__text {
    font-family: var(--font-caption);
    font-style: normal;
    font-size: var(--text-subtitle);
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: var(--space-m)
}

.hint,
.hint__text {
    z-index: 5;
    transition: var(--trans)
}

.hint {
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid var(--green);
    border-radius: 50%;
    cursor: pointer;
    margin: -3px 0 0 7px;
    align-items: center;
    flex-direction: column
}

.hint:after,
.hint:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    background: var(--green);
    border-radius: 1px;
    transition: var(--trans);
    margin: 3px 0 1px
}

.hint:after {
    height: 6px;
    margin: 0
}

.hint:hover {
    border-color: var(--orange)
}

.hint:hover:after,
.hint:hover:before {
    background: var(--orange)
}

.hint:hover .hint__text {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    transform: translate3d(-50%, 0, 0)
}

.hint__text {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 386px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate3d(-50%, 10px, 0);
    transition-delay: .5s;
    margin: 16px 0 0;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: var(--text-small-size);
    line-height: 1.4;
    text-transform: none;
    background: rgba(0, 0, 0, .9);
    border: 1px solid var(--blue);
    border-radius: 10px;
    padding: 24px;
    cursor: default;
    opacity: 0;
    visibility: hidden
}

.hint-wrapper {
    position: relative;
    z-index: 5
}

.hint-wrapper .hint {
    position: static
}

.hint-wrapper .hint:hover .hint__text {
    transform: translate3d(0, 0, 0)
}

.hint-wrapper .hint__text {
    left: 0;
    transform: translate3d(0, 10px, 0)
}

.main-pay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto
}

.main-pay__aside {
    width: 480px;
    text-align: center
}

.main-pay__text {
    width: 340px
}

.main-pay__links {
    display: flex;
    gap: 64px;
    margin-top: var(--space-xs)
}

.main-pay__links__ico {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 16px
}

.main-pay__links__item {
    font-size: 11px;
    line-height: 150%;
    color: var(--white)
}

.main-pay__links__item:hover {
    color: var(--blue)
}

.main-pay iframe {
    display: block;
    background: var(--gray);
    border: 1px solid var(--blue) !important;
    border-radius: 24px;
    padding: 0;
    margin: 0 auto var(--space-xs) auto
}

.gameplay-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-m) 0
}

.gameplay-list__item {
    flex: auto;
    margin: 0;
    padding: 0
}

.gameplay-list__item .video__frame {
    -webkit-clip-path: url(#mask-gameplay-clip);
    clip-path: url(#mask-gameplay-clip);
    width: 640px;
    height: 360px;
    transform-origin: 0 0;
    overflow: hidden
}

.gameplay-list__item .video__frame iframe {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg use {
    display: none
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg g[clip-path]:nth-child(1) {
    display: none
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg g[clip-path]:nth-child(2),
.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg use:nth-child(2) {
    display: block
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .video__frame,
.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child rect {
    -webkit-clip-path: url(#mask-gameplay-left-clip);
    clip-path: url(#mask-gameplay-left-clip)
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg use {
    display: none
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg g[clip-path]:nth-child(1) {
    display: none
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg g[clip-path]:nth-child(3),
.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg use:nth-child(3) {
    display: block
}

.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .video__frame,
.gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child rect {
    -webkit-clip-path: url(#mask-gameplay-right-clip);
    clip-path: url(#mask-gameplay-right-clip)
}

.gameplay-list__img {
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.gameplay-list__img:before {
    content: '';
    position: absolute;
    z-index: 5;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 15px;
    background: repeating-linear-gradient(var(--black), var(--black) 2px, transparent 0, transparent 4px);
    opacity: .2
}

.gameplay-list__img__svg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    transition: opacity .5s var(--cubic)
}

.gameplay-list__img__svg image {
    width: 100%;
    height: 100%
}

.gameplay-list__img g use {
    display: none;
    stroke: var(--blue);
    stroke-width: 1px;
    fill: rgba(84, 193, 228, .15);
    transition: var(--trans)
}

.gameplay-list__img g:nth-child(6) use {
    fill: none !important;
    stroke: url(#mask-pattern) !important;
    mix-blend-mode: darken !important;
    opacity: .5
}

.gameplay-list__img:hover .video__play svg {
    fill: var(--blue)
}

.gameplay-list__img.video--playing .gameplay-list__img__svg {
    opacity: 0
}

.gameplay-list__img.video--playing .video__frame {
    opacity: 1
}

@media only screen and (min-width:768px) {
    body {
        -webkit-overflow-scrolling: auto
    }

    .header__burger:hover .header__burger__ico {
        fill: var(--orange)
    }

    .header__burger:hover path:nth-child(1) {
        transform: translate3d(0, -2px, 0)
    }

    .header__burger:hover path:nth-child(2) {
        transform: translate3d(2px, 0, 0)
    }

    .header__burger:hover path:nth-child(3) {
        transform: translate3d(0, 2px, 0)
    }

    .gallery__item[data-js-gallery-modal] {
        transition: var(--trans);
        cursor: pointer
    }

    .gallery__item[data-js-gallery-modal]:hover {
        border-color: var(--orange)
    }
}

@media only screen and (min-width:1280px) {

    .team__item:nth-child(4n) .team__img use,
    .team__item:nth-child(4n-3) .team__img g[clip-path]:nth-child(1),
    .team__item:nth-child(4n-3) .team__img use {
        display: none
    }

    .team__item:nth-child(4n) .team__img use:nth-child(3),
    .team__item:nth-child(4n-3) .team__img g[clip-path]:nth-child(2),
    .team__item:nth-child(4n-3) .team__img use:nth-child(2) {
        display: block
    }

    .team__item:nth-child(4n-3) .team__text {
        padding-left: 0
    }

    .team__item:nth-child(4n) .team__img g[clip-path]:nth-child(1) {
        display: none
    }

    .team__item:nth-child(4n) .team__img g[clip-path]:nth-child(3) {
        display: block
    }

    .main-soc__item:first-child .main-soc__svg svg use:nth-child(1) {
        display: none
    }

    .main-soc__item:first-child .main-soc__svg svg use:nth-child(2) {
        display: block
    }

    .main-soc__item:last-child .main-soc__svg svg use:nth-child(1) {
        display: none
    }

    .main-soc__item:last-child .main-soc__svg svg use:nth-child(3) {
        display: block
    }
}

@media only screen and (max-width:1679px) {
    :root {
        --text-h1-size: 32px;
        --text-h2-size: 32px;
        --text-h3-size: 32px;
        --text-h4-size: 18px;
        --text-h5-size: 16px;
        --text-h6-size: 11px;
        --text-small-caps-size: 13px
    }

    .wrapper__page {
        padding-left: 80px;
        padding-right: 80px
    }

    .story-slider__item {
        min-height: 548px
    }

    .story-slider__photo {
        width: 67.5%;
        min-width: 67.5%
    }

    .story-slider__text {
        padding: 114px 64px 180px
    }

    .story-slider .swiper__pagination {
        left: 67.5%;
        padding: 0 0 110px 64px
    }

    .story-slider .swiper__arr {
        margin: 0 64px 90px 0
    }

    .icon-list {
        margin-left: 30px;
        margin-right: 30px
    }

    .art-col {
        max-width: 1024px
    }

    .art-wrapper {
        max-width: 768px
    }

    .main-soc__link {
        height: 144px;
        padding: 0 40px 0 50px
    }

    .main-soc__img {
        width: 80px;
        height: 80px;
        margin-right: 24px
    }

    .main-cols__text {
        margin: 0 120px 85px 90px
    }

    .main-cols--reverse .main-cols__text {
        margin: 0 90px 85px 120px
    }

    .main-cols__text .h2,
    .main-cols__text h2 {
        margin-right: 0
    }

    .main-cols__video {
        transform: translate3d(0, 50px, 0) !important
    }
}

@media only screen and (max-width:1439px) {
    .main-soc__link {
        padding: 0 30px
    }
}

@media only screen and (max-width:1279px) {

    .wrapper__page,
    .wrapper__unwrapper {
        padding-left: 32px;
        padding-right: 32px
    }

    .wrapper__unwrapper {
        margin-left: -32px;
        margin-right: -32px
    }

    .text-col {
        max-width: 600px
    }

    iframe#launcher {
        margin-bottom: 100px !important;
        margin-right: 30px !important
    }

    .header__burger {
        right: 12px
    }

    .footer__cols__left {
        width: 360px
    }

    .footer__cols__form {
        width: calc(100% - 360px)
    }

    .footer__cols__soc a {
        margin-right: 24px
    }

    .footer__cols__mail {
        width: 360px
    }

    .form__input--search {
        padding-right: 50px
    }

    .form__input--search--big {
        padding-right: 64px
    }

    .form__sbm--search {
        width: 50px
    }

    .form__sbm--search--big {
        width: 70px
    }

    .story-slider {
        border-radius: 0;
        background: 0 0;
        padding-left: 26px;
        padding-right: 26px
    }

    .story-slider__item {
        width: 700px;
        display: block;
        margin: 0 6px;
        background: var(--gray) url(../images/pattern.jpg) right top;
        border-radius: 6px;
        overflow: hidden;
        min-height: 0
    }

    .story-slider__photo {
        width: 100%;
        min-width: 0;
        padding-bottom: 63%;
        -webkit-clip-path: polygon(0 0, 0 100%, 16% 100%, 19% 95%, 81% 95%, 84% 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 16% 100%, 19% 95%, 81% 95%, 84% 100%, 100% 100%, 100% 0);
        border-radius: 6px 6px 0 0
    }

    .story-slider__photo__bg {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    .story-slider__photo__img {
        width: calc(100% + 100px)
    }

    .story-slider__text {
        padding: 40px 32px
    }

    .story-slider .swiper__arr,
    .story-slider .swiper__pagination {
        display: none
    }

    .icon-list {
        grid-template-columns: repeat(4, 1fr);
        margin-left: 0;
        margin-right: 0
    }

    .count {
        flex-wrap: wrap;
        margin-bottom: -16px
    }

    .count__item {
        width: calc(50% - 16px);
        margin-bottom: 16px
    }

    .search .subtitle,
    .search__text {
        max-width: 94%
    }

    .mgallery__img {
        max-width: calc(100vw - 64px)
    }

    .team {
        margin-left: -24px
    }

    .team__item {
        width: calc(33.33333% - 24px);
        margin-left: 24px
    }

    .team__img g use:nth-child(1),
    .team__img g[clip-path]:nth-child(1) {
        display: none
    }

    .team__img g use:nth-child(4),
    .team__img g[clip-path]:nth-child(4) {
        display: block
    }

    .team__text {
        padding-left: 0
    }

    .team-slider-nav__item {
        width: calc(11.1111% - 6px)
    }

    .modal__container {
        max-width: 700px
    }

    .art-col {
        max-width: none
    }

    .art-wrapper {
        max-width: 720px
    }

    .art-unwrapper {
        margin-left: calc(-.5*(100vw - 720px - 70px));
        margin-right: calc(-.5*(100vw - 720px - 70px))
    }

    .art-slider {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 24px;
        padding-right: 24px;
        border: 0;
        border-radius: 0
    }

    .art-slider__item {
        border-radius: 10px;
        border: 1px solid var(--white);
        margin: 0 8px;
        width: calc(100% - 16px)
    }

    .art-slider .swiper__arr,
    .cookie br {
        display: none
    }

    .cont-cols__form {
        padding-right: 64px;
        width: 60%
    }

    .cont-cols__text {
        width: 40%
    }

    .main-soc {
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
        margin-top: -16px;
        padding-bottom: 1px
    }

    .main-soc__item {
        width: calc(50% - 16px);
        margin: 16px 8px 0
    }

    .main-soc__svg svg use:nth-child(1) {
        display: none
    }

    .main-soc__svg svg use:nth-child(4) {
        display: block
    }

    .main-soc__link {
        justify-content: center;
        height: 120px
    }

    .main-soc__link__name {
        width: 128px
    }

    .main-soc__img {
        margin-right: 16px;
        width: 72px;
        height: 72px
    }

    .main-cols__text {
        margin: 0 20px 10px 0;
        width: 360px;
        min-width: 360px
    }

    .main-cols--reverse .main-cols__text {
        margin: 0 0 10px 20px;
        width: 360px;
        min-width: 360px
    }

    .hint__text {
        max-width: 327px
    }
}

@media only screen and (max-width:1023px) {
    :root {
        --space-3xs: 0
    }

    .footer__cols__left {
        width: 350px
    }

    .footer__cols__form {
        width: calc(100% - 350px)
    }

    .footer__cols__soc {
        width: 100%
    }

    .footer__cols__mail {
        width: 350px
    }

    .video,
    .video-text {
        max-width: none
    }

    .story-slider__item {
        width: calc(100% - 12px)
    }

    .story-slider__photo__img {
        width: 100%
    }

    .role-slider .swiper__arr {
        display: none
    }

    .gallery__item {
        width: calc(100% - var(--space-xs))
    }

    .team__item {
        width: calc(50% - 24px)
    }

    .art-date {
        margin-left: 56px
    }

    .art-wrapper {
        max-width: none
    }

    .art-unwrapper {
        margin-left: 0;
        margin-right: 0
    }

    .cont-cols {
        display: block
    }

    .cont-cols__form {
        width: auto;
        padding-right: 0
    }

    .cont-cols__text {
        width: auto
    }

    .main-cols {
        display: block;
        margin-bottom: 0
    }

    .main-cols--reverse .main-cols__text,
    .main-cols__text {
        min-width: 0;
        width: auto;
        max-width: 530px;
        margin: 0 0 var(--space-m) 0
    }

    .main-cols__video {
        transform: translate3d(0, 0, 0) !important
    }

    .main-cols__video--photo {
        max-width: none
    }

    .main-cols__video .js-prlx-video,
    .video-container--photo {
        transform: none !important
    }

    .gameplay-list__item .video__frame,
    .video-container--photo .video {
        -webkit-clip-path: none !important;
        clip-path: none !important
    }

    .main-pay__aside {
        width: 50%
    }

    .main-pay__text {
        width: 45%
    }

    .main-pay iframe {
        border-radius: 16px
    }

    .gameplay-list {
        display: block
    }

    .gameplay-list__item {
        margin-bottom: var(--space-xs)
    }

    .gameplay-list__item .video__frame {
        transform: none !important;
        width: 100%;
        height: 100%;
        border-radius: 15px
    }

    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg g[clip-path]:nth-child(2),
    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg use:nth-child(2) {
        display: none
    }

    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg g[clip-path]:nth-child(4),
    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:first-child .gameplay-list__img__svg use:nth-child(4) {
        display: block
    }

    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child {
        margin-bottom: 0
    }

    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg g[clip-path]:nth-child(3),
    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg use:nth-child(3) {
        display: none
    }

    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg g[clip-path]:nth-child(4),
    .gameplay-list:not(.gameplay-list--once) .gameplay-list__item:last-child .gameplay-list__img__svg use:nth-child(4) {
        display: block
    }

    .gameplay-list__img g use:nth-child(1) {
        display: none
    }

    .gameplay-list__img g use:nth-child(4) {
        display: block
    }
}

@media only screen and (max-width:767px) {
    :root {
        --space-3xs: 0;
        --space-xs: 16px;
        --space-s: 24px;
        --space-m: 40px;
        --space-l: 56px;
        --space-xl: 80px;
        --text-h1-size: 28px;
        --text-h2-size: 28px;
        --text-h3-size: 28px;
        --text-h4-size: 16px;
        --text-h5-size: 14px;
        --text-h6-size: 11px;
        --text-big-headline: 40px
    }

    .text-content .count__name,
    .text-content .h1,
    .text-content .h2,
    .text-content .h3,
    .text-content .h4,
    .text-content .h5,
    .text-content .h6,
    .text-content h1,
    .text-content h2,
    .text-content h3,
    .text-content h4,
    .text-content h5,
    .text-content h6 {
        padding-top: 8px
    }

    .text-content table td:first-child,
    .text-content table th:first-child {
        padding-left: 24px
    }

    .text-content table td:last-child,
    .text-content table th:last-child {
        padding-right: 24px
    }

    .table table td:first-child,
    .table table th:first-child {
        padding-left: 24px
    }

    .table table td:last-child,
    .table table th:last-child {
        padding-right: 24px
    }

    .pt-content {
        margin-top: 16px !important
    }

    html ::-webkit-scrollbar {
        width: 1px;
        height: 1px
    }

    .main {
        height: auto !important
    }

    .wrapper[data-scroll-content] {
        position: unset !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important
    }

    .wrapper__block[data-scroll-skew] {
        transform: none !important;
        transition: none !important
    }

    .wrapper__page {
        padding-left: 24px;
        padding-right: 24px
    }

    .wrapper__page--inner,
    .wrapper__page--menu {
        padding-top: 104px
    }

    .wrapper__unwrapper {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    iframe#launcher {
        margin-bottom: 20px !important;
        margin-right: 24px !important
    }

    .header {
        padding: 22px 0
    }

    .header__logo__img {
        height: 20px
    }

    .header__burger {
        right: 12px;
        padding: 8px
    }

    .header__menu {
        padding: 0
    }

    .header__menu__item {
        transform: translate3d(20px, 0, 0)
    }

    .menu-show .header:before {
        height: 64px
    }

    .footer {
        padding-top: var(--space-s);
        padding-bottom: var(--space-s);
        box-shadow: 0 0 40px 40px var(--black);
        position: relative;
        z-index: 1
    }

    .footer__cols,
    .main-block-404__text br {
        display: block
    }

    .footer__cols__left {
        width: 100%
    }

    .footer__cols__left,
    .footer__cols__left .h1,
    .footer__cols__privacy {
        padding-bottom: var(--space-2xs)
    }

    .footer__cols__form {
        width: 100%;
        padding-top: var(--space-xs);
        padding-bottom: var(--space-4xs)
    }

    .footer__cols__soc {
        margin: -12px -12px 24px;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .footer__cols__soc a {
        margin: 12px
    }

    .footer__cols__mail {
        width: 100%;
        padding-bottom: var(--space-2xs)
    }

    .footer__cols__address {
        width: auto;
        padding-top: var(--space-2xs)
    }

    .footer__logos {
        padding-bottom: 0
    }

    .footer__copy {
        padding-top: var(--space-xs)
    }

    .form__input {
        padding: 20px 24px 18px
    }

    .form__input--search {
        padding: 20px 50px 20px 32px
    }

    .form__input--search--big {
        padding: 20px 56px 20px 64px
    }

    .form__sbm--search--big {
        width: 50px
    }

    .form__sbm--search--link svg {
        top: 0
    }

    .form .icon-sym--search {
        left: 16px
    }

    .file-input__btn {
        padding: 0 46px 0 24px
    }

    .file-input__description {
        display: block;
        font-size: 8px;
        padding-top: 3px;
        letter-spacing: 1px
    }

    .video__play {
        width: 80px;
        height: 80px
    }

    .video-text {
        padding: 24px 16px 0
    }

    .story-slider {
        padding-left: 18px;
        padding-right: 18px
    }

    .story-slider__text {
        padding: 16px
    }

    .icon-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 75px 0;
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: var(--space-l)
    }

    .role-slider__item {
        width: 327px
    }

    .role-slider--orange .role-slider__item {
        width: 327px;
        min-width: 0
    }

    .count__item {
        width: calc(100% - 16px)
    }

    .search__link {
        padding: 16px 56px 16px 16px
    }

    .mgallery__item {
        margin-left: 8px
    }

    .mgallery__item:first-child {
        margin-left: 0
    }

    .mgallery__img {
        max-width: calc(100vw - 32px);
        max-height: calc(100vh - 32px)
    }

    .mgallery .swiper__arr,
    .team-slider-nav {
        display: none
    }

    .team-slider {
        overflow: visible;
        height: auto;
        max-height: none
    }

    .modal__container {
        max-width: calc(100% - 8px)
    }

    .modal__wrapper {
        padding: 4px 0
    }

    .modal__block {
        padding: 40px;
        border: 1px solid var(--blue);
        border-radius: 10px;
        background: rgba(84, 193, 228, .09)
    }

    .modal__close {
        padding: 4px;
        right: 0;
        top: 0
    }

    .modal__bg {
        display: none
    }

    .modal--gallery .modal__block {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: 0 0
    }

    .job__caption {
        padding: 24px 64px 24px 24px
    }

    .job__post {
        display: block;
        vertical-align: middle;
        padding-top: 8px
    }

    .job__arr {
        width: 12px;
        height: 24px;
        right: 30px
    }

    .job__content {
        padding: 0 24px 24px;
        margin: 0
    }

    .likely {
        flex-wrap: wrap;
        width: 210px
    }

    .likely__widget {
        margin-top: 24px;
        margin-left: 0;
        width: 100%
    }

    .likely__widget:first-child {
        margin-top: 0
    }

    .art-slider {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 16px;
        padding-right: 16px
    }

    .art-slider__item {
        margin: 0 4px;
        width: calc(100% - 8px)
    }

    .art-next {
        padding: 16px 72px 16px 16px
    }

    .art-next__ico {
        right: 0;
        bottom: 0
    }

    .cookie__text {
        font-family: var(--font-main);
        font-style: normal;
        font-weight: 700;
        font-size: var(--text-small-size);
        line-height: 1.4
    }

    .main-block {
        position: relative;
        z-index: 1;
        min-height: 400px;
        height: var(--vh)
    }

    .main-block__text {
        padding-bottom: var(--space-s)
    }

    .main-block__img {
        height: 100%
    }

    .main-block__video {
        width: auto;
        height: 100%;
        left: -24px;
        right: -24px
    }

    .main-soc {
        padding: 40px 0 1px
    }

    .main-soc__item {
        width: calc(100% - 16px)
    }

    .main-bg {
        padding: 80px 0
    }

    .main-bg-bottom {
        margin-top: -80px
    }

    .main-cols__video {
        margin-bottom: 0
    }

    .video-container {
        transform: perspective(200px) rotateY(-1deg) rotateZ(.5deg) translate3d(-5px, 0, 0)
    }

    .main-cols--reverse .video-container {
        transform: perspective(200px) rotateY(1deg) rotateZ(-.5deg) translate3d(5px, 0, 0)
    }

    .page-bg-fixed:before {
        opacity: .5
    }

    .main-block-404__caption {
        font-size: 100px
    }

    .main-pay {
        flex-direction: column
    }

    .main-pay__aside {
        width: 400px;
        transform: scale(.8);
        transform-origin: center top;
        margin-bottom: -150px
    }

    .main-pay__text {
        width: 100%;
        order: -1;
        margin-bottom: var(--space-m)
    }

    .gameplay-list__item .video__frame {
        border-radius: 10px
    }
}

@media only screen and (max-width:499px) {

    .team,
    .team__item {
        margin-left: 0
    }

    .team__item {
        width: 100%
    }

    .team-cols {
        display: block
    }

    .team-cols__name {
        width: auto;
        min-width: 0;
        margin: 0 0 24px;
        position: static
    }

    .cookie__block {
        flex-wrap: wrap
    }

    .cookie__text {
        padding: 0 0 var(--space-s) 0
    }

    .cookie .btn {
        width: 100%;
        justify-content: center;
        text-align: center
    }

    .gameplay-list__item .video__frame {
        border-radius: 5px
    }
}

@media only screen and (max-width:374px) {

    .role-slider--orange .role-slider__item,
    .role-slider__item {
        width: 100%
    }

    .likely {
        width: auto
    }

    .main-block-404__caption {
        font-size: 80px
    }

    .hint__text {
        max-width: 272px
    }
}