@charset "UTF-8";
body,
html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    text-align: left;
}
textarea {
    resize: none;
}
address {
    font-style: normal;
}
button,
input,
select,
textarea {
    outline: none;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -webkit-appearance: none;
}
@font-face {
    font-family: "Minion Pro";
    src: url(../fonts/MinionPro-Bold.eot);
    src: url(../fonts/MinionPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/MinionPro-Bold.woff) format("woff"), url(../fonts/MinionPro-Bold.ttf) format("truetype"),
        url(../fonts/MinionPro-Bold.svg#MinionPro-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "iconfont";
    src: url(../iconfont/iconfont.eot);
    src: url(../iconfont/iconfont.eot?#iefix) format("eot"), url(../iconfont/iconfont.woff) format("woff"), url(../iconfont/iconfont.ttf) format("truetype"), url(../iconfont/iconfont.svg#iconfont) format("svg");
}
* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,
html {
    background: #fff;
    color: #333339;
    font: 16px/1.5 "Roboto", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body {
    opacity: 1;
}
a {
    color: #4285f4;
    text-decoration: none;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #000;
    color: #fff;
    text-shadow: none;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-inner,
.fancybox-outer {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading {
    background-image: url(../images/fancybox/fancybox_sprite.png);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
.fancybox-close:after,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../images/fancybox/default-skin.svg);
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close,
.fancybox-nav {
    position: absolute;
    top: 0;
    cursor: pointer;
}
.fancybox-close {
    right: 0;
    max-height: 30%;
    width: 200px;
    height: 200px;
    z-index: 8050;
}
.fancybox-close:after {
    position: absolute;
    background-position: -14px -59px;
    width: 16px;
    height: 16px;
    top: 15px;
    right: 15px;
    opacity: 0.7;
    transition: opacity 0.35s;
    content: "";
}
.fancybox-close:hover:after,
.fancybox-nav:hover span,
.header_clone .nav__link:hover:before,
.header_purple .nav__link:hover:before {
    opacity: 1;
    transition-duration: 0.175s;
}
.fancybox-nav {
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(../images/fancybox/blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 30px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    opacity: 0.8;
    transition: opacity 0.35s;
    background-color: rgba(0, 0, 0, 0.37);
    border-radius: 2px;
}
.fancybox-prev span {
    left: 10px;
    background-position: -138px -44px;
}
.fancybox-next span {
    right: 10px;
    background-position: -93px -44px;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock {
    width: auto;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.9);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: scroll;
}
.fancybox-title {
    visibility: hidden;
    font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading {
        background-image: url(../images/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url(../images/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px;
    }
}
.slick-list,
.slick-slider {
    position: relative;
    display: block;
}
.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    min-height: 1px;
    display: none;
}
.slick-initialized .slick-slide,
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-loading .slick-slide,
.threesixty .threesixty_images img.previous-image {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: none;
    background: 0 0;
    color: transparent;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}
@font-face {
    font-family: "Panton Caps";
    src: url(../fonts/pantoncaps/Pantonlightcaps.woff2) format("woff2"), url(../fonts/pantoncaps/Pantonlightcaps.woff) format("woff"), url(../fonts/pantoncaps/Pantonlightcaps.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Panton Caps";
    src: url(../fonts/pantoncaps/Pantonblackcaps.woff2) format("woff2"), url(../fonts/pantoncaps/Pantonblackcaps.woff) format("woff"), url(../fonts/pantoncaps/Pantonblackcaps.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Panton Caps";
    src: url(../fonts/pantoncaps/Pantonlightitaliccaps.woff2) format("woff2"), url(../fonts/pantoncaps/Pantonlightitaliccaps.woff) format("woff"), url(../fonts/pantoncaps/Pantonlightitaliccaps.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
}
.page {
    position: relative;
    overflow: hidden;
    min-width: 320px;
    min-height: 100vh;
}
.page_contact {
    background-color: #fefefe;
}
.page__title {
    position: fixed;
    top: 420px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 9%;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    z-index: 2;
    font-weight: 700;
    font-size: 165px;
    color: #fff;
    width: 800px;
    max-width: 100%;
    line-height: 0.9;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .page__title {
        top: 400px;
        font-size: 140px;
    }
}
@media (max-width: 1023px) {
    .page__title {
        top: 380px;
        font-size: 120px;
        width: 500px;
        position: absolute;
    }
}
@media (max-width: 767px) {
    .page__title {
        top: 250px;
        font-size: 80px;
        width: 50%;
        left: 0;
        padding: 0 40px;
    }
}
@media (max-width: 479px) {
    .page__title {
        font-size: 60px;
        width: 100%;
        padding: 0 15px;
    }
}
.page__title_contact {
    color: #fff;
    font-size: 91px;
    pointer-events: none;
}
@media (max-width: 1023px) {
    .page__title_contact {
        top: 330px;
    }
}
@media (max-width: 767px) {
    .page__title_contact {
        top: 180px;
        font-size: 50px;
    }
}
.page__title_support {
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}
@media (max-width: 1023px) {
    .page__title_support {
        top: 330px;
        font-size: 102px;
    }
}
@media (max-width: 767px) {
    .page__title_support {
        top: 180px;
        font-size: 44px;
    }
}
.page__content {
    padding-top: 390px;
}
@media (max-width: 1439px) {
    .page__content {
        padding-top: 370px;
    }
}
@media (max-width: 1023px) {
    .page__content {
        padding-top: 360px;
    }
}
@media (max-width: 767px) {
    .page__content {
        padding-top: 250px;
    }
}
.page__inner {
    position: relative;
    background: #fff;
}
.page__inner__content {
    transition: opacity 0.35s;
    opacity: 0;
}
.page__intro {
    height: 100vh;
    background: #ebebed;
}
@media (max-width: 1024px) {
    .page__intro {
        height: 100vh;
        min-height: 100%;
    }
}
.page__box {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.page__box__content {
    transition: opacity 0.35s;
    opacity: 1;
}
.arcticmodal-container,
.arcticmodal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
}
@media (max-width: 767px) {
    .arcticmodal-container,
    .arcticmodal-overlay {
        z-index: 1000;
    }
}
.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}
:first-child + html .arcticmodal-container {
    height: 100%;
}
.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
.arcticmodal-container_i2 {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: middle;
}
.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}
.arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(loading.gif) no-repeat 50% 50%;
}
.arcticmodal-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
@media (max-width: 1023px) {
    .arcticmodal-overlay {
        background-color: #fff !important;
    }
}
.columns__inner,
.container,
.games__inner,
.page__content__inner {
    position: relative;
}
.columns__inner,
.container,
.footer__inner,
.games__inner,
.page__content__inner,
.top-section__container,
.vacancy__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer__inner,
.vacancy__container {
    position: relative;
}
.vacancy-map__inner {
    padding: 0 20px;
}
.vacancy-map__inner,
.vacancy-page-info__container,
.vacancy-page-title__container {
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.article__container,
.game__container,
.start__container {
    margin: 0 auto;
    position: relative;
}
.article__container,
.game__container,
.game__top-text,
.start__container,
.tropic-storm__technical__container {
    width: 1200px;
    padding: 0 20px;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.game__top-text {
    position: relative;
}
.tropic-storm__technical__container {
    margin: 0 auto;
}
.tropic-storm__technical-challenge__container {
    position: relative;
}
.tropic-storm__banner__container,
.tropic-storm__technical-challenge__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.super-city__creating-characters__container,
.super-city__search-ideas__container,
.tropic-storm__all-squad__container,
.tropic-storm__before-after__container,
.tropic-storm__buildings-levels__container,
.tropic-storm__history__container,
.tropic-storm__search-style__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.super-city__comics__container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.super-city__buildings__container,
.super-city__characters__container,
.super-city__create-logo__container,
.super-city__creative__conatiner,
.super-city__new-world__container,
.super-city__outside__container,
.super-city__play__container,
.super-city__preloader__container,
.super-city__simulation__container,
.super-city__super-events__container,
.super-city__team-history__container,
.super-city__team__container,
.super-city__timeline__container,
.super-city__zoo__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-clip__container,
.guns__container,
.jub-offer__container,
.titans__container,
.water-shader__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-clip__container,
.guns__container,
.titans__container,
.water-shader__container {
    position: relative;
}
.about__container {
    z-index: 2;
}
.about__container,
.blog-main__container,
.cases__container,
.cases__jobs,
.jobs-main__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-main__container,
.jobs-main__container {
    position: relative;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about__container,
    .article__container,
    .bg-clip__container,
    .blog-main__container,
    .cases__container,
    .cases__jobs,
    .columns__inner,
    .container,
    .footer__inner,
    .game__container,
    .game__top-text,
    .games__inner,
    .guns__container,
    .jobs-main__container,
    .jub-offer__container,
    .page__content__inner,
    .start__container,
    .super-city__buildings__container,
    .super-city__characters__container,
    .super-city__comics__container,
    .super-city__create-logo__container,
    .super-city__creating-characters__container,
    .super-city__creative__conatiner,
    .super-city__new-world__container,
    .super-city__outside__container,
    .super-city__play__container,
    .super-city__preloader__container,
    .super-city__search-ideas__container,
    .super-city__simulation__container,
    .super-city__super-events__container,
    .super-city__team-history__container,
    .super-city__team__container,
    .super-city__timeline__container,
    .super-city__zoo__container,
    .titans__container,
    .top-section__container,
    .tropic-storm__all-squad__container,
    .tropic-storm__banner__container,
    .tropic-storm__before-after__container,
    .tropic-storm__buildings-levels__container,
    .tropic-storm__history__container,
    .tropic-storm__search-style__container,
    .tropic-storm__technical-challenge__container,
    .tropic-storm__technical__container,
    .vacancy-map__inner,
    .vacancy-page-info__container,
    .vacancy-page-title__container,
    .vacancy__container,
    .water-shader__container {
        width: 970px;
    }
}
@media (max-width: 1023px) {
    .about__container,
    .article__container,
    .bg-clip__container,
    .blog-main__container,
    .cases__container,
    .cases__jobs,
    .columns__inner,
    .container,
    .footer__inner,
    .game__container,
    .game__top-text,
    .games__inner,
    .guns__container,
    .jobs-main__container,
    .jub-offer__container,
    .page__content__inner,
    .start__container,
    .super-city__buildings__container,
    .super-city__characters__container,
    .super-city__comics__container,
    .super-city__create-logo__container,
    .super-city__creating-characters__container,
    .super-city__creative__conatiner,
    .super-city__new-world__container,
    .super-city__outside__container,
    .super-city__play__container,
    .super-city__preloader__container,
    .super-city__search-ideas__container,
    .super-city__simulation__container,
    .super-city__super-events__container,
    .super-city__team-history__container,
    .super-city__team__container,
    .super-city__timeline__container,
    .super-city__zoo__container,
    .titans__container,
    .top-section__container,
    .tropic-storm__all-squad__container,
    .tropic-storm__banner__container,
    .tropic-storm__before-after__container,
    .tropic-storm__buildings-levels__container,
    .tropic-storm__history__container,
    .tropic-storm__search-style__container,
    .tropic-storm__technical-challenge__container,
    .tropic-storm__technical__container,
    .vacancy-map__inner,
    .vacancy-page-info__container,
    .vacancy-page-title__container,
    .vacancy__container,
    .water-shader__container {
        width: 768px;
    }
}
@media (max-width: 767px) {
    .about__container,
    .article__container,
    .bg-clip__container,
    .blog-main__container,
    .cases__container,
    .cases__jobs,
    .columns__inner,
    .container,
    .footer__inner,
    .game__container,
    .game__top-text,
    .games__inner,
    .guns__container,
    .jobs-main__container,
    .jub-offer__container,
    .page__content__inner,
    .start__container,
    .super-city__buildings__container,
    .super-city__characters__container,
    .super-city__comics__container,
    .super-city__create-logo__container,
    .super-city__creating-characters__container,
    .super-city__creative__conatiner,
    .super-city__new-world__container,
    .super-city__outside__container,
    .super-city__play__container,
    .super-city__preloader__container,
    .super-city__search-ideas__container,
    .super-city__simulation__container,
    .super-city__super-events__container,
    .super-city__team-history__container,
    .super-city__team__container,
    .super-city__timeline__container,
    .super-city__zoo__container,
    .titans__container,
    .top-section__container,
    .tropic-storm__all-squad__container,
    .tropic-storm__banner__container,
    .tropic-storm__before-after__container,
    .tropic-storm__buildings-levels__container,
    .tropic-storm__history__container,
    .tropic-storm__search-style__container,
    .tropic-storm__technical-challenge__container,
    .tropic-storm__technical__container,
    .vacancy-map__inner,
    .vacancy-page-info__container,
    .vacancy-page-title__container,
    .vacancy__container,
    .water-shader__container {
        width: 100%;
    }
}
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1100;
    height: 80px;
    color: #fff;
}
.header_clone,
.header_purple {
    color: #2f334b;
}
@media (max-width: 1439px), (max-height: 850px) {
    .header {
        height: 70px;
    }
}
.header_mobile {
    position: absolute;
}
@media (max-width: 1024px) {
    .header {
        position: absolute;
    }
}
@media (max-width: 767px) {
    .header {
        position: fixed;
        overflow: hidden;
        height: 65px;
        background: #fff;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    }
}
.header__nav {
    position: absolute;
    top: 30px;
    right: 13%;
}
@media (max-width: 1439px), (max-height: 850px) {
    .header__nav {
        top: 25px;
    }
}
@media (max-width: 767px) {
    .header__nav {
        display: none;
    }
}
.header .nav__link {
    color: #fff;
}
.header .logo path {
    fill: #fff;
}
@media (max-width: 767px) {
    .header .logo path {
        fill: #2f334b;
    }
}
.header_clone .logo path,
.header_purple .logo path {
    fill: #653eb3;
}
@media (max-width: 767px) {
    .header_clone .logo path,
    .header_purple .logo path {
        fill: #2f334b;
    }
}
.header_clone .nav__link,
.header_clone .nav__link:hover,
.header_purple .nav__link,
.header_purple .nav__link:hover {
    color: #2f334b;
}
.header_clone .nav__link:before,
.header_purple .nav__link:before {
    background: #2f334b;
}
.header_promo_blackout::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    z-index: -1;
}
@media (max-width: 767px) {
    .header_promo_blackout::after {
        display: none;
    }
}
.header_promo .nav__link {
    transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s;
}
.header_clone {
    position: fixed;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header_clone:after {
    display: none;
}
.header_clone_show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.header_dark,
.header_dark .nav__link {
    color: #333339;
}
.header_color_black .logo path,
.header_dark .logo path {
    fill: #653eb3;
}
.header_color_black,
.header_color_black .nav__link {
    color: #44485d;
}
@media (hover: hover) and (pointer: fine) {
    .header_color_black .nav__link:hover {
        color: #653eb3;
    }
}
@media (pointer: coarse) {
    .header_color_black .nav__link:active {
        color: #653eb3;
    }
}
.header_new-game .lang {
    display: none;
}
.hamburger,
.logo {
    position: absolute;
    top: 20px;
}
@media (max-width: 1439px), (max-height: 850px) {
    .hamburger,
    .logo {
        top: 15px;
    }
}
@media (max-width: 767px) {
    .hamburger,
    .logo {
        top: 50%;
    }
}
.hamburger:after,
.logo:after {
    position: absolute;
    top: -25px;
    right: -30px;
    bottom: -25px;
    left: -30px;
    content: "";
}
.logo {
    left: 5%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.logo svg {
    vertical-align: top;
}
.logo path {
    transition: fill 0.35s;
}
@media (max-width: 767px) {
    .logo {
        margin-top: -16px;
        left: 18px;
    }
    .logo path {
        fill: #2f334b;
    }
}
.lang {
    position: absolute;
    right: 5%;
    width: 34px;
    height: 34px;
    top: 30px;
    margin-top: -6px;
    border-radius: 50%;
    background-color: rgba(101, 62, 179, 0);
    color: inherit;
    font-size: 14px;
    line-height: 34px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    opacity: 0.5;
    transition: color 0.35s, background-color 0.35s, opacity 0.35s;
}
@media (max-width: 767px) {
    .menu-panel .lang {
        display: block;
        position: absolute;
        bottom: 16px;
        left: 20px;
        top: auto;
        right: auto;
        background: #f2f2f2;
        width: 48px;
        height: 48px;
        color: #000;
        font-size: 16px;
        line-height: 46px;
    }
}
@media (max-width: 424px) {
    .menu-panel .lang {
        left: 10px;
    }
}
.lang:hover {
    transition-duration: 0.175s;
    color: #fff;
    opacity: 1;
    background-color: #653eb3;
}
@media (max-width: 1439px), (max-height: 850px) {
    .lang {
        top: 25px;
    }
}
@media (max-width: 767px) {
    .lang {
        display: none;
    }
}
.hamburger {
    display: none;
    right: 5%;
    width: 28px;
    height: 20px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .hamburger {
        display: block;
        margin-top: -10px;
        right: 20px;
    }
}
.hamburger__line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: background-color 0.35s, transform 0.35s, opacity 0.35s;
    transition: background-color 0.35s, transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
}
@media (max-width: 767px) {
    .hamburger__line {
        background-color: #653eb3;
    }
}
.hamburger__line_1 {
    top: 0;
}
.hamburger__line_2 {
    top: 50%;
    margin-top: -1px;
}
.hamburger__line_3 {
    bottom: 0;
}
.hamburger_close .hamburger__line_1 {
    -webkit-transform: translateY(10px) rotate(45deg) translateZ(0);
    transform: translateY(10px) rotate(45deg) translateZ(0);
}
.hamburger_close .hamburger__line_2 {
    opacity: 0;
}
.hamburger_close .hamburger__line_3 {
    -webkit-transform: translateY(-8px) rotate(-45deg) translateZ(0);
    transform: translateY(-8px) rotate(-45deg) translateZ(0);
}
.hamburger_purple .hamburger__line {
    background-color: #653eb3;
}
@media (max-width: 767px) {
    .hamburger_purple .hamburger__line {
        background-color: #2f334b;
    }
}
.hamburger_charcoal .hamburger__line {
    background-color: #2f334b;
}
.game-card {
    position: relative;
    margin-bottom: 200px;
}
.game-card__box {
    position: relative;
    width: 100%;
    height: 670px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.game-card__box:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1439px) {
    .game-card__box {
        height: 570px;
    }
}
@media (max-width: 1023px) {
    .game-card__box {
        height: 470px;
    }
}
@media (max-width: 767px) {
    .game-card__box {
        margin: 0 0 100px;
        height: auto;
        box-shadow: none;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
        display: block;
    }
}
.game-card__visual {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 464px;
    background: #000;
}
@media (max-width: 1439px) {
    .game-card__visual {
        width: 324px;
    }
}
@media (max-width: 1023px) {
    .game-card__visual {
        width: 254px;
    }
}
@media (max-width: 767px) {
    .game-card__visual {
        width: 100%;
        height: 300px;
        position: relative;
    }
}
@media (max-width: 479px) {
    .game-card__visual {
        height: 200px;
    }
}
.game-card__visual__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: no-repeat 50% 33% / cover;
}
.game-card__visual:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 670px 90px;
    border-color: transparent transparent #fff;
    right: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    content: "";
}
@media (max-width: 767px) {
    .game-card__visual:after {
        display: none;
        content: "";
    }
}
.game-card_super-city .game-card__visual__picture {
    background-position: 50% 90%;
}
.game-card_warzone .game-card__visual__picture {
    background-position: 50% 15%;
}
.game-card__content {
    margin-left: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 696px;
    padding: 160px 45px 40px 67px;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1439px) {
    .game-card__content {
        padding: 90px 35px 30px 40px;
        width: 606px;
    }
}
@media (max-width: 1023px) {
    .game-card__content {
        padding: 80px 25px 20px 20px;
        width: 474px;
    }
}
@media (max-width: 767px) {
    .game-card__content {
        width: 100%;
        padding: 30px;
    }
}
.game-card__content__text {
    margin-bottom: 40px;
}
.game-card__title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
}
@media (max-width: 1023px) {
    .game-card__title {
        margin-bottom: 20px;
    }
}
.game-card__title__small {
    font-size: 38px;
    display: block;
}
@media (max-width: 1023px) {
    .game-card__title__small {
        font-size: 30px;
    }
}
@media (max-width: 479px) {
    .game-card__title__small {
        font-size: 20px;
    }
}
.game-card__title__big {
    display: block;
    font-size: 68px;
}
@media (max-width: 1439px) {
    .game-card__title__big {
        font-size: 60px;
    }
}
@media (max-width: 1023px) {
    .game-card__title__big {
        font-size: 48px;
    }
}
@media (max-width: 479px) {
    .game-card__title__big {
        font-size: 35px;
    }
}
.game-card__text {
    max-width: 400px;
    margin-bottom: 40px;
    color: #858585;
}
@media (max-width: 1023px) {
    .game-card__text {
        margin-bottom: 30px;
        font-size: 14px;
    }
}
.game-card__more {
    color: #653eb3;
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .game-card__more {
        margin-bottom: 30px;
    }
}
.game-card__info {
    margin: 0 -5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}
@media (max-width: 1439px) {
    .game-card__info {
        font-size: 14px;
    }
}
@media (max-width: 1023px) {
    .game-card__info {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .game-card__info {
        font-size: 14px;
        display: block;
    }
}
.game-card__info__item {
    padding: 0 5px;
}
@media (max-width: 767px) {
    .game-card__info__item {
        margin-bottom: 20px;
    }
}
.game-card__info__title {
    margin-bottom: 15px;
}
@media (max-width: 1023px) {
    .game-card__info__title {
        margin-bottom: 10px;
    }
}
.game-card__info__text {
    color: #858585;
}
.game-card__info__link {
    color: #858585;
    transition: color 0.35s;
}
.button:hover,
.game-card__info__link:hover,
.text a:hover {
    transition-duration: 0.175s;
    color: #653eb3;
}
.game-card__logo-wrap {
    position: absolute;
    right: 35px;
    top: 35px;
    max-width: 100px;
}
@media (max-width: 1439px) {
    .game-card__logo-wrap {
        right: 20px;
        top: 20px;
    }
}
@media (max-width: 1023px) {
    .game-card__logo-wrap {
        height: 60px;
    }
}
@media (max-width: 767px) {
    .game-card__logo-wrap {
        display: none;
    }
}
.game-card__logo {
    display: block;
    width: 100%;
    opacity: 0.4;
    -webkit-filter: gray;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
.button {
    color: #653eb3;
}
.button,
.top-section__link {
    position: relative;
    display: inline-block;
    padding: 0 0 3px;
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    background: 0 0;
    border: none;
    border-bottom: 3px solid #653eb3;
    transition: color 0.35s, border 0.35s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.button_contact {
    position: absolute;
    bottom: 40%;
}
@media (max-width: 1023px) {
    .button_contact {
        position: relative;
        bottom: auto;
        padding-top: 10px;
    }
}
.button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: "";
}
.button:hover {
    color: #392959;
    border-color: #392959;
}
.cross {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.cross:after,
.cross:before {
    position: absolute;
    left: 10px;
    height: 25px;
    width: 2px;
    background-color: #cdcdcd;
    transition: background-color 0.35s;
    content: "";
}
.cross:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cross:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cross:hover:after,
.cross:hover:before {
    background-color: #9a9a9a;
    transition-duration: 0.175s;
}
.games {
    position: relative;
    z-index: 3;
}
.game-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #653eb3;
}
.game-bg__item {
    position: absolute;
    top: -150px;
    right: 0;
    bottom: -150px;
    left: 0;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.game-bg__item:first-child {
    opacity: 1 !important;
}
.game-bg__item__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.2;
    background-size: cover;
    background-position: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.game-bg__item_hide {
    opacity: 1;
}
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    margin-top: 2.35em;
    margin-bottom: 0.7em;
}
.text h4,
.text h5,
.text h6 {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.25;
}
.text h2 {
    font-size: 250%;
}
.text h2,
.text h3 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #2f334b;
}
@media (max-width: 767px) {
    .text h2,
    .text h3 {
        font-size: 150%;
    }
}
.text h3 {
    font-size: 160%;
}
@media (max-width: 767px) {
    .text h3 {
        font-size: 145%;
    }
}
.text h4 {
    font-size: 140%;
}
.text h5 {
    font-size: 120%;
}
.text img,
.top-section__decor img,
.top-section__logo img {
    max-width: 100%;
    vertical-align: top;
}
.text a {
    color: #4285f4;
    transition: color 0.35s;
}
.text p {
    margin-bottom: 1.1em;
    letter-spacing: -0.01em;
}
.text ul {
    margin-bottom: 2em;
}
.text ul li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 1em;
}
@media (max-width: 767px) {
    .text ul li {
        padding-left: 25px;
    }
}
.text ul li:before {
    position: absolute;
    left: 40px;
    top: 0.75em;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #392959;
    border-radius: 50%;
    content: "";
}
@media (max-width: 767px) {
    .text ul li:before {
        left: 7px;
        content: "";
    }
}
.text > h1:last-child,
.text > h2:last-child,
.text > h3:last-child,
.text > h4:last-child,
.text > h5:last-child,
.text > h6:last-child,
.text > img:last-child,
.text > p:last-child,
.text > ul li:last-child,
.text > ul:last-child,
.top-section__text p:last-child {
    margin-bottom: 0;
}
.text > h1:first-child,
.text > h2:first-child,
.text > h3:first-child,
.text > h4:first-child,
.text > h5:first-child,
.text > h6:first-child,
.text > img:first-child {
    margin-top: 0;
}
.text_compact ul li {
    margin-bottom: 0;
}
.columns {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.columns__inner:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.columns__item {
    width: 50%;
    float: left;
}
.top-section,
.top-section__container {
    height: 100vh;
    position: relative;
}
.top-section__bg {
    position: absolute;
    background: no-repeat 50% 50% / cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    will-change: transform, opacity;
}
@media (max-width: 767px) {
    .top-section__bg {
        top: 65px;
    }
}
.top-section__bg_jobs::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.top-section__bg_about::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.26);
}
.top-section_jobs {
    background-color: #606f7d;
}
.top-section_article {
    background-color: #653eb3;
}
.top-section_about,
.top-section_privacy,
.top-section_terms {
    background-color: #cbcfc7;
}
.d-no-mobile .top-section_fixed .top-section__bg {
    position: fixed;
}
@media (max-width: 767px) {
    .top-section_about .top-section__bg {
        background-image: url(../images/about/topsection-phone.jpg) !important;
        background-position: 0% 20%;
    }
    .top-section__bg_privacy,
    .top-section_jobs .top-section__bg {
        background-image: url(../images/vacancy/topsection-phone.jpg) !important;
        background-position: 40% 50%;
    }
    .top-section__bg_privacy {
        background-image: url(../images/privacy/topsection-phone.jpg) !important;
    }
}
.top-section__content {
    position: absolute;
    bottom: 10%;
    max-width: 485px;
    padding-bottom: 45px;
}
@media (max-width: 1439px) {
    .top-section__content {
        max-width: 430px;
    }
}
@media (max-width: 767px) {
    .top-section__content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
}
.top-section__inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-section__logo {
    margin-bottom: 20px;
    margin-left: -0.15em;
}
.top-section__title {
    font-size: 91px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.85;
    margin-bottom: 20px;
    opacity: 0;
}
.top-section__title span {
    font-size: 45px;
    font-weight: 400;
    text-transform: none;
}
@media (max-width: 767px) {
    .top-section__title {
        font-size: 40px;
    }
    .top-section__title span {
        font-size: 22px;
    }
}
@media (max-width: 1439px) {
    .top-section__title-ru {
        font-size: 72px;
    }
}
@media (max-width: 1279px) {
    .top-section__title-ru {
        font-size: 66px;
    }
}
@media (max-width: 1023px) {
    .top-section__title-ru {
        font-size: 54px;
    }
}
@media (max-width: 767px) {
    .top-section_article .top-section__title {
        font-size: 24px;
    }
}
.top-section__text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    opacity: 0;
}
.top-section__text p {
    margin-bottom: 10px;
}
.top-section__link {
    color: #fff;
    border-color: #fff;
    margin-top: 20px;
    opacity: 0;
}
.top-section__link:hover {
    transition-duration: 0.175s;
    color: #e3f00b;
    border-color: #e3f00b;
}
.top-section__decor {
    position: absolute;
    bottom: -160px;
    left: 50%;
    width: 2010px;
    height: 618px;
    margin-left: -1005px;
    opacity: 0.3;
}
@media (max-width: 1439px) {
    .top-section__decor {
        width: 1400px;
        height: 410px;
        margin-left: -700px;
        bottom: -80px;
    }
}
@media (max-width: 767px) {
    .top-section__decor {
        width: 600px;
        height: 184px;
        margin-left: -300px;
        bottom: -45px;
    }
}
.top-section_main .top-section__bg {
    background-color: transparent;
    background-size: 470px 310px;
}
@media (max-width: 1439px) {
    .top-section_main .top-section__bg {
        background-size: 313px 206px;
    }
}
@media (max-width: 767px) {
    .top-section_main .top-section__bg {
        background-size: 235px 155px;
        background-position-y: 40%;
    }
}
.top-section_main .top-section__content {
    padding-left: 80px;
}
@media (max-width: 767px) {
    .top-section_main .top-section__content {
        padding-left: 0;
        bottom: 20px;
    }
}
.top-section_main .top-section__text {
    max-width: 350px;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
}
@media (max-width: 767px) {
    .top-section_main .top-section__text {
        max-width: 280px;
        margin-bottom: 0;
    }
}
.top-section_main .mouse {
    border-color: #9c9c9c;
}
.top-section_main .mouse__wheel {
    background-color: #9c9c9c;
}
.rub {
    position: relative;
    display: inline-block;
}
.rub:before {
    content: "Р";
}
.rub:after {
    position: absolute;
    font-size: 0.9em;
    top: 12%;
    left: 0;
    content: "\2013";
}
.fullpage-slider {
    width: 85%;
    overflow: visible !important;
    position: relative;
    margin: 0 auto 81px;
}
@media (max-width: 1279px) {
    .fullpage-slider {
        margin-bottom: 64px;
    }
}
@media (max-width: 767px) {
    .fullpage-slider {
        margin-bottom: 54px;
    }
}
.fullpage-slider__list {
    width: 10000% !important;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}
.fullpage-slider__item:after,
.fullpage-slider__list:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.fullpage-slider__list_dragged {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -ms-grabbing;
    cursor: -o-grabbing;
    cursor: grabbing;
}
.fullpage-slider__item {
    float: left;
    width: 1%;
    position: relative;
    margin-right: 10px;
}
.fullpage-slider__img {
    overflow: hidden;
    margin-bottom: 40px;
}
.fullpage-slider__img img {
    display: block;
    width: 100%;
}
.fullpage-slider__content {
    width: 400px;
    max-width: 90%;
    margin-right: 15%;
    float: right;
}
@media (max-width: 767px) {
    .fullpage-slider__content {
        margin-right: 0;
    }
}
.fullpage-slider__title {
    padding-left: 26px;
    margin-bottom: 10px;
}
.fullpage-slider__title_with-info {
    border-left: 1px solid #d4d4d4;
    padding-left: 25px;
}
.fullpage-slider__title__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 10px;
}
.fullpage-slider__title__info {
    line-height: 0.8;
    font-size: 14px;
}
.fullpage-slider__text {
    padding-left: 26px;
    font-size: 14px;
}
.fullpage-slider-controls__nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 79%;
    cursor: pointer;
    transition: opacity 0.35s, visibility 0.35s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1000;
}
.fullpage-slider-controls__nav_disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.fullpage-slider-controls__nav:before {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-width: 2px 2px 0 0;
    top: 50%;
    margin-top: -25px;
    opacity: 0.8;
    transition: opacity 0.35s;
    content: "";
}
@media (max-width: 1439px) {
    .fullpage-slider-controls__nav:before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        content: "";
    }
}
.fullpage-slider-controls__nav:hover:not(.disabled):before {
    opacity: 1;
    transition-duration: 0.175s;
}
.fullpage-slider-controls__nav_prev {
    right: 100%;
}
.fullpage-slider-controls__nav_prev:before {
    right: 2%;
    -webkit-transform: rotate(-135deg) translateZ(0);
    transform: rotate(-135deg) translateZ(0);
}
.fullpage-slider-controls__nav_next {
    left: 100%;
}
.fullpage-slider-controls__nav_next:before {
    left: 2%;
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}
.prefooter {
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.prefooter:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 479px) {
    .prefooter {
        display: block;
    }
}
.prefooter__item {
    display: block;
    width: 50%;
    padding: 70px 8%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: inherit;
    transition: background-color 0.35s;
    text-align: center;
}
.prefooter__item:first-child {
    background-color: #653eb3;
}
.prefooter__item:first-child:hover {
    transition-duration: 0.175s;
    background-color: #50318d;
}
.prefooter__item:last-child {
    background-color: #009fdf;
}
.prefooter__item:last-child:hover {
    transition-duration: 0.175s;
    background-color: #007bac;
}
@media (max-width: 767px) {
    .prefooter__item {
        padding: 50px 5%;
    }
}
@media (max-width: 479px) {
    .prefooter__item {
        width: 100%;
        border-right: none;
    }
}
.prefooter__item_light {
    background: #653eb3;
}
.prefooter__item__wrapper {
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 435px;
}
.prefooter__title {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .prefooter__title {
        font-size: 30px;
    }
}
.prefooter__phone {
    margin-bottom: 5px;
    display: inline-block;
}
.prefooter__mail,
.prefooter__phone {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
}
.prefooter__addres {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
}
.prefooter__text {
    font-size: 14px;
    max-width: 350px;
    color: #fff;
}
.socials__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: #cfcfcf;
    font-size: 14px;
    height: 1.5em;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    transition: background 0.35s, border 0.35s, color 0.35s;
}
@media (max-width: 1023px) {
    .socials__item {
        margin-right: 15px;
    }
}
@media (max-width: 767px) {
    .socials__item {
        font-size: 18px;
    }
}
.socials__item:last-child {
    margin-right: 0;
}
.socials__item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.socials__item:hover {
    color: #653eb3;
    transition-duration: 0.175s;
}
.socials__item_fb {
    font-size: 15px;
}
.social-share .social-likes__widget_facebook:before,
.socials__item_fb:before,
.socials__item_ios:before,
.socials__item_ok:before,
.socials__item_linkedin:before,
.socials__item_vk:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E00E";
}
.socials__item_vk {
    font-size: 16px;
    top: 1px;
}
.socials__item_ios:before,
.socials__item_ok:before,
.socials__item_vk:before {
    content: "\E019";
}
.socials__item_ok {
    font-size: 15px;
}
.socials__item_ios:before,
.socials__item_ok:before {
    content: "\E017";
}
@media (max-width: 767px) {
    .socials__item_ok {
        font-size: 16px;
    }
}
.socials__item_ios {
    font-size: 14px;
    line-height: 15px;
    transition: color 0.35s;
}
.socials__item_ios:before {
    content: "\E014";
    top: 0;
    font-size: 18px;
    margin-right: 8px;
}
.socials__item_ios span {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}
.social-share .social-likes__widget_twitter:before,
.socials__item_fc:before,
.socials__item_in:before,
.socials__item_mail:before,
.socials__item_tw:before,
.socials__item_yh:before,
.socials__item_linkedin:before,
.socials__item_yt:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E015";
}
.social-share .social-likes__widget_twitter:before,
.socials__item_fc:before,
.socials__item_in:before,
.socials__item_linkedin:before,
.socials__item_tw:before,
.socials__item_yh:before,
.socials__item_yt:before {
    content: "\E00F";
}
.social-share .social-likes__widget_twitter:before,
.socials__item_in:before,
.socials__item_tw:before,
.socials__item_yh:before,
.socials__item_yt:before {
    content: "\E012";
}
.social-share .social-likes__widget_twitter:before,
.socials__item_tw:before,
.socials__item_yh:before,
.socials__item_yt:before {
    content: "\E018";
}
.socials__item_yh:before,
.socials__item_yt:before {
    content: "\E01B";
}
.socials__item_yh:before {
    content: "\E01A";
}
.social-share {
    overflow: hidden;
}
.social-share_article {
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .social-share_article {
        margin-bottom: 50px;
    }
}
.social-share_vacancy-page {
    float: right;
    margin-right: 100px;
}
@media (max-width: 1439px) {
    .social-share_vacancy-page {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .social-share_vacancy-page {
        float: none;
        margin-right: 0;
    }
}
.social-share .social-likes {
    font-size: 0;
}
.social-share .social-likes__widget {
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    background-color: #f5f5f5;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    color: #392959;
    border-radius: 50% 50% 50% 50%;
    transition: 0.23333333s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    cursor: pointer;
}
.social-share .social-likes__widget:hover,
.social-share__link:hover {
    background-color: #392959;
    color: #fff;
    transition-duration: 0.175s;
}
.social-share .social-likes__widget:last-child {
    margin-right: 0;
}
.social-share .social-likes__widget_vkontakte:before,
.social-share__link_fb:before,
.social-share__link_tw:before,
.social-share__link_linkedin:before,
.social-share__link_vk:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E019";
}
.social-share__list {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.social-share__link {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #f5f5f5;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    color: #392959;
    border-radius: 50% 50% 50% 50%;
    transition: 0.23333333s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.social-share__link_fb:before,
.social-share__link_tw:before,
.social-share__link_vk:before {
    content: "\E00E";
}
.social-share__link_tw:before,
.social-share__link_vk:before {
    content: "\E018";
}
.social-share__link_vk:before {
    content: "\E019";
}
.social-share__text {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px 0 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    opacity: 0.6;
}
.social-share .social-likes__widget_linkedin:before,
.socials__item_in:before,
.social-share__link_in:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E01C"; /* замените на актуальный код LinkedIn-глифа в вашем iconfont */
}
.social-share .social-likes__widget_linkedin:before {
    content: ""; /* Юникод для LinkedIn-иконки */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23392959' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.7 0 54 0 24.3 24.09 0 53.79 0s53.8 24.3 53.8 54c0 29.7-24.09 54.1-53.8 54.1zM447.9 448h-92.68V302.4c0-34.7-.7-79.4-48.42-79.4-48.4 0-55.8 37.8-55.8 76.9V448h-92.7V148.9h89v40.8h1.3c12.4-23.6 42.7-48.4 87.9-48.4 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
    font-style: normal;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 9px;
    margin-top: 15px;
}
.social-share .social-likes__widget_linkedin:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.7 0 54 0 24.3 24.09 0 53.79 0s53.8 24.3 53.8 54c0 29.7-24.09 54.1-53.8 54.1zM447.9 448h-92.68V302.4c0-34.7-.7-79.4-48.42-79.4-48.4 0-55.8 37.8-55.8 76.9V448h-92.7V148.9h89v40.8h1.3c12.4-23.6 42.7-48.4 87.9-48.4 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");

}
.platforms {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.platforms__group {
    padding: 0 54px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 1439px) {
    .platforms__group {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (max-width: 1279px) {
    .platforms__group {
        padding-left: 26px;
        padding-right: 26px;
    }
}
@media (max-width: 479px) {
    .platforms__group {
        padding: 0 10px;
        border-right: none;
    }
    .platforms__group:last-child {
        margin-bottom: 0;
    }
}
.platforms__group:first-child {
    padding-left: 0;
}
.platforms__group:last-child {
    padding-right: 0;
    border-right: none;
}
.platforms__group-title {
    margin-bottom: 14px;
    font: 20px/26px "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.platforms__link {
    display: block;
    width: 130px;
    height: 40px;
    margin-bottom: 20px;
    font-size: 0;
    color: #00bcfc;
    transition: color 0.35s;
}
.platforms__link_dark {
    color: #000;
}
.platforms__link:hover {
    color: #0383af;
}
.platforms__link:last-child {
    margin-bottom: 0;
}
.platforms__link svg {
    width: 100%;
    height: auto;
}
.footer {
    padding: 50px 0 58px;
    font-size: 0;
    background-color: #fff;
    position: relative;
    z-index: 55;
}
@media (max-width: 1023px) {
    .footer {
        padding: 25px 0;
    }
}
@media (max-width: 767px) {
    .footer {
        padding: 20px 0;
    }
}
.footer__inner {
    font-size: 0;
}
.footer__inner:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.footer__left {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
@media (max-width: 767px) {
    .footer__left {
        width: 70%;
    }
}
.footer__right {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 14px;
}
@media (max-width: 767px) {
    .footer__right {
        width: 30%;
    }
}
.footer__coopyright {
    display: block;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .footer__coopyright {
        display: none;
    }
}
.footer__socials {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-top: 15px;
    margin-right: 20px;
}
@media (max-width: 479px) {
    .footer__socials {
        display: block;
    }
}
.footer__socials__item {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    margin-right: 14px;
    background: no-repeat 50% 50%;
}
@media (max-width: 479px) {
    .footer__socials__item {
        margin-right: 25px;
    }
}
.footer__socials__item_vk {
    width: 23px;
    background-size: 23px auto;
    background-image: url(../images/socials/vk.svg);
}
.footer__socials__item_ig {
    background-image: url(../images/socials/ig.svg);
}
.footer__socials__item_fb {
    background-image: url(../images/socials/fb.svg);
}
.footer__socials__item_tg {
    background-image: url(../images/socials/telegram-logo-footer.svg);
}
.footer__socials__item_li {
    background-image: url(../images/join/linkedin-logo-white-footer.svg);
}
.footer__guidline-block {
    margin-top: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 22px;
}
.footer__guidline-block span,
.footer__guidline-block svg {
    vertical-align: middle;
}
.footer__guidline-block svg {
    width: 27px;
    height: auto;
}
.footer__guidline-block a {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #653eb3;
    transition: color 0.35s;
}
@media (hover: hover) {
    .footer__guidline-block a:hover {
        color: #392959;
        transition: none;
    }
}
.footer__studio {
    display: inline-block;
    color: inherit;
}
.footer__studio:hover .footer__studio__text {
    transition-duration: 0.175s;
    color: #392959;
}
.footer__studio__text {
    transition: color 0.35s;
    display: block;
    margin-left: auto;
}
@media (max-width: 1023px) {
    .footer__studio__text {
        display: none;
    }
}
.footer__studio__img {
    display: block;
    background: url(../images/chulakov.png) no-repeat;
    background-size: contain;
    width: 71px;
    height: 28px;
    margin-left: auto;
    margin-top: 15px;
}
@media (max-width: 479px) {
    .footer__studio__img {
        margin-top: -5px;
    }
}
.footer__style-link {
    margin-right: 34px;
}
@media (max-width: 479px) {
    .footer__style-link {
        margin-bottom: 16px;
    }
}
.footer_aom {
    background-color: #0b1114;
    color: #fff;
}
.footer_aom .footer__studio__img {
    background-image: url(../images/chulakov_white.png);
}
.footer_aom .footer__studio__text {
    color: #fff !important;
}
.footer_aom .footer__socials__item {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    margin-right: 14px;
    background: no-repeat 50% 50%;
}
.footer_aom .footer__socials__item_vk {
    width: 23px;
    background-size: 23px auto;
    background-image: url(../images/socials/vk_white.svg);
}
.footer_aom .footer__socials__item_ig {
    background-image: url(../images/socials/ig_white.svg);
}
.footer_aom .footer__socials__item_fb {
    background-image: url(../images/socials/fb_white.svg);
}
.footer_aom .footer__socials__item_tg {
    background-image: url(../images/join/telegram-logo-white-32.svg);
}
.footer_aom .footer__guidline-block a,
.footer_new-game .footer__guidline-block a {
    color: #fff;
}
@media (hover: hover) {
    .footer_aom .footer__guidline-block a:hover {
        color: #e3f00b;
    }
}
.footer_new-game {
    background-color: #653eb3;
    color: #fff;
}
.footer_new-game .footer__studio__img {
    background-image: url(../images/new-game/playkot_chulakov.svg);
}
.footer_new-game .footer__studio__text {
    color: #fff !important;
}
.footer_new-game .footer__socials__item {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    margin-right: 14px;
    background: no-repeat 50% 50%;
}
.footer_new-game .footer__socials__item_vk {
    width: 23px;
    background-size: 23px auto;
    background-image: url(../images/socials/vk_white.svg);
}
.footer_new-game .footer__socials__item_ig {
    background-image: url(../images/socials/ig_white.svg);
}
.footer_new-game .footer__socials__item_fb {
    background-image: url(../images/socials/fb_white.svg);
}
@media (hover: hover) {
    .footer_new-game .footer__guidline-block a:hover {
        color: #e3f00b;
    }
}
.blog {
    background: #653eb3;
}
.blog__columns {
    padding-bottom: 150px;
}
@media (max-width: 767px) {
    .blog__columns {
        padding-bottom: 100px;
    }
}
.blog-preview {
    padding: 0 30px 0 0;
    margin-bottom: 160px;
    position: relative;
    display: none;
}
.blog-preview:last-child {
    margin-bottom: 0;
}
.blog-preview.columns__el_second {
    padding: 0 0 0 30px;
}
.blog-preview.columns__el_second:first-child {
    margin-top: 70px;
}
.blog-preview.columns__el_second .blog-preview__autor {
    left: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    margin-bottom: -1em;
}
.blog-preview.columns__el_second .blog-preview__info {
    padding: 0 15.5% 0 5%;
}
.blog-preview.columns__el_second .blog-preview__title {
    left: 25%;
}
.blog-preview.columns__el_second .blog-preview__text-wrap {
    left: 25%;
    position: relative;
    width: 80%;
}
.blog-preview_show {
    display: block;
}
.blog-preview__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.blog-preview__info {
    padding: 0 5% 0 15.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.blog-preview__img-wrap {
    width: 100%;
    margin-bottom: 35px;
}
.blog-preview__img {
    width: 100%;
    display: block;
    transition: box-shadow 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.blog-preview__title {
    position: absolute;
    bottom: 35px;
    left: 0;
    font-size: 60px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
    width: 280px;
    max-width: 100%;
    line-height: 0.9;
    transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
@media (max-width: 1023px) {
    .blog-preview__title {
        font-size: 40px;
        width: 200px;
    }
}
@media (max-width: 767px) {
    .blog-preview__title {
        font-size: 36px;
    }
}
.blog-preview__autor {
    position: absolute;
    left: 100%;
    line-height: 1;
    bottom: 0;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    opacity: 0.3;
    letter-spacing: 0.075em;
    transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.blog-preview__text-wrap {
    width: 85%;
}
@media (max-width: 767px) {
    .blog-preview__text-wrap {
        width: 100%;
    }
}
.blog-preview__text {
    color: #ffaaf8;
    margin-bottom: 35px;
    transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.blog-preview__more {
    position: relative;
}
.blog-preview__more__text {
    color: #e3f00b;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-right: 20px;
    opacity: 1;
}
.blog-preview__more svg {
    display: inline-block;
    vertical-align: middle;
}
.blog-preview__more path {
    fill: #fff;
    transition: fill 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
@media (max-width: 767px) {
    .blog-preview .blog-preview__img {
        box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.3);
    }
    .blog-preview .blog-preview__autor {
        opacity: 1;
    }
    .blog-preview .blog-preview__text {
        color: #fff;
    }
    .blog-preview .blog-preview__title {
        color: #fff !important;
    }
}
.blog-preview:hover .blog-preview__img {
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.3);
}
.blog-preview:hover .blog-preview__autor {
    opacity: 1;
}
.blog-preview:hover .blog-preview__text {
    color: #fff;
}
.blog-preview:hover .blog-preview__title {
    color: #e3f00b;
}
.blog-preview:hover .blog-preview__more path {
    fill: #e3f00b;
}
.blog-bg__item {
    width: 900px;
    height: 900px;
    background-size: cover;
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    padding: 60px;
    margin: -60px 0 0 -60px;
}
.blog-bg__item_show {
    opacity: 0.04;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@-webkit-keyframes mouse-wheel {
    0%,
    to {
        -webkit-transform: scaleY(0.4) translateY(0);
        transform: scaleY(0.4) translateY(0);
    }
    20% {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
    }
    60% {
        -webkit-transform: scaleY(0.4) translateY(12px);
        transform: scaleY(0.4) translateY(12px);
    }
}
@keyframes mouse-wheel {
    0%,
    to {
        -webkit-transform: scaleY(0.4) translateY(0);
        transform: scaleY(0.4) translateY(0);
    }
    20% {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
    }
    60% {
        -webkit-transform: scaleY(0.4) translateY(12px);
        transform: scaleY(0.4) translateY(12px);
    }
}
.mouse {
    position: absolute;
    left: 50%;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 35px;
    width: 30px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 48px;
    border-radius: 15px 15px 13px 13px;
    border: 2px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 1023px) {
    .mouse {
        display: none;
    }
}
.d-mobile .mouse {
    display: none;
}
.mouse__wheel {
    position: absolute;
    left: 50%;
    top: 8px;
    margin-left: -2px;
    width: 4px;
    height: 9px;
    background: #fff;
    border-radius: 2px;
    -webkit-animation: mouse-wheel 1.25s infinite linear;
    animation: mouse-wheel 1.25s infinite linear;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font: inherit;
    outline: none;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 30px;
    width: auto;
    padding-bottom: 3px;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-width: 2px;
    color: #333339;
}
.nice-select:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d98fd3;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
    content: "";
}
.nice-select.open:after,
.nice-select_focus:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.nice-select.i-error, select.i-error + .nice-select {
    border-bottom-color: rgba(255, 0, 0, 0.7);
}
.nice-select.i-error:after {
    background-color: red;
}
.nice-select_light {
    border-bottom-color: rgba(255, 255, 255, 0.21);
}
.nice-select:after {
    bottom: -2px;
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    transition: all 0.28s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nice-select .list {
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    max-height: 310px;
    width: 100%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    z-index: 1009;
    color: #333339;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    padding: 0.6em 1.2em;
    list-style: none;
    outline: none;
    text-align: left;
    transition: background-color 0.35s;
    border-top: 1px solid #eee;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6;
    transition-duration: 0.175s;
}
.nice-select .option.selected {
    display: none;
    font-weight: 700;
    color: #653eb3;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.nice-select:before {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    opacity: 0.3;
    display: block;
    height: 5px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 5px;
    content: "";
}
.nice-select.open:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.no-csspointerevents .nice-select .list {
    display: none;
}
.no-csspointerevents .nice-select.open .list {
    display: block;
}
.vacancy {
    background: #fff;
    padding: 60px 0 67px;
}
.vacancy:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1279px) {
    .vacancy {
        padding: 60px 0 50px;
    }
}
@media (max-width: 1023px) {
    .vacancy {
        padding: 60px 0 42px;
    }
}
@media (max-width: 479px) {
    .vacancy {
        padding: 50px 0;
    }
}
.vacancy__top-text {
    margin-top: -15px;
    margin-bottom: 45px;
    color: #333339;
}
.vacancy__title {
    color: #653eb3;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 65px;
}
@media (max-width: 1023px) {
    .vacancy__title {
        margin-bottom: 40px;
    }
}
.vacancy-slider-wrap {
    position: relative;
    margin-bottom: -100px;
}
@media (max-width: 1023px) {
    .vacancy-slider-wrap {
        margin-bottom: 80px;
    }
}
@media (max-width: 479px) {
    .vacancy-slider-wrap {
        margin-bottom: 60px;
    }
}
.vacancy-slider {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.13);
    overflow: hidden;
    background: #902e88 url(../images/vacancy/slider-bg.png) -15px -5px;
}
.vacancy-slider,
.vacancy-slider__list {
    position: relative;
}
.vacancy-slider__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    height: 600px;
}
@media (max-width: 1023px) {
    .vacancy-slider__item {
        height: auto;
    }
}
.vacancy-slider__item_force-show {
    display: block !important;
}
.vacancy-slider__header {
    position: relative;
    left: 0;
    top: 0;
    width: 43%;
    color: #fff;
    padding: 65px 65px 65px 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1023px) {
    .vacancy-slider__header {
        max-width: 550px;
        padding: 50px 50px 30px;
        width: auto;
    }
}
@media (max-width: 767px) {
    .vacancy-slider__header {
        max-width: 550px;
        padding: 20px 80px 20px 20px;
        width: auto;
    }
}
.vacancy-slider__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-bottom: 28px;
    line-height: 0.92;
}
@media (max-width: 1023px) {
    .vacancy-slider__title {
        margin-bottom: 0.3em;
    }
}
@media (max-width: 767px) {
    .vacancy-slider__title {
        font-size: 24px;
    }
}
.vacancy-slider__author {
    font-weight: 700;
}
@media (max-width: 767px) {
    .vacancy-slider__author {
        font-size: 12px;
    }
}
.vacancy-slider__content {
    position: absolute;
    width: 55%;
    right: 0;
    top: 0;
    height: 100%;
    padding: 65px 65px 65px 115px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .vacancy-slider__content {
        padding-left: 65px;
    }
}
@media (max-width: 1023px) {
    .vacancy-slider__content {
        position: relative;
        width: auto;
        height: auto;
        padding: 40px 70px 50px 50px;
    }
}
@media (max-width: 767px) {
    .vacancy-slider__content {
        padding: 30px;
        font-size: 14px;
    }
}
.vacancy-slider__content_bg {
    background: #fff;
}
.vacancy-slider__content_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 1000px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #fff;
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg);
    content: "";
}
@media (max-width: 1023px) {
    .vacancy-slider__content_bg:before {
        display: none;
        content: "";
    }
    .vacancy-slider__content_bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
.vacancy-slider__photo,
.vacancy-slider__text {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.vacancy-slider__photo {
    position: absolute;
    bottom: 0;
    left: 9%;
    max-width: 75%;
    max-height: 90%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
@media (max-width: 1439px) {
    .vacancy-slider__photo {
        left: 0;
    }
}
@media (max-width: 1023px) {
    .vacancy-slider__photo {
        right: -160px;
        left: auto;
        max-width: 55%;
    }
}
@media (max-width: 767px) {
    .vacancy-slider__photo {
        right: 10px;
    }
}
@media (max-width: 479px) {
    .vacancy-slider__photo {
        right: 0;
    }
}
.vacancy-slider-controls__nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1100px;
    cursor: pointer;
    transition: opacity 0.35s;
}
.vacancy-slider-controls__nav:before {
    position: absolute;
    width: 45px;
    height: 45px;
    border: 2px solid #e3f00b;
    top: 50%;
    margin-top: -22px;
    transition: border-color 0.2s;
    content: "";
}
.vacancy-slider-controls__nav:hover:before {
    transition-duration: 0.175s;
    border-color: #ffd60b;
}
.vacancy-slider-controls__nav_disabled {
    opacity: 0.5;
    pointer-events: none;
}
.vacancy-slider-controls__nav_disabled:hover:before {
    border-color: #e3f00b;
}
.vacancy-slider-controls__nav_prev {
    right: 100%;
    margin-right: -160px;
}
.vacancy-slider-controls__nav_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-width: 2px 0 0 2px;
    right: 11%;
}
.vacancy-slider-controls__nav_next {
    left: 100%;
    margin-left: -160px;
}
.vacancy-slider-controls__nav_next:before {
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 11%;
}
.text-block {
    color: #000;
    margin-bottom: 130px;
}
.text-block:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1023px) {
    .text-block {
        margin-bottom: 80px;
    }
}
@media (max-width: 479px) {
    .text-block {
        margin-bottom: 60px;
    }
}
.text-block__title {
    float: left;
    width: 35%;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
}
@media (max-width: 479px) {
    .text-block__title {
        width: 100%;
    }
}
.text-block__text {
    float: right;
    width: 65%;
}
@media (max-width: 479px) {
    .text-block__text {
        width: 100%;
    }
}
.vacancy-advantages {
    color: #000;
    text-align: center;
    position: relative;
    font-size: 0;
}
.vacancy-advantages:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #fff;
    content: "";
}
.vacancy-advantages__item {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    height: 280px;
    padding: 55px 30px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-width: 0 0 1px;
    font-size: 16px;
}
@media (max-width: 1439px) {
    .vacancy-advantages__item {
        height: 250px;
        padding: 40px 20px 0;
    }
}
@media (max-width: 1023px) {
    .vacancy-advantages__item {
        height: 240px;
        padding: 50px 20px 0;
        font-size: 14px;
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .vacancy-advantages__item {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 50%;
    }
}
@media (max-width: 479px) {
    .vacancy-advantages__item {
        width: 100%;
    }
}
.vacancy-advantages__icon {
    display: block;
    margin: 0 auto;
    height: 100%;
}
.vacancy-advantages__icon-wrap {
    margin: -25px 0 0;
    height: 100px;
}
.vacancy-map {
    margin-bottom: 81px;
}
@media (max-width: 1279px) {
    .vacancy-map {
        margin-bottom: 64px;
    }
}
@media (max-width: 767px) {
    .vacancy-map {
        margin-bottom: 32px;
    }
}
.vacancy-map__title {
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 45px;
    color: #44485d;
    margin-bottom: 16px;
    text-align: center;
}
@media (max-width: 1439px) {
    .vacancy-map__title {
        font-size: 28px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        line-height: 35px;
    }
}
@media (max-width: 1023px) {
    .vacancy-map__title {
        font-size: 22px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        line-height: 27px;
    }
}
.vacancy-map__description {
    font-size: 26px;
    line-height: 32px;
    color: #44485d;
    text-align: center;
    margin-bottom: 64px;
}
@media (max-width: 1439px) {
    .vacancy-map__description {
        font-size: 21px;
        line-height: 26px;
    }
}
@media (max-width: 1023px) {
    .vacancy-map__description {
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width: 767px) {
    .vacancy-map__image-wrapper {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}
.vacancy-map__image {
    display: block;
    width: 998px;
    margin: 0 auto;
}
@media (max-width: 1279px) {
    .vacancy-map__image {
        width: 930px;
    }
}
@media (max-width: 1023px) {
    .vacancy-map__image {
        width: 728px;
    }
}
@media (max-width: 767px) {
    .vacancy-map__image {
        padding-right: 120px;
    }
}
.vacancy-map__inner {
    position: relative;
    pointer-events: none;
}
.vacancy-map .text-block {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.map {
    height: 840px;
    overflow: hidden;
    background: no-repeat 50% 50% / cover;
}
.map_ru {
    background-image: url(../images/vacancy/mapsRU.jpg);
}
.map_en {
    background-image: url(../images/vacancy/mapsEN.jpg);
}
@media (max-width: 479px) {
    .map {
        height: 500px;
    }
}
.marker-title {
    position: absolute;
    visibility: visible;
    z-index: 1030;
    overflow: visible !important;
}
.marker-title__inner {
    position: absolute;
    display: block;
    white-space: nowrap;
    color: #fff;
    bottom: 15px;
    left: 35px;
}
.marker-title__city {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
.marker-title__street {
    line-height: 1.2;
    font-size: 14px;
}
.place {
    position: absolute;
    visibility: visible;
    z-index: 1030;
    overflow: visible !important;
    margin: 0 !important;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: opacity 0.2s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: opacity 0.2s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.place_open {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.place__inner {
    position: absolute;
    width: 250px;
    height: 240px;
    background-size: cover;
    border-radius: 5px;
    border-bottom: 4px solid #000;
    bottom: 15px;
    margin-left: -125px;
}
.place__inner:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0;
    border-color: #000 transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    content: "";
}
.place__content {
    position: absolute;
    bottom: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    z-index: 5;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.8) 100%);
}
.place__cover {
    position: absolute;
    z-index: 6;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.place__title {
    font-weight: 700;
}
.place__close {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    left: 100%;
    top: 0;
}
.place__close:after,
.place__close:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 3px;
    background: #653eb3;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-left: -11px;
}
.place__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
.place__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}
.vacancy-list {
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    .vacancy-list {
        padding-bottom: 20px;
    }
}
.vacancy-list__image {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: -50px;
}
@media (max-width: 1023px) {
    .vacancy-list__image {
        display: none;
    }
}
.vacancy-list__additional-info {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1023px) {
    .vacancy-list__additional-info {
        margin-bottom: 13px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.vacancy-list__additional-item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 32px;
    background-image: none;
    margin-bottom: 14px;
}
.vacancy-list__additional-item:not(:last-child) {
    margin-right: 30px;
}
.vacancy-list__additional-item::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: -4px;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vacancy-list__additional-item_spb::before {
    background-image: url(../images/spb.svg);
}
.vacancy-list__additional-item_cyprus::before {
    background-image: url(../images/cyprus.svg);
}
.vacancy-list__additional-item_remote::before {
    background-image: url(../images/remote.svg);
}
.vacancy-list__additional-item_bgd::before {
    background-image: url(../images/belgrade-icon.svg);
}
.vacancy-list__title {
    margin-bottom: 90px;
    color: #44485d;
    line-height: 0.9;
    font-weight: 900;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 100px;
}
@media (max-width: 1023px) {
    .vacancy-list__title {
        font-size: 82px;
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .vacancy-list__title {
        font-size: 50px;
        margin-bottom: 30px;
    }
}
.vacancy-list__title__min {
    font-size: 91px;
}
@media (max-width: 1023px) {
    .vacancy-list__title__min {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .vacancy-list__title__min {
        font-size: 36px;
    }
}
.vacancy-list__title__big {
    font-size: 91px;
}
.vacancy-list__title__big_color {
    color: #653eb3;
}
@media (max-width: 1023px) {
    .vacancy-list__title__big {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .vacancy-list__title__big {
        font-size: 36px;
    }
}
.vacancy-list__item {
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
}
.vacancy-list__item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(101%);
    top: -2px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    background: #e0d8f1;
    transition: opacity 0.1s ease;
}
.vacancy-list__item:hover::before {
    opacity: 1;
}
.vacancy-list__item_not-find::before,
.vacancy-list__item_not-find:hover::before {
    opacity: 0;
}
@media (max-width: 1023px) {
    .vacancy-list__item:hover::before {
        opacity: 0;
        display: none;
    }
}
@media (max-width: 767px) {
    .vacancy-list__item:hover::before {
        opacity: 0;
        display: none;
    }
}
.vacancy-list__item_product-gd .vacancy-list__category {
    color: #009fdf;
}
.vacancy-list__item_delivery-pm .vacancy-list__category {
    color: #faa597;
}
.vacancy-list__item_engineering .vacancy-list__category {
    color: #69c9b5;
}
.vacancy-list__item_art .vacancy-list__category {
    color: #f3b20d;
}
.article__updates-link a,
.vacancy-list__item_marketing .vacancy-list__category {
    color: #653eb3;
}
.vacancy-list__item_analytics .vacancy-list__category {
    color: #8cc600;
}
.vacancy-list__item_management .vacancy-list__category {
    color: #00c3ae;
}
.vacancy-list__item_hr-finance .vacancy-list__category {
    color: #902d89;
}
.vacancy-list__item_support .vacancy-list__category {
    color: #4e5b70;
}
.vacancy-list__info {
    position: relative;
}
.vacancy-list__info__border,
.vacancy-list__wrapper-item__border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #efeeef;
}
.vacancy-list__info:last-child,
.vacancy-list__wrapper-item:last-child {
    margin-bottom: 0;
}
.vacancy-list__info:last-child .vacancy-list__info__border,
.vacancy-list__info:last-child .vacancy-list__wrapper-item__border,
.vacancy-list__wrapper-item:last-child .vacancy-list__info__border,
.vacancy-list__wrapper-item:last-child .vacancy-list__wrapper-item__border {
    display: none;
}
.vacancy-list__wrapper-item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    padding: 50px 0;
    position: relative;
}
.vacancy-list__wrapper-item::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #dbdbe0;
}
@media (max-width: 1023px) {
    .vacancy-list__wrapper-item {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.vacancy-list__icons {
    font-size: 0;
    margin-left: -40px;
}
.vacancy-list__icon {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 80px;
    margin-left: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.vacancy-list__head {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    vertical-align: top;
    width: 32%;
    padding-right: 35px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vacancy-list__head:hover .vacancy-list__position {
    color: #653eb3;
    transition-duration: 0.175s;
}
.vacancy-list__head:hover .vacancy-list__more__link:before,
.vacancy-list__more__link:hover:before {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    transition-duration: 0.175s;
}
@media (max-width: 1023px) {
    .vacancy-list__head {
        width: 30%;
        margin-bottom: 25px;
    }
    .vacancy-list__head:hover .vacancy-list__position {
        color: #44485d;
    }
    .vacancy-list__head:hover .vacancy-list__more__link:before {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media (max-width: 767px) {
    .vacancy-list__head {
        width: 100%;
        padding-right: 0;
    }
    .vacancy-list__head:hover .vacancy-list__position {
        color: #44485d;
    }
    .vacancy-list__head:hover .vacancy-list__more__link:before {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.vacancy-list__heading {
    margin-bottom: 30px;
}
@media (max-width: 1023px) {
    .vacancy-list__heading {
        margin-bottom: 0;
    }
}
.vacancy-list__category {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px;
    text-transform: uppercase;
}
@media (max-width: 479px) {
    .vacancy-list__category {
        font-size: 14px;
    }
}
.vacancy-list__position {
    display: block;
    margin-bottom: 10px;
    font-size: 27px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 37px;
    color: #44485d;
}
@media (max-width: 767px) {
    .vacancy-list__position {
        width: 100%;
        margin-bottom: 10px;
    }
}
.vacancy-list__not-find {
    width: 32%;
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding-right: 35px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .vacancy-list__not-find {
        width: 100%;
        margin-bottom: 10px;
    }
}
.vacancy-list__info {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #653eb3;
    line-height: 0.9;
    padding-bottom: 60px;
    margin-bottom: 45px;
}
@media (max-width: 1439px) {
    .vacancy-list__info {
        font-size: 32px;
    }
}
@media (max-width: 1023px) {
    .vacancy-list__info {
        font-size: 26px;
        padding-bottom: 45px;
    }
}
.vacancy-list__info__text {
    width: 60%;
}
@media (max-width: 1023px) {
    .vacancy-list__info__text {
        width: 100%;
    }
}
.vacancy-list__content {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    font-size: 16px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
}
.vacancy-list__content:first-child {
    margin-left: 25%;
}
@media (max-width: 1023px) {
    .vacancy-list__content:first-child {
        margin-left: 30%;
    }
    .vacancy-list__content {
        margin-bottom: 32px;
        width: 70%;
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    .vacancy-list__content {
        width: 100%;
        padding-right: 0;
    }
    .vacancy-list__content:first-child {
        margin-left: 0;
    }
}
.vacancy-list__description {
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 18px;
    color: #44485d;
}
.vacancy-list__definition-table:last-child,
.vacancy-list__description:last-child {
    margin-bottom: 0;
}
.vacancy-list__more {
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .vacancy-list__more {
        width: 100%;
        display: none;
    }
}
.vacancy-list__more_mobile {
    display: none;
}
@media (max-width: 1023px) {
    .vacancy-list__more_mobile {
        display: inline-block;
    }
}
.vacancy-list__more__link {
    line-height: 1;
    position: relative;
    display: inline-block;
}
.vacancy-list__more__link:before {
    width: 45px;
    height: 16px;
    background: url(../images/arrow-more.svg) no-repeat;
    display: block;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    content: "";
}
.vacancy-list__more__link:after {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: "";
}
.vacancy-list__more-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 125%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #44485d;
    opacity: 0.5;
}
.vacancy-list__definition-table {
    margin-bottom: 10px;
}
.vacancy-list__wrapper {
    position: relative;
    padding-bottom: 80px;
}
@media (max-width: 1023px) {
    .vacancy-list__wrapper {
        padding-bottom: 40px;
    }
}
.vacancy-list__filter {
    padding-bottom: 35px;
}
.vacancy-list__filter:last-child {
    padding-bottom: 40px;
    border-bottom: 1px solid #dbdbe0;
}
@media (max-width: 1023px) {
    .vacancy-list__filter {
        padding-bottom: 20px;
    }
}
.vacancy-list__filter__list {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
@media (max-width: 1023px) {
    .vacancy-list__filter__list {
        overflow-x: auto;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 12px;
        padding-left: 12px;
    }
    .vacancy-list__filter__list::-webkit-scrollbar {
        display: none;
    }
}
.vacancy-list__filter__item {
    cursor: pointer;
    margin: 8px;
    display: inline-block;
    position: relative;
    padding: 12px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 700;
    text-transform: uppercase;
    color: #333339;
    outline: none;
    background: #e9eaf0;
    border-radius: 4px;
    border: 0;
    transition: background 200ms ease, color 0.35s;
}
.vacancy-list__filter__item:hover {
    color: #653eb3;
    border-bottom-color: #333339;
}
.vacancy-list__filter__item.active {
    background: #653eb3;
    color: #fff;
}
.vacancy-list__filter__item.active:hover {
    color: #fff;
}
@media (max-width: 1023px) {
    .vacancy-list__filter__item {
        white-space: nowrap;
    }
}
.vacancy-list__filter__item_hide,
input.file-field {
    display: none;
}
.vacancy-list__filter-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 8px;
}
.vacancy-list__logo {
    display: block;
    margin-top: 6px;
    width: 160px;
}
.vacancy-list__footer-wrapper-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .vacancy-list__footer-wrapper-content {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.vacancy-list__footer-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
    width: 50%;
    color: #fff;
}
.vacancy-list__footer-item:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 100%;
    width: 50vw;
    background: #653eb3;
    will-change: filter;
    transition: filter 200ms ease;
    transition: filter 200ms ease, -webkit-filter 200ms ease;
}
.vacancy-list__footer-item:first-child {
    padding-right: 108px;
}
.vacancy-list__footer-item:last-child {
    padding-left: 108px;
}
.vacancy-list__footer-item:last-child:before {
    left: 0;
    background: #009fdf;
}
@media (max-width: 1023px) {
    .vacancy-list__footer-item {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .vacancy-list__footer-item:first-child {
        padding-right: 0;
    }
    .vacancy-list__footer-item:before {
        right: auto;
        left: 50%;
        width: 101vw;
        -webkit-transform: translateX(-50.5%);
        -ms-transform: translateX(-50.5%);
        transform: translateX(-50.5%);
    }
    .vacancy-list__footer-item:last-child {
        padding-left: 0;
    }
    .vacancy-list__footer-item:last-child:before {
        left: 50%;
    }
}
.vacancy-list__footer-content {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 360px;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vacancy-list__footer-heading {
    font-family: "Panton Caps";
    font-weight: 900;
    font-size: 24px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.vacancy-list__footer-description {
    font-size: 14px;
    line-height: 125%;
    margin-bottom: 40px;
}
.vacancy-list__footer-button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px;
    min-width: 200px;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    color: #653eb3;
}
.vacancy-page-top {
    position: relative;
    z-index: 2;
}
.vacancy-page-top__cover,
.vacancy-page-top__pre-header {
    height: 300px;
}
@media (max-width: 1023px) {
    .vacancy-page-top__cover,
    .vacancy-page-top__pre-header {
        height: 250px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-top__cover,
    .vacancy-page-top__pre-header {
        height: 200px;
    }
}
.vacancy-page-top__pre-header {
    background-color: #653eb3;
    overflow: hidden;
    position: relative;
}
.vacancy-page-top__pre-header_product-gd {
    background-color: #ccecf9;
}
.vacancy-page-top__pre-header_delivery-pm {
    background-color: #fdf5f4;
}
.vacancy-page-top__pre-header_engineering {
    background-color: #ecfaf7;
}
.vacancy-page-top__pre-header_art {
    background-color: #fff8e7;
}
.vacancy-page-top__pre-header_marketing {
    background-color: #f4ecf7;
}
.vacancy-page-top__pre-header_analytics {
    background-color: #eef6d9;
}
.vacancy-page-top__pre-header_management {
    background-color: #d9f6f3;
}
.vacancy-page-top__pre-header_hr-finance {
    background-color: #eee0ed;
}
.vacancy-page-top__pre-header_support {
    background-color: #fcfdfd;
}
.vacancy-page-top__cover {
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
}
.d-no-mobile .vacancy-page-top__cover {
    position: fixed;
}
.vacancy-page-top__cover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    content: "";
}
.vacancy-page-top__content,
.vacancy-page-top__media {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.vacancy-page-top__media {
    float: right;
    margin: -65px -80px 80px 0;
}
@media (max-width: 1439px) {
    .vacancy-page-top__media {
        margin: -35px -50px 60px 0;
        width: 100%;
        padding-left: 300px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media (max-width: 1023px) {
    .vacancy-page-top__media {
        margin: -35px 0 15px;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .vacancy-page-top__media {
        float: none;
        margin: -30px 0 30px;
        width: 100%;
    }
}
.vacancy-page-top__media img {
    width: 100%;
    max-width: 1000px;
}
.vacancy-page-top__content {
    position: absolute;
    top: 90px;
}
@media (max-width: 1023px) {
    .vacancy-page-top__content {
        padding-left: 0;
        margin: -45px 0 0;
        position: static;
    }
}
@media (max-width: 767px) {
    .vacancy-page-top__content {
        padding: 0;
        margin: 0;
    }
}
.vacancy-page-title {
    position: relative;
    z-index: 3;
    background: #fff;
}
.vacancy-page-title__container {
    position: relative;
    padding: 80px 0 40px;
}
@media (max-width: 769px) {
    .vacancy-page-title__container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-title__container {
        padding-top: 40px;
    }
}
.vacancy-page-title__title {
    width: 100%;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 82px;
    line-height: 1;
    color: #2f334b;
    text-transform: uppercase;
}
@media (max-width: 1023px) {
    .vacancy-page-title__title {
        width: 75%;
        margin-bottom: 20px;
    }
}
@media (max-width: 769px) {
    .vacancy-page-title__title {
        font-size: 70px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-title__title {
        font-size: 38px;
        margin-bottom: 15px;
    }
}
.vacancy-page-title__link-arrow {
    margin-bottom: 15px;
    display: inline-block !important;
}
@media (max-width: 1279px) {
    .vacancy-page-title__link-arrow {
        padding-left: 65px;
    }
    .vacancy-page-title__link-arrow svg {
        left: 0 !important;
    }
}
@media (max-width: 767px) {
    .vacancy-page-title__link-arrow {
        padding-left: 0;
    }
}
.vacancy-page-title__definition-table {
    margin-bottom: 10px;
}
.vacancy-page-info__intro__text:last-child,
.vacancy-page-title__definition-table:last-child {
    margin-bottom: 0;
}
.vacancy-page-title__data {
    position: absolute;
    top: 100%;
    left: 0;
    width: 290px;
}
@media (max-width: 1023px) {
    .vacancy-page-title__data {
        position: static;
        width: auto;
    }
}
.vacancy-page-info {
    position: relative;
    background: #fff;
    z-index: 2;
    margin-bottom: 80px;
}
.vacancy-page-info__container {
    position: relative;
    padding: 0;
}
.vacancy-page-info__container:after,
div.file-field:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.vacancy-page-info__content {
    padding: 0 50px 0 400px;
}
@media (max-width: 1439px) {
    .vacancy-page-info__content {
        padding: 0 0 0 400px;
    }
}
@media (max-width: 1023px) {
    .vacancy-page-info__content {
        padding: 0 15px 0 0;
    }
}
@media (max-width: 769px) {
    .vacancy-page-info__content {
        padding: 0 15px;
    }
}
.vacancy-page-info__intro {
    margin-bottom: 75px;
}
@media (max-width: 1023px) {
    .vacancy-page-info__intro {
        margin-bottom: 50px;
    }
}
@media (max-width: 769px) {
    .vacancy-page-info__intro {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-info__intro {
        margin-bottom: 40px;
    }
}
.vacancy-page-info__intro__text {
    margin-bottom: 22px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 300;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
    .vacancy-page-info__intro__text {
        font-size: 18px;
    }
}
.vacancy-page-info__text {
    margin-bottom: 50px;
}
@media (max-width: 769px) {
    .vacancy-page-info__text {
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-info__text {
        padding-left: 0;
        margin-bottom: 20px;
    }
}
.vacancy-page-info__text h2 {
    margin-bottom: 1.1em;
    font-size: 24px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .vacancy-page-info__text h2 {
        font-size: 18px;
    }
}
.vacancy-page-info__interview {
    margin-bottom: 72px;
}
.vacancy-page-info__interview h3 {
    margin-bottom: 30px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 900;
}
.vacancy-page-info__interview .interview-block {
    border-radius: 5px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.06);
}
.vacancy-page-info__interview .interview-block__image-block {
    position: relative;
    height: 120px;
    padding: 23px 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
.vacancy-page-info__interview .interview-block__image-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
    width: 66%;
    opacity: 0.8;
    background-image: linear-gradient(to left, rgba(47, 51, 75, 0), #2f334b 79%, #2f334b);
}
@media (max-width: 479px) {
    .vacancy-page-info__interview .interview-block__image-block {
        padding: 23px 10px;
    }
}
.vacancy-page-info__interview .interview-block__person {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}
.vacancy-page-info__interview .interview-block__person-img {
    width: 74px;
    height: 74px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 479px) {
    .vacancy-page-info__interview .interview-block__person-img {
        width: 56px;
        height: 56px;
        border: 2px solid #fff;
    }
}
.vacancy-page-info__interview .interview-block__person-info {
    margin-left: 30px;
}
@media (max-width: 479px) {
    .vacancy-page-info__interview .interview-block__person-info {
        margin-left: 10px;
    }
}
.vacancy-page-info__interview .interview-block__person-name {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.2px;
    color: #fff;
}
.vacancy-page-info__interview .interview-block__person-position {
    opacity: 0.64;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #fff;
}
@media (max-width: 479px) {
    .vacancy-page-info__interview .interview-block__person-position {
        font-size: 12px;
    }
}
.vacancy-page-info__interview .interview-block__text-block {
    padding: 40px;
}
.vacancy-page-info__interview .interview-block__text-block ul:nth-child(2) {
    display: none;
}
.vacancy-page-info__interview .interview-block__text-block li {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #333339;
}
.vacancy-page-info__interview .interview-block__text-block li:nth-child(2n-1) {
    margin-bottom: 16px;
    font-weight: 700;
    color: #2e334b;
}
.vacancy-page-info__interview .interview-block__button {
    padding: 10px 20px;
    background-color: #f5f5f7;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.vacancy-page-info__interview .interview-block__button:focus {
    outline: none;
}
.vacancy-page-info__interview .interview-block__button:hover span {
    color: #650086;
}
.vacancy-page-info__interview .interview-block__button:hover path {
    stroke: #650086;
}
.vacancy-page-info__interview .interview-block__button span {
    margin-right: 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.62;
    text-align: right;
    color: #9d1f8d;
    transition: color 0.35s;
}
.vacancy-page-info__interview .interview-block__button-icon {
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}
.vacancy-page-info__interview .interview-block__button-icon path {
    transition: stroke 0.35s;
}
.vacancy-page-info__interview .interview-block__button_active .interview-block__button-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vacancy-page-info__game_visible {
    transition-duration: 0.175s;
    opacity: 1;
}
.vacancy-page-info__gallery {
    overflow: hidden !important;
    opacity: 0;
    transition: opacity 0.35s;
    margin-bottom: 50px;
    position: relative;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}
.vacancy-page-info__gallery_dragged {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -ms-grabbing;
    cursor: -o-grabbing;
    cursor: grabbing;
}
@media (max-width: 767px) {
    .vacancy-page-info__gallery {
        margin-bottom: 20px;
    }
}
.vacancy-page-info__gallery_visible {
    transition-duration: 0.175s;
    opacity: 1;
}
.vacancy-page-info__gallery__wrapper {
    width: 10000% !important;
}
.vacancy-page-info__gallery__item {
    display: inline-block;
    vertical-align: top;
    list-style: none;
}
.vacancy-page-info__gallery__item__image {
    display: block;
    height: 300px;
    margin: 0 auto;
}
@media (max-width: 479px) {
    .vacancy-page-info__gallery__item__image {
        height: 200px;
    }
}
.vacancy-page-info__gallery__nav {
    position: absolute;
    top: 0;
}
@media (max-width: 1023px) {
    .vacancy-page-info__gallery__nav {
        display: none;
    }
}
.vacancy-page-info__gallery__nav__item {
    position: absolute;
    width: 15%;
    min-width: 100px;
    height: 100%;
    cursor: pointer;
}
@media (max-width: 479px) {
    .vacancy-page-info__gallery__nav__item {
        width: 15%;
        min-width: 40px;
    }
}
.vacancy-page-info__gallery__nav__item.disabled {
    cursor: default;
    opacity: 0;
}
.vacancy-page-info__gallery__nav__item:before {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 70px;
    margin: -35px 0 0;
    background: url(../images/source/slider-arrow.png) no-repeat;
    background-size: contain;
    opacity: 0.8;
    content: "";
}
@media (max-width: 479px) {
    .vacancy-page-info__gallery__nav__item:before {
        width: 20px;
        height: 35px;
        margin: -18px 0 0;
        content: "";
    }
}
.vacancy-page-info__gallery__nav__item:hover:before {
    opacity: 1;
}
.vacancy-page-info__gallery__nav__item_prev {
    left: 0;
}
.vacancy-page-info__gallery__nav__item_prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 30px;
}
@media (max-width: 479px) {
    .vacancy-page-info__gallery__nav__item_prev {
        left: 0;
    }
    .vacancy-page-info__gallery__nav__item_prev:before {
        left: 10px;
    }
}
.vacancy-page-info__gallery__nav__item_next {
    right: 0;
}
.vacancy-page-info__gallery__nav__item_next:before {
    right: 30px;
}
@media (max-width: 479px) {
    .vacancy-page-info__gallery__nav__item_next {
        right: 0;
    }
    .vacancy-page-info__gallery__nav__item_next:before {
        right: 10px;
    }
}
.vacancy-page-info__footer {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.vacancy-page-info__footer .vacancy-page__apply-btn {
    margin-top: 0;
}
.vacancy-page-info__footer .vacancy-page__apply-btn:last-child {
    margin-top: 0;
}
@media (max-width: 769px) {
    .vacancy-page-info__footer {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-info__footer {
        margin-bottom: 0;
        padding: 0 16px;
    }
}
@media (max-width: 479px) {
    .vacancy-page-info__footer {
        display: block;
    }
    .vacancy-page-info__footer .vacancy-page__apply-btn {
        margin-right: 0;
        margin-top: 32px;
    }
    .vacancy-page-info__footer .vacancy-page__apply-btn:last-child {
        margin-top: 24px;
    }
}
.vacancy-page-info__sidebar {
    position: absolute;
    top: 340px;
    left: 75px;
}
.vacancy-game-gallery {
    margin-right: 0 !important;
}
.vacancy-game-gallery-item {
    padding: 0 !important;
    margin: 0 auto;
}
.vacancy-page-info-game__gallery__nav {
    position: absolute;
    top: 0;
    width: 100% !important;
    left: 0 !important;
}
.vacancy-sidebar {
    position: relative;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    height: auto;
    width: auto !important;
}
@media (max-width: 1170px) {
    .vacancy-sidebar {
        display: none !important;
    }
}
.vacancy-sidebar__link-arrow {
    margin-bottom: 30px;
}
.vacancy-sidebar__list {
    padding-left: 20px;
    max-width: 280px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vacancy-sidebar__item {
    margin-bottom: 15px;
}
.vacancy-sidebar__item:last-child {
    margin-bottom: 0;
}
.vacancy-sidebar__item_active {
    font-weight: 700;
}
.vacancy-sidebar__actions {
    padding-left: 20px;
}
.definition-table {
    font-size: 14px;
}
.definition-table td {
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .definition-table td {
        padding-bottom: 5px;
    }
}
.definition-table td:last-child {
    font-weight: 700;
    padding-left: 20px;
    font-size: 16px;
}
@media (max-width: 767px) {
    .definition-table td:last-child {
        font-size: 14px;
    }
}
.link-arrow {
    display: inline-block;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #653eb3;
    transition: color 0.35s;
}
.link-arrow,
.link-arrow__text {
    position: relative;
}
@media (max-width: 1170px) {
    .link-arrow_back {
        display: none;
    }
    .link-arrow_back_always {
        display: inline-block;
        margin-left: 80px;
    }
}
@media (max-width: 1170px) and (max-width: 769px) {
    .link-arrow_back_always {
        margin-left: 0;
    }
}
.link-arrow_back svg {
    position: absolute;
    left: -80px;
    top: 3px;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 769px) {
    .link-arrow_back svg {
        left: 0;
    }
}
.link-arrow_back path,
.link-arrow_contact path,
.link-arrow_support path {
    fill: #653eb3;
    transition: fill 0.2s;
}
.link-arrow_back:after,
.link-arrow_contact:after,
.link-arrow_support:after {
    position: absolute;
    top: -7px;
    left: -75%;
    z-index: 1;
    width: 180%;
    height: 140%;
    padding: 0;
    content: "";
    cursor: pointer;
}
@media (max-width: 769px) {
    .link-arrow_back .link-arrow__text {
        padding-left: 65px;
    }
}
.link-arrow_back:hover svg {
    -webkit-transform: translateX(-5px) rotate(180deg);
    -ms-transform: translateX(-5px) rotate(180deg);
    transform: translateX(-5px) rotate(180deg);
}
.link-arrow_back:hover path,
.link-arrow_contact:hover path,
.link-arrow_support:hover path {
    fill: #392959;
}
.link-arrow_contact {
    position: absolute;
    bottom: -105px;
    font-size: 26px;
    line-height: 1;
}
.link-arrow_contact:after,
.link-arrow_support:after {
    top: -5px;
    left: 0;
    height: 120%;
}
@media (max-width: 767px) {
    .link-arrow_contact {
        left: 0;
    }
}
.link-arrow_contact svg {
    position: absolute;
    right: -120px;
    top: 50%;
    margin-top: -8px;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
@media (max-width: 767px) {
    .link-arrow_contact svg {
        right: -75px;
    }
}
.link-arrow_contact:hover svg,
.link-arrow_support:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.link-arrow_support {
    position: absolute;
    left: 50px;
    bottom: -65px;
    font-size: 26px;
    line-height: 1;
}
@media (max-width: 767px) {
    .link-arrow_support {
        left: 20px;
    }
}
.link-arrow_support svg {
    position: absolute;
    right: -70px;
    top: 4px;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
@media (max-width: 767px) {
    .link-arrow_support svg {
        right: -55px;
    }
}
.link-arrow:hover,
a.category__link:hover {
    color: #392959;
    transition-duration: 0.175s;
}
.link-arrow_article {
    margin-bottom: 15px;
    color: #fff;
}
@media (max-width: 1023px) {
    .link-arrow_article {
        display: none;
    }
}
.apply__back path,
.apply__back:hover path,
.game-contacts__arrow path,
.link-arrow_article path,
.link-arrow_article:hover path,
.new-game-footer .new-game-footer__link-arrow path,
.thumb__arrow path {
    fill: #fff;
}
.link-arrow_article:hover {
    color: #fff;
}
.action {
    position: relative;
    z-index: 5;
    padding: 25px 0 10px;
    line-height: 1.2;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #653eb3;
    transition: color 0.35s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.action:hover .action__text {
    color: #392959;
    transition: all 0.35s;
}
.action:hover .action__text:after {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(2);
    -ms-transform: scaleX(2);
    transform: scaleX(2);
    background-color: #392959;
    transition-delay: 0.1s;
}
.action:hover .action__icon {
    -webkit-animation: rock 4.6s ease infinite 2s;
    animation: rock 4.6s ease infinite 2s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.action_vacancy-page {
    position: relative;
    display: inline-block;
    width: 210px;
    margin-top: -15px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .action_vacancy-page {
        margin-bottom: 25px;
    }
}
.action__icon {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 90px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: transform 0.35s 0.35s;
    transition: transform 0.35s 0.35s, -webkit-transform 0.35s 0.35s;
}
.action__icon_rock {
    background-image: url(../images/rock.png);
}
.action__text {
    position: relative;
    z-index: 2;
    float: left;
}
.action__text:after,
.field:after {
    position: absolute;
    left: 0;
    height: 2px;
    content: "";
}
.action__text:after {
    display: block;
    width: calc(100% + 10px);
    background-color: #653eb3;
    transition: all 0.35s;
    transition-delay: 0.6s;
    bottom: -10px;
}
.btn,
.guns__levelup {
    color: #653eb3;
    font: 700 14px/1.5 "Roboto", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: color 0.35s, background-color 0.35s, box-shadow 0.35s;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
    background: #fff;
    border: none;
    margin: 0;
    padding: 15px 38px;
    letter-spacing: 0.05em;
    border-radius: 2px;
    vertical-align: top;
    cursor: pointer;
}
.btn_secondary {
    box-shadow: none;
}
@media (max-width: 1023px) {
    .btn,
    .guns__levelup {
        font-size: 12px;
    }
}
.btn:hover {
    color: #b70bab;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
    transition-duration: 0.175s;
}
.btn:active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
}
.btn_branded {
    background-color: #653eb3;
    color: #fff;
}
.btn_branded:hover {
    background-color: #392959;
    color: #fff;
}
.field {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.field:after {
    bottom: -1px;
    width: 100%;
    background: #d98fd3;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.field.open:after,
.field_focus:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.field.i-error {
    border-bottom-color: rgba(255, 0, 0, 0.7);
}
.field.i-error:after {
    background-color: red;
}
.field_light {
    border-bottom-color: rgba(255, 255, 255, 0.21);
}
.field__label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: text;
}
.field__input {
    display: block;
    font: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: 0 0;
    padding: 0 0 3px;
    margin: 0;
}
.field_focus .field__label,
.field_value .field__label {
    -webkit-transform: scale(0.83333333) translateY(-1.2em) translateZ(0);
    transform: scale(0.83333333) translateY(-1.2em) translateZ(0);
}
.field__label {
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(0, 0, 0, 0.35);
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.field_light .field__input {
    color: inherit;
}
.field_light .field__label {
    color: #ffaaf8;
}
.file-field {
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 767px) {
    .file-field {
        display: block;
    }
}
.file-field__list {
    display: inline;
}
.file-field__add {
    display: none;
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed rgba(255, 255, 255, 0.21);
    width: 50px;
    height: 50px;
    transition: border-color 0.35s;
    cursor: pointer;
}
.file-field__add_active {
    display: block;
}
.file-field__add:hover {
    transition-duration: 0.175s;
    border-color: rgba(101, 62, 179, 0.75);
}
.file-field__add:after,
.file-field__add:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #653eb3;
    content: "";
}
.file-field__add:before {
    margin-top: -8px;
    margin-left: -1px;
    width: 2px;
    height: 16px;
}
.file-field__add:after {
    margin-top: -1px;
    margin-left: -8px;
    width: 16px;
    height: 2px;
}
@media (max-width: 767px) {
    .file-field__add {
        width: 100%;
        margin-right: 0;
    }
}
.file-field__item,
.file-field__placeholder {
    float: left;
    padding: 13px 0;
    white-space: nowrap;
}
.file-field__placeholder {
    color: #ffaaf8;
    line-height: 22px;
}
@media (max-width: 479px) {
    .file-field__item,
    .file-field__placeholder {
        padding: 9px;
    }
}
.file-field__item__icon,
.file-field__item__remove,
.file-field__item__text,
.file-field__placeholder__icon,
.file-field__placeholder__remove,
.file-field__placeholder__text {
    display: inline-block;
    vertical-align: top;
}
.file-field__item__icon,
.file-field__placeholder__icon {
    margin-right: 15px;
    font-size: 22px;
    height: 22px;
}
.file-field__item__icon:before,
.file-field__item__remove:before,
.file-field__placeholder__icon:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E009";
}
@media (max-width: 479px) {
    .file-field__item__icon,
    .file-field__placeholder__icon {
        font-size: 18px;
        margin-right: 12px;
    }
}
.file-field__item__text,
.file-field__placeholder__text {
    height: 22px;
    line-height: 22px;
}
.file-field__placeholder {
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    padding-right: 23px;
    transition: border-color 0.35s;
    border: 1px solid rgba(255, 255, 255, 0.21);
    cursor: pointer;
}
@media (max-width: 479px) {
    .file-field__placeholder {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.file-field__placeholder_active {
    display: block;
}
.file-field__placeholder:hover {
    transition-duration: 0.175s;
    border-color: rgba(255, 170, 248, 0.75);
}
@media (max-width: 767px) {
    .file-field__placeholder {
        width: 100%;
        margin-right: 0;
    }
}
.file-field__item {
    margin-right: 35px;
    color: #653eb3;
    line-height: 1;
}
@media (max-width: 767px) {
    .file-field__item {
        width: 100%;
        margin-right: 0;
    }
}
.file-field__item__text {
    font-size: 14px;
    margin-right: 15px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-field__item__remove {
    position: relative;
    padding: 5px 0;
    font-size: 12px;
    cursor: pointer;
    transition: color 0.35s;
}
.file-field__item__remove:before {
    content: "\E008";
}
.file-field__item__remove:after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: "";
}
.form {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form__content {
    margin-bottom: 50px;
}
.form__row {
    font-size: 0;
}
.form__row .form__field:last-child {
    margin-right: 0;
}
.form__group,
.form__item {
    display: block;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .form__group,
    .form__item {
        margin-bottom: 30px;
    }
}
.form__group:last-child,
.form__item:last-child {
    margin-bottom: 0;
}
.form__field {
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #cacbd0;
    transition: border 0.35s;
    border-radius: 0;
}
.form__field:focus {
    border-bottom: 1px solid #653eb3;
}
.form__label {
    display: block;
    margin-bottom: 10px;
}
.aom-gallery__thumbs button.is-active,
.form_loading .form__inner {
    opacity: 0.5;
}
.form__note {
    display: block;
    margin-top: 0.8em;
    font-size: 14px;
    opacity: 0.5;
    font-style: italic;
}
.form__success {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.form__success__message {
    display: table;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form__success__message__text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 150%;
}
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 380px;
    min-width: 50px;
    box-shadow: none;
    padding: 0;
}
.qtip-content,
.qtip-titlebar {
    position: relative;
    overflow: hidden;
}
.qtip-content {
    text-align: left;
    word-wrap: break-word;
    padding: 1.2em 1.6em;
}
.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
}
.qtip-titlebar + .qtip-content {
    border-top-width: 0 !important;
}
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent;
}
.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
    top: 16px;
}
.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}
.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    color: inherit;
    background: no-repeat -100em -100em;
}
.qtip-icon,
.qtip-icon .ui-icon {
    text-decoration: none;
}
.qtip-default {
    border: 1px solid #eee;
    background-color: #fff;
    color: #333339;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}
.qtip .qtip-tip,
x:-o-prefocus {
    visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    background: 0 0;
    border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
    top: 0;
    left: 0;
}
.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}
.contact {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
@media (max-width: 767px) {
    .contact {
        position: static;
    }
}
@media (max-width: 769px) {
    .contact {
        width: 100%;
        padding: 0 15px;
    }
}
.contact__container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 73px 20px 81px;
    background-color: #fff;
}
.contact__column:after,
.contact__container:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1439px) {
    .contact__container {
        padding: 40px 20px;
    }
}
@media (max-width: 769px) {
    .contact__container {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .contact__container {
        padding: 40px 20px;
    }
}
.contact__column {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}
.contact__column_left {
    width: 55%;
    padding-right: 90px;
}
@media (max-width: 1439px) {
    .contact__column_left {
        padding-right: 40px;
    }
}
@media (max-width: 1023px) {
    .contact__column_left {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 0 40px;
    }
}
.contact__column_left:after {
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e6e6e6;
    content: "";
}
@media (max-width: 1023px) {
    .contact__column_left:after {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
        content: "";
    }
}
.contact__column_right {
    width: 45%;
    padding-left: 90px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1439px) {
    .contact__column_right {
        padding-left: 40px;
    }
}
@media (max-width: 1023px) {
    .contact__column_right {
        width: 100%;
        padding: 0;
    }
}
.contact__games {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}
@media (max-width: 767px) {
    .contact__games {
        display: block;
        margin-bottom: 10px;
        font-size: 0;
    }
}
.contact__games__item {
    display: inline-block;
    vertical-align: middle;
    transition: filter 0.35s;
    transition: filter 0.35s, -webkit-filter 0.35s;
    width: 16%;
}
@media (max-width: 767px) {
    .contact__games__item {
        margin-bottom: 20px;
        margin-right: 30px;
    }
}
@media (max-width: 479px) {
    .contact__games__item {
        width: 23% !important;
        min-width: 23%;
        margin-right: 25px;
    }
}
.contact__games__item img {
    display: block;
    opacity: 1;
    max-width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity 0.35s;
}
.contact__title {
    font: 700 24px "Panton Caps", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #653eb3;
    width: 280px;
}
.contact__info {
    width: 350px;
    float: right;
}
@media (max-width: 1439px) {
    .contact__info {
        width: 280px;
    }
}
@media (max-width: 767px) {
    .contact__info {
        float: none;
        width: 100%;
    }
}
.contact__phone {
    margin-bottom: 5px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #2f334b;
    font-size: 26px;
}
.contact__btn {
    display: inline-block;
    margin-right: 60px;
}
@media (max-width: 1439px) {
    .contact__btn {
        margin-right: 30px;
    }
}
@media (max-width: 479px) {
    .contact__btn {
        margin-bottom: 20px;
    }
}
.contact__text {
    font-size: 16px;
    display: inline-block;
    width: 220px;
}
.info-list {
    font-size: 16px;
}
@media (max-width: 767px) {
    .info-list {
        margin-bottom: 35px;
    }
}
.info-list_contact {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .info-list_contact {
        width: auto;
        display: block;
    }
}
@media (max-width: 479px) {
    .info-list_contact {
        margin-bottom: 0;
    }
}
.info-list__item {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .info-list__item {
        margin-bottom: 20px;
    }
}
.info-list__item:last-child {
    margin-bottom: 0;
}
.info-list_contact .info-list__item {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 25px;
}
@media (max-width: 1023px) {
    .info-list_contact .info-list__item {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .info-list_contact .info-list__item {
        margin-right: 40px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px;
    }
    .info-list_contact .info-list__item:last-child {
        margin-bottom: 0;
    }
}
.info-list__title {
    font-weight: 700;
}
.link {
    color: #653eb3;
    transition: color 0.35s;
}
.link:hover {
    color: #392959;
}
.apply {
    background-color: #fff;
    padding-bottom: 95px;
    color: #fff;
}
@media (max-width: 1023px) {
    .apply {
        padding-bottom: 0;
    }
}
.page .apply {
    display: none;
}
.apply__header {
    height: 424px;
    margin-bottom: 23px;
    padding-top: 130px;
    background-color: rgba(0, 0, 0, 0.2);
    background: no-repeat center;
    background-size: cover;
}
@media (max-width: 767px) {
    .apply__header {
        height: 212px;
    }
}
.apply__back {
    margin-bottom: 1em;
}
.apply__back,
.apply__back:hover {
    color: currentColor;
}
.apply__title {
    font-size: 97px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.1;
    max-width: 10em;
}
@media (max-width: 1023px) {
    .apply__title {
        font-size: 75px;
    }
}
@media (max-width: 767px) {
    .apply__title {
        font-size: 36px;
        max-width: 80%;
    }
}
.apply__form__title {
    margin-top: 60px;
    font-family: "Panton Caps";
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: #653eb3;
}
@media (max-width: 767px) {
    .apply__form__title {
        width: 90%;
    }
}
.apply__form__intro {
    margin-top: 30px;
    max-width: 32em;
    color: #2f334b;
}
@media (max-width: 767px) {
    .apply__form__intro {
        width: 90%;
    }
}
.apply__form__intro:nth-child(3) {
    margin-top: 20px;
    max-width: 25em;
}
@media (max-width: 767px) {
    .apply__form__intro:nth-child(3) {
        width: 90%;
    }
}
.apply__form__content {
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .apply__form__content {
        padding-right: 0;
    }
}
.apply__form__about:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.apply__form__vacancy {
    max-width: 550px;
}
.apply__form__column {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.apply__form__column .form__item {
    width: 45%;
    margin-right: 70px;
}
@media (max-width: 767px) {
    .apply__form__column .form__item {
        width: 100%;
        margin-right: 0;
    }
}
.apply__form__column .form__item_textarea {
    width: 100%;
}
@media (max-width: 767px) {
    .apply__form__column .form__item_file-field {
        width: 90%;
        max-width: 270px;
        margin-right: 10px;
    }
}
.apply__form__column .form__item__annotation {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #818392;
}
@media (max-width: 1023px) {
    .apply__form__column .form__item__annotation {
        margin-left: 0;
        margin-top: 10px;
    }
}
.apply__form__column .form__item .field__input {
    color: #2f334b;
}
.apply__form__column .form__item .field__label {
    color: #818392;
}
.advice__form__column .form__item .field:after,
.apply__form__column .form__item .field:after {
    background: #818392;
}
.apply__form__column .form__item:last-child {
    margin-right: 0;
}
.apply__form__column_bio {
    margin-right: 0;
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .apply__form__column {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 40px;
    }
}
.apply__form__column:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.apply__bio {
    height: 342px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px;
    margin-bottom: 42px;
    border-color: transparent;
    border-radius: 4px;
    color: #2f334b;
    overflow-y: auto;
    background-color: #f7f7f9;
    transition: background-color 0.35s;
}
.apply__bio::-webkit-scrollbar {
    width: 3px;
    background: 0 0;
}
.apply__bio::-webkit-scrollbar-track {
    border-radius: 0;
}
.apply__bio::-webkit-scrollbar-track-piece {
    background: 0 0;
}
.apply__bio::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #fff;
}
.apply__bio::-webkit-resizer,
.apply__bio::-webkit-scrollbar-button,
.apply__bio::-webkit-scrollbar-corner {
    display: none;
}
.apply__bio:placeholder {
    color: #818392;
}
.apply__bio:focus {
    background-color: rgba(247, 247, 249, 0.5);
}
.advice__checkbox-input.i-error + span:before,
.apply__bio.i-error {
    border-color: rgba(255, 0, 0, 0.7);
}
@media (max-width: 1023px) {
    .apply__bio {
        height: 200px;
        padding: 14px;
        margin-bottom: 0;
    }
}
.apply .btn_apply {
    height: 50px;
    padding: 15px 56px;
    box-shadow: 0 2px 6px 0 rgba(107, 18, 100, 0.41);
    background-color: #653eb3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #fff;
}
.apply .btn_apply:hover {
    background-color: #392959;
}
.apply .file-field {
    vertical-align: middle;
}
.apply .file-field:hover .file-field__placeholder {
    border-color: #747579;
}
.apply .file-field:hover .file-field__placeholder__icon:before,
.apply .file-field:hover .file-field__placeholder__text {
    color: #747579;
}
.apply .file-field__placeholder {
    border: 1px solid #818392;
    border-radius: 3px;
    transition: border 0.35s;
}
.apply .file-field__placeholder__icon:before,
.apply .file-field__placeholder__text {
    color: #818392;
    transition: color 0.35s;
}
.advice__form__column .form__item .field__input,
.apply .form__success__message__text {
    color: #2f334b;
}
.advice {
    width: 784px;
    margin: 120px auto;
    background-color: #fff;
    padding: 64px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1023px) {
    .advice {
        width: 100%;
        margin: 0;
        padding: 73px 20px 32px;
    }
}
@media (max-width: 767px) {
    .advice {
        padding-left: 19px;
        padding-right: 19px;
    }
}
@media (max-width: 374px) {
    .advice {
        padding-top: 50px;
    }
}
.advice__header-wrapper {
    position: relative;
}
.advice .arcticmodal-container {
    z-index: 1200 !important;
}
.page .advice {
    display: none;
}
.advice__header {
    margin-bottom: 48px;
}
@media (max-width: 1023px) {
    .advice__header {
        margin-bottom: 5px;
    }
}
.advice__back {
    position: absolute;
    right: -32px;
    top: -32px;
    padding: 0;
    background: #fff;
    width: 32px;
    height: 32px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100;
    border: none;
    cursor: pointer;
}
@media (max-width: 1023px) {
    .advice__back {
        width: 24px;
        height: 24px;
        right: 0;
        top: 12px;
    }
}
.advice__back-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../images/back-icon.svg);
}
@media (max-width: 1023px) {
    .advice__back-icon {
        width: 24px;
        height: 24px;
        background-size: cover;
    }
}
.advice__title {
    font-size: 35px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #44485d;
    line-height: 45px;
}
@media (max-width: 1023px) {
    .advice__title {
        font-size: 36px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        line-height: 50px;
    }
}
@media (max-width: 374px) {
    .advice__title {
        font-size: 32px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        line-height: 42px;
    }
}
.advice__form__title {
    margin-top: 60px;
    font-family: "Panton Caps";
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: #653eb3;
}
@media (max-width: 767px) {
    .advice__form__title {
        width: 90%;
    }
}
.advice__form__intro {
    color: #2f334b;
    margin-bottom: 24px;
}
.advice__form__intro:nth-child(3) {
    margin-top: 20px;
    max-width: 25em;
}
@media (max-width: 767px) {
    .advice__form__intro:nth-child(3) {
        width: 90%;
    }
}
.advice__form__content {
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .advice__form__content {
        padding-right: 0;
        margin: 0;
    }
}
.advice__form__about:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.advice__form__vacancy {
    max-width: 550px;
}
.advice__form__column {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.advice__form__column .form__item {
    width: 100%;
}
@media (max-width: 767px) {
    .advice__form__column .form__item {
        width: 100%;
        margin-right: 0;
    }
}
.advice__form__column .form__item_textarea {
    width: 100%;
}
@media (max-width: 767px) {
    .advice__form__column .form__item_file-field {
        width: 90%;
        margin-right: 10px;
    }
}
.advice__form__column .form__item__annotation {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #818392;
}
@media (max-width: 479px) {
    .advice__form__column .form__item__annotation {
        font-size: 12px;
    }
}
.advice__form__column .form__item .field__label {
    color: #818392;
}
@media (max-width: 1023px) {
    .advice__form__column .form__item .field__label {
        position: static;
    }
    .advice__form__column .form__item .field {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .advice__form__column .form__item .field .field__label {
        -webkit-transform: translateY(1.5em);
        -ms-transform: translateY(1.5em);
        transform: translateY(1.5em);
    }
    .advice__form__column .form__item .field_focus .field__label,
    .advice__form__column .form__item .field_value .field__label {
        -webkit-transform: scale(0.83333333) translateY(0.4em) translateZ(0);
        transform: scale(0.83333333) translateY(0.4em) translateZ(0);
    }
}
.advice__form__column .form__item {
    margin-bottom: 32px;
}
@media (max-width: 1023px) {
    .advice__form__column .form__item {
        margin-bottom: 8px;
    }
}
@media (max-width: 479px) {
    .advice__form__column .form__item {
        margin-bottom: 0;
    }
}
.advice__form__column .form__item:last-child,
.advice__form__column:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.advice__form__column_bio {
    margin-right: 0;
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .advice__form__column {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .advice__form__column .form__item_file-field {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        margin-bottom: 32px;
    }
}
.advice__form-fields {
    margin-bottom: 40px;
}
.advice__form-field:not(:last-child) {
    margin-bottom: 16px;
}
.advice__checkbox {
    position: relative;
}
.advice__checkbox-input {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}
.advice__checkbox-input.i-error + span,
.advice__checkbox-input.i-error + span a {
    color: rgba(255, 0, 0, 0.7);
}
.advice__checkbox-input:checked + .advice__checkbox-text:before {
    border-color: #653eb3;
    background: #653eb3 url(../images/check.svg) no-repeat center center;
    background-size: 11px 10px;
}
.advice__checkbox-input:checked + .advice__checkbox-text:hover:before {
    border-color: #392959;
    background: #392959 url(../images/check.svg) no-repeat center center;
}
.advice__checkbox-input:checked + .advice__checkbox-text:active:before {
    border-color: #44485d;
    background-color: #44485d;
}
.advice__checkbox-input:checked:disabled + .advice__checkbox-text {
    cursor: default;
}
.advice__checkbox-input:checked:disabled + .advice__checkbox-text:before {
    cursor: default;
    background-size: 11px 10px;
}
.advice__checkbox-input:checked:disabled + .advice__checkbox-text:before,
.advice__checkbox-input:checked:disabled + .advice__checkbox-text:hover:before {
    border-color: #d8d8d8;
    background: #d8d8d8 url(../images/check.svg) no-repeat center center;
}
.advice__checkbox-input:checked:disabled + .advice__checkbox-text:active:before {
    border-color: #d8d8d8;
    background-color: #d8d8d8;
}
.advice__checkbox-input:disabled + .advice__checkbox-text {
    cursor: default;
}
.advice__checkbox-input:disabled + .advice__checkbox-text:before {
    pointer-events: none;
    cursor: default;
    border-color: #d8d8d8;
}
.advice__checkbox-input:disabled + .advice__checkbox-text:hover:before {
    cursor: default;
    border-color: #d8d8d8;
}
.advice__checkbox-input:disabled + .advice__checkbox-text:active:before {
    border-color: #d8d8d8;
    background-color: #fff;
}
.advice__checkbox-text {
    cursor: pointer;
    display: block;
    padding-left: 32px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #44485d;
}
@media (max-width: 479px) {
    .advice__checkbox-text {
        font-size: 14px;
        line-height: 18px;
    }
}
.advice__checkbox-text:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    border: 2px solid #44485d;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.advice__checkbox-text:hover:before {
    border-color: #392959;
}
.advice__checkbox-text:active:before {
    border-color: #44485d;
    background-color: #44485d;
}
.advice__conditions {
    color: #653eb3;
    cursor: pointer;
}
.advice__bio {
    height: 240px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    margin-bottom: 32px;
    border-color: transparent;
    border-radius: 4px;
    color: #2f334b;
    overflow-y: auto;
    background-color: #f7f7f9;
    transition: background-color 0.35s;
}
.advice__bio::-webkit-scrollbar {
    width: 3px;
    background: 0 0;
}
.advice__bio::-webkit-scrollbar-track {
    border-radius: 0;
}
.advice__bio::-webkit-scrollbar-track-piece {
    background: 0 0;
}
.advice__bio::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #fff;
}
.advice__bio::-webkit-resizer,
.advice__bio::-webkit-scrollbar-button,
.advice__bio::-webkit-scrollbar-corner {
    display: none;
}
.advice__bio:placeholder {
    color: #818392;
}
.advice__bio:focus {
    background-color: rgba(247, 247, 249, 0.5);
}
.advice__bio.i-error {
    border-color: rgba(255, 0, 0, 0.7);
}
@media (max-width: 1023px) {
    .advice__bio {
        height: 176px;
        padding: 16px 22px;
        margin-bottom: 0;
    }
}
.advice .btn_advice {
    height: 54px;
    padding: 14px 44px;
    background-color: #653eb3;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #fff;
}
.advice .btn_advice:hover {
    background-color: #392959;
}
.advice .file-field {
    vertical-align: middle;
}
.advice .file-field:hover .file-field__placeholder {
    border-color: #747579;
}
.advice .file-field:hover .file-field__placeholder__icon:before,
.advice .file-field:hover .file-field__placeholder__text {
    color: #747579;
}
.advice .file-field__placeholder {
    border: 1px solid #818392;
    border-radius: 3px;
    transition: border 0.35s;
}
.advice .file-field__placeholder__icon:before,
.advice .file-field__placeholder__text {
    color: #818392;
    transition: color 0.35s;
}
.advice .form__success__message__text,
.timeline-row__cell.m-left .timeline-article.m-phone a,
.timeline-share h3 a {
    color: #2f334b;
}
.article {
    overflow: hidden;
    padding-top: 90px;
}
@media (max-width: 767px) {
    .article {
        padding-top: 40px;
    }
}
.article__list-wrapper {
    float: left;
    width: 30%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .article__list-wrapper {
        width: 30%;
    }
}
@media (max-width: 1023px) {
    .article__list-wrapper {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .article__list-wrapper {
        padding: 0;
        margin-bottom: 32px;
    }
}
.article__wrapper {
    float: right;
    width: 65%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .article__wrapper {
        width: 65%;
    }
}
@media (max-width: 1023px) {
    .article__wrapper {
        width: 90%;
    }
}
@media (max-width: 767px) {
    .article__wrapper {
        width: 100%;
        padding: 0;
    }
}
.article__container:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.article__intro,
.post-article__text blockquote {
    margin-bottom: 2em;
    font-size: 24px;
    line-height: 1.5;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-weight: 300;
}
@media (max-width: 767px) {
    .article__intro {
        font-size: 18px;
        margin-bottom: 1.5em;
    }
}
.article__updates {
    font-size: 16px !important;
    line-height: 125% !important;
    text-transform: uppercase;
    color: #653eb3 !important;
    margin-bottom: 32px !important;
}
.article__updates-link li {
    font-size: 16px;
    line-height: 150%;
    font-family: Roboto;
    color: #000;
}
.article__link {
    font-style: normal;
    font-weight: 400;
}
.post-article {
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .post-article {
        margin-bottom: 40px;
    }
}
.post-article__title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.post-article__text {
    line-height: 1.8;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-article__text p {
    padding-right: 25px;
}
.post-article__text blockquote {
    margin-bottom: 0.9em;
    padding-left: 60px;
}
@media (max-width: 767px) {
    .post-article__text blockquote {
        font-size: 20px;
        padding-left: 20px;
    }
}
.post-article__text p img {
    max-width: 100%;
}
.post-article__text > :last-child {
    margin-bottom: 0;
}
.post-article__offset {
    margin-left: -40px;
    margin-right: -40px;
}
@media (max-width: 1023px) {
    .post-article__offset {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .post-article__offset {
        margin-left: 0;
    }
}
.ribbons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ribbons__content {
    position: relative;
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
}
@media (max-width: 1023px) {
    .ribbons__content {
        width: 768px;
    }
}
@media (max-width: 767px) {
    .ribbons__content {
        width: auto;
        margin: 0 20px;
    }
}
.ribbons__list {
    position: relative;
    width: 10000% !important;
    background: #fff;
    height: 220px;
}
@media (max-width: 1023px) {
    .ribbons__list {
        background: 0 0;
    }
}
.ribbons__list_copy:after,
.ribbons__list_copy:before {
    position: absolute;
    width: 3000px;
    top: 0;
    height: 100%;
    background: #fff;
    content: "";
}
.ribbons__list_copy:after {
    left: 100%;
}
.ribbons__list_copy:before {
    right: 100%;
}
.ribbons__inner {
    padding: 120px 0;
}
@media (max-width: 1023px) {
    .ribbons__inner {
        padding: 80px 0;
    }
}
@media (max-width: 767px) {
    .ribbons__inner {
        padding: 30px 0;
    }
}
.ribbons__inner_main {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 45px 5px rgba(0, 0, 0, 0.12);
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}
.ribbons__inner_main:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1023px) {
    .ribbons__inner_main {
        padding: 0;
        overflow: visible !important;
        background: 0 0;
        box-shadow: none;
    }
}
.ribbons__inner_main:active {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -ms-grabbing;
    cursor: -o-grabbing;
    cursor: grabbing;
}
.ribbons__inner_copy {
    position: absolute;
    top: 0;
}
@media (max-width: 1023px) {
    .ribbons__inner_copy {
        display: none;
    }
}
.ribbons__inner_left {
    left: 2975px;
}
.ribbons__inner_right {
    left: 100%;
    width: 3000px;
    overflow: hidden;
    margin-left: -145px;
}
.ribbons__item {
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ribbons__item_main {
    width: 1%;
    padding: 0 100px 0 65px;
}
@media (max-width: 1023px) {
    .ribbons__item_main {
        width: 0.9%;
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .ribbons__item_main {
        width: 1%;
        padding: 0 10px;
    }
}
.ribbons__item_copy {
    padding: 0 100px 0 25px;
}
.ribbons__item_copy:after {
    position: absolute;
    right: 0;
    width: 75px;
    top: 50%;
    height: 1px;
    background: #d6d6d6;
    content: "";
}
.ribbons__item_copy:last-child:after {
    display: none;
}
.ribbons__item__inner {
    display: table;
    width: 100%;
    height: 220px;
}
@media (max-width: 1023px) {
    .ribbons__item__inner {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 80px 40px;
        background: #fff;
        box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.09);
    }
}
@media (max-width: 767px) {
    .ribbons__item__inner {
        padding: 20px;
    }
}
.ribbons__item__picture {
    display: table-cell;
    width: 180px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .ribbons__item__picture {
        display: block;
        margin: 0 auto 1em;
    }
}
.ribbons__item__picture img {
    max-width: 100%;
    vertical-align: top;
}
.ribbons__item_copy .ribbons__item__picture {
    width: 120px;
}
.ribbons__item_copy .ribbons__item__picture img {
    cursor: pointer;
}
.ribbons__item__content {
    display: none;
    padding-left: 40px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .ribbons__item__content {
        padding-left: 0;
    }
}
.ribbons__item_main .ribbons__item__content {
    display: table-cell;
}
@media (max-width: 767px) {
    .ribbons__item_main .ribbons__item__content {
        display: block;
    }
}
.ribbons__item__title {
    display: block;
    margin-bottom: 0.6em;
    font-weight: 700;
}
.ribbons__item__text {
    display: block;
}
.ribbons__left-area {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 800px;
    padding-left: 3000px;
    right: 0;
}
.slider,
.slider-job {
    overflow: visible !important;
    margin-bottom: 120px;
    margin-right: -80px;
    position: relative;
}
.slider-job {
    overflow: hidden !important;
}
@media (max-width: 1439px) {
    .slider {
        margin-right: -50px;
    }
}
@media (max-width: 1023px) {
    .slider {
        margin-right: -40px;
    }
}
@media (max-width: 767px) {
    .slider {
        margin-bottom: 50px;
    }
}
@media (max-width: 479px) {
    .slider {
        margin-right: -20px;
    }
}
.slider_min-margin {
    margin-bottom: 50px;
}
.slider__content {
    width: 410px;
    margin-left: 180px;
    font-size: 14px;
}
@media (max-width: 1439px) {
    .slider__content {
        width: 100%;
        margin: 0;
    }
}
.slider__content__paragraph,
.text-info p {
    margin-bottom: 1em;
}
.slider__list {
    width: 10000% !important;
}
.slider__list:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.slider:not(.slider_disabled) .slider__list {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}
.slider:not(.slider_disabled) .slider__list_dragged {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -ms-grabbing;
    cursor: -o-grabbing;
    cursor: grabbing;
}
.slider__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}
.slider__item {
    width: 0.5%;
    float: left;
    padding-right: 80px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .slider__item {
        padding-right: 50px;
    }
}
@media (max-width: 1023px) {
    .slider__item {
        width: 0.6%;
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    .slider__item {
        width: 0.9%;
        padding-right: 20px;
    }
}
.slider__media {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .slider__media {
        margin-bottom: 20px;
    }
}
.slider__media:last-child,
.text-info p:last-child {
    margin-bottom: 0;
}
.slider__img {
    width: 100%;
    display: block;
}
@media (max-width: 767px) {
    .slider__img {
        max-width: 100%;
        width: auto;
    }
}
.slider__text {
    width: 200px;
    font-size: 14px;
}
@media (max-width: 767px) {
    .slider__text {
        width: 100%;
    }
}
.slider_mobile-drag .slider__grab,
.slider_mobile-drag .slider__list {
    cursor: inherit !important;
}
.slider:not(.slider_custom-nav) .slider__nav {
    position: absolute;
    top: 0;
}
@media (max-width: 1023px) {
    .slider:not(.slider_custom-nav) .slider__nav {
        display: none;
    }
}
.slider:not(.slider_custom-nav) .slider__nav__item {
    position: absolute;
    width: 15%;
    min-width: 100px;
    height: 100%;
    cursor: pointer;
}
.slider:not(.slider_custom-nav) .slider__nav__item.disabled {
    cursor: default;
    opacity: 0;
}
.slider:not(.slider_custom-nav) .slider__nav__item:before {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 70px;
    margin: -35px 0 0;
    background: url(../images/source/slider-arrow.png) no-repeat;
    background-size: contain;
    opacity: 0.8;
    content: "";
}
.slider:not(.slider_custom-nav) .slider__nav__item:hover:before {
    opacity: 1;
}
.slider:not(.slider_custom-nav) .slider__nav__item_prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 30px;
}
.slider:not(.slider_custom-nav) .slider__nav__item_next {
    right: 0;
}
.slider:not(.slider_custom-nav) .slider__nav__item_next:before {
    right: 30px;
}
.start {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .start {
        margin-bottom: 100px;
    }
}
@media (max-width: 479px) {
    .start {
        margin-bottom: 80px;
    }
}
.start__media {
    overflow: hidden;
}
.start__img {
    width: 100%;
    display: block;
    margin-bottom: -100px;
}
@media (max-width: 767px) {
    .start__img {
        margin-bottom: 0;
    }
}
.start__content {
    display: table;
    width: 100%;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.13);
}
.start__col {
    display: table-cell;
    padding: 55px 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #f3f3f3;
    white-space: nowrap;
}
@media (max-width: 1439px) {
    .start__col {
        padding: 40px 35px;
    }
}
@media (max-width: 1023px) {
    .start__col {
        padding: 30px 25px;
    }
}
@media (max-width: 767px) {
    .start__col {
        white-space: normal;
        text-align: left;
        display: block;
        border-right: none;
        border-bottom: 1px solid #f3f3f3;
    }
}
.start__col:last-child {
    border: none;
}
.start__title {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    color: #d5d6db;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    padding-right: 55px;
    transition: color 0.35s;
}
@media (max-width: 1439px) {
    .start__title {
        font-size: 30px;
        padding-right: 35px;
    }
}
@media (max-width: 1023px) {
    .start__title {
        font-size: 22px;
        padding-right: 25px;
    }
}
@media (max-width: 767px) {
    .start__title {
        padding-right: 10px;
    }
}
.start__title__min {
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 1439px) {
    .start__title__min {
        font-size: 14px;
    }
}
@media (max-width: 1023px) {
    .start__title__min {
        font-size: 11px;
    }
}
.start__socials {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
}
@media (max-width: 479px) {
    .start__socials {
        margin: 10px 0 0 -10px;
        display: block;
    }
}
.start__socials .socials__item {
    color: #00bcfc;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}
@media (max-width: 1439px) {
    .start__socials .socials__item {
        font-size: 16px;
        padding: 10px 15px;
    }
}
@media (max-width: 1023px) {
    .start__socials .socials__item {
        padding: 5px 10px;
    }
}
.start__socials .socials__item_vk {
    font-size: 18px;
}
@media (max-width: 1439px) {
    .start__socials .socials__item_vk {
        font-size: 16px;
    }
}
.start__socials .socials__item_ios:before {
    line-height: 18px;
}
.start__socials .socials__item:after {
    padding: 0;
}
.start__socials .socials__item:last-child {
    margin-right: 0;
}
.start__socials .socials__item:hover {
    transition-duration: 0.175s;
    color: #0383af;
}
.start__col {
    position: relative;
}
.start__col_tp:after {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background: url(../images/tp.svg);
    background-size: cover;
    content: "";
}
@media (max-width: 1439px) {
    .start__col_tp:after {
        width: 22px;
        height: 22px;
        content: "";
    }
}
.start__col_tp:hover .start__title {
    color: #00bcfc;
    transition-duration: 0.175s;
}
.start__cover-link {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.start__awards {
    margin-bottom: -130px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 50;
}
@media (max-width: 767px) {
    .start__awards {
        margin-bottom: -60px;
    }
}
.start__description {
    text-align: right;
}
.start__description__inner {
    margin-top: 50px;
    text-align: left;
    display: inline-block;
    max-width: 500px;
}
.big-title {
    color: #2f334b;
    margin-bottom: 0.8em;
}
.big-title,
.video__title {
    font-size: 135px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    margin-left: -0.05em;
}
@media (max-width: 1439px) {
    .big-title,
    .video__title {
        font-size: 110px;
    }
}
@media (max-width: 1023px) {
    .big-title,
    .video__title {
        font-size: 90px;
    }
}
@media (max-width: 767px) {
    .big-title,
    .video__title {
        font-size: 55px;
    }
}
@media (max-width: 479px) {
    .big-title,
    .video__title {
        font-size: 38px;
    }
}
.big-title_mute {
    color: #d5d6db;
    opacity: 0.5;
    margin-bottom: 0;
}
.big-title_center {
    text-align: center;
}
.big-title_offset-top {
    margin-top: -0.5em;
}
.big-title_offset-bottom {
    margin-bottom: -0.3em;
    position: relative;
    z-index: 2;
}
.big-title_min-margin {
    margin-bottom: 48px;
}
.mid-title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 0.9em;
}
.mid-title,
.super-city__creating-characters__mid-title,
.tropic-storm__before-after__title {
    color: #2f334b;
}
.bg-clip__title,
.super-city__creating-characters__mid-title,
.super-city__play__title,
.tropic-storm__before-after__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
}
.bg-clip__title {
    color: #2f334b;
}
@media (max-width: 1023px) {
    .bg-clip__title,
    .mid-title,
    .super-city__creating-characters__mid-title,
    .super-city__play__title,
    .tropic-storm__before-after__title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .bg-clip__title,
    .mid-title,
    .super-city__creating-characters__mid-title,
    .super-city__play__title,
    .tropic-storm__before-after__title {
        font-size: 25px;
    }
}
@media (max-width: 479px) {
    .bg-clip__title,
    .mid-title,
    .super-city__creating-characters__mid-title,
    .super-city__play__title,
    .tropic-storm__before-after__title {
        font-size: 20px;
    }
}
.mid-title_center {
    text-align: center;
}
.mid-title_offset-top {
    margin-top: -1em;
    position: relative;
}
@media (max-width: 479px) {
    .mid-title_offset-top {
        margin-top: -0.5em;
    }
}
.mid-title_min-margin {
    margin-bottom: 0.1em;
}
.min-title {
    font-weight: 700;
    margin-bottom: 1em;
}
.text-info {
    max-width: 700px;
    margin-bottom: 2em;
}
@media (max-width: 767px) {
    .text-info {
        max-width: 100%;
    }
}
.super-city__create-logo__slider-text,
.text-mini {
    font-size: 14px;
    font-style: italic;
    color: #151513;
    width: 200px;
    opacity: 0.5;
}
.awards {
    position: relative;
    text-align: center;
    z-index: 2;
}
.awards__item {
    display: inline-block;
    width: 567px;
}
@media (max-width: 1439px) {
    .awards__item {
        width: 300px;
    }
}
@media (max-width: 767px) {
    .awards__item {
        width: 150px;
    }
}
.awards__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.switcher {
    position: relative;
    display: inline-block;
    color: #fff;
}
@media (max-width: 1439px) {
    .switcher {
        margin-left: 25px;
    }
}
@media (max-width: 767px) {
    .switcher {
        margin-bottom: 10px;
    }
}
.switcher__counter,
.switcher__title {
    display: inline-block;
    font-size: 16px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
}
.switcher__title {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 900;
}
.switcher__counter {
    font-style: italic;
}
.switcher__nav {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    color: #f0c44f;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.switcher__nav:after {
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    content: "";
}
.switcher__nav_prev {
    left: -25px;
}
.switcher__nav_next:before,
.switcher__nav_prev:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E005";
}
.switcher__nav_prev:hover {
    color: #fff;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    transition-duration: 0.175s;
}
.switcher__nav_next {
    right: -25px;
}
.switcher__nav_next:before {
    content: "\E004";
}
.switcher__nav_next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    transition-duration: 0.175s;
}
.switcher__nav:hover {
    color: #fff;
}
.game,
.game__cover,
.timeline-article figure {
    position: relative;
}
.game__cover {
    height: 100vh;
    color: #fff;
    min-height: 320px;
    overflow: hidden;
}
.game__cover__inner,
.new-game-achievements .scene-achievements > div,
.new-game-code .scene-code > div,
.new-game-devices__parallax .scene-devices1 .scene-devices3 > div,
.new-game-devices__parallax .scene-devices1 > div,
.new-game-pixels .scene-pixels > div,
.new-game-scenario .scene > div {
    width: 100%;
    height: 100%;
}
@media (min-width: 1400px) {
    .game__cover__inner {
        position: fixed;
        top: 0;
        left: 0;
    }
}
.game__bg {
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: no-repeat 50% 50% / cover;
    position: fixed;
    top: 65px;
    will-change: transform, opacity;
}
.d-mobile .game__bg,
.game__bg video {
    position: absolute;
}
.game__bg_tropic-storm {
    background-color: #24447f;
}
.game__bg video {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
@media (min-width: 768px) {
    .game__bg {
        top: 0;
    }
}
@media (min-width: 1024px) {
    .game__bg video {
        height: auto;
    }
}
.game__media {
    margin-bottom: 110px;
}
@media (max-width: 767px) {
    .game__media {
        margin-bottom: 70px;
    }
}
.game__media img {
    display: block;
    width: 100%;
    margin: 0 auto 25px;
}
@media (max-width: 767px) {
    .game__media img {
        margin-bottom: 15px;
    }
}
.game__media-caption {
    margin-left: 53%;
}
@media (max-width: 767px) {
    .game__media-caption {
        margin-left: 0;
    }
}
.game__mini-logo {
    position: absolute;
    left: 50%;
    background-size: contain;
    top: 50px;
}
.game__container {
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: visible;
}
.game__content {
    position: absolute;
    bottom: 35px;
    max-width: 450px;
}
@media (max-width: 767px) {
    .game__content {
        bottom: 20px;
        max-width: 100%;
        left: 20px;
        right: 20px;
    }
}
.game__logo {
    display: block;
    position: relative;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .game__logo {
        margin-bottom: 10px;
        width: 150px;
    }
}
.game__logo img {
    max-width: 200px;
}
@media (max-width: 767px) {
    .game__logo img {
        max-height: 100px;
        max-width: 160px;
    }
}
.game__logo--supercity {
    margin-left: -45px;
}
@media (max-width: 1439px) {
    .game__logo--supercity {
        margin-left: 0;
    }
}
.game__logo--titans {
    margin-left: -20px;
}
.game__stat {
    margin-bottom: 13px;
}
.game__stat__value {
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .game__stat {
        display: none;
    }
}
.game__switcher {
    margin-top: 60px;
    position: relative;
    display: inline-block;
    color: #fff;
}
@media (max-width: 1439px) {
    .game__switcher {
        margin-left: 25px;
    }
}
@media (max-width: 767px) {
    .game__switcher {
        margin-bottom: 10px;
    }
}
.game__switcher__counter,
.game__switcher__title {
    display: inline-block;
    font-size: 16px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
}
.game__switcher__title {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 900;
}
.game__switcher__counter {
    font-style: italic;
}
.game__switcher__nav {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    color: #f0c44f;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.game__switcher__nav:after {
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    content: "";
}
.game__switcher__nav_prev {
    left: -25px;
}
.game__switcher__nav_next:before,
.game__switcher__nav_prev:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E005";
}
.game__switcher__nav_prev:hover {
    color: #fff;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    transition-duration: 0.175s;
}
.game__switcher__nav_next {
    right: -25px;
}
.game__switcher__nav_next:before {
    content: "\E004";
}
.game__switcher__nav_next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    transition-duration: 0.175s;
}
.game__switcher__nav:hover {
    color: #fff;
}
@media (max-width: 767px) {
    .game__switcher {
        display: none;
    }
}
.game__inner {
    background: #fff;
    position: relative;
    padding-top: 80px;
}
@media (max-width: 767px) {
    .game__inner {
        padding-top: 60px;
    }
}
.game__inner__content {
    transition: opacity 0.35s;
    opacity: 0;
}
.game__title {
    margin-left: -0.05em;
    font-size: 50px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.25;
}
@media (max-width: 767px) {
    .game__title {
        font-size: 30px;
    }
}
.game__media-full-width {
    width: 100%;
    background: #0a5980;
    overflow: hidden;
    position: relative;
}
.game__media-full-width__img {
    width: 100%;
    display: block;
    top: 0;
    left: 0;
}
.game__description {
    display: none;
    font-weight: 400;
}
@media (max-width: 767px) {
    .game__description {
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .game__description {
        display: block;
    }
}
.game__top-text {
    margin: -15px auto 60px;
}
@media (min-width: 768px) {
    .game__top-text {
        display: none;
    }
}
.game__description,
.game__logo,
.game__stat,
.game__switcher {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation: showing 900ms ease-out forwards;
    animation: showing 900ms ease-out forwards;
}
.game__stat {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.game__description {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.game__switcher {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
@-webkit-keyframes showing {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes showing {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.video,
.video__title {
    position: relative;
    margin-bottom: 50px;
}
.video__title {
    color: #fff;
    margin-bottom: -0.3em;
    z-index: 2;
}
.video__img {
    background: #fff url(../images/games/TropicStorm/video-cover.jpg) center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video__inner {
    padding-top: 56%;
    position: relative;
}
.video__iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.13);
}
.video__play,
.video__play:before {
    position: absolute;
    left: 50%;
    top: 50%;
}
.video__play {
    background: #fff;
    z-index: 2;
    margin: -55px 0 0 -55px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    width: 110px;
    height: 110px;
}
.video__play:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.video__play:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.video__play:before {
    background: url(../images/play.svg);
    width: 38px;
    height: 48px;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    content: "";
}
.tropic-storm__bg {
    background-image: url(../images/games/TropicStorm/cover.jpg);
}
.tropic-storm__bg,
.tropic-storm__cover {
    background-color: #006bbd;
}
.tropic-storm__mini-logo {
    background-image: url(../images/games/TropicStorm/mini-logo.png);
    width: 71px;
    height: 31px;
    margin-left: -35px;
    position: fixed;
    opacity: 0;
}
.tropic-storm__history-create {
    margin-bottom: 150px;
}
@media (max-width: 767px) {
    .tropic-storm__history-create {
        margin-bottom: 80px;
    }
}
.tropic-storm__history-create .text-info {
    margin-bottom: 0;
}
.tropic-storm__come {
    margin-bottom: 140px;
}
@media (max-width: 767px) {
    .tropic-storm__come {
        margin-bottom: 80px;
    }
}
.tropic-storm__bright {
    text-align: right;
}
.tropic-storm__bright__items {
    padding: 60px 0;
    position: relative;
    text-align: left;
    max-width: 360px;
    display: inline-block;
}
@media (max-width: 1023px) {
    .tropic-storm__bright__items {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .tropic-storm__bright__items {
        max-width: 100%;
    }
}
.tropic-storm__bright__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 1100px;
    background: url(../images/games/TropicStorm/bright_1.png) right no-repeat;
    background-size: contain;
}
@media (max-width: 479px) {
    .tropic-storm__bright__cover {
        display: none;
    }
}
.tropic-storm__bright__item {
    margin-bottom: 40px;
}
.tropic-storm__bright__item:last-child {
    margin-bottom: 0;
}
.tropic-storm__bright__img {
    width: 100%;
    display: block;
}
.tropic-storm__bright__media {
    margin-bottom: 20px;
}
.tropic-storm__bright__text {
    font-size: 14px;
    padding-left: 35px;
}
@media (max-width: 767px) {
    .tropic-storm__bright__text {
        padding: 0;
    }
}
.tropic-storm__islands-block {
    text-align: right;
    padding-top: 32px;
}
.tropic-storm__islands-block__media {
    font-size: 0;
    white-space: nowrap;
    min-width: 100%;
    width: 1000% !important;
    text-align: left;
}
@media (max-width: 479px) {
    .tropic-storm__islands-block__media {
        margin-bottom: 20px;
        margin-right: 0;
    }
}
.tropic-storm__islands-block__img {
    width: 100%;
    display: block;
}
.tropic-storm__islands-block__text {
    max-width: 380px;
    display: inline-block;
    padding-right: 170px;
    text-align: left;
}
@media (max-width: 1023px) {
    .tropic-storm__islands-block__text {
        padding-right: 0;
    }
}
.tropic-storm__islands-block__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
}
.tropic-storm__islands-block__item img {
    max-width: 100%;
    display: block;
}
.tropic-storm__islands-block__item:last-of-type {
    margin-bottom: 0;
}
.tropic-storm__technical {
    margin-bottom: 185px;
    background: #fbfbfb;
    overflow: hidden;
    position: relative;
}
.tropic-storm__technical__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/TropicStorm/01.gif);
    opacity: 0.2;
}
@media (max-width: 1023px) {
    .tropic-storm__technical {
        margin-bottom: 120px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__technical {
        margin-bottom: 100px;
    }
}
.tropic-storm__technical__container {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}
@media (max-width: 1023px) {
    .tropic-storm__technical__container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__technical__container {
        padding-bottom: 0;
    }
    .tropic-storm__technical__images {
        position: relative;
    }
}
.tropic-storm__technical__images__item {
    position: absolute;
    width: 470px;
    height: 316px;
    background: url(../images/games/TropicStorm/technical-img.png) center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 100px;
    bottom: -60px;
    z-index: 2;
}
@media (max-width: 1023px) {
    .tropic-storm__technical__images__item {
        width: 300px;
        height: 202px;
        bottom: -30px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__technical__images__item {
        position: relative;
        bottom: 0;
        right: auto;
        left: 50%;
        margin-left: -150px;
        -webkit-transform: translate(-15%, 20%);
        -ms-transform: translate(-15%, 20%);
        transform: translate(-15%, 20%);
    }
}
@media (max-width: 479px) {
    .tropic-storm__technical__images__item {
        width: 200px;
        height: 135px;
        margin-left: 0;
        left: 0;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: -20px;
    }
}
.tropic-storm__technical__images__item:last-child {
    right: 20px;
    z-index: 1;
    bottom: -120px;
}
@media (max-width: 1023px) {
    .tropic-storm__technical__images__item:last-child {
        bottom: -100px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__technical__images__item:last-child {
        position: absolute;
        -webkit-transform: translate(10%, 45%);
        -ms-transform: translate(10%, 45%);
        transform: translate(10%, 45%);
        bottom: 0;
    }
}
@media (max-width: 479px) {
    .tropic-storm__technical__images__item:last-child {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: -60px;
        right: 0;
        left: auto;
    }
}
.tropic-storm__technical__text {
    width: 315px;
}
@media (max-width: 767px) {
    .tropic-storm__technical__text {
        width: 100%;
    }
}
.tropic-storm__technical-challenge {
    margin-bottom: 90px;
}
@media (max-width: 767px) {
    .tropic-storm__technical-challenge {
        margin-bottom: 60px;
    }
}
.tropic-storm__banner {
    padding: 80px 0 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
}
@media (max-width: 767px) {
    .tropic-storm__banner {
        padding-top: 40px;
    }
}
.tropic-storm__banner__container {
    position: relative;
    height: 100%;
}
.tropic-storm__banner__title {
    font-size: 120px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
    width: 55%;
    line-height: 1;
    margin-bottom: 0;
    margin-left: -0.05em;
}
@media (max-width: 1439px) {
    .tropic-storm__banner__title {
        font-size: 100px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__banner__title {
        font-size: 70px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner__title {
        width: 100%;
        font-size: 55px;
        margin-bottom: 20px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__banner__title {
        font-size: 38px;
    }
}
.tropic-storm__banner__text {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 0;
    width: 30%;
    padding-top: 1em;
}
@media (max-width: 1439px) {
    .tropic-storm__banner__text {
        padding-top: 0.5em;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__banner__text {
        width: 40%;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner__text {
        width: 100%;
        position: relative;
        right: 0;
    }
}
.tropic-storm__banner .tropic-storm__banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tropic-storm__banner .tropic-storm__banner__bg__img {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.d-mobile .tropic-storm__banner .tropic-storm__banner__bg__img {
    height: 100%;
}
.tropic-storm__banner_military-base {
    background-color: #9aaa25;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 235px;
    position: relative;
}
@media (max-width: 1023px) {
    .tropic-storm__banner_military-base {
        margin-bottom: 120px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner_military-base {
        padding-bottom: 80px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__banner_military-base {
        margin-bottom: 80px;
    }
}
.tropic-storm__banner_military-base .tropic-storm__banner__img {
    position: absolute;
    width: 560px;
    height: 390px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: -120px;
    margin-left: -100px;
    z-index: 2;
    left: 50%;
    background-image: url(../images/games/TropicStorm/military-base-tank.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 1439px) {
    .tropic-storm__banner_military-base .tropic-storm__banner__img {
        width: 400px;
        height: 279px;
        bottom: -80px;
        margin-left: -120px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__banner_military-base .tropic-storm__banner__img {
        width: 300px;
        height: 209px;
        bottom: -70px;
        margin-left: -200px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner_military-base .tropic-storm__banner__img {
        left: 100%;
        margin-left: -250px;
        bottom: -120px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__banner_military-base .tropic-storm__banner__img {
        margin-left: -150px;
    }
}
.tropic-storm__banner_military-base .tropic-storm__banner__bg__img {
    background-image: url(../images/games/TropicStorm/military-base.jpg);
}
.tropic-storm__banner_battle-squads {
    background-color: #9aaa25;
    margin-bottom: 235px;
    height: 442px;
    position: relative;
}
@media (max-width: 1439px) {
    .tropic-storm__banner_battle-squads {
        height: 350px;
        padding-top: 50px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__banner_battle-squads {
        height: 300px;
        margin-bottom: 200px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner_battle-squads {
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 100px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__banner_battle-squads {
        margin-bottom: 80px;
    }
}
.tropic-storm__banner_battle-squads .tropic-storm__banner__bg__img {
    background-image: url(../images/games/TropicStorm/battle-squads.jpg);
}
.tropic-storm__banner_battle-squads .tropic-storm__banner__img {
    position: absolute;
    width: 206px;
    height: 464px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: -200px;
    margin-left: -100px;
    z-index: 2;
    left: 50%;
    background-image: url(../images/games/TropicStorm/battle-squads-solder.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 1439px) {
    .tropic-storm__banner_battle-squads .tropic-storm__banner__img {
        width: 180px;
        height: 405px;
        bottom: -150px;
        margin-left: -80px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__banner_battle-squads .tropic-storm__banner__img {
        width: 155px;
        height: 350px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner_battle-squads .tropic-storm__banner__img {
        left: 100%;
        width: 120px;
        height: 300px;
        bottom: -100px;
    }
}
.tropic-storm__banner_battle-squads .tropic-storm__banner__text {
    width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
}
@media (max-width: 1023px) {
    .tropic-storm__banner_battle-squads .tropic-storm__banner__text {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__banner_battle-squads .tropic-storm__banner__text {
        position: relative;
        width: 100%;
        font-size: 16px;
        padding-right: 60px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.tropic-storm__search-style {
    margin-bottom: 160px;
}
@media (max-width: 1023px) {
    .tropic-storm__search-style {
        margin-bottom: 100px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__search-style {
        margin-bottom: 80px;
    }
}
.tropic-storm__search-style__slider {
    margin-bottom: 40px;
}
.tropic-storm__search-style__slider .slider__media {
    margin-bottom: 0;
}
@media (max-width: 479px) {
    .tropic-storm__search-style__title {
        padding-right: 110px;
    }
}
.tropic-storm__comment {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    width: 590px;
    margin-left: 180px;
    font-size: 24px;
}
@media (max-width: 1023px) {
    .tropic-storm__comment {
        width: 80%;
        margin: 0;
        padding-left: 20%;
        font-size: 20px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__comment {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10%;
        font-size: 14px;
    }
}
.tropic-storm__buildings-levels {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .tropic-storm__buildings-levels {
        margin-bottom: 100px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__buildings-levels {
        margin-bottom: 80px;
    }
}
.tropic-storm__buildings-levels__mid-title {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .tropic-storm__buildings-levels__mid-title {
        margin-bottom: 50px;
    }
}
.tropic-storm__buildings-levels__slider {
    margin-bottom: 40px;
}
.tropic-storm__buildings-levels__slider .slider__item {
    width: 0.25%;
    padding-right: 30px;
}
@media (max-width: 1439px) {
    .tropic-storm__buildings-levels__slider .slider__item {
        padding-right: 20px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__buildings-levels__slider .slider__item {
        width: 0.3%;
    }
}
@media (max-width: 767px) {
    .tropic-storm__buildings-levels__slider .slider__item {
        width: 0.4%;
    }
}
.tropic-storm__buildings-levels__slider .slider__media {
    margin-bottom: 0;
}
.tropic-storm__buildings-levels__text-info {
    margin-bottom: 8em;
}
@media (max-width: 767px) {
    .tropic-storm__buildings-levels__text-info {
        margin-bottom: 5em;
    }
}
.tropic-storm__buildings-levels__text-info:last-child {
    margin-bottom: 0;
}
.tropic-storm__before-after {
    margin-bottom: 175px;
}
@media (max-width: 1023px) {
    .tropic-storm__before-after {
        margin-bottom: 120px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__before-after {
        margin-bottom: 80px;
    }
}
.tropic-storm__before-after__title {
    text-align: center;
    margin-bottom: 54px;
}
@media (max-width: 767px) {
    .tropic-storm__before-after__title {
        margin-bottom: 30px;
    }
}
.tropic-storm__before-after__title__vs {
    font-size: 1.4em;
    padding: 0.1em 0;
    color: #c61b2a;
}
@media (max-width: 767px) {
    .tropic-storm__before-after__title__vs {
        display: block;
    }
}
.tropic-storm__history {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .tropic-storm__history {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__history {
        margin-bottom: 80px;
    }
}
.tropic-storm__history__row {
    display: block;
    font-size: 0;
    margin-bottom: 55px;
}
@media (max-width: 767px) {
    .tropic-storm__history__row {
        margin-bottom: 20px;
    }
}
.tropic-storm__history__row:last-child {
    margin-bottom: 20px;
}
.timeline-article figure img,
.tropic-storm__history__slider {
    margin: 0;
}
.tropic-storm__history__item {
    display: inline-block;
    vertical-align: middle;
}
.tropic-storm__history__item_plus:before,
.tropic-storm__history__item_result:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.tropic-storm__history__item_plus:before {
    padding: 0 10px;
    content: "\E00B";
}
.tropic-storm__history__item_result:before {
    content: "\E00C";
}
.tropic-storm__history__item_margin {
    padding-right: 50px;
}
@media (max-width: 1439px) {
    .tropic-storm__history__item_margin {
        padding-right: 30px;
    }
}
.tropic-storm__history__item:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #e0e0e0;
}
.tropic-storm__history__media {
    width: 187px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1439px) {
    .tropic-storm__history__media {
        width: 140px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__history__media {
        width: 130px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__history__media {
        width: 100px;
    }
}
.timeline-gallery .slick-slide img,
.tropic-storm__history__img {
    width: 100%;
}
.tropic-storm__history__text {
    position: absolute;
    right: 0;
    width: 400px;
    top: 45px;
}
@media (max-width: 1439px) {
    .tropic-storm__history__text {
        font-size: 14px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__history__text {
        position: relative;
        top: 0;
        width: 100%;
    }
}
.tropic-storm__history__comment {
    margin-bottom: 10px;
}
.tropic-storm__history__comment__author {
    padding-left: 55px;
}
@media (max-width: 1439px) {
    .tropic-storm__history__comment__author {
        font-size: 14px;
    }
}
.tropic-storm__history__comment__text {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 24px;
    padding-left: 55px;
    position: relative;
}
.tropic-storm__history__comment__text:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E008";
    color: #653eb3;
    font-size: 32px;
    position: absolute;
    left: 0;
    top: -10px;
}
@media (max-width: 1439px) {
    .tropic-storm__history__comment__text {
        font-size: 20px;
    }
}
.tropic-storm__all-squad {
    position: relative;
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .tropic-storm__all-squad {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__all-squad {
        padding: 20px 0;
    }
}
@media (max-width: 479px) {
    .tropic-storm__all-squad {
        margin-bottom: 80px;
    }
}
.tropic-storm__all-squad:before {
    width: 100%;
    height: 290px;
    position: absolute;
    background: #f7f7f7;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
}
@media (max-width: 1023px) {
    .tropic-storm__all-squad:before {
        height: 200px;
        content: "";
    }
}
@media (max-width: 767px) {
    .tropic-storm__all-squad:before {
        bottom: 0;
        top: 0;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        content: "";
    }
}
.tropic-storm__all-squad__container {
    font-size: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .tropic-storm__all-squad__container {
        display: block;
        text-align: center;
    }
    .tropic-storm__all-squad__title {
        width: 100%;
        margin-bottom: 20px;
    }
}
.tropic-storm__all-squad__title__img {
    width: 118px;
    height: 114px;
    background: url(../images/games/TropicStorm/token.png) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
@media (max-width: 1023px) {
    .tropic-storm__all-squad__title__img {
        width: 80px;
        height: 77px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__all-squad__title__img {
        width: 70px;
        height: 70px;
    }
}
.tropic-storm__all-squad__title__text {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #2f334b;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.9;
    width: 230px;
    text-align: left;
}
@media (max-width: 1023px) {
    .tropic-storm__all-squad__title__text {
        width: 200px;
        font-size: 30px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__all-squad__title__text {
        font-size: 27px;
        width: 170px;
    }
}
.tropic-storm__all-squad__media {
    width: 637px;
}
@media (max-width: 1439px) {
    .tropic-storm__all-squad__media {
        width: 500px;
    }
}
@media (max-width: 1023px) {
    .tropic-storm__all-squad__media {
        width: 400px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__all-squad__media {
        width: 100%;
    }
}
.tropic-storm__all-squad__img {
    width: 100%;
    display: block;
}
.tropic-storm__final {
    padding-top: 130px;
    background: #0581c4;
}
@media (max-width: 1023px) {
    .tropic-storm__final {
        padding-top: 80px;
    }
}
.tropic-storm__text-right {
    margin-bottom: 50px;
    text-align: right;
}
.tropic-storm__text-right__inner {
    text-align: left;
    display: inline-block;
    max-width: 450px;
    color: #d9f1ff;
}
.tropic-storm__text-right__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
}
@media (max-width: 479px) {
    .tropic-storm__text-right__title {
        font-size: 25px;
    }
}
.tropic-storm__bye {
    background: url(../images/games/TropicStorm/bye-bg.jpg) center top;
    background-size: cover;
}
.tropic-storm__bye__title {
    font-size: 108px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-align: center;
    opacity: 0.1;
    color: #fff;
    margin-bottom: -0.9em;
}
@media (max-width: 1023px) {
    .tropic-storm__bye__title {
        font-size: 90px;
    }
}
@media (max-width: 767px) {
    .tropic-storm__bye__title {
        font-size: 50px;
    }
}
@media (max-width: 479px) {
    .tropic-storm__bye__title {
        font-size: 40px;
    }
}
.tropic-storm__bye__media {
    text-align: center;
    position: relative;
}
.tropic-storm__bye__img {
    display: block;
    margin: 0 auto;
    max-width: 30%;
}
.super-city__cover {
    position: relative;
    background-color: #00aed7;
}
.super-city__cover:before {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    opacity: 0.4;
    background: linear-gradient(to bottom, #000 0%, rgba(23, 23, 23, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00171717', GradientType=0);
}
.super-city__search-ideas {
    margin-bottom: 160px;
}
@media (max-width: 1023px) {
    .super-city__search-ideas {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__search-ideas {
        margin-bottom: 80px;
    }
}
.super-city__search-ideas__container:after,
.super-city__sketches:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.super-city__search-ideas__text {
    width: 540px;
    margin-right: 80px;
    float: left;
}
@media (max-width: 1439px) {
    .super-city__search-ideas__text {
        width: 450px;
        margin-right: 30px;
    }
}
@media (max-width: 1023px) {
    .super-city__search-ideas__text {
        width: 50%;
        margin-right: 0;
        padding-right: 30px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media (max-width: 767px) {
    .super-city__search-ideas__text {
        width: 100%;
        padding: 0;
    }
}
.super-city__search-ideas__media {
    width: 540px;
    padding-top: 205px;
    float: right;
}
@media (max-width: 1439px) {
    .super-city__search-ideas__media {
        width: 450px;
    }
}
@media (max-width: 1023px) {
    .super-city__search-ideas__media {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .super-city__search-ideas__media {
        width: 100%;
        padding-top: 0;
    }
}
.super-city__search-ideas__img {
    width: 100%;
    display: block;
}
.super-city__creating-characters {
    margin-bottom: 100px;
    position: relative;
    padding-top: 50px;
}
.super-city__creating-characters__bg {
    height: 468px;
    width: 100%;
    top: 0;
    position: absolute;
}
.super-city__creating-characters__bg__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;
    background: #fbfbfb url(../images/games/SuperCity/creating-characters/bg.jpg) center;
    background-size: cover;
}
.super-city__creating-characters__mid-title {
    margin-bottom: 160px;
}
@media (max-width: 1023px) {
    .super-city__creating-characters__mid-title {
        margin-bottom: 40px;
    }
}
.super-city__sketches__title {
    width: 250px;
    float: left;
    padding-top: 270px;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #f0f0f1;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1439px) {
    .super-city__sketches__title {
        width: 162px;
        padding-top: 200px;
    }
}
@media (max-width: 1023px) {
    .super-city__sketches__title {
        padding-top: 0;
        margin-bottom: 20px;
    }
}
.super-city__sketches__sliders {
    float: right;
    width: 910px;
}
@media (max-width: 1439px) {
    .super-city__sketches__sliders {
        width: 768px;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__sliders {
        width: 100%;
    }
    .super-city__sketches__row {
        width: 100% !important;
    }
}
.super-city__sketches__slider {
    margin: 0 0 195px;
}
@media (max-width: 1439px) {
    .super-city__sketches__slider {
        margin-bottom: 150px;
    }
}
@media (max-width: 1023px) {
    .super-city__sketches__slider {
        margin-bottom: 120px;
    }
    .super-city__sketches__slider:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__slider {
        margin-bottom: 30px;
    }
}
.super-city__sketches__item {
    float: left;
    padding: 0 0 0 20px;
    width: 0.33333333%;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1023px) {
    .super-city__sketches__item {
        width: 0.4%;
        font-size: 0;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__item {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding: 0;
    }
}
@media (max-width: 479px) {
    .super-city__sketches__item {
        width: 100%;
    }
}
.super-city__sketches__media {
    position: absolute;
    top: 0;
    right: 110px;
}
@media (max-width: 1023px) {
    .super-city__sketches__media {
        position: relative;
        right: 0;
        width: 40%;
        display: inline-block;
        vertical-align: middle;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__media {
        margin-left: -12px;
    }
}
@media (max-width: 1439px) {
    .super-city__sketches__img {
        max-width: 200px;
    }
}
@media (max-width: 1023px) {
    .super-city__sketches__img {
        max-width: 150px;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__img {
        max-width: 140px;
    }
}
.super-city__sketches__slider-text {
    float: right;
    width: 102px;
    padding-top: 270px;
    font-style: italic;
    color: #151513;
    font-size: 14px;
    opacity: 0.5;
}
@media (max-width: 1439px) {
    .super-city__sketches__slider-text {
        padding-top: 200px;
    }
}
@media (max-width: 1023px) {
    .super-city__sketches__slider-text {
        width: 60%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        padding-top: 0;
        position: relative;
        left: 40px;
    }
}
@media (max-width: 767px) {
    .super-city__sketches__slider-text {
        left: 43px;
        width: 135px;
    }
}
.super-city__sketches__slider-text_min {
    padding-top: 45px;
}
.super-city__comics {
    overflow: hidden;
    text-align: right;
    background: #f7f7f7;
}
@media (max-width: 767px) {
    .super-city__comics {
        overflow: hidden;
    }
}
.super-city__comics__container {
    padding: 160px 20px 95px;
}
@media (max-width: 767px) {
    .super-city__comics__container {
        padding-top: 100px;
    }
}
.super-city__comics__content {
    display: inline-block;
    text-align: left;
    width: 440px;
    padding-right: 100px;
}
@media (max-width: 1439px) {
    .super-city__comics__content {
        padding-right: 0;
    }
}
@media (max-width: 1023px) {
    .super-city__comics__content {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .super-city__comics__content {
        width: 100%;
    }
}
.super-city__comics__img {
    background: url(../images/games/SuperCity/comics__img.png) no-repeat;
    background-size: contain;
    width: 541px;
    height: 434px;
    position: absolute;
    bottom: -1px;
    left: -64px;
}
@media (max-width: 1023px) {
    .super-city__comics__img {
        left: auto;
        right: 55%;
    }
}
@media (max-width: 767px) {
    .super-city__comics__img {
        right: -10px;
        bottom: -20px;
        width: 150px;
        height: 120px;
    }
}
.super-city__zoo {
    position: relative;
    overflow: hidden;
}
.super-city__zoo__bg {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    background: #323b40 url(../images/games/SuperCity/zoo.jpg) 25% 50% no-repeat;
    background-size: cover;
}
.super-city__zoo__container {
    padding-top: 115px;
    padding-bottom: 145px;
}
@media (max-width: 1023px) {
    .super-city__zoo__container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__zoo__container {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.super-city__zoo__mid-title,
.super-city__zoo__text-info {
    color: #fff;
}
.super-city__preloader {
    text-align: right;
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .super-city__preloader {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__preloader {
        margin-bottom: 80px;
    }
}
.super-city__preloader__container {
    padding-top: 200px;
    padding-bottom: 150px;
}
@media (max-width: 1023px) {
    .super-city__preloader__container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__preloader__container {
        padding-top: 80px;
        padding-bottom: 0;
    }
}
.super-city__preloader__content {
    display: inline-block;
    text-align: left;
    width: 440px;
    padding-right: 100px;
}
@media (max-width: 1439px) {
    .super-city__preloader__content {
        padding-right: 0;
        width: 50%;
    }
}
@media (max-width: 767px) {
    .super-city__preloader__content {
        width: 100%;
    }
}
.super-city__preloader__bg {
    background: url(../images/games/SuperCity/preloader__bg.jpg);
    background-size: contain;
    width: 546px;
    height: 462px;
    position: absolute;
    bottom: 50px;
}
@media (max-width: 1439px) {
    .super-city__preloader__bg {
        width: 400px;
        height: 338px;
    }
}
@media (max-width: 1023px) {
    .super-city__preloader__bg {
        width: 320px;
        max-width: 100%;
        height: 270px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .super-city__preloader__bg {
        position: relative;
        bottom: 0;
    }
}
.super-city__preloader__godzilla {
    background: url(../images/games/SuperCity/godzilla.png) no-repeat;
    background-size: contain;
    width: 278px;
    height: 351px;
    position: absolute;
    bottom: 0;
    left: -87px;
}
@media (max-width: 1439px) {
    .super-city__preloader__godzilla {
        width: 233px;
        height: 298px;
        left: -60px;
    }
}
@media (max-width: 1023px) {
    .super-city__preloader__godzilla {
        width: 140px;
        height: 180px;
        left: 10px;
    }
}
.super-city__create-logo {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .super-city__create-logo {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__create-logo {
        margin-bottom: 80px;
    }
}
.super-city__create-logo__item {
    width: 0.33333%;
    float: left;
}
.super-city__create-logo__item:last-child .super-city__create-logo__media:after {
    display: none;
}
@media (max-width: 1023px) {
    .super-city__create-logo__item {
        width: 0.4%;
    }
}
@media (max-width: 767px) {
    .super-city__create-logo__item {
        width: 0.8%;
    }
}
.super-city__create-logo__media {
    height: 225px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}
.super-city__create-logo__media:before {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: "";
}
.super-city__create-logo__media:after {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E00C";
    position: absolute;
    font-size: 14px;
    color: #e0e0e0;
    left: 100%;
    z-index: 2;
    top: 50%;
    margin-left: -21px;
}
@media (max-width: 767px) {
    .super-city__create-logo__media {
        height: 200px;
    }
}
.super-city__create-logo__img {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
@media (max-width: 767px) {
    .super-city__create-logo__img {
        width: 80%;
    }
}
.super-city__create-logo__slider-text {
    margin: 0 auto;
}
.super-city__new-world__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #fafafa url(../images/games/SuperCity/new-world/bg.jpg);
    background-size: cover;
}
.super-city__new-world__map {
    position: relative;
    padding: 80px 0 160px;
}
@media (max-width: 1023px) {
    .super-city__new-world__map {
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__new-world__map {
        padding-bottom: 80px;
    }
}
.super-city__new-world__media-full-width {
    min-width: 460px;
}
.super-city__new-world__big-title {
    color: #fff;
    margin-top: -1.5em;
    text-shadow: 3px 0 29px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -80px;
}
.super-city__new-world__text-info {
    max-width: 370px;
}
.super-city__new-world__media__item {
    display: inline-block;
    margin-right: 10px;
}
.super-city__new-world__img,
.super-city__play__button-content strong {
    display: block;
}
.super-city__outside {
    padding: 110px 0 0;
    text-align: right;
    background: #fff url(../images/games/SuperCity/outside/bg.png);
    background-position: 50% 0;
    height: 1731px;
    margin-bottom: 160px;
    position: relative;
}
.super-city__outside:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
}
@media (max-width: 1023px) {
    .super-city__outside {
        padding-top: 100px;
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .super-city__outside {
        padding-top: 20px;
        position: relative;
        background: 0 0;
        height: auto;
        padding-bottom: 0;
    }
}
.super-city__outside__bottom-text {
    position: absolute;
    bottom: 50px;
    text-align: left;
    width: 100%;
}
@media (max-width: 767px) {
    .super-city__outside__bottom-text {
        bottom: 0;
        position: relative;
    }
}
.super-city__outside__content {
    display: inline-block;
    text-align: left;
    max-width: 440px;
    padding-right: 100px;
}
@media (max-width: 1439px) {
    .super-city__outside__content {
        padding-right: 0;
    }
}
.super-city__outside__place {
    position: absolute;
}
@media (max-width: 767px) {
    .super-city__outside__place {
        position: static;
        padding: 0 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
    }
}
.super-city__outside__place_firefox {
    right: 50%;
    top: 270px;
    margin-left: 200px;
    width: 550px;
}
@media (max-width: 767px) {
    .super-city__outside__place_firefox {
        margin-left: 0;
        width: 100%;
    }
}
.super-city__outside__place_firefox .super-city__outside__place__text {
    left: 420px;
    top: 150px;
}
.super-city__outside__place_firefox-sketch {
    left: 50%;
    top: 470px;
    margin-left: 100px;
    width: 550px;
}
@media (max-width: 767px) {
    .super-city__outside__place_firefox-sketch {
        display: none;
    }
}
.super-city__outside__place_mermaid-palace {
    right: 50%;
    top: 640px;
    margin-right: 570px;
    width: 360px;
}
@media (max-width: 1280px) {
    .super-city__outside__place_mermaid-palace {
        display: none;
    }
}
@media (max-width: 767px) {
    .super-city__outside__place_mermaid-palace {
        display: block;
        width: 100%;
    }
}
.super-city__outside__place_mermaid-palace .super-city__outside__place__text {
    top: 200px;
    left: 100%;
}
.super-city__outside__place_spa {
    width: 540px;
    right: 50%;
    top: 920px;
    margin-right: 80px;
}
@media (max-width: 767px) {
    .super-city__outside__place_spa {
        width: 100%;
    }
}
.super-city__outside__place_spa .super-city__outside__place__text {
    top: 350px;
    left: 400px;
}
.super-city__outside__place_spa-sketch {
    width: 540px;
    left: 50%;
    top: 1135px;
    margin-left: 80px;
}
@media (max-width: 767px) {
    .super-city__outside__place_spa-sketch {
        display: none;
    }
}
.super-city__outside__place_egipt {
    top: 1400px;
    width: 315px;
    left: 50%;
    margin-left: 680px;
}
@media (max-width: 767px) {
    .super-city__outside__place_egipt {
        display: none;
    }
}
.super-city__outside__place__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    position: absolute;
    text-align: left;
    min-width: 200px;
}
@media (max-width: 767px) {
    .super-city__outside__place__text {
        position: static;
        margin-bottom: 10px;
    }
}
.super-city__outside__place__img {
    display: block;
    width: 100%;
}
.super-city__buildings {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .super-city__buildings {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__buildings {
        margin-bottom: 80px;
    }
}
.super-city__buildings__big-title {
    margin-bottom: -0.4em;
}
.super-city__buildings__media-full-width {
    z-index: 2;
    position: relative;
    background: 0 0;
    margin-top: 80px;
    overflow: visible;
}
@media (max-width: 767px) {
    .super-city__buildings__media-full-width {
        min-width: 100%;
    }
}
.super-city__simulation {
    margin-bottom: 135px;
}
@media (max-width: 767px) {
    .super-city__simulation {
        margin-bottom: 80px;
    }
}
.super-city__simulation__slider-wrap {
    margin: 0 -50px;
}
@media (max-width: 767px) {
    .super-city__simulation__slider-wrap {
        margin: 0;
    }
}
.super-city__simulation__slider {
    margin-bottom: 55px;
}
.super-city__simulation__slider__item {
    width: 0.333333%;
}
@media (max-width: 767px) {
    .super-city__simulation__slider__item {
        width: 0.7%;
    }
}
.super-city__simulation__text-info {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .super-city__simulation__text-info {
        margin-bottom: 80px;
    }
}
.super-city__super-events {
    padding: 130px 0 240px;
    background: #fafafa;
}
@media (max-width: 1023px) {
    .super-city__super-events {
        padding: 100px 0;
    }
}
@media (max-width: 767px) {
    .super-city__super-events {
        padding: 80px 0;
    }
}
.super-city__super-events__mid-title {
    margin-bottom: 78px;
}
@media (max-width: 767px) {
    .super-city__super-events__mid-title {
        margin-bottom: 50px;
    }
}
.super-city__characters {
    background: #2f334b;
    position: relative;
    margin-bottom: 250px;
}
@media (max-width: 1023px) {
    .super-city__characters {
        margin-bottom: 150px;
    }
}
@media (max-width: 767px) {
    .super-city__characters {
        margin-bottom: 80px;
    }
}
.super-city__characters__container {
    padding-top: 100px;
    padding-bottom: 40px;
}
.super-city__characters__mid-title {
    color: #fff;
}
.super-city__characters__text-info {
    color: #fff;
    max-width: 300px;
    margin-bottom: 145px;
}
@media (max-width: 767px) {
    .super-city__characters__text-info {
        margin-bottom: 40px;
    }
}
.super-city__characters__slider {
    margin-bottom: 0;
    position: relative;
    padding-right: 200px;
}
@media (max-width: 767px) {
    .super-city__characters__slider {
        padding-right: 0;
    }
}
.super-city__characters__slider__list {
    font-size: 0;
    width: 1000%;
}
.super-city__characters__slider__item {
    width: 165px;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 0;
    margin-left: -30px;
}
.super-city__characters__slider:before {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background: linear-gradient(to left, rgba(47, 51, 75, 0) 0%, rgba(47, 51, 75, 0.5) 10px, rgba(47, 51, 75, 0.9) 50px, #2f334b 200px);
    z-index: 5;
    content: "";
}
@media (max-width: 767px) {
    .super-city__characters__slider:before {
        display: none;
        content: "";
    }
}
.super-city__characters__slider:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    margin-left: -380px;
    top: 0;
    background: linear-gradient(to right, rgba(47, 51, 75, 0) 0%, rgba(47, 51, 75, 0.77) 22%, #2f334b 100%);
    content: "";
}
@media (max-width: 767px) {
    .super-city__characters__slider:after {
        display: none;
        content: "";
    }
}
.super-city__characters .slider__nav {
    font-size: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 84px;
    z-index: 6;
    margin: 10px 30px 0 0;
}
@media (max-width: 1439px) {
    .super-city__characters .slider__nav {
        bottom: 100%;
        top: auto;
        right: auto;
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .super-city__characters .slider__nav {
        display: none;
    }
}
.super-city__characters .slider__nav__item {
    position: relative;
    font-size: 14px;
    color: #fff;
    opacity: 0.2;
    display: inline-block;
    line-height: 14px;
    cursor: pointer;
    width: 42px;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.super-city__characters .slider__nav__item:before {
    line-height: 14px;
    display: block;
}
.super-city__characters .slider__nav__item:after {
    position: absolute;
    top: -20px;
    bottom: -20px;
    right: -20px;
    left: -20px;
    content: "";
}
.super-city__characters .slider__nav__item:hover {
    opacity: 0.8;
}
.super-city__characters .slider__nav__item_prev:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E00C";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.super-city__characters .slider__nav__item_prev:after {
    right: 0;
}
.super-city__characters .slider__nav__item_prev:hover {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    transition-duration: 0.175s;
}
.super-city__characters .slider__nav__item_prev:hover:after {
    right: -10px;
}
.super-city__characters .slider__nav__item_next:before,
.super-city__play__button-content:before,
.timeline-row__cell.m-left .timeline-article.m-phone a:after,
.timeline-share h3 a:after {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E00C";
}
.super-city__characters .slider__nav__item_next:after {
    left: 0;
}
.super-city__characters .slider__nav__item_next:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    transition-duration: 0.175s;
}
.super-city__characters .slider__nav__item_next:hover:after {
    left: -10px;
}
.super-city__characters__dragon {
    background: url(../images/games/SuperCity/characters/dragon.png);
    background-size: cover;
    width: 690px;
    height: 658px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: -300px;
    pointer-events: none;
}
@media (max-width: 767px) {
    .super-city__characters__dragon {
        display: none;
    }
}
.super-city__team {
    margin-bottom: 120px;
}
@media (max-width: 1023px) {
    .super-city__team {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__team {
        margin-bottom: 80px;
    }
}
.super-city__team__container_img,
.super-city__team_img {
    overflow: hidden;
}
.super-city__team__photo {
    margin-bottom: 68px;
    position: relative;
}
.super-city__team__photo__img {
    width: 100%;
    display: block;
}
.super-city__team__photo__bg {
    position: absolute;
    top: 80px;
    bottom: 40px;
    right: 0;
    left: 0;
    background: #653eb3 url(../images/source/pattern.png);
    background-attachment: fixed;
    background-position: -20px;
}
@media (max-width: 767px) {
    .super-city__team__photo__bg {
        top: 20px;
        bottom: 10px;
    }
}
.super-city__team__slider {
    margin-bottom: 0;
}
.super-city__team__slider__img {
    margin-bottom: 20px;
}
.super-city__team-history {
    margin-bottom: 170px;
}
@media (max-width: 1023px) {
    .super-city__team-history {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__team-history {
        margin-bottom: 80px;
    }
}
.super-city__team-history__icons {
    max-width: 900px;
    font-size: 0;
}
.super-city__team-history__icon {
    width: 200px;
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}
.super-city__team-history__icon__img,
.super-city__team-history__icon__text {
    display: inline-block;
    vertical-align: middle;
}
.super-city__team-history__icon__text {
    font-size: 14px;
}
.super-city__creative {
    z-index: 2;
    position: relative;
    padding-top: 130px;
    padding-bottom: 120px;
}
.super-city__creative .big-title {
    text-align: center;
    margin-bottom: 60px;
}
@media (max-width: 1023px) {
    .super-city__creative {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .super-city__creative {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .super-city__creative .big-title {
        margin-bottom: 40px;
    }
}
.super-city__final {
    background: #4fcffd;
    padding-top: 90px;
}
.super-city__video {
    margin-bottom: 87px;
}
.super-city__video__title {
    opacity: 0.2;
    z-index: 0;
}
.super-city__game-contacts .game-contacts__socials__item:hover:before {
    color: #4fcffd;
}
.super-city__game-contacts .game-contacts__col {
    border-color: #61d4fd;
}
.super-city__game-contacts .game-contacts__col_tp:hover {
    background-color: #2fc8ff;
}
.super-city__play {
    background: #00c7f7;
    overflow: hidden;
    margin-bottom: 190px;
}
@media (max-width: 767px) {
    .super-city__play {
        margin-bottom: 80px;
    }
}
.super-city__play__content {
    max-width: 300px;
}
@media (max-width: 767px) {
    .super-city__play__content {
        max-width: 250px;
    }
}
.super-city__play__button-content {
    color: #00c7f7;
    position: relative;
    padding: 12px 0 12px 36px;
    line-height: 1.3em;
    font-size: 15px;
    font-weight: 400;
    display: block;
    text-transform: none;
    transition: color 0.35s;
}
.super-city__play__button-content:before {
    content: "\E014";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 32px;
    line-height: 1em;
}
.super-city__play__button-content span {
    display: block;
    font-size: 11px;
    line-height: 1.2em;
}
.super-city__play__button-content:hover {
    transition-duration: 0.175s;
    color: #0383af;
}
.super-city__play__container {
    padding-top: 106px;
    padding-bottom: 80px;
    min-height: 380px;
}
@media (max-width: 1439px) {
    .super-city__play__container {
        padding-top: 80px;
        padding-bottom: 70px;
        min-height: 0;
    }
}
@media (max-width: 1023px) {
    .super-city__play__container {
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .super-city__play__container {
        padding-top: 40px;
        padding-bottom: 0;
    }
}
.super-city__play__title {
    color: #fff;
    margin-bottom: 0.6em;
}
@media (max-width: 767px) {
    .super-city__play__title {
        line-height: 1.1em;
    }
}
.super-city__play__review {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .super-city__play__review {
        font-size: 14px;
    }
}
.super-city__play__button {
    border-radius: 5px;
}
.super-city__play__media {
    position: absolute;
    width: 862px;
    top: 0;
    right: 0;
}
@media (max-width: 1439px) {
    .super-city__play__media {
        width: 650px;
    }
}
@media (max-width: 1023px) {
    .super-city__play__media {
        width: 450px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (max-width: 767px) {
    .super-city__play__media {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 20px;
        bottom: 0;
        margin-bottom: -40px;
        width: 100%;
        left: 0;
        position: relative;
    }
}
.super-city__play__img {
    display: block;
    width: 100%;
}
.super-city__timeline *,
.super-city__timeline :after,
.super-city__timeline :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.super-city__timeline .big-title {
    text-align: center;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .super-city__timeline .big-title {
        margin-bottom: 60px;
    }
}
.timeline-article {
    position: relative;
    margin-bottom: 60px;
}
.timeline-article h3:last-child,
.timeline-article p:last-child,
.timeline-article:last-child {
    margin-bottom: 0;
}
.timeline-article h3 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 23px;
    color: #2f334b;
    font-weight: 700;
    margin: 5px 0 14px;
}
.timeline-article h3 span {
    color: #ff9a00;
}
.timeline-article h3 + figure {
    margin-top: 14px;
}
.timeline-article p {
    margin-bottom: 16px;
}
.timeline-article img,
.timeline-gallery img,
.timeline-head img {
    display: block;
    max-width: 100%;
    height: auto;
}
.timeline-article .dlp-sliderAuto {
    max-width: 660px;
}
.timeline-article__title {
    position: relative;
}
.timeline-article__title h3:last-child {
    margin-bottom: 14px;
}
.timeline-article__num {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1;
    color: #653eb3;
    font-weight: 700;
    margin-bottom: 15px;
}
.timeline-article__num span {
    white-space: nowrap;
    background: url(../images/games/SuperCity/number-bg.jpg) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -ms-background-position-x: -9999px;
}
.timeline-article__num:last-child {
    margin-bottom: 0;
}
.timeline-article__text {
    position: relative;
    margin-bottom: 16px;
}
.timeline-article__year {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 14px;
    background-color: #4fcffd;
}
.timeline-article__add-img {
    display: none;
    position: absolute;
}
.timeline-article.m-fb figure {
    position: relative;
    margin-top: 35px;
}
.timeline-article.m-fb figcaption {
    width: 151px;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.timeline-article.m-phone .timeline-article__add-img {
    display: block;
    bottom: 0;
    left: 0;
}
.timeline-article.m-dino figure {
    position: relative;
    padding-bottom: 18px;
}
.timeline-article.m-dino figcaption {
    width: 121px;
    position: absolute;
    bottom: 0;
    left: 19px;
}
.timeline-article.m-bldg .timeline-article__text {
    margin-bottom: 30px;
}
.timeline-article.m-map circle {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.timeline-article.m-anchor {
    margin: 50px 0;
}
@media (min-width: 768px) {
    .timeline-article {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 80px;
    }
    .timeline-article h3 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 24px;
    }
    .timeline-article__title h3:last-child {
        margin-bottom: 24px;
    }
    .timeline-article__num {
        font-size: 60px;
        margin: 42px 0 28px;
    }
    .timeline-article__year {
        font-size: 18px;
        padding: 3px 24px;
    }
    .timeline-article__text {
        width: 330px;
        margin: 0 40px 0 0;
    }
    .timeline-article__text ~ figure {
        -webkit-flex: 1 1 0%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        margin-right: -132px;
    }
    .timeline-article.m-bldg,
    .timeline-article.m-fullWidth,
    .timeline-article__add-img {
        display: block;
    }
    .timeline-article.m-fullWidth .timeline-article__text {
        max-width: 660px;
        width: auto;
        margin: 0 0 20px;
    }
    .timeline-article.m-fullWidth .timeline-article__text ~ figure {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-right: 0;
    }
    .timeline-article.m-phone figure img {
        margin-left: auto;
    }
    .timeline-article.m-phone .timeline-article__add-img {
        bottom: auto;
        left: auto;
        right: 40px;
        top: 67px;
    }
    .timeline-article.m-fb figure {
        margin-top: 0;
    }
    .timeline-article.m-fb figcaption {
        width: 210px;
        top: -16px;
        left: -85px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .timeline-article.m-fb .timeline-article__add-img {
        display: none;
    }
    .timeline-article.m-dino figure {
        padding-bottom: 42px;
    }
    .timeline-article.m-dino figcaption {
        width: 162px;
        left: 26px;
    }
    .timeline-article.m-popul .timeline-article__add-img {
        top: -25px;
        right: -50px;
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
    .timeline-article.m-bldg .timeline-article__add-img {
        top: -135px;
        right: -180px;
    }
    .timeline-article.m-bldg .timeline-article__text {
        margin-bottom: 63px;
    }
    .timeline-article.m-anchor {
        margin: inherit;
    }
}
@media (min-width: 1024px) {
    .timeline-article.m-phone .timeline-article__add-img {
        right: 170px;
    }
    .timeline-article.m-popul .timeline-article__add-img {
        right: 200px;
    }
    .timeline-article.m-bldg .timeline-article__add-img {
        top: -130px;
        right: 100px;
    }
}
@media (min-width: 1280px) {
    .timeline-article {
        display: block;
        margin-bottom: 100px;
    }
    .timeline-article h3 {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 27px;
    }
    .timeline-article p {
        margin-bottom: 20px;
    }
    .timeline-article__title h3:last-child {
        margin-bottom: 27px;
    }
    .timeline-article__text {
        width: auto;
        margin: 0 0 45px;
    }
    .timeline-article__text ~ figure {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-right: 0;
    }
    .timeline-article__num {
        font-size: 50px;
        margin-right: -20px;
    }
    .timeline-article.m-fb figure {
        margin-right: -140px;
    }
    .timeline-article.m-fb figcaption {
        width: 349px;
        left: -125px;
    }
    .timeline-article.m-fb .timeline-article__add-img {
        display: block;
        right: -66px;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        top: -61px;
    }
    .timeline-article.m-dino figure {
        margin-left: -107px;
        padding-bottom: 0;
    }
    .timeline-article.m-dino figcaption {
        width: 211px;
        bottom: 0;
        left: 81px;
    }
    .timeline-article.m-obj figure {
        margin-left: -214px;
    }
    .timeline-article.m-map figure {
        margin-right: -313px;
    }
    .timeline-article.m-map figure svg {
        min-height: 325px;
    }
    .timeline-article.m-phone figure {
        margin: 0 -123px 0 40px;
    }
    .timeline-article.m-phone .timeline-article__add-img {
        right: -260px;
        top: 150px;
    }
    .timeline-article.m-popul .timeline-article__add-img {
        top: -15px;
        right: auto;
        left: -210px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .timeline-article.m-bldg,
    .timeline-article.m-slider {
        margin-bottom: 55px;
    }
    .timeline-article.m-bldg .timeline-article__add-img {
        top: -160px;
        right: -300px;
    }
}
@media (min-width: 1400px) {
    .timeline-article__num {
        font-size: 68px;
    }
}
.timeline-gallery {
    width: 90%;
    margin: 0 -15px 40px;
}
.timeline-gallery:last-child,
.timeline-share h3:last-child {
    margin-bottom: 0;
}
.timeline-gallery figure {
    padding: 0 15px;
}
.timeline-gallery .slick-list {
    overflow: visible;
}
.timeline-gallery .slick-slide {
    outline: none;
    opacity: 0.3;
    transition: opacity 250ms;
}
.timeline-gallery .slick-active {
    opacity: 1;
}
@media (min-width: 768px) {
    .timeline-gallery {
        width: auto;
        margin-bottom: 80px;
    }
}
@media (min-width: 1280px) {
    .timeline-gallery {
        margin: 0 0 130px;
    }
    .timeline-gallery figure {
        width: auto;
        padding: 0;
        margin-right: 0;
    }
    .timeline-gallery figure + figure {
        margin-top: 100px;
    }
    .timeline-gallery__inner {
        display: block;
    }
}
.timeline-head .timeline-article {
    margin-bottom: 12px;
}
.timeline-head__img:last-child {
    display: none;
}
@media (min-width: 768px) {
    .timeline-head .timeline-article {
        margin-bottom: 0;
    }
    .timeline-head__img {
        width: 486px;
        margin-right: -250px;
    }
    .timeline-head__inner {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 1280px) {
    .timeline-head .timeline-article {
        text-align: center;
        width: 600px;
        margin: 35px 24px 0;
    }
    .timeline-head__inner {
        margin: 0 -240px 0 -145px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .timeline-head__img {
        width: 421px;
        margin: 10px 0 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .timeline-head__img:last-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: block;
        margin-top: 16px;
        width: 500px;
    }
}
.timeline-row {
    position: relative;
    margin-right: -9px;
    margin-left: 9px;
}
.timeline-row__cell {
    margin-bottom: 60px;
}
.timeline-row__cell .timeline-share {
    padding: 40px 11px 40px 29px;
    margin: 0 -11px 0 -29px;
    background-color: #f8f8f8;
}
.timeline-row__cell.m-left .timeline-article.m-phone a:after,
.timeline-share h3 a:after {
    font-size: 13px;
    display: inline-block;
    margin-top: 8px;
}
@media (min-width: 768px) {
    .timeline-row {
        padding: 0 60px;
        margin-right: 0;
        margin-left: 0;
    }
    .timeline-row__cell {
        margin-bottom: 80px;
    }
    .timeline-row__cell .timeline-share {
        padding: 60px calc((100vw - 768px) / 2 + 80px);
        margin: 0 calc((100vw - 768px) / -2 - 80px);
    }
    .timeline-row__cell.m-left .timeline-article.m-phone h3 a:after {
        margin-top: 23px;
    }
}
@media (min-width: 1024px) {
    .timeline-row__cell .timeline-share {
        padding: 60px calc((100vw - 970px) / 2 + 80px);
        margin: 0 calc((100vw - 970px) / -2 - 80px);
    }
    .timeline-row__cell.m-left .timeline-article.m-phone h3 a:hover {
        color: #4285f4;
    }
}
@media (min-width: 1280px) {
    .timeline-row {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }
    .timeline-row__cell {
        width: 50%;
        margin-bottom: 100px;
    }
    .timeline-row__cell.m-left,
    .timeline-row__cell.m-left-first {
        padding: 0 120px 0 0;
    }
    .timeline-row__cell.m-right,
    .timeline-row__cell.m-right-first {
        padding: 0 0 0 120px;
    }
    .timeline-row__cell.m-fullWidth {
        width: 100%;
    }
    .timeline-row__cell.m-fullWidth .timeline-head {
        margin-bottom: 14px;
    }
    .timeline-row__cell.m-left .timeline-gallery {
        margin-left: -140px;
    }
    .timeline-row__cell.m-left .timeline-article.m-phone {
        display: none;
    }
    .timeline-row__cell.m-right .timeline-gallery {
        margin-right: -140px;
    }
    .timeline-row__cell.m-right-first {
        margin-top: 98px;
    }
    .timeline-row__cell.m-left,
    .timeline-row__cell.m-right {
        margin-bottom: 0;
    }
    .timeline-row__cell .timeline-share {
        display: none;
    }
}
@media (min-width: 1400px) {
    .timeline-row {
        margin: 0 -120px;
    }
    .timeline-row__cell,
    .timeline-row__cell.m-left,
    .timeline-row__cell.m-left-first,
    .timeline-row__cell.m-right,
    .timeline-row__cell.m-right-first {
        padding: 0 120px;
    }
    .timeline-row__cell.m-fullWidth {
        margin-bottom: 0;
    }
}
.timeline-section-share {
    display: none;
}
.timeline-section-share .timeline-share {
    background-color: transparent;
}
@media (min-width: 1280px) {
    .timeline-section-share {
        display: block;
        padding: 100px 0;
        background-color: #f8f8f8;
    }
    .timeline-section-share__inner {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -120px;
    }
    .timeline-section-share .timeline-share {
        padding: 0 120px;
        width: 50%;
    }
}
.timeline-share h3 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 23px;
    color: #2f334b;
    font-weight: 700;
    margin: 0 0 10px;
}
.timeline-share__title {
    position: relative;
}
.timeline-share__title h3:last-child {
    margin-bottom: 10px;
}
.timeline-share__col {
    margin-bottom: 40px;
}
.timeline-share__col:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .timeline-share {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .timeline-share__col {
        width: 50%;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .timeline-share h3 a:after {
        margin-top: 23px;
    }
    .timeline-share h3 a:hover {
        color: #4285f4;
    }
}
@media (min-width: 1280px) {
    .timeline-share {
        display: block;
    }
    .timeline-share h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .timeline-share__title h3:last-child {
        margin-bottom: 14px;
    }
    .timeline-share__col {
        width: auto;
        margin-bottom: 50px;
    }
}
.social {
    font-size: 8px;
    line-height: 14px;
    color: #fff;
}
.social p {
    margin: 0;
}
.social span {
    font-size: 14px;
}
.social__inner,
.social__item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.social__inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -10px 0 0 -20px;
}
.social__item {
    color: #fff;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    border-radius: 5px;
    background-color: #ff9a00;
    margin: 10px 0 0 20px;
}
.social__item:before {
    line-height: 1;
    margin-right: 9px;
}
.social__item.m-fb,
.social__item.m-pc {
    background-color: #b62e9a;
}
.social__item.m-fb:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E00E";
    font-size: 22px;
}
.social__item.m-pc:before {
    font-size: 22px;
}
.social__item.m-al:before,
.social__item.m-gp:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.social__item.m-al:before {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    content: "\E014";
    font-size: 26px;
}
.social__item.m-gp:before {
    content: "\E010";
    font-size: 24px;
}
@media (min-width: 1024px) {
    .social__item {
        transition: color 250ms, background-color 250ms;
    }
    .social__item:hover {
        transition: none;
        color: #fff;
        background-color: rgba(255, 154, 0, 0.8);
    }
    .social__item.m-fb:hover,
    .social__item.m-pc:hover {
        background-color: rgba(182, 46, 154, 0.8);
    }
}
.jub-offer {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    padding: 50px 10px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.jub-offer h2 {
    margin: 0 0 10px;
}
.jub-offer p {
    max-width: 466px;
    margin: 0 auto;
}
.jub-offer .big-title {
    color: #fff;
    opacity: 1;
}
.jub-offer .btn-box {
    margin-top: 30px;
}
.jub-offer .btn {
    color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 0;
    background-color: #00bcfc;
}
.jub-offer .btn.m-white {
    color: #111;
    background-color: #fff;
}
.jub-offer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.jub-offer,
.jub-offer__container {
    position: relative;
}
@media (min-width: 768px) {
    .jub-offer {
        font-size: 20px;
        line-height: 24px;
        padding: 123px 0 100px;
    }
    .jub-offer h2 {
        margin-bottom: 16px;
    }
    .jub-offer .btn-box {
        margin-top: 40px;
    }
}
@media (min-width: 1024px) {
    .jub-offer .btn:hover {
        background-color: #0383af;
    }
    .jub-offer .btn.m-white:hover {
        color: rgba(17, 17, 17, 0.5);
        background-color: #fff;
    }
}
@media (min-width: 1280px) {
    .jub-offer .btn-box {
        margin-top: 70px;
    }
}
.timeline-article__point,
.timeline-line__point,
.timeline-share__point {
    position: absolute;
    left: -8px;
    top: 3px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: #b62e9a;
}
.timeline-article__point img,
.timeline-article__point svg,
.timeline-line__point img,
.timeline-line__point svg,
.timeline-share__point img,
.timeline-share__point svg {
    width: 20px;
    position: absolute;
    top: -14px;
    left: 0;
}
.timeline-article__point svg path,
.timeline-share__point svg path {
    fill: #b62e9a;
}
.timeline-article__point:after,
.timeline-article__point:before,
.timeline-line__point:after,
.timeline-line__point:before,
.timeline-share__point:after,
.timeline-share__point:before {
    content: "";
    position: absolute;
    border: 2px solid #b62e9a;
    border-radius: 100%;
    background-color: transparent;
    -webkit-animation-name: circle;
    animation-name: circle;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.timeline-article__point:before,
.timeline-line__point:before,
.timeline-share__point:before {
    top: -10px;
    left: -10px;
    width: 37px;
    height: 37px;
    opacity: 0.15;
}
.timeline-article__point:after,
.timeline-line__point:after,
.timeline-share__point:after {
    top: -22px;
    left: -22px;
    width: 61px;
    height: 61px;
    opacity: 0.05;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}
.timeline-article__point.m-yellow,
.timeline-line__point.m-yellow,
.timeline-share__point.m-yellow {
    background-color: #ff9a00;
}
.timeline-article__point.m-yellow:after,
.timeline-article__point.m-yellow:before,
.timeline-line__point.m-yellow:after,
.timeline-line__point.m-yellow:before,
.timeline-share__point.m-yellow:after,
.timeline-share__point.m-yellow:before {
    border-color: #ff9a00;
}
.timeline-article__point.m-yellow:before,
.timeline-line__point.m-yellow:before,
.timeline-share__point.m-yellow:before {
    opacity: 0.4;
}
.timeline-article__point.m-yellow:after,
.timeline-line__point.m-yellow:after,
.timeline-share__point.m-yellow:after {
    opacity: 0.2;
}
@media (min-width: 768px) {
    .timeline-article__point,
    .timeline-line__point,
    .timeline-share__point {
        left: -33px;
        top: 3px;
        width: 31px;
        height: 31px;
    }
    .timeline-article__point img,
    .timeline-article__point svg,
    .timeline-line__point img,
    .timeline-line__point svg,
    .timeline-share__point img,
    .timeline-share__point svg {
        width: 34px;
        top: -28px;
    }
    .timeline-article__point:before,
    .timeline-line__point:before,
    .timeline-share__point:before {
        top: -17px;
        left: -17px;
        width: 65px;
        height: 65px;
    }
    .timeline-article__point:after,
    .timeline-line__point:after,
    .timeline-share__point:after {
        top: -38px;
        left: -38px;
        width: 107px;
        height: 107px;
    }
}
@media (min-width: 1280px) {
    .timeline-article__point,
    .timeline-share__point {
        display: none;
    }
}
@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes circle {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scale-down-center {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
}
@keyframes scale-down-center {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
}
.timeline-line {
    position: absolute;
    top: 34px;
    left: -18px;
    z-index: 1;
}
.timeline-line img {
    display: none;
}
.timeline-line__part {
    width: 3px;
    background-color: transparent;
    background-size: 100% 20px;
    background-repeat: repeat-y;
}
.timeline-line__part:nth-child(1) {
    background-image: url(../images/games/SuperCity/timeline/12x3_f.png);
}
.timeline-line__part:nth-child(2) {
    background-image: url(../images/games/SuperCity/timeline/12x3_y.png);
}
.timeline-line__point {
    display: none;
}
.timeline-line__point svg path {
    fill: #fe3c68;
}
.timeline-line__point[data-num="1"] {
    left: 158px;
    top: -14px;
    background-color: #fe3c68;
}
.timeline-line__point[data-num="1"]:after,
.timeline-line__point[data-num="1"]:before {
    border-color: #fe3c68;
}
.timeline-line__point[data-num="2"] {
    top: 132px;
    left: 124px;
    background-color: #fc3b69;
}
.timeline-line__point[data-num="2"]:after,
.timeline-line__point[data-num="2"]:before {
    border-color: #fc3b69;
}
.timeline-line__point[data-num="3"] {
    top: 242px;
    left: 207px;
    background-color: #f93b6b;
}
.timeline-line__point[data-num="3"]:after,
.timeline-line__point[data-num="3"]:before {
    border-color: #f93b6b;
}
.timeline-line__point[data-num="4"] {
    top: 992px;
    left: 206px;
    background-color: #ffe400;
}
.timeline-line__point[data-num="4"]:after,
.timeline-line__point[data-num="4"]:before {
    border-color: #ffe400;
}
.timeline-line__point[data-num="5"] {
    top: 2555px;
    left: 121px;
    background-color: #cc3289;
}
.timeline-line__point[data-num="5"]:after,
.timeline-line__point[data-num="5"]:before {
    border-color: #cc3289;
}
.timeline-line__point[data-num="6"] {
    top: 2573px;
    left: 217px;
    background-color: #f9d300;
}
.timeline-line__point[data-num="6"]:after,
.timeline-line__point[data-num="6"]:before {
    border-color: #f9d300;
}
.timeline-line__point[data-num="7"] {
    top: 3355px;
    left: 117px;
    background-color: #c33091;
}
.timeline-line__point[data-num="7"]:after,
.timeline-line__point[data-num="7"]:before {
    border-color: #c33091;
}
.timeline-line__point[data-num="8"] {
    top: 3168px;
    left: 225px;
    background-color: #f6ca00;
}
.timeline-line__point[data-num="8"]:after,
.timeline-line__point[data-num="8"]:before {
    border-color: #f6ca00;
}
.timeline-line__point[data-num="9"] {
    top: 4245px;
    left: 23px;
    background-color: #b52e9b;
}
.timeline-line__point[data-num="9"]:after,
.timeline-line__point[data-num="9"]:before {
    border-color: #b52e9b;
}
.timeline-line__point[data-num="10"] {
    top: 4217px;
    left: 216px;
    background-color: #f3c100;
}
.timeline-line__point[data-num="10"]:after,
.timeline-line__point[data-num="10"]:before {
    border-color: #f3c100;
}
.timeline-line__point[data-num="10"]:before,
.timeline-line__point[data-num="4"]:before,
.timeline-line__point[data-num="6"]:before,
.timeline-line__point[data-num="8"]:before {
    opacity: 0.4;
}
.timeline-line__point[data-num="10"]:after,
.timeline-line__point[data-num="4"]:after,
.timeline-line__point[data-num="6"]:after,
.timeline-line__point[data-num="8"]:after {
    opacity: 0.2;
}
.timeline-line:after {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f8f8f8 75%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f8f8f8', GradientType=0);
}
@media (min-width: 768px) {
    .timeline-line {
        top: 38px;
        left: 8px;
    }
    .timeline-line__part {
        width: 7px;
        background-size: 100% 35px;
    }
    .timeline-line__part:nth-child(1) {
        background-image: url(../images/games/SuperCity/timeline/20x7_f.png);
    }
    .timeline-line__part:nth-child(2) {
        background-image: url(../images/games/SuperCity/timeline/20x7_y.png);
    }
}
@media (min-width: 1280px) {
    .timeline-line {
        top: 415px;
        left: 313px;
        z-index: auto;
    }
    .timeline-line__part {
        display: none;
    }
    .timeline-line img,
    .timeline-line__point {
        display: block;
    }
    .timeline-line:after {
        height: 80px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    }
}
@media (min-width: 1400px) {
    .timeline-line {
        top: 380px;
        left: 533px;
    }
}
.show-on-desktop {
    display: none;
}
.hide-on-desktop {
    display: block;
}
@media (min-width: 1280px) {
    .show-on-desktop {
        display: block;
    }
    .hide-on-desktop {
        display: none;
    }
}
.game-advantages {
    margin-bottom: 120px;
}
@media (max-width: 1300px) {
    .game-advantages {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .game-advantages {
        margin-bottom: 80px;
    }
}
@media (max-width: 520px) {
    .game-advantages {
        margin-bottom: 40px;
    }
}
.game-advantage:last-child,
.game-advantage__item:last-child,
.game-advantages:last-child {
    margin-bottom: 0;
}
.game-advantage {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .game-advantage {
        margin-bottom: 50px;
    }
}
.game-advantage_on-dark,
.game-advantage_on-dark .game-advantage__title {
    color: #fff;
}
.game-advantage__text {
    max-width: 75%;
}
@media (max-width: 767px) {
    .game-advantage__text {
        max-width: 80%;
    }
}
.game-advantage__title {
    margin-bottom: 0.42em;
}
.game-advantage__item {
    width: 47%;
}
@media (max-width: 767px) {
    .game-advantage__item {
        width: 100%;
        margin-bottom: 20px;
    }
}
.game-advantage_invert {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.game-advantage__picture {
    overflow: hidden;
}
.game-advantage__picture img {
    width: 100%;
    vertical-align: top;
}
.game-characters {
    font-size: 0;
    text-align: center;
}
.game-character {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-bottom: 80px;
    color: #fff;
    font-size: 16px;
}
@media (max-width: 767px) {
    .game-character {
        display: block;
        width: 100%;
    }
    .game-character:last-child {
        padding-bottom: 0;
    }
}
.game-character_single {
    width: 100%;
}
.game-character__inner {
    display: table;
}
@media (max-width: 767px) {
    .game-character__inner {
        display: block;
    }
}
.game-character_single .game-character__inner {
    margin: 0 auto;
    width: 50%;
}
@media (max-width: 767px) {
    .game-character_single .game-character__inner {
        width: 100%;
    }
}
.game-character__content,
.game-character__picture {
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .game-character__content,
    .game-character__picture {
        display: block;
    }
}
.game-character__content {
    padding-right: 60px;
    padding-left: 20px;
    text-align: left;
}
@media (max-width: 767px) {
    .game-character__content {
        padding-left: 0;
        padding-right: 0;
    }
}
.game-character__title {
    color: #fff;
}
.game-character__picture {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .game-character__picture {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .game-character__picture {
        margin-bottom: 25px;
    }
}
.game-character__picture img {
    vertical-align: top;
}
@media (max-width: 1023px) {
    .game-character__picture img {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .game-character__picture img {
        height: 250px;
    }
}
.titans__bg,
.titans__cover {
    background-color: #000;
}
.titans__bg {
    background-image: url(../images/games/Titans/cover.jpg);
}
.titans__container:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.titans-beginning {
    margin-bottom: 190px;
}
@media (max-width: 1023px) {
    .titans-beginning {
        margin-bottom: 150px;
    }
}
@media (max-width: 767px) {
    .titans-beginning {
        margin-bottom: 70px;
    }
}
.titans-beginning__headline {
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .titans-beginning__headline {
        margin-bottom: 40px;
    }
}
.titans-game-world {
    position: relative;
    padding-bottom: 220px;
    background-color: #000;
}
@media (max-width: 1023px) {
    .titans-game-world {
        padding-bottom: 150px;
    }
}
@media (max-width: 767px) {
    .titans-game-world {
        padding-bottom: 70px;
    }
}
.titans-game-world__media:after {
    position: absolute;
    width: 100%;
    height: 110px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    content: "";
}
.titans-game-world__big-title,
.titans-game-world__mid-title {
    color: #fff;
}
.titans-game-world__pictures {
    margin-bottom: 140px;
}
@media (max-width: 1023px) {
    .titans-game-world__pictures {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .titans-game-world__pictures {
        margin-bottom: 70px;
    }
}
.titans-base {
    position: relative;
    padding-bottom: 200px;
}
@media (max-width: 767px) {
    .titans-base {
        padding-bottom: 50px;
    }
}
.titans-base__headline {
    max-width: 400px;
    margin-bottom: 385px;
}
@media (max-width: 1439px) {
    .titans-base__headline {
        margin-bottom: 265px;
    }
}
@media (max-width: 1023px) {
    .titans-base__headline {
        margin-bottom: 150px;
    }
}
@media (max-width: 767px) {
    .titans-base__headline {
        margin-bottom: 50px;
    }
}
.titans-base__big-title {
    margin-bottom: 0.15em;
    margin-top: -0.3em;
}
.titans-base__image {
    width: 60%;
    position: absolute;
    top: 17%;
    right: 0;
}
@media (max-width: 1680px) {
    .titans-base__image {
        top: 14%;
    }
}
@media (max-width: 1439px) {
    .titans-base__image {
        width: 55%;
        top: 14%;
    }
}
@media (max-width: 1023px) {
    .titans-base__image {
        width: 60%;
        top: 12%;
        right: -15%;
    }
}
@media (max-width: 767px) {
    .titans-base__image {
        display: none;
    }
}
.titans-base__slider .slider__item {
    width: 0.25%;
}
@media (max-width: 767px) {
    .titans-base__slider .slider__item {
        width: 0.8%;
    }
}
.titans-robots {
    position: relative;
}
.titans-robots__slider-review:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.titans-robots__slider-review__text {
    float: right;
    max-width: 350px;
    width: 80%;
    color: #fff;
    margin-bottom: 100px;
}
@media (max-width: 1023px) {
    .titans-robots__slider-review__text {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .titans-robots__slider-review__text {
        margin-bottom: 40px;
    }
}
.titans-robots__section_1 {
    background-color: #fff;
    padding-bottom: 160px;
}
@media (max-width: 1023px) {
    .titans-robots__section_1 {
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .titans-robots__section_1 {
        padding-bottom: 80px;
    }
}
.titans-robots__section_2 {
    padding: 180px 0;
    background-color: #141414;
}
@media (max-width: 1023px) {
    .titans-robots__section_2 {
        padding: 100px 0;
    }
}
@media (max-width: 767px) {
    .titans-robots__section_2 {
        padding: 80px 0;
    }
}
.titans-robots__big-title {
    margin-top: -0.3em;
}
.titans-robots__mid-title {
    color: #fff;
    width: 300px;
    position: absolute;
    top: 60px;
}
@media (max-width: 1400px) {
    .titans-robots__mid-title {
        width: 250px;
    }
}
@media (max-width: 1023px) {
    .titans-robots__mid-title {
        position: relative;
        width: 100%;
        top: 0;
    }
}
.titans-robots__sliders {
    width: 100%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 200px;
    height: 626px;
}
@media (max-width: 1023px) {
    .titans-robots__sliders {
        margin-bottom: 150px;
    }
}
@media (max-width: 767px) {
    .titans-robots__sliders {
        margin-bottom: 80px;
        padding-top: 90px;
        height: 580px;
    }
}
@media (max-width: 479px) {
    .titans-robots__sliders {
        height: 380px;
    }
}
@media (max-width: 380px) {
    .titans-robots__sliders {
        height: 290px;
    }
}
.titans-robots__sliders__thumbnails {
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .titans-robots__sliders__thumbnails {
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto;
    }
}
.titans-robots__sliders__thumbnails__item {
    cursor: pointer;
    margin-bottom: 20px;
    opacity: 0.6;
    transition: opacity 0.35s;
    width: 80px;
}
.titans-robots__sliders__thumbnails__item img {
    display: block;
    max-width: 100%;
}
@media (max-width: 767px) {
    .titans-robots__sliders__thumbnails__item {
        display: inline-block;
        vertical-align: bottom;
        width: 60px;
    }
}
.titans-robots__sliders__thumbnails__item_selected {
    transition-duration: 0.175s;
    opacity: 1;
}
.titans-robots__sliders__thumbnails__item:hover {
    transition-duration: 0.175s;
    opacity: 0.8;
}
.titans-robots__slider {
    margin-bottom: 100px;
}
@media (max-width: 1023px) {
    .titans-robots__slider {
        margin-bottom: 70px;
    }
}
@media (max-width: 767px) {
    .titans-robots__slider {
        margin-bottom: 40px;
    }
}
.titans-robots-list__title {
    color: #fff;
}
.titans-robots-list__item {
    display: table;
    margin-bottom: 100px;
    color: #fff;
}
@media (max-width: 767px) {
    .titans-robots-list__item {
        margin-bottom: 70px;
    }
}
.titans-robots-list__item:last-child {
    margin-bottom: 0;
}
.titans-robots-list__cell {
    display: table-cell;
    vertical-align: middle;
    width: 47%;
}
@media (max-width: 767px) {
    .titans-robots-list__cell {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .titans-robots-list__cell:last-child {
        margin-bottom: 0;
    }
}
.titans-robots-list__cell_2 {
    padding-left: 6%;
}
@media (max-width: 767px) {
    .titans-robots-list__cell_2 {
        padding-left: 0;
    }
}
.titans-robots-list__item_even .titans-robots-list__cell_1 {
    padding-left: 6%;
    text-align: right;
}
@media (max-width: 767px) {
    .titans-robots-list__item_even .titans-robots-list__cell_1 {
        padding-left: 0;
    }
}
.titans-robots-list__item_even .titans-robots-list__cell_2 {
    padding-left: 0;
}
.titans-robots-list__picture {
    overflow: hidden;
}
@media (max-width: 767px) {
    .titans-robots-list__picture {
        text-align: center;
    }
}
.titans-robots-list__picture img {
    max-width: 310px;
    vertical-align: top;
}
.titans-preloader {
    position: relative;
    padding-bottom: 145px;
}
@media (max-width: 767px) {
    .titans-preloader {
        padding-bottom: 80px;
    }
}
.titans-preloader__big-title {
    margin-top: -0.3em;
}
.titans-constructor {
    color: #fff;
    position: relative;
    padding-bottom: 130px;
    background-color: #171717;
}
@media (max-width: 1023px) {
    .titans-constructor {
        padding-bottom: 90px;
    }
}
@media (max-width: 767px) {
    .titans-constructor {
        padding-bottom: 80px;
    }
}
.titans-constructor .mid-title {
    color: #fff;
}
.titans-constructor__big-title {
    color: #fff;
    margin-top: -0.3em;
    margin-bottom: 0.69em;
}
.titans-constructor__mid-title {
    color: #fff;
    margin-bottom: 2em;
}
.titans-characters {
    position: relative;
    padding-bottom: 130px;
    background-color: #141414;
}
@media (max-width: 767px) {
    .titans-characters {
        padding-bottom: 80px 0;
    }
}
.titans-characters__big-title {
    margin-top: -0.3em;
    color: #fff;
}
.titans-characters__headline {
    max-width: 450px;
    margin-bottom: 140px;
    color: #fff;
}
@media (max-width: 1023px) {
    .titans-characters__headline {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .titans-characters__headline {
        margin-bottom: 80px;
    }
}
.titans-characters__headline-title {
    color: #fff;
}
.titans-effects {
    position: relative;
    padding-bottom: 145px;
}
@media (max-width: 767px) {
    .titans-effects {
        padding-bottom: 80px;
    }
}
.titans-effects__big-title {
    margin-top: -0.3em;
}
.titans-bang__section {
    position: relative;
}
.titans-bang__section_1 {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #181818;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (max-width: 767px) {
    .titans-bang__section_1 {
        padding: 50px 0;
    }
}
.titans-bang__section_2 {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #fff;
}
@media (max-width: 767px) {
    .titans-bang__section_2 {
        padding: 50px 0;
    }
}
.titans-bang__title {
    font-size: 135px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    max-width: 8em;
    margin-left: -0.5em;
    opacity: 0.1;
    color: #fff;
    line-height: 0.9;
}
@media (max-width: 1439px) {
    .titans-bang__title {
        font-size: 120px;
        margin-left: 0;
    }
}
@media (max-width: 1023px) {
    .titans-bang__title {
        font-size: 90px;
    }
}
@media (max-width: 767px) {
    .titans-bang__title {
        font-size: 56px;
    }
}
@media (max-width: 479px) {
    .titans-bang__title {
        font-size: 40px;
    }
}
.titans-bang__zone {
    position: relative;
    width: 450px;
    cursor: pointer;
    transition: opacity 0.35s, visibility 0.35s;
}
@media (max-width: 767px) {
    .titans-bang__zone {
        width: 100%;
        padding-top: 40px;
    }
}
.titans-bang__zone:hover .titans-bang__zone-circle {
    border-color: #979797;
    transition-duration: 0.175s;
}
.titans-bang__zone:hover .titans-bang__zone-call-to-action {
    opacity: 1;
    transition-duration: 0.175s;
}
.titans-bang__zone_disabled {
    visibility: hidden;
    opacity: 0;
}
.titans-bang__zone-circle {
    position: relative;
    width: 256px;
    height: 256px;
    margin-top: -135px;
    margin-left: 35px;
    border: 2px dashed rgba(151, 151, 151, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transition: border-color 0.35s;
}
@media (max-width: 1439px) {
    .titans-bang__zone-circle {
        margin-top: -80px;
    }
}
@media (max-width: 767px) {
    .titans-bang__zone-circle {
        margin: 0 auto;
        padding: 0;
        display: block;
    }
}
.titans-bang__zone-call-to-action {
    position: absolute;
    bottom: 20px;
    right: 0;
    padding-left: 70px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.35s;
}
@media (max-width: 767px) {
    .titans-bang__zone-call-to-action {
        display: none;
    }
}
.titans-bang__zone-call-to-action:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    height: 16px;
    margin-top: -8px;
    background: url(../images/arrow-more-white.svg) no-repeat;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    content: "";
}
.titans-bang__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
}
.titans-bang__image:first-child {
    opacity: 1;
}
.titans-bang__image_1 {
    width: 190px;
}
.titans-bang__image_2 {
    width: 220px;
}
.titans-bang__building-sprite {
    position: absolute;
    top: -222px;
    left: -235px;
}
.titans-bang__decor {
    position: absolute;
    right: 10%;
    bottom: -115px;
}
.titans-bang__decor img {
    width: 100%;
    display: block;
}
@media (max-width: 1439px) {
    .titans-bang__decor {
        right: 0;
        bottom: -170px;
    }
}
@media (max-width: 767px) {
    .titans-bang__decor {
        top: 0;
        bottom: auto;
        width: 200px;
        display: none;
    }
}
.titans-final {
    padding-top: 130px;
    padding-bottom: 180px;
    background-color: #151515;
}
@media (max-width: 767px) {
    .titans-final {
        padding-top: 80px;
        padding-bottom: 100px;
    }
}
.titans-bye__title {
    font-size: 135px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    opacity: 0.1;
    color: #fff;
    margin-bottom: -0.9em;
}
@media (max-width: 1023px) {
    .titans-bye__title {
        font-size: 90px;
    }
}
@media (max-width: 767px) {
    .titans-bye__title {
        font-size: 50px;
    }
}
@media (max-width: 479px) {
    .titans-bye__title {
        font-size: 40px;
    }
}
.titans-bye__media {
    position: relative;
    text-align: center;
}
.titans-bye__media img {
    max-width: 100%;
    vertical-align: top;
}
.titans-bye__slider {
    overflow: visible;
}
.titans-bye__slider .slider-360__decor {
    bottom: -35px;
}
.guns {
    margin-bottom: 150px;
}
@media (max-width: 1023px) {
    .guns {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .guns {
        margin-bottom: 60px;
    }
}
.guns__text-info {
    margin-bottom: 8em;
}
@media (max-width: 1023px) {
    .guns__text-info {
        margin-bottom: 5em;
    }
}
.guns__list {
    font-size: 0;
}
.guns__item {
    display: inline-block;
    vertical-align: top;
    width: 0.25%;
    text-align: center;
}
@media (max-width: 767px) {
    .guns__item {
        width: 0.7%;
        margin-bottom: 20px;
    }
}
.guns__media {
    height: 200px;
    margin: 0 auto 20px;
    position: relative;
}
.guns__media:last-child {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .guns__media {
        height: 150px;
        margin-bottom: 10px;
    }
}
@media (max-width: 479px) {
    .guns__media {
        height: 180px;
    }
}
.guns__media__inner {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.175s;
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
}
.guns__media__inner_show {
    opacity: 1;
}
.guns__img {
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.guns__levelup {
    box-shadow: none;
}
.guns__levelup:hover {
    color: #b70bab;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
    transition-duration: 0.175s;
}
.guns__levelup:active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
}
.list__item {
    position: relative;
    padding-left: 40px;
    margin-bottom: 0.5em;
}
.list__item:before {
    position: absolute;
    left: 25px;
    top: 0.75em;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    background: #000;
    border-radius: 50%;
    content: "";
}
.list__item_title {
    padding-left: 0;
}
.d-mobile .parallax-rocks__video,
.list__item_title:before {
    display: none;
}
.bg-clip {
    margin-bottom: 170px;
}
@media (max-width: 1023px) {
    .bg-clip {
        margin-bottom: 120px;
    }
}
@media (max-width: 767px) {
    .bg-clip {
        margin-bottom: 80px;
    }
}
.bg-clip__title {
    margin-bottom: 0.1em;
}
.bg-clip__text {
    font-size: 204px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    white-space: nowrap;
    line-height: 1;
    min-width: 100%;
    color: #2f334b;
    -webkit-text-fill-color: transparent;
    background-repeat: repeat;
    display: inline-block;
}
@media (max-width: 1439px) {
    .bg-clip__text {
        font-size: 153px;
    }
}
@media (max-width: 1023px) {
    .bg-clip__text {
        font-size: 120px;
    }
}
@media (max-width: 767px) {
    .bg-clip__text {
        font-size: 72px;
    }
}
@media (max-width: 479px) {
    .bg-clip__text {
        font-size: 45px;
    }
}
.bg-clip__text_islands {
    background: -webkit-linear-gradient(transparent, transparent), url(../images/games/TropicStorm/bg-clip_islands.jpg) left;
    -webkit-background-clip: text;
}
.bg-clip__text_buildings {
    background: -webkit-linear-gradient(transparent, transparent), url(../images/games/TropicStorm/bg-clip_buildings.jpg) left;
    -webkit-background-clip: text;
}
.parallax-rocks {
    position: relative;
    min-width: 1200px;
}
@media (max-width: 1023px) {
    .parallax-rocks {
        min-width: 1200px;
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px);
    }
}
@media (max-width: 767px) {
    .parallax-rocks {
        min-width: 1060px;
        margin-top: 50px;
        -webkit-transform: translateX(-230px);
        -ms-transform: translateX(-230px);
        transform: translateX(-230px);
    }
}
@media (max-width: 479px) {
    .parallax-rocks {
        -webkit-transform: translateX(-340px);
        -ms-transform: translateX(-340px);
        transform: translateX(-340px);
    }
}
.parallax-rocks__img {
    width: 100%;
    display: block;
}
.parallax-rocks__img_basis,
.parallax-rocks__img_rocks {
    position: absolute;
    bottom: 0;
}
.parallax-rocks__text {
    position: absolute;
    width: 310px;
    bottom: 15%;
    font-size: 14px;
    color: #fff;
    left: 30%;
}
@media (max-width: 1023px) {
    .parallax-rocks__text {
        width: 280px;
        bottom: 15%;
    }
}
@media (max-width: 767px) {
    .parallax-rocks__text {
        bottom: 5%;
        left: 34%;
    }
}
.parallax-rocks__video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
#parallax-rocks-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.water-shader {
    margin-bottom: 90px;
}
@media (max-width: 767px) {
    .water-shader {
        margin-bottom: 60px;
    }
}
.water-shader__container {
    font-size: 0;
}
.water-shader__text {
    width: 448px;
    padding-right: 170px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1439px) {
    .water-shader__text {
        width: 380px;
        padding-right: 100px;
    }
}
@media (max-width: 1023px) {
    .water-shader__text {
        width: 302px;
        padding-right: 30px;
    }
}
@media (max-width: 767px) {
    .water-shader__text {
        width: 100%;
        display: block;
    }
}
.water-shader__list {
    width: 672px;
    height: 403px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1439px) {
    .water-shader__list {
        height: 353px;
        width: 540px;
    }
}
@media (max-width: 1023px) {
    .water-shader__list {
        height: 279px;
        width: 422px;
    }
}
@media (max-width: 767px) {
    .water-shader__list {
        width: 280px;
        height: 165px;
        display: block;
        margin: 0 auto;
    }
}
.water-shader__item {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.water-shader__item:nth-child(3) {
    bottom: 50px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .water-shader__item:nth-child(3) {
        bottom: 40px;
    }
}
@media (max-width: 767px) {
    .water-shader__item:nth-child(3) {
        bottom: 20px;
    }
}
.water-shader__item:nth-child(2) {
    bottom: 100px;
    z-index: 3;
}
@media (max-width: 1439px) {
    .water-shader__item:nth-child(2) {
        bottom: 80px;
    }
}
@media (max-width: 767px) {
    .water-shader__item:nth-child(2) {
        bottom: 40px;
    }
}
.water-shader__item:nth-child(1) {
    bottom: 150px;
    z-index: 4;
}
@media (max-width: 1439px) {
    .water-shader__item:nth-child(1) {
        bottom: 120px;
    }
}
@media (max-width: 767px) {
    .water-shader__item:nth-child(1) {
        bottom: 60px;
    }
}
.ba-slider {
    position: relative;
    overflow: hidden;
}
.ba-slider__after {
    width: 100%;
    display: block;
}
.ba-slider__resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.ba-slider__handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: rgba(255, 255, 255, 0.6);
    cursor: ew-resize;
    z-index: 2;
    pointer-events: none;
}
.ba-slider__handle:before {
    position: absolute;
    width: 72px;
    left: 50%;
    margin-left: -36px;
    top: 0;
    bottom: 0;
    content: "";
}
.ba-slider__handle__inner {
    position: absolute;
    top: 280px;
    width: 70px;
    height: 70px;
    left: 50%;
    border-radius: 50%;
    margin-left: -36px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    transition: top 0.1s;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 1023px) {
    .ba-slider__handle__inner {
        top: 200px;
        transition: none;
    }
}
@media (max-width: 767px) {
    .ba-slider__handle__inner {
        top: 120px;
    }
}
@media (max-width: 479px) {
    .ba-slider__handle__inner {
        top: 100px;
    }
}
.ba-slider__handle__inner:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    border-radius: 50%;
}
.ba-slider__handle__inner:before {
    content: "";
    width: 61px;
    height: 16px;
    background: url(../images/before-after-arrow.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -30px;
}
.ba-slider__image {
    width: 100%;
    display: block;
}
.ba-slider__right {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.ba-slider__left {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
}
.game-contacts {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 130px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.titans-final .game-contacts {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.35);
}
@media (max-width: 767px) {
    .game-contacts {
        display: block;
        margin-bottom: 80px;
    }
}
.game-contacts__col {
    padding: 66px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    border: 1px solid #1e8eca;
    border-width: 0 1px 0 0;
    position: relative;
    transition: background 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.titans-final .game-contacts__col {
    border-color: rgba(255, 255, 255, 0.05);
}
@media (max-width: 1439px) {
    .game-contacts__col {
        padding: 44px;
    }
}
@media (max-width: 1023px) {
    .game-contacts__col {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .game-contacts__col {
        width: 100%;
        float: none;
        border-width: 0 0 1px;
    }
}
.game-contacts__col:last-child {
    border: none;
}
.game-contacts__col_socials {
    width: 56%;
}
@media (max-width: 767px) {
    .game-contacts__col_socials {
        width: 100%;
    }
}
.game-contacts__col_tp {
    width: 44%;
}
@media (max-width: 767px) {
    .game-contacts__col_tp {
        width: 100%;
    }
}
.game-contacts__col_tp:hover {
    transition-duration: 0.175s;
    background: #0589d0;
}
.titans-final .game-contacts__col_tp:hover {
    background: rgba(255, 255, 255, 0.05);
}
.game-contacts__col_tp:hover .game-contacts__arrow {
    transition-duration: 0.175s;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.game-contacts__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 20px;
}
@media (max-width: 1023px) {
    .game-contacts__title {
        font-size: 30px;
    }
}
@media (max-width: 479px) {
    .game-contacts__title {
        font-size: 20px;
    }
}
.game-contacts__text {
    margin-bottom: 20px;
}
.titans-final .game-contacts__text {
    color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1023px) {
    .game-contacts__text {
        font-size: 14px;
    }
}
.game-contacts__socials {
    padding-top: 10px;
}
.game-contacts__socials__item {
    width: 56px;
    height: 56px;
    border: 2px solid #a1e7ff;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 20px;
}
.titans-final .game-contacts__socials__item {
    border-color: #fff;
}
@media (max-width: 1439px) {
    .game-contacts__socials__item {
        font-size: 18px;
        width: 46px;
        height: 46px;
    }
}
@media (max-width: 1023px) {
    .game-contacts__socials__item {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
}
.game-contacts__socials__item:hover {
    border-color: #fff;
    background: #fff;
}
.game-contacts__socials__item:hover:before {
    color: #0581c4;
}
.game-contacts__socials__item:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
}
.game-contacts__socials__item:after {
    display: none;
}
.game-contacts__socials__item.socials__item_vk {
    font-size: 18px;
}
@media (max-width: 1439px) {
    .game-contacts__socials__item.socials__item_vk {
        font-size: 16px;
    }
}
@media (max-width: 1023px) {
    .game-contacts__socials__item.socials__item_vk {
        font-size: 13px;
    }
}
.game-contacts__arrow {
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.game-contacts__link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.about:after,
.game-pagination:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.game-pagination__item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 600px;
    width: 50%;
    float: left;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media (max-width: 1439px) {
    .game-pagination__item {
        height: 500px;
    }
}
@media (max-width: 1023px) {
    .game-pagination__item {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .game-pagination__item {
        height: 300px;
    }
}
@media (max-width: 479px) {
    .game-pagination__item {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 200px;
    }
}
.about-year__photo:hover .about-year__photo__img,
.about-year__photo:hover:after,
.game-pagination__item:hover .game-pagination__img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.game-pagination__img {
    width: 242px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767px) {
    .game-pagination__img {
        width: 180px;
    }
}
.profile {
    position: relative;
    min-height: 50px;
    padding: 4px 0 0 65px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profile_article {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .profile_article {
        margin-bottom: 20px;
    }
}
.profile_about {
    margin-bottom: 45px;
}
@media (max-width: 767px) {
    .profile_about {
        margin-bottom: 35px;
    }
}
.profile__photo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
}
.profile__photo img {
    max-width: 100%;
    cursor: pointer;
    border-radius: 50%;
}
.profile__name {
    font-weight: 700;
}
.about {
    position: relative;
    overflow: hidden;
    padding-top: 110px;
}
@media (max-width: 1023px) {
    .about {
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .about {
        padding-top: 60px;
    }
}
.about__top-text {
    margin-top: -15px;
    margin-bottom: 45px;
}
.about__date {
    position: absolute;
    top: 15px;
    font-size: 14px;
    line-height: 1;
    opacity: 0.6;
}
.about__date_left {
    right: 50%;
    padding-right: 25px;
}
.about__date_left:after {
    right: 0;
}
.about__date_right {
    left: 50%;
    padding-left: 25px;
}
@media (max-width: 1023px) {
    .about__date_right {
        position: static;
        padding-left: 0;
    }
}
.about__date_right:after {
    left: 0;
}
@media (max-width: 1023px) {
    .about__date_person {
        width: 50%;
        margin-left: 55%;
    }
}
@media (max-width: 767px) {
    .about__date_person {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 1023px) {
    .about__date {
        position: static;
        margin-bottom: 20px;
    }
}
.about__date:after {
    position: absolute;
    top: 7px;
    width: 15px;
    height: 1px;
    background-color: #e5e5e5;
    content: "";
}
@media (max-width: 1023px) {
    .about__date:after {
        display: none;
        content: "";
    }
}
.about__event {
    position: relative;
    padding: 0 30px 145px;
}
.about__event:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
@media (max-width: 1439px) {
    .about__event {
        padding: 0 0 145px;
    }
}
@media (max-width: 1023px) {
    .about__event {
        padding: 0 20px 100px;
    }
}
@media (max-width: 767px) {
    .about__event {
        padding: 0 0 60px;
    }
}
.about__event_person .about__event__item_left {
    margin-bottom: 0;
}
.about__event > :last-child {
    padding-bottom: 0;
}
.about__event__header {
    position: relative;
    width: 50%;
    padding-right: 150px;
    margin-bottom: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1023px) {
    .about__event__header {
        padding-right: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .about__event__header {
        width: 100%;
        padding-right: 0;
    }
}
.about__event__header_left,
.about__event__header_right {
    width: 100%;
    padding-right: 0;
}
.about__event__medal {
    position: relative;
    padding-left: 50px;
    margin: 0 0 0 30px;
    font-size: 14px;
    font-weight: 700;
}
.about__event__medal:before {
    position: absolute;
    left: 0;
    width: 35px;
    height: 50px;
    background-image: url(../images/icons/medal.png);
    background-repeat: no-repeat;
    content: "";
}
@media (max-width: 767px) {
    .about__event__medal {
        margin: 0;
    }
}
.about__event__item {
    position: relative;
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .about__event__item {
        width: 100%;
        float: none;
    }
}
.about__event__item > :last-child {
    margin-bottom: 0;
}
.about__event__item_history {
    float: none;
}
.about__event__item_left {
    padding: 0 130px 0 0;
}
@media (max-width: 1439px) {
    .about__event__item_left {
        padding: 0 70px 0 0;
    }
}
@media (max-width: 1023px) {
    .about__event__item_left {
        padding: 0 40px 0 0;
    }
}
@media (max-width: 767px) {
    .about__event__item_left {
        margin-bottom: 40px;
        padding: 0;
    }
}
.about__event__item_left .about-person {
    margin-left: 40px;
}
@media (max-width: 1023px) {
    .about__event__item_left .about-person {
        margin-left: 0;
    }
}
.about__event__item_right {
    padding: 0 0 0 130px;
    float: none;
    margin-left: 50%;
}
@media (max-width: 1439px) {
    .about__event__item_right {
        padding: 0 0 0 70px;
    }
}
@media (max-width: 1023px) {
    .about__event__item_right {
        padding: 0 0 0 40px;
    }
}
@media (max-width: 767px) {
    .about__event__item_right {
        padding: 0;
        margin-left: 0;
        margin-bottom: 40px;
    }
}
.about__event__item_right .about-person {
    margin-left: -40px;
}
@media (max-width: 1023px) {
    .about__event__item_right .about-person {
        margin-left: 0;
    }
}
.about__event__item_start {
    padding-top: 120px;
}
@media (max-width: 1439px) {
    .about__event__item_start {
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .about__event__item_start {
        padding-top: 0;
    }
}
.about__head-title {
    position: relative;
    margin-bottom: 100px;
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.88;
}
@media (max-width: 1023px) {
    .about__head-title {
        margin-bottom: 25px;
    }
}
.about__container {
    position: relative;
}
.about__container:before {
    position: absolute;
    top: 24em;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
    content: "";
}
@media (max-width: 1023px) {
    .about__container:before {
        top: 10em;
        content: "";
    }
}
@media (max-width: 767px) {
    .about__container:before {
        display: none;
        content: "";
    }
}
.about__title {
    padding-left: 30px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.15;
    color: #2f334b;
}
@media (max-width: 1439px) {
    .about__title {
        padding-left: 0;
        font-size: 22px;
    }
}
@media (max-width: 1023px) {
    .about__title {
        font-size: 20px;
    }
}
.about__image-container {
    font-size: 0;
    margin-bottom: 25px;
}
.about__image-container:last-child {
    margin-bottom: 0;
}
.about-person__photo img,
.about__image-container img {
    max-width: 100%;
}
.about__nav {
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    height: 100vh;
    top: 0;
    left: 20px;
    z-index: 5;
    overflow: hidden;
    min-width: 150px;
}
@media (max-width: 1260px) {
    .about__nav {
        display: none;
    }
}
.d-mobile .about__nav {
    display: none;
}
.about__nav__list {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about__nav__item {
    margin-bottom: 12px;
    color: #d5d6db;
    cursor: pointer;
    transition: color 0.35s, transform 0.35s;
    transition: color 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translateX(-45px);
    -ms-transform: translateX(-45px);
    transform: translateX(-45px);
}
.about__nav__item:hover,
.about__nav__item_selected {
    transition-duration: 0.175s;
    color: #653eb3;
}
.about__nav__item span {
    display: inline-block;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.about__nav__item_selected {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.about__nav__item_selected span {
    transition-duration: 0.175s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.about__nav__item:before {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 2px;
    background: #653eb3;
    margin-right: 15px;
    margin-top: -3px;
    content: "";
}
.about-year {
    position: relative;
    padding: 35px 0;
    margin-bottom: 75px;
    text-align: center;
    background-color: #fff;
}
@media (max-width: 1023px) {
    .about-year {
        padding: 40px 0 20px;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .about-year {
        padding: 40px 0 20px;
        margin-bottom: 10px;
    }
}
.about-year:last-of-type {
    padding-bottom: 130px;
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .about-year:last-of-type {
        padding-bottom: 75px;
    }
}
@media (max-width: 767px) {
    .about-year:last-of-type {
        padding-bottom: 40px;
    }
}
.about-year__photo {
    width: 300px;
    height: 300px;
    margin: -45px auto;
    position: relative;
    font-size: 0;
    overflow: hidden;
    display: block;
}
@media (max-width: 1023px) {
    .about-year__photo {
        margin: -65px auto;
    }
}
@media (max-width: 767px) {
    .about-year__photo {
        width: 280px;
        height: 280px;
    }
}
.about-year__photo__img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    transition: transform 0.4375s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.4375s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4375s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 1023px) {
    .about-year__photo__img {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.about-year__photo:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: -200px 0 0 -200px;
    border: 200px solid #fff;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform 0.525s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.525s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.525s cubic-bezier(0.215, 0.61, 0.355, 1);
    content: "";
}
@media (max-width: 1023px) {
    .about-year__photo:after {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.about-year__photo-hidden {
    display: none;
}
.about-year__value {
    font-size: 34px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
}
.about-year__value_last {
    opacity: 0.3;
}
.about-year__value_custom {
    line-height: 0.9;
    font-size: 70px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #653eb3;
}
@media (max-width: 1023px) {
    .about-year__value_custom {
        font-size: 52px;
    }
}
.about-year__label {
    font-size: 14px;
}
.about-year__year {
    position: relative;
    margin: 0 0 25px;
    line-height: 0.9;
    font-size: 97px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #653eb3;
}
@media (max-width: 1023px) {
    .about-year__year {
        font-size: 80px;
        margin: 0 0 15px;
    }
}
.about-year__year_small {
    font-size: 70px;
}
@media (max-width: 1023px) {
    .about-year__year_small {
        font-size: 52px;
    }
}
.about-year__icon {
    display: inline-block;
    width: 245px;
    height: 175px;
    margin-top: 60px;
}
.about-year__icon .i-sprite-canvas {
    width: 100%;
}
@media (max-width: 1023px) {
    .about-year__icon {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
    .about-year__icon {
        margin-top: 25px;
    }
}
.about-text-block {
    margin-bottom: 80px;
}
@media (max-width: 1023px) {
    .about-text-block {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-text-block {
        margin-bottom: 40px;
    }
}
.about-text-block__title {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 1439px) {
    .about-text-block__title {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .about-text-block__title {
        margin-bottom: 15px;
    }
}
.about-person {
    position: relative;
    min-height: 50px;
    padding: 2px 0 0 70px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.about-person_article {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .about-person_article {
        margin-bottom: 20px;
    }
}
.about-person__photo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-color: orange;
    border-radius: 50%;
    overflow: hidden;
}
.about-person__title {
    font-size: 26px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.1;
}
@media (max-width: 1023px) {
    .about-person__title {
        font-size: 20px;
    }
}
.about-strong-event {
    position: relative;
    min-height: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.about-strong-event__title {
    font-size: 26px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.1;
}
@media (max-width: 1023px) {
    .about-strong-event__title {
        font-size: 20px;
    }
}
.about-now {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 55px 0;
    margin-bottom: 85px;
}
@media (max-width: 767px) {
    .about-now {
        height: 300px;
        padding-bottom: 0;
        margin-bottom: 50px;
    }
}
.about-now__container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}
.about-now__container:before {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: "";
}
.about-now__content {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.about-now__cover {
    position: relative;
    overflow: hidden;
}
.about-now__cover__img {
    background-size: cover;
    background-position: center;
    height: 580px;
}
.about-now__cover__img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}
.about-now__title {
    position: relative;
    margin: 0 0 25px;
    line-height: 0.9;
    font-size: 70px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
}
@media (max-width: 1023px) {
    .about-now__title {
        font-size: 52px;
    }
}
.about-now__people {
    position: relative;
}
.about-now__value {
    font-size: 34px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #fff;
}
.about-now__label {
    font-size: 14px;
    color: #fff;
}
.history-slider {
    margin: 0 -8px 60px 0;
}
.category:after,
.history-slider__list:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.history-slider__item {
    float: left;
    width: 292px;
    display: block;
    padding-right: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
@media (max-width: 1439px) {
    .history-slider__item {
        width: 232px;
    }
}
@media (max-width: 767px) {
    .history-slider__item {
        width: 240px;
    }
}
.history-slider__img {
    display: block;
    width: 100%;
}
.history-slider__content {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 35px;
    bottom: 35px;
}
@media (max-width: 1439px) {
    .history-slider__content {
        left: 30px;
        right: 30px;
        top: 25px;
        bottom: 25px;
    }
}
.history-slider__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #d5d6db;
    line-height: 0.9;
    margin-bottom: 10px;
}
@media (max-width: 1439px) {
    .history-slider__title {
        font-size: 30px;
    }
}
@media (max-width: 1023px) {
    .history-slider__title {
        font-size: 20px;
    }
}
.history-slider__title__min-text {
    font-size: 19px;
}
.history-slider__text {
    font-size: 14px;
}
@media (max-width: 1023px) {
    .history-slider__text {
        font-size: 12px;
    }
}
.history-slider__button {
    position: absolute;
    bottom: 0;
}
.box {
    position: relative;
    width: 620px;
    height: 620px;
}
.box,
.d-no-mobile .main-section__category {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 65px 80px 60px;
    background-color: #fff;
    box-shadow: 0 0 27px rgba(28, 4, 21, 0.13);
}
@media (max-width: 1439px) {
    .box,
    .d-no-mobile .main-section__category {
        width: 550px;
        height: 550px;
        padding: 40px 50px 60px;
    }
}
@media (max-width: 767px) {
    .box,
    .d-no-mobile .main-section__category {
        width: auto;
        height: auto;
        padding: 22px 20px 35px;
    }
}
.category {
    position: relative;
}
.category__link {
    margin-left: -0.05em;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-bottom: 6px;
    font-size: 36px;
    line-height: 1.333;
    color: #2f334b;
    display: block;
}
.category__link:last-child,
.category__list-wrap:last-child,
.category__text:last-child {
    margin-bottom: 0;
}
.category__link_additional {
    font: 700 16px "Roboto", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}
.category__text {
    margin-bottom: 30px;
    font-size: 14px;
    color: #343434;
    line-height: 1.8;
}
@media (max-width: 1439px) {
    .category__text {
        margin-bottom: 25px;
    }
}
.category__list-title {
    color: #000;
    margin-bottom: 7px;
}
.category__list-wrap {
    margin-bottom: 35px;
}
@media (max-width: 1439px) {
    .category__list-wrap {
        margin-bottom: 25px;
    }
}
.category__list {
    display: inline-block;
    vertical-align: top;
    margin-left: 55px;
}
.category__list:first-child {
    margin-left: 0;
}
@media (max-width: 479px) {
    .category .category__list {
        display: block;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .category__list {
        display: block;
        margin-left: 0;
    }
}
.category__link-support {
    font-weight: 700;
}
span.category__link {
    color: #acacac;
}
.category__link-more {
    display: inline-block;
    padding: 7px 0;
    margin-bottom: 40px;
    font-weight: 700;
    color: #653eb3;
}
.category__link-more:hover {
    color: #392959;
}
@media (max-width: 767px) {
    .category__link-more {
        margin-bottom: 20px;
    }
}
.category__link-more:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 45px;
    height: 16px;
    background: url(../images/arrow-more.svg) no-repeat;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    content: "";
}
.category__link-more:hover:after {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    transition-duration: 0.175s;
}
.category__article {
    display: block;
}
.category__article-text,
.category__article-title {
    font-size: 14px;
    line-height: 1.8;
}
.category__article-title {
    display: block;
    margin-bottom: 0.2em;
    color: #653eb3;
    transition: color 0.35s;
}
.category__article-text {
    max-width: 350px;
    color: #777;
}
.category__article:hover .category__article-title {
    color: #392959;
    transition-duration: 0.175s;
}
.main-section {
    position: relative;
    height: 100vh;
}
@media (max-width: 767px) {
    .main-section {
        height: auto;
        padding-bottom: 35px;
    }
}
.main-section__media {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
}
@media (max-width: 767px) {
    .main-section__media {
        width: 100%;
        height: 250px;
    }
}
.main-section__media img,
.main-section__media video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .main-section__box {
        margin-top: 200px;
    }
}
.main-section__media-picture {
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50% / cover;
    position: absolute;
    top: 0;
}
.main-section__container {
    display: table;
    height: 100%;
}
.main-section__content {
    display: table-cell;
    vertical-align: middle;
}
.main-section_invert .box {
    float: right;
}
.main-section_invert .main-section__media {
    right: auto;
    left: 0;
}
.d-no-mobile .main-section__box {
    padding: 0;
}
.d-no-mobile .main-section__category {
    box-shadow: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.comments:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.comments__row {
    margin: 0 -50px;
}
@media (max-width: 767px) {
    .comments__row {
        margin: 0 -25px;
    }
}
.comments__col {
    width: 50%;
    float: left;
    padding: 0 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .comments__col {
        padding: 0 25px;
    }
}
@media (max-width: 479px) {
    .comments__col {
        width: 100%;
        float: none;
    }
    .comments__col:first-child {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    .comments__col:nth-child(1) .comments__item_text .comments__trangle,
    .comments__col:nth-child(1) .comments__trangle {
        left: auto;
        right: 0;
    }
    .comments__col:nth-child(1) .comments__item_text .comments__trangle:before {
        border-width: 0 0 15px 15px;
        border-color: transparent transparent #fff;
    }
    .comments__col:nth-child(1) .comments__item_text .comments__trangle:after {
        display: none;
    }
    .comments__col:nth-child(1) .comments__trangle:before {
        left: auto;
        right: 100%;
        border-width: 15px 15px 0 0;
        border-color: #fff transparent transparent;
        content: "";
    }
    .comments__col:nth-child(1) .comments__trangle:after {
        left: auto;
        right: 100%;
        margin-right: 15px;
        content: "";
    }
    .comments__col:nth-child(1) .comments__user {
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .comments__col:nth-child(1) .comments__avatar {
        margin-right: 0;
    }
    .comments__col:nth-child(1) .comments__name {
        margin-right: 15px;
    }
}
.comments__item {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .comments__item {
        margin-bottom: 50px;
    }
}
.comments__item:last-child {
    margin-bottom: 0;
}
.comments__item_text .comments__trangle {
    top: -15px;
    left: 0;
    background-color: transparent;
}
.comments__item_text .comments__trangle:before {
    width: 0;
    height: 0;
    left: 100%;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-color: transparent transparent transparent #fff;
    content: "";
}
.comments__item_text .comments__trangle:after {
    left: 100%;
    margin-left: 15px;
    background-color: transparent;
    content: "";
}
.comments__item_text .comments__content {
    overflow: visible;
    margin-top: 25px;
}
.comments__user {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.comments__avatar {
    position: relative;
    width: 54px;
    height: 54px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.comments__avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.comments__content {
    position: relative;
    text-align: left;
    background: #fff;
}
.comments__trangle,
.comments__trangle:after {
    height: 15px;
    position: absolute;
    background: #fff;
}
.comments__trangle {
    top: 0;
    z-index: 2;
    width: 26px;
    left: 0;
}
.comments__trangle:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #fff transparent transparent;
    content: "";
}
.comments__trangle:after {
    width: 1000px;
    left: 100%;
    margin-left: 15px;
    content: "";
}
.comments__media {
    position: relative;
}
.comments__media:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 44px 0 rgba(0, 0, 0, 0.12);
    z-index: -1;
}
.comments__img {
    width: 100%;
    display: block;
}
.comments__text {
    padding: 25px 35px;
    box-shadow: 0 8px 44px 0 rgba(0, 0, 0, 0.12);
    font-size: 14px;
}
.menu-panel {
    position: relative;
    height: 100%;
    padding: 100px 30px;
}
@media (max-width: 1023px) {
    .menu-panel {
        height: calc(100% - 125px);
        padding: 60px 30px;
    }
}
@media (max-width: 424px) {
    .menu-panel {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.page .menu-panel {
    display: none;
}
.menu-panel__divider {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -120px;
    width: 220px;
    height: 100%;
    overflow: hidden;
}
@media (max-width: 1439px) {
    .menu-panel__divider {
        width: 160px;
        margin-left: -80px;
    }
}
@media (max-width: 767px) {
    .menu-panel__divider {
        display: none;
    }
}
.menu-panel__divider:after {
    position: absolute;
    top: -10%;
    left: 50%;
    width: 1px;
    height: 120%;
    background-color: #e6e6e6;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    content: "";
}
@media (max-width: 1439px) {
    .menu-panel__divider:after {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        content: "";
    }
}
@media (max-width: 1023px) {
    .menu-panel__divider:after {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        content: "";
    }
}
.menu-panel__container {
    display: table;
    height: 100%;
}
@media (max-width: 767px) {
    .menu-panel__container {
        display: block;
        padding: 0;
    }
}
.menu-panel__content {
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .menu-panel__content {
        margin-top: 16px;
    }
}
@media (max-width: 767px) {
    .menu-panel__content {
        display: block;
    }
}
.menu-panel__main {
    margin-bottom: 29px;
}
.menu-panel__half {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 50%;
    float: left;
    padding-left: 80px;
}
@media (max-width: 767px) {
    .menu-panel__half {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 40px;
    }
    .menu-panel__half:last-child {
        margin-bottom: 0;
    }
}
.menu-panel__half_games {
    padding-right: 120px;
}
@media (max-width: 1439px) {
    .menu-panel__half_games {
        padding-right: 45px;
    }
}
@media (max-width: 767px) {
    .menu-panel__half_games {
        padding-right: 0;
    }
}
.menu-panel__half_people {
    padding-left: 170px;
}
@media (max-width: 1439px) {
    .menu-panel__half_people {
        padding-right: 45px;
    }
}
@media (max-width: 1023px) {
    .menu-panel__half_people {
        padding-left: 80px;
    }
}
@media (max-width: 767px) {
    .menu-panel__half_people {
        padding-left: 0;
        padding-right: 0;
    }
}
.menu-panel .category__list {
    margin-left: 0;
}
.matrix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fafafa;
}
.matrix__item {
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
    float: left;
    font-size: 12px;
    line-height: 15px;
    color: #ccc;
}
.gallery-about {
    display: none;
}
.gallery-about__img,
.mini-game canvas {
    display: block;
}
.gallery-about-open {
    cursor: pointer;
}
.promo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.promo_contacts {
    opacity: 1;
    height: 100vh;
}
@media (max-width: 767px) {
    .promo_contacts {
        position: relative;
        height: 56vw;
        padding-top: 65px;
    }
}
.promo_support {
    height: 100vh;
    background: #000;
}
@media (max-width: 767px) {
    .promo_support {
        position: relative;
        height: 56vw;
        margin-top: 65px;
    }
}
.promo_support .promo__bg__cover {
    opacity: 0.875;
}
.promo__bg {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 767px) {
    .promo__bg {
        height: 300px;
    }
}
.promo__bg_inner {
    position: absolute;
    top: 0;
    bottom: 375px;
}
@media (max-width: 767px) {
    .promo__bg_inner {
        height: 100%;
    }
}
@media (max-width: 1023px) {
    .promo__bg_inner {
        bottom: 270px;
    }
}
.promo__bg_contact {
    background-size: cover !important;
    bottom: 445px;
}
@media (max-width: 1439px) {
    .promo__bg_contact {
        bottom: 370px;
    }
}
@media (max-width: 1023px) {
    .promo__bg_contact {
        bottom: 540px;
    }
}
.promo__bg__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 50% 70% no-repeat;
    background-size: cover !important;
}
.promo__bg__cover_support {
    background-position: 50% 50%;
    background-image: url(../images/support/promo-support-bg.jpg);
}
.promo__bg__cover_contact {
    background-image: url(../images/support/promo-contacts-bg.jpg);
}
.promo__bg__img {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover !important;
}
.promo__bg__img_supercity {
    background-image: url(../images/support/promo-supercity-bg.jpg);
}
.promo__bg__img_supercity-mobile {
    background-image: url(../images/support/promo-supercity-mobile-bg.jpg);
}
.promo__bg__img_knights {
    background-image: url(../images/support/promo-knights-bg.jpg);
}
.promo__bg__img_warzone {
    background-image: url(../images/support/promo-line-bg.jpg);
}
.promo__bg__img_tropicstorm {
    background-image: url(../images/support/promo-storm-bg.jpg);
}
.promo__bg__img_titans {
    background-image: url(../images/support/promo-titans-bg.jpg);
}
.promo__bg__img_aom {
    background-image: url(../images/support/promo-aom-bg.jpg);
}
.promo__bg__img_spring-valley {
    background-image: url(../images/support/promo-sv-bg.jpg);
}
.promo__heading__wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
}
.promo__heading__container {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.promo__heading__overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
}
@media (max-width: 767px) {
    .promo__heading__overlay {
        display: none;
    }
}
.promo__title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 91px;
    font-weight: 700;
    line-height: 0.86;
    margin-bottom: 35px;
}
@media (max-width: 1023px) {
    .promo__title {
        font-size: 60px;
    }
}
@media (max-width: 767px) {
    .promo__title {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 50px;
    }
}
@media (max-width: 424px) {
    .promo__title {
        font-size: 35px;
    }
}
.promo__title_with-sutitle {
    margin-bottom: 26px;
}
@media (max-width: 767px) {
    .promo__title_with-sutitle {
        margin-bottom: 10px;
    }
}
.promo__subtitle {
    margin-bottom: 31px;
}
@media (max-width: 767px) {
    .promo__subtitle {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 10px;
    }
}
.support {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: #fff;
    z-index: 3;
}
@media (max-width: 767px) {
    .support {
        position: relative;
    }
}
.support__games {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 767px) {
    .support__games {
        width: auto;
        height: auto;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px 11px;
    }
}
.support__games__item {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 16.66666667%;
    height: 375px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1023px) {
    .support__games__item {
        height: 270px;
    }
}
@media (max-width: 767px) {
    .support__games__item {
        display: table;
        width: 100%;
        height: 90px;
        border-bottom: 1px solid #e0e0e0;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: -30px;
        margin-right: -30px;
    }
    .support__games__item:last-child {
        border-bottom: none;
    }
}
.support__games__link {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 95px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.35s, color 0.35s;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 1023px) {
    .support__games__link {
        padding-bottom: 45px;
    }
}
@media (max-width: 767px) {
    .support__games__link {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        padding-bottom: 0;
    }
}
.support__games__link:hover .support__games__heading__link:before {
    background-image: url(../images/arrow-more-sm-white.svg);
}
@media (max-width: 767px) {
    .support__games__link:hover .support__games__heading__link:before {
        background-image: url(../images/arrow-more-sm.svg);
    }
}
.support__games__link:hover .support__games__heading {
    color: #fff;
}
.support__games__link:hover .support__games__heading:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
@media (max-width: 767px) {
    .support__games__link:hover {
        background-color: transparent !important;
    }
    .support__games__link:hover .support__games__heading {
        color: #333339;
    }
}
.support__games__link_supercity:hover {
    background-color: #5748b8;
}
.support__games__link_supercity-mobile:hover {
    background-color: #00bcfc;
}
.support__games__link_knights .support__games__pic {
    left: 55%;
}
.support__games__link_knights:hover {
    background-color: #624683;
}
.support__games__link_warzone:hover {
    background-color: #ecb24e;
}
.support__games__link_tropicstorm:hover {
    background-color: #0581c4;
}
.support__games__link_titans:hover {
    background-color: #0f1e1f;
}
.support__games__link_aom:hover {
    background-color: #001735;
}
.support__games__link_spring-valley:hover {
  background-color: #5FC127;
}
.support__games__pic-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 92px;
}
@media (max-width: 1023px) {
    .support__games__pic-wrapper {
        bottom: 45px;
    }
}
@media (max-width: 767px) {
    .support__games__pic-wrapper {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-right: 35px;
        width: 75px;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: center;
    }
}
@media (max-width: 479px) {
    .support__games__pic-wrapper {
        margin-right: 10px;
    }
}
.support__games__pic {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 145px;
    height: 145px;
}
.support__games__pic img {
    display: block;
    width: auto;
    height: 100%;
    margin: auto;
}
@media (max-width: 1023px) {
    .support__games__pic {
        width: 100px;
        height: 100px;
    }
}
@media (max-width: 767px) {
    .support__games__pic {
        position: static;
        display: inline-block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (max-width: 479px) {
    .support__games__pic {
        width: 60px;
        height: 60px;
    }
}
.support__games__heading {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10%;
    padding-right: 10%;
    color: #333339;
    transition: color 0.35s;
}
@media (max-width: 1279px) {
    .support__games__heading {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support__games__heading {
        position: static;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }
}
@media (max-width: 479px) {
    .support__games__heading {
        padding-left: 0;
    }
}
.support__games__heading__title {
    padding-right: 26px;
}
@media (max-width: 1439px) {
    .support__games__heading__title {
        font-size: 12px;
    }
}
@media (max-width: 1279px) {
    .support__games__heading__title {
        padding: 0;
    }
}
.support__games__heading__link {
    position: absolute;
    right: 10%;
    bottom: 4px;
}
.support__games__heading__link:before {
    width: 22px;
    height: 14px;
    background: url(../images/arrow-more-sm.svg) no-repeat;
    background-position: center;
    display: block;
    transition: background 0.35s;
    content: "";
}
@media (max-width: 1279px) {
    .support__games__heading__link {
        display: none;
    }
}
@media (max-width: 767px) {
    .support__games__heading__link {
        display: block;
        bottom: 50%;
        margin-bottom: -7px;
    }
}
@media (max-width: 479px) {
    .support__games__heading__link {
        right: 0;
    }
}
.support__games__heading:after,
.support__games__heading:before {
    content: "";
    position: absolute;
    border-top: 0;
    left: 10%;
    right: 10%;
    bottom: -7px;
    height: 3px;
}
@media (max-width: 767px) {
    .support__games__heading:after,
    .support__games__heading:before {
        display: none;
    }
}
.support__games__heading:after {
    background-color: #653eb3;
}
.support__games__heading:before {
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #fff;
    z-index: 1;
}
.overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999999999;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.overlay_hide {
    display: none;
}
.overlay__inner,
.overlay__item {
    position: absolute;
    width: 100%;
    height: 100%;
}
.overlay__inner {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 0;
    top: 0;
}
.overlay__item {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 13deg) translateZ(0);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 13deg) translateZ(0);
}
.phpEchoTest {
    top: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 100000000000;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.test {
    position: fixed;
    top: 500px;
    left: 50%;
    margin-left: -100px;
    border: 1px solid;
    width: 100px;
    height: 300px;
}
.test__inner,
.test__item {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.test__inner {
    background: green;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
}
.test__item {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) translateZ(0);
    transform: translate3d(-50%, -50%, 0) translateZ(0);
    background: red;
}
.asasd {
    position: absolute;
    top: 100px;
    right: 0;
}
.d-no-mobile .scroll-page {
    width: 100%;
}
.d-no-mobile .scroll-page__item {
    position: absolute;
    top: 0;
    width: 100%;
}
.d-no-mobile .scroll-page__item_games,
.d-no-mobile .scroll-page__item_people {
    opacity: 0;
}
.accordeon__button {
    color: #653eb3;
    cursor: pointer;
    display: inline-block;
}
.accordeon__content,
.d-mobile .cases__aom__bg video {
    display: none;
}
.bg-hide {
    opacity: 1;
    transition: opacity 0.35s;
}
.bg-hide_true {
    opacity: 0;
}
.not-found, .payment-complete {
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    height: 100vh;
}
.not-found:before, .payment-complete:before,
.not-found__inner, .payment-complete__inner {
    vertical-align: middle;
    display: inline-block;
}
.not-found:before, .payment-complete:before {
    width: 0;
    height: 100%;
    content: "";
}
.not-found__inner, .payment-complete__inner {
    font-size: 14px;
}
.not-found__error {
    font-size: 14px;
    color: #000;
    opacity: 0.8;
    margin-bottom: 20px;
}
.not-found__img {
    width: 510px;
    height: 227px;
    background-image: url(../images/404/404.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 40px;
    position: relative;
}
.payment-complete__img {
    width: 316px;
    height: 360px;
    background-image: url(../images/all.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 40px;
    position: relative;
}
@media (max-width: 767px) {
    .not-found__img {
        width: 295.8px;
        height: 131.66px;
    }
}
@media (max-width: 767px) {
    .payment-complete__img {
        width: 221px;
        height: 252px;
    }
}
.not-found__text, .payment-complete__text {
    font-family: "Panton Caps";
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}
.not-found__link {
    color: #653eb3;
    transition: color 0.35s;
}
.not-found__link:hover {
    color: #392959;
    transition-duration: 0.175s;
}
.eyes__item {
    position: absolute;
}
.eyes__item_left {
    width: 104px;
    height: 74px;
    top: 89px;
    left: 176px;
}
@media (max-width: 767px) {
    .eyes__item_left {
        width: 60.32px;
        height: 42.92px;
        top: 51.62px;
        left: 102.08px;
    }
}
.eyes__item_right {
    width: 55px;
    height: 48px;
    top: 112px;
    left: 298px;
}
@media (max-width: 767px) {
    .eyes__item_right {
        width: 30.74px;
        height: 27.84px;
        top: 64.96px;
        left: 172.84px;
    }
}
.eyes__pupil {
    background: #653eb3;
    z-index: 2;
    position: absolute;
    border-radius: 100%;
}
.eyes__pupil_left {
    width: 38px;
    height: 43px;
    left: 0;
    top: 0;
    -webkit-transform: translate(56px, 0);
    -ms-transform: translate(56px, 0);
    transform: translate(56px, 0);
}
@media (max-width: 767px) {
    .eyes__pupil_left {
        width: 22.04px;
        height: 24.94px;
        -webkit-transform: translate(32.48px, 0);
        -ms-transform: translate(32.48px, 0);
        transform: translate(32.48px, 0);
    }
}
.eyes__pupil_right {
    width: 27px;
    height: 31px;
    left: 0;
    top: 0;
    -webkit-transform: translate(25px, 0);
    -ms-transform: translate(25px, 0);
    transform: translate(25px, 0);
}
@media (max-width: 767px) {
    .eyes__pupil_right {
        width: 15.66px;
        height: 17.98px;
        -webkit-transform: translate(14.5px, 0);
        -ms-transform: translate(14.5px, 0);
        transform: translate(14.5px, 0);
    }
}
.gallery-preview__wrapper:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.gallery-preview__headline {
    position: relative;
}
.gallery-preview__headline__item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    background: #fff;
}
.gallery-preview__list {
    float: left;
    position: relative;
    width: 670px;
}
.gallery-preview__list:before {
    display: block;
    padding-bottom: 58.3%;
    content: "";
}
@media (max-width: 1023px) {
    .gallery-preview__list {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
}
.gallery-preview__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    background-color: #ccc;
}
@media (max-width: 767px) {
    .gallery-preview__item {
        height: auto;
    }
}
.gallery-preview__item_active {
    z-index: 10;
}
.gallery-preview__item img {
    width: 100%;
    vertical-align: top;
}
.gallery-preview__thumbs-wrap {
    float: left;
    width: 160px;
    height: 100%;
    margin-left: 30px;
    padding-right: 10px;
    overflow: visible !important;
}
@media (max-width: 1023px) {
    .gallery-preview__thumbs-wrap {
        float: none;
        width: auto;
        height: auto;
        margin-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .gallery-preview__thumbs-wrap:after {
        display: block;
        content: "";
        height: 0;
        overflow: hidden;
        clear: both;
    }
    .gallery-preview__thumbs {
        width: 20000px !important;
    }
}
.gallery-preview__thumb {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    transition: opacity 0.35s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 1023px) {
    .gallery-preview__thumb {
        float: left;
        width: 160px;
        margin-bottom: 0;
        margin-left: 30px;
    }
    .gallery-preview__thumb:first-child {
        margin-left: 0;
    }
}
.gallery-preview__thumb:last-child {
    margin-bottom: 0;
}
.gallery-preview__thumb_active {
    opacity: 0.5;
    transition: opacity 0.35s;
}
.gallery-preview__thumb:hover {
    opacity: 0.8;
}
.gallery-preview__thumb_active:hover {
    cursor: default;
    opacity: 0.5;
}
.gallery-preview__thumb-picture {
    width: 130px;
    height: 75px;
    background-color: #ccc;
    text-align: center;
    overflow: hidden;
}
.gallery-preview__thumb-picture img {
    width: 100%;
    vertical-align: middle;
}
.gallery-preview__thumb-index {
    position: absolute;
    top: 0;
    right: 0;
    font: 700 35px/1 "Panton Caps", Arial, Helvetica, sans-serif;
    color: #2f334b;
}
.threesixty {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.threesixty .threesixty_images img.current-image {
    visibility: visible;
}
.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}
.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: block;
}
.threesixty .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
.threesixty .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(/assets/sprites.png) no-repeat;
    text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
    background-position: 0 0 !important;
}
.threesixty .nav_bar a.nav_bar_previous {
    background-position: 0 -73px !important;
}
.threesixty .nav_bar a.nav_bar_stop {
    background-position: 0 -37px !important;
}
.threesixty .nav_bar a.nav_bar_next {
    background-position: 0 -104px !important;
}
.threesixty:-webkit-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty:-moz-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.slider-360 {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: move;
    min-height: 346px;
    transition: opacity 0.35s;
    opacity: 0;
}
.slider-360_1 {
    height: 626px;
}
@media (max-width: 767px) {
    .slider-360_1 {
        height: 580px;
    }
}
@media (max-width: 479px) {
    .slider-360_1 {
        height: 380px;
    }
}
@media (max-width: 380px) {
    .slider-360_1 {
        height: 300px;
    }
}
.slider-360_2 {
    height: 441px;
}
@media (max-width: 767px) {
    .slider-360_2 {
        height: 410px;
    }
}
@media (max-width: 479px) {
    .slider-360_2 {
        height: 264px;
    }
}
@media (max-width: 380px) {
    .slider-360_2 {
        height: 210px;
    }
}
.slider-360_selected {
    transition-duration: 0.175s;
    opacity: 1;
}
@media (max-width: 767px) {
    .slider-360 {
        padding-top: 20px;
    }
}
.slider-360__decor,
.slider-360__decor-text,
.slider-360__images li {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
}
.slider-360__decor img {
    max-width: 100%;
    vertical-align: top;
}
.slider-360__decor-text {
    left: 50%;
    bottom: -4px;
    width: 120px;
    margin-left: -60px;
    background-color: #141414;
    font: 700 35px/1 "Panton Caps", Arial, Helvetica, sans-serif;
    color: rgba(255, 255, 255, 0.1);
}
.slider-360__images {
    position: relative;
    display: none;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9;
}
.slider-360__images li {
    height: 100%;
    top: auto;
    bottom: 25px;
}
@media (max-width: 767px) {
    .slider-360__images li {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.slider-360__images img {
    max-width: 650px;
    height: auto;
    vertical-align: top;
}
@media (max-width: 767px) {
    .slider-360__images img {
        max-width: 360px;
    }
}
@media (max-width: 380px) {
    .slider-360__images img {
        max-width: 100%;
    }
}
.slider-360__images img.previous-image {
    visibility: hidden;
}
.slider-360__images img.current-image {
    visibility: visible;
}
.slider-360_2 .slider-360__images img {
    max-width: 838px;
}
@media (max-width: 1023px) {
    .slider-360_2 .slider-360__images img {
        max-width: 100%;
    }
}
.slider-360__progress {
    font: 700 80px/1 "Panton Caps", Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 767px) {
    .slider-360__progress {
        font-size: 60px;
    }
}
@media (max-width: 479px) {
    .slider-360__progress {
        font-size: 40px;
    }
}
.components {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.components:after,
.components__selector:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.components__content {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 300px;
    margin-right: 100px;
}
@media (max-width: 1279px) {
    .components__content {
        margin-right: 60px;
    }
}
@media (max-width: 767px) {
    .components__content {
        width: auto;
        margin-right: 40px;
    }
}
@media (max-width: 424px) {
    .components__content {
        margin-right: 15px;
    }
}
.components__content__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.components__content__item_active {
    position: relative;
}
.components__content__item .weapon__item {
    opacity: 0;
}
.components__content__item_active .weapon__item {
    opacity: 1;
}
.components__container {
    float: right;
    margin-right: 140px;
}
@media (max-width: 1439px) {
    .components__container {
        margin-right: 32px;
    }
}
@media (max-width: 1300px) {
    .components__container {
        float: none;
        margin-right: auto;
    }
}
.components__header {
    margin-bottom: 64px;
    font-size: 0;
}
@media (max-width: 520px) {
    .components__header {
        margin-bottom: 45px;
    }
}
@media (max-width: 424px) {
    .components__header {
        margin-bottom: 30px;
    }
}
.components__header__title {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-right: 100px;
    margin-bottom: auto;
}
@media (max-width: 1439px) {
    .components__header__title {
        margin-right: 50px;
    }
}
@media (max-width: 424px) {
    .components__header__title {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
    }
}
.components__selector {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.components__selector__counter {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 18px;
    line-height: 1.94;
    color: #fff;
}
.components__selector__nav {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #f0c44f;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.components__selector__nav:after {
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    content: "";
}
.components__selector__nav_next,
.components__selector__nav_prev {
    color: #ff9a00;
}
.components__selector__nav_next:before,
.components__selector__nav_prev:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E005";
}
.components__selector__nav_prev:hover {
    color: #fff;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    transition-duration: 0.175s;
}
.components__selector__nav_next:before {
    content: "\E004";
}
.components__selector__nav_next:hover {
    color: #fff;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    transition-duration: 0.175s;
}
.components__item {
    display: inline-block;
    vertical-align: middle;
}
.components__title {
    margin-bottom: 10px;
    font-size: 24px;
    color: #000;
}
@media (max-width: 767px) {
    .components__title {
        font-size: 22px;
    }
}
.components__titan-pic {
    width: 586px;
    float: right;
    margin-right: -200px;
    margin-top: -40px;
}
@media (max-width: 1599px) {
    .components__titan-pic {
        width: 445.36px;
        margin-right: -70px;
        margin-top: 20px;
    }
}
@media (max-width: 1439px) {
    .components__titan-pic {
        width: 433.64px;
        margin-top: 50px;
        margin-right: -170px;
    }
}
@media (max-width: 1279px) {
    .components__titan-pic {
        margin-right: -100px;
    }
}
@media (max-width: 1024px) {
    .components__titan-pic {
        margin-right: auto;
        margin-left: auto;
        float: none;
        margin-bottom: 80px;
    }
}
@media (max-width: 520px) {
    .components__titan-pic {
        width: 100%;
        margin-bottom: 40px;
    }
}
.components__titan-pic img {
    width: 100%;
}
.weapon__list {
    font-size: 0;
}
.weapon__item {
    margin-bottom: 40px;
}
@media (max-width: 665px) {
    .weapon__item {
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .weapon__item {
        text-align: center;
    }
}
@media (max-width: 424px) {
    .weapon__item {
        width: 120px;
    }
}
.range-list__item:last-child,
.weapon__item:last-child {
    margin-bottom: 0;
}
.weapon__cover {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 136px;
    height: 116px;
    margin-right: 25px;
}
@media (max-width: 767px) {
    .weapon__cover {
        margin-bottom: 10px;
        margin-right: 15px;
    }
}
@media (max-width: 560px) {
    .weapon__cover {
        margin-right: 0;
        width: 90px;
        height: 80px;
    }
}
.weapon__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.74;
    max-width: 120px;
    text-align: left;
}
@media (max-width: 767px) {
    .weapon__text {
        line-height: 1.42;
    }
}
@media (max-width: 560px) {
    .weapon__text {
        display: block;
        text-align: center;
    }
}
.weapon__pic {
    position: absolute;
    width: 120%;
    top: 0;
    left: -10%;
}
@media (max-width: 767px) {
    .weapon__pic {
        top: 10%;
        left: -15%;
    }
}
@media (max-width: 540px) {
    .weapon__pic {
        top: 10%;
        left: -10%;
    }
}
.range-list {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 665px) {
    .range-list {
        width: 200px;
    }
}
@media (max-width: 520px) {
    .range-list {
        max-width: 376px;
    }
}
@media (max-width: 424px) {
    .range-list {
        width: 140px;
    }
}
.range-list__item {
    width: 100%;
    margin-bottom: 35px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 767px) {
    .range-list__item {
        margin-bottom: 45px;
    }
}
@media (max-width: 520px) {
    .range-list__item {
        margin-bottom: 20px;
    }
}
@media (max-width: 424px) {
    .range-list__item {
        margin-bottom: 15px;
    }
}
.range-list__item__title {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px;
    color: #fff;
}
.range-list__item__line {
    height: 8px;
    background-color: #ff9a00;
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 424px) {
    .range-list__item__line {
        height: 7px;
    }
}
.steps-slider__list {
    position: relative;
}
.steps-slider__headline {
    overflow: hidden;
    position: relative;
}
.steps-slider__headline__item,
.steps-slider__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}
.steps-slider__headline__item {
    background: #fff;
}
.steps-slider__item {
    height: 100%;
    overflow: hidden;
}
.steps-slider__item_active {
    position: relative;
    z-index: 10;
}
.steps-slider__item img {
    width: 100%;
    vertical-align: top;
}
.steps-slider__next {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 55.5%;
    color: #653eb3;
    cursor: pointer;
    transition: transform 0.35s, color 0.35s, opacity 0.35s;
    transition: transform 0.35s, color 0.35s, opacity 0.35s, -webkit-transform 0.35s;
    z-index: 13;
}
@media (max-width: 1439px) {
    .steps-slider__next {
        left: 51.5%;
    }
}
.steps-slider__next_disabled {
    transition-duration: 0.175s;
    opacity: 0;
    visibility: hidden;
}
.steps-slider__next:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px;
    margin-right: -17px;
    border-right: 3px solid;
    border-bottom: 3px solid;
    width: 34px;
    height: 34px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}
@media (max-width: 1439px) {
    .steps-slider__next:before {
        left: auto;
        right: 20px;
        content: "";
    }
}
.steps-slider__next:hover {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    color: #392959;
    transition-duration: 0.175s;
}
.steps-slider__next:active {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
    transition-duration: 0.175s;
}
.steps-slider__prev {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: -5.5%;
    color: #653eb3;
    cursor: pointer;
    transition: transform 0.35s, color 0.35s, opacity 0.35s;
    transition: transform 0.35s, color 0.35s, opacity 0.35s, -webkit-transform 0.35s;
    z-index: 13;
}
@media (max-width: 1439px) {
    .steps-slider__prev {
        left: -1.5%;
    }
}
.steps-slider__prev_disabled {
    transition-duration: 0.175s;
    opacity: 0;
    visibility: hidden;
}
.steps-slider__prev:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -17px;
    margin-left: -17px;
    border-right: 3px solid;
    border-bottom: 3px solid;
    width: 34px;
    height: 34px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
}
@media (max-width: 1439px) {
    .steps-slider__prev:before {
        left: 20px;
        content: "";
    }
}
.steps-slider__prev:hover {
    -webkit-transform: translateX(-3px) translateZ(0);
    transform: translateX(-3px) translateZ(0);
    color: #392959;
    transition-duration: 0.175s;
}
.steps-slider__prev:active {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    transition-duration: 0.175s;
}
.steps-slider__progress {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 5px;
    background: #fff;
    opacity: 0.7;
    left: 0;
    bottom: 0;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.intro {
    background-color: #ebebed;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px) {
    .intro {
        position: relative;
        overflow: hidden;
    }
}
.intro__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}
.intro__cover .layer {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/intro/bg-new1.jpg);
    background-size: cover;
    background-position: 80% 80%;
}
.intro__cover .layer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.18;
    background-color: #000;
}
@media (max-width: 1023px) {
    .intro__cover .layer {
        background-position: 50% 80%;
    }
}
@media (max-width: 479px) {
    .intro__cover .layer {
        background-position: 35% 80%;
    }
}
.intro__inner {
    background: #000;
    opacity: 0;
    height: 100%;
    transition: opacity 0.35s;
}
.intro__inner_visible {
    transition-duration: 0.175s;
    opacity: 1;
}
.intro__mouse {
    display: inline-block;
    vertical-align: top;
    border-color: #ededed;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: 40px;
    z-index: 50;
}
@media (max-height: 850px) {
    .intro__mouse {
        bottom: 65px;
    }
}
.intro__content {
    position: fixed;
    bottom: 0;
    left: 13%;
}
@media (max-height: 850px) {
    .intro__content {
        position: absolute;
    }
}
@media (max-width: 1024px) {
    .intro__content {
        position: absolute;
        left: 5%;
    }
}
@media (max-width: 767px) {
    .intro__content {
        width: 100%;
        left: 0;
        padding: 0 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.intro__text {
    max-width: 310px;
    margin-bottom: 55px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 767px) {
    .intro__text {
        color: #2f334b;
        margin: 35px auto 65px;
        max-width: 90%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }
}
.intro__about {
    position: relative;
    top: 55%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin: auto;
}
@media (max-width: 1439px) {
    .intro__about {
        width: 970px;
    }
}
@media (max-width: 1023px) {
    .intro__about {
        top: 35%;
        display: block;
        width: 768px;
    }
}
@media (max-width: 767px) {
    .intro__about {
        top: 65%;
        width: 100%;
    }
}
.intro__title {
    font-family: "Panton Caps";
    font-size: 120px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 2px;
    color: #fff;
}
@media (max-width: 767px) {
    .intro__title {
        font-size: 58px;
    }
}
.intro__descriptor {
    width: 480px;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #fff;
}
@media (max-width: 767px) {
    .intro__descriptor {
        font-size: 18px;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .intro__link-block {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .intro__link-block {
        display: none;
    }
}
.intro__link {
    position: relative;
    display: block;
    width: 162px;
    padding-top: 30px;
    padding-bottom: 4px;
    opacity: 0.8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-family: "Panton Caps";
    font-size: 18px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.35s, border-bottom 0.35s;
}
.intro__link:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #fff;
}
.intro__link:hover {
    opacity: 1;
}
.intro__link:hover:before {
    -webkit-animation: borderHover 0.5s forwards ease-in-out;
    animation: borderHover 0.5s forwards ease-in-out;
}
@media (max-width: 1023px) {
    .intro__link {
        opacity: 1;
    }
}
@-webkit-keyframes borderHover {
    0% {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
@keyframes borderHover {
    0% {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
.parallax-word {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
@media (max-width: 1023px) {
    .parallax-word {
        top: -10%;
    }
}
@media (max-width: 767px) {
    .parallax-word {
        display: none;
        padding: 0 20px;
        top: 60px;
    }
}
@media (max-width: 479px) {
    .parallax-word {
        top: 30px;
    }
}
@media (max-height: 350px) {
    .parallax-word {
        top: 85px;
    }
}
.parallax-word__symbol {
    display: block;
    opacity: 0;
}
.parallax-word__item {
    position: relative;
    width: 200px;
    height: 300px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .parallax-word__item {
        width: 130px;
        height: 182px;
    }
}
@media (max-width: 767px) {
    .parallax-word__item {
        width: 80px;
        height: 137px;
    }
    .parallax-word__item_1 {
        top: -25%;
    }
    .parallax-word__item_2 {
        top: -29%;
        left: 5%;
    }
    .parallax-word__item_3 {
        top: -17%;
        left: -5%;
    }
    .parallax-word__item_4 {
        top: -21%;
        left: -4%;
    }
    .parallax-word__item_5 {
        top: -19%;
        left: 2%;
    }
    .parallax-word__item_6 {
        top: -32%;
        left: -6%;
    }
    .parallax-word__item_7 {
        top: -22%;
    }
}
.parallax-word__item_shift {
    margin-right: 5%;
}
@media (max-width: 767px) {
    .parallax-word__item_shift {
        margin-right: 0;
    }
}
.parallax-word__letter {
    font-size: 300px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 30px rgba(41, 83, 92, 0.16);
}
@media (max-width: 1450px) {
    .parallax-word__letter {
        font-size: 250px;
    }
}
@media (max-width: 1439px) {
    .parallax-word__letter {
        font-size: 200px;
    }
}
@media (max-width: 1023px) {
    .parallax-word__letter {
        font-size: 166px;
        color: #653eb3;
    }
}
@media (max-width: 767px) {
    .parallax-word__letter {
        font-size: 100px;
    }
}
@media (max-width: 479px) {
    .parallax-word__letter {
        font-size: 100px;
    }
}
@media (max-width: 380px) {
    .parallax-word__letter {
        font-size: 80px;
    }
}
@media (max-height: 460px) {
    .parallax-word__letter {
        font-size: 65px;
    }
}
.cases {
    position: relative;
    color: #fff;
    background-color: #00aeda;
}
.cases__container {
    position: relative;
    z-index: 3;
}
.cases__container_aom .cases__row {
    margin-bottom: 30px;
}
.cases__intro-text {
    max-width: 360px;
    margin-bottom: 115px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 767px) {
    .cases__intro-text {
        margin-bottom: 60px;
    }
}
.cases__item {
    min-height: 100vh;
    padding: 200px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
@media (max-width: 1600px) {
    .cases__item {
        padding: 150px 0;
    }
}
@media (max-width: 1024px) {
    .cases__item {
        min-height: 100%;
    }
}
@media (max-width: 1023px) {
    .cases__item {
        padding: 100px 0;
    }
}
@media (max-width: 767px) {
    .cases__item {
        padding: 60px 0;
    }
}
.cases__item.case-supercity {
    background-color: #00aeda;
}
.cases__item.case-tropicstorm {
    background-color: #0663b1;
}
.cases__item.case-titans {
    margin-bottom: -100px;
    background-color: #000;
}
@media (max-width: 1024px) {
    .cases__item.case-titans {
        margin-bottom: -50px;
    }
}
@media (max-width: 1023px) {
    .cases__item.case-titans {
        margin-bottom: 0;
    }
}
.cases__item.case-aom {
    position: relative;
    background-color: #001735;
    z-index: 1;
}
.cases__bg,
.cases__bg__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cases__bg__item {
    opacity: 0;
}
.cases__bg__item:first-child {
    opacity: 1;
}
.cases__row {
    margin: 0 -30px 50px;
}
@media (max-width: 767px) {
    .cases__row {
        margin-bottom: 20px;
    }
}
.cases__row:last-child {
    margin-bottom: 0;
}
.cases__col {
    display: inline-block;
    margin-left: -30px;
    padding: 0 30px;
}
@media (max-width: 1023px) {
    .cases__col {
        margin-bottom: 30px;
    }
    .cases__col:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .cases__col {
        margin-bottom: 20px;
        margin-right: -30px;
    }
}
.cases__buttons {
    padding: 0 30px;
}
.cases__title {
    font-size: 150px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    color: #fff;
    margin-left: -0.05em;
    margin-bottom: 60px;
}
@media (max-width: 1023px) {
    .cases__title {
        font-size: 100px;
    }
}
@media (max-width: 767px) {
    .cases__title {
        font-size: 50px;
        margin-bottom: 30px;
    }
}
.cases__title_aom {
    line-height: 1em;
}
@media (max-width: 1439px) {
    .cases__title_aom {
        font-size: 130px;
    }
}
@media (max-width: 1023px) {
    .cases__title_aom {
        font-size: 100px;
    }
}
@media (max-width: 767px) {
    .cases__title_aom {
        font-size: 50px;
    }
}
.cases__text {
    display: inline-block;
    vertical-align: top;
    max-width: 320px;
    margin-bottom: 60px;
    padding: 0 30px;
}
@media (max-width: 767px) {
    .cases__text {
        margin-bottom: 20px;
    }
}
.cases__text:last-child {
    margin-bottom: 0;
}
.cases__text_soon {
    margin-top: 80px;
    color: #a2be31;
    font: 25px/1em "Roboto", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 30px;
}
@media (max-width: 767px) {
    .cases__text_soon {
        margin-top: 20px;
    }
}
.cases__text .btn-box {
    margin-top: 40px;
}
.cases__info-wrapper,
.cases__platforms {
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .cases__info-wrapper,
    .cases__platforms {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.cases__info {
    padding: 0 30px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 767px) {
    .cases__info {
        margin-bottom: 20px;
    }
    .cases__info:last-child {
        margin-bottom: 0;
    }
}
.cases__info__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .cases__info__title {
        margin-bottom: 10px;
    }
}
.cases__info__content {
    font-size: 14px;
}
.cases__button {
    position: relative;
    line-height: 56px;
    padding: 0 27px;
    text-transform: uppercase;
    background: #fff;
    color: #00bcfc;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    transition: color 0.35s;
}
.cases__button:hover {
    color: #0383af;
    transition-duration: 0.175s;
}
.cases__socials .socials__item {
    color: #fff;
}
.cases__socials .socials__item:hover {
    color: #e3f00b;
}
.cases__aom__bg,
.cases__aom__content {
    position: relative;
    z-index: 1;
}
.cases__aom__bg {
    display: inline-block;
    margin-top: -170px;
    margin-left: 20%;
    border-radius: 35% 42% 35% 35%;
    font-size: 0;
    box-shadow: 0 0 90px 100px #001735;
    background-color: #001735;
    width: 1024px;
    margin-bottom: 5%;
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 1439px) {
    .cases__aom__bg {
        display: block;
        width: auto;
        max-width: 90%;
        margin-top: -110px;
        margin-left: 10%;
        margin-bottom: 10%;
    }
}
@media (max-width: 1024px) {
    .cases__aom__bg {
        width: 100%;
        max-width: 100%;
        margin-top: -130px;
        margin-left: 5%;
    }
}
@media (max-width: 1023px) {
    .cases__aom__bg {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 769px) {
    .cases__aom__bg {
        margin-left: -5%;
        width: 110%;
        max-width: 150%;
    }
}
@media (max-width: 767px) {
    .cases__aom__bg {
        margin-left: 0;
    }
}
@media (max-width: 479px) {
    .cases__aom__bg {
        max-width: none;
        width: 150%;
        margin-top: -80px;
        margin-left: -20%;
    }
}
.d-mobile .cases__aom__bg {
    border-radius: 0;
    box-shadow: none;
}
.cases__aom__bg video,
.cases__aom__bgInner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cases__aom__bg video,
.cases__aom__bgInner {
    border-radius: inherit;
}
.cases__aom__bg:after {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 100%;
    height: 119%;
    right: -12%;
    top: -11.7%;
    background-image: url(../images/aom/case/mask-objects.png);
    background-position: 100% 100%;
    z-index: 2;
}
.d-mobile .cases__aom__bg:after,
.d-mobile .cases__aom__bgInner:after {
    display: none;
    content: "";
}
.cases__aom__bgInner {
    position: relative;
    overflow: hidden;
    padding-bottom: 55.941406%;
    background: radial-gradient(#3876b1, #001735 65%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.cases__aom__bgInner:after {
    box-shadow: inset 0 0 80px 100px #001735, 0 0 5px 10px #001735;
    border-bottom-left-radius: 32%;
    z-index: 1;
    content: "";
}
.d-mobile .cases__aom__bgInner {
    height: 0;
    padding-bottom: 64.369748%;
    background-image: url(../images/aom/case/case-bg_mobile.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cases__aom__soon {
    display: block;
    font-size: 14px;
}
.cases__aom__soon_title {
    color: #a2be31;
    padding-top: 30px;
    font-size: 16px;
}
@media (max-width: 479px) {
    .cases__aom__soon_title {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .cases__aom__soon_title {
        margin-bottom: 40px !important;
    }
}
.cases__jobs {
    position: relative;
    z-index: 3;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 1023px) {
    .cases__jobs {
        margin-top: 40px;
    }
}
.cases__jobs__title {
    display: block;
    color: inherit;
    max-width: 10em;
    margin-bottom: 50px;
    line-height: 1.2;
}
@media (max-width: 1023px) {
    .cases__jobs__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .cases__jobs__title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}
.cases__jobs__list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -40px;
}
@media (max-width: 1023px) {
    .cases__jobs__list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.cases__jobs__item {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    width: 33.33333333%;
    color: inherit;
}
@media (max-width: 1023px) {
    .cases__jobs__item {
        width: 100%;
        margin-bottom: 40px;
    }
    .cases__jobs__item:last-child {
        margin-bottom: 0;
    }
}
.cases__jobs__item__title {
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}
.cases__jobs__item:after {
    display: block;
    margin-top: 16px;
    width: 45px;
    height: 16px;
    background: url(../images/arrow-more-white.svg) no-repeat;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    content: "";
}
.cases__jobs__item:hover:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    transition-duration: 0.175s;
}
.case-aom {
    min-height: 0;
}
@media (max-width: 1024px) {
    .case-aom {
        padding: 120px 0;
    }
}
@media (max-width: 767px) {
    .case-aom {
        padding: 60px 0;
    }
    .case-aom .cases__row {
        margin-bottom: 5px;
    }
    .case-aom__platforms-wrapper {
        display: block;
    }
}
@media (max-width: 1023px) {
    .case-aom__platforms {
        padding-left: 0;
    }
}
.case-aom__button {
    color: #333339;
}
.case-aom__button:hover {
    color: #000;
}
.case-supercity {
    padding-top: 210px;
    background-color: #00aeda;
}
@media (max-width: 1599px) {
    .case-supercity {
        padding-top: 160px;
    }
}
@media (max-width: 1023px) {
    .case-supercity {
        padding-top: 120px;
    }
}
@media (max-width: 767px) {
    .case-supercity {
        padding-top: 60px;
    }
}
.d-mobile .case-supercity__container {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .d-mobile .case-supercity__container {
        margin-bottom: 0;
    }
}
@media (max-width: 479px) {
    .d-mobile .case-supercity__container {
        margin-bottom: 80px;
    }
}
.case-supercity__button {
    color: #00bcfc;
}
.case-supercity__button:hover {
    color: #0383af;
}
.case-tropicstorm {
    background-color: #0663b1;
}
.case-tropicstorm__button {
    color: #0581c4;
}
.case-tropicstorm__button:hover {
    color: #035886;
}
.case-tropicstorm:after {
    display: none;
    position: absolute;
    height: 80px;
    top: -40px;
    background: linear-gradient(to bottom, #00aeda 0%, #0663b1 100%);
    width: 100%;
    content: "";
}
.case-titans {
    background-color: #000;
}
.case-titans__button {
    color: #333339;
}
.case-titans__button:hover {
    color: #000;
}
.mini-game {
    position: relative;
    z-index: 2;
}
.mini-game__img {
    position: relative;
    display: none;
}
.d-mobile .mini-game__img {
    display: block;
}
.mini-game__preloader {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}
.d-mobile .mini-game__preloader {
    display: none;
}
.mini-game__preloader_tropicstorm {
    width: 84%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 1700px) {
    .mini-game__preloader_tropicstorm {
        width: 111%;
    }
}
.mini-game__preloader_supercity {
    width: 2560px;
}
@media (max-width: 1700px) {
    .mini-game__preloader_supercity {
        width: 150%;
    }
}
.mini-game__preloader_titans {
    width: auto;
    height: 72%;
    left: 50%;
    top: 31px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 12%;
}
@media (max-width: 1680px) {
    .mini-game__preloader_titans {
        margin-left: 5%;
    }
}
.mini-game__preloader_aom {
    max-width: 1680px;
    width: auto;
    height: auto;
    margin-left: 50%;
    margin-top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mini-game_supercity {
    margin-top: -300px;
}
@media (max-width: 1700px) {
    .mini-game_supercity {
        margin-top: -210px;
    }
    .mini-game_supercity canvas {
        width: 150%;
    }
}
@media (max-width: 1024px) {
    .mini-game_supercity {
        margin-top: -100px;
        width: 100%;
    }
}
.mini-game_supercity__img {
    width: 100%;
}
@media (max-width: 767px) {
    .mini-game_supercity__img {
        width: 180%;
        margin-left: -100px;
    }
}
.mini-game_tropicstorm {
    margin-top: -400px;
    margin-right: -300px;
}
@media (max-width: 1024px) {
    .mini-game_tropicstorm {
        margin-top: -100px;
        margin-right: -100px;
    }
}
@media (max-width: 767px) {
    .mini-game_tropicstorm {
        margin-top: -20px;
    }
}
.mini-game_tropicstorm canvas {
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.aom__slider__item video,
.mini-game_tropicstorm__img {
    width: 100%;
}
.mini-game_titans {
    margin-top: -360px;
}
@media (max-width: 1023px) {
    .mini-game_titans {
        margin-top: -140px;
    }
}
.mini-game_titans__img {
    width: 100%;
    margin: 155px 0 0;
}
.mini-game_titans canvas {
    -webkit-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    transform: translateX(-600px);
    margin-left: 50%;
}
@media (max-width: 1680px) {
    .mini-game_titans canvas {
        -webkit-transform: translateX(-750px);
        -ms-transform: translateX(-750px);
        transform: translateX(-750px);
    }
}
.mini-game_aom__img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -40%;
    width: 140%;
}
@media (max-width: 767px) {
    .mini-game_aom__img {
        margin-top: -10%;
    }
}
.mini-game_aom canvas {
    -webkit-transform: translateX(-850px);
    -ms-transform: translateX(-850px);
    transform: translateX(-850px);
    margin-left: 50%;
}
.thumb {
    padding-top: 92%;
    width: 92%;
    position: relative;
    margin-bottom: 20%;
    transition: box-shadow 0.35s;
}
.thumb.columns__el_second {
    margin-left: 8%;
}
.thumb.columns__el_second:first-child {
    margin-top: 50%;
}
.thumb__bg,
.thumb__img,
.thumb__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.thumb__img {
    opacity: 0.1;
    background-position: center;
    background-size: cover;
    transition: opacity 0.35s;
}
.thumb__person {
    position: absolute;
    bottom: -10%;
    left: 60%;
    height: 80%;
    pointer-events: none;
}
.thumb__person img {
    display: block;
    max-height: 100%;
}
.thumb__logo {
    position: absolute;
    top: 7%;
    left: 7%;
    max-width: 30%;
}
.thumb__logo img {
    display: block;
    width: 100%;
}
.thumb__content {
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 60%;
    padding: 0 10px 0 7%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.thumb__info {
    color: #7afff7;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1.4;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
}
.thumb__info,
.thumb__text {
    margin-bottom: 25px;
}
.thumb__arrow,
.thumb__text {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
}
.thumb__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.thumb:hover {
    box-shadow: 0 8px 34px 6px rgba(18, 1, 51, 0.18);
    transition-duration: 0.175s;
}
.thumb:hover .thumb__img {
    opacity: 0;
    transition-duration: 0.175s;
}
.thumb:hover .thumb__arrow,
.thumb:hover .thumb__info,
.thumb:hover .thumb__text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-duration: 0.175s;
}
.thumb:hover .thumb__arrow,
.thumb:hover .thumb__text {
    transition-duration: 0.23333333s;
}
.thumb:hover .thumb__arrow {
    transition-duration: 0.31818182s;
}
.d-mobile .thumb__arrow,
.d-mobile .thumb__info,
.d-mobile .thumb__text {
    opacity: 1;
}
.article-preview {
    font-size: 0;
    position: relative;
    margin-bottom: 110px;
}
@media (max-width: 767px) {
    .article-preview {
        margin-bottom: 70px;
    }
}
.article-preview:last-child {
    margin-bottom: 0;
}
.article-preview__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.article-preview__media {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}
@media (max-width: 767px) {
    .article-preview__media {
        width: 100%;
        margin-bottom: 20px;
    }
}
.article-preview__img {
    width: 92%;
    padding-top: 66%;
    background-position: center;
    background-size: cover;
    transition: box-shadow 0.35s;
}
@media (max-width: 767px) {
    .article-preview__img {
        width: 100%;
    }
}
.article-preview__content {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    position: relative;
}
@media (max-width: 767px) {
    .article-preview__content {
        width: 100%;
    }
}
.article-preview__content__inner {
    width: 92%;
    margin-left: 8%;
}
@media (max-width: 767px) {
    .article-preview__content__inner {
        width: 100%;
        margin: 0;
    }
}
.article-preview__autor {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #b3b9dc;
    right: 100%;
    bottom: 0;
    margin-right: 2%;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg) translateX(100%) translateZ(0);
    transform: rotate(-90deg) translateX(100%) translateZ(0);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.3;
    transition: opacity 0.35s;
}
@media (max-width: 767px) {
    .article-preview__autor {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 0;
        right: auto;
    }
}
.article-preview__text,
.article-preview__title {
    transition: color 0.35s, transform 0.35s;
    transition: color 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.article-preview__title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.9;
    width: 60%;
    margin-bottom: 20px;
    color: #fff;
}
.article-preview__text {
    color: #b3b9dc;
}
.article-preview__more {
    position: absolute;
    padding-top: 20px;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    pointer-events: none;
}
.article-preview__more path {
    fill: #b3b9dc;
}
.d-no-phone .article-preview:hover .article-preview__text,
.d-no-phone .article-preview:hover .article-preview__title {
    color: #a0e8ff;
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
    transition-duration: 0.19444444s;
}
.d-no-phone .article-preview:hover .article-preview__text {
    transition-duration: 0.26923077s;
    color: #fff;
}
.d-no-phone .article-preview:hover .article-preview__more {
    opacity: 1;
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
    transition-duration: 0.31818182s;
}
.d-no-phone .article-preview:hover .article-preview__autor {
    opacity: 1;
    transition-duration: 0.175s;
}
.d-no-phone .article-preview:hover .article-preview__img {
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, 0.26);
    transition-duration: 0.175s;
}
.blog-main {
    background: #2f334b;
    position: relative;
    padding-bottom: 200px;
    padding-top: 110px;
}
@media (max-width: 767px) {
    .blog-main {
        padding: 60px 0;
    }
}
.blog-main__title {
    font-size: 60px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-left: -0.05em;
    line-height: 1;
    margin-bottom: 90px;
    color: #fff;
}
@media (max-width: 767px) {
    .blog-main__title {
        margin-bottom: 50px;
        font-size: 54px;
    }
}
.blog-main__list {
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .blog-main__list {
        margin-bottom: 40px;
    }
}
.blog-main__link-wrap {
    width: 50%;
    margin-left: 50%;
}
@media (max-width: 767px) {
    .blog-main__link-wrap {
        margin-left: 0;
    }
}
.blog-main__link {
    margin-left: 8%;
    padding: 8px 0;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    transition: color 0.35s, border 0.35s;
}
@media (max-width: 767px) {
    .blog-main__link {
        margin: 0;
    }
}
.blog-main__link:hover {
    color: #a0e8ff;
    border-color: #a0e8ff;
    transition-duration: 0.175s;
}
.jobs-main {
    padding: 150px 0;
    background: #fff;
    position: relative;
}
@media (max-width: 767px) {
    .jobs-main {
        padding: 60px 0;
    }
}
.jobs-main__container:after,
.jobs-main__images:after,
.vacancy-page-info-slider .slider__content:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.jobs-main__sidebar {
    width: 30%;
    float: left;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .jobs-main__sidebar {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 20px;
    }
}
.jobs-main__content {
    width: 60%;
    float: right;
}
@media (max-width: 767px) {
    .jobs-main__content {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
}
.jobs-main__title {
    font-size: 60px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-left: -0.05em;
    line-height: 1;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .jobs-main__title {
        margin-bottom: 20px;
        font-size: 54px;
    }
}
.jobs-main__images {
    position: relative;
    margin-top: -200px;
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .jobs-main__images {
        margin-top: 0;
        margin-bottom: 50px;
        padding-top: 40px;
    }
}
.jobs-main__images__item {
    display: block;
    width: 47%;
}
.jobs-main__images__item:last-child {
    width: 47%;
    right: 0;
    position: absolute;
    bottom: 20%;
}
.job__list {
    margin-bottom: 50px;
}
.job__item {
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .job__item {
        margin-bottom: 40px;
    }
}
.job__item:last-child {
    margin-bottom: 0;
}
.job__more,
.job__title {
    color: #653eb3;
    text-transform: uppercase;
}
.job__title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    line-height: 1;
    margin-bottom: 0.5em;
    font-size: 35px;
    font-weight: 900;
}
.job__more {
    padding: 8px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 2px solid #653eb3;
    transition: color 0.35s, border 0.35s;
}
.job__more:hover {
    color: #392959;
    border-color: #392959;
    transition-duration: 0.175s;
}
.nav {
    font-size: 0;
}
.nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.nav__item_forums {
    margin-left: 3vw;
}
@media (max-width: 1023px) {
    .nav__item {
        margin-right: 10px;
        margin-left: 0;
    }
}
.nav__item:last-child {
    margin-right: 0;
}
.nav__link {
    position: relative;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    transition: color 0.35s;
}
@media (max-width: 1023px) {
    .nav__link {
        font-size: 13px;
    }
}
.nav__link:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    margin-top: 5px;
    height: 2px;
    background: #e3f00b;
    opacity: 0;
    transition: opacity 0.35s;
    pointer-events: none;
    content: "";
}
.nav__link:after {
    position: absolute;
    top: -20px;
    right: -13px;
    bottom: -20px;
    left: -13px;
    content: "";
}
.nav__link:hover {
    transition-duration: 0.175s;
    color: #e3f00b;
}
.dinosaur {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/intro/dino-new.png);
    background-size: cover;
    background-position: 80% 90%;
    z-index: 2;
}
@media (max-width: 767px) {
    .dinosaur {
        top: auto;
        bottom: 0;
        left: 5%;
        max-height: 70%;
        max-width: 90%;
        background: url(../images/intro/dino-phone.png) no-repeat 80% 100% / contain;
    }
}
@media (max-width: 479px) {
    .dinosaur {
        left: -10%;
        background-position: 0 100%;
    }
}
.more-btn {
    width: 20px;
    height: 12px;
    background: url(../images/arrow-down.svg) no-repeat center;
    padding: 20px;
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    display: none;
}
@media (max-width: 1023px) {
    .more-btn {
        display: block;
    }
}
.vacancy-page-info-slider {
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .vacancy-page-info-slider {
        margin-right: 0;
    }
}
.vacancy-page-info-slider .slider__item {
    width: 1%;
}
.vacancy-page-info-slider .slider__media {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .vacancy-page-info-slider .slider__media {
        margin-bottom: 20px;
    }
}
.vacancy-page-info-slider .slider__content {
    width: 100%;
    margin-left: 0;
}
.vacancy-page-info-slider__icon {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
}
@media (max-width: 767px) {
    .vacancy-page-info-slider__icon {
        float: none;
        width: 30%;
        margin: 0 auto 20px;
    }
    .vacancy-page-info-slider__icon:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
}
.vacancy-page-info-slider__icon img {
    max-width: 80%;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .vacancy-page-info-slider__icon img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
    }
}
.vacancy-page-info-slider__more {
    float: right;
    width: 20%;
    text-align: right;
}
@media (max-width: 767px) {
    .vacancy-page-info-slider__more {
        float: none;
        width: 100%;
        text-align: left;
    }
}
.vacancy-page-info-slider__content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 60%;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 16px;
}
@media (max-width: 1439px) {
    .vacancy-page-info-slider__content {
        padding-right: 15px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .vacancy-page-info-slider__content {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
    }
}
.vacancy-page-info-slider .button {
    color: #653eb3;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
video::-webkit-media-controls {
    display: none !important;
}
video::-webkit-media-controls-start-playback-button {
    display: none !important;
}
.aom__inner {
    background-color: #141414;
}
.aom__cover {
    background-color: #000;
}
.aom__cover .game__content {
    max-width: 260px;
}
@media (max-width: 767px) {
    .aom__cover .game__content {
        max-width: none;
    }
}
.aom__logo {
    color: #fff;
}
.aom__bg__container {
    width: 100%;
    height: 100%;
    margin-left: 15%;
}
@media (max-width: 1439px) {
    .aom__bg__container {
        width: 115%;
    }
}
@media (max-width: 1024px) {
    .aom__bg__container {
        margin-left: 0;
    }
}
@media (max-width: 769px) {
    .aom__bg__container {
        margin-left: -40%;
        width: 150%;
    }
}
@media (max-width: 767px) {
    .aom__bg__container {
        margin-left: -35%;
    }
}
@media (orientation: landscape) and (max-width: 736px) {
    .aom__bg__container {
        margin-top: 80px;
        margin-left: -25%;
    }
}
.aom__bg__characters {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    width: 35%;
    height: 100%;
    float: left;
    margin-right: -16%;
}
.aom__bg__characters:last-child {
    margin-right: 0;
}
@media (max-width: 1024px) {
    .aom__bg__characters {
        width: 40%;
        margin-right: -18%;
    }
}
@media (max-width: 769px) {
    .aom__bg__characters {
        width: 55%;
        margin-right: -33%;
    }
}
@media (max-width: 767px) {
    .aom__bg__characters {
        margin-right: -38%;
    }
}
.aom__bg__characters_1 {
    margin-right: -19%;
    background-image: url(../images/aom/characters/1.png);
}
@media (max-width: 1024px) {
    .aom__bg__characters_1 {
        margin-right: -19%;
    }
}
@media (max-width: 769px) {
    .aom__bg__characters_1 {
        margin-right: -34%;
    }
}
@media (max-width: 767px) {
    .aom__bg__characters_1 {
        margin-right: -38%;
    }
}
.aom__bg__characters_2 {
    background-image: url(../images/aom/characters/02.png);
}
.aom__bg__characters_3 {
    background-image: url(../images/aom/characters/01.png);
}
.aom .game__top-text {
    color: #fff;
}
.aom__big-title {
    color: #fff;
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}
.aom__big-title_video {
    margin-bottom: -0.32em;
}
@media (max-width: 767px) {
    .aom__big-title {
        margin-bottom: 30px;
    }
}
.aom__big-title_story,
.aom__video video {
    display: block;
}
.aom__big-title_story:before {
    content: "";
    position: absolute;
    display: block;
    top: -22px;
    left: 55px;
    height: 55px;
    width: 85px;
    background-image: url(../images/aom/history6.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}
@media (max-width: 1439px) {
    .aom__big-title_story:before {
        top: -30px;
    }
}
@media (max-width: 1024px) {
    .aom__big-title_story:before {
        top: -35px;
    }
}
@media (max-width: 769px) {
    .aom__big-title_story:before {
        top: -15px;
        height: 28px;
        width: 43px;
        left: 25%;
    }
}
@media (max-width: 767px) {
    .aom__big-title_story:before {
        display: none;
    }
}
.aom__section:after,
.aom__title-knob:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.aom__title-knob .big-title__line {
    float: left;
    margin-right: 20px;
}
@media (max-width: 1023px) {
    .aom__title-knob .big-title__line {
        margin-right: 0;
        float: none;
    }
}
.aom__knob {
    float: left;
}
@media (max-width: 1023px) {
    .aom__knob {
        float: none;
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media (max-width: 767px) {
    .aom__knob {
        display: none;
    }
}
.aom__section {
    position: relative;
    padding: 180px 0;
}
@media (max-width: 767px) {
    .aom__section {
        padding: 80px 0;
    }
}
@media (max-width: 479px) {
    .aom__section {
        padding: 40px 0;
    }
}
.aom__text {
    color: #fff;
    margin-bottom: 30px;
}
.aom__subtitle {
    max-width: 350px;
    margin-bottom: 100px;
    z-index: 10;
    position: relative;
}
.aom__accordeon {
    width: 100%;
    position: relative;
}
.aom__accordeon__character {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.aom__accordeon__character .i-sprite-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.35s;
}
.aom__accordeon__character_active .i-sprite-canvas,
.aom__accordeon__head-wrapper:hover .aom__accordeon__head {
    opacity: 1;
}
.aom__accordeon__character_rogar {
    width: 414px;
    height: 387px;
}
@media (max-width: 767px) {
    .aom__accordeon__character_rogar {
        width: 289.8px;
        height: 270.9px;
    }
}
.aom__accordeon__character_bellara {
    width: 407px;
    height: 374px;
}
@media (max-width: 767px) {
    .aom__accordeon__character_bellara {
        width: 284.9px;
        height: 261.8px;
    }
}
.aom__accordeon__character_abyssalhound {
    margin-top: 20px;
    width: 386px;
    height: 299px;
}
@media (max-width: 767px) {
    .aom__accordeon__character_abyssalhound {
        width: 270.2px;
        height: 209.3px;
    }
}
.aom__accordeon__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
@media (max-width: 767px) {
    .aom__accordeon__wrapper {
        width: auto;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.aom__accordeon__item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.aom__accordeon__item:first-child {
    position: relative;
}
@media (max-width: 767px) {
    .aom__accordeon__item {
        position: relative;
        margin-bottom: 80px;
    }
    .aom__accordeon__item:last-child {
        margin-bottom: 0;
    }
}
.aom__accordeon__mob-title {
    display: none;
}
@media (max-width: 767px) {
    .aom__accordeon__mob-title {
        display: block;
    }
}
.aom__accordeon__nav {
    margin-bottom: 65px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 10000;
}
@media (max-width: 767px) {
    .aom__accordeon__nav {
        display: none;
    }
}
.aom__accordeon__nav:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 0.12;
    border-bottom: 1px solid #ff884f;
    left: 0;
    right: 0;
}
.aom__accordeon__head {
    opacity: 0.12;
    transition: opacity 0.35s, border 0.35s;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 48px;
}
.aom__accordeon__head-wrapper {
    margin-right: 124px;
    cursor: pointer;
}
.aom__accordeon__head-wrapper_active .aom__accordeon__head {
    opacity: 1;
}
@media (max-width: 1439px) {
    .aom__accordeon__head-wrapper {
        margin-right: 100px;
    }
}
@media (max-width: 1024px) {
    .aom__accordeon__head-wrapper {
        margin-right: 50px;
    }
}
.aom__accordeon__head_disable {
    opacity: 0.12 !important;
    cursor: default;
}
.aom__accordeon__head:first-child {
    margin-left: 0;
}
.aom__accordeon__head__title {
    color: #fff;
    padding-left: 24px;
    height: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
@media (max-width: 1279px) {
    .aom__accordeon__head__title {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .aom__accordeon__head__title {
        font-size: 18px;
    }
}
.aom__accordeon__head__picture {
    width: 60px;
}
.aom__accordeon__head__picture img {
    display: block;
    max-width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
    .aom__accordeon__head__picture {
        float: left;
        width: 30px;
        margin-right: 15px;
    }
}
.aom__accordeon__head__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.aom__accordeon__active-line {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 4px solid #ff884f;
}
.aom__accordeon__content {
    width: 45%;
    position: relative;
    float: left;
}
@media (max-width: 1023px) {
    .aom__accordeon__content {
        width: 100%;
        margin: 0 auto;
        max-width: 520px;
        float: none;
    }
}
.aom__accordeon__description {
    width: 55%;
    float: left;
    padding-right: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
}
@media (max-width: 479px) {
    .aom__accordeon__description {
        width: auto;
    }
}
@media (max-width: 767px) {
    .aom__accordeon__description {
        opacity: 1;
    }
}
.aom__accordeon__prop {
    width: 45%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
}
@media (max-width: 479px) {
    .aom__accordeon__prop {
        width: auto;
    }
}
.aom__accordeon__prop__title {
    font-weight: 700;
    margin-bottom: 0.5em;
}
@media (max-width: 767px) {
    .aom__accordeon__prop {
        opacity: 1;
    }
}
.aom__accordeon__prop__item {
    vertical-align: middle;
    padding-left: 25px;
    position: relative;
    margin-bottom: 0.5em;
}
@media (max-width: 767px) {
    .aom__accordeon__prop__item {
        opacity: 1;
    }
}
.aom__accordeon__prop__item:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.aom__accordeon__prop__item_axe:before,
.aom__accordeon__prop__item_magic:before,
.aom__accordeon__prop__item_race:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/aom/icons/race.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.aom__accordeon__prop__item_axe:before,
.aom__accordeon__prop__item_magic:before {
    background-image: url(../images/aom/icons/axe.png);
}
.aom__accordeon__prop__item_magic:before {
    width: 23px;
    height: 23px;
    background-image: url(../images/aom/icons/magic.png);
}
.aom__accordeon__picture {
    width: 55%;
    float: right;
    text-align: center;
    position: relative;
    z-index: -100;
    opacity: 0;
}
@media (max-width: 1439px) {
    .aom__accordeon__picture {
        margin-top: 50px;
    }
}
@media (max-width: 1023px) {
    .aom__accordeon__picture {
        width: 100%;
        float: none;
        margin-top: 50px;
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .aom__accordeon__picture {
        opacity: 1;
    }
}
.aom__accordeon__slider {
    opacity: 0;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .aom__accordeon__slider {
        opacity: 1;
    }
}
.aom__bg-char {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/aom/demon1__bg.jpg);
    height: 100%;
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
@media (max-width: 1023px) {
    .aom__bg-char {
        display: none;
    }
}
.aom__bg-char_m {
    display: none;
    width: auto;
    background-position: 40% 100%;
    left: -100px;
    right: -50px;
    top: -500px;
    bottom: -150px;
    height: auto;
}
@media (max-width: 1023px) {
    .aom__bg-char_m {
        display: block;
        z-index: -1;
    }
}
@media (max-width: 479px) {
    .aom__bg-char_m {
        left: -250px;
        right: -250px;
    }
}
.aom__slider {
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.aom__slider__wrapper {
    width: 1000%;
}
.aom__slider__item {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 520px;
    position: relative;
}
.aom__slider__nav {
    position: relative;
    color: #fff;
    opacity: 0.4;
    z-index: 100;
    transition: opacity 0.175s;
    cursor: pointer;
}
.aom__slider__nav_disable {
    opacity: 0.4 !important;
    cursor: default;
}
.aom__slider__nav:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.aom__slider__nav_prev {
    float: left;
}
.aom__slider__nav_next:before,
.aom__slider__nav_prev:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E005";
}
.aom__slider__nav_next {
    float: right;
}
.aom__slider__nav_next:before {
    content: "\E004";
}
.aom__slider__nav:hover,
.aom__slider__pagination__item:hover {
    opacity: 1;
}
.aom__slider__pagination {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    margin-left: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    cursor: pointer;
    z-index: 0;
}
.aom__slider__pagination__item {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff;
    float: left;
    margin: 8px;
    opacity: 0.1;
    transition: opacity 0.175s;
}
.aom__slider__pagination__item:first-child {
    margin-left: 0;
}
.aom__slider__pagination__bullet:hover,
.aom__slider__pagination__item_active {
    opacity: 1;
}
.aom__slider__pagination__bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 10px;
    opacity: 0.5;
    transition: opacity 0.175s;
    position: relative;
    cursor: pointer;
}
.aom__slider__pagination__bullet:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.aom__slider__pagination__bullet_active {
    opacity: 1;
}
.aom__block {
    margin-bottom: 230px;
    position: relative;
}
.aom__block:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.aom__block__text {
    max-width: 200px;
    float: left;
}
.aom__block__image {
    position: absolute;
    bottom: -200px;
    right: 0;
}
.aom__block__image_left {
    right: auto;
    left: 0;
    margin-left: -250px;
}
.aom__story,
.aom__video {
    position: relative;
}
.aom__footer .footer {
    background-color: #0b1114;
    color: #fff;
}
.aom__footer .footer__studio__img {
    background-image: url(../images/chulakov_white.png);
}
.aom__footer .footer__studio__text {
    color: #fff !important;
}
.aom__footer .footer__socials__item,
.aom__footer .footer__studio__text:hover {
    color: #fff;
}
.aom .z-index {
    z-index: 1000;
}
.aom__video:after {
    content: "";
    width: 31px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -13px;
    background-image: url(../images/aom/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    cursor: pointer;
    opacity: 1;
}
@media (max-width: 1023px) {
    .aom__video:after {
        display: block;
    }
}
.aom__video_play:after {
    opacity: 0;
}
.aom__video__preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -39px;
    margin-left: -39px;
    width: 78px;
    height: 78px;
    border: 3px solid #fff;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin 0.75s infinite linear;
    animation: spin 0.75s infinite linear;
    z-index: 10;
}
@media (max-width: 767px) {
    .aom__video__preloader {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        border: 3px solid #fff;
    }
}
.aom__video__preloader:after,
.aom__video__preloader:before {
    left: -3px;
    top: -3px;
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aom__video__preloader,
.aom__video__preloader:before {
    display: none;
    border-color: #fff transparent transparent;
}
.aom__video__preloader:before {
    -webkit-animation: spin 1.5s infinite ease;
    animation: spin 1.5s infinite ease;
}
.aom__video__preloader_load,
.aom__video__preloader_load:before {
    display: inline-block;
}
.aom__big-video {
    position: relative;
    max-width: 100%;
    padding-left: 100px;
    margin-bottom: 120px;
}
.aom__big-video video {
    margin-bottom: 42px;
    max-width: 100%;
}
@media (max-width: 767px) {
    .aom__big-video {
        padding-left: 0;
        margin-bottom: 80px;
    }
    .aom__big-video video {
        margin-top: 0;
        margin-bottom: 30px;
    }
}
.aom__big-video__content {
    max-width: 430px;
    margin-left: auto;
}
@media (max-width: 767px) {
    .aom__big-video__content {
        margin-left: 0;
    }
}
.aom__big-video__content .mid-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px;
}
.aom-start {
    padding-bottom: 100px;
    position: relative;
    margin-bottom: 50px;
}
.aom-story {
    background-color: #0b1114;
    background-image: url(../images/aom/story/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 300px;
    background-position: 50% 50%;
}
@media (max-width: 1023px) {
    .aom-story {
        padding-bottom: 200px;
    }
}
@media (max-width: 767px) {
    .aom-story {
        padding-bottom: 120px;
        background-position: 70% 50%;
    }
}
.aom-story__paralax {
    position: relative;
}
.aom-story__mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../images/aom/story/bg-mask.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.aom-story__subtitle {
    margin-bottom: 200px;
}
@media (max-width: 767px) {
    .aom-story__subtitle {
        margin-bottom: 20px;
    }
}
.aom-story__image {
    position: absolute;
}
.aom-story__image__bg {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.aom-story__image__bg_center {
    background-image: url(../images/aom/story/center.png);
    background-position: 100% 0;
}
.aom-story__image__bg_left {
    background-image: url(../images/aom/story/left.png);
}
.aom-story__image__bg_bottom {
    background-image: url(../images/aom/story/bottom.png);
    background-position: 100% 100%;
}
.aom-story__image__bg_bottom-left {
    background-image: url(../images/aom/story/bottom-left.png);
    background-position: 0% 100%;
}
.aom-story__image_left {
    top: 52%;
    left: 0;
    height: 33%;
    width: 25%;
}
@media (max-width: 767px) {
    .aom-story__image_left {
        top: 70%;
        height: 15%;
    }
}
@media (max-width: 479px) {
    .aom-story__image_left {
        top: 70%;
        display: none;
    }
}
.aom-story__image_center {
    top: 50%;
    left: 50%;
    width: 52%;
    height: 30%;
    margin-top: -350px;
    margin-left: -450px;
    z-index: 1;
    max-height: 651px;
}
@media (max-width: 1439px) {
    .aom-story__image_center {
        width: 55%;
        height: 35%;
        margin-left: -200px;
    }
}
@media (max-width: 1023px) {
    .aom-story__image_center {
        width: 70%;
        height: 27%;
        margin-left: -129px;
    }
}
@media (max-width: 767px) {
    .aom-story__image_center {
        width: 100%;
        height: 30%;
        margin-left: 0;
        left: 0;
        margin-top: -300px;
    }
}
@media (max-width: 479px) {
    .aom-story__image_center {
        position: relative;
        height: 63vw;
        margin-top: 0;
    }
    .aom-story__image_mob {
        display: none;
    }
}
.aom-story__image_bottom {
    bottom: 0;
    right: 0;
    width: 50%;
    height: 30%;
    z-index: 0;
    max-height: 783px;
}
@media (max-width: 1439px) {
    .aom-story__image_bottom {
        width: 65%;
    }
}
@media (max-width: 1023px) {
    .aom-story__image_bottom {
        width: 60%;
    }
}
.aom-story__image_bottom-left {
    bottom: 0;
    left: 0;
    width: 66%;
    height: 20%;
    z-index: 0;
}
@media (max-width: 1439px) {
    .aom-story__image_bottom-left {
        width: 65%;
    }
}
@media (max-width: 1023px) {
    .aom-story__image_bottom-left {
        width: 70%;
    }
}
.aom-story__mount {
    position: absolute;
    top: 0;
    left: 0;
}
.aom-story__content {
    position: relative;
    color: #fff;
    margin-bottom: 100px;
}
.aom-story__content:after,
.aom-world__slider__inner:after,
.aom-world__slider__item:after,
.aom-world__slider__item__inner:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.aom-story__content:last-child {
    margin-bottom: 0;
}
.aom-story__content_center {
    margin-bottom: 400px;
}
@media (max-width: 1439px) {
    .aom-story__content_center {
        margin-bottom: 220px;
    }
}
@media (max-width: 1023px) {
    .aom-story__content_center {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .aom-story__content_center {
        margin-bottom: 280px;
    }
}
@media (max-width: 479px) {
    .aom-story__content_center {
        margin-bottom: 20px;
    }
}
.aom-story__content_mid {
    margin-left: 200px;
    margin-bottom: 300px;
}
@media (max-width: 1439px) {
    .aom-story__content_mid {
        margin-bottom: 100px;
        margin-left: 250px;
    }
}
@media (max-width: 1023px) {
    .aom-story__content_mid {
        margin-left: 200px;
        margin-bottom: 70px;
    }
}
@media (max-width: 767px) {
    .aom-story__content_mid {
        margin-left: 0;
        margin-bottom: 160px;
    }
}
@media (max-width: 479px) {
    .aom-story__content_mid {
        margin-bottom: 50px;
    }
}
.aom-story__content__text {
    max-width: 320px;
    float: left;
}
.aom-story__content__text p {
    margin-bottom: 10px;
}
.aom-story__content__text_big {
    margin-right: 130px;
    max-width: 410px;
}
@media (max-width: 1439px) {
    .aom-story__content__text_big {
        max-width: 300px;
        margin-right: 60px;
    }
}
@media (max-width: 1023px) {
    .aom-story__content__text_big {
        max-width: 45%;
        margin-right: 5%;
    }
}
@media (max-width: 479px) {
    .aom-story__content__text_big {
        max-width: 100%;
        margin-right: 0;
    }
}
.aom-story__content__text_big:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.aom-story__content__text_sm {
    max-width: 220px;
}
.aom-story__content__title {
    margin-left: 150px;
}
.aom-story__content__image {
    position: absolute;
    bottom: -200px;
    right: 0;
}
.aom-story__content__image_left {
    right: auto;
    left: 0;
    margin-left: -250px;
}
.aom-world {
    position: relative;
    padding-bottom: 220px;
    color: #fff;
}
@media (max-width: 767px) {
    .aom-world {
        padding-bottom: 110px;
    }
}
.aom-world__heading {
    margin-bottom: 160px;
}
@media (max-width: 1023px) {
    .aom-world__heading {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .aom-world__heading {
        margin-bottom: 50px;
    }
}
.aom-world__big-title {
    margin-bottom: 0.2em;
}
.aom-world__subtitle {
    max-width: 375px;
}
.aom-world__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.aom-world__promo-block {
    position: relative;
}
@media (max-width: 1439px) {
    .aom-world__promo-block {
        padding-left: 100px;
    }
}
@media (max-width: 767px) {
    .aom-world__promo-block {
        padding: 0 20px;
    }
}
.aom-world__bg-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.aom-world__bg-item:first-child {
    opacity: 1;
}
.aom-world__bg-item_valley {
    background: url(../images/aom/game-world-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}
.aom-world__bg-item_dust {
    background: url(../images/aom/game-world-bg-2.jpg) no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}
.aom-world__bg-item_winter {
    background: url(../images/aom/game-world-bg-3.jpg) no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}
.aom-world__bg-item_night {
    background: url(../images/aom/game-world-bg-4.jpg) no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}
@media (max-width: 1439px) {
    .aom-world .fullpage-slider-controls__nav:before {
        margin-top: -75px;
    }
}
@media (max-width: 767px) {
    .aom-world .fullpage-slider-controls__nav {
        display: none;
    }
}
.aom-world .fullpage-slider-controls__nav_prev {
    height: 100%;
    max-height: 450px;
    left: 0;
    right: auto;
    width: 100px;
}
.aom-world .fullpage-slider-controls__nav_prev:before {
    right: 0;
}
.aom-world .fullpage-slider-controls__nav_next {
    height: 100%;
    max-height: 450px;
    right: 0;
    left: auto;
    width: 100px;
}
.aom-world .fullpage-slider-controls__nav_next:before {
    left: 0;
}
.aom-world__slider {
    width: 100%;
    max-width: 1200px;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto;
}
.aom-world__slider__control {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 1599px) {
    .aom-world__slider {
        width: 970px;
    }
}
@media (max-width: 1439px) {
    .aom-world__slider {
        width: 900px;
    }
}
@media (max-width: 1023px) {
    .aom-world__slider {
        width: 580px;
    }
}
@media (max-width: 767px) {
    .aom-world__slider {
        width: 80vw;
    }
}
.aom-world__slider__inner {
    width: 10000%;
}
.aom-world__slider__item {
    float: left;
    margin-right: 10vw;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aom-world__slider__item_prev .aom-world__slider__item__inner {
    -webkit-transform: translateX(360px);
    -ms-transform: translateX(360px);
    transform: translateX(360px);
}
@media (max-width: 1024px) {
    .aom-world__slider__item_prev .aom-world__slider__item__inner {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media (max-width: 767px) {
    .aom-world__slider__item {
        width: 80vw;
    }
}
.aom-world__slider__item:last-child {
    margin-right: 0;
}
.aom-world__slider__item__inner {
    float: left;
    top: 0;
    left: 0;
    width: 800px;
    margin-right: 80px;
    position: relative;
    opacity: 0.4;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
@media (max-width: 1439px) {
    .aom-world__slider__item__inner {
        width: 650px;
        margin-right: 40px;
    }
}
@media (max-width: 1279px) {
    .aom-world__slider__item__inner {
        width: 580px;
    }
}
@media (max-width: 1024px) {
    .aom-world__slider__item__inner {
        float: none;
        margin-bottom: 50px;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .aom-world__slider__item__inner {
        width: 100%;
    }
}
.aom-world__slider__item__inner:before {
    content: "";
    position: absolute;
    background-position: 0 0;
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.35s;
    top: -29%;
    left: -18%;
    bottom: -45%;
    right: -18%;
}
.aom-world__slider__item__inner_guardians:before {
    background-image: url(../images/aom/frame2.png);
    top: -22%;
    left: -22%;
    bottom: -45%;
    right: -18%;
}
.aom-world__slider__item__inner_gargants:before {
    background-image: url(../images/aom/frame-hell.png);
}
.aom-world__slider__item__inner_sands:before {
    background-image: url(../images/aom/frame-sand.png);
}
.aom-world__slider__item__inner_stellar:before {
    background-image: url(../images/aom/frame-frost.png);
}
.aom-world__slider__item__inner_active,
.aom-world__slider__item__inner_active:before {
    opacity: 1;
}
.aom-world__slider__item.swiper-slide-next,
.aom-world__slider__item.swiper-slide-prev {
    cursor: pointer;
}
.aom-world__slider__info {
    float: left;
    width: 275px;
    opacity: 0;
    transition: opacity 0.35s;
}
@media (max-width: 1024px) {
    .aom-world__slider__info {
        width: 500px;
        float: none;
        opacity: 1;
    }
}
@media (max-width: 767px) {
    .aom-world__slider__info {
        width: 85%;
        min-width: 250px;
        float: none;
    }
}
.aom-gallery__img img.is-active,
.aom-world__slider__info_active {
    opacity: 1;
}
.aom-world__slider__heading {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 0.97;
    margin-bottom: 0.7em;
}
@media (max-width: 767px) {
    .aom-world__slider__heading {
        font-size: 28px;
    }
}
.aom-world__slider__paragraph {
    margin-bottom: 1.56em;
}
@media (max-width: 1439px) {
    .aom-world__slider__paragraph {
        margin-bottom: 0.55em;
    }
}
@media (max-width: 1023px) {
    .aom-world__slider__paragraph {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .aom-world__slider__paragraph {
        margin-bottom: 0.85em;
    }
}
.aom-world__slider__paragraph:last-child {
    margin-bottom: 0;
}
.aom-world__slider__pic {
    width: 100%;
    display: block;
}
.aom-world .aom-world__slider__item_next,
.aom-world .aom-world__slider__item_prev {
    cursor: pointer;
}
.aom-world-stages {
    width: 100%;
    float: left;
}
@media (max-width: 1023px) {
    .aom-world-stages {
        float: none;
    }
}
.aom-world-stages__list {
    margin-bottom: 70px;
    position: relative;
}
@media (max-width: 1439px) {
    .aom-world-stages__list {
        margin-bottom: 30px;
    }
}
@media (max-width: 1023px) {
    .aom-world-stages__list {
        margin-bottom: 0;
    }
}
.aom-world-stages__list:before {
    bottom: 0;
}
.aom-world-stages__item {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 4px 40px 0 rgba(22, 36, 19, 0.5);
    z-index: 1;
}
.aom-world-stages__item:first-child {
    position: relative;
    opacity: 1;
}
.aom-world-stages__pic {
    display: block;
    width: 100%;
}
@media (max-width: 1023px) {
    .aom-world-stages__nav {
        display: none;
    }
}
.aom-world-stages__nav__title {
    margin-bottom: 20px;
}
.aom-world-stages__nav__list:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.aom-world-stages__nav__item {
    position: relative;
    width: 100px;
    float: left;
    margin-right: 40px;
    cursor: pointer;
}
@media (max-width: 1439px) {
    .aom-world-stages__nav__item {
        width: 70px;
    }
}
.aom-world-stages__nav__item:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 26px;
    bottom: 3px;
    left: 5%;
    transition: opacity 0.35s;
    z-index: -1;
    box-shadow: 0 6px 22px 0 #003816;
    opacity: 0;
}
.aom-world-stages__nav__item:after {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -8px;
    opacity: 0.9;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid rgba(3, 64, 15, 0.4);
    transition: border 0.35s;
}
.aom-world-stages__nav__item:first-child:after {
    display: none;
}
.aom-world-stages__nav__item:hover:before,
.aom-world-stages__nav__item_active:before {
    transition-duration: 0.175s;
    opacity: 1;
}
.aom-world-stages__nav__item:hover .aom-world-stages__nav__pic,
.aom-world-stages__nav__item_active .aom-world-stages__nav__pic {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    transition-duration: 0.175s;
}
.aom-world-stages__nav__item_active:after {
    border-left: 13px solid #03400f;
}
.aom-world-stages__nav__pic {
    display: block;
    width: 100%;
    -webkit-transform: scale(0.89830508) translateZ(0);
    transform: scale(0.89830508) translateZ(0);
    opacity: 0.3;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.aom-appstore {
    background-image: url(../images/aom/app_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 55% 0%;
    background-color: #0b1114;
    padding-top: 280px;
}
@media (max-width: 1023px) {
    .aom-appstore {
        padding-top: 100px;
    }
}
.aom-appstore__title {
    margin-bottom: 0.867em;
}
.aom-appstore__content:after {
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    clear: both;
}
.aom-appstore__text {
    padding-top: 40px;
    width: 40%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
}
@media (max-width: 767px) {
    .aom-appstore__text {
        padding-top: 0;
        padding-left: 0;
        width: auto;
        float: none;
    }
}
.aom-appstore__text p {
    max-width: 300px;
}
.aom-appstore__pic {
    width: 60%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1023px) {
    .aom-appstore__pic {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .aom-appstore__pic {
        width: 60%;
        min-width: 280px;
        margin-bottom: 30px;
    }
}
.aom-appstore__img {
    display: block;
    width: 100%;
    max-width: 710px;
}
.aom-section {
    color: #fff;
}
.aom-section,
.aom-section *,
.aom-section :after,
.aom-section :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aom-section h1,
.aom-section h2,
.aom-section h3,
.aom-section h4,
.aom-section h5,
.aom-section h6 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #fff;
}
.aom-section h1:first-child,
.aom-section h2:first-child,
.aom-section h3:first-child,
.aom-section h4:first-child,
.aom-section h5:first-child,
.aom-section h6:first-child {
    margin-top: 0;
}
.aom-char-slide p:last-child,
.aom-section h1:last-child,
.aom-section h2:last-child,
.aom-section h3:last-child,
.aom-section h4:last-child,
.aom-section h5:last-child,
.aom-section h6:last-child,
.conveyor h3:last-child {
    margin-bottom: 0;
}
.aom-section h2,
.aom-section h3 {
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 25px;
}
.aom-section h3 {
    font-size: 28px;
    letter-spacing: 0.32px;
    margin-bottom: 10px;
}
.aom-section h5 {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.25px;
    margin-bottom: 15px;
}
.aom-section img {
    display: block;
    max-width: 100%;
    height: auto;
}
.aom-section .container {
    padding: 0 29px;
}
.aom-section__text {
    max-width: 405px;
}
.aom-section--devices {
    position: relative;
    padding: 30px 0 22px;
    background: url(../images/games/AoM/heroes.jpg) no-repeat left 31% bottom/auto 296px #01303c;
}
.aom-section--devices:before,
.aom-section--world:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.aom-section--devices:before {
    height: calc(411 * 100% / 542);
    background: linear-gradient(to bottom, #141414 0%, #141414 58%, rgba(5, 46, 57, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141414', endColorstr='#00052e39', GradientType=0);
}
.aom-section--devices .aom-devices {
    margin-bottom: 96px;
}
.aom-section--img {
    overflow: hidden;
    position: relative;
    height: 200px;
}
.aom-section--img img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.aom-section--pers {
    min-height: 660px;
    padding: 59px 0;
    background: url(../images/games/AoM/pers.jpg) no-repeat center bottom/auto 432px #141414;
}
.aom-section--video {
    padding: 72px 0 25px;
    background: #000;
}
.aom-section--video .aom-section__text {
    margin-bottom: 32px;
}
.aom-section--world {
    position: relative;
    padding: 25px 0 80px;
    background-repeat: no-repeat;
    background-color: #000;
    background-image: url(../images/games/AoM/world.jpg);
    background-size: 693px auto;
    background-position: right -139px top;
}
.aom-section--world:before {
    height: 400px;
    background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}
.aom-section--world .aom-section__text {
    margin-bottom: 78px;
}
.aom-devices h6 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
.aom-devices__img {
    margin-bottom: 10px;
}
.aom-devices__text {
    max-width: 141px;
}
@media (min-width: 768px) {
    .aom-section h2 {
        font-size: 80px;
        line-height: 70px;
        margin-bottom: 50px;
    }
    .aom-section h3,
    .aom-section h5 {
        font-size: 35px;
        line-height: 32px;
        letter-spacing: 0.4px;
        margin-bottom: 14px;
    }
    .aom-section h5 {
        margin-bottom: 18px;
    }
    .aom-section .container {
        padding: 0 58px;
    }
    .aom-section--devices {
        padding: 130px 0 62px;
        background-size: auto 600px;
        background-position-x: left 45%;
    }
    .aom-section--devices .aom-devices {
        margin-bottom: 151px;
    }
    .aom-section--img {
        height: 439px;
    }
    .aom-section--pers {
        padding: 97px 0;
        background-position: center bottom -50px;
        background-size: auto 760px;
    }
    .aom-section--video {
        padding: 119px 0 55px;
    }
    .aom-section--video .aom-section__text {
        margin-bottom: 48px;
    }
    .aom-section--world {
        padding: 55px 0 100px;
        background-size: 930px auto;
        background-position: center top -110px;
    }
    .aom-section--world:before {
        height: 110px;
    }
    .aom-section--world .aom-section__text {
        margin-bottom: 111px;
    }
    .aom-devices {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .aom-devices h4 {
        margin-bottom: 32px;
    }
    .aom-devices__img {
        margin: 0 23px 0 0;
        -webkit-flex: 1 1 0%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
    .aom-devices__text {
        max-width: none;
        width: 141px;
        margin-top: 86px;
    }
}
@media (min-width: 1280px) {
    .aom-section h2 {
        font-size: 100px;
        line-height: 90px;
    }
    .aom-section .container {
        padding: 0 20px;
    }
    .aom-section__text {
        margin-left: 127px;
    }
    .aom-section__text h2 {
        margin-left: -127px;
    }
    .aom-section--devices {
        padding: 150px 0 100px;
        background-size: auto;
        background-position: left 38% bottom -70px;
    }
    .aom-section--devices .aom-devices {
        margin-bottom: 317px;
    }
    .aom-section--img {
        height: 600px;
    }
    .aom-section--pers {
        min-height: 1066px;
        padding: 150px 0;
        background-position: center bottom;
        background-size: auto;
    }
    .aom-section--video {
        padding-bottom: 0;
    }
    .aom-section--world {
        padding: 150px 0;
        background-size: 1700px auto;
        background-position: center top -170px;
    }
    .aom-section--world:before {
        height: 210px;
    }
    .aom-section--world .aom-section__text {
        margin-bottom: 158px;
    }
    .aom-devices__img {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0 0 0 -45px;
    }
    .aom-devices__text {
        margin: 162px 0 0 -10px;
    }
}
.aom-world-slider {
    position: relative;
}
.aom-world-slider .slick-list {
    margin: 0 -4px;
}
.aom-world-slider .slick-next,
.aom-world-slider .slick-prev {
    display: block;
    width: 14px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-bottom: calc((55 / 82 * 33.333333%) + 10px + (180 / 262 * 100%) / 2);
    top: auto;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    transition: opacity 250ms;
}
.aom-char-slider .slick-dots li button:before,
.aom-world-slider .slick-next:before,
.aom-world-slider .slick-prev:before {
    display: none;
}
.aom-world-slider .slick-next.slick-disabled,
.aom-world-slider .slick-prev.slick-disabled {
    opacity: 0.5;
    cursor: default;
}
.aom-world-slider .slick-prev {
    left: -7px;
    background-image: url(../images/games/AoM/svg/prev.svg);
    -webkit-transform: translate(-100%, 50%);
    -ms-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
}
.aom-world-slider .slick-next {
    right: -7px;
    background-image: url(../images/games/AoM/svg/next.svg);
    -webkit-transform: translate(100%, 50%);
    -ms-transform: translate(100%, 50%);
    transform: translate(100%, 50%);
}
.aom-world-slider__item {
    outline: none;
    padding: 0 4px;
}
.aom-world-slider__item .aom-gallery {
    margin-top: auto;
    width: 100%;
}
.aom-world-slider__item_inner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
.aom-world-slider__item_text {
    max-width: 305px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .aom-world-slider .slick-list {
        margin: 0 -8px;
    }
    .aom-world-slider .slick-next,
    .aom-world-slider .slick-prev {
        width: 28px;
        height: 55px;
        margin-bottom: calc((141 / 206 * 33.333333%) + 30px + (399 / 652 * 100%) / 2);
    }
    .aom-world-slider .slick-prev {
        left: -20px;
    }
    .aom-world-slider .slick-next {
        right: -20px;
    }
    .aom-world-slider__item {
        padding: 0 8px;
    }
    .aom-world-slider__item_inner {
        position: relative;
        display: block;
        height: auto;
    }
    .aom-world-slider__item_text {
        margin-bottom: 0;
        position: absolute;
        top: 50px;
        left: 40px;
        z-index: 1;
    }
}
@media (min-width: 1024px) {
    .aom-world-slider .slick-next:hover,
    .aom-world-slider .slick-prev:hover {
        opacity: 0.5;
    }
}
@media (min-width: 1280px) {
    .aom-world-slider .slick-list {
        overflow: visible;
        margin: 0 -92px;
    }
    .aom-world-slider .slick-next,
    .aom-world-slider .slick-prev {
        width: 44px;
        height: 87px;
        margin-bottom: calc((222 / 370 * 33.333333%) + 30px + (500 / 1170 * 100%) / 2);
    }
    .aom-world-slider .slick-prev {
        left: -59px;
    }
    .aom-world-slider .slick-next {
        right: -59px;
    }
    .aom-world-slider__item {
        position: relative;
        padding: 0 92px;
    }
    .aom-world-slider__item_inner:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000;
        opacity: 0.4;
        z-index: 1;
        transition: opacity 1000ms;
    }
    .aom-world-slider__item_text {
        left: 50px;
    }
    .aom-world-slider__item.slick-current .aom-world-slider__item_inner:after {
        opacity: 0;
        visibility: hidden;
        z-index: auto;
    }
}
.aom-gallery,
.aom-gallery *,
.aom-gallery :after,
.aom-gallery :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aom-gallery button {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
}
.aom-gallery img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aom-gallery__img {
    position: relative;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
}
.aom-gallery__img:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: calc(180 / 262 * 100%);
}
.aom-gallery__img img {
    opacity: 0;
    transition: opacity 250ms;
}
.aom-gallery__img_icon {
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 10px;
    left: auto;
}
.aom-gallery__img_icon img {
    width: 20px;
    height: 21px;
    position: static;
    object-fit: unset;
    opacity: 1;
}
.aom-gallery__thumbs {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -4px;
}
.aom-gallery__thumbs button {
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    transition: opacity 250ms;
}
.aom-gallery__thumbs button:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: calc(55 / 82 * 100%);
}
.aom-gallery__thumbs_item {
    width: 33.333333%;
    padding: 0 4px;
}
@media (min-width: 768px) {
    .aom-gallery__img {
        margin-bottom: 30px;
    }
    .aom-gallery__img:before {
        padding-bottom: calc(399 / 652 * 100%);
    }
    .aom-gallery__img_icon {
        right: 20px;
        bottom: 20px;
    }
    .aom-gallery__img_icon img {
        width: 31px;
        height: 32px;
    }
    .aom-gallery__thumbs {
        margin: 0 -8px;
    }
    .aom-gallery__thumbs button:before {
        padding-bottom: calc(141 / 206 * 100%);
    }
    .aom-gallery__thumbs_item {
        padding: 0 8px;
    }
}
@media (min-width: 1280px) {
    .aom-gallery__img:before {
        padding-bottom: calc(500 / 1170 * 100%);
    }
    .aom-gallery__img_icon {
        right: 30px;
    }
    .aom-gallery__img_icon img {
        width: 55px;
        height: 56px;
    }
    .aom-gallery__thumbs {
        margin: 0 -15px;
    }
    .aom-gallery__thumbs button:before {
        padding-bottom: calc(222 / 370 * 100%);
    }
    .aom-gallery__thumbs_item {
        padding: 0 15px;
    }
}
.aom-char-slider .slick-next,
.aom-char-slider .slick-prev {
    display: block;
    width: auto;
    height: auto;
    padding: 7px;
    margin-top: calc(40px + ((100% - 2 * 29px) * 558 / 504) / 2);
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 1;
    transition: opacity 250ms;
}
.aom-char-slider .slick-next:before,
.aom-char-slider .slick-prev:before {
    content: "";
    display: block;
    width: 14px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    opacity: 1;
}
.aom-char-slider .slick-next.slick-disabled,
.aom-char-slider .slick-prev.slick-disabled {
    opacity: 0.5;
    cursor: default;
}
.aom-char-slider .slick-prev {
    left: 0;
}
.aom-char-slider .slick-prev:before {
    background-image: url(../images/games/AoM/svg/prev.svg);
}
.aom-char-slider .slick-next {
    right: 0;
}
.aom-char-slider .slick-next:before {
    background-image: url(../images/games/AoM/svg/next.svg);
}
.aom-char-slider .slick-dots {
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 56.25%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.aom-char-slider .slick-dots li {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    background-size: 100% 100%;
    background-position: center;
}
.aom-char-slider .slick-dots li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    box-shadow: 0;
    transition: box-shadow 250ms;
}
.aom-char-slider .slick-dots li + li {
    margin-left: 70px;
}
.aom-char-slider .slick-dots li img {
    max-width: none;
    width: 100%;
    height: 100%;
}
.aom-char-slider .slick-dots li button {
    position: relative;
    width: 35px;
    height: 32px;
    padding: 0;
}
.aom-char-slider .slick-dots li.slick-active:before,
.aom-char-slider .slick-dots li:hover:before {
    box-shadow: 0 0 60px 20px #51b4ff;
}
@media (min-width: 768px) {
    .aom-char-slider .slick-next,
    .aom-char-slider .slick-prev {
        padding: 0;
        margin-top: calc((50px + 365px) / 2);
    }
    .aom-char-slider .slick-next:before,
    .aom-char-slider .slick-prev:before {
        width: 28px;
        height: 55px;
    }
    .aom-char-slider .slick-prev {
        left: 10px;
    }
    .aom-char-slider .slick-next {
        right: 10px;
    }
    .aom-char-slider .slick-dots {
        margin-bottom: calc(56.25 * (768px - 2 * 58px) / 100);
    }
    .aom-char-slider .slick-dots li + li {
        margin-left: 159px;
    }
    .aom-char-slider .slick-dots li button {
        width: 70px;
        height: 71px;
    }
}
@media (min-width: 1024px) {
    .aom-char-slider .slick-next:hover,
    .aom-char-slider .slick-prev:hover {
        opacity: 0.5;
    }
    .aom-char-slider .slick-dots {
        margin-bottom: calc(56.25 * (970px - 2 * 58px) / 100);
    }
}
@media (min-width: 1280px) {
    .aom-char-slider .slick-next,
    .aom-char-slider .slick-prev {
        margin-top: 0;
        top: 50%;
    }
    .aom-char-slider .slick-next:before,
    .aom-char-slider .slick-prev:before {
        width: 44px;
        height: 87px;
    }
    .aom-char-slider .slick-prev {
        left: calc((100% - 970px) / 2 - 50px);
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }
    .aom-char-slider .slick-next {
        right: calc((100% - 970px) / 2 - 50px);
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
    }
    .aom-char-slider .slick-dots {
        margin-bottom: 0;
    }
    .aom-char-slider .slick-dots li + li {
        margin-left: 320px;
    }
}
@media (min-width: 1400px) {
    .aom-char-slider .slick-prev {
        left: calc((100% - 1160px) / 2 - 50px);
    }
    .aom-char-slider .slick-next {
        right: calc((100% - 1160px) / 2 - 50px);
    }
}
.aom-char-slide {
    position: relative;
    padding-top: 40px;
    background-color: #000;
}
.aom-char-slide p {
    max-width: 555px;
    margin: 0 0 16px;
}
.aom-char-slide canvas,
.aom-char-slide video {
    max-width: 100%;
    margin: 0 auto;
    display: none;
}
.aom-char-slide video {
    display: block;
}
.aom-char-slide__preview canvas + .aom-char-slide__preview_img {
    display: none;
}
.aom-char-slide .container {
    position: static;
    height: 100%;
}
.aom-char-slide__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.aom-char-slide__bg:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.aom-char-slide__bg img {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: -90px;
    max-width: none;
    min-width: 100%;
    width: 1200px;
}
.aom-char-slide__inner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1;
}
.aom-char-slide__preview {
    margin-bottom: 30px;
}
.aom-char-slide__preview canvas {
    position: relative;
    z-index: 1;
}
.aom-char-slide__preview .img-circle,
.aom-char-slide__preview .img-glow {
    max-width: none;
}
.aom-char-slide__preview .img-circle,
.aom-char-slide__preview .img-glow,
.aom-char-slide__preview .img-loader {
    display: none;
}
.aom-char-slide__text {
    margin-bottom: 49px;
}
.aom-char-slide__video {
    position: relative;
    margin: auto -29px 0;
    background-color: rgba(0, 0, 0, 0.69);
    overflow: hidden;
}
.aom-char-slide__video img,
.aom-char-slide__video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.aom-char-slide__video img {
    margin: auto;
    width: 50%;
}
.aom-char-slide__video .img-core {
    -webkit-animation: rotationLeft 4000ms linear infinite;
    animation: rotationLeft 4000ms linear infinite;
}
.aom-char-slide__video .img-waves {
    -webkit-animation: rotationRight 3000ms linear infinite;
    animation: rotationRight 3000ms linear infinite;
}
.aom-char-slide__video:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%;
}
@media (min-width: 768px) {
    .aom-char-slide {
        padding-top: 50px;
    }
    .aom-char-slide canvas {
        height: 100%;
    }
    .aom-char-slide__bg img {
        width: 1033px;
        margin-top: -72px;
    }
    .aom-char-slide__bg:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 70%;
        opacity: 0.5;
        z-index: 1;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    }
    .aom-char-slide__inner {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .aom-char-slide__preview {
        position: relative;
        width: 330px;
        height: 365px;
        margin: 0 30px 0 0;
    }
    .aom-char-slide__preview .img-circle,
    .aom-char-slide__preview .img-glow,
    .aom-char-slide__preview .img-loader {
        display: block;
    }
    .aom-char-slide__preview .img-circle,
    .aom-char-slide__preview .img-glow {
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 30%);
        -ms-transform: translate(-50%, 30%);
        transform: translate(-50%, 30%);
    }
    .aom-char-slide__preview .img-glow {
        -webkit-transform: translate(-50%, 38%);
        -ms-transform: translate(-50%, 38%);
        transform: translate(-50%, 38%);
        z-index: 1;
        -webkit-animation: glowing 1s ease-in-out infinite;
        animation: glowing 1s ease-in-out infinite;
    }
    .aom-char-slide__preview .img-glow.is-loaded {
        -webkit-animation: none;
        animation: none;
    }
    .aom-char-slide__preview .img-loader {
        position: absolute;
        right: 0;
        bottom: 110px;
        left: 0;
        margin: 0 auto;
        -webkit-animation: rotating 1s ease-in-out infinite;
        animation: rotating 1s ease-in-out infinite;
    }
    .aom-char-slide__preview .img-loader.is-loaded,
    .aom-char-slide__preview_img img {
        display: none;
    }
    .aom-char-slide__text {
        -webkit-flex: 1 1 0%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        margin-bottom: 0;
    }
    .aom-char-slide__video {
        width: 100%;
        margin: 50px 0 0;
    }
}
@media (min-width: 1280px) {
    .aom-char-slide {
        padding: 94px 0 153px;
    }
    .aom-char-slide canvas {
        height: auto;
    }
    .aom-char-slide__bg {
        bottom: 0;
    }
    .aom-char-slide__bg img {
        width: auto;
        max-width: 100%;
        min-height: 100%;
        margin-top: 0;
        top: 100%;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    .aom-char-slide__bg:after {
        display: none;
    }
    .aom-char-slide__inner {
        display: block;
        height: auto;
    }
    .aom-char-slide__preview {
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(45% - 30px);
        height: auto;
        margin-bottom: 0;
    }
    .aom-char-slide__preview canvas {
        -webkit-transform: translateY(5%);
        -ms-transform: translateY(5%);
        transform: translateY(5%);
    }
    .aom-char-slide__preview .img-circle {
        -webkit-transform: translate(-50%, 40%);
        -ms-transform: translate(-50%, 40%);
        transform: translate(-50%, 40%);
    }
    .aom-char-slide__preview .img-glow {
        -webkit-transform: translate(-50%, 42%);
        -ms-transform: translate(-50%, 42%);
        transform: translate(-50%, 42%);
    }
    .aom-char-slide__preview .img-loader {
        bottom: 200px;
    }
    .aom-char-slide__text,
    .aom-char-slide__video {
        width: 55%;
        margin: 0 0 0 auto;
    }
    .aom-char-slide__text {
        margin-bottom: 40px;
    }
}
@-webkit-keyframes glowing {
    0%,
    to {
        opacity: 1;
    }
    40% {
        opacity: 0.5;
    }
}
@keyframes glowing {
    0%,
    to {
        opacity: 1;
    }
    40% {
        opacity: 0.5;
    }
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotationRight {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotationRight {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotationLeft {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotationLeft {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.knob {
    width: 112px;
}
@media (max-width: 1439px) {
    .knob {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .knob {
        width: 60px;
    }
}
.knob__wrapper {
    position: relative;
}
.knob__text {
    width: 100%;
    position: absolute;
    top: 62px;
    left: 0%;
    text-align: center;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    line-height: 16px;
    font-size: 13px;
}
@media (max-width: 1439px) {
    .knob__text {
        top: 55px;
        font-size: 11px;
    }
}
@media (max-width: 1023px) {
    .knob__text {
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .knob__text {
        visibility: hidden;
    }
}
.knob__input {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 24px;
    padding: 0;
    line-height: 1;
    margin-top: -24px;
    border: none;
    text-align: center;
    outline: none;
    background-color: transparent;
    color: #fff;
}
@media (max-width: 767px) {
    .knob__input {
        margin-top: -11px;
        font-size: 18px;
    }
}
.vacancy-badge {
    white-space: nowrap;
    padding-left: 46px;
    line-height: 27px;
    color: #565b70;
    background: url(../images/vacancy/vacancy-badge.svg) 0 50% no-repeat;
}
.dlp-sliderAuto {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    margin-top: 70px;
}
@media (max-width: 767px) {
    .dlp-sliderAuto {
        margin-top: 0;
    }
}
.dlp-sliderAuto,
.dlp-sliderAuto *,
.dlp-sliderAuto :after,
.dlp-sliderAuto :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dlp-sliderAuto__head {
    font-size: 16px;
    line-height: 24px;
    color: #acadb7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
.dlp-sliderAuto__header {
    position: relative;
    text-align: center;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 60px;
}
@media (max-width: 1279px) {
    .dlp-sliderAuto__header {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .dlp-sliderAuto__header {
        margin-bottom: 30px;
    }
}
.dlp-sliderAuto__header span {
    color: red;
    font-weight: 700;
}
.dlp-sliderAuto__title {
    font-size: 31px;
    line-height: 1.16129032;
}
.dlp-sliderAuto__title:last-child:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
@media (max-width: 767px) {
    .dlp-sliderAuto__title {
        font-size: 20px;
        line-height: 25px;
    }
}
.dlp-sliderAuto__workArea {
    position: relative;
    margin: 0 auto;
}
.dlp-sliderAuto__workArea:before {
    display: block;
    width: 100%;
    padding-top: 68.686868686868687%;
    content: "";
}
.dlp-sliderAuto__item {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden;
    background-size: auto 100%;
    background-repeat: no-repeat;
    transition: background 0.2s, opacity 0.2s;
}
.dlp-sliderAuto__item_left {
    left: 0;
    background-position: left top;
}
.dlp-sliderAuto__item_right {
    right: 0;
    background-position: right top;
}
.dlp-sliderAutoControl {
    position: absolute;
    bottom: 10px;
    width: 116px;
    height: 116px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 767px) {
    .dlp-sliderAutoControl {
        width: 65px;
        height: 65px;
    }
}
@media (min-width: 1024px) {
    .dlp-sliderAutoControl.mouseDown:after,
    .dlp-sliderAutoControl:hover:after {
        opacity: 0.24;
    }
    .dlp-sliderAutoControl.mouseDown .dlp-sliderAutoControl__circleIn,
    .dlp-sliderAutoControl.mouseDown .dlp-sliderAutoControl__circleOut,
    .dlp-sliderAutoControl:hover .dlp-sliderAutoControl__circleIn,
    .dlp-sliderAutoControl:hover .dlp-sliderAutoControl__circleOut {
        opacity: 0;
    }
    .dlp-sliderAutoControl.mouseDown .dlp-sliderAutoControl__center:after,
    .dlp-sliderAutoControl.mouseDown .dlp-sliderAutoControl__center:before,
    .dlp-sliderAutoControl:hover .dlp-sliderAutoControl__center:after,
    .dlp-sliderAutoControl:hover .dlp-sliderAutoControl__center:before {
        opacity: 1;
    }
}
.dlp-sliderAutoControl:after {
    position: absolute;
    width: 86px;
    height: 86px;
    left: 50%;
    top: 50%;
    margin-top: -43px;
    margin-left: -43px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #f1b800;
    opacity: 0;
    transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
    content: "";
}
@media (max-width: 767px) {
    .dlp-sliderAutoControl:after {
        width: 47px;
        height: 47px;
        margin-top: -23.5px;
        margin-left: -23.5px;
        opacity: 0.24;
        content: "";
    }
}
.dlp-sliderAutoControl__circleIn,
.dlp-sliderAutoControl__circleOut {
    -webkit-animation-name: circle;
    animation-name: circle;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transition: opacity 0.35s;
}
@media (max-width: 767px) {
    .dlp-sliderAutoControl__circleIn,
    .dlp-sliderAutoControl__circleOut {
        display: none;
    }
}
.dlp-sliderAutoControl__circleIn,
.dlp-sliderAutoControl__circleOut {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #f1b800;
}
.dlp-sliderAutoControl__circleOut {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.12;
}
.dlp-sliderAutoControl__circleIn {
    width: 86px;
    height: 86px;
    left: 50%;
    top: 50%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: 0.24;
}
@media (max-width: 767px) {
    .dlp-sliderAutoControl__circleIn {
        width: 47px;
        height: 47px;
        margin-top: -23.5px;
        margin-left: -23.5px;
    }
}
.dlp-sliderAutoControl__center {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    background: #f1b800;
    color: #fff;
    z-index: 1;
}
.dlp-sliderAutoControl__center:after,
.dlp-sliderAutoControl__center:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E004";
}
.dlp-sliderAutoControl__center:after {
    content: "\E005";
}
.dlp-sliderAutoControl__center:after,
.dlp-sliderAutoControl__center:before {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity 0.35s;
}
.dlp-sliderAutoControl__center:before {
    right: 14px;
}
.dlp-sliderAutoControl__center:after {
    left: 14px;
}
@media (max-width: 767px) {
    .dlp-sliderAutoControl__center {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        margin-left: -17px;
    }
    .dlp-sliderAutoControl__center:after,
    .dlp-sliderAutoControl__center:before {
        font-size: 10px;
        opacity: 1;
    }
    .dlp-sliderAutoControl__center:before {
        right: 8px;
    }
    .dlp-sliderAutoControl__center:after {
        left: 8px;
    }
}
.dlp-sliderAuto__separate {
    position: absolute;
    top: -50px;
    bottom: -50px;
    width: 2px;
    background: #f1b800;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fbbf00 10%, #f2b900 90%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
    z-index: 2;
}
@media (max-width: 767px) {
    .dlp-sliderAuto__separate {
        top: -25px;
        bottom: -25px;
    }
}
.dlp-sliderAuto__dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    opacity: 0;
    line-height: 1;
}
.dlp-sliderAuto__dot {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 130px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .dlp-sliderAuto__dot {
        width: 9px;
        height: 130px;
    }
}
.dlp-sliderAuto__dot:not(:last-child) {
    margin-right: 12px;
}
.dlp-sliderAuto__dot:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #929292;
    transition: transform 0.35s ease-in-out, background 0.35s;
    transition: transform 0.35s ease-in-out, background 0.35s, -webkit-transform 0.35s ease-in-out;
    content: "";
}
.dlp-sliderAuto__dot.active {
    cursor: default;
}
.dlp-sliderAuto__dot.active:after {
    transition-duration: 0.175s;
    background: #f1b800;
    -webkit-transform: scale(1.66666667);
    -ms-transform: scale(1.66666667);
    transform: scale(1.66666667);
}
@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes circle {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.conveyor,
.conveyor h3 {
    font-size: 16px;
    line-height: 24px;
}
.conveyor h3 {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    line-height: 19px;
    color: #2f334b;
    font-weight: 700;
    margin: 0 0 8px;
}
.conveyor p {
    max-width: 155px;
}
.conveyor canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.conveyor__text {
    min-height: 195px;
    margin-bottom: 100px;
}
.conveyor__text_item {
    display: none;
}
.conveyor__text_item.is-active,
.join__more svg {
    display: block;
}
.conveyor__item,
.conveyor__list {
    position: relative;
    width: 298px;
    height: 148px;
}
.conveyor__item {
    position: absolute;
    background: url(/build/images/mini-game-building-conveyor/place.svg) no-repeat top left;
}
.conveyor__item img {
    position: absolute;
    bottom: 10px;
    left: 20px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform 250ms, opacity 250ms;
    transition: transform 250ms, opacity 250ms, -webkit-transform 250ms;
}
.conveyor__item:nth-child(1) {
    top: calc(((0 - 1) * (-100% - 4px)) / 2);
    left: calc(((0 - 1) * (100% + 2 * 4px)) / 2);
    opacity: 0;
    z-index: -1;
}
.conveyor__item:nth-child(1) img {
    max-width: none;
    bottom: -24px;
    left: -67px;
    width: 448px;
}
.conveyor__item:nth-child(2) {
    top: calc(((1 - 1) * (-100% - 4px)) / 2);
    left: calc(((1 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 10;
}
.conveyor__item:nth-child(2) img {
    width: 438px;
    max-width: none;
    left: -92px;
    bottom: -16px;
}
.conveyor__item:nth-child(3) {
    top: calc(((2 - 1) * (-100% - 4px)) / 2);
    left: calc(((2 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 9;
}
.conveyor__item:nth-child(3) img {
    bottom: 6px;
    left: 14px;
    width: 268px;
}
.conveyor__item:nth-child(4) {
    top: calc(((3 - 1) * (-100% - 4px)) / 2);
    left: calc(((3 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 8;
}
.conveyor__item:nth-child(4) img {
    left: 43px;
    bottom: 23px;
}
.conveyor__item:nth-child(5) {
    top: calc(((4 - 1) * (-100% - 4px)) / 2);
    left: calc(((4 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 7;
}
.conveyor__item:nth-child(5) img {
    width: 246px;
    bottom: -4px;
    left: 26px;
}
.conveyor__item:nth-child(6) {
    top: calc(((5 - 1) * (-100% - 4px)) / 2);
    left: calc(((5 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 6;
}
.conveyor__item:nth-child(6) img {
    width: 256px;
}
.conveyor__item:nth-child(7) {
    top: calc(((6 - 1) * (-100% - 4px)) / 2);
    left: calc(((6 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 5;
}
.conveyor__item:nth-child(7) img {
    width: 254px;
    bottom: 7px;
    left: 27px;
}
.conveyor__item:nth-child(8) {
    top: calc(((7 - 1) * (-100% - 4px)) / 2);
    left: calc(((7 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 4;
}
.conveyor__item:nth-child(8) img {
    bottom: 5px;
    left: 17px;
    width: 248px;
}
.conveyor__item:nth-child(9) {
    top: calc(((8 - 1) * (-100% - 4px)) / 2);
    left: calc(((8 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 3;
}
.conveyor__item:nth-child(9) img {
    max-width: none;
    width: 578px;
    left: -134px;
    bottom: -29px;
}
.conveyor__item:nth-child(10) {
    top: calc(((9 - 1) * (-100% - 4px)) / 2);
    left: calc(((9 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 2;
}
.conveyor__item:nth-child(10) img {
    width: 278px;
    bottom: 8px;
    left: 18px;
}
.conveyor__item:nth-child(11) {
    top: calc(((10 - 1) * (-100% - 4px)) / 2);
    left: calc(((10 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 1;
}
.conveyor__item:nth-child(11) img {
    max-width: none;
    width: 520px;
    bottom: -5px;
    left: -127px;
}
.conveyor__item:nth-child(12) {
    top: calc(((11 - 1) * (-100% - 4px)) / 2);
    left: calc(((11 - 1) * (100% + 2 * 4px)) / 2);
    z-index: 0;
}
.conveyor__item:nth-child(12) img {
    width: 268px;
    bottom: 10px;
    left: 18px;
}
.conveyor__item.is-active {
    cursor: pointer;
}
.conveyor__item.is-active img {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.conveyor__item.is-bouncing img {
    opacity: 0.8;
    -webkit-animation: bouncing 2000ms ease-out infinite;
    animation: bouncing 2000ms ease-out infinite;
}
@media (min-width: 768px) {
    .conveyor h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .conveyor p {
        max-width: none;
    }
    .conveyor__text {
        max-width: 259px;
        min-height: 154px;
        margin-bottom: 150px;
    }
}
@media (min-width: 1024px) {
    .conveyor__item.is-active:hover img {
        opacity: 0.4;
    }
}
@-webkit-keyframes bouncing {
    0%,
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bouncing {
    0%,
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.vacancy-page__apply-btn {
    display: block;
    margin-top: 30px;
    padding: 14px 44px;
    width: 100%;
    letter-spacing: normal;
    max-width: 198px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    box-shadow: none;
    border: 1px solid #653eb3;
    border-radius: 2px;
    color: #653eb3;
}
.vacancy-page__apply-btn:last-child {
    margin-top: 24px;
}
.vacancy-page__apply-btn:hover {
    background-color: #e5e5e5;
    color: #653eb3;
    box-shadow: none;
}
@media (max-width: 767px) {
    .vacancy-page__apply-btn {
        max-width: 100%;
        font-size: 14px;
        text-align: center;
    }
}
.vacancy-page__apply-btn_branded {
    background-color: #653eb3;
    color: #fff;
    margin-right: 24px;
}
.vacancy-page__apply-btn_branded:hover {
    background-color: #392959;
    color: #fff;
    box-shadow: none;
}
.guide {
    padding: 100px 0 150px;
    color: #2f334b;
}
@media (max-width: 1023px) {
    .guide {
        padding: 60px 20px 120px;
    }
}
@media (max-width: 767px) {
    .guide {
        padding: 37px 20px 100px;
    }
}
.guide__header {
    position: relative;
    height: 476px;
    margin-bottom: 23px;
    padding-top: 130px;
    padding-bottom: 36px;
    background-color: rgba(0, 0, 0, 0.2);
    background: no-repeat center;
    background-size: cover;
    color: #fff;
}
.guide__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.18;
    background-color: #000;
}
@media (max-width: 767px) {
    .guide__header {
        height: 212px;
    }
}
.guide__header-title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 90px;
    font-weight: 900;
    line-height: 0.93;
    letter-spacing: 1.5px;
}
@media (max-width: 767px) {
    .guide__header-title {
        font-size: 36px;
        max-width: 80%;
    }
}
.guide__logo-title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: 900;
    line-height: normal;
}
@media (max-width: 767px) {
    .guide__logo-title {
        font-size: 26px;
        max-width: 80%;
    }
}
.guide__logo {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .guide__logo {
        margin-top: 20px;
    }
}
.guide__logo img {
    width: 100%;
}
.guide__logo-first {
    width: 581px;
    font-size: 0;
}
@media (max-width: 1439px) {
    .guide__logo-first {
        width: 484px;
    }
}
@media (max-width: 1023px) {
    .guide__logo-first {
        width: 364px;
    }
}
@media (max-width: 767px) {
    .guide__logo-first {
        width: 100%;
    }
    .guide__logo-first:nth-child(1) {
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.guide__logo-second {
    width: 581px;
    font-size: 0;
}
@media (max-width: 1439px) {
    .guide__logo-second {
        width: 484px;
    }
}
@media (max-width: 1023px) {
    .guide__logo-second {
        width: 364px;
    }
}
@media (max-width: 767px) {
    .guide__logo-second {
        width: 100%;
    }
    .guide__logo-second:nth-child(3) {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.guide__source-block {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.guide__source {
    margin-top: 60px;
    margin-right: 250px;
}
@media (max-width: 1439px) {
    .guide__source {
        margin-right: 140px;
    }
}
@media (max-width: 1023px) {
    .guide__source {
        margin-right: 25px;
    }
}
@media (max-width: 767px) {
    .guide__source {
        margin-right: 0;
    }
}
.guide__source-title {
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
}
.guide__source-text {
    max-width: 344px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.38;
}
.guide__source-btn {
    display: inline-block;
    margin-top: 16px;
    margin-right: 20px;
    padding: 17px 60px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #653eb3;
    cursor: pointer;
}
@media (max-width: 767px) {
    .guide__source-btn {
        margin-right: 15px;
        padding: 17px 50px;
    }
}
.guide__source-btn:hover {
    color: #b70bab;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
    transition-duration: 0.175s;
}
.guide__typography-block {
    margin-top: 120px;
}
@media (max-width: 767px) {
    .guide__typography-block {
        margin-top: 90px;
    }
}
.guide__typography {
    display: inline-block;
    margin-right: 250px;
    margin-top: 40px;
    color: #2f334b;
}
.guide__typography:hover .guide__typography-link {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
@media (max-width: 1439px) {
    .guide__typography {
        margin-right: 130px;
    }
}
@media (max-width: 1023px) {
    .guide__typography {
        margin-right: 15px;
    }
}
@media (max-width: 767px) {
    .guide__typography {
        margin-right: 0;
    }
}
.guide__typography-link {
    display: inline-block;
    margin-top: 16px;
    transition-duration: 0.175s;
}
.container_guide {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}
.container_guide,
.join__list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .join__list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.join__item {
    width: 50%;
    height: 500px;
    position: relative;
    overflow: visible;
}
.join__item:not(:last-child)::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 452px;
    right: 0;
    top: 24px;
    background-color: #000;
    opacity: 0.4;
}
.join__item:not(:last-child):hover .join__title {
    transition-duration: 0.19444444s;
    color: #fff;
}
.join__item:not(:last-child):hover .join__desc,
.join__item:not(:last-child):hover .join__more,
.join__item:not(:last-child):hover .join__title {
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
}
.join__item:not(:last-child):hover .join__desc {
    color: #fff;
    transition-duration: 0.26923077s;
}
.join__item:not(:last-child):hover .join__more {
    transition-duration: 0.31818182s;
    opacity: 1;
}
.join__item:last-child:hover .join__title,
.join__item:last-child:hover .join__title_color {
    color: #fff;
    transition-duration: 0.19444444s;
}
.join__item:last-child:hover .join__socials-link {
    transition: all 0.19444444s;
}
.join__item:last-child:hover .join__socials-link_li {
    background-image: url(../images/join/linkedin-logo-white.svg);
}
.join__item:last-child:hover .join__socials-link_fb {
    background-image: url(../images/join/facebook-logo-white.svg);
}
.join__item:last-child:hover .join__socials-link_vk {
    background-image: url(../images/join/vk-logo-white.svg);
}
.join__item:last-child:hover .join__socials-link_inst {
    background-image: url(../images/join/instagram-logo-white.svg);
}
.join__item:last-child:hover .join__socials-link_tg {
    background-image: url(../images/join/telegram-logo-white-32.svg);
}
.join__item:hover .join__img {
    opacity: 1;
}
@media (max-width: 1279px) {
    .join__item {
        height: 350px;
    }
    .join__item:not(:last-child)::before {
        height: 302px;
        top: 24px;
    }
}
@media (max-width: 1023px) {
    .join__item {
        height: 240px;
        overflow: hidden;
    }
    .join__item:not(:last-child)::before {
        height: 192px;
        top: 24px;
    }
    .join__item:not(:last-child):hover .join__desc,
    .join__item:not(:last-child):hover .join__more,
    .join__item:not(:last-child):hover .join__title {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition-duration: none;
    }
    .join__item:not(:last-child):hover .join__more {
        opacity: 1;
    }
    .join__item:last-child:hover .join__title,
    .join__item:last-child:hover .join__title_color {
        color: #fff;
        transition-duration: none;
    }
}
@media (max-width: 767px) {
    .join__item {
        width: 100%;
        height: 352px;
    }
    .join__item:not(:last-child)::before {
        display: none;
    }
}
.join__link {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 49px 40px 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 500px;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (max-width: 1279px) {
    .join__link {
        padding: 32px 28px 35px;
        height: 350px;
    }
}
@media (max-width: 1023px) {
    .join__link {
        padding: 22px 14px 28px;
        height: 240px;
    }
}
@media (max-width: 767px) {
    .join__link {
        padding: 32px 20px 42px;
        height: 352px;
    }
}
.join__img-grad {
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
}
.join__img {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.35s;
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(100% + 2px);
    left: -1px;
}
.join__img_new {
    background-image: url(../images/join/join_sv_2.png);
}
.join__img_new .join__img-grad {
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(101, 62, 179, 0.8) 40%);
}
@media (max-width: 767px) {
    .join__img_new .join__img-grad {
        background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(101, 62, 179, 0.8) 90%);
    }
}
.join__img_job {
    background-image: url(../images/join/1.jpg);
}
.join__img_job .join__img-grad {
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 159, 223, 0.8) 40%);
}
@media (max-width: 767px) {
    .join__img_job .join__img-grad {
        background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 20%, #009fdf 80%);
    }
}
.join__img_socials {
    background-image: url(../images/join/3.jpg);
    background-position: center center;
}
.join__img_socials .join__img-grad {
    opacity: 0.8;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(198, 159, 215, 0.5) 40%);
}
@media (max-width: 767px) {
    .join__img_socials .join__img-grad {
        background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(198, 159, 215, 0.8) 70%);
    }
}
@media (max-width: 1023px) {
    .join__img {
        opacity: 1;
        width: 100%;
        left: 0;
    }
}
.join__type-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.join__type {
    padding: 10px 16px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
}
.join__type_new {
    background-color: #653eb3;
}
.join__type_job {
    background-color: #009fdf;
}
@media (max-width: 1023px) {
    .join__type {
        padding: 5px 6px;
        font-size: 8px;
        line-height: 10px;
    }
}
@media (max-width: 767px) {
    .join__type {
        padding: 8px 9px;
        font-size: 12px;
        line-height: 15px;
    }
}
.join__title,
.join__title_color {
    transition: color 0.35s, transform 0.35s;
    transition: color 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.join__title {
    font-family: "Panton Caps";
    font-weight: 900;
    font-size: 44px;
    line-height: 57px;
    margin-bottom: 16px;
    max-width: 357px;
    color: #44485d;
}
.join__title_color {
    color: #653eb3;
}
@media (max-width: 1023px) {
    .join__title_color {
        color: #fff;
    }
}
@media (max-width: 1279px) {
    .join__title {
        font-size: 35px;
        line-height: 44px;
        margin-bottom: 8px;
    }
}
@media (max-width: 1023px) {
    .join__title {
        color: #fff;
        font-size: 25px;
        line-height: 31px;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .join__title {
        font-size: 32px;
    }
}
@media (max-width: 479px) {
    .join__title {
        line-height: 42px;
    }
}
.join__desc {
    max-width: 343px;
    color: #44485d;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    transition: color 0.35s, transform 0.35s;
    transition: color 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
@media (max-width: 1279px) {
    .join__desc {
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 1023px) {
    .join__desc {
        width: 206px;
        color: #fff;
        min-height: 48px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 767px) {
    .join__desc {
        width: auto;
        font-size: 14px;
        line-height: 24px;
    }
}
.join__more {
    position: absolute;
    padding-top: 32px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
@media (max-width: 1023px) {
    .join__more {
        padding-top: 16px;
        position: static;
        opacity: 1;
    }
    .join__more svg {
        width: 24px;
    }
}
@media (max-width: 767px) {
    .join__more svg {
        width: auto;
    }
}
@media (max-width: 479px) {
    .join__more svg {
        height: 10px;
        width: 34px;
    }
}
.join__socials {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.join__socials-item:not(:last-child) {
    margin-right: 24px;
}
@media (max-width: 1023px) {
    .join__socials-item:not(:last-child) {
        margin-right: 18px;
    }
}
@media (max-width: 767px) {
    .join__socials-item:not(:last-child) {
        margin-right: 24px;
    }
}
.join__socials-link {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.join__socials-link_li {
    background-image: url(../images/join/linkedin-logo-dark.svg);
}
.join__socials-link_fb {
    background-image: url(../images/join/facebook-logo-dark.svg);
}
.join__socials-link_vk {
    background-image: url(../images/join/vk-logo-dark.svg);
}
.join__socials-link_inst {
    background-image: url(../images/join/instagram-logo-dark.svg);
}
.join__socials-link_tg {
    background-image: url(../images/join/telegram-logo-dark.svg);
}
@media (max-width: 1023px) {
    .join__socials-link {
        width: 24px;
        height: 24px;
    }
    .join__socials-link_fb {
        background-image: url(../images/join/facebook-logo-white.svg);
    }
    .join__socials-link_vk {
        background-image: url(../images/join/vk-logo-white.svg);
    }
    .join__socials-link_inst {
        background-image: url(../images/join/instagram-logo-white.svg);
    }
    .join__socials-link_tg {
        background-image: url(../images/join/telegram-logo-dark.svg);
    }
}
@media (max-width: 767px) {
    .join__socials-link {
        width: 32px;
        height: 32px;
    }
}
.vacancy-close {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vacancy-close__container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 1023px) {
    .vacancy-close__container {
        width: 100%;
    }
}
.vacancy-close__wrapper-message {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 130px;
    height: 100%;
}
@media (max-width: 1023px) {
    .vacancy-close__wrapper-message {
        padding-top: 88px;
    }
}
.vacancy-close__inner-message {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .vacancy-close__inner-message {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.vacancy-close__message {
    padding: 45px 0;
    max-width: 500px;
}
@media (max-width: 1023px) {
    .vacancy-close__message {
        padding: 0;
        margin-bottom: 33px;
    }
}
.vacancy-close__message-heading {
    font-family: "Panton Caps";
    font-weight: 900;
    font-size: 90px;
    line-height: 104px;
    color: #653eb3;
    text-transform: uppercase;
    margin-bottom: 24px;
}
@media (max-width: 1023px) {
    .vacancy-close__message-heading {
        font-size: 56px;
        line-height: 59px;
    }
}
.vacancy-close__message-description {
    font-size: 21px;
    line-height: 140%;
}
@media (max-width: 1023px) {
    .vacancy-close__message-description {
        font-size: 16px;
        line-height: 24px;
    }
}
.vacancy-close__wrapper-image {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1023px) {
    .vacancy-close__wrapper-image {
        padding-left: 20%;
        width: auto;
        position: initial;
    }
}
.vacancy-close__image {
    max-width: 100%;
}
.vacancy-close__wrapper-ref {
    margin-top: auto;
}
.vacancy-close__ref-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .vacancy-close__ref-list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.vacancy-close__wrapper-item {
    position: relative;
    color: #fff;
    width: 50%;
    padding: 43px 0 44px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vacancy-close__wrapper-item:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 100%;
    width: 50vw;
    background: #653eb3;
    will-change: filter;
    transition: filter 200ms ease;
    transition: filter 200ms ease, -webkit-filter 200ms ease;
}
.vacancy-close__wrapper-item:last-child:before {
    left: 0;
    background: #0090c9;
}
.vacancy-close__wrapper-item:last-child {
    padding-left: 100px;
}
.vacancy-close__wrapper-item:hover .vacancy-close__wrapper-item:before {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}
@media (max-width: 1023px) {
    .vacancy-close__wrapper-item {
        padding: 28px 0;
        width: 100%;
    }
    .vacancy-close__wrapper-item:before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100vw;
    }
    .vacancy-close__wrapper-item:last-child:before {
        left: 50%;
    }
    .vacancy-close__wrapper-item:last-child {
        padding-left: initial;
    }
}
.vacancy-close__ref-item {
    position: relative;
    z-index: 1;
    max-width: 400px;
}
.vacancy-close__ref-title {
    font-family: "Panton Caps";
    font-weight: 900;
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 12px;
}
@media (max-width: 1023px) {
    .vacancy-close__ref-title {
        font-size: 25px;
        line-height: 130%;
        margin-bottom: 11px;
    }
}
.vacancy-close__ref-description {
    font-size: 14px;
    line-height: 125%;
    margin-bottom: 32px;
}
@media (max-width: 1023px) {
    .vacancy-close__ref-description {
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 38px;
    }
}
.vacancy-close__ref-arrow {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .vacancy-close__ref-arrow {
        width: 32px;
    }
}
.recommendation-terms__intro {
    padding-top: 144px;
}
@media (max-width: 1023px) {
    .recommendation-terms__intro {
        padding-top: 108px;
    }
}
@media (max-width: 767px) {
    .recommendation-terms__intro {
        padding-top: 86px;
    }
}
.recommendation-terms__intro-title {
    font-size: 70px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 125%;
    text-transform: uppercase;
    color: #44485d;
    max-width: 600px;
    margin-bottom: 64px;
}
@media (max-width: 1023px) {
    .recommendation-terms__intro-title {
        font-size: 48px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        margin-bottom: 48px;
    }
}
@media (max-width: 767px) {
    .recommendation-terms__intro-title {
        font-size: 36px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        margin-bottom: 32px;
    }
}
@media (max-width: 374px) {
    .recommendation-terms__intro-title {
        font-size: 32px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
    }
}
.recommendation-terms__intro-image {
    display: block;
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    background-position: center right;
}
@media (max-width: 767px) {
    .recommendation-terms__intro-image {
        max-height: 212px;
    }
}
.recommendation-terms__info {
    padding: 96px 0 88px;
}
@media (max-width: 767px) {
    .recommendation-terms__info {
        padding: 32px 0 40px;
    }
}
.recommendation-terms__info-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .recommendation-terms__info-wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.recommendation-terms__info-left {
    margin-right: 120px;
    max-width: 370px;
}
@media (max-width: 1023px) {
    .recommendation-terms__info-left {
        margin-right: 48px;
    }
}
@media (max-width: 767px) {
    .recommendation-terms__info-left {
        margin-right: 0;
        margin-bottom: 40px;
    }
}
.recommendation-terms__info-right {
    max-width: 670px;
}
.recommendation-terms__info-title {
    margin-bottom: 48px;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    line-height: 130%;
    color: #44485d;
    font-weight: 900;
}
@media (max-width: 1023px) {
    .recommendation-terms__info-title {
        font-size: 32px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        margin-bottom: 32px;
    }
}
@media (max-width: 767px) {
    .recommendation-terms__info-title {
        margin-bottom: 24px;
    }
}
@media (max-width: 374px) {
    .recommendation-terms__info-title {
        font-size: 28px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
    }
}
.recommendation-terms__info-btn {
    background-color: #653eb3;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
}
.recommendation-terms__info-paragraph {
    font-size: 16px;
    line-height: 150%;
}
.recommendation-terms__info-paragraph:not(:last-child) {
    margin-bottom: 32px;
}
@media (max-width: 1023px) {
    .recommendation-terms__info-paragraph:not(:last-child) {
        margin-bottom: 24px;
    }
}
.recommendation-privacy h2,
.recommendation-terms__info-paragraph_bold {
    font-size: 21px;
    font-weight: 700;
}
.recommendation-terms__footer {
    position: relative;
    background: linear-gradient(to right, #653eb3 0%, #653eb3 50%, #009fdf 50%, #009fdf 100%);
}
@media (max-width: 767px) {
    .recommendation-terms__footer {
        background: linear-gradient(to bottom, #653eb3 0%, #653eb3 50%, #009fdf 50%, #009fdf 100%);
    }
}
.recommendation-terms__footer-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.recommendation-terms__footer-item {
    -webkit-flex: 1 0 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}
.recommendation-terms__footer-item:not(:first-child) {
    padding-left: 108px;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-item:not(:first-child) {
        padding-left: 0;
    }
}
@media (hover: hover) and (pointer: fine) {
    .recommendation-terms__footer-item:hover .recommendation-terms__footer-arrow {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media (pointer: coarse) {
    .recommendation-terms__footer-item:active .recommendation-terms__footer-arrow {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
.recommendation-terms__footer-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 42px 0;
    max-width: 350px;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-content {
        padding: 28px 0;
    }
}
.recommendation-terms__footer-heading {
    margin-bottom: 12px;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 45px;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-heading {
        font-size: 25px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        line-height: 130%;
        margin-bottom: 8px;
    }
}
.recommendation-terms__footer-description {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 125%;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-description {
        line-height: 130%;
        margin-bottom: 28px;
    }
}
.recommendation-terms__footer-arrow {
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    width: 42px;
    height: 12px;
}
@media (max-width: 767px) {
    .recommendation-terms__footer-arrow {
        width: 32px;
        height: 10px;
    }
}
.recommendation-privacy {
    padding-top: 144px;
}
@media (max-width: 1023px) {
    .recommendation-privacy {
        padding-top: 108px;
    }
}
@media (max-width: 767px) {
    .recommendation-privacy {
        padding-top: 86px;
    }
}
.recommendation-privacy__title {
    font-size: 64px;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 125%;
    text-transform: uppercase;
    color: #44485d;
    max-width: 600px;
    margin-bottom: 64px;
}
@media (max-width: 1023px) {
    .recommendation-privacy__title {
        font-size: 48px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        margin-bottom: 48px;
    }
}
@media (max-width: 767px) {
    .recommendation-privacy__title {
        font-size: 28px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
        margin-bottom: 32px;
    }
}
@media (max-width: 374px) {
    .recommendation-privacy__title {
        font-size: 22px;
        text-transform: uppercase;
        font-family: "Panton Caps", Arial, Helvetica, sans-serif;
        font-weight: 900;
    }
}
.recommendation-privacy p {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 1em;
}
.recommendation-privacy li {
    list-style: disc;
    margin-left: 3em;
    padding-left: 1em;
    margin-bottom: 1em;
}
.recommendation-privacy a {
    color: #0581c4;
    font-weight: 700;
    font-size: 17px;
    line-height: 125%;
    transition: color 0.35s;
}
@media (hover: hover) and (pointer: fine) {
    .recommendation-privacy a:hover {
        transition-duration: 0.175s;
        color: #035886;
    }
}
@media (pointer: coarse) {
    .recommendation-privacy a:active {
        transition-duration: 0.175s;
        color: #035886;
    }
}
.cookies,
.cookies_open {
    transition: visibility 0.3s, opacity 0.3s;
}
.cookies {
    position: fixed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 56px;
    bottom: 0;
    background-color: #fff;
    padding: 16px 80px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
}
.cookies_open {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 767px) {
    .cookies {
        padding: 16px;
    }
}
.cookies__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .cookies__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.cookies__text {
    width: 70%;
    display: inline-block;
    font-size: 16px;
    line-height: 150%;
}
@media (max-width: 767px) {
    .cookies__text {
        width: 100%;
        margin-bottom: 16px;
    }
}
.cookies__link {
    color: #653eb3;
}
.cookies__link:hover {
    text-decoration: underline;
}
.cookies__button {
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    height: 24px;
    text-transform: uppercase;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #653eb3;
}
@media (max-width: 767px) {
    .cookies__button {
        width: 100%;
    }
}
.new-game-cover {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../images/new-game/cover-ru.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 140px 104px;
}
@media (max-width: 1024px) {
    .new-game-cover {
        padding: 0 40px 53px;
    }
}
@media (max-width: 768px) {
    .new-game-cover {
        padding-bottom: 93px;
    }
}
@media (max-width: 767px) {
    .new-game-cover {
        padding-bottom: 40px;
    }
}
@media (max-width: 375px) {
    .new-game-cover {
        padding: 0 20px 60px;
    }
}
@media (max-width: 320px) {
    .new-game-cover {
        padding-bottom: 44px;
    }
}
.new-game-cover__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .new-game-cover__wrapper {
        margin-bottom: 231px;
    }
}
@media (max-width: 767px) {
    .new-game-cover__wrapper {
        margin-bottom: 60px;
    }
}
@media (max-width: 375px) {
    .new-game-cover__wrapper {
        margin-bottom: 0;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-cover__wrapper {
        margin-bottom: 30px;
    }
}
@media (max-width: 915px) and (orientation: landscape) {
    .new-game-cover__wrapper {
        margin-bottom: 0;
    }
}
.new-game-cover__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #eeeff1;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-cover__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-cover__title {
        font-size: 36px;
    }
}
.new-game-cover__description {
    max-width: 550px;
    font-size: 21px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 767px) {
    .new-game-cover__description {
        max-width: 300px;
        font-size: 16px;
    }
}
@media (max-width: 320px) {
    .new-game-cover__description {
        max-width: 250px;
    }
}
.new-game-cover .mouse {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.new-game-cover_lang_en {
    background-image: url(../images/new-game/cover-en.jpeg);
}
.new-game-place {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 200px;
    margin-bottom: 300px;
}
@media (max-width: 1920px) {
    .new-game-place {
        margin-bottom: 290px;
    }
}
@media (max-width: 1200px) {
    .new-game-place {
        margin-bottom: 200px;
    }
}
@media (max-width: 768px) {
    .new-game-place {
        margin-bottom: 170px;
    }
}
@media (max-width: 375px) {
    .new-game-place {
        margin-bottom: 140px;
    }
}
@media (max-width: 320px) {
    .new-game-place {
        margin-bottom: 90px;
    }
}
.new-game-place__animation {
    position: relative;
    top: -12vw;
    width: 100%;
}
@media (min-width: 765px) {
    .new-game-place__animation {
        top: -8vw;
    }
}
@media (min-width: 1490px) {
    .new-game-place__animation {
        top: -4vw;
    }
}
@media (min-width: 2000px) {
    .new-game-place__animation {
        top: -2vw;
    }
}
.new-game-place__animation > svg > g {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
@media (min-width: 765px) {
    .new-game-place__animation > svg > g {
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
    }
}
@media (min-width: 1490px) {
    .new-game-place__animation > svg > g {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
}
@media (min-width: 2000px) {
    .new-game-place__animation > svg > g {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.new-game-place__animation > svg {
    overflow: visible;
}
.new-game-place__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    width: 100%;
    padding: 0 140px;
}
@media (max-width: 768px) {
    .new-game-place__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-place__title {
        font-size: 36px;
    }
}
@media (max-width: 1024px) {
    .new-game-place__title {
        padding: 0 40px;
    }
}
@media (max-width: 414px) {
    .new-game-place__title {
        font-size: 32px;
    }
}
@media (max-width: 340px) {
    .new-game-place__title {
        font-size: 30px;
    }
}
@media (max-width: 375px) {
    .new-game-place__title {
        padding: 0 20px;
    }
}
.new-game-place__title-item1,
.new-game-place__title-item2 {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
.new-game-place__title-item2 {
    margin-left: 40%;
}
@media (max-width: 1440px) {
    .new-game-place__title-item2 {
        margin-left: 30%;
    }
}
@media (max-width: 1023px) {
    .new-game-place__title-item2 {
        margin-left: 25%;
    }
}
@media (min-width: 1628px) {
    .new-game-place__title-item2 {
        margin-left: 540px;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-place__title-item1,
    .new-game-place__title-item2 {
        -webkit-align-self: start;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    }
    .new-game-place__title-item2 {
        margin-left: 25%;
    }
}
@media (max-width: 767px) {
    .new-game-place__title-item1,
    .new-game-place__title-item2 {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .new-game-place__title-item2 {
        margin-left: 0;
    }
    .new-game-place__title span:nth-of-type(3) {
        display: inline-block;
    }
}
@media (max-width: 374px) {
    .new-game-place__title span:nth-of-type(3) {
        display: inline-block;
    }
}
@media (max-width: 374px) and (min-aspect-ratio: 374/811) {
    .new-game-place__title span:nth-of-type(3) {
        margin-left: 8.13810111vh;
    }
}
@media (max-width: 374px) and (max-aspect-ratio: 374/811) {
    .new-game-place__title span:nth-of-type(3) {
        margin-left: 17.64705882vw;
    }
}
.new-game-scenario {
    padding: 0 140px 220px;
}
@media (max-width: 1440px) {
    .new-game-scenario {
        padding-bottom: 100px;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-align-items: inherit;
        -moz-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        padding: 0 40px 80px;
    }
}
@media (max-width: 375px) {
    .new-game-scenario {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.new-game-scenario__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    height: 588px;
}
@media (max-width: 1440px) {
    .new-game-scenario__wrapper {
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario__wrapper {
        height: 900px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: inherit;
        -moz-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
    }
}
@media (max-width: 768px) {
    .new-game-scenario__wrapper {
        height: 800px;
    }
}
@media (max-width: 720px) {
    .new-game-scenario__wrapper {
        height: 880px;
    }
}
@media (max-width: 375px) {
    .new-game-scenario__wrapper {
        height: 700px;
    }
}
@media (max-width: 320px) {
    .new-game-scenario__wrapper {
        height: 600px;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-scenario__wrapper {
        height: 600px;
    }
}
@media (max-width: 915px) and (orientation: landscape) {
    .new-game-scenario__wrapper {
        height: 500px;
    }
}
.new-game-scenario__text {
    margin-right: 60px;
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-scenario__text {
        margin-right: 0;
    }
}
@media (max-width: 740px) and (orientation: landscape) {
    .new-game-scenario__text {
        margin-right: 0;
    }
}
.new-game-scenario__title {
    margin-bottom: 36;
    width: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-scenario__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-scenario__title {
        font-size: 36px;
    }
}
.new-game-scenario__title span:nth-of-type(2) {
    margin-left: 56px;
}
@media (max-width: 767px) {
    .new-game-scenario__title span:nth-of-type(2) {
        margin-left: 98px;
    }
}
@media (max-width: 374px) {
    .new-game-scenario__title span:nth-of-type(2) {
        margin-left: 60px;
    }
}
@media (max-width: 320px) {
    .new-game-scenario__title span:nth-of-type(2) {
        margin-left: 51px;
    }
}
.new-game-scenario__title-image {
    margin-top: 15px;
    max-width: 475px;
    max-height: 107px;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario__title-image {
        margin-left: 7.00876095vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario__title-image {
        margin-left: 3.89159138vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario__title-image {
        margin-left: 100px;
    }
}
@media (max-width: 1023px) {
    .new-game-scenario__title-image {
        margin-left: 89px;
    }
}
@media (max-width: 767px) {
    .new-game-scenario__title-image {
        margin-left: 98px;
    }
}
@media (max-width: 374px) {
    .new-game-scenario__title-image {
        margin-left: 60px;
    }
}
@media (max-width: 320px) {
    .new-game-scenario__title-image {
        margin-left: 51px;
    }
}
@media (max-width: 1023px) and (orientation: landscape) {
    .new-game-scenario__title-image {
        max-width: 475px;
        max-height: 107px;
    }
}
@media (max-width: 375px) and (orientation: portrait) {
    .new-game-scenario__title-image {
        max-width: 308px;
        max-height: 69px;
    }
}
@media (max-width: 740px) and (orientation: landscape) {
    .new-game-scenario__title-image {
        max-width: 220px;
        max-height: 69px;
    }
}
@media (max-width: 320px) and (orientation: portrait) {
    .new-game-scenario__title-image {
        max-width: 257px;
        max-height: 57px;
    }
}
@media (max-width: 280px) and (orientation: portrait) {
    .new-game-scenario__title-image {
        max-width: 237px;
        max-height: 57px;
    }
}
.new-game-scenario__parallax {
    height: 100%;
    width: 100%;
    position: relative;
}
@media (max-width: 1440px) and (orientation: landscape) {
    .new-game-scenario__parallax {
        width: 50%;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario__parallax {
        width: calc(100% - 160px);
        height: 58.42%;
        margin: 0 auto;
    }
}
@media (max-width: 1023px) {
    .new-game-scenario__parallax {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario__parallax {
        height: auto;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-scenario__parallax {
        width: 70%;
    }
}
@media (max-width: 915px) and (orientation: landscape) {
    .new-game-scenario__parallax {
        width: 50%;
    }
}
.new-game-scenario .scene {
    height: 100%;
}
.new-game-scenario .scene__item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
.new-game-scenario .scene__item_1 {
    top: calc(50% - (395px / 2));
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    border-radius: 11px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-1.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_1 {
        width: 57.44680851vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_1 {
        width: 31.8971508vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_1 {
        height: 49.43679599vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_1 {
        height: 27.44961779vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_1 {
        top: 17.9%;
    }
}
@media (max-width: 1024px) and (min-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_1 {
        width: 33.62637363vh;
    }
}
@media (max-width: 1024px) and (max-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_1 {
        width: 44.86803519vw;
    }
}
@media (max-width: 1024px) and (min-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_1 {
        height: 28.93772894vh;
    }
}
@media (max-width: 1024px) and (max-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_1 {
        height: 38.61192571vw;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_1 {
        width: calc(100% - 50px);
        height: 49.02%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.new-game-scenario .scene__item_2 {
    top: 70%;
    left: 491px;
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    border-radius: 8px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-2.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_2 {
        width: 37.922403vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_2 {
        width: 21.05628909vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_2 {
        height: 23.77972466vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_2 {
        height: 13.20361362vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_2 {
        top: 65%;
        left: 60.75%;
    }
}
@media (max-width: 1024px) and (min-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_2 {
        width: 22.1978022vh;
    }
}
@media (max-width: 1024px) and (max-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_2 {
        width: 29.61876833vw;
    }
}
@media (max-width: 1024px) and (min-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_2 {
        height: 13.91941392vh;
    }
}
@media (max-width: 1024px) and (max-aspect-ratio: 1023/1365) {
    .new-game-scenario .scene__item_2 {
        height: 18.57282502vw;
    }
}
@media (max-width: 1023px) {
    .new-game-scenario .scene__item_2 {
        left: 53.75%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_2 {
        width: 72.65%;
        height: 30.31%;
        top: 68.72%;
        left: auto;
        right: -122px;
    }
}
.new-game-scenario .scene__item_3 {
    top: calc(50% - (395px / 2) - 38px - (35px / 2));
    left: 150px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_3 {
        width: 3.12891114vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_3 {
        width: 1.73731758vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_3 {
        height: 4.38047559vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_3 {
        height: 2.43224461vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_3 {
        width: 25px;
        height: 35px;
        top: 9.15%;
        left: 24.87%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_3 {
        left: 4%;
        top: 4.15%;
    }
}
.new-game-scenario .scene__item_4 {
    top: calc(50% - (395px / 2) - 90px - (35px / 2));
    left: 288px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_4 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_4 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_4 {
        height: 3.50438048vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_4 {
        height: 1.94579569vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_4 {
        width: 20px;
        height: 28px;
        top: 4.5%;
        left: 47.32%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_4 {
        top: 42.5%;
        left: -2.68%;
    }
}
.new-game-scenario .scene__item_5 {
    top: calc(50% - (395px / 2) - 26px - (54px / 2));
    left: 427px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_5 {
        width: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_5 {
        width: 2.77970813vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_5 {
        height: 6.75844806vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_5 {
        height: 3.75260598vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_5 {
        width: 40px;
        height: 54px;
        top: 8%;
        left: 70.15%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_5 {
        top: 0%;
        left: 86.15%;
    }
}
.new-game-scenario .scene__item_6 {
    top: calc(50% - (395px / 2));
    left: 482px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_6 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_6 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_6 {
        height: 3.50438048vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_6 {
        height: 1.94579569vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_6 {
        width: 20px;
        height: 28px;
        top: 30.3%;
        left: 96.9%;
    }
}
.new-game-scenario .scene__item_7 {
    top: calc(50% + (395px / 2) + 39px);
    left: 150px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_7 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_7 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_7 {
        height: 3.50438048vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_7 {
        height: 1.94579569vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_7 {
        width: 20px;
        height: 28px;
        top: 72.7%;
        left: 39.8%;
    }
}
@media (max-width: 767px) {
    .new-game-scenario .scene__item_7 {
        top: 68.7%;
        left: 21.8%;
    }
}
.new-game-scenario .scene__item_8 {
    top: calc(50% + (395px / 2) + 85px);
    left: 400px;
    background-image: url(../images/new-game/scenario-parallax/scenario-parallax-3.svg);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_8 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_8 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_8 {
        height: 3.50438048vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-scenario .scene__item_8 {
        height: 1.94579569vw;
    }
}
@media (max-width: 1024px) {
    .new-game-scenario .scene__item_8 {
        width: 20px;
        height: 28px;
        top: 78.44%;
        left: 51%;
    }
}
.new-game-scenario_lang_en .scene__item_1 {
    background-image: url(../images/new-game/scenario-parallax/scenario-parralax-en-1.png);
}
.new-game-scenario_lang_en .scene__item_2 {
    background-image: url(../images/new-game/scenario-parallax/scenario-parralax-en-2.png);
}
.section {
    position: relative;
    width: 100%;
}
.section .new-game-screen-10__wrapper {
    height: 1000px;
    width: 100%;
    background-image: url(../images/new-game/screen-14.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1024px) {
    .section .new-game-screen-10__wrapper {
        height: 600px;
        background-position: 71% 0%;
    }
}
@media (max-width: 320px) {
    .section .new-game-screen-10__wrapper {
        height: 339px;
    }
}
@media (max-width: 1440px) and (orientation: landscape) {
    .section .new-game-screen-10__wrapper {
        height: 800px;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .section .new-game-screen-10__wrapper {
        height: 600px;
    }
}
@media (max-width: 915px) and (orientation: landscape) {
    .section .new-game-screen-10__wrapper {
        height: 500px;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    .section .new-game-screen-10__wrapper {
        height: 400px;
    }
}
.section .new-game-screen-14__wrapper {
    height: 1000px;
    width: 100%;
    background-image: url(../images/new-game/Protectors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media (max-width: 767px) {
    .section .new-game-screen-14__wrapper {
        height: 600px;
    }
}
@media (max-width: 320px) {
    .section .new-game-screen-14__wrapper {
        height: 339px;
    }
}
@media (max-width: 1440px) and (orientation: landscape) {
    .section .new-game-screen-14__wrapper {
        height: 800px;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .section .new-game-screen-14__wrapper {
        height: 600px;
    }
}
@media (max-width: 915px) and (orientation: landscape) {
    .section .new-game-screen-14__wrapper {
        height: 500px;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    .section .new-game-screen-14__wrapper {
        height: 400px;
    }
}
.new-game-character-creation {
    padding: 0 140px 220px;
}
@media (max-width: 1440px) {
    .new-game-character-creation {
        padding: 0 140px 110px;
    }
}
@media (max-width: 1024px) {
    .new-game-character-creation {
        padding: 0 40px 110px;
    }
}
@media (max-width: 767px) {
    .new-game-character-creation {
        padding: 0 40px 110px;
    }
}
@media (max-width: 375px) {
    .new-game-character-creation {
        padding: 40px 20px;
    }
}
@media (max-width: 1180px) and (orientation: landscape) {
    .new-game-character-creation {
        padding-top: 80px;
    }
}
@media (max-width: 767px) and (orientation: landscape) {
    .new-game-character-creation {
        padding-bottom: 85px;
    }
}
.new-game-character-creation__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .new-game-character-creation__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-character-creation__wrapper {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.new-game-character-creation__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 64px;
}
@media (max-width: 768px) {
    .new-game-character-creation__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-character-creation__title {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .new-game-character-creation__title {
        margin-bottom: 24px;
    }
}
.new-game-character-creation__title span:nth-of-type(2) {
    margin-left: 39px;
}
.new-game-character-creation .navigation {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.new-game-character-creation .navigation__item {
    border-radius: 50%;
    border: 3px solid #d0d0d0;
    max-width: 71px;
    height: auto;
    cursor: pointer;
    margin-right: 32px;
}
@media (max-width: 767px) {
    .new-game-character-creation .navigation__item {
        margin-right: 18px;
    }
}
.new-game-character-creation .navigation__item_active {
    border: 5px solid #902d89;
}
.new-game-character-creation__images {
    position: relative;
    overflow: visible;
    width: 520px;
    height: 688px;
    z-index: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-character-creation__images {
        width: 258px;
        height: 342px;
    }
}
@media (max-width: 767px) {
    .new-game-character-creation__images {
        width: 258px;
        height: 342px;
    }
}
.new-game-character-creation__photo {
    opacity: 0;
    transition: ease 0.5s;
    position: absolute;
    bottom: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 520px;
    height: 688px;
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-character-creation__photo {
        width: 258px;
        height: 342px;
    }
}
@media (max-width: 767px) {
    .new-game-character-creation__photo {
        width: 258px;
        height: 342px;
    }
}
.new-game-character-creation__photo_active {
    opacity: 1;
}
.new-game-character-creation__main-image {
    position: absolute;
    bottom: 0;
}
.new-game-make-animation {
    max-width: 2000px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 220px 140px;
}
@media (max-width: 1024px) {
    .new-game-make-animation {
        padding: 104px 40px;
    }
}
@media (max-width: 375px) {
    .new-game-make-animation {
        padding: 80px 20px;
    }
}
@media (max-width: 320px) {
    .new-game-make-animation {
        padding: 40px 20px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.new-game-make-animation__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
}
@media (max-width: 768px) {
    .new-game-make-animation__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        height: auto;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    .new-game-make-animation__wrapper {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.new-game-make-animation__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 768px) {
    .new-game-make-animation__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-make-animation__title {
        font-size: 36px;
    }
}
.new-game-make-animation__handwriting {
    max-width: 335px;
    max-height: 59px;
    margin-bottom: 21px;
}
@media (max-width: 1023px) and (orientation: landscape) {
    .new-game-make-animation__handwriting {
        max-width: 267px;
        max-height: 47px;
        margin-bottom: 2px;
    }
}
@media (max-width: 375px) and (orientation: portrait) {
    .new-game-make-animation__handwriting {
        max-width: 267px;
        max-height: 47px;
        margin-bottom: 2px;
    }
}
@media (max-width: 812px) and (orientation: landscape) {
    .new-game-make-animation__handwriting {
        max-width: 227px;
        max-height: 39px;
        margin-bottom: 6px;
    }
}
@media (max-width: 620px) {
    .new-game-make-animation__handwriting {
        width: 55vw;
    }
}
@media (max-width: 320px) and (orientation: portrait) {
    .new-game-make-animation__handwriting {
        max-width: 227px;
        max-height: 39px;
        margin-bottom: 6px;
    }
}
.new-game-make-animation__image {
    max-width: 668px;
    height: auto;
}
@media (max-width: 768px) and (orientation: portrait) {
    .new-game-make-animation__image {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}
@media (min-aspect-ratio: 1023/1365) {
    .new-game-pixels {
        padding-top: 18.53479853vh;
    }
}
@media (max-aspect-ratio: 1023/1365) {
    .new-game-pixels {
        padding-top: 24.7311828vw;
    }
}
@media (max-width: 2560px) and (orientation: landscape) {
    .new-game-pixels {
        padding-top: 0;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels {
        padding-top: 18.31501832vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels {
        padding-top: 24.43792766vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-pixels {
        padding-top: 20.03910068vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-pixels {
        padding-top: 26.72750978vw;
    }
}
@media (max-width: 374px) and (min-aspect-ratio: 374/811) {
    .new-game-pixels {
        padding-top: 12.33045623vh;
    }
}
@media (max-width: 374px) and (max-aspect-ratio: 374/811) {
    .new-game-pixels {
        padding-top: 26.73796791vw;
    }
}
@media (max-width: 320px) and (min-aspect-ratio: 320/567) {
    .new-game-pixels {
        padding-top: 14.10934744vh;
    }
}
@media (max-width: 320px) and (max-aspect-ratio: 320/567) {
    .new-game-pixels {
        padding-top: 25vw;
    }
}
@media (max-width: 1440px) and (orientation: landscape) {
    .new-game-pixels {
        padding-top: 0;
    }
}
.new-game-pixels__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-pixels__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 1024px) and (orientation: portrait) and (min-aspect-ratio: 1439/799) {
    .new-game-pixels__wrapper {
        margin-right: 17.52190238vh;
    }
}
@media (max-width: 1024px) and (orientation: portrait) and (max-aspect-ratio: 1439/799) {
    .new-game-pixels__wrapper {
        margin-right: 9.72897846vw;
    }
}
@media (max-width: 1024px) and (orientation: portrait) and (min-aspect-ratio: 1439/799) {
    .new-game-pixels__wrapper {
        margin-left: 17.52190238vh;
    }
}
@media (max-width: 1024px) and (orientation: portrait) and (max-aspect-ratio: 1439/799) {
    .new-game-pixels__wrapper {
        margin-left: 9.72897846vw;
    }
}
.new-game-pixels__title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels__title {
        margin-bottom: 4.50563204vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels__title {
        margin-bottom: 2.50173732vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels__title {
        margin-bottom: 0;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 18.14768461vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 10.07644197vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 9.57966764vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 12.77705346vw;
    }
}
@media (max-width: 374px) and (min-aspect-ratio: 374/811) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 7.39827374vh;
    }
}
@media (max-width: 374px) and (max-aspect-ratio: 374/811) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 16.04278075vw;
    }
}
@media (max-width: 320px) and (min-aspect-ratio: 320/567) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 8.99470899vh;
    }
}
@media (max-width: 320px) and (max-aspect-ratio: 320/567) {
    .new-game-pixels__title span:nth-of-type(2) {
        margin-left: 15.9375vw;
    }
}
@media (max-width: 1440px) and (orientation: portrait) {
    .new-game-pixels__title {
        font-size: 70px;
        line-height: 125%;
    }
}
@media (max-width: 540px) and (orientation: portrait) {
    .new-game-pixels__title {
        font-size: 43px;
        line-height: 140%;
    }
}
@media (max-width: 374px) and (orientation: portrait) {
    .new-game-pixels__title {
        font-size: 36px;
        line-height: 120%;
    }
}
@media (max-width: 736px) and (orientation: landscape) {
    .new-game-pixels__title {
        font-size: 36px;
        line-height: 120%;
    }
}
@media (max-width: 319px) and (orientation: portrait) {
    .new-game-pixels__title {
        font-size: 30px;
        line-height: 140%;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        margin-left: 16.7709637vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        margin-left: 9.31202224vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        width: 37.922403vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        width: 21.05628909vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        height: 7.38423029vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        height: 4.10006949vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        margin-left: 0;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1439/799) {
    .new-game-pixels__handwriting {
        margin-left: 0;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        margin-bottom: 1.39194139vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        margin-bottom: 1.8572825vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        width: 22.1978022vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        width: 29.61876833vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        height: 4.32234432vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels__handwriting {
        height: 5.76735093vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        margin-bottom: 3.12805474vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        margin-bottom: 4.17209909vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        width: 29.61876833vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        width: 39.50456323vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        height: 5.76735093vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-pixels__handwriting {
        height: 7.69230769vw;
    }
}
@media (max-width: 374px) and (min-aspect-ratio: 374/811) {
    .new-game-pixels__handwriting {
        width: 21.33168927vh;
    }
}
@media (max-width: 374px) and (max-aspect-ratio: 374/811) {
    .new-game-pixels__handwriting {
        width: 46.25668449vw;
    }
}
@media (max-width: 374px) and (min-aspect-ratio: 374/811) {
    .new-game-pixels__handwriting {
        height: 4.06905055vh;
    }
}
@media (max-width: 374px) and (max-aspect-ratio: 374/811) {
    .new-game-pixels__handwriting {
        height: 8.82352941vw;
    }
}
@media (max-width: 320px) and (min-aspect-ratio: 320/567) {
    .new-game-pixels__handwriting {
        width: 31.5696649vh;
    }
}
@media (max-width: 320px) and (max-aspect-ratio: 320/567) {
    .new-game-pixels__handwriting {
        width: 55.9375vw;
    }
}
@media (max-width: 320px) and (min-aspect-ratio: 320/567) {
    .new-game-pixels__handwriting {
        height: 5.99647266vh;
    }
}
@media (max-width: 320px) and (max-aspect-ratio: 320/567) {
    .new-game-pixels__handwriting {
        height: 10.625vw;
    }
}
.new-game-pixels__parallax {
    height: 100%;
    position: relative;
    width: 50%;
}
@media (max-width: 1440px) and (orientation: landscape) {
    .new-game-pixels__parallax {
        width: 50%;
    }
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-pixels__parallax {
        width: 100%;
    }
}
.new-game-pixels .scene-pixels {
    height: 100%;
}
.new-game-pixels .scene-pixels__item {
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../images/new-game/pixels-parallax.png);
}
.new-game-pixels .scene-pixels__item_1 {
    top: 78%;
    left: 32%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_1 {
        width: 1.87734668vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_1 {
        width: 1.04239055vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_1 {
        height: 1.87734668vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_1 {
        height: 1.04239055vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_1 {
        width: 1.31868132vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_1 {
        width: 1.75953079vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_1 {
        height: 1.31868132vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_1 {
        height: 1.75953079vw;
    }
}
.new-game-pixels .scene-pixels__item_2 {
    top: 20%;
    left: 15%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_2 {
        width: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_2 {
        width: 2.77970813vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_2 {
        height: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_2 {
        height: 2.77970813vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_2 {
        width: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_2 {
        width: 4.88758553vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_2 {
        height: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_2 {
        height: 4.88758553vw;
    }
}
@media (max-width: 767px) {
    .new-game-pixels .scene-pixels__item_2 {
        top: 0;
    }
}
.new-game-pixels .scene-pixels__item_3 {
    top: 76%;
    left: 20%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_3 {
        width: 5.25657071vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_3 {
        width: 2.91869354vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_3 {
        height: 5.25657071vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_3 {
        height: 2.91869354vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_3 {
        width: 3.80952381vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_3 {
        width: 5.08308895vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_3 {
        height: 3.80952381vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_3 {
        height: 5.08308895vw;
    }
}
.new-game-pixels .scene-pixels__item_4 {
    top: 39%;
    left: 25%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_4 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_4 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_4 {
        height: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_4 {
        height: 1.38985407vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_4 {
        width: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_4 {
        width: 2.44379277vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_4 {
        height: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_4 {
        height: 2.44379277vw;
    }
}
.new-game-pixels .scene-pixels__item_5 {
    top: 59%;
    left: 45%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_5 {
        width: 7.63454318vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_5 {
        width: 4.2390549vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_5 {
        height: 7.63454318vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_5 {
        height: 4.2390549vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_5 {
        width: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_5 {
        width: 2.44379277vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_5 {
        height: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_5 {
        height: 2.44379277vw;
    }
}
@media (max-width: 767px) {
    .new-game-pixels .scene-pixels__item_5 {
        top: 0;
    }
}
.new-game-pixels .scene-pixels__item_6 {
    top: 30%;
    left: 10%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_6 {
        width: 7.25907384vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_6 {
        width: 4.03057679vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_6 {
        height: 7.25907384vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_6 {
        height: 4.03057679vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_6 {
        width: 3.73626374vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_6 {
        width: 4.98533724vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_6 {
        height: 3.73626374vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_6 {
        height: 4.98533724vw;
    }
}
.new-game-pixels .scene-pixels__item_7 {
    top: 65%;
    left: 35%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_7 {
        width: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_7 {
        width: 2.77970813vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_7 {
        height: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_7 {
        height: 2.77970813vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_7 {
        width: 1.68498168vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_7 {
        width: 2.24828935vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_7 {
        height: 1.68498168vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_7 {
        height: 2.24828935vw;
    }
}
.new-game-pixels .scene-pixels__item_8 {
    top: 62%;
    left: 40%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_8 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_8 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_8 {
        height: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_8 {
        height: 1.38985407vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_8 {
        width: 5.56776557vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_8 {
        width: 7.42913001vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_8 {
        height: 5.56776557vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_8 {
        height: 7.42913001vw;
    }
}
@media (max-width: 767px) {
    .new-game-pixels .scene-pixels__item_8 {
        top: 10%;
    }
}
.new-game-pixels .scene-pixels__item_9 {
    top: 72%;
    left: 28%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_9 {
        width: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_9 {
        width: 1.38985407vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_9 {
        height: 2.50312891vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_9 {
        height: 1.38985407vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels .scene-pixels__item_9 {
        top: 12%;
        left: 28%;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_9 {
        width: 5.27472527vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_9 {
        width: 7.03812317vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_9 {
        height: 5.27472527vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_9 {
        height: 7.03812317vw;
    }
}
.new-game-pixels .scene-pixels__item_10 {
    top: 53%;
    left: 85%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_10 {
        width: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_10 {
        width: 2.77970813vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_10 {
        height: 5.00625782vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_10 {
        height: 2.77970813vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels .scene-pixels__item_10 {
        top: 43%;
        left: 55%;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_10 {
        width: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_10 {
        width: 4.88758553vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_10 {
        height: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_10 {
        height: 4.88758553vw;
    }
}
.new-game-pixels .scene-pixels__item_11 {
    top: 76%;
    left: 90%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_11 {
        width: 5.13141427vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_11 {
        width: 2.84920083vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_11 {
        height: 5.13141427vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_11 {
        height: 2.84920083vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels .scene-pixels__item_11 {
        top: 36%;
        left: 20%;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_11 {
        width: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_11 {
        width: 2.44379277vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_11 {
        height: 1.83150183vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_11 {
        height: 2.44379277vw;
    }
}
.new-game-pixels .scene-pixels__item_12 {
    top: 50%;
    left: 10%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_12 {
        width: 7.63454318vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_12 {
        width: 4.2390549vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_12 {
        height: 7.63454318vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_12 {
        height: 4.2390549vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels .scene-pixels__item_12 {
        top: 20%;
        left: 10%;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_12 {
        width: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_12 {
        width: 4.88758553vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_12 {
        height: 3.66300366vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_12 {
        height: 4.88758553vw;
    }
}
.new-game-pixels .scene-pixels__item_13 {
    top: 10%;
    left: 80%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_13 {
        width: 7.1339174vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_13 {
        width: 3.96108409vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_13 {
        height: 7.1339174vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_13 {
        height: 3.96108409vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_13 {
        width: 5.56776557vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_13 {
        width: 7.42913001vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_13 {
        height: 5.56776557vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_13 {
        height: 7.42913001vw;
    }
}
.new-game-pixels .scene-pixels__item_14 {
    top: 42%;
    left: 70%;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_14 {
        width: 2.37797247vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_14 {
        width: 1.32036136vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_14 {
        height: 2.37797247vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-pixels .scene-pixels__item_14 {
        height: 1.32036136vw;
    }
}
@media (max-width: 1023px) {
    .new-game-pixels .scene-pixels__item_14 {
        top: 22%;
        left: 40%;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_14 {
        width: 5.2014652vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_14 {
        width: 6.94037146vw;
    }
}
@media (max-width: 1023px) and (min-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_14 {
        height: 5.2014652vh;
    }
}
@media (max-width: 1023px) and (max-aspect-ratio: 1023/1365) {
    .new-game-pixels .scene-pixels__item_14 {
        height: 6.94037146vw;
    }
}
.new-game-metrics {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 861px;
    background-image: url(../images/new-game/metrics.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding-top: 220px;
    padding-left: 140px;
}
@media (max-width: 1024px) {
    .new-game-metrics {
        height: 790px;
        padding-left: 40px;
        background-size: 110%;
    }
}
@media (max-width: 768px) {
    .new-game-metrics {
        height: 703px;
    }
}
@media (max-width: 590px) {
    .new-game-metrics {
        background-size: 190%;
    }
}
@media (max-width: 400px) {
    .new-game-metrics {
        height: 552px;
        padding-left: 20px;
        padding-top: 104px;
        background-size: 208%;
    }
}
@media (max-width: 320px) {
    .new-game-metrics {
        padding-top: 80px;
        height: 485px;
    }
}
@media (min-width: 1500px) {
    .new-game-metrics {
        height: 1100px;
        background-size: 110%;
    }
}
@media (min-width: 1900px) {
    .new-game-metrics {
        height: 1300px;
        background-size: 100%;
    }
}
@media (min-width: 2550px) {
    .new-game-metrics {
        height: 1500px;
        background-size: 110%;
        background-position: 0 0;
    }
}
.new-game-metrics__handwriting {
    font-size: 20px;
    line-height: 1.5;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 375px) {
    .new-game-metrics__handwriting {
        font-size: 12px;
    }
}
.new-game-metrics__title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-metrics__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-metrics__title {
        font-size: 36px;
    }
}
.new-game-metrics__title-item2 {
    margin-left: 187px;
}
@media (max-width: 1024px) {
    .new-game-metrics__title-item2 {
        margin-left: 145px;
    }
}
@media (max-width: 768px) {
    .new-game-metrics__title-item2 {
        margin-left: 0;
    }
}
.new-game-achievements__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 1200px;
    background-image: url(../images/new-game/Finale_TED.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 70px 140px 0;
}
@media (max-width: 1440px) {
    .new-game-achievements__wrapper {
        padding: 70px 40px 0;
        height: 910px;
    }
}
@media (max-width: 1024px) {
    .new-game-achievements__wrapper {
        padding: 70px 40px 0;
    }
}
@media (max-width: 768px) {
    .new-game-achievements__wrapper {
        height: 736px;
        background-position: 80%;
    }
}
@media (max-width: 486px) {
    .new-game-achievements__wrapper {
        height: 574px;
        padding: 24px 20px 0;
        background-size: 311%;
        background-position: 71% 0%;
    }
}
.new-game-achievements__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-align: center;
}
@media (max-width: 768px) {
    .new-game-achievements__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-achievements__title {
        font-size: 36px;
    }
}
@media (max-width: 768px) {
    .new-game-achievements__title {
        font-size: 7vw;
    }
}
.new-game-achievements__parallax {
    width: 100%;
    height: 100%;
    position: absolute;
}
.new-game-achievements .scene-achievements {
    height: 100%;
}
.new-game-achievements .scene-achievements__item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.new-game-achievements .scene-achievements__item_4 {
    top: 70%;
    left: 35%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-4.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_4 {
        width: 25.03128911vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_4 {
        width: 13.89854065vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_4 {
        height: 15.01877347vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_4 {
        height: 8.33912439vw;
    }
}
.new-game-achievements .scene-achievements__item_5 {
    top: 90%;
    left: 60%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-5.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_5 {
        width: 16.52065081vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_5 {
        width: 9.17303683vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_5 {
        height: 9.8873592vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_5 {
        height: 5.48992356vw;
    }
}
.new-game-achievements .scene-achievements__item_6 {
    top: 30%;
    left: 50%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-6.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_6 {
        width: 20.02503129vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_6 {
        width: 11.11883252vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_6 {
        height: 12.51564456vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_6 {
        height: 6.94927033vw;
    }
}
.new-game-achievements .scene-achievements__item_7 {
    top: 25%;
    left: 75%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-7.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_7 {
        width: 11.51439299vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_7 {
        width: 6.3933287vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_7 {
        height: 7.1339174vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_7 {
        height: 3.96108409vw;
    }
}
.new-game-achievements .scene-achievements__item_8 {
    top: 65%;
    left: 85%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-8.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_8 {
        width: 20.02503129vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_8 {
        width: 11.11883252vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_8 {
        height: 12.51564456vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_8 {
        height: 6.94927033vw;
    }
}
.new-game-achievements .scene-achievements__item_9 {
    top: 80%;
    left: 10%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-9.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_9 {
        width: 16.27033792vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_9 {
        width: 9.03405142vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_9 {
        height: 9.8873592vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_9 {
        height: 5.48992356vw;
    }
}
.new-game-achievements .scene-achievements__item_10 {
    top: 60%;
    left: 85%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-10.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_10 {
        width: 9.51188986vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_10 {
        width: 5.28144545vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_10 {
        height: 5.7571965vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_10 {
        height: 3.19666435vw;
    }
}
.new-game-achievements .scene-achievements__item_11 {
    top: 40%;
    left: 45%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-11.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_11 {
        width: 9.51188986vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_11 {
        width: 5.28144545vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_11 {
        height: 5.7571965vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_11 {
        height: 3.19666435vw;
    }
}
.new-game-achievements .scene-achievements__item_12 {
    top: 20%;
    left: 15%;
    background-image: url(../images/new-game/achievements-parallax/achievements-parallax-12.png);
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_12 {
        width: 20.02503129vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_12 {
        width: 11.11883252vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_12 {
        height: 12.51564456vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-achievements .scene-achievements__item_12 {
        height: 6.94927033vw;
    }
}
.new-game-code {
    padding: 150px 140px 60px;
}
@media (max-width: 1024px) {
    .new-game-code {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-code {
        padding-bottom: 280px;
    }
}
@media (max-width: 768px) {
    .new-game-code {
        padding-bottom: 280px;
    }
}
@media (max-width: 375px) {
    .new-game-code {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 320px) {
    .new-game-code {
        padding-top: 40px;
    }
}
@media (max-width: 1366) and (orientation: landscape) {
    .new-game-code {
        padding-bottom: 60px;
    }
}
.new-game-code__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .new-game-code__wrapper {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.new-game-code__text {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: 100%;
    margin-bottom: 74px;
}
@media (max-width: 375px) {
    .new-game-code__text {
        margin-bottom: 44px;
    }
}
.new-game-code__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .new-game-code__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-code__title {
        font-size: 36px;
    }
}
@media (max-width: 375px) and (orientation: portrait) {
    .new-game-code__title {
        margin-bottom: 32px;
    }
}
@media (max-width: 320px) and (orientation: portrait) {
    .new-game-code__title {
        margin-bottom: 16px;
    }
}
@media (max-width: 414px) {
    .new-game-code__title {
        font-size: 32px !important;
    }
}
@media (max-width: 340px) {
    .new-game-code__title {
        font-size: 30px !important;
    }
}
.new-game-code__subtitle {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
}
@media (max-width: 1024px) {
    .new-game-code__subtitle {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 1260px) {
    .new-game-code__subtitle {
        padding-left: 200px;
    }
}
.new-game-code__subtitle-item1 {
    max-width: 501px;
    margin-right: 28px;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
.new-game-code__subtitle-item2 {
    max-width: 357px;
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}
@media (max-width: 540px) {
    .new-game-code__subtitle-item2 {
        max-width: 260px;
    }
}
.new-game-code__parallax {
    width: 100%;
    position: relative;
    height: 600px;
}
@media (max-width: 1023px) {
    .new-game-code__parallax {
        height: 500px;
        width: 100%;
    }
}
@media (max-width: 760px) {
    .new-game-code__parallax {
        height: 300px;
    }
}
.new-game-code__parallax > div {
    pointer-events: auto !important;
}
.new-game-code__parallax > div > div:last-child {
    pointer-events: none;
}
.new-game-code .scene-code {
    height: 100%;
}
.new-game-code .scene-code__item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
.new-game-code .scene-code__item_1 {
    background-image: url(../images/new-game/code-parallax-2.png);
    top: -50px;
    left: 0;
    z-index: 1;
}
@media (min-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_1 {
        width: 35.21256932vh;
    }
}
@media (max-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_1 {
        width: 37.24340176vw;
    }
}
@media (min-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_1 {
        height: 18.5767098vh;
    }
}
@media (max-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_1 {
        height: 19.64809384vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/902) {
    .new-game-code .scene-code__item_1 {
        width: 37.25055432vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/902) {
    .new-game-code .scene-code__item_1 {
        width: 43.80704042vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/902) {
    .new-game-code .scene-code__item_1 {
        height: 22.28381375vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/902) {
    .new-game-code .scene-code__item_1 {
        height: 26.20599739vw;
    }
}
@media (max-width: 1023px) {
    .new-game-code .scene-code__item_1 {
        top: -5px;
    }
}
.new-game-code .scene-code__item_2 {
    background-image: url(../images/new-game/code-parallax-1.png);
    top: 70%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
@media (min-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_2 {
        width: 45.93345656vh;
    }
}
@media (max-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_2 {
        width: 48.5826002vw;
    }
}
@media (min-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_2 {
        height: 9.14972274vh;
    }
}
@media (max-aspect-ratio: 1023/1082) {
    .new-game-code .scene-code__item_2 {
        height: 9.67741935vw;
    }
}
@media (max-width: 769px) and (min-aspect-ratio: 767/982) {
    .new-game-code .scene-code__item_2 {
        width: 40.42769857vh;
    }
}
@media (max-width: 769px) and (max-aspect-ratio: 767/982) {
    .new-game-code .scene-code__item_2 {
        width: 51.7601043vw;
    }
}
@media (max-width: 769px) and (min-aspect-ratio: 767/982) {
    .new-game-code .scene-code__item_2 {
        height: 9.06313646vh;
    }
}
@media (max-width: 769px) and (max-aspect-ratio: 767/982) {
    .new-game-code .scene-code__item_2 {
        height: 11.60365059vw;
    }
}
.new-game-code__demo {
    top: 30px;
    position: absolute;
    background-color: #eeeff1;
    border: 2px solid #44485d;
    overflow: auto;
    left: calc(50% - (698px / 2));
    z-index: 3;
    font-family: "Courier New", Courier, monospace;
    font-weight: 700;
    color: #653eb3;
    max-width: 698px;
    max-height: 432px;
}
@media (min-aspect-ratio: 1023/1082) {
    .new-game-code__demo {
        border-radius: 1.47874307vh;
    }
}
@media (max-aspect-ratio: 1023/1082) {
    .new-game-code__demo {
        border-radius: 1.56402737vw;
    }
}
.new-game-code__demo > pre {
    margin-left: -60px;
}
@media (max-width: 768px) {
    .new-game-code__demo {
        max-width: 100%;
        margin: 0 auto;
        left: auto;
    }
}
.new-game-footer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    background-color: #653eb3;
    padding-bottom: 48px;
}
@media (max-width: 767px) and (orientation: landscape) {
    .new-game-footer {
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (max-width: 1024px) {
    .new-game-footer {
        padding-bottom: 20px;
    }
}
@media (max-width: 375px) {
    .new-game-footer {
        padding-bottom: 4px;
    }
}
@media (max-width: 320px) {
    .new-game-footer {
        padding-bottom: 28px;
    }
}
.new-game-footer__text {
    max-width: 1300px;
    margin: 0 auto 64px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-center;
    -moz-box-pack: flex-center;
    -ms-flex-pack: flex-center;
    justify-content: flex-center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1024px) {
    .new-game-footer__text {
        margin: 0 17px 100px;
    }
}
@media (max-width: 767px) {
    .new-game-footer__text {
        margin-bottom: 35px;
    }
}
@media (max-width: 376px) {
    .new-game-footer__text {
        margin-bottom: 60px;
    }
}
.new-game-footer__main-title {
    display: inline-block;
    text-align: center;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .new-game-footer__main-title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-footer__main-title {
        font-size: 36px;
    }
}
@media (max-width: 1024px) {
    .new-game-footer__main-title {
        margin-bottom: 40px;
    }
}
@media (max-width: 375px) {
    .new-game-footer__main-title {
        margin-bottom: 24px;
    }
}
@media (max-width: 347px) {
    .new-game-footer__main-title {
        font-size: 32px;
    }
}
.new-game-footer__button {
    padding: 14px 44px 13px;
    border-radius: 2px;
    line-height: 1.5;
    background: #fff;
    color: #44485d;
    font-weight: 700;
    text-transform: uppercase;
}
.new-game-footer__links {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 375px) {
    .new-game-footer__links {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.new-game-footer__item {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #653eb3;
    padding: 43px 0 43px 140px;
    width: 50%;
}
@media (max-width: 1024px) {
    .new-game-footer__item {
        padding: 49px 40px;
    }
}
@media (max-width: 767px) {
    .new-game-footer__item {
        padding: 40px;
    }
}
@media (max-width: 375px) {
    .new-game-footer__item {
        padding: 32px 20px;
        width: 100%;
    }
}
.new-game-footer__item-link {
    display: inline-block;
}
.new-game-footer__link-title {
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 130%;
    color: #fff;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-footer__link-title {
        margin-bottom: 1.50187735vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-footer__link-title {
        margin-bottom: 0.83391244vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-footer__link-title {
        font-size: 4.38047559vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-footer__link-title {
        font-size: 2.43224461vw;
    }
}
@media (max-width: 767px) {
    .new-game-footer__link-title {
        font-size: 25px;
        line-height: 130%;
    }
}
.new-game-footer__link-description {
    font-size: 14px;
    line-height: 125%;
    color: #fff;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-footer__link-description {
        margin-bottom: 4.00500626vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-footer__link-description {
        margin-bottom: 2.2237665vw;
    }
}
.new-game-footer .new-game-footer__link-arrow {
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-footer .new-game-footer__link-arrow {
        width: 5.25657071vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-footer .new-game-footer__link-arrow {
        width: 2.91869354vw;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-footer .new-game-footer__link-arrow {
        height: 1.50187735vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-footer .new-game-footer__link-arrow {
        height: 0.83391244vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-footer .new-game-footer__link-arrow {
        width: 3.12805474vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-footer .new-game-footer__link-arrow {
        width: 4.17209909vw;
    }
}
@media (max-width: 767px) and (min-aspect-ratio: 767/1023) {
    .new-game-footer .new-game-footer__link-arrow {
        height: 0.97751711vh;
    }
}
@media (max-width: 767px) and (max-aspect-ratio: 767/1023) {
    .new-game-footer .new-game-footer__link-arrow {
        height: 1.30378096vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .new-game-footer .new-game-footer__item-link:hover .new-game-footer__link-arrow {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media (pointer: coarse) {
    .new-game-footer .new-game-footer__item-link:active .new-game-footer__link-arrow {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
.new-game-footer_lang_en .new-game-fix-bugs__animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: -70%;
    top: -360%;
}
@media (max-width: 1024px) {
    .new-game-footer_lang_en .new-game-fix-bugs__animation {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        top: -292%;
        left: -2%;
    }
}
@media (max-width: 768px) {
    .new-game-footer_lang_en .new-game-fix-bugs__animation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: -60%;
        top: -330%;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-footer_lang_en .new-game-fix-bugs__image_1 {
        max-width: 304px;
    }
    .new-game-footer_lang_en .new-game-fix-bugs__image_2 {
        max-width: 273px;
    }
    .new-game-footer_lang_en .new-game-fix-bugs__image_3 {
        max-width: 273px;
        margin-top: 30%;
    }
}
.new-game-revive__wrapper {
    position: relative;
    padding-top: min(56vw, 1490px);
}
@media (max-width: 1024px) {
    .new-game-revive__wrapper {
        padding-top: 69vw;
    }
}
@media (max-width: 768px) {
    .new-game-revive__wrapper {
        padding-top: 76vw;
    }
}
@media (max-width: 375px) {
    .new-game-revive__wrapper {
        padding-top: 81vw;
    }
}
.new-game-revive__mary {
    position: absolute;
    bottom: 0;
    right: 140px;
    height: 100%;
    width: auto;
    z-index: 2;
}
@media (max-width: 1024px) {
    .new-game-revive__mary {
        right: 40px;
    }
}
@media (max-width: 768px) {
    .new-game-revive__mary {
        right: 35px;
    }
}
@media (max-width: 375px) {
    .new-game-revive__mary {
        right: 20px;
    }
}
.new-game-revive__mary-wrapper {
    height: 100%;
    position: relative;
}
.new-game-revive__mary-talk {
    position: absolute;
    left: -83%;
    top: 8%;
}
@media (min-width: 1320px) {
    .new-game-revive__mary-talk {
        width: 84%;
        left: -71%;
        top: 12%;
    }
}
.new-game-revive__mary-image {
    max-height: 100%;
    width: auto;
}
.new-game-revive__background {
    position: absolute;
    bottom: 0;
    height: 75%;
    width: 100%;
    z-index: 1;
    background-image: url(../images/new-game/new-revive.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.new-game-revive__text {
    padding-left: 40px;
    margin-bottom: 22px;
}
@media (min-width: 885px) {
    .new-game-revive__text {
        display: none;
    }
}
@media (max-width: 375px) {
    .new-game-revive__text {
        padding-left: 20px;
        margin-bottom: 80px;
    }
}
.new-game-revive__handwriting {
    max-width: 335px;
    max-height: 59px;
    margin-bottom: 21px;
}
@media (max-width: 1023px) and (orientation: landscape) {
    .new-game-revive__handwriting {
        max-width: 267px;
        max-height: 47px;
        margin-bottom: 2px;
    }
}
@media (max-width: 812px) and (orientation: landscape) {
    .new-game-revive__handwriting {
        max-width: 227px;
        max-height: 39px;
        margin-bottom: 6px;
    }
}
@media (max-width: 620px) {
    .new-game-revive__handwriting {
        width: 55vw;
    }
}
@media (max-width: 375px) and (orientation: portrait) {
    .new-game-revive__handwriting {
        max-width: 267px;
        max-height: 47px;
        margin-bottom: 2px;
    }
}
@media (max-width: 320px) and (orientation: portrait) {
    .new-game-revive__handwriting {
        max-width: 227px;
        max-height: 39px;
        margin-bottom: 6px;
    }
}
.new-game-revive__title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-revive__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-revive__title {
        font-size: 36px;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-revive__title span:nth-of-type(2) {
        margin-left: 17.27158949vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-revive__title span:nth-of-type(2) {
        margin-left: 9.58999305vw;
    }
}
.new-game-revive__text-light {
    position: absolute;
    bottom: 16vw;
    left: 140px;
    z-index: 2;
}
@media (max-width: 1243px) {
    .new-game-revive__text-light {
        bottom: 12vw;
        left: 95px;
    }
}
@media (max-width: 1024px) {
    .new-game-revive__text-light {
        left: 40px;
        bottom: 16vw;
    }
}
@media (max-width: 885px) {
    .new-game-revive__text-light {
        display: none;
    }
}
@media (min-width: 1900px) {
    .new-game-revive__text-light {
        bottom: 10vw;
        left: 8vw;
    }
}
.new-game-revive__title-light {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-revive__title-light {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-revive__title-light {
        font-size: 36px;
    }
}
@media (min-aspect-ratio: 1439/799) {
    .new-game-revive__title-light span:nth-of-type(2) {
        margin-left: 17.27158949vh;
    }
}
@media (max-aspect-ratio: 1439/799) {
    .new-game-revive__title-light span:nth-of-type(2) {
        margin-left: 9.58999305vw;
    }
}
.new-game-revive__handwriting-light {
    max-width: 335px;
    max-height: 59px;
    margin-bottom: 21px;
}
@media (max-width: 1023px) {
    .new-game-revive__handwriting-light {
        max-width: 267px;
        max-height: 47px;
        margin-bottom: 2px;
    }
}
@media (max-width: 812px) {
    .new-game-revive__handwriting-light {
        max-width: 227px;
        max-height: 39px;
        margin-bottom: 6px;
    }
}
.new-game-revive-clone {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 375px) {
    .new-game-revive-clone {
        padding-top: 104px;
    }
}
@media (min-width: 768px) {
    .new-game-revive-clone {
        padding-top: 220px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px) {
    .new-game-revive-clone {
        padding-left: 140px;
        padding-right: 140px;
    }
}
.new-game-revive-clone__wrapper {
    padding-top: 101px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (min-width: 768px) {
    .new-game-revive-clone__wrapper {
        padding-top: 0;
    }
}
.new-game-revive-clone__doc {
    position: relative;
}
.new-game-revive-clone__doc-talk {
    position: absolute;
    top: -29%;
    left: 0;
    width: 148px;
    height: auto;
}
@media (min-width: 532px) {
    .new-game-revive-clone__doc-talk {
        width: 186px;
    }
}
@media (min-width: 768px) {
    .new-game-revive-clone__doc-talk {
        top: 21%;
        left: -53%;
    }
}
@media (min-width: 1024px) {
    .new-game-revive-clone__doc-talk {
        width: 25vw;
    }
}
@media (min-width: 1440px) {
    .new-game-revive-clone__doc-talk {
        width: 21vw;
        left: -50%;
    }
}
.new-game-revive-clone__doc-image {
    width: 181px;
}
@media (min-width: 532px) {
    .new-game-revive-clone__doc-image {
        width: 233px;
    }
}
@media (min-width: 768px) {
    .new-game-revive-clone__doc-image {
        width: 255px;
    }
}
@media (min-width: 1024px) {
    .new-game-revive-clone__doc-image {
        width: 34vw;
    }
}
@media (min-width: 1440px) {
    .new-game-revive-clone__doc-image {
        width: 30vw;
    }
}
.new-game-revive-clone__professor {
    position: relative;
    margin-left: -84px;
}
@media (min-width: 768px) {
    .new-game-revive-clone__professor {
        margin-left: -160px;
    }
}
.new-game-revive-clone__professor-talk {
    position: absolute;
    top: -28%;
    left: 36%;
    width: 122px;
    height: auto;
}
@media (min-width: 532px) {
    .new-game-revive-clone__professor-talk {
        width: 161px;
    }
}
@media (min-width: 768px) {
    .new-game-revive-clone__professor-talk {
        top: 24%;
        left: 78%;
    }
}
@media (min-width: 1024px) {
    .new-game-revive-clone__professor-talk {
        width: 23vw;
    }
}
@media (min-width: 1440px) {
    .new-game-revive-clone__professor-talk {
        width: 18vw;
    }
}
.new-game-revive-clone__professor-image {
    width: 190px;
    z-index: 3;
}
@media (min-width: 532px) {
    .new-game-revive-clone__professor-image {
        width: 255px;
    }
}
@media (min-width: 768px) {
    .new-game-revive-clone__professor-image {
        width: 295px;
    }
}
@media (min-width: 1024px) {
    .new-game-revive-clone__professor-image {
        width: 34vw;
    }
}
.new-game-devices {
    padding: 149px 140px 60px;
    background-color: #653eb3;
}
@media (max-width: 991px) {
    .new-game-devices {
        padding: 149px 20px 60px;
    }
}
@media (max-width: 720px) {
    .new-game-devices {
        padding: 92px 20px 60px;
    }
}
@media (max-width: 320px) {
    .new-game-devices {
        padding: 80px 20px 60px;
    }
}
.new-game-devices__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .new-game-devices__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.new-game-devices__title {
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
    padding-bottom: 80px;
}
@media (max-width: 768px) {
    .new-game-devices__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-devices__title {
        font-size: 36px;
    }
}
.new-game-devices__image {
    max-width: 485px;
    height: auto;
}
.new-game-devices__right {
    width: 100%;
    height: 700px;
}
@media (max-width: 550px) {
    .new-game-devices__right {
        height: 500px;
    }
}
@media (max-width: 460px) {
    .new-game-devices__right {
        height: 390px;
    }
}
@media (max-width: 390px) {
    .new-game-devices__right {
        height: 300px;
    }
}
.new-game-devices__parallax {
    position: relative;
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.new-game-devices__parallax .scene-devices1 {
    z-index: 3;
}
.new-game-devices__parallax .scene-devices1 .scene-devices3,
.new-game-devices__parallax .scene-devices1__uniq {
    z-index: 1;
}
@media (max-width: 767px) and (orientation: landscape) {
    .new-game-devices__parallax .scene-devices1 {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .new-game-devices__parallax .scene-devices1 > div {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        position: relative !important;
    }
}
.new-game-devices__parallax .scene-devices1 .scene-devices3__item,
.new-game-devices__parallax .scene-devices1__item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
.new-game-devices__parallax .scene-devices1__item_1 {
    top: -45px;
    right: -130px;
    margin: 10px 0;
    max-width: 553px;
    height: auto;
    border-radius: 17px;
}
@media (max-width: 1024px) {
    .new-game-devices__parallax .scene-devices1__item_1 {
        right: 0;
    }
}
@media (max-width: 768px) {
    .new-game-devices__parallax .scene-devices1__item_1 {
        right: 40px;
    }
}
@media (max-width: 550px) {
    .new-game-devices__parallax .scene-devices1__item_1 {
        top: 15px;
    }
}
.new-game-devices__parallax .scene-devices1__item_2 {
    top: 140px;
    right: -50px;
    max-width: 553px;
    height: auto;
    border-radius: 13px;
    margin: 10px 0;
}
@media (max-width: 1024px) {
    .new-game-devices__parallax .scene-devices1__item_2 {
        right: 50px;
    }
}
@media (max-width: 768px) {
    .new-game-devices__parallax .scene-devices1__item_2 {
        right: 150px;
    }
}
@media (max-width: 550px) {
    .new-game-devices__parallax .scene-devices1__item_2 {
        top: 130px;
    }
}
.new-game-devices__parallax .scene-devices1__item_3 {
    top: 330px;
    right: 0;
    margin: 10px 0;
    max-width: 371px;
    height: auto;
    border-radius: 16px;
}
@media (max-width: 550px) {
    .new-game-devices__parallax .scene-devices1__item_3 {
        top: 285px;
    }
}
@media (max-width: 470px) {
    .new-game-devices__parallax .scene-devices1__item_3 {
        max-width: 240px;
    }
}
@media (max-width: 390px) {
    .new-game-devices__parallax .scene-devices1__item_3 {
        top: 214px;
    }
}
@media (max-width: 360px) {
    .new-game-devices__parallax .scene-devices1__item_3 {
        top: 200px;
        max-width: 200px;
    }
}
.new-game-devices__parallax .scene-devices1__item_4 {
    top: 370px;
    right: 185px;
    margin: 10px 0;
    max-width: 371px;
    height: auto;
    border-radius: 16px;
}
@media (max-width: 550px) {
    .new-game-devices__parallax .scene-devices1__item_4 {
        top: 260px;
    }
}
@media (max-width: 390px) {
    .new-game-devices__parallax .scene-devices1__item_4 {
        top: 214px;
    }
}
.new-game-fix-bugs {
    padding: 40px 140px 104px;
}
@media (max-width: 1024px) {
    .new-game-fix-bugs {
        padding: 0 40px 100px;
    }
}
@media (max-width: 968px) {
    .new-game-fix-bugs {
        padding: 0 40px 100px;
    }
}
@media (max-width: 455px) {
    .new-game-fix-bugs {
        padding: 120px 40px 100px;
    }
}
@media (max-width: 375px) {
    .new-game-fix-bugs {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
    }
}
@media (max-width: 320px) {
    .new-game-fix-bugs {
        padding-bottom: 81px;
    }
}
.new-game-fix-bugs__wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-fix-bugs__wrapper {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.new-game-fix-bugs__text {
    position: relative;
}
.new-game-fix-bugs__title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: clamp(70px, 4.86vw, 2000px);
    line-height: 1.25;
    color: #44485d;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .new-game-fix-bugs__title {
        font-size: 9vw;
    }
}
@media (max-width: 465px) {
    .new-game-fix-bugs__title {
        font-size: 36px;
    }
}
.new-game-fix-bugs__title span:nth-of-type(2) {
    margin-left: 18px;
}
.new-game-fix-bugs__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}
.new-game-fix-bugs__animation {
    z-index: 2;
    position: absolute;
    width: 400%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    top: -469%;
    left: -86%;
}
@media (max-width: 1440px) {
    .new-game-fix-bugs__animation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        top: -450%;
        left: -60%;
    }
}
@media (max-width: 720px) and (orientation: portrait) {
    .new-game-fix-bugs__animation {
        left: -80%;
    }
}
@media (max-width: 375px) {
    .new-game-fix-bugs__animation {
        top: -430%;
        left: -85%;
    }
}
@media (max-width: 320px) {
    .new-game-fix-bugs__animation {
        top: -460%;
        left: -85%;
    }
}
.new-game-fix-bugs__images {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
@media (max-width: 1024px) and (orientation: portrait) {
    .new-game-fix-bugs__images {
        margin-top: 120px;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 760px) and (orientation: portrait) {
    .new-game-fix-bugs__images {
        margin-top: 60px;
    }
}
.new-game-fix-bugs__images-item1 {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    z-index: 3;
}
@media (max-width: 1024px) {
    .new-game-fix-bugs__images-item1,
    .new-game-fix-bugs__images-item2 {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}
.new-game-fix-bugs__image_1 {
    z-index: 3;
    max-width: 431px;
    height: auto;
}
.new-game-fix-bugs__image_2 {
    z-index: 1;
    max-width: 385px;
    height: auto;
}
.new-game-fix-bugs__image_3 {
    max-width: 808px;
    height: auto;
    margin-top: 50%;
}
.new-game-fix-bugs_lang_en .new-game-fix-bugs__animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: -70%;
    top: -360%;
}
@media (max-width: 1024px) {
    .new-game-fix-bugs_lang_en .new-game-fix-bugs__animation {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        top: -292%;
        left: -2%;
    }
}
@media (max-width: 768px) {
    .new-game-fix-bugs_lang_en .new-game-fix-bugs__animation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: -60%;
        top: -324%;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .new-game-fix-bugs_lang_en .new-game-fix-bugs__image_1 {
        max-width: 304px;
    }
    .new-game-fix-bugs_lang_en .new-game-fix-bugs__image_2 {
        max-width: 273px;
    }
    .new-game-fix-bugs_lang_en .new-game-fix-bugs__image_3 {
        max-width: 273px;
        margin-top: 30%;
    }
}


.value-grd{
    position: relative;
    width: 1440px;
    height: 768px;
    left: calc(50% - 1440px/2);
    background: linear-gradient(180deg, rgba(13, 37, 101, 0) 36.23%, #04156C 87.4%);
}




.value__title {
    font-size: clamp(40px, 3.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    margin: 20px auto 60px;
    text-align: center;
}
.value-point__description{
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 120%;
    color: #44485d;
    margin-bottom: 40px;
}
.value__description {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.8;
    color: #44485d;
    text-align: center;
    margin-bottom: 64px;
}
.value-element__description{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #44485d;

}
.value-element-wrap {
    width: 49%;
}
.value-inner__description{
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 150%;
    color: #fffff;
}

.value-inner__title {
    font-size: clamp(40px, 3.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.85;
    color: #fff;
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
    margin: 20px auto;
}

.value-section-0a {
    display: flex;
    align-content: center;
    height: 100%;
    padding: 60px 0 60px 0;
}
.picture{
    flex-direction: column;
    width: 50%;
}
.section-00-wrap {
    display: flex;
    text-align: left;
    width: 100%;
    height: auto;
}
.text_wrap{
    width: 50%;
    margin-right: 40px;
}
.section-00__title {
    font-size: clamp(40px, 3.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    text-align: left;
    padding: 20px 0;
}
.section-00__description {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.6;
    color: #44485d;
    text-align: left;
    padding-bottom: 40px;

}
.value-section-01-about {
    padding: 100px 0px 100px 0;
}

.value-point {
    background: #EEEFF1;
    padding: 60px 0 60px;
}
.value-point__title {
    font-size: 54px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 125%;
    color: #44485d;
    margin-bottom: 16px;
    text-align: center;
}

.value-section,
.top-section__container {
    height: 100vh;
    position: relative;
}
.value-section__bg {
    position: relative;
    background: no-repeat 50% 50% / cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    will-change: transform, opacity;
}
.value-section__bg::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.value-section-making {
    padding: 80px 0;
    background-color: #4E5B70;
    height: auto;
    width: 100%;
    flex-direction: column;
    display: flex;
    align-content: center;
}
.value-point-element_l__title:hover {
    color: #673BB6;
    transition: 0.2s;
}
.value-point-element__title:hover {
    color: #673BB6;
    transition: 0.2s;
}
@media (max-width: 767px) {
    .section-00__description{
        padding-left: 0px;
    }
    .value-element-wrap {
        width: 100%;}
}
.value-section__bg_jobs::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.value-section__bg_about::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.26);
}
.value-section-00 {
    max-height: 100%;
    min-height: 100%;
    background-color: #4E5B70;
    padding: 60px 20px 100px;
}
.value-section-01 {
    height: 100vh;
    background-image: url("../images/culture-code/Layer 1-1.jpg");
    background-color: #606f7d;
    padding: 60px 20px 100px;
    background-position: top;
}
.value-section-02 {
    height: 100vh;
    background-image: url("../images/culture-code/section_02.png");
    background-position: top;
    background-color: #606f7d;
    padding: 60px 20px 100px;
}
.value-section {
    background-image: url("../images/culture-code/team_section_4.jpg");
    background-color: #606f7d;
    padding: 60px 0 60px;
}
.value-section-03 {
    height: 100vh;
    background-image: url("../images/culture-code/team_section_4.jpg");
    background-position: top;
    background-color: #606f7d;
    padding: 60px 20px 100px;
}
.value-section-04 {
    height: 100vh;
    background-image: url("../images/culture-code/section_4.jpg");
    background-position: top;
    background-color: #606f7d;
    padding: 60px 20px 100px;
}
.value-about{
    padding: 80px 0 80px 0;
    height: 100%;
    background-color: #FFFFFF;
}

.d-no-mobile .value-section_fixed .value-section__bg {
    position: fixed;
}


@media (max-width: 767px) {
    .value-section_about .value-section__bg {
        background-image: url(../images/about/topsection-phone.jpg) !important;
        background-position: 0% 20%;
    }
    .value-section__bg_privacy,
    .value-section_jobs .value-section__bg {
        background-image: url(../images/vacancy/topsection-phone.jpg) !important;
        background-position: 40% 50%;
    }
    .value-section__bg_privacy {
        background-image: url(../images/privacy/topsection-phone.jpg) !important;
    }
}

.value-wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.value-inner__description-wrap {
    align-content: center;
    align-items: center;
    margin: auto auto 0;
}

.photo_1 {
    max-height: 350px;
    width: auto;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.13));
    padding: 10px;
    transform: rotate(10deg);
    transition: 0.3s;
}

.photo_1:hover{
    transform: scale(1.1);
}

.photo_2{
    max-height: 350px;
    width: auto;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.13));
    padding: 10px;
    transform: rotate(-10deg);
    transition: 0.3s;
}
.photo_2:hover {
    transition: 0.3s;
    transform: scale(1.1);
}
.photo_3{
    max-height: 350px;
    width: auto;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.13));
    padding: 10px;
    transform: rotate(10deg);
    transition: 0.3s;
}
.photo_3:hover {
    transition: 0.3s;
    transform: scale(1.1);
}
.value-title-wrap-inner {
    width: 670px;
}

.value-section__content {
    position: absolute;
    bottom: 10%;
    max-width: 485px;
    padding-bottom: 45px;
}
.value-decor {
    height: 100%;
    justify-content: space-around;
    display: flex;
    align-items: center;
    margin: 15px 0;
}


@media (max-width: 1439px) {
    .value-section__content {
        max-width: 430px;
    }
}
@media (max-width: 767px) {
    .value-section__content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 1023px) {
    .value-element__description {
        font-size: 18px;
        line-height: 22px;
    }
    .value-wrap{
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        height: 100%;
        width: auto;
        margin: auto;
    }
}

.top__description{
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
    text-align: left;
    margin-top: 30px;
}

.top-section__bg_jobs::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.value-column_01 {
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.value-column-wrap-mobile {
    display: none;
}

.value-point-element__title {
    font-weight: 900;
    font-size: clamp(30px, 0.86vw, 2000px);
    line-height: 1;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    color: #44485d;
    margin-bottom: 16px;
    text-align: left;
}

.value-point-element_l__title {
    font-weight: 900;
    font-size: clamp(30px, 0.86vw, 2000px);
    line-height: 1;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    color: #44485d;
    margin-bottom: 16px;
    text-align: right;
    transition: 0.2s;
}
.value-point-element__description {

}

.value-point-inner {
    display: flex;
    flex-flow: column;
}
.value-element__title {
    font-size: clamp(25px, 0.86vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    margin-bottom: 16px;
    text-align: left;
    margin: 20px 0 20px 0;
}
.value-inner {
    display: flex;
    align-items: stretch;
    margin: auto;
    height: 100%;
}
.value-section-01-point-inner{
    display: flex;
    flex-flow: row;
    padding-top: 60px;
}
.value-section-01-inner{
    display: flex;
    flex-flow: row;
}

.value-section-01-wrap {
    width: 49%;
    display: flex;
    flex-flow: column;
}

.value-point-element {
    height: auto;
    width: 100%;
    padding-bottom: 20px;
}
.value-point-element-dot {
    padding:  0;
    width: 100%;
}

.value-point-element_l{
    padding: 0;
    height: auto;
    width: 100%;
    text-align: end;
}
.value-point-section-01{
    padding: 0px 60px 60px 0px;
}

.value-text-wrap-half{
    padding: 0 0 20px 40px;
}
.value-text-wrap-mobile{
    width: auto;
    padding: 0 ;
}
.value-element{
    padding: 0 0 40px 40px;
    height: auto;
}

.value-image {
    width: 49%;
}

.value-column {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 40px 0 0;
}

.value-point-column{
    display: flex;
    flex-direction: row;
}

.value-point-element_l {
    transition: 0.3s;
}
.value-point-element_l:hover {
    transform: scale(1.05);
}
.value-point-element{
    transition: 0.3s;
}
.value-point-element:hover {
    transform: scale(1.05);
}
.value-inner__description {
    font-size: 26px;
    line-height: 32px;
    color: #ffffff;
    text-align: center;
    padding-top: 20px;
}

.valeu-element-wrapper {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
#verticle-line-violet {
    width: 1px;
    height: 100%;
    background: #673BB6;
    margin-left: auto;
    margin-right: auto;
}
.value-point-element-dot{
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;

}
.value_label_wrap{
    margin: 60px auto 0 auto;
    text-align: center;
    padding: 20px;

}
.value-point-inner-mobile {
    display: none;
}
.value_label{
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 25px;
    color: #673BB6;
    margin-bottom: 16px;
    text-align: center;
    margint: 0 auto;
}
.value__container-photo {
    height: 100%;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.value__container {
    height: 100%;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    z-index: 2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dot {
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
    height: 25px;
    width: 25px;
    background-color: #673BB6;
    border-radius: 50%;
    display: block;
    align-content: center;
}

.vr {
    border-left: 1px solid #673BB6;
    height: 100%;
    width: 1px;
    display: inline-block;
    margin: 0 auto;
}



@media (max-width: 767px) {
    .dot {
        height: 20px;
        width: 20px;
    }
    .value-point-inner-mobile {
        display: block;
    }
    .value-point-element{
        padding-left: 20px;
    }
    .value-text-wrap-half{
        padding-left: 0;
    }
    .value-point-inner {
        display: none;
    }
}


@media (max-width: 767px) {
    .value-inner__description {
        width: auto;
        padding-bottom: 20px;
    }

    .value-decor {
        margin: auto;
        flex-direction: column;
        padding: 20px 0;
    }

    .value-section-00 {
        height: 100%;
    }

    .value-column_01 {
        flex-direction: column;

        .value-point-inner-mobile {
            display: block;
        }

        .value-point-inner {
            display: none;
        }
    }
}

@media (max-width: 767px) {
    .value__container {
        width: auto;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .value__container {
        height: 100%;
        position: relative;
        width: auto;
        padding: 0 20px;
        margin: 0 auto;
    }

    .value-section-00 {
        min-height: 100%;

    }
}

@media (max-width: 1243px) {

}
@media (max-width: 767px) {
    .value-inner {
        flex-direction: column;
    }
    .value-column {
        padding: 0;
    }
    .value-column-wrap-mobile {
        display: block;
    }
    .value-column-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .section-00-wrap {
        flex-direction: column;
        width: 100%;
    }
    .text_wrap {
        width: 100%;
    }
    .picture{
        width: 100%;
    }
    .value-element {
        padding: 0 0 20px 0;
    }
    .value__description {
        font-weight: 400;
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 60px;
    }
}
@media (max-width: 1024px){
    .value-decor {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;}
}
.vacancy-list__footer-description {
    min-height: 52px;
}







.download_section__title {
    font-size: clamp(40px, 3.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    text-align: left;
    padding: 20px 0;
}
.section-join-team__title{
    font-size: clamp(70px, 5.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    text-align: center;
    padding: 20px 20px 0;
    margin-top: 20px;
}
.sv-section-00__title {
    font-size: clamp(70px, 3.46vw, 3000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    text-align: left;
    padding: 20px 0;
}
.sv__description {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.6;
    color: #44485d;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 60px;

}
.app-btn {
    display: block;
    max-width: 290px;

}

.sv-download-section {
    width: 100%;
    margin: auto;
}

.sv-chart-section {
    margin: 100px auto;
}

.app-icon-wrapp {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 0;
    margin: 0;
}

.app-icon {
    margin: 10px;
    display: inline-block;
}
.button_team-sv_label{
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 25px;
    color: #ffffff;
    margin-bottom: 16px;
    text-align: center;
}
.join-team-btn {
    cursor: pointer;
    padding: 20px 30px;
    margin: 70px 0;
    background: #81B241;
    border: none;
}
.join-team-btn:hover {
    padding: 20px 30px;
    background: #648925;
    border: none;
    transition: 0.4s;
}

.picture_wrap {
    max-width: 700px;
    padding-left: 0;
    margin-right: 0px;
}

.sv-top-logo {
    width: 75%;
}

.l-picture {
    width: 20%;
    height: auto;
}

.r-picture {
    width: 60%;
}

.high-text_wrap {
    max-width: 700px;
    margin: 40px 0;
}

.high-picture_wrap {
    width: 100%;
    margin:   auto;
}

.sv-garden__title {
    font-size: clamp(70px, 3.46vw, 2000px);
    text-transform: uppercase;
    font-family: "Panton Caps", Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #44485d;
    text-align: left;
    padding: 20px 0;
}
.garden_wrap {
    maxidth: 700px;
}

.garden_title_wrap {
    max-width: 700px;
}

.sv-team__description {
    max-width: 700px;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.6;
    color: #44485d;
    padding-top: 20px;
    padding-bottom: 60px;
}

.sv-join__description {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.6;
    color: #44485d;
    padding-top: 20px;
    padding-bottom: 20px;
}

.device_picture {
    width: 100%;

}

.sv-chart-section {

}

.sv-chart-section {

}

.sv--section {

}
.device-wrapp{
    padding: 5%;
    display: flex;
    lex-direction: column;
}
.chart-wrapp {
    display: flex;
    justify-content: center;
}
.SV_downloads {
    height: 100%;
    padding: 100px 0;
    background: #648925;
}
@media (max-width: 767px) {
    .page__title {
        top: 250px;
        font-size: 80px;
        width: 50%;
        left: 0;
        padding: 0 40px;
    }

    .sv-download-section {
        width: 100px;
        margin: auto;
    }
    .sv-download-section {
        width: 100%;
        margin: auto;
    }
    .sv-chart-wrap {
        width: 100%;
        margin: auto;
    }
    .SV-downloads-wrap {
        display: flex;
        flex-direction: row;
    }
}
.top-section_spring-valley {
    background-color: #606f7d;
}
.top-section__bg_spring-valley::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
@media (max-width: 460px) {
    .sv-section-00__title, .sv-garden__title, .section-join-team__title {
        font-size: clamp(60px, 3.46vw, 3000px)
    }
}

.cases__item.case-sv {
    position: relative;
    background-color: #16525c ;
    z-index: 1;
}
.case-sv {
    min-height: 0;
}
@media (max-width: 1024px) {
    .case-sv {
        padding: 120px 0;
    }
}
@media (max-width: 767px) {
    .case-sv {
        padding: 60px 0;
    }
    .case-sv .cases__row {
        margin-bottom: 5px;
    }
    .case-sv__platforms-wrapper {
        display: block;
    }
}
@media (max-width: 1023px) {
    .case-sv__platforms {
        padding-left: 0;
    }
}
.case-sv__button {
    color: #333339;
}
.case-sv__button:hover {
    color: #000;
}
.cases__container_sv .cases__row {
    margin-bottom: 30px;
}
.cases__title_sv {
    line-height: 1em;
}
@media (max-width: 1439px) {
    .cases__title_sv {
        font-size: 130px;
    }
}
@media (max-width: 1023px) {
    .cases__title_sv {
        font-size: 100px;
    }
}
@media (max-width: 767px) {
    .cases__title_sv {
        font-size: 50px;
    }
}
.cases__text_sv{
    color: white;
}
.d-mobile .cases__sv__bg video {
    display: none;
}

.cases__sv__bg,
.cases__sv__content {
    position: relative;
    z-index: 1;
}
.cases__sv__bg {
    display: inline-block;
    margin-top: -170px;
    margin-left: 20%;
    border-radius: 0;
    font-size: 0;
    box-shadow: 0 0 90px 100px #16525c;
    background-color: #16525c;
    width: 1024px;
    margin-bottom: 5%;
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 1439px) {
    .cases__sv__bg {
        display: block;
        width: auto;
        max-width: 90%;
        margin-top: -110px;
        margin-left: 10%;
        margin-bottom: 10%;
    }
}
@media (max-width: 1024px) {
    .cases__sv__bg {
        width: 100%;
        max-width: 100%;
        margin-top: -130px;
        margin-left: 5%;
    }
}
@media (max-width: 1023px) {
    .cases__sv__bg {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 769px) {
    .cases__sv__bg {
        margin-left: -5%;
        width: 110%;
        max-width: 150%;
    }
}
@media (max-width: 767px) {
    .cases__sv__bg {
        margin-left: 0;
    }
}
@media (max-width: 479px) {
    .cases__sv__bg {
        max-width: none;
        width: 150%;
        margin-top: -80px;
        margin-left: -20%;
    }
}
.d-mobile .cases__sv__bg {
    border-radius: 0;
    box-shadow: none;
}
.cases__sv__bg video,
.cases__sv__bgInner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cases__sv__bg video,
.cases__sv__bgInner {
    border-radius: inherit;
}
.cases__sv__bg:after {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 100%;
    height: 119%;
    right: 0;
    top: -19%;
    background-image: url("../images/games/SpringValley/video/anim-speed.gif");
    background-position: 100% 100%;
    z-index: 2;
}
.d-mobile .cases__sv__bg:after,
.d-mobile .cases__sv__bgInner:after {
    display: none;
    content: "";
}
.cases__sv__bgInner {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    background: radial-gradient(#3f7b69, #16525c 65%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.cases__sv__bgInner:after {
    box-shadow: inset 0 0 0px 0px #001735, 0 0 0px 0px #001735;
    border-bottom-left-radius: 32%;
    z-index: 1;
    content: "";
}
.d-mobile .cases__sv__bgInner {
    height: 0;
    padding-bottom: 64.369748%;
    background-image: url(../images/aom/case/case-bg_mobile.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cases__sv__soon {
    display: block;
    font-size: 14px;
}
.cases__sv__soon_title {
    color: #a2be31;
    padding-top: 30px;
    font-size: 16px;
}
@media (max-width: 479px) {
    .cases__sv__soon_title {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .cases__sv__soon_title {
        margin-bottom: 40px !important;
    }
}

.wheat_{
    position: absolute;
}
.wheat_sicle{
    cursor: grab;
    position: absolute;
    top: 36%;
    left: 51%;
    transition: all .2s ease-in-out;
}
.wheat_sicle:hover {
    cursor: grab;
    transform: scale(2.1);
}