/* Roboto weights referenced by the production public header, localised so
   FastAPI does not depend on Google Fonts at runtime. */
@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-Italic-400.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-300.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-400.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-500.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-700.ttf') format('truetype')}

/*==============================FONTS==============================*/
@font-face {
    font-family: 'MyriadPro';
    src: url("/static/legacy-source/fonts/MyriadProRegular.eot");
    src: url("/static/legacy-source/fonts/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("/static/legacy-source/fonts/MyriadProRegular.woff") format("woff"), url("/static/legacy-source/fonts/MyriadProRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url("/static/legacy-source/fonts/MyriadProSemiBold.eot");
    src: url("/static/legacy-source/fonts/MyriadProSemiBold.eot?#iefix") format("embedded-opentype"), url("/static/legacy-source/fonts/MyriadProSemiBold.woff") format("woff"), url("/static/legacy-source/fonts/MyriadProSemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url("/static/legacy-source/fonts/MyriadProBold.eot");
    src: url("/static/legacy-source/fonts/MyriadProBold.eot?#iefix") format("embedded-opentype"), url("/static/legacy-source/fonts/MyriadProBold.woff") format("woff"), url("/static/legacy-source/fonts/MyriadProBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Code-Pro-Black-LC';
    src: url("/static/legacy-source/fonts/Code-Pro-Black.eot");
    src: url("/static/legacy-source/fonts/Code-Pro-Black.eot?#iefix") format("embedded-opentype"), url("/static/legacy-source/fonts/Code-Pro-Black.woff") format("woff"), url("/static/legacy-source/fonts/Code-Pro-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Code-Pro-Light';
    src: url("/static/legacy-source/fonts/Code-Pro-Light.eot");
    src: url("/static/legacy-source/fonts/Code-Pro-Light.eot?#iefix") format("embedded-opentype"), url("/static/legacy-source/fonts/Code-Pro-Light.woff") format("woff"), url("/static/legacy-source/fonts/Code-Pro-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*==============================RESET==============================*/
*,
:before,
:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clr:after {
    content: '';
    display: block;
    clear: both;
}

html,
body,
div,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
img,
a,
em,
span,
strong,
form,
label,
input,
button,
select,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
textarea {
    border: 0;
    outline: none;
    background: none;
    vertical-align: baseline;
    font: inherit;
}

html,
body {
    /* overflow: hidden; */
    /*  min-width: 1000px !important; */
}

body.modal-open {
    /*
overflow: hidden;
position:fixed;
*/
}

body.modal-open .wrapper {
    /* position:fixed; */
}


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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

input,
select,
textarea,
button {
    color: #686868;
    outline: none;
}

a:hover,
a:focus,
a.active {
    text-decoration: none;
    outline: none;
}

a[href^=tel] {
    color: inherit;
}

button {
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: #686868;
}

input::-moz-placeholder {
    color: #686868;
}

input:-moz-placeholder {
    color: #686868;
}

input:-ms-input-placeholder {
    color: #686868;
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder {
    color: transparent !important;
}

textarea::-webkit-input-placeholder {
    color: #686868;
}

textarea::-moz-placeholder {
    color: #686868;
}

textarea:-moz-placeholder {
    color: #686868;
}

textarea:-ms-input-placeholder {
    color: #686868;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

textarea:focus::-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

/*==============================PLUGINS==============================*/
/*---------------------arcticmodal------------------------*/
.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

*:first-child+html .arcticmodal-container {
    height: 100%;
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}

.arcticmodal-container_i2 {
    padding: 24px;
    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(/static/legacy-source/images/ajax-loader.gif) no-repeat 50% 50%;
}

/*-----------------slick-slider---------------------*/
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-loading .slick-list {
    background: #fff url(/static/legacy-source/images/ajax-loader.gif) center center no-repeat;
}

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

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

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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

.slick-arrow {
    position: absolute;
    display: block;
    font-size: 0;
    background: transparent;
    z-index: 20;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
}

.slick-arrow.slick-disabled {
    opacity: .5;
    cursor: default;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-next:before,
.slick-prev:before {
    font-family: Font Awesome\ 5 Free;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    opacity: .75;
    color: #fcea1c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
    content: "\F053";
}

.slick-next:before {
    content: "\F054";
}

.slick-dots {
    bottom: 20px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 20;
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.slick-dots li.slick-active button {
    background-color: #00BFA5;
    opacity: 1;
}

.slick-dots li button {
    width: 19px;
    height: 19px;
    background: #fff;
    background-color: #fff;
    border-radius: 100%;
}

/*---------------------fancybox------------------------*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Transition effects */
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* New buttons */

.home-buttons .home-buttons__button {
    display: inline-flex;
    padding: 7px 45px;
    font-size: 16px;
    text-transform: uppercase;
    background: #FCEA1C;
    border-radius: 28px;
    padding: 20px 0;
    justify-content: center;
    color: #18181f;
    margin: 0 5px;
    transition: all ease-in-out .2s;
    width: 100%;
    max-width: 190px;
}

.home-buttons .home-buttons__button:hover {
    box-shadow: 0 0 6px #fcea1c;
}

.game-component-map {
    position: relative;
    overflow: hidden;
}

#imgcard {
    right: 0;
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#imgcard img {
    width: 100%;
}

.game-component__btn_link {
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    text-align: center;
    font-size: 1em;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
    border: 0;
    min-width: 148px;
    color: #302509;
    background-color: #fcea1c;
    border-radius: 25px;
}

.quest__tags .quest__tags-tag:nth-child(5) {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .game-component__btn_link {
        padding: 0 15px;
        font-size: 14px;
    }
}


@media (max-width: 1024px) {
    .home-buttons .home-buttons__button {
        font-size: 14px;
        padding: 15px 0;
        max-width: 150px;
    }
}

@media (max-width: 480px) {
    .home-buttons .home-buttons__button {
        font-size: 13px;
        padding: 10px 0;
        max-width: 140px;
        margin: 0;
    }
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/*==============================GENERAL==============================*/
html,
body {
    position: relative;
    min-width: 320px;
}

body {
    font-family: Roboto, sans-serif;
    line-height: 1.15;
    background: #2f2e42;
}

.only_mobile {
    display: none;
}

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

.center-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1360px;
}

.page-inner .center-wrapper {
    max-width: 1300px;
}

.page-inner .header .center-wrapper {
    max-width: 1360px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 15px;
    line-height: 1.2;
}

h1 {
    font-family: 'Code-Pro-Black-LC';
    font-size: 40px;
    line-height: 45px;
    text-transform: uppercase;
    color: white;
}

h1 span {
    display: block;
    padding-left: 315px;
}

h2 {
    font-family: 'Code-Pro-Black-LC';
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: white;
}

ul,
ol {
    list-style: none;
}

a {
    outline: none;
    text-decoration: none;
}

img {
    vertical-align: top;
}

.custom-object-fit {
    background-size: cover;
    background-position: 50% 50%;
}

.custom-object-fit img {
    opacity: 0;
}

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

.text {
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 100px;
    line-height: 1.5;
}

/*==============================FORM ELEMENTS==============================*/
table:after {
    display: none;
}

table.loading:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/static/legacy-source/images/loading_big.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

table th[data-sort] {
    cursor: pointer;
}

.btn {
    display: inline-block;
    padding: 7px 45px;
    font-size: 22px;
    text-transform: uppercase;
    border-radius: 20px;
    background: #FCEA1C;
    color: #31225a;
}

.use_promo .btn {
    font-size: 14px;
}

/* Raitings */
.raiting-title-content {
    margin-top: 5vw;
}

.raiting-title-content__title {
    text-align: left;
    font-family: 'Code-Pro-Black-LC';
    font-size: 4vw;
    line-height: 1.2;
    color: #fff;
}

.raiting-title-content__title span {
    display: block;
    padding-left: 8vw;
}

.breadcrumb {
    font-family: MyriadPro;
    background-color: #22222f;
    padding: 2vw;
    font-size: 1.4vw;
    color: #c7c7de;
}

.breadcrumb a {
    color: #ffffff;
}

.raiting-form {
    width: 80%;
    margin: 4vw auto;
}

#raiting-table {
    font-size: 1.6vw;
    font-weight: normal;
    width: 100%;
}

#raiting-table th {
    background-color: #3a3851;
    color: #b2b2c8;
    font-size: 1.2vw;
    font-weight: normal;
    padding: 1vw;
    text-align: left;
    border-left: 1px solid #616074;
}

#raiting-table th.active {
    background-color: #2f2e42;
    color: #ffffff;
}

#raiting-table tbody tr {
    border-bottom: 1px solid #d5d5d9;
}

#raiting-table tbody tr:hover {
    background-color: #ffece7;
    cursor: pointer;
}

#raiting-table tbody tr:hover td:first-child {
    color: #ff480f;
}

#raiting-table td {
    vertical-align: middle;
    padding: 0 1vw;
}

#raiting-table td img {
    width: 14vw;
}

.sorting {
    display: inline-block;
    height: 9px;
    width: 9px;
    float: right;
    margin-top: 0.4vw;
}

.sorting .up,
.sorting .down {
    width: 0.5vw;
    height: 0.35vw;
    opacity: 0.5;
    background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.sorting .up {
    background-image: url(/static/legacy-source/images/raiting-up.png);
    margin-bottom: 1px;
}

.sorting .down {
    background-image: url(/static/legacy-source/images/raiting-down.png);
}

.sorting .active,
.sorting .up:hover,
.sorting .down:hover {
    opacity: 0.8;
    cursor: pointer;
}

#all-time,
#season-time,
#all-city,
#raiting-search {
    background-color: #f1f0f8;
    color: #5a587e;
    font-weight: bold;
    font-size: 1.2vw;
    padding: 1vw 2vw;
    margin-bottom: 1vw;
    border-radius: 2vw;
    cursor: pointer;
}

#all-time.active,
#season-time.active,
#all-city.active {
    color: #ffffff;
    background-color: #3a3851;
}

#all-time {
    border-radius: 2vw 0 0 2vw;
}

#season-time {
    border-radius: 0 2vw 2vw 0;
}

#raiting-search {
    font-weight: normal;
    margin-left: 2vw;
    background-color: transparent;
    border: 1px solid #f1f0f8;
    cursor: auto;
}

#all-city {
    float: right;
    padding: 1vw 3vw;
}

#load-more {
    background-color: #f1f0f8;
    color: #5a587e;
    text-transform: uppercase;
    padding: 1vw;
    font-size: 1vw;
    border-radius: 0.4vw;
    font-weight: bold;
    margin: 3vw auto;
    display: block;
    cursor: pointer;
}

.winner {
    display: inline-block;
    width: 1.6vw;
    height: 1.4vw;
    background-image: url(/static/legacy-source/images/raiting-winner.png);
    margin-left: 0.5vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.raiting-winners .center-wrapper {
    text-align: center;
}

.raiting-winners .center-wrapper::before {
    display: block;
    content: " ";
    position: absolute;
    right: -2vw;
    top: 1vw;
    height: 10vw;
    width: 10vw;
    background-image: url(/static/legacy-source/images/particles-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.raiting-winners .center-wrapper::after {
    display: block;
    content: " ";
    position: absolute;
    left: -2vw;
    bottom: 5vw;
    height: 20vw;
    width: 20vw;
    background-image: url(/static/legacy-source/images/particles-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.winner-team {
    display: inline-block;
    width: 22vw;
    text-align: center;
    margin: 4vw 0.5vw;
    color: #ffffff;
    z-index: 1;
    position: relative;
}

.winner-team.first {
    color: #ff480f;
}

.winner-team.second {
    color: #ffff00;
}

.winner-team.third {
    color: #94c11f;
}

.winner-team img {
    border: 0.4vw solid;
    margin-bottom: 2vw;
    -webkit-box-shadow: 0vw 1vw 1vw 0vw rgba(0, 0, 0, 0.2);
    box-shadow: 0vw 1vw 1vw 0vw rgba(0, 0, 0, 0.2);
    width: 100%;
}

.winner-team .raiting-position {
    font-family: 'Code-Pro-Black-LC';
    font-size: 3.5vw;
}

.winner-team .team-name {
    text-transform: uppercase;
    background-color: red;
    display: inline-block;
    padding: 0.3vw 0.6vw;
    color: #ffffff;
    font-size: 1.6vw;
}

.winner-team.second .team-name {
    color: #2f2e42;
}

.what-is-raiting {
    display: block;
    color: #2f2e42;
    background-color: #ffffff;
    border-radius: 4vw;
    padding: 1vw 0;
    font-size: 1vw;
    width: 20vw;
    text-align: center;
    margin: 0 auto;
}

.what-is-raiting span {
    margin-left: 1vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    opacity: 0.5;
}

.raiting-winners::after {
    content: '';
    display: block;
    height: 4vw;
    margin-bottom: 4vw;
}

/*==============================MODALS==============================*/
.box-modal {
    position: relative;
    max-width: 900px;
    background: #fff;
    z-index: 1;
}

.arcticmodal-close {
    position: absolute;
    color: #8e8daf;
    cursor: pointer;
    z-index: 3;
    font-size: 1em;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #e7e7ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 15px;
    right: 15px;
}

.share-game-modal .albert-modal__box {
    /*    overflow: hidden; */
    position: relative;
    width: 350px !important;
    max-width: 350px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.share-game-modal .albert-modal__content {
    padding: 45px 40px !important;
    text-align: center;
}

.share-game-modal .albert-modal__content:before {
    top: -70px;
    right: -130px;
    background-image: url(/static/legacy-source/images/modal/bg-right-top.png);
}

.share-game-modal .albert-modal__content:after {
    bottom: -50px;
    left: -60px;
    background-image: url(/static/legacy-source/images/modal/bg-left-top.png);
}

.share-game-modal .albert-modal__content:after,
.share-game-modal .albert-modal__content:before {
    content: " ";
    z-index: -1;
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.share-game-modal__title {
    text-align: center;
    font-family: Myriad Pro Bold, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    color: #716f9a;
    margin-bottom: 40px;
    font-weight: 600;
}

.share-game-modal__url {
    width: 100%;
    padding: 10px;
    border: 2px solid #f6f6f9;
    color: #716f9a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.share-game-modal__copy {
    color: #716f9a;
    font-size: .8em;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
}

.share-game-modal__social {
    margin-top: 60px;
}


.reg-complete-modal .albert-modal__box {
    /*    overflow: hidden; */
    position: relative;
    width: 400px !important;
    max-width: 400px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.reg-complete-modal .albert-modal__content {
    padding: 45px 40px !important;
    text-align: center;
}

.reg-complete-modal .albert-modal__content:before {
    top: -70px;
    right: -130px;
    background-image: url(/static/legacy-source/images/modal/bg-right-top.png);
}

.reg-complete-modal .albert-modal__content:after {
    bottom: -50px;
    left: -60px;
    background-image: url(/static/legacy-source/images/modal/bg-left-top.png);
}

.reg-complete-modal .albert-modal__content:after,
.reg-complete-modal .albert-modal__content:before {
    content: " ";
    z-index: -1;
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.reg-complete-modal__title {
    text-align: center;
    font-family: Myriad Pro Bold, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #38383e;
    margin: 50px 0 40px;
    font-weight: 600;
}

.reg-complete-modal .albert-modal__body span {
    display: block;
    font-size: 14px;
    margin: 0 0 25px;
    font-weight: bold;
}

.reg-complete-modal .albert-modal__body a {
    display: block;
    margin: 10px auto;
    width: fit-content;
    font-size: 14px;
    color: #303030;
    padding: 5px 10px;
}

.reg-complete-modal .albert-modal__body a:hover {
    background: #fcea1c;
}

.reg-complete-modal .body-bg {
    width: 100%;
    left: 0;
    top: 17px;
    height: 150px;
    position: absolute;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.1;
}

.reg-complete-modal .albert-modal__body a.share {
    background: #fcea1c;
    background-image: url(/static/legacy-source/images/icon-social.svg);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 18px 19px;
    background-size: 18px 19px;
    width: 50px;
    height: 50px;
    margin: 40px auto 40px;
}

.ui-autocomplete {
    z-index: 600 !important;
}

.register-modal__particles-right-bottom,
.register-modal__particles-right-top {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.register-modal__particles-right-top {
    z-index: 2;
    top: -20px;
    right: -120px;
    background-image: url(/static/legacy-source/images/modal/bg-right-top.png);
}

.register-modal__particles-right-bottom {
    z-index: -1;
    top: -60px;
    right: -150px;
    background-image: url(/static/legacy-source/images/modal/bg-right-bottom.png);
}

.register-modal__particles-left-bottom,
.register-modal__particles-left-top {
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.register-modal__particles-left-top {
    z-index: 2;
    background-image: url(/static/legacy-source/images/modal//bg-left-top.png);
}

.register-modal__particles-left-bottom {
    z-index: -1;
    background-image: url(/static/legacy-source/images/modal/bg-left-bottom.png);
}

.register-modal__content {
    padding: 30px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.register-modal__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.register-modal__header-type {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.register-modal__header-type img {
    max-width: 100%;
}

.register-modal__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.register-modal__header {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.register-modal__header-title {
    color: #2f2e42;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.register-modal__header-subtitle {
    color: #8e8daf;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.register-modal__header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.register-modal__header-bar,
.register-modal__header-date {
    margin-right: 25px;
    color: #444360;
    font-size: 18px;
}

.register-modal__header-bar span,
.register-modal__header-date span {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    color: #716f9a;
}

.register-modal__form {
    margin-bottom: 40px;
    position: relative;
    z-index: 9999;
}

.register-modal__form-row {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.register-modal__form-field {
    position: relative;
    padding-right: 25px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.register-modal__form-field:last-child {
    padding: 0;
}

.register-modal__form-field label {
    display: block;
    font-size: 12px;
    color: #716f9a;
    margin-bottom: 5px;
}

.register-modal__form-field .subtext {
    display: block;
    font-size: 12px;
    color: #716f9a;
    text-align: center;
    margin: 6px 0 0;
}

.register-modal__form-field .subtext.hidden {
    display: none;
}

.register-modal__form-field input,
.register-modal__form-field textarea {
    border-radius: 4px;
    border: 1px solid #e6e5e5;
    color: #2f2e42;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.register-modal_home_game .price {
    display: inline-block;
    min-width: 120px;
}

.register-modal__form-field-hint {
    font-family: Myriad Pro Bold, sans-serif;
    display: block;
    text-align: right;
    padding-top: 5px;
    font-size: .7em;
    color: #cac9d9;
}

.register-modal__form-field:only-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.register-modal__form-field input,
.register-modal__form-field textarea {
    border-radius: 4px;
    border: 1px solid #e6e5e5;
    color: #2f2e42;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.register-modal__form-field input:focus,
.register-modal__form-field input:hover,
.register-modal__form-field textarea:focus,
.register-modal__form-field textarea:hover {
    border-color: #ccc;
}

.register-modal__form-field_afterparty-slogan p {
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__form-field_solo-slogan span {
    display: block;
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__form-checkbox input {
    display: none;
}

.register-modal__form-checkbox label {
    white-space: nowrap;
    color: #444360;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}

.register-modal__form-checkbox label:before {
    vertical-align: middle;
    display: inline-block;
    content: " ";
    margin-right: 7px;
    background-image: url(/static/legacy-source/images/checkbox.png);
    background-position: 0;
    background-size: auto 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.register-modal__form-checkbox input:checked+label:before {
    background-position: 100%;
}

.register-modal__players-title {
    color: #2f2e42;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
}

.register-modal__players-chairs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.register-modal__players-chair {
    text-align: center;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-width: 70px;
    color: #ccc;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.register-modal__players-chair-count {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.register-modal__players-chair span {
    color: #2f2e42;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/static/legacy-source/images/modal/chair-empty.png);
    height: 70px;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: .8;
}

.register-modal__players-chair:after {
    display: inline-block;
    content: " ";
    background-image: url(/static/legacy-source/images/modal/chair-shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 30px;
    margin: 10px auto;
    opacity: .4;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.register-modal__players-chair_hover {
    color: #666;
}

.register-modal__players-chair_active:after,
.register-modal__players-chair_hover:after {
    opacity: 1 !important;
}

.register-modal__players-chair_active:first-child span,
.register-modal__players-chair_hover:first-child span {
    background-image: url(/static/legacy-source/images/modal/chair-1.png);
}

.register-modal__players-chair_active:nth-child(2) span,
.register-modal__players-chair_hover:nth-child(2) span {
    background-image: url(/static/legacy-source/images/modal/chair-2.png);
}

.register-modal__players-chair_active:nth-child(3) span,
.register-modal__players-chair_hover:nth-child(3) span {
    background-image: url(/static/legacy-source/images/modal/chair-3.png);
}

.register-modal__players-chair_active:nth-child(4) span,
.register-modal__players-chair_hover:nth-child(4) span {
    background-image: url(/static/legacy-source/images/modal/chair-4.png);
}

.register-modal__players-chair_active:nth-child(5) span,
.register-modal__players-chair_hover:nth-child(5) span {
    background-image: url(/static/legacy-source/images/modal/chair-5.png);
}

.register-modal__players-chair_active:nth-child(6) span,
.register-modal__players-chair_hover:nth-child(6) span {
    background-image: url(/static/legacy-source/images/modal/chair-6.png);
}

.register-modal__players-chair_active:nth-child(7) span,
.register-modal__players-chair_hover:nth-child(7) span {
    background-image: url(/static/legacy-source/images/modal/chair-7.png);
}

.register-modal__players-chair_active:nth-child(8) span,
.register-modal__players-chair_hover:nth-child(8) span {
    background-image: url(/static/legacy-source/images/modal/chair-8.png);
}

.register-modal__players-chair_active:nth-child(9) span,
.register-modal__players-chair_hover:nth-child(9) span {
    background-image: url(/static/legacy-source/images/modal/chair-9.png);
}

.register-modal__form-field_checkbox {
    -ms-flex-preferred-size: 30%;
    flex-basis: 33%;
}

.register-modal__form-field_afterparty {
    text-align: center;
}

.register-modal__form-field_birthday-slogan span {
    display: block;
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__action {
    margin-top: 70px;
    margin-bottom: 30px;
    text-align: center;
    z-index: 1;
    position: relative;
}

.register-modal__button {
    border: 0;
    display: inline-block;
    border-radius: 25px;
    padding: 15px 25px;
    background-color: #fcea1c;
    color: #302509;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.register-modal__action-text {
    font-size: .7em;
    color: #595867;
    margin-top: 15px;
}

.register-modal__action-text a {
    color: #e20913;
}

.register-modal__button:hover {
    background-color: #fdf168;
    color: #050401;
}

.register-modal {
    position: relative;
    z-index: 501;
}

.register-modal_open {
    -webkit-animation: fadein .3s linear forwards;
    animation: fadein .3s linear forwards;
}

.register-modal_closing {
    -webkit-animation: fadeout .3s linear forwards;
    animation: fadeout .3s linear forwards;
}

.register-modal_closed {
    visibility: hidden;
    opacity: 0;
}

.register-modal__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.register-modal__holder {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.register-modal__box {
    margin: 20px auto;
    /*  position: relative; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1003;
    max-width: 900px;
    background-color: #fff;
}

.register-modal__box_success {
    max-width: 400px;
    margin: 50px auto;
}

@media (max-width: 75em) {
    .register-modal__box {
        min-width: 300px;
    }
}

@media (max-width: 48em) {
    .register-modal__particles {
        display: none;
    }
}

.register-modal__particles_show {
    display: block;
}

.register-modal__particles_show .register-modal__particles-left-top {
    left: -70px !important;
    bottom: -60px !important;
}

.register-modal__particles-right-top {
    z-index: 2;
    top: -20px;
    right: -120px;
    background-image: url(/static/legacy-source/images/modal/bg-right-top.png);
}

.register-modal__particles-right-bottom,
.register-modal__particles-right-top {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.register-modal__particles-right-bottom {
    z-index: -1;
    top: -60px;
    right: -150px;
    background-image: url(/static/legacy-source/images/modal/bg-right-bottom.png);
}

.register-modal__particles-left-top {
    z-index: 2;
    background-image: url(/static/legacy-source/images/modal/bg-left-top.png);
}

.register-modal__particles-left-bottom,
.register-modal__particles-left-top {
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.register-modal__particles-left-bottom {
    z-index: -1;
    background-image: url(/static/legacy-source/images/modal/bg-left-bottom.png);
}

.register-modal__content {
    padding: 30px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.register-modal__close {
    position: absolute;
    color: #8e8daf;
    cursor: pointer;
    z-index: 3;
    font-size: 1em;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #e7e7ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 15px;
    right: 15px;
}

.register-modal__close:hover {
    background-color: #cac9d9;
}

.register-modal__solo {
    max-width: 300px;
    font-family: Code Pro Black, sans-serif;
    font-size: 1.1em;
    padding-right: 20px;
    text-align: right;
    color: #e94e1b;
}

@media (max-width: 48em) {
    .register-modal__solo {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.register-modal__header {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

@media (max-width: 48em) {
    .register-modal__header {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.register-modal__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 48em) {
    .register-modal__header-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
    }
}

.register-modal__header-title {
    color: #2f2e42;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.register-modal__header-subtitle {
    color: #8e8daf;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.register-modal__header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.register-modal__header-bar {
    margin-right: 15px;
}

.register-modal__header-bar__mesto,
.register-modal__header-date__date {
    margin-right: 25px;
    color: #444360;
    font-size: 18px;
}

.register-modal__header-bar__adress,
.register-modal__header-date__day {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    color: #716f9a;
}

.register-modal__header-type {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.register-modal__success-type_albert {
    background-image: url(/static/legacy-source/images/tags/original/albert.png);
}

.register-modal__success-type_media {
    background-image: url(/static/legacy-source/images/tags/tag-2.png);
}

.register-modal__success-type_wow {
    background-image: url(/static/legacy-source/images/tags/tag-3.png);
}

.register-modal__success-type_special {
    background-image: url(/static/legacy-source/images/tags/tag-4.png);
}

.register-modal__success-type_children {
    background-image: url(/static/legacy-source/images/tags/tag-5.png);
}

.register-modal__warning {
    font-family: Myriad Pro Regular, sans-serif;
    font-size: 1.1em;
    background-color: #fffcd6;
    color: #ffb032;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
}

.register-modal__form {
    margin-bottom: 40px;
}

.register-modal__form-row {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

@media (max-width: 48em) {
    .register-modal__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
}

.register-modal__form-field {
    position: relative;
    padding-right: 25px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.register-modal__form-field_checkbox {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.register-modal__form-field_afterparty:only-child,
.register-modal__form-field_birthday:only-child {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
}

.register-modal__form-field_afterparty {
    text-align: center;
}

@media (max-width: 48em) {
    .register-modal__form-field_afterparty {
        text-align: left;
    }
}

@media (max-width: 48em) {
    .register-modal__form-field {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
}

.register-modal__form-field_birthday {
    padding-right: 25px !important;
}

.register-modal__form-field_birthday:after {
    position: absolute;
    content: " ";
    background-image: url(/static/legacy-source/images/birthday.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 120px;
    top: 110px;
}

.register-modal_alone .register-modal__form-field_birthday:after {
    top: 70px;
}

.register-modal__form-field_birthday.active:after {
    background-image: url(/static/legacy-source/images/birthday-active.png);
}

@media (max-width: 48em) {
    .register-modal__form-field_birthday:after {
        left: unset;
        right: 0;
        top: 10px;
    }
}

@media (max-width: 400px) {
    .register-modal__form-field_birthday:after {
        top: -30px;
    }
}

.register-modal__form-field_birthday-slogan {
    margin-top: 15px;
    margin-left: 24px;
    position: relative;
    z-index: 1;
}

.register-modal__form-field_birthday-slogan span {
    display: block;
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__form-field_afterparty:after {
    position: absolute;
    content: " ";
    background-image: url(/static/legacy-source/images/modal/afterparty.png);
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    right: -80px;
    bottom: -20px;
    z-index: 0;
}

@media (max-width: 48em) {
    .register-modal__form-field_afterparty:after {
        right: -30px;
        bottom: -30px;
    }
}

.register-modal__form-field_afterparty-slogan {
    margin-top: 15px;
    margin-left: 24px;
    position: relative;
    z-index: 1;
}

.register-modal__form-field_afterparty-slogan span {
    display: block;
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__form-field_solo:after {
    display: none;
    position: absolute;
    content: " ";
    background-image: url(/static/legacy-source/images/with-party.png);
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    right: -200px;
    top: 0;
    z-index: 0;
}

.register-modal__form-field_solo.active:after {
    display: inline-block;
}


@media (max-width: 48em) {
    .register-modal__form-field_solo:after {
        /* right: -30px; */
        right: 0;
        width: 90px;
        bottom: -30px;
    }
}

.register-modal__form-field_solo-slogan {
    margin-top: 15px;
    margin-left: 24px;
    position: relative;
    z-index: 1;
}

.register-modal__form-field_solo-slogan span {
    display: block;
    color: #a6a6b7;
    margin-top: 5px;
    font-size: 14px;
}

.register-modal__form-field_solo_second {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (min-width: 75em) {
    .register-modal__form-field_solo_second:after {
        right: -150px;
        top: 10px;
    }
}

@media (max-width: 400px) {
    .register-modal__form-field_solo_second:after {
        width: 100px;
        height: 100px;
        top: 50px;
        right: -15px;
    }
}

.register-modal__form-field_solo_active:after {
    display: block;
}

@media (max-width: 650px) {
    .register-modal__form-field_comments textarea {
        height: 75px;
    }
}

@media (max-width: 450px) {
    .register-modal__form-field_comments textarea {
        height: 90px;
    }
}

@media (max-width: 400px) {
    .register-modal__form-field_comments textarea {
        height: 115px;
    }
}

.register-modal__form-field:only-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.register-modal__form-field:last-child {
    padding: 0;
}

.register-modal__form-field input.alert {
    border-color: #e20913 !important;
}

.register-modal__form-field label {
    display: block;
    font-size: 12px;
    color: #716f9a;
    margin-bottom: 5px;
}

.register-modal__form-field input,
.register-modal__form-field textarea,
.register-modal__form-field select {
    border-radius: 4px;
    border: 1px solid #e6e5e5;
    color: #2f2e42;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.register-modal__form-field input:focus,
.register-modal__form-field input:hover,
.register-modal__form-field textarea:focus,
.register-modal__form-field textarea:hover,
.register-modal__form-field select:focus,
.register-modal__form-field select:hover {
    border-color: #ccc;
}

.register-modal__form-field input::-webkit-input-placeholder,
.register-modal__form-field textarea::-webkit-input-placeholder,
.register-modal__form-field select::-webkit-input-placeholder {
    color: #bbbacf;
}

.register-modal__form-field input::-ms-input-placeholder,
.register-modal__form-field textarea::-ms-input-placeholder,
.register-modal__form-field select::-ms-input-placeholder {
    color: #bbbacf;
}

.register-modal__form-field input:-ms-input-placeholder,
.register-modal__form-field textarea:-ms-input-placeholder,
.register-modal__form-field select:-ms-input-placeholder {
    color: #bbbacf;
}

.register-modal__form-field input::placeholder,
.register-modal__form-field textarea::placeholder,
.register-modal__form-field select::placeholder {
    color: #bbbacf;
}

.register-modal__form-field-hint {
    font-family: Myriad Pro Bold, sans-serif;
    display: block;
    text-align: right;
    padding-top: 5px;
    font-size: .7em;
    color: #cac9d9;
}

.register-modal__form-field-hint_danger {
    color: #8e8daf;
}

.register-modal__form-checkbox input {
    display: none;
}

.register-modal__form-checkbox label {
    color: #444360;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}

.register-modal__form-checkbox label span {
    vertical-align: middle;
    display: inline-block;
    padding-top: 2px;
}

.register-modal__form-checkbox label:before {
    vertical-align: middle;
    display: inline-block;
    content: " ";
    margin-right: 7px;
    background-image: url(/static/legacy-source/images/checkbox.png);
    background-position: 0;
    background-size: auto 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.register-modal__form-checkbox input:checked+label:before {
    background-position: 100%;
}

.register-modal__form-message-success {
    background-color: #e1fde7;
    color: #62a071;
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
    font-weight: 200;
}

.register-modal__form-message-reserve {
    background-color: #e1fde7;
    color: #62a071;
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
    font-weight: 200;
}

.register-modal__players-title {
    color: #2f2e42;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
}

@media (max-width: 48em) {
    .register-modal__players-title {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.register-modal__players-chairs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 48em) {
    .register-modal__players-chairs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px;
    }
}

.register-modal__players-chair {
    text-align: center;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-width: 70px;
    color: #ccc;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

@media (max-width: 48em) {
    .register-modal__players-chair {
        min-width: 20px;
    }
}

.register-modal__players-chair-count {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.register-modal__players-chair span {
    color: #2f2e42;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/static/legacy-source/images/chair-empty.png);
    height: 70px;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: .8;
}

@media (max-width: 48em) {
    .register-modal__players-chair span {
        height: 45px;
    }
}

@media (max-width: 34em) {
    .register-modal__players-chair span {
        height: 25px;
    }
}

.register-modal__players-chair_hover {
    color: #666;
}

.register-modal__players-chair_hover span {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1.05);
    -ms-transform: translateY(-10px) scale(1.05);
    transform: translateY(-10px) scale(1.05);
}

.register-modal__players-chair_active {
    color: #666;
}

.register-modal__players-chair_active span {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.register-modal__players-chair_current .register-modal__players-chair-count {
    background-color: #f9b115;
    color: #fff;
    font-weight: 600;
}

.register-modal__players-chair_active:first-child span,
.register-modal__players-chair_hover:first-child span {
    background-image: url(/static/legacy-source/images/chair-1.png);
}

.register-modal__players-chair_active:nth-child(2) span,
.register-modal__players-chair_hover:nth-child(2) span {
    background-image: url(/static/legacy-source/images/chair-2.png);
}

.register-modal__players-chair_active:nth-child(3) span,
.register-modal__players-chair_hover:nth-child(3) span {
    background-image: url(/static/legacy-source/images/chair-3.png);
}

.register-modal__players-chair_active:nth-child(4) span,
.register-modal__players-chair_hover:nth-child(4) span {
    background-image: url(/static/legacy-source/images/chair-4.png);
}

.register-modal__players-chair_active:nth-child(5) span,
.register-modal__players-chair_hover:nth-child(5) span {
    background-image: url(/static/legacy-source/images/chair-5.png);
}

.register-modal__players-chair_active:nth-child(6) span,
.register-modal__players-chair_hover:nth-child(6) span {
    background-image: url(/static/legacy-source/images/chair-6.png);
}

.register-modal__players-chair_active:nth-child(7) span,
.register-modal__players-chair_hover:nth-child(7) span {
    background-image: url(/static/legacy-source/images/chair-7.png);
}

.register-modal__players-chair_active:nth-child(8) span,
.register-modal__players-chair_hover:nth-child(8) span {
    background-image: url(/static/legacy-source/images/chair-8.png);
}

.register-modal__players-chair_active:nth-child(9) span,
.register-modal__players-chair_hover:nth-child(9) span {
    background-image: url(/static/legacy-source/images/chair-9.png);
}

.register-modal__players-chair_active:nth-child(10) span,
.register-modal__players-chair_hover:nth-child(10) span {
    background-image: url(/static/legacy-source/images/chair-1.png);
}

.register-modal__players-chair_active:after,
.register-modal__players-chair_hover:after {
    opacity: 1 !important;
}

.register-modal__players-chair_active_unhover span {
    opacity: 0.2 !important;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.register-modal__players-chair:after {
    display: inline-block;
    content: " ";
    background-image: url(/static/legacy-source/images/chair-shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 30px;
    margin: 10px auto;
    opacity: .4;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 48em) {
    .register-modal__players-chair:after {
        display: none;
    }
}

.register-modal__action {
    margin-top: 70px;
    margin-bottom: 30px;
    text-align: center;
    z-index: 1;
    position: relative;
}

.register-modal__action-error {
    background-color: #fde2db;
    color: #e74442;
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
    font-weight: 200;
}

.register-modal__action-text {
    font-size: .7em;
    color: #595867;
    margin-top: 15px;
}

.register-modal__action-text a {
    color: #e20913;
}

.register-modal__button {
    border: 0;
    display: inline-block;
    border-radius: 25px;
    padding: 15px 25px;
    background-color: #fcea1c;
    color: #302509;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.register-modal__button:hover {
    background-color: #fdf168;
    color: #050401;
}

.register-modal__success {
    padding: 30px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

@media (max-width: 48em) {
    .register-modal__success {
        padding: 10px;
    }
}

.register-modal__success-type {
    position: absolute;
    top: 30px;
    right: 10px;
    left: 10px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    opacity: .05;
}

.register-modal__success-type_albert {
    background-image: url(/static/legacy-source/images/albert.png);
}

.register-modal__success-type_media {
    background-image: url(/static/legacy-source/images/tag-2.png);
}

.register-modal__success-type_wow {
    background-image: url(/static/legacy-source/images/tags/tag-3.png);
}

.register-modal__success-type_special {
    background-image: url(/static/legacy-source/images/tags/tag-4.png);
}

.register-modal__success-type_children {
    background-image: url(/static/legacy-source/images/tags/tag-5.png);
}

.register-modal__success-title {
    font-size: 24px;
    margin-top: 30px;
}

.register-modal__success-text,
.register-modal__success-title {
    color: #2f2e42;
    font-weight: 100;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.register-modal__success-text {
    font-size: 18px;
    padding: 0 25px;
}

.register-modal__success-footer {
    color: #2f2e42;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.register-modal__success-share {
    margin: 40px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.register-modal__success-share-button {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #fcea1c;
    color: #302509;
    font-size: 30px;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.register-modal__success-share-button:hover {
    background-color: #fdf168;
}

.register-modal__success-items {
    padding: 15px 50px;
    position: relative;
    z-index: 1;
}

@media (max-width: 48em) {
    .register-modal__success-items {
        padding: 10px;
    }
}

.register-modal__success-item {
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    padding: 10px;
    color: #2f2e42;
}

.register-modal__success-item:hover {
    background-color: #fcea1d;
}

.albert-modal {
    position: relative;
    z-index: 1001;
}

.albert-modal_open {
    -webkit-animation: fadein .3s linear forwards;
    animation: fadein .3s linear forwards;
}

.albert-modal_closing {
    -webkit-animation: fadeout .3s linear forwards;
    animation: fadeout .3s linear forwards;
}

.albert-modal_closed {
    visibility: hidden;
    opacity: 0;
}

.albert-modal_transparent .albert-modal__box,
.albert-modal_transparent .albert-modal__content {
    background-color: transparent !important;
}

.albert-modal_wide .albert-modal__box {
    max-width: 90% !important;
}

.albert-modal__backdrop {
    background-color: #2f2e42;
    opacity: .8;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.albert-modal__holder {
    position: fixed;
    top: 0;
    right: 10px;
    left: 10px;
    bottom: 0;
    z-index: 1001;
    overflow: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.albert-modal__box {
    margin: 20px auto;
    position: relative;
    z-index: 1;
    max-width: 900px;
    background-color: #fff;
}

.albert-modal__box_success {
    max-width: 400px;
    margin: 50px auto;
}

@media (max-width: 75em) {
    .albert-modal__box {
        min-width: 300px;
    }
}

.albert-modal__content {
    padding: 30px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.albert-modal__close {
    position: absolute;
    color: #8e8daf;
    cursor: pointer;
    z-index: 3;
    font-size: 1em;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #e7e7ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 15px;
    right: 15px;
}

.albert-modal__close:hover {
    background-color: #cac9d9;
}

.albert-modal__header {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

@media (max-width: 48em) {
    .albert-modal__header {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.albert-modal__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 48em) {
    .albert-modal__header-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
    }
}

.albert-modal__header-title {
    color: #2f2e42;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.albert-modal__body {
    width: 100%;
}

.tags-modal .sweet-title {
    display: none;
}

.tags-modal__tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 30px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.tags-modal__tab,
.tags-modal__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tags-modal__tab {
    text-align: center;
    cursor: pointer;
}

@media (max-width: 34em) {
    .tags-modal__tab {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

.tags-modal__tab-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    margin-bottom: 5px;
    padding: 5px;
}

@media (min-width: 62em) {
    .tags-modal__tab-wrapper {
        width: 120px;
    }
}

.tags-modal__tab img {
    height: 20px;
    padding-bottom: 4px;
}

@media (min-width: 62em) {
    .tags-modal__tab img {
        height: 40px;
    }
}

.tags-modal__tab span {
    font-size: .6em;
    display: block;
    color: #8e8daf;
}

@media (min-width: 62em) {
    .tags-modal__tab span {
        font-size: .8em;
    }
}

.tags-modal__tab_active .tags-modal__tab-wrapper {
    background-color: #f6f6f9;
}

.tags-modal__tab_active .tags-modal__tab-wrapper span {
    color: #e94e1b;
}

.tags-modal__tab_hover {
    opacity: .9;
}

.tags-modal .albert-modal__body {
    font-size: 1.2em;
    color: #5d5c75;
    text-align: center;
}

.tags-modal ul {
    padding: 0;
    list-style-position: inside;
    margin-bottom: 20px;
    text-align: left;
    display: inline-block;
    max-width: 600px;
}

.tags-modal ul li {
    font-family: Myriad Pro Regular, sans-serif;
}

/* .tag-rules-modal .albert-modal__box {
  max-width: 500px;
} */

.tag-rules-modal .albert-modal__body {
    font-size: 1.1em;
    color: #5d5c75;
    text-align: center;
}

.tag-rules-modal h2 {
    margin-top: 0;
    color: #5d5c75;
}

.tag-rules-modal img {
    max-width: 100%;
}

.tag-rules-modal ul {
    padding: 0;
    list-style-position: inside;
    margin: 40px 0;
}

.tag-rules-modal ul li {
    font-family: Myriad Pro Regular, sans-serif;
}

.register-modal_big .register-modal__box {
    width: 900px;
}

.register-modal__form-field_half {
    flex-basis: 50% !important;
    padding-right: 25px !important;
}

.radio input[type="radio"] {
    display: none;
}

.radio label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    padding-left: 25px;
    text-transform: uppercase;
}

.radio label:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 2px solid #ea4d44;
    border-radius: 50%;
    z-index: 1;
}

.radio label:after {
    content: '';
    display: none;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 9px;
    height: 9px;
    background: #ea4d44;
    border-radius: 50%;
    z-index: 2;
}

.radio input[type="radio"]:checked+label:after {
    display: block;
}

.register-modal-address {
    padding-top: 10px;
}

#header_menu_popup {
    top: 60px !important;
    left: 10px !important;
}

.header__nav-dropdown {
    min-width: 350px;
    min-height: 200px;
    z-index: 100;
    padding: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 50px;
    background-color: #fff;
    color: #2f2e42 !important;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.2);
}

#confirm_city {
    min-height: 100px;
}

#confirm_city .confirm-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

#confirm_city .game-component__btn:nth-child(1) {
    min-width: 148px;
    color: #302509;
    background-color: #fcea1c;
}

#confirm_city .game-component__btn:nth-child(2) {
    min-width: 148px;
    color: #fff;
    background-color: #2f2e42;
}

@media (max-width: 62em) {
    #choose_city.header__nav-dropdown {
        position: fixed;
        width: 94%;
        left: 3%;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #choose_city.header__nav-dropdown:before {
        display: none;
    }
}

.header__nav-dropdown_open {
    -webkit-animation: fadein 0.3s linear forwards;
    animation: fadein 0.3s linear forwards;
}

.header__nav-dropdown_closing {
    /*
  -webkit-animation: fadeout 0.1s linear forwards;
  animation: fadeout 0.1s linear forwards;
*/
}

.header__nav-dropdown_closing .header__nav-dropdown-content,
.header__nav-dropdown_closing .header__nav-dropdown-footer,
.header__nav-dropdown_closing .header__nav-dropdown-item {
    opacity: 0;
}

.header__nav-dropdown_closed {
    display: none;
    /*
  visibility: hidden;
  opacity: 0;
*/
}

.header__nav-dropdown_large {
    min-width: 550px;
}

.header__nav-dropdown_wide {
    min-width: 750px;
}

.header__nav-dropdown_left {
    right: 0;
}

.header__nav-dropdown-close {
    z-index: 1;
    position: absolute;
    right: -35px;
    color: #fff;
    font-size: 18px !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
    padding: 10px;
}

.header__nav-dropdown-close:hover {
    opacity: 1;
}

.header__nav-dropdown-error {
    text-align: center;
    color: #f9b115;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.header__nav-dropdown-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px 15px;
    font-size: 24px;
    font-weight: 100;
}

@media (max-width: 48em) {
    .header__nav-dropdown-title {
        font-size: 14px;
        font-family: Myriad Pro Bold;
        text-transform: uppercase;
        color: #9290a5;
    }
}

.header__nav-dropdown-title-close {
    color: #cac9d9;
    font-size: 18px !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header__nav-dropdown-title-close:hover {
    color: #8e8daf;
}

.header__menu-button-logo img {
    height: 32px;
}

.header__menu-button {
    padding: 0 !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    color: #2f2e42 !important;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__menu-button-text {
    text-align: right;
    font-size: 16px;
    margin-right: 15px;
}

.header__menu-button-text span {
    display: block;
    color: #444360;
    font-size: 14px;
    margin-top: 4px;
}

.header__menu-button-logo {
    margin-right: 10px;
}

.header__menu-button-logo img {
    height: 32px;
}

.header__menu-button-icon {
    color: #fcea1c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
}

.header__menu-button:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.header__nav-dropdown-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow-y: auto;
}

.header__nav-dropdown-content_padding {
    padding: 30px 30px 0;
}

#confirm_city.header__nav-dropdown-content_padding {
    padding: 10px 30px 30px;
}

.header__nav-dropdown-footer {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
}

@media (max-width: 48em) {
    .header__nav-dropdown-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.header__nav-dropdown-footer-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    font-size: 16px;
    font-weight: 100;
    color: #71707d;
    margin: 30px 0 30px 30px;
}

@media (max-width: 48em) {
    .header__nav-dropdown-footer-text {
        margin: 15px;
    }
}

@media (min-width: 48em) {
    .header__nav-dropdown-footer-text {
        margin: 30px;
        font-size: 20px;
    }
}

@media (max-width: 48em) {
    .header__nav-dropdown-footer-action {
        margin: 15px;
    }
}

@media (min-width: 48em) {
    .header__nav-dropdown-footer-action {
        margin: 15px 30px;
    }
}

.header__nav-dropdown-footer-button {
    display: inline-block;
    border-radius: 20px;
    border: 0;
    padding: 10px 20px !important;
    background-color: #fcea1c;
    color: #302509 !important;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
}

.header__nav-dropdown-footer-button:hover {
    background-color: #fbe703;
    color: #5b4611 !important;
}

.header__nav-dropdown-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__nav-dropdown-items_half {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.header__nav-dropdown-items_half .header__nav-dropdown-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (max-width: 48em) {
    .header__nav-dropdown-items_half .header__nav-dropdown-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.header__nav-dropdown-item {
    display: block;
    color: #2f2e42 !important;
    padding: 25px 30px !important;
    font-weight: 200;
    border-bottom: 1px solid #fafafa;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1;
}

.header__nav-dropdown-item:last-child {
    border-bottom: 0;
}

.header__nav-dropdown-item:hover {
    background-color: #fafafa;
    text-decoration: underline;
}

.header__nav-dropdown:before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    content: "";
    position: absolute;
    left: 25px;
    width: 0;
    height: 0;
}

.header__nav-dropdown_left:before {
    left: auto;
    right: 25px;
}

.header__nav-city-dropdown {
    margin-right: -30px;
}

@media (max-width: 75em) {
    .header__nav-city-dropdown {
        margin-right: -130px;
    }
}

@media (max-width: 34em) {
    .header__nav-city {
        display: none;
    }
}

.header__nav-city_dropdown {
    color: #2f2e42;
}

@media (min-width: 34.11111em) {
    .header__nav-city_dropdown {
        display: none;
    }
}

@media (max-width: 34em) {
    .header__nav-city_dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 2px solid #fafafa;
        padding: 15px;
        font-size: .9em;
    }
}

.header__nav-phone {
    text-decoration: none;
}

@media (max-width: 48em) {
    .header__nav-phone {
        margin-right: 0 !important;
    }
}

.header__nav-phone-icon {
    width: 32px;
    height: 32px;
    background-color: #9bc322;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2px;
}

@media (max-width: 48em) {
    .header__nav-phone-icon {
        display: none;
    }
}

.header__nav-phone-icon_mobile {
    margin-right: 0;
    margin-left: 10px;
    display: none;
}

@media (max-width: 48em) {
    .header__nav-phone-icon_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header__nav-locations {
    margin-top: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}

@media (max-width: 48em) {
    .header__nav-locations {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 15px 0;
    }
}

.header__nav-locations-block {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

@media (max-width: 48em) {
    .header__nav-locations-block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 0;
    }
}

@media (max-width: 40em) {
    .header__nav-locations-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.header__nav-country {
    margin-top: 15px;
}

.header__nav-country:first-child {
    margin-top: 0;
}

@media (min-width: 48em) {
    .header__nav-locations-block:first-child {
        padding-left: 0;
    }

    .header__nav-locations-block:only-child {
        width: 100%;
    }

    .header__nav-locations-block:last-child {
        padding-right: 0;
    }
}

.header__nav-country-item {
    font-size: 18px;
    font-weight: 100;
    color: #acabc4;
    text-transform: uppercase;
    margin-bottom: 0;
}

.header__nav-country-item:after {
    margin-top: 5px;
    content: " ";
    display: block;
    width: 50%;
    border-bottom: 3px solid #fafafa;
}

.header__nav-country-spacer {
    width: 100%;
    height: 30px;
}

@media (max-width: 48em) {
    .header__nav-country-spacer {
        display: none;
    }
}

.header__nav-location-item {
    cursor: pointer;
    display: block;
    padding: 4px 0;
    color: #2f2e42;
    font-size: 14px;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 400;
}

.header__nav-location-item_selected {
    font-weight: 600;
}

@media (max-width: 48em) {
    .header__nav-location-item {
        padding: 15px 30px;
        border-bottom: 1px solid #f9f9f9;
    }

    .header__nav-location-item.header__nav-location-item_selected {
        background-color: #f7f7f7;
    }

    .header__nav-location-item.header__nav-location-item_selected:after {
        content: "\F058";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        color: #e25126;
        float: right;
        margin-left: 10px;
    }
}

.header__nav-location-item:hover {
    opacity: .9;
    text-decoration: underline;
}

#modal-bar {
    width: 500px;
    padding: 30px;
    -webkit-box-shadow: 0 8px 46px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
    box-shadow: 0 8px 46px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
    border-radius: 2px;
}

.modal-bar-top {
    margin-bottom: 30px;
}

.modal-bar__name {
    margin-bottom: 5px;
    color: #2f2e42;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.modal-bar__address {
    margin-bottom: 5px;
    color: #8e8daf;
    font-size: 15px;
    font-weight: 200;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-bar__time {
    font-size: 14px;
    color: #8e8daf;
    text-transform: uppercase;
}

.modal-bar__description {
    margin-bottom: 50px;
    color: red;
    font-size: 16px;
    line-height: 20px;
}

.modal-bar__note {
    font-size: 15px;
    color: #5a587e;
}

.modal-bar-gallery {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.modal-bar__bigimage {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    height: 200px;
    margin-right: 10px;
}

.modal-bar__image {
    margin-bottom: 10px;
    height: 95px;
}

.modal-bar__image:last-child {
    margin-bottom: 0;
}

/*==============================INDEX==============================*/
/*---------------------top------------------------*/
.top {
    background: -webkit-gradient(linear, left top, right top, from(#93C11F), to(#00DB3E));
    background: -webkit-linear-gradient(left, #93C11F, #00DB3E);
    background: -o-linear-gradient(left, #93C11F, #00DB3E);
    background: linear-gradient(to right, #93C11F, #00DB3E);
}

.top-body {
    padding: 5px 50px 8px;
    text-align: center;
}

.top-body span {
    display: inline-block;
    margin: 0 20px;
}

.top-body a {
    margin-top: 5px;
    font-size: 12px;
    padding: 5px 45px;
}

.top-announcement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-announcement__title {
    margin-right: 110px;
    font-size: 27px;
    text-transform: uppercase;
    color: #2f2e42;
    background: #FAD3D6;
}

.top-announcement-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-announcement-item__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px;
    font-size: 27px;
}

.top-announcement-item__date span {
    /*  background: #FAD3D6; */
    margin-right: 3px;
}

.top-announcement-item__name {
    font-size: 27px;
    color: #103754;
}


/*---------------------promo------------------------*/
.promo {
    position: relative;
    padding: 120px 0 150px 0;
    background: url(/static/legacy-source/images/bg-promo-optimized.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 401;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-body {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (min-width: 1011px) {
    .header_scroll {
        position: fixed;
        background: #201f2d;
    }

    .header_scroll .header-body {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.header__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-radial-gradient(center, circle, #b90901, #fb3509);
    background-image: -o-radial-gradient(center, circle, #b90901, #fb3509);
    background-image: radial-gradient(circle at center, #b90901, #fb3509);
    opacity: .7;
}

.header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 30px;
}

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

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

.header-menu ul li {
    margin-right: 32px;
}

.header-menu ul li a {
    white-space: nowrap;
    font-size: 18px;
    line-height: 41px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-menu ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.header-menu__switcher {
    margin-right: 43px;
    width: 29px;
    height: 41px;
    background-image: url(/static/legacy-source/images/icon-menu.svg);
    background-size: 29px 19px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.header-menu__switcher:hover {
    opacity: 0.8;
}

.header-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.header-address {
    position: relative;
    cursor: pointer;
}

.header-address_mobile {
    display: none;
}

.header-address:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 16px;
    height: 23px;
    background-image: url(/static/legacy-source/images/icon-location.svg);
}

.header-address__city {
    margin-bottom: 2px;
    font-size: 18px;
    color: #fff;
}

.header-address-yourcity {
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    padding: 35px 30px;
    transition: all 0.5s ease-in;
    box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.header-address-yourcity:before {
    position: absolute;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    content: "";
    right: 25px;
    width: 0;
    height: 0;
}

.header-address-yourcity-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 50px;
}

.header-address-yourcity__close {
    color: #cac9d9;
}

.header-address-yourcity__title {
    flex-grow: 1;
    padding-right: 15px;
    font-size: 24px;
    font-weight: 100;
}

.header-address-yourcity-buttons {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.header-address-yourcity__btn {
    text-align: center;
    min-width: 160px !important;
    white-space: nowrap;
}

.header-address-yourcity__btn:first-child {
    border-radius: 20px 0 0 20px;
}

.header-address-yourcity__btn:last-child {
    border-radius: 0 20px 20px 0;
}

.header-address-yourcity__btn.btn2_dark {
    background-color: #4f4d6f;
    color: #fff;
}

.header-address__select {
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
}

.header-mail {
    position: relative;
    line-height: 33px;
    display: inline-block;
    margin-left: 70px;
    font-size: 18px;
    color: #fff;
    /*  border-bottom: 1px solid #fff; */
}

.header-mail:hover {
    border-color: transparent;
}

.header-mail:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -30px;
    width: 21px;
    height: 14px;
    background-image: url(/static/legacy-source/images/icon-mail.svg);
    background-size: 21px 14px;
}

.header-phone {
    margin-left: 80px;
    padding-left: 40px;
}

a.header-phone__number {
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    font-size: 18px;
    color: #fff;
}

a.header-phone__number span {
    content: '';
    position: absolute;
    left: -40px;
    width: 32px;
    height: 32px;
    background-color: #9bc322;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2px;
    font-size: 16px;
}

.header-phone__text {
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
}

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

.promo-leftside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 410px;
    flex: 0 0 410px;
    max-width: 410px;
    margin: 0 200px 0 100px;
}

.promo-leftside img {
    max-width: 100%;
}

.promo-rightside {
    text-align: center;
    padding: 120px 0 0;
}

.promo-content {
    position: relative;
}

.promo-content__btn.yt {
    padding-right: 60px;
    background-image: url('/static/legacy-source/images/icon_youtube.png');
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: center right 15px;
}

.promo-content__link {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
}

.promo-content__title {
    text-align: left;
    font-family: 'Code-Pro-Black-LC';
    margin-bottom: 50px;
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
}

.promo-content__title span {
    display: block;
    padding-left: 70px;
    font-size: 100px;
}

.promo-content__text {
    margin-bottom: 60px;
    padding-left: 20px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}

.header-menu li a.active {
    font-weight: 700;
}

.header-menu .header-address {
    border-bottom: 1px solid #fafafa;
}

.header-menu .header-address .header-address__city {
    text-transform: uppercase;
}

/*------------------games--------------------*/
.games {
    background-color: #3a3851;
}

.games-list {
    position: relative;
    background: #2f2e42;
    z-index: 2;
}

.games-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.games-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 20px 5px;
    text-align: center;
    min-width: 90px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.games-item:hover {
    background-color: #333248;
}

.games-item:hover .games-item__image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.games-item.active {
    background: #3a3851;
}

.games-item img {
    height: 60px;
}

.games-item_all {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.games-item_all .games-item__image {
    margin: 0;
}

.games-item_all img {
    height: 100px;
}

.games-item__image {
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.games-item__title {
    color: #fff;
    text-transform: uppercase;
    font-size: .9em;
}

.games-item__more {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    right: 0;
    bottom: -8px;
    width: 100px;
    text-align: center;
    display: inline-block;
    padding: 7px 15px;
    font-size: .6em;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    background-color: #acabc4;
    color: #000;
    opacity: .8;
    border-radius: 15px;
}

.games-item__more:hover {
    opacity: 1;
}

.games-item_red .games-item__more {
    background-color: #e20913;
    color: #fff;
}

.games-item_green .games-item__more {
    background-color: #00db3e;
}

.games-item_orange .games-item__more {
    background-color: #f9b115;
}

.games-item_blue .games-item__more {
    background-color: #00f5e4;
}

.games-game {
    background: #fff;
    padding: 30px 0;
}

.game-component {
    display: grid;
    grid-template-columns: 6fr 6fr;
    font-family: 'MyriadPro';

}

.game-component-map2 {
    position: relative;
    display: block;
}
.game-component-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 40px 30px 35px;
}

.game-component.ingame .game-component-content {
    padding: 0 20px 35px 0;
}

.game-component-map {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 680px;
    flex: 0 0 680px;
}

.game-component-map #mainpage_games_map {
    height: 450px;
}

.game-component-content-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
}

.game-component__logo {
    position: absolute;
    width: 200px;
    height: 200px;
    opacity: .05;
    z-index: -1;
}

.game-component__logo img {
    max-width: 100%;
}

.game-component-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.game-component__title {
    margin: 0 25px 0 0;
    text-transform: uppercase;
    color: #2f2e42;
    font-size: 24px;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.game-component__status {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 0 0 20px;
}

.game-component__status img {
    height: 15px;
    margin-right: 8px;
}

.game-component__status .ic {
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url(/static/legacy-source/images/reg_types.png);
    background-size: auto 15px;
    margin: 0 10px 0;
    backround-repeat: no-repeat;
}

.game-component__status.avail {
    color: #e74f25;
}

.game-component__status.avail .ic {
    background-position: -40px 0;
}

.game-component__status.not_avail {
    color: #7b7a92;
}

.game-component__status.not_avail .ic {
    background-position: -20px 0;
}

.game-component__status.reserve {
    color: #92c03e;
}

.game-component__status.reserve .ic {
    background-position: 0 0;
}

.game-component__text {
    /* transition: height 0.5s ease; */
}

.game-component__text {
    margin-bottom: 20px;
    font-size: 18px;
    color: #444360;
}

.game-component__addons {
    margin-bottom: 20px;
    min-height: 35px;
}

.game-component__addon {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px;
    border: 2px solid #2f2e42;
    color: #2f2e42;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    max-height: 38px;
}

.game-component__addon a {
    display: inline-block;
    margin: -10px -10px -10px 10px;
    padding: 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.game-component__addon_afterparty {
    color: #e20913;
    border-color: #e20913;
}

.game-component__addon_afterparty a {
    background-color: #e20913;
    min-height: 35px;
    color: #fff;
}

.game-component__addon_bonus {
    color: #00a830;
    border-color: #00a830;
    max-height: 100%;
}

.game-component-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.game-component-tag {
    position: relative;
    margin-right: 25px;
    color: #4f4d6f;
    white-space: nowrap;
}

.game-component-tag__title {
    white-space: initial;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    max-width: 320px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.game-component-tag__text {
    font-size: 16px;
}

.game-component-tag__btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    border-radius: 20px;
    border: 2px solid #716f9a;
    color: #716f9a;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 6px;
    text-decoration: none;
    white-space: nowrap;
}

.game-component-tag__btn_bar {
    background-color: #fcea1c;
    border-color: #fcea1c;
    color: #302509;
}

.game-component-footer {
    justify-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.game-component-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.game-component-no-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.game-component__btn {
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    text-align: center;
    font-size: 1em;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
    border: 0;
}

.game-component-no-buttons span {
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    text-align: center;
    font-size: 1em;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
    border: 0;
    background-color: #2f2e42;
    border-radius: 25px;
    min-width: 276px;
}

.game-component__btn:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.game-component__btn:nth-child(2) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.game-component__btn_register {
    min-width: 148px;
    color: #302509;
    background-color: #fcea1c;
}

.game-component__btn_register:hover {
    background-color: #fdf168;
}

.game-component__btn_noteam {
    color: #fff;
    background-color: #2f2e42;
}

.game-component__btn_noteam:hover {
    background-color: #4f4d6f;
}

.game-component__link {
    margin: 5px 0;
    display: inline-block;
    border-radius: 3px;
    padding: 10px 10px;
    background-color: #fcea1c;
    color: #302509;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid transparent;
}

.game-component__link:hover {
    background-color: #fdf168;
    color: #050401;
}

.game-component__link_rules,
.game-component__link_share {
    background-color: #f0f0f0;
    color: #5a587e;
}

.game-component__link_share {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.game-component__share-text {
    margin: 5px 0 5px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: .8em;
    color: #e53018;
    font-weight: 700;
    height: 40px;
}

.game-component__share-text i {
    margin-right: 10px;
    font-size: 1.2em;
    color: #e53018;
}

.game-component__map-ribbon {
    position: absolute;
    z-index: 1;
    top: 50px;
    right: -10px;
    color: white;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 220px;
    margin-bottom: 10px;
    font-size: 0.8em;
    text-transform: uppercase;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) -5px -5px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) -5px -5px 20px;
    padding: 10px 20px;
    background: -webkit-linear-gradient(45deg, #2f2e42, #4d4c5d);
    background: -o-linear-gradient(45deg, #2f2e42, #4d4c5d);
    background: linear-gradient(45deg, #2f2e42, #4d4c5d);
}

.games-tickets {
    position: relative;
    padding: 40px 0px 0;
    height: 195px;
    background-color: #3a3851;
    z-index: 1;
}

.games-tickets-body {
    position: relative;
    padding-right: 80px;
}

.games-tickets-slide .descr {
    display: none;
}

.games-tickets__schedule i {
    display: none;
}

.games-tickets__schedule {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 144px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    line-height: 43px;
    text-transform: uppercase;
    font-weight: 600;
    color: #302509;
    background-color: #fcea1c;
    font-size: 12px;
}

.games-tickets__schedule:hover {
    background-color: #fdf381;
}

.games-tickets-carousel .slick-list {
    padding-bottom: 25px;
}

.games-tickets-carousel .slick-arrow {
    top: 60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.games-tickets-carousel .slick-prev {
    left: -40px;
}

.games-tickets-carousel .slick-next {
    right: -23px;
}

.games__tickets-ticket {
    min-width: 300px;
    height: 144px;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    max-width: 300px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.games__tickets-ticket-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.games__tickets-ticket-aside {
    color: white;
    position: relative;
    width: 40px;
    height: 144px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.games__tickets-ticket-aside-wave,
.games__tickets-ticket-aside-wave svg {
    position: absolute;
    right: 0px;
    height: 100%;
}

.games__tickets-ticket-aside span {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    line-height: 33px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    text-decoration: underline;
}

.games__tickets-ticket-aside span[data-reg_type='invite'] {
    line-height: 18px;
    ;
}

.games__tickets-ticket-aside-wave,
.games__tickets-ticket-aside-wave svg {
    position: absolute;
    right: 0px;
    height: 100%;
}

.games__tickets-ticket-content::after {
    display: block;
    content: " ";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 3px;
    background-image: -webkit-linear-gradient(white 70%, rgba(255, 255, 255, 0) 0px);
    background-image: -o-linear-gradient(white 70%, rgba(255, 255, 255, 0) 0px);
    background-image: linear-gradient(white 70%, rgba(255, 255, 255, 0) 0px);
    background-size: 3px 25px;
    margin-right: 3px;
    background-position: 100% 0px;
    background-repeat: repeat-y;
}

.games__tickets-ticket-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.games__tickets-ticket-header-content {
    padding: 15px 5px 0px 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.games__tickets-ticket-header-image {
    padding: 10px 15px 0px;
}

.games__tickets-ticket-header-image img {
    height: 35px;
}

.games__tickets-ticket-title {
    color: white;
    font-size: 1.35em;
    font-weight: 400;
    text-align: left;
    max-width: 170px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 40px;
    line-height: 0.9em;
    margin-bottom: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /*  overflow: hidden; */
    white-space: nowrap;
    overflow: initial;
}

.games__tickets-ticket-place {
    color: white;
    opacity: 0.8;
    font-size: 1.1em;
    font-weight: 200;
    text-align: left;
    max-height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.games__tickets-ticket-header-content.mini .games__tickets-ticket-title {
    font-size: 1em;
}

.games__tickets-ticket-header-content.mini .games__tickets-ticket-place {
    font-size: 1em;
}


.games__tickets-ticket-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid rgba(255, 255, 255, 0.8);
    margin: 15px;
}

.games__tickets-ticket-date {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    color: white;
    font-size: 1em;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    border-right: 2px solid rgba(255, 255, 255, 0.8);
}

.games__tickets-ticket-date span.wday {
    display: block;
    font-weight: 200;
    margin-bottom: 2px;
    text-transform: capitalize;
}

.games__tickets-ticket-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font-size: 1.2em;
    font-weight: 100;
}

.games__tickets-ticket_red .games__tickets-ticket-content {
    background-image: -webkit-gradient(linear, left top, right top, from(#e20913), to(#e94e1b));
    background-image: -webkit-linear-gradient(left, #e20913, #e94e1b);
    background-image: -o-linear-gradient(left, #e20913, #e94e1b);
    background-image: linear-gradient(90deg, #e20913, #e94e1b);
}

.games__tickets-ticket_red .games__tickets-ticket-aside-wave svg path {
    fill: #e94e1b;
}

.games__tickets-ticket:hover {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.games__tickets-ticket_selected {
    opacity: 1;
    height: 164px;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}

.games__tickets-ticket_selected .games__tickets-ticket-content {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 30px 5px 20px 7px;
    box-shadow: rgba(0, 0, 0, 0.1) 30px 5px 20px 7px;
}

.games__tickets-ticket_selected .games__tickets-ticket-aside-wave svg path {
    fill: white !important;
}

.games__tickets-ticket_selected .games__tickets-ticket-aside-wave svg {
    height: 164px;
}

.games__tickets-ticket_selected .games__tickets-ticket-aside::after {
    bottom: -15px;
    content: "";
    position: absolute;
    left: 45%;
    margin-left: -17px;
    width: 0px;
    height: 0px;
    border-top: 15px solid white;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.games__tickets-ticket_selected.games__tickets-ticket_red .games__tickets-ticket-aside {
    color: #e94e1b !important;
}

.games__tickets-ticket_selected .games__tickets-ticket-aside {
    height: 164px;
}

.games__tickets-ticket_green .games__tickets-ticket-content {
    background-image: -webkit-gradient(linear, left top, right top, from(#007521), to(#00a830));
    background-image: -webkit-linear-gradient(left, #007521, #00a830);
    background-image: -o-linear-gradient(left, #007521, #00a830);
    background-image: linear-gradient(90deg, #007521, #00a830);
}

.games__tickets-ticket_green .games__tickets-ticket-aside-wave svg path {
    fill: #00a830;
}

.games__tickets-ticket_selected.games__tickets-ticket_green .games__tickets-ticket-aside {
    color: #0fff53 !important;
}

.games__tickets-ticket_selected.games__tickets-ticket_orange .games__tickets-ticket-aside {
    color: #fab92e !important;
}

.games__tickets-ticket_orange .games__tickets-ticket-content {
    background-image: -webkit-gradient(linear, left top, right top, from(#d69405), to(#eea506));
    background-image: -webkit-linear-gradient(left, #d69405, #eea506);
    background-image: -o-linear-gradient(left, #d69405, #eea506);
    background-image: linear-gradient(90deg, #d69405, #eea506);
}

.games__tickets-ticket_orange .games__tickets-ticket-aside-wave svg path {
    fill: #eea506;
}

.games__tickets-ticket_cyan .games__tickets-ticket-content {
    background-image: -webkit-gradient(linear, left top, right top, from(#008f85), to(#00c2b5));
    background-image: -webkit-linear-gradient(left, #008f85, #00c2b5);
    background-image: -o-linear-gradient(left, #008f85, #00c2b5);
    background-image: linear-gradient(90deg, #008f85, #00c2b5);
}

.games__tickets-ticket_cyan .games__tickets-ticket-aside-wave svg path {
    fill: #00c2b5;
}

.games__tickets-ticket_selected.games__tickets-ticket_cyan .games__tickets-ticket-aside {
    color: #00b3b3 !important;
}

/*---------------------games-category------------------------*/
.games-category-tags-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
}

.games-category-tag {
    position: relative;
    padding: 20px 10px 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    cursor: pointer;
}

.games-category-tag.active {
    background: #3a3851;
}

.games-category-tag__logo {
    margin: 0 auto;
    height: 75px;
    width: 65px;
}

.games-category-tag.all .games-category-tag__logo {
    width: 100px;
}


.games-category-tag__logo img {
    max-width: 100%;
}

.games-category-tag__title {
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #fff;
}

.games-category-tag__btn {
    position: absolute;
    display: inline-block;
    left: 50%;
    height: 25px;
    padding: 0 15px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    border-radius: 13px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.btn_red {
    background-color: #be101c;
    color: #fff;
}

.btn_orange {
    background-color: #ff4510;
    color: #fff;
}

.btn_green {
    background-color: #09b83f;
}

.btn_aqua {
    background-color: #09cdc4;
}

.games-category-body {
    position: relative;
    padding: 60px 0 40px 0;
    background: #3a3851;
}

.games-place-row {
    min-height: 310px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    z-index: 1;
}

.games-place-row:before,
.games-place-row:after {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.games-place-row:before {
    bottom: 10px;
    left: -50px;
    width: 308px;
    height: 269px;
}

.games-place-row:after {
    top: -60px;
    right: -90px;
    width: 326px;
    height: 258px;
}

.games-place-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    max-width: 33.333%;
    padding: 0 20px;
    margin-bottom: 40px;
    display: none;
}

.games-place-item {
    text-align: center;
}

.games-place-item_red .games-place-item__image {
    border-color: #ff480f;
}

.games-place-item_red .games-place-item__number {
    color: #ff480f;
}

.games-place-item_red .games-place-item__title {
    background: #ff480f;
}

.games-place-item_yellow .games-place-item__image {
    border-color: #fcea1c;
}

.games-place-item_yellow .games-place-item__number {
    color: #fcea1c;
}

.games-place-item_yellow .games-place-item__title {
    background: #fcea1c;
    color: #2f2e42;
}

.games-place-item_green .games-place-item__image {
    border-color: #94c11f;
}

.games-place-item_green .games-place-item__number {
    color: #94c11f;
}

.games-place-item_green .games-place-item__title {
    background: #94c11f;
}

.games-place-item__image {
    margin-bottom: 15px;
    height: 185px;
    border: 6px solid #94c11f;
    -webkit-box-shadow: 9.9px 9.9px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 9.9px 9.9px 10px rgba(0, 0, 0, 0.14);
}

.games-place-item__number {
    font-family: 'Code-Pro-Black-LC';
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 36px;
    color: #94c11f;
}

.games-place-item__title {
    display: inline-block;
    padding: 3px 10px;
    font-family: 'MyriadPro';
    text-transform: uppercase;
    font-size: 18px;
    background-color: #94c11f;
    color: #fff;
}

/*------------------about--------------------*/
.about {
    position: relative;
    background-color: #2f2e42;
    padding: 50px 0 40px;
    z-index: 0;
}

.about__title {
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 30px;
    font-family: 'Code-Pro-Black-LC';
}

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

.about__logo:before {
    content: " ";
    height: 4px;
    background-color: #e20913;
    width: 100%;
    margin-bottom: 20px;
}

.about__logo:after {
    content: " ";
    height: 4px;
    background-color: #e20913;
    width: 100%;
    margin-bottom: 20px;
}

.about__logo img {
    height: 35px;
    margin: 0 30px;
}

.about.ingame {
    background: none;
}

.about.ingame .about__logo img {
    height: 80px;
}

.about.ingame .about__logo:before,
.about.ingame .about__logo:after {
    margin-bottom: 0;
}

.about.ingame .about__title span {
    font-size: 28px;
}

.about__items {
    margin: 35px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
    text-align: center;
}

.about__item {
    display: inline;
}

.about__item-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about__item-value {
    font-family: 'Code-Pro-Black-LC';
    color: #fff;
    font-size: 3.3em;
    margin-right: 15px;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    min-width: 70px;
    padding: 10px 10px 0;
    text-align: right;
    white-space: nowrap;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.about__item-text {
    font-family: 'MyriadPro';
    color: #eaeaef;
    font-size: 1.25em;
    text-align: left;
    text-transform: uppercase;
}

.about__item-text span {
    display: block;
}

.about__item:first-child .about__item-value {
    background-image: url(/static/legacy-source/images/about-1.png);
}

.about__item:nth-child(2) .about__item-value {
    background-image: url(/static/legacy-source/images/about-2.png);
}

.about__item:nth-child(3) .about__item-value {
    background-image: url(/static/legacy-source/images/about-3.png);
}

.about__item:nth-child(4) .about__item-value {
    background-image: url(/static/legacy-source/images/about-4.png);
}

.about__item:nth-child(5) .about__item-value {
    background-image: url(/static/legacy-source/images/about-5.png);
}

.about__text {
    text-align: center;
    padding: 35px 0;
    color: #eaeaf3;
    font-family: 'MyriadPro';
    font-size: 1.3em;
}

.about__text_block {
    padding-bottom: 15px;
}

.about__text-container {
    display: inline-block;
    max-width: 800px;
}

.about.ingame .about__text {
    text-align: justify;
    padding: 35px 20px;
    margin-bottom: 25px;
    transition: height 1s;
    overflow: hidden;
}

.about.ingame .about__text.limited {
    max-height: 300px;
}

/*------------------infographics--------------------*/
.infographics {
    position: relative;
    padding: 100px 0;
    background-color: #2f2e42;
    z-index: 3;
}

.infographics:before {
    content: " ";
    display: block;
    position: absolute;
    top: -80px;
    width: 100%;
    height: 80px;
    /*  background-color: #2f2f42; */
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.infographics.ingame:before {
    display: none;
}

.infographics.ingame {
    padding-top: 10px;
    padding-bottom: 0;
}

.infographics .center-wrapper {
    z-index: 5;
}

.infographics__background {
    top: 0;
    position: absolute;
    width: 100%;
    height: 1000px;
    z-index: 3;
}

.infographics__background:before {
    display: block;
    content: " ";
    position: absolute;
    right: -170px;
    top: -140px;
    height: 380px;
    width: 380px;
    background-image: url(/static/legacy-source/images/particles-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.infographics__background:after {
    display: block;
    content: " ";
    position: absolute;
    left: -80px;
    bottom: 110px;
    height: 380px;
    width: 380px;
    background-image: url(/static/legacy-source/images/particles-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.infographics.ingame .infographics__background {
    height: 100%;
}

.infographics.ingame .infographics__background:after {
    bottom: -260px;
    opacity: 0.5;
}

.infographics-slider .slick-prev {
    left: -45px;
}

.infographics-slider .slick-next {
    right: -45px;
}

.infographics-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -25px 50px;
}

.infographics.ingame .infographics-row {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.infographics-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 25px;
}

.infographics-slider__item {
    height: 430px;
}

.infographics-thumbs__item {
    width: 33.333%;
    height: 125px;
    cursor: pointer;
}

.info-graphics__items {
    position: relative;
    z-index: 1;
}

.info-graphics__item_secondary .info-graphics__item-title {
    text-align: left;
}

.infographics-block-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}

.infographics-block-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 15px;
}

.info-graphics__item {
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 0;
}

.info-graphics__item-wrapper {
    max-width: 250px;
}

.info-graphics__item-line {
    position: absolute;
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.info-graphics__item-line_first {
    background-image: url(/static/legacy-source/images/line-1.png);
    top: 30px;
    right: -80px;
    width: 150px;
    height: 150px;
}

.info-graphics__item-title {
    font-size: 1.25em;
    font-weight: 100;
    color: #e6e6e6;
    text-align: right;
    max-width: 200px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.info-graphics__item-image {
    position: relative;
    padding: 25px;
    text-align: right;
    opacity: .6;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}

.info-graphics__item-image img {
    height: 110px;
}

.info-graphics__item:hover {
    cursor: pointer;
    background-image: -webkit-radial-gradient(circle closest-side, #3a3851 0, transparent 100%);
    background-image: -o-radial-gradient(circle closest-side, #3a3851 0, transparent 100%);
    background-image: radial-gradient(circle closest-side, #3a3851 0, transparent 100%);
}

.info-graphics__item:hover .info-graphics__item-title {
    opacity: 1 !important;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.info-graphics__item:hover .info-graphics__item-image {
    opacity: 1 !important;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.info-graphics__item-line_second {
    background-image: url(/static/legacy-source/images/line-2.png);
    top: -120px;
    left: 170px;
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.info-graphics__item-line_third {
    background-image: url(/static/legacy-source/images/line-3.png);
    bottom: 90px;
    right: -60px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.infographics-slider-wrapper {
    position: relative;
    padding: 0 50px;
}

.infographics.ingame .infographics-slider-wrapper {
    margin-top: 60px;
}

.infographics-slider-wrapper:before {
    content: " ";
    height: 150px;
    width: 150px;
    position: absolute;
    top: -60px;
    left: -50px;
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(/static/legacy-source/images/media-photo.png);
}

.info-graphics__text-container {
    display: inline-block;
    max-width: 1000px;
}

.info-graphics__text-container p {
    margin-bottom: 20px;
}

.info-graphics__text-accent {
    font-family: 'MyriadPro';
    font-weight: 700;
    color: #f9b115;
}

.info-graphics__button {
    position: relative;
    z-index: 1;
    margin-top: 0;
    height: 150px;
    background-image: url(/static/legacy-source/images/clouds-bg.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info-graphics__button a {
    display: inline-block;
    border-radius: 20px;
    border: 0;
    padding: 10px 20px;
    background-color: #fcea1c;
    color: #302509;
    font-weight: 600;
    font-size: 1.1em;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
}

.info-graphics__button a:hover {
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    background-color: #fbe703;
    color: #5b4611;
}

.info-graphics__text {
    text-align: center;
    padding: 35px 0 0;
    color: #c7c7de;
    font-family: 'MyriadPro';
    font-size: 1.1em;
}

/*------------------video--------------------*/
.video {
    position: relative;
    background-color: #2f2e42;
    padding-bottom: 80px;
    overflow: hidden;
}

.video.ingame {
    padding-bottom: 0;
}

.video__wrapper {
    position: relative;
    min-height: 300px;
    padding: 50px;
}

.video__container {
    text-align: center;
}

.video__container:before {
    content: " ";
    background-image: url(/static/legacy-source/images/media-video.png);
    height: 150px;
    width: 150px;
    position: absolute;
    top: -10px;
    right: -10px;
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    z-index: 0;
}

.video__container-iframe {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.video__container-iframe:before,
.video__container-iframe:after {
    content: " ";
    background-image: url(/static/legacy-source/images/shot.png);
    position: absolute;
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    z-index: 0;
}

.video__container-iframe:before {
    height: 100px;
    width: 100px;
    top: -25px;
    left: -25px;
}

.video__container-iframe:after {
    height: 200px;
    width: 200px;
    bottom: -50px;
    right: -50px;
}

.video__container-iframe iframe {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 350px;
    margin: 10px;
}

/*------------------team-building--------------------*/
.team-building {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.team-building__top-shadow {
    position: absolute;
    width: 100%;
    height: 100px;
    top: -100px;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
}

.team-building__shadow {
    height: 80px;
}

.team-building__shadow:before {
    display: block;
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    left: 0;
    bottom: 80px;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.team-building__shadow:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    content: " ";
    height: 80px;
    background-color: #2f2f42;
    z-index: 0;
}

.team-building__container {
    position: relative;
    height: 400px;
    padding: 0 50px;
}

.team-building__character {
    position: absolute;
    height: 400px;
    width: 100%;
    background-image: url(/static/legacy-source/images/b2b-image.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -45px;
    z-index: 5;
}

.team-building__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    z-index: 10;
}

.team-building__empty {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
}

.team-building__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    position: relative;
    height: 100%;
}

.team-building__content:before {
    display: block;
    content: " ";
    position: absolute;
    left: -50px;
    top: 80px;
    height: 40px;
    width: 40px;
    background-image: url(/static/legacy-source/images/b2b-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.team-building__content-title {
    margin-bottom: 15px;
    color: #2f2f42;
    font-size: 1.8em;
    font-weight: 100;
    text-transform: uppercase;
}

.team-building__content-title span {
    display: block;
}

.team-building__content-title span:first-child {
    font-family: 'MyriadPro';
    padding-left: 30px;
}

.team-building__content-title span:nth-child(2),
.team-building__content-title span:nth-child(3) {
    font-family: 'Code-Pro-Black-LC';
    text-transform: uppercase;
}

.team-building__content-title span:nth-child(3) {
    padding-left: 60px;
}

.team-building__aside-text {
    color: #2f2f42;
    font-size: 1.4em;
    font-weight: 100;
    text-transform: uppercase;
    padding-right: 50px;
    font-family: 'MyriadPro';
}

.team-building__aside-text span {
    display: block;
    margin-bottom: 5px;
}

.team-building__aside-text span:nth-child(2) {
    padding-left: 40px;
}

.team-building__aside-text span:nth-child(3) {
    padding-left: 30px;
}

.team-building__aside-arrow {
    height: 140px;
    width: 140px;
    background-image: url(/static/legacy-source/images/b2b-arrow-red.png);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.team-building__aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
}

.team-building__aside:hover .team-building__aside-arrow {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.team-building__aside:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    height: 120px;
    width: 120px;
    margin-top: -60px;
    background-image: url(/static/legacy-source/images/b2b-arrows.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

/*---------------------schedule------------------------*/
.schedule {
    position: relative;
    padding: 80px 0;
    text-align: center;
    background: url(/static/legacy-source/images/bg-schedule.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.schedule:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/static/legacy-source/images/bg-schedule-shape.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.schedule__title {
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}

.schedule__btn {
    display: inline-block;
    border-radius: 100px;
    padding: 15px 100px;
    color: #2f2e42;
    text-decoration: none;
    background-color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.05);
    z-index: 1;
}

.schedule__btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.1);
}

/*---------------------quest------------------------*/
.quest {
    position: relative;
    padding-bottom: 50px;
    min-height: 570px;
    background-color: #2f2e42;
    overflow: hidden;
}

.quest__wrapper {
    position: relative;
    padding: 30px 50px 0;
}

.quest__wrapper:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    width: 250px;
    background-image: url(/static/legacy-source/images/quest-bg-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.quest__wrapper:after {
    display: block;
    content: " ";
    position: absolute;
    right: 0;
    top: 20px;
    height: 400px;
    width: 200px;
    background-image: url(/static/legacy-source/images/quest-bg-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.quest__wrapper-content {
    position: relative;
    padding: 50px 0 0;
    margin: 0 150px;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.quest__questions {
    position: relative;
}

.quest__title {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Code-Pro-Black-LC';
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.5em;
    color: #fff;
    padding: 0 75px;
}

.quest__title span {
    display: block;
}

.quest__tags-tag {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 15px;
    opacity: .4;
}

.quest__tags-tag img {
    height: 60px;
}

.quest__tags-tag:hover,
.quest__tags-tag_active {
    opacity: 1;
}

.quest__tags-tag:first-child {
    margin-bottom: 5px;
}

.quest__tags-tag:nth-child(2) {
    margin-left: 20px;
}

.quest__tags-tag:nth-child(3) {
    margin-left: 30px;
}

.quest__tags-tag:nth-child(4) {
    margin-left: 15px;
}

.quest__question-wrapper {
    transition: transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.25s;
    margin: 0 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.quest__question {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.quest__question:before {
    display: block;
    content: " ";
    position: absolute;
    top: -20px;
    right: -40px;
    height: 570px;
    width: 570px;
    background-image: url(/static/legacy-source/images/quest-photo-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.quest__question-type {
    display: none;
    position: absolute;
    top: -45px;
    right: 85px;
    z-index: 2;
}

.quest__question-type img {
    height: 80px;
}

.quest__question-aside {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    height: 400px;
    z-index: 1;
}

.quest__question-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    min-height: 250px;
    margin-right: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.quest__tags {
    display: none;
    position: absolute;
    top: 40px;
    right: -80px;
    z-index: 2;
}

.quest__tags_aside {
    display: block;
}

.quest__tags_aside {
    display: block;
}

.quest__tags-tag {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 15px;
    opacity: .4;
}

.quest__tags-tag img {
    height: 60px;
}

.quest__tags-tag:first-child {
    margin-bottom: 5px;
}

.quest__tags-tag:nth-child(2) {
    margin-left: 20px;
}

.quest__tags-tag:nth-child(3) {
    margin-left: 30px;
}

.quest__tags-tag:nth-child(4) {
    margin-left: 15px;
}

.quest__question-aside-block {
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    height: 100%;
}

.quest__question-image_clickable {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.quest__question-image {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
    background-color: #2f2e42;
    width: 100%;
    height: 100%;
}

.quest__question-image-fullscreen {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 25px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    font-size: 10px;
    color: #2f2e42;
    border: 0;
}

.quest__question-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    min-height: 250px;
    margin-right: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.quest__question-content-wrapper {
    margin-top: 60px;
    padding: 20px 30px;
    background-color: #fff;
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.quest__question-actions {
    margin: 20px 0;
}

.quest__question-actions-next,
.quest__question-actions-prev {
    font-family: 'MyriadPro';
    border: 0;
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    opacity: 0.8;
}

.quest__question-actions-next:hover,
.quest__question-actions-prev:hover {
    opacity: 1;
}

.quest__question-actions-next {
    margin-left: 10px;
}

.quest__question-text {
    font-family: 'MyriadPro';
    color: #2f2e42;
    font-size: .8em;
    font-weight: 100;
    margin-bottom: 20px;
}

.quest__question-description {
    font-family: 'MyriadPro';
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    color: #3a3851;
    font-size: 1em;
    font-weight: 200;
    margin-bottom: 15px;
    margin-right: 180px;
}

.quest__question-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 350px;
    min-height: 20px;
}

.quest__question-buttons a {
    padding: 0;
    display: inline-block;
    font-family: 'MyriadPro';
    border: 0;
    color: #f9b115;
    font-size: 1em;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    margin-right: 10px;
    font-weight: 600;
    background-color: #fff;
}

.quest__question-answer {
    position: relative;
    font-size: 1em;
    font-weight: 600;
    color: #4d4c4c;
    display: inline-block;
    display: none;
}

.quest__tags-tag:hover,
.quest__tags-tag_active {
    opacity: 1;
}

.quest__question-image {
    display: block !important;
}

.page-top {
    padding: 130px 0 100px 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    position: relative;
}

.page-top .btn {
    position: absolute;
    right: 5%;
    bottom: 20px;
}

.page-top .whatis {
    min-width: 380px;
    position: absolute;
    bottom: -60px;
    text-align: left;
    right: 20px;
    line-height: 1.2;
    font-family: 'Code-Pro-Black-LC';
    font-size: 36px;
    text-transform: uppercase;
    color: white;
    display: block;
    padding-right: 74px;
}

.page-top .btn_whatis {
    right: 0;
    bottom: -103px;
}

.page-top .whatis span {
    display: block;
    clear: both;
    font-size: 28px;
    position: relative;
    z-index: 2;
}

.page-top .whatis img {
    position: absolute;
    right: 0;
    top: -77px;
    z-index: 1;

}

/*---------------------breadcrumbs------------------------*/
.breadcrumbs {
    padding: 20px 0 15px 0;
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'MyriadPro';
}

.breadcrumbs-list li {
    position: relative;
    margin: 0 30px 10px 0;
    font-size: 18px;
    color: #fff;
}

.breadcrumbs-list li:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: -18px;
    width: 5px;
    height: 9px;
    background-image: url(/static/legacy-source/images/icon-breadcrumb-arrow.png);
}

.breadcrumbs-list li:last-child:after {
    display: none;
}

.breadcrumbs-list li:last-child a {
    font-weight: normal;
    color: #c7c7de;
}

.breadcrumbs-list li a {
    color: #fff;
    font-weight: 700;
}


/*---------------------footer------------------------*/
.footer {
    padding: 60px 0 0;
    background: #2F2E42;
    border-top: 5px solid #E52016;
}

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

.footer-column:first-child,
.footer-column:last-child {
    width: 50%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.footer-menu ul {
    margin-right: 50px;
}

.footer-menu ul:last-child {
    margin-right: 0;
}

.footer-menu ul li {
    margin-bottom: 20px;
}

.footer-menu ul li a {
    font-size: 18px;
    color: #fff;
}

.footer-menu ul li a:hover {
    text-decoration: underline;
}

.footer-agreement {
    padding: 5px 40px;
    white-space: nowrap;
    font-size: 12px;
    color: #6c6b82;
    border: 1px solid #6c6b82;
    border-radius: 25px;
}

.footer-agreement:hover {
    background: #6c6b82;
    color: #2F2E42;
}

.footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-logo img {
    max-width: 100%;
}

.footer-logo-leftside {
    margin-right: 15px;
}

.footer-logo__image {
    display: inline-block;
    width: 120px;
}

.footer-logo__sitename {
    display: block;
    width: 160px;
}

.footer-logo__hashtag {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    font-size: 1em;
    font-weight: 100;
    text-transform: uppercase;
    color: #5a587e;
}

.footer-contacts {
    text-align: right;
}

.footer-contacts-block {
    margin-bottom: 15px;
}

a.footer-phone__number {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 1.2em;
    color: #fff;
}

.footer-phone__text {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.footer-mail {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}

.footer-mail i {
    margin-right: 5px;
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-social__btn {
    margin-left: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid #E30F14;
    border-radius: 50%;
    border: 1px solid #e20913;
    color: #fff;
}

.header__switcher {
    display: none;
}

.header-phone_mobile {
    position: absolute;
    right: 20px;
    top: 20px;
    display: none;
    z-index: 100;
}

.games-tickets-carousel {
    display: none;
}

.game-component-tag__showmap {
    display: none;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    border-radius: 20px;
    border: 2px solid #716f9a;
    color: #716f9a;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 6px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.game-component-tag__showmap.active {
    background: #716f9a;
    color: #fff;
}

/*---------------------breadcrumbs------------------------*/
.breadcrumbs {
    padding: 20px 0 15px 0;
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'MyriadPro';
}

.breadcrumbs-list li {
    position: relative;
    margin: 0 30px 10px 0;
    font-size: 18px;
    color: #fff;
}

.breadcrumbs-list li:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: -18px;
    width: 5px;
    height: 9px;
    background-image: url(/static/legacy-source/images/icon-breadcrumb-arrow.png);
}

.breadcrumbs-list li:last-child:after {
    display: none;
}

.breadcrumbs-list li:last-child a {
    font-weight: normal;
    color: #c7c7de;
}

.breadcrumbs-list li a {
    color: #fff;
    font-weight: 700;
}

.game-component .clear {
    display: none;
}

.game-benefits {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.game-benefits {
    background: #2F2E42;
    padding-top: 50px;
}

.game-benefits-item {
    flex: 1 1 50%;
    max-width: 25%;
    margin-bottom: 50px;
    padding: 0 30px;
    text-align: center;
    position: relative;
}

.game-benefits-item__image {
    margin: 0 auto 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.game-benefits-item__image span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: 250px;
}

.game-benefits-item__image img {
    max-width: 100%;
}

.game-benefits-item__title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.game-benefits-item:hover:before {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    -webkit-box-shadow: 0px 0px 120px 20px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 120px 20px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 120px 20px rgba(255, 255, 255, 0.5);
}

.game-benefits-item:hover .game-benefits-item__title {
    transform: translateY(-10px);
}

.game-benefits-item:hover .game-benefits-item__image {
    transform: scale(1.05);
}

.game-show {
    text-align: center;
}

.game-show__link:hover span {
    border-color: transparent;
}

.game-show__link {
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    position: absolute;
    text-transform: uppercase;
    color: #6C6B82;
    background-image: url(/static/legacy-source/images/icon-show-arrow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 67px 16px;
    background-size: 67px 16px;
    background-position: 50% bottom;
}

.game-show__link.gamepage {
    transform: translateX(-50%);
}

.game-show__link span {
    display: inline-block;
    border-bottom: 2px solid #6C6B82;
}

.game-show__link.game-hide {
    background: none;
}

.game-show__link.game-hide:after {
    display: block;
    position: absolute;
    content: '';
    top: -30px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 67px;
    height: 16px;
    background-image: url(/static/legacy-source/images/icon-show-arrow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 67px 16px;
    background-size: 67px 16px;

}

.game-body .game-show {
    height: 70px;
}

.game-body .game-show .game-show__link {
    position: relative;
}


.about.ingame .game-show__link {
    display: none;
}



/*==============================ADAPTIVE==============================*/
@media only screen and (max-width: 1599px) {
    .infographics-slider-wrapper::before {
        left: 25px;
        top: -58px;
    }
}

@media only screen and (max-width: 1520px) {
    .center-wrapper {
        max-width: 1200px;
    }

    .header-body {
        padding: 25px 30px;
    }

    .header-phone {
        margin-left: 50px;
    }

    .header-mail {
        margin-left: 45px;
    }

    .header-menu ul li {
        margin-right: 30px;
    }

    .games-tickets-body {
        padding: 0 70px;
    }

    .games-tickets-carousel .slick-prev {
        left: -55px;
    }

    .games-tickets-carousel .slick-next {
        right: 0px;
    }

    .game-component-content {
        padding-left: 0;
    }

    .game-component .clear {
        display: block;
    }

    .game-component__share-text {
        width: 120px;
    }

    .game-component-tag {
        margin-right: 15px;
    }

    .about__item-value {
        font-size: 3em;
    }

    .about__item-text {
        font-size: 1.1em;
    }

    .infographics-column {
        padding: 0;
    }

    .team-building__container {
        padding: 0;
    }

    .team-building__aside-text {
        padding-right: 40px;
    }

    .team-building__aside-arrow {
        width: 100px;
    }

    .header-phone {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 1260px) {
    .center-wrapper {
        max-width: 980px;
        padding: 0 15px;
    }

    .top-announcement__title {
        margin-right: 30px;
        font-size: 23px;
    }

    .top-announcement-item__date {
        margin-right: 30px;
    }

    .top-announcement-item__name {
        font-size: 23px;
        padding-right: 10px;
    }

    .top-announcement-item__date {
        font-size: 20px;
    }

    .top-register {
        padding: 7px 30px;
    }

    .header-menu__switcher {
        margin-right: 20px;
    }

    .header-menu ul li {
        margin-right: 20px;
    }

    .header-menu ul li a {
        font-size: 16px;
    }

    .header-mail {
        font-size: 16px;
    }

    a.header-phone__number {
        font-size: 16px;
        white-space: nowrap;
    }

    .header-phone__text {
        font-size: 11px;
    }

    .header-address:before {
        left: -25px;
    }

    .header-address__select {
        font-size: 12px;
    }

    .header-address-yourcity {
        right: 155px;
        top: 80px;
        max-width: 390px;
    }

    .header-address-yourcity:before {
        right: auto;
        left: 70px;
    }

    .promo-leftside {
        margin: 0 50px 0 0;
    }

    .games-tickets-body {
        padding: 0 60px 0 0;
    }

    .games-tickets__schedule {
        width: 35px;
        line-height: 37px;
    }

    .games-tickets-carousel .slick-prev {
        left: -30px;
    }

    .games__tickets-ticket {
        min-width: 285px;
        max-width: 285px;
    }

    .games-tickets-carousel .slick-next {
        right: -19px;
    }

    .games__tickets-ticket-place {
        font-size: 1em;
    }

    .game-component-content {
        padding-top: 10px;
    }

    .game-component-map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
    }

    .game-component__share-text {
        display: none;
    }

    .game-component__map-ribbon {
        right: 15px;
    }

    .about__item-value {
        font-size: 2.5em;
    }

    .about__item-text {
        font-size: 1em;
    }

    .about__items {
        padding: 0;
    }

    .video__wrapper {
        padding: 50px 0;
    }

    .info-graphics__items {
        left: -50px;
    }

    .info-graphics__item-line {
        display: none;
    }

    .team-building__container {
        height: 300px;
        padding: 0;
    }

    .team-building__character {
        height: 300px;
        bottom: -35px;
    }

    .team-building__content {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding-right: 50px;
    }

    .team-building__content-title {
        font-size: 1.5em;
    }

    .team-building__aside-text {
        font-size: 1.2em;
    }

    .team-building__aside:before {
        display: none;
    }

    .quest__wrapper-content {
        margin: 0 30px 0 0;
    }

    .register-modal__particles {
        display: none;
    }

    .footer-menu ul li a {
        font-size: 15px;
    }

    .header-menu ul li {
        margin-right: 15px;
    }

    .header-mail {
        font-size: 15px;
    }

    .header-address {
        position: static;
        padding-left: 30px;
    }

    .header-address__city {
        font-size: 17px;
    }

    #choose_city.header__nav-dropdown {
        width: 100%;
        right: auto;
        top: 70px !important;
        left: 0 !important;
        margin: 0 !important;
    }

    #choose_city.header__nav-dropdown_left:before {
        display: none;
    }

    .header-address:before {
        display: none;
    }

    .header-address__city {
        position: relative;
    }

    .header-address__city:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -30px;
        width: 16px;
        height: 23px;
        background-image: url(/static/legacy-source/images/icon-location.svg);
    }
}

@media screen and (max-width: 1240px) {
    .winner-team {
        width: 28vw;
    }
}

@media screen and (max-width: 1024px) {

    html,
    body {
        min-width: 100% !important;
    }

    .promo {
        padding: 15vw 0 13vw 0;
    }

    .promo-rightside {
        padding: 13vw 0 0;
    }

    .promo-leftside {
        max-width: 34vw;
    }

    .promo-content__title {
        font-size: 4vw;
        margin-bottom: 3.5vw;
    }

    .promo-content__link {
        font-size: 13px;
    }

    .promo-content__title span {
        font-size: 9vw;
    }

    .promo-content__text {
        font-size: 2.2vw;
        padding-left: 3vw;
        text-align: left;
        margin-bottom: 6vw;
    }

    .btn {
        font-size: 1.5vw;
    }

    .games-tickets-body {
        padding: 0;
    }

    .games__tickets-ticket {
        min-width: 100%;
        max-width: 100%;
    }

    .games-tickets-carousel .slick-prev {
        left: -3vw;
    }

    .game-component-content-body {
        display: block;
        width: 50vw;
    }

    .game-component-tag {
        white-space: normal;
    }

    .about__items {
        display: block;
        height: 22vw;
    }

    .about__item {
        width: 30vw;
        display: inline-block;
        margin-bottom: 6vw;
    }

    .infographics-row,
    .video__container-iframe {
        display: block;
        text-align: center;
    }

    .infographics-column {
        max-width: 80%;
        display: block;
        margin: 0 auto;
    }

    .info-graphics__items {
        left: -17vw;
        width: 108vw;
    }

    .infographics-block-row {
        display: inline-block;
        width: 49%;
        margin-top: 6vw;
        vertical-align: top;
    }

    .infographics-block-col {
        display: block;
        width: 49%;
        float: left;
    }

    .video__container-iframe iframe {
        width: 47%;
        min-height: 200px;
    }

    .footer-menu {
        margin-bottom: 0;
    }

    .footer-menu ul {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0 15px;
    }

    .footer-column:first-child,
    .footer-column:last-child {
        width: 30%;
    }

    #header_menu_popup {
        max-width: 92%;
    }

    .video__container-iframe:after {
        bottom: -15px;
        right: -15px;
    }

    .infographics {
        padding-bottom: 50px;
    }

    .video {
        padding-bottom: 40px;
    }
}

.header-menu .header__nav-dropdown-footer.mobile {
    display: none;
}

.header-menu__close {
    display: none;
}

@media screen and (max-width: 1010px) {

    .top-announcement {
        padding-left: 50px;
    }

    h1 span {
        display: block;
        padding-left: 0;
    }


    .page-top {
        padding: 80px 0 30px 0;
    }

    .page-top.wwhatis {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .header-menu__switcher {
        display: none;
    }

    .header-menu.active {
        left: 0;
    }

    .header-menu {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 90%;
        background: #fff;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 110;
    }

    .header-phone_mobile {
        display: block;
    }

    .header__switcher {
        position: fixed;
        top: 10px;
        left: 10px;
        width: 50px;
        height: 50px;
        display: block;
        font-size: 1.5em;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-right: 30px;
        z-index: 100;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -webkit-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease;
    }

    .header__switcher_scroll {
        top: 20px;
        left: 19px;
        background-color: #201f2d;
    }

    .header-body {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .header-menu {
        display: block;
    }

    .header-menu ul {
        display: block;
    }

    .header {
        z-index: 110;
    }

    .header-menu__close i {
        color: #acabc4;
    }

    .header-menu__close {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fafafa;
        color: #2f2e42;
        padding: 25px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 100;
        font-size: 1.2em;
        text-transform: uppercase;
    }

    .header__switcher {
        top: 5px;
    }

    .header__switcher_scroll {
        top: 20px !important;
    }

    .header-menu ul li {
        margin: 0;
        border-bottom: 1px solid #fafafa;
    }

    .header-menu ul li a {
        display: block;
        color: #2f2e42;
        padding: 25px;
        font-size: 1.2em;
    }

    .header-menu .header__nav-dropdown-footer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__switcher_scroll {
        left: 15px;
    }

    .header__nav-dropdown {
        z-index: 150;
    }

    .header__nav-location-item {
        margin: 0;
    }

    .header__nav-dropdown {
        left: 0;
    }

    .team-building__character {
        height: 260px;
    }

    .team-building__content {
        padding-right: 15px;
    }

    .team-building__aside-text {
        padding-right: 20px;
        font-size: 1.1em;
    }

    .team-building__aside-text span:nth-child(2) {
        padding-left: 0;
    }

    .team-building__content-title span:nth-child(3) {
        padding-left: 35px;
    }

    .team-building__content-title span {
        white-space: nowrap;
    }

    .team-building__content-title {
        font-size: 1.3em;
    }

    .team-building__content:before {
        left: -35px;
    }

    .team-building__aside-arrow {
        height: 110px;
        width: 80px;
    }

    .footer-column:first-child {
        /*
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
*/
    }

    .footer-column:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .footer-column:last-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
    }

    .info-graphics__item-title {
        font-size: 1.1em;
    }

    .about__text {
        padding: 15px 30px;
        font-size: 1.1em;
    }

    .about__text-container {
        display: block;
        max-width: 100%;
    }

    .infographics:before {
        display: none;
    }

    .footer-logo {
        padding-left: 30px;
    }

    .header-body {
        padding: 15px 0;
    }

    .header-menu__switcher {
        margin-top: 10px;
    }

    .quest__wrapper {
        padding: 0;
    }

    .quest__question-wrapper {
        margin: 0;
        padding: 0 10px;
    }

    .quest__wrapper-content {
        margin: 0;
    }

    .quest__title {
        position: static;
    }

    .quest__question-aside {
        width: 340px;
        height: 340px;
    }

    .quest__question-aside {
        right: 80px;
    }

    .quest__tags {
        right: -80px;
    }

    .quest__question-content-wrapper {
        /*    margin-top: 45px; */
    }

    .quest__question-content {
        margin-right: 350px;
    }

    .quest__question-description {
        margin-right: 0;
    }

    .quest__question-content-wrapper {
        padding-right: 70px;
    }

    .quest__tags {
        top: 30px;
    }

    .header__nav-dropdown_left {
        right: 25px !important;
    }

    .header-menu .header-address {
        display: none;
    }

    .games-tickets__schedule {
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        line-height: 1;
        padding: 10px 0;
        height: auto;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .games-tickets-body {
        padding-top: 45px !important;
    }

    .games-tickets__schedule {
        background: transparent !important;
        color: #fcea1c;
    }

    .games-tickets__schedule i {
        display: inline-block;
        margin-left: 5px;
        text-align: center;
        text-transform: uppercase;
        color: #fcea1c;
        font-size: 12px;
    }

    .games-tickets {
        height: 240px;
    }

    .games-category-tag__title {
        font-size: 12px;
    }

    .games-top {
        padding-right: 15px;
    }

}

@media only screen and (max-width: 992px) {
    .header-address-yourcity {
        right: 125px;
    }

    .header-address-yourcity-top {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {

    .center-wrapper h1 {
        font-size: 30px;
    }

    .only_mobile {
        display: initial;
    }


    .page-top.wwhatis {
        padding-top: 80px;
    }

    .page-top .whatis,
    .page-top .btn_whatis {
        display: none;
    }

    .header-menu {
        width: 80%;
        overflow-y: auto;
    }

    .header-address__city {
        font-size: 17px;
    }

    .header__nav-dropdown {
        z-index: 120 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
    }

    #confirm_city.header__nav-dropdown {
        bottom: initial !important;
    }

    .header-menu .header-address:before {
        left: auto;
        right: 25px;
        top: 0;
    }

    .header-menu .header-address {
        display: block;
        text-align: right;
        padding: 10px 55px 10px 25px;
    }

    .header-menu .header-address .header-address__city {
        color: #2f2e42;
    }

    .header-menu .header-address .header-address__select {
        color: #2f2e42;
    }

    .header-menu .header-address:before {
        background-image: url(/static/legacy-source/images/icon-location-dark.svg);
    }

    .promo-leftside {
        max-width: 50%;
    }

    .promo-row {
        display: block;
    }

    .promo-leftside {
        margin: 0 auto;
    }

    .promo-rightside {
        padding-top: 50px;
    }

    .promo-content__title {
        text-align: center;
    }

    .promo-content__link {
        bottom: -30px;
    }

    .promo-content__text {
        padding: 0;
        text-align: center;
    }

    .games-list-wrap {
        margin-right: -15px;
        padding-bottom: 20px;
        overflow-x: scroll;
    }

    .games-item__title {
        font-size: 12px;
    }

    .games-item {
        min-width: auto;
        padding: 20px 8px;
    }

    .games-item__image {
        display: block;
        width: 110px;
        margin: 0 auto;
        margin: 0 auto 10px;
    }

    .games-list-wrap {
        padding-bottom: 0;
    }

    .games-item__title {
        white-space: nowrap;
    }

    .games-item_all {
        min-width: auto;
        text-align: center;
    }

    .games-item__more {
        bottom: 0;
    }

    .games-tickets-body {
        padding: 0 20px;
    }

    .games-tickets-carousel .slick-prev {
        left: -33px;
    }

    .games-tickets-carousel .slick-next {
        right: -33px;
    }

    .games-tickets {
        padding-top: 15px;
    }

    .header-mail {
        display: none;
    }

    .header-address-yourcity {
        right: 25px;
    }

    .promo {
        padding-top: 110px;
    }

    .btn {
        color: #000;
        font-size: 16px;
    }

    .top-register.btn {
        font-size: 11px;
    }

    .promo-content__text {
        font-size: 14px;
    }

    .promo-content__title {
        font-size: 25px;
    }

    .promo-content__title span {
        padding-left: 125px;
        font-size: 45px;
    }

    .game-component {
        display: block;
    }

    .game-component-content {
        margin-bottom: 20px;
        padding: 0;
    }

    .game-component-content-body {
        width: 100%;
    }

    .game-component-map #mainpage_games_map {
        height: 270px;
    }

    .game-component__map-ribbon {
        position: static;
        width: auto;
        display: inline-block;
    }

    .game-component__title {
        margin: 0;
    }

    .game-component__status {
        padding-top: 4px;
    }

    .infographics__background:before,
    .infographics__background:after {
        display: none;
    }

    .about__items {
        height: auto;
        margin: 20px 0;
    }

    .infographics {
        padding: 20px 0 50px 0;
    }

    .about__items {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about__item {
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        -o-flex: 1 1 50%;
        -webkit-box-flex: 1;
        flex: 1 1 50%;
    }

    .about__item-value {
        font-size: 3em;
    }

    .about__text {
        padding: 10px 0;
    }

    .infographics-column {
        max-width: 100%;
    }

    .infographics-slider-wrapper {
        padding: 0 40px;
    }

    .infographics-slider .slick-prev {
        left: -32px;
    }

    .infographics-slider .slick-next {
        right: -32px;
    }

    .infographics-slider__item {
        height: 275px;
    }

    .infographics-thumbs__item {
        height: 100px;
    }

    .info-graphics__items {
        left: 0;
        padding: 30px 0;
        width: 100%;
    }

    .infographics-block-row:first-child {
        margin-bottom: 30px;
    }

    .infographics-block-row {
        width: 100%;
        margin: 0;
    }

    .info-graphics__item-image {
        padding: 20px;
    }

    .info-graphics__item-wrapper {
        max-width: 100%;
        padding-right: 50px;
    }

    .info-graphics__text {
        padding-top: 0;
    }

    .video__container-iframe iframe:first-child {
        margin-bottom: 30px;
    }

    .video__container-iframe iframe {
        width: 100%;
        margin: 0;
        min-height: 280px;
    }

    .video__container-iframe:after {
        width: 100px;
        height: 100px;
        background-size: cover;
    }

    .team-building__character {
        height: 200px;
    }

    .team-building__content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 40px;
    }

    .team-building__aside {
        padding-top: 30px;
    }

    .team-building__content-title {
        font-size: 1.2em;
    }

    .team-building__content:before {
        display: none;
    }

    .video__wrapper {
        padding-bottom: 0;
    }

    .footer {
        padding: 30px 0;
    }

    .footer-row {
        display: block;
    }

    .footer-column:last-child {
        margin-bottom: 0;
    }

    .footer-column {
        margin-bottom: 35px;
        max-width: 100% !important;
        width: 100% !important;
        text-align: center;
    }

    .footer-menu ul {
        margin: 0;
    }

    .footer-logo {
        padding-left: 0;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .footer-contacts {
        text-align: center;
    }

    .footer-social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-social__btn {
        margin: 0 6px;
    }

    .footer-agreement {
        position: static;
    }

    .games__tickets-ticket {
        /*
    min-width: 280%;
    max-width: 280%;
*/
    }

    .games-tickets-body .slick-track {
        /*
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
*/
        padding-left: 0;
    }

    .games-tickets-body .slick-initialized .slick-slide {
        /*
    display: none !important;
    width: !important;
*/
    }

    .games-tickets-body .slick-initialized .slick-slide.slick-current {
        /*
    display: block !important;
    width: 30vw !important;
*/
    }

    .quest__question-content {
        margin-right: 0;
    }

    .quest__question-content-wrapper {
        margin-top: 25px;
        padding: 25px;
    }

    .quest__question-aside {
        top: 0;
        transform: none;
        position: static;
        margin: 0 auto;
    }

    .quest__tags {
        right: 10px;
    }

    .quest__title {
        margin-bottom: 20px;
    }

    .game-component-tag__showmap {
        display: inline-block;
    }

    .game-component-map {
        display: none;
    }

    .games-top {
        display: block;
    }

    .game-benefits-item {
        max-width: 50%;
    }
}

    @media only screen and (max-width: 639px) {
        .quest__question-aside {
            margin: 0;
        }

        #modal-bar {
            width: 100% !important;
        }

        .game-component-tag__title>span {
            display: block;
            margin-bottom: 5px;
        }

        .game-component-tag__btn {
            margin: 0 4px 0 0 !important;
        }

        .game-component-tag__showmap {
            margin: 0 4px 0 0 !important;
        }

        .register-modal__form-field_solo-slogan {
            padding-right: 70px;
        }

        .register-modal__form-field_birthday-slogan {
            padding-right: 70px;
        }

        .register-modal__form-field_birthday:after {
            top: -5px;
        }

        .register-modal__form-field_solo:after {
            right: -20px;
            top: auto;
            height: 120px;
            bottom: -40px !important;
        }

        .games-category-tags-row {
            overflow-x: scroll;
        }

        .games-category-tag__btn {
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

        .games-category-tag__title {
            height: 40px;
        }

        .games-category-tags {
            margin-right: -15px;
        }

        .games-top-left {
            display: block;
            padding-right: 0;
        }
    }

    .promo-content__btn span {
        display: none;
    }

    @media screen and (max-width: 480px) {

        .game-benefits-item {
            max-width: 100%;
        }


        .header-menu .header__nav-dropdown-footer.mobile {
            display: block;
        }


        .raiting-title-content__title {
            font-size: 6vw;
        }

        .breadcrumb {
            padding: 4vw 2vw;
            font-size: 3vw;
        }

        .winner-team {
            display: block;
            width: 70%;
            text-align: center;
            margin: 4vw auto;
        }

        .winner-team .raiting-position {
            font-size: 7.5vw;
        }

        .winner-team .team-name {
            font-size: 3.6vw;
        }

        .winner-team img {
            border: 1.4vw solid;
        }

        .what-is-raiting {
            font-size: 3vw;
            width: 40vw;
            margin: 20vw auto;
        }

        .raiting-form {
            width: 90%;
        }

        #raiting-table {
            font-size: 2.5vw;
        }

        #raiting-table th {
            font-size: 2.2vw;
        }

        #all-time,
        #season-time,
        #all-city,
        #raiting-search {
            font-size: 1.7vw;
        }

        #load-more {
            font-size: 2vw;
        }
    }

    @media only screen and (max-width: 479px) {
        /*
  .game-component__status.not_avail {
    position: absolute;
    right: 0;
    bottom: 15px;
  }
*/

        .game-component-no-buttons span {
            min-width: 166px;
        }

        .register-modal__header-title {
            padding-right: 70px;
        }

        .register-modal__header-type {
            right: 50px;
        }

        .promo-content__title {
            padding-right: 45px;
        }

        .promo-content__btn {
            padding: 7px 30px;
        }

        .promo-content .promo-content__btn.yt {
            padding: 7px 50px 7px 30px;
        }

        .games-list-wrap {
            padding-bottom: 0;
        }

        .games-item__more {
            bottom: 10px;
        }

        .promo-content__btn span {
            display: inline-block;
        }

        .game-component-tag__title {
            font-size: 18px;
        }

        .game-component__btn {
            padding: 0 15px;
            font-size: 14px;
        }

        .about__title {
            font-size: 2em;
        }

        .about__item-value {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
            max-width: 50%;
        }

        .about__item-text {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
            max-width: 50%;
        }

        .about__item-wrapper {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .about__items {
            display: block;
        }

        .about__item {
            max-width: 100%;
            width: 100%;
        }

        .infographics-thumbs__item {
            height: 75px;
        }

        .infographics-slider__item {
            height: 210px;
        }

        .info-graphics__items {
            padding-right: 15px;
        }

        .info-graphics__item-wrapper {
            padding-right: 10px;
        }

        .video__container-iframe iframe {
            min-height: 200px;
        }

        .team-building__aside {
            position: relative;
            left: -40px;
        }

        .team-building__aside-arrow {
            height: 55px;
            width: 34px;
        }

        .team-building__content {
            padding-top: 25px;
        }

        .team-building__content-title {
            width: 200px;
        }

        .team-building__content-title span {
            white-space: normal;
        }

        .team-building__character {
            height: 170px;
        }

        .schedule__btn {
            padding: 15px 60px;
        }

        .schedule {
            padding: 50px 0;
        }

        .games__tickets-ticket {
            /*
    min-width: 267%;
    max-width: 267%;
*/
        }

        .quest__question-aside {
            padding-top: 10px;
            width: 240px;
            height: 240px;
        }

        .quest__tags {
            top: 0;
        }

        .quest__tags-tag {
            margin-bottom: 5px;
        }

        .quest__tags-tag:first-child {
            margin-bottom: 0;
        }

        .quest__wrapper:before {
            opacity: .2;
            /*    display: none; */
        }

        .quest__wrapper:after {
            opacity: .2;
            /*    display: none; */
        }

        .header-menu ul li a {
            padding: 15px 25px;
        }

        .modal-bar-gallery {
            display: block !important;
        }

        .modal-bar__bigimage {
            margin: 0 0 10px 0 !important;
            max-width: 100% !important;
        }

        .modal-bar-imagelist {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 -5px;
        }

        .modal-bar__image {
            margin: 0 5px;
        }

        #modal-bar {
            padding: 30px 15px !important;
        }

        .arcticmodal-close {
            top: 10px;
            right: 10px;
        }

        .register-modal__form-field_birthday-slogan {
            padding-right: 40px;
        }

        .modal-bar__name {
            padding-right: 20px;
        }

        .header-phone {
            margin: 0 0 0 25px;
            padding: 0;
            width: 32px;
            height: 32px;
        }

        a.header-phone__number {
            width: 32px;
            height: 32px;
            font-size: 0;
            display: block;
            margin: 0;
        }

        a.header-phone__number span {
            top: 0;
            left: 0;
            margin: 0;
        }

        .header-phone__text {
            display: none;
        }

        .header-contacts {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .header-address-yourcity {
            right: 5%;
            max-width: 90%;
            width: 90%;
            padding: 25px 20px;
        }

        .header-address-yourcity__btn {
            min-width: 115px !important;
        }

        .header-address-yourcity__title {
            font-size: 19px;
        }

        .header-address-yourcity:before {
            left: auto;
            right: 50px;
        }

        .promo__logo {
            position: relative;
            left: -15px;
        }
    }

    @media screen and (max-width: 400px) {
        .raiting-form {
            width: 98%;
            text-align: center;
        }

        #raiting-table {
            font-size: 3.5vw;
        }

        #raiting-table tr td:first-child {
            text-align: left;
        }

        #raiting-table th {
            font-size: 3vw;
        }

        #all-time,
        #season-time,
        #all-city,
        #raiting-search {
            font-size: 4vw;
        }

        #raiting-search {
            margin-left: 0;
        }

        #all-city {
            float: none;
        }

        #load-more {
            font-size: 4vw;
        }
    }

    @media only screen and (max-width: 374px) {
        .games__tickets-ticket-footer {
            margin-right: 0;
        }

        .promo-content__title span {
            padding-left: 120px;
        }

        .game-component-tag__title {
            font-size: 16px;
        }

        .game-component__btn {
            padding: 0 11px;
            font-size: 12px;
        }

        .about__item-value {
            font-size: 2.7em;
        }

        .infographics-slider__item {
            height: 190px;
        }

        .info-graphics__item-image img {
            max-width: 100%;
            height: auto;
        }

        .info-graphics__item-title {
            font-size: 1em;
        }

        .video__wrapper {
            padding: 0;
        }

        .video__container-iframe iframe {
            min-height: 175px;
        }

        .team-building__aside {
            left: -85px;
        }

        .footer-agreement {
            width: 100%;
            padding: 5px;
        }

        .footer-logo-leftside {
            margin-right: 8px;
        }

        .games__tickets-ticket {
            /*
    min-width: 260%;
    max-width: 260%;
*/
        }

        .quest__tags {
            right: 0;
        }

        .quest__question-aside {
            width: 75%;
        }

        .quest__title {
            padding-left: 30px;
        }

        .quest__wrapper-content {
            padding-top: 0;
        }

        .quest__question-actions {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .quest__question-actions-next,
        .quest__question-actions-prev {
            font-size: 13px;
        }

        .game-component-tag:last-child {
            margin-right: 0;
        }

        .video__wrapper {
            padding-top: 40px;
        }
    }

    @media only screen and (max-width: 359px) {
        .quest__question-image-fullscreen {
            padding: 5px;
        }
    }

    .tags-modal__block h3 {
        font-weight: bold;
    }
    .tags-modal__block ol li {
        list-style: decimal;
    }
        .tags-modal__block ol {
            text-align: left;
            padding-left: 25px;
        }
        .tags-modal__block ul li {
            list-style: disc;
        }
    
        .tags-modal__block ul {
            text-align: left;
            padding-left: 25px;
        }

/* Direct port of production templates/header_header.php + templates/footer.php. */
/* One-time CSS cache refresh: 2026-10-25. */
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProSemiBold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Code Pro Black'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code Pro Light'; src: url('/static/site-fonts/Code-Pro-Light.woff') format('woff'); font-weight: 300; font-display: swap; }
/* The source bundles use both compact family names from style.css and the
   spaced names from its later page/modal rules.  Keep every legacy spelling
   local: otherwise the browser silently falls back to Arial/serif. */
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProSemiBold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Myriad Pro Regular'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Myriad Pro Bold'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Code-Pro-Black-LC'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code-Pro-Black'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code-Pro-Light'; src: url('/static/site-fonts/Code-Pro-Light.woff') format('woff'); font-weight: 300; font-display: swap; }
.legacy-public { min-width:320px; margin:0; color:#2f2e42; background:#2f2e42; font-family:'Myriad Pro',Arial,sans-serif; }
.legacy-public,.legacy-public *,.legacy-public *::before,.legacy-public *::after { box-sizing:border-box; }
.legacy-public h1,.legacy-public h2,.legacy-public h3,.legacy-public h4,.legacy-public h5,.legacy-public h6 { margin-bottom:15px; line-height:1.2; }
.legacy-public h1 { color:#fff; font-family:'Code-Pro-Black-LC','Arial Black',sans-serif; font-size:40px; font-weight:400; line-height:45px; text-transform:uppercase; }
.legacy-public h2 { color:#fff; font-family:'Code-Pro-Black-LC','Arial Black',sans-serif; font-size:32px; font-weight:400; line-height:36px; text-transform:uppercase; }
.legacy-public .legacy-wrap { position:relative; width:calc(100% - 30px); max-width:1300px; margin:0 auto; }
.legacy-public .legacy-visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.legacy-public .legacy-skip-link { position:fixed; z-index:1000; top:8px; left:8px; width:auto; height:auto; margin:0; padding:9px 13px; clip:auto; clip-path:none; color:#302509; background:#fcea1c; font-weight:700; text-decoration:none; transform:translateY(-160%); }
.legacy-public .legacy-skip-link:focus-visible { transform:translateY(0); }
/* Lock the viewport for native dialogs and the existing custom overlays.
   The selectors release it only after the last modal closes, without
   replacing the page's inline styles or its saved scroll position. */
html:has(body.legacy-public dialog:modal),
html:has(body.legacy-public.modal-open),
html:has(body.legacy-public .albert-modal.albert-modal_open),
html:has(body.legacy-public .register-modal.register-modal_open) { overflow:hidden !important; }
.legacy-public .albert-modal[data-public-modal-top] { z-index:1002; }
.legacy-public .albert-modal_open .albert-modal__holder { overscroll-behavior:contain; }
.legacy-public .wrapper { position:relative; width:100%; min-height:100%; overflow:hidden; }.legacy-public .center-wrapper { position:relative; max-width:1300px; margin:0 auto; }.legacy-public .header .center-wrapper { max-width:1360px; }
.legacy-public .legacy-topline { color:#fff; background:linear-gradient(to right,#93c11f,#00db3e); font-family:Roboto,sans-serif; line-height:1.15; }.legacy-public .legacy-topline > .legacy-wrap { padding:5px 50px 8px; text-align:center; }.legacy-public .legacy-topline__text { display:inline-block; margin:0 20px; font:inherit; }.legacy-public .legacy-topline__link { display:inline-block; margin-top:5px; padding:5px 45px; border-radius:20px; color:#31225a; background:#fcea1c; font-size:12px; font-weight:400; text-decoration:none; text-transform:uppercase; }.legacy-public .legacy-topline__link:focus-visible { outline:3px solid #2f2e42; outline-offset:2px; }
.legacy-public .header { position:absolute; z-index:401; top:0; left:0; width:100%; transition:all .3s ease; }.legacy-public .header-body { display:flex; justify-content:space-between; padding:25px 30px; transition:all .3s ease; }.legacy-public .header-menu,.legacy-public .header-menu ul,.legacy-public .header-contacts { display:flex; }.legacy-public .header-menu ul { margin:0; padding:0; list-style:none; }.legacy-public .header-menu ul li { margin-right:32px; }.legacy-public .header-menu ul li a { color:#fff; font-size:18px; line-height:41px; text-decoration:none; white-space:nowrap; }.legacy-public .header-menu ul li a.active { font-weight:700; }
.legacy-public .header-menu__switcher { width:29px; height:41px; margin:0 43px 0 0; padding:0; border:0; background:url('/static/site-assets/legacy-icon-menu.svg') center/29px 19px no-repeat; cursor:pointer; }.legacy-public .header-menu__close,.legacy-public .header__switcher,.legacy-public .header-address_mobile,.legacy-public .only_mobile,.legacy-public .mobile { display:none; }
.legacy-public .header-contacts { align-items:flex-start; }.legacy-public .header-address { position:relative; cursor:pointer; }.legacy-public .header-address::before { position:absolute; top:0; left:-30px; display:block; width:16px; height:23px; background:url('/static/site-assets/legacy-icon-location.svg') center/contain no-repeat; content:''; }.legacy-public .header-address-desktop { display:block; padding:0; border:0; color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }.legacy-public .header-address__city { display:block; margin-bottom:2px; color:#fff; font-size:18px; }.legacy-public .header-address__select { display:block; color:#fff; font-size:14px; opacity:.8; }
.legacy-public .header-mail { position:relative; display:inline-block; margin-left:70px; color:#fff; font-size:18px; line-height:33px; text-decoration:none; }.legacy-public .header-mail::before { position:absolute; top:10px; left:-30px; width:21px; height:14px; background:url('/static/site-assets/legacy-icon-mail.svg') center/contain no-repeat; content:''; }.legacy-public .header-phone { margin-left:80px; padding-left:40px; }.legacy-public .header-phone__number { display:block; margin-bottom:5px; padding-right:74px; color:#fff; font-size:18px; text-decoration:none; text-transform:uppercase; }.legacy-public .header-phone__number span { display:inline-grid; width:32px; height:32px; margin:-2px 0 0; place-items:center; border-radius:50%; background:#9bc322; }.legacy-public .header-phone__text { color:rgba(255,255,255,.8); font-size:14px; }
.legacy-public .header-phone__number span>img{display:block;width:16px;height:19px}
.legacy-public .page-top { position:relative; min-height:0; padding:130px 0 100px; color:#fff; background:linear-gradient(110deg,rgba(47,46,66,.73),rgba(58,56,81,.46)),url('/static/site-assets/legacy-page-top.jpg') center/cover no-repeat; }.legacy-public .page-top h1 { max-width:960px; margin:0 0 15px; font-family:'Code Pro Black','Arial Black',sans-serif; font-size:40px; font-weight:400; line-height:45px; text-transform:uppercase; }.legacy-public .page-top__intro { max-width:700px; margin:22px 0 0; font-size:19px; line-height:1.45; }
.legacy-public .whatis { position:absolute; right:0; bottom:-103px; min-width:260px; min-height:102px; color:#fff; font-family:'Code Pro Black','Arial Black',sans-serif; text-transform:uppercase; }.legacy-public .whatis span { position:relative; z-index:2; display:block; max-width:160px; font-size:28px; line-height:.95; }.legacy-public .whatis b { display:block; font-size:22px; }.legacy-public .whatis img { position:absolute; z-index:1; top:-77px; right:0; max-width:120px; max-height:130px; }.legacy-public .btn_whatis { position:absolute; z-index:2; right:0; bottom:0; padding:9px 15px; color:#302509; background:#fcea1c; font:800 11px/1 'Myriad Pro',Arial,sans-serif; text-decoration:none; }
.legacy-public .page-top--game.wwhatis{min-height:0;padding:130px 0 100px;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.legacy-public .page-top--game.wwhatis h1{max-width:none;font-family:'Code Pro Black','Arial Black',sans-serif;font-size:40px;font-weight:400;line-height:45px}.legacy-public .page-top--game.wwhatis .whatis{right:20px;bottom:-60px;display:block;min-width:380px;min-height:0;padding-right:74px;font-size:36px;line-height:1.2;text-align:left}.legacy-public .page-top--game.wwhatis .whatis span{max-width:none;font-size:28px;line-height:1.2}.legacy-public .page-top--game.wwhatis .whatis img{top:-77px;right:0;width:140px;height:140px;max-width:140px;max-height:140px;object-fit:contain}.legacy-public .page-top--game.wwhatis .btn_whatis{right:0;bottom:-103px}.legacy-public .page-top--game.wwhatis .page-top__intro{display:none}@media(max-width:1010px){.legacy-public .page-top--game.wwhatis{padding:80px 0 30px}.legacy-public .page-top--game.wwhatis h1{font-size:36px;line-height:1.2}}@media(max-width:767px){.legacy-public .page-top--game.wwhatis{padding:80px 20px 55px}.legacy-public .page-top--game.wwhatis h1{font-size:30px;line-height:1.2}.legacy-public .page-top--game.wwhatis .whatis,.legacy-public .page-top--game.wwhatis .btn_whatis{display:none}}
.legacy-public .header__nav-dropdown { position:absolute; z-index:500; top:calc(100% + 17px); color:#2f2e42; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.2); }.legacy-public .header__nav-dropdown[hidden] { display:none; }.legacy-public .header__nav-item-dropdown { left:0; width:700px; }.legacy-public .header__nav-city-dropdown { right:0; width:min(760px,90vw); }.legacy-public .header__nav-dropdown-close,.legacy-public .header__nav-dropdown-title button { position:absolute; z-index:2; top:12px; right:15px; border:0; color:#aaa; background:transparent; font-size:25px; cursor:pointer; }.legacy-public .header__nav-dropdown-title { padding:25px 35px; border-bottom:1px solid #eee; font-size:23px; }.legacy-public .header__nav-dropdown-content { padding:28px 35px; }.legacy-public .header__nav-dropdown-items { display:grid; grid-template-columns:1fr 1fr; gap:1px 34px; }.legacy-public .header__nav-dropdown-item { display:block; padding:11px 0; color:#2f2e42; font-size:17px; text-decoration:none; }.legacy-public .header__nav-dropdown-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 35px; background:#f7f7f8; }.legacy-public .header__nav-dropdown-footer-text { flex:0 1 auto; margin:0; font-size:16px; font-weight:400; line-height:normal; }.legacy-public .header__nav-dropdown-footer-action { margin:0; }.legacy-public .header__nav-dropdown-footer-button { display:inline-block; padding:11px 20px; border-radius:22px; color:#fff; background:#e20913; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; }.legacy-public .header__menu-button { color:#2f2e42; font-size:14px; text-decoration:none; }.legacy-public .header__menu-button-text b { color:#e20913; }.legacy-public .header__nav-locations { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; margin:0; padding:0; }.legacy-public .header__nav-locations-block { min-width:0; width:auto; padding:0; flex:0 1 auto; }.legacy-public .header__nav-country { margin:0 0 9px; color:#999; font-size:12px; text-transform:uppercase; }.legacy-public .header__nav-country-item { display:block; margin:0; padding:0; color:#999; font-size:12px; font-weight:400; line-height:normal; text-transform:uppercase; }.legacy-public .header__nav-location { margin:0 0 8px; }.legacy-public .header__nav-location-item { display:inline; padding:0; line-height:normal; color:#2f2e42; font-size:15px; text-decoration:none; }.legacy-public .header__nav-location-item_selected { color:#e20913; font-weight:700; }
.legacy-public .header__menu-button{display:inline-flex;align-items:center;padding:0!important}.legacy-public .header__menu-button-logo{margin-right:10px}.legacy-public .header__menu-button-logo img{display:block;height:32px;width:auto}.legacy-public .header__menu-button-text{margin-right:15px;font-size:16px;text-align:right}.legacy-public .header__menu-button-text span{display:block;margin-top:4px;color:#444360;font-size:14px}.legacy-public .header__menu-button-icon{display:flex;align-items:center;color:#fcea1c;font-size:20px}
.legacy-public .header-menu > .mobile { display:none; }
@media (min-width:1101px) {
  .legacy-public .header .center-wrapper { width:min(1360px,100%); max-width:1360px; }
  .legacy-public .header-menu ul li a:hover { color:rgba(255,255,255,.8); }
  .legacy-public .header-body { align-items:flex-start; }
  .legacy-public .header-contacts > .header-address .header-address__city,
  .legacy-public .header-contacts > .header-address .header-address__select,
  .legacy-public .header-phone__number { white-space:nowrap; }
}
/* Preserve the source's two mobile footer actions and their touch targets. */
@media (max-width:1100px) {
  .legacy-public .header-menu > .header__nav-dropdown-footer.mobile { flex-wrap:wrap; }
  .legacy-public .header-menu > .mobile .header__nav-dropdown-footer-button {
    display:inline-flex; min-height:44px; align-items:center;
    border-radius:20px; color:#302509; background:#fcea1c; font-size:20px; font-weight:600;
  }
  .legacy-public .header-menu > .mobile .header__menu-button { min-height:44px; }
}
@media (max-width:480px) {
  .legacy-public .header-menu > .header__nav-dropdown-footer.mobile { display:block; }
  .legacy-public .header-menu > .mobile .header__nav-dropdown-footer-action + .header__nav-dropdown-footer-action { margin-top:15px; }
}
.legacy-public .footer { padding:60px 0 0; border-top:5px solid #e52016; background:#2f2e42; }.legacy-public .footer-row { display:flex; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:50%; flex-shrink:1; }.legacy-public .footer-menu { display:flex; margin-bottom:50px; }.legacy-public .footer-menu ul { margin:0 50px 0 0; padding:0; list-style:none; }.legacy-public .footer-menu ul:last-child { margin-right:0; }.legacy-public .footer-menu li { margin-bottom:20px; }.legacy-public .footer-menu a { color:#fff; font-size:18px; text-decoration:none; }.legacy-public .footer-logo { display:flex; align-items:center; color:inherit; text-decoration:none; }.legacy-public .footer-logo-leftside { margin-right:15px; }.legacy-public .footer-logo__image { display:inline-block; width:120px; }.legacy-public .footer-logo__sitename { display:block; width:160px; }.legacy-public .footer-logo img { max-width:100%; }.legacy-public .footer-logo__hashtag { display:inline-block; margin-top:10px; color:#5a587e; font-weight:100; text-align:center; text-transform:uppercase; }.legacy-public .footer-contacts { text-align:right; }.legacy-public .footer-contacts-block { margin-bottom:15px; }.legacy-public .footer-phone__number { display:inline-block; margin-bottom:5px; color:#fff; font-size:1.2em; text-decoration:none; }.legacy-public .footer-phone__text { color:rgba(255,255,255,.6); font-size:12px; }.legacy-public .footer-mail { color:#fff; font-size:16px; text-decoration:none; text-transform:uppercase; white-space:nowrap; }.legacy-public .footer-social { display:flex; justify-content:flex-end; }.legacy-public .footer-social__btn { display:inline-flex; width:35px; height:35px; align-items:center; justify-content:center; margin-left:10px; border:1px solid #e20913; border-radius:50%; color:#fff; font-size:11px; text-decoration:none; }.legacy-public .footer__bottom { padding:10px 20px 20px; border-top:2px solid #3b3a4e; color:#a8a7b9; background:#2f2e42; text-align:center; }.legacy-public .footer__bottom span { margin-left:5px; }.legacy-public .footer-agreement { display:inline-block; margin:10px 0 0 20px; padding:5px 18px; border:1px solid #6c6b82; border-radius:25px; color:#6c6b82; font-size:12px; text-decoration:none; }
.legacy-public .header a:focus-visible,.legacy-public .header button:focus-visible,.legacy-public .footer a:focus-visible { outline:3px solid #fcea1c; outline-offset:4px; }
@media (max-width:1100px) { .legacy-public .header-mail { display:none; }.legacy-public .header-phone { margin-left:45px; }.legacy-public .header-menu ul li { margin-right:17px; } }
@media (max-width:1100px) { .legacy-public .header { z-index:600; }.legacy-public .header-body { justify-content:flex-end; padding:15px 20px; }.legacy-public .header__switcher { position:fixed; z-index:610; top:10px; left:10px; display:grid; width:50px; height:50px; place-items:center; border:0; border-radius:5px; color:transparent; background:transparent url('/static/site-assets/legacy-icon-menu.svg') center/29px 19px no-repeat; font-size:0; cursor:pointer; }.legacy-public .header-menu { position:fixed; z-index:620; top:0; left:-100%; display:block; width:90%; height:100%; overflow-y:auto; background:#fff; transition:left .3s ease; }.legacy-public .header-menu.active { left:0; }.legacy-public .header-menu__close { display:flex; width:100%; align-items:center; justify-content:space-between; padding:25px; border:0; color:#2f2e42; background:#fafafa; font-size:1.2em; text-transform:uppercase; }.legacy-public .header-menu__switcher { display:none; }.legacy-public .header-menu ul { display:block; }.legacy-public .header-menu ul li { margin:0; border-bottom:1px solid #fafafa; }.legacy-public .header-menu ul li a { display:block; padding:25px; color:#2f2e42; font-size:1.2em; line-height:1.2; }.legacy-public .only_mobile { display:block; }.legacy-public .header-menu > .mobile { display:flex; }.legacy-public .header-address_mobile { display:block; padding:25px 25px 15px; }.legacy-public .header-address_mobile::before { display:none; }.legacy-public .header-contacts > .header-address,.legacy-public .header-mail { display:none; }.legacy-public .header-phone { margin-left:45px; padding:0; }.legacy-public .header-phone__number { width:32px; height:32px; overflow:hidden; padding:0; font-size:0; }.legacy-public .header-phone__number span { width:32px; height:32px; margin:0; font-size:16px; }.legacy-public .header-phone__text { display:none; }.legacy-public .page-top { min-height:0; padding:80px 15px 30px; }.legacy-public .page-top h1 { font-size:36px; line-height:1.2; }.legacy-public .page-top .center-wrapper { max-width:100%; }.legacy-public .whatis { display:none; }.legacy-public .header__nav-dropdown { position:static; width:auto; box-shadow:none; }.legacy-public .header__nav-dropdown-footer { display:flex; }.legacy-public .header__nav-locations { grid-template-columns:repeat(3,1fr); }.legacy-public .footer-row { flex-wrap:wrap; gap:30px; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:calc(50% - 15px); }.legacy-public .footer-logo { justify-content:center; } }
@media (max-width:650px) { .legacy-public .page-top { padding:80px 15px 30px; }.legacy-public .page-top h1 { font-size:30px; line-height:1.2; }.legacy-public .legacy-inner__content { width:calc(100% - 24px); padding:26px 0; }.legacy-public .footer { padding-top:35px; }.legacy-public .footer-row { display:block; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:100%; }.legacy-public .footer-menu { justify-content:space-between; margin-bottom:32px; }.legacy-public .footer-menu ul { margin-right:10px; }.legacy-public .footer-menu a { font-size:15px; }.legacy-public .footer-contacts { margin-top:30px; text-align:left; }.legacy-public .footer-social { justify-content:flex-start; }.legacy-public .footer-social__btn { margin:0 10px 0 0; }.legacy-public .footer__bottom { font-size:13px; }.legacy-public .footer-agreement { margin-left:0; }.legacy-public .header__nav-locations { grid-template-columns:repeat(2,1fr); } }

@media (max-width:1260px) { .legacy-public .legacy-topline__link { padding:7px 30px; font-size:11px; } }
@media (max-width:767px) { .legacy-public .legacy-topline > .legacy-wrap { display:flex; flex-direction:column; align-items:center; gap:5px; padding:7px 18px; }.legacy-public .legacy-topline__text { margin:0; }.legacy-public .legacy-topline__link { margin-top:0; padding:5px 18px; } }

@media (min-width:651px) and (max-width:1100px) { .legacy-public .footer-column:nth-child(2) { order:3; width:100%; } }

html:has(body.legacy-public.city-picker-scroll-locked) { overflow:hidden !important; }
body.legacy-public.city-picker-scroll-locked { position:fixed; top:var(--city-picker-lock-top,0); right:0; left:0; width:100%; overflow:hidden; }
.legacy-public #choose_city .header__nav-country { margin:15px 0 9px; }
.legacy-public #choose_city .header__nav-country:first-child { margin-top:0; }
.legacy-public #choose_city .header__nav-country-item { display:block; margin:0; padding:0; color:#acabc4; font-size:16px; font-weight:600; line-height:1.15; text-transform:uppercase; }
.legacy-public #choose_city .header__nav-country-item::after { display:block; width:50%; margin-top:5px; border-bottom:3px solid #fafafa; content:" "; }
/* Keep city entries readable throughout pointer and keyboard states without
   the source's transition of every property and fading hover opacity. */
.legacy-public .header #choose_city .header__nav-location-item {
  color:#2f2e42; opacity:1; transition:none;
}
.legacy-public .header #choose_city .header__nav-location-item:hover,
.legacy-public .header #choose_city .header__nav-location-item:focus-visible,
.legacy-public .header #choose_city .header__nav-location-item_selected {
  color:#e20913; opacity:1; background:#fff4b7;
}
@media (min-width:1101px) {
  .legacy-public .header-body { gap:40px; }
  .legacy-public .header-menu { min-width:0; flex:1 1 auto; }
  .legacy-public .header-menu > ul { flex:0 0 auto; }
  .legacy-public .header-menu__switcher { flex-shrink:0; margin-right:24px; }
  .legacy-public .header-contacts { flex-shrink:0; }
  .legacy-public .header .header-phone { padding-left:0; }
  .legacy-public .header-menu__certificate.is-overflowing { display:none; }
}
@media (min-width:1101px) and (max-width:1200px) {
  .legacy-public .header .header-body { gap:32px; }
  .legacy-public .header .header-contacts .header-mail { margin-left:45px; }
  .legacy-public .header .header-contacts .header-phone { margin-left:15px; }
  .legacy-public .header-menu__switcher { margin-right:16px; }
}
@media (max-width:1100px) {
  .legacy-public #choose_city .header__nav-country { margin:0; }
}

/* `header_header.php` exposes the same city picker from the off-canvas menu.
   The source selector belongs to the desktop contact block, so keep that
   ancestor present on narrow screens and promote only the opened picker to
   the viewport. */
@media (max-width:1100px) {
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding:0; }
  .legacy-public .header-contacts > .header-address::before,
  .legacy-public .header-address-desktop { display:none; }
  .legacy-public #choose_city.header__nav-dropdown { position:fixed; z-index:700 !important; inset:0; display:flex; width:100%; height:100dvh; min-height:100dvh; margin:0; flex-direction:column; overflow:hidden; }
  .legacy-public #choose_city.header__nav-dropdown[hidden] { display:none; }
  .legacy-public #choose_city .header__nav-dropdown-content { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .legacy-public #choose_city .header__nav-locations { grid-template-columns:1fr; gap:0; }
  .legacy-public #choose_city .header__nav-country { margin:0; padding:15px; background:#fafafa; }
  .legacy-public #choose_city .header__nav-location { margin:0; border-bottom:1px solid #f3f3f3; }
  .legacy-public #choose_city .header__nav-location-item { display:block; padding:15px 30px; }
}

/* A full source city list is taller than a laptop viewport.  Keep its
   franchise call-to-action available: only the city list may scroll, while
   the source footer remains pinned at the bottom of the popup. */
@media (min-width:1101px) {
  .legacy-public #choose_city.header__nav-city-dropdown:not([hidden]) { display:flex; max-height:calc(100dvh - 100px); flex-direction:column; overflow:hidden; }
  .legacy-public #choose_city .header__nav-dropdown-content { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; }
  .legacy-public #choose_city .header__nav-dropdown-footer { flex:0 0 auto; }
}

/* `style2.css` moves the location pin onto the city at <=1260px. Hide the
   shell's more specific desktop pin at that same breakpoint, including the
   1101–1260px layout reached by native browser zoom. */
@media (max-width:1260px) {
  .legacy-public .header-contacts > .header-address::before { display:none; }
}

/* Literal `style2.css` <=1100px inner-header cascade.  The source keeps the
   contacts in normal flex flow (the menu alone becomes a drawer); moving this
   group to absolute positioning caused a second location icon and compressed
   the tablet header. */
@media (max-width:1100px) {
  .legacy-public .header-body { padding:15px 0; }
  .legacy-public .header-contacts { position:static; top:auto; right:auto; }
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding-left:30px; }
  .legacy-public .header-contacts > .header-address::before { display:none; }
  .legacy-public .header-address__city { position:relative; font-size:17px; }
  .legacy-public .header-address__city::before { position:absolute; top:0; left:-30px; display:block; width:16px; height:23px; background:url('/static/site-assets/legacy-icon-location.svg') center/contain no-repeat; content:''; }
  .legacy-public .header-address__select { font-size:12px; }
  .legacy-public .header-mail { display:inline-block; margin-left:45px; font-size:15px; }
  .legacy-public .header-phone { margin-left:25px; padding-left:40px; }
  .legacy-public .header-phone__number { display:inline-block; width:auto; height:auto; overflow:visible; margin-bottom:5px; padding-right:0; font-size:16px; }
  .legacy-public .header-phone__number span { width:32px; height:32px; margin:-2px 0 0; font-size:16px; }
  .legacy-public .header-phone__text { display:block; font-size:11px; }
  .legacy-public .header__switcher { top:5px; display:flex; color:#fff; background:transparent; font-size:24px; }
}
@media (max-width:700px) { .legacy-public .header-mail { display:none; } }

/* Direct port of the narrow legacy header: the city and full phone stay in
   the top bar, while the FontAwesome menu icon remains visible. */
@media (max-width:520px) {
  .legacy-public .header-body { min-height:66px; padding:15px 0; }
  .legacy-public .header__switcher { color:#fff; font-size:24px; }
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding-left:30px; }
  /* `style2.css` relocates the source location icon onto city itself at this
     breakpoint.  The desktop pseudo-element above must not survive beside it. */
  .legacy-public .header-contacts > .header-address::before { display:none; }
  .legacy-public .header-contacts > .header-address .header-address__city { font-size:17px; }
  .legacy-public .header-contacts > .header-address .header-address__select { font-size:12px; }
  .legacy-public .header-contacts { right:15px; }
  .legacy-public .header-phone { width:32px; height:32px; margin:0 0 0 25px; padding:0; }
  .legacy-public .header-phone__number { display:block; width:32px; height:32px; overflow:hidden; margin:0; padding:0; font-size:0; }
  .legacy-public .header-phone__number span { width:32px; height:32px; margin:0; font-size:16px; }
  .legacy-public .header-phone__text { display:none; }
  .legacy-public .footer-menu { width:calc(100% - 60px); margin:0 auto 32px; }
  .legacy-public .footer-menu ul { flex:1 1 50%; margin:0; text-align:center; }
  .legacy-public .footer-contacts { margin-top:55px; text-align:center; }
  .legacy-public .footer-social { justify-content:center; }
  .legacy-public .footer-social__btn { margin:0 5px; }
}

/* Literal style2.css mobile cascade for ordinary inner content pages.  Game
   and birthday page-top variants retain their own source branches. */
@media(max-width:1100px){.legacy-public .page-top--content{padding:80px 0 30px}.legacy-public .page-top--content h1{font-family:'Code-Pro-Black-LC',sans-serif;font-size:40px;font-weight:400;line-height:45px}}
@media(max-width:767px){.legacy-public .page-top--content h1{font-size:30px;line-height:45px}}

/* Keep the game hero on the same tablet breakpoint as the shared header. */
@media (min-width:768px) and (max-width:1100px) {
  .legacy-public .page-top--game.wwhatis { padding:80px 0 30px; }
  .legacy-public .page-top--game.wwhatis h1 { font-size:36px; line-height:1.2; }
}

/* Literal style2.css source defaults. Route-local source branches load later. */
@media(max-width:1100px){.legacy-public .page-top{padding:80px 0 30px}.legacy-public .page-top h1{font-family:'Code-Pro-Black-LC',sans-serif;font-size:40px;font-weight:400;line-height:45px}}
@media(max-width:767px){.legacy-public .page-top h1{font-size:30px;line-height:45px}}

/* `style2.css` uses the top edge of the shared hero image, not a vertically
   centred crop.  It is particularly visible in the 170px mobile team hero. */
.legacy-public .page-top { background-position:50% 0; }

.legacy-public .footer { margin-top: 0; }

/* `style2.css` resets the inner-site document face to Roboto.  The earlier
 * shell port left its more specific `.legacy-public` Myriad declaration in
 * force, which narrowed the mobile city/phone block and shifted it right.
 * Scope the source cascade to inner pages so the accepted root homepage keeps
 * its independently ported typography. */
.legacy-public.legacy-inner { font-family:Roboto,sans-serif; }

/* The live source enters its <=1520px header branch at the 1440px audit
 * viewport: mail/phone gaps become 45px/25px and the number has no invented
 * right reserve.  The shell's desktop defaults were more specific, so they
 * expanded the FastAPI contacts group by about 147px.  The root now shares
 * the same source city-picker layout as inner pages, so its picker must use
 * the very same contact anchor while leaving homepage typography untouched. */
.legacy-public.legacy-inner .header-phone__number { padding-right:0; }
.legacy-public.legacy-home-v1 .header-phone__number { padding-right:0; }
@media (min-width:1101px) and (max-width:1520px) {
  .legacy-public.legacy-inner .header-mail { margin-left:45px; }
  .legacy-public.legacy-home-v1 .header-mail { margin-left:45px; }
  .legacy-public.legacy-inner .header-phone { margin-left:25px; }
  .legacy-public.legacy-home-v1 .header-phone { margin-left:25px; }
}

/* At the narrow source breakpoint `style2.css` uses symmetric `30px 0`
 * footer padding.  Keeping only a 35px top padding shortened the rendered
 * article footer before its bottom strip. */
@media (max-width:650px) { .legacy-public.legacy-inner .footer { padding:30px 0; } }

/* Legacy city-picker footer and requested six-column desktop grid.  Keep the
 * source CTA spacing in this shell layer, which loads after the source bundle. */
@media (min-width:1101px) {
  .legacy-public .header__nav-city-dropdown { right:-90px; width:min(1280px,calc(100vw - 30px)); }
  .legacy-public .header__nav-locations { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin:0; padding:0; }
  .legacy-public .header__nav-dropdown-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0; background:#fafafa; }
  .legacy-public .header__nav-dropdown-footer-text { flex:1 0; margin:30px; color:#71707d; font-size:20px; font-weight:100; line-height:normal; }
  .legacy-public .header__nav-dropdown-footer-action { margin:15px 30px; }
  .legacy-public .header__nav-dropdown-footer-button { display:inline-block; padding:10px 20px; border:0; border-radius:20px; color:#302509; background:#fcea1c; font-size:20px; font-weight:600; text-decoration:none; text-transform:uppercase; }
}

/* A city suggestion is a nonmodal prompt; background controls stay usable. */
.public-city-suggestion { position:fixed; z-index:90; top:84px; right:16px; width:min(340px, calc(100vw - 24px)); box-sizing:border-box; padding:16px; color:#2f2e42; background:#fff; border:1px solid #dedce7; box-shadow:0 6px 22px #2f2e4233; font:16px/1.4 Roboto,Arial,sans-serif; }
.public-city-suggestion[hidden], .public-city-suggestion [hidden] { display:none; }
.public-city-suggestion p { margin:0 0 12px; }
.public-city-suggestion > div { display:flex; flex-wrap:wrap; gap:8px; }
.public-city-suggestion a, .public-city-suggestion button { display:inline-flex; align-items:center; min-height:44px; box-sizing:border-box; padding:8px 12px; border:1px solid #dedce7; color:inherit; background:#fff; font:inherit; text-decoration:none; cursor:pointer; }
.public-city-suggestion a { border-color:#fcea1c; background:#fcea1c; }
.public-city-suggestion :is(a,button):focus-visible { outline:3px solid #716f9a; outline-offset:2px; }
.public-city-suggestion :is(a,button):hover { border-color:#716f9a; }

.legacy-public .legacy-footer__legal-links,
.legacy-public .footer-legal-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.45;
}

.legacy-public .legacy-footer__legal-links a,
.legacy-public .footer-legal-links a {
  color: rgba(255, 255, 255, .72);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-legal-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
  line-height: 1.45;
}

.footer-legal-links a {
  color: inherit;
  text-underline-offset: 3px;
}

.public-cookie-banner{position:fixed;z-index:10000;right:16px;bottom:16px;left:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1080px;padding:20px 24px;margin:0 auto;border:1px solid #d8d6df;border-radius:14px;background:#fff;color:#262438;box-shadow:0 8px 36px rgb(25 22 48 / 24%);font:400 14px/1.45 Arial,sans-serif}.public-cookie-banner[hidden]{display:none}.public-cookie-banner__content{min-width:0;max-width:660px}.public-cookie-banner h2{margin:0 0 7px;font-size:18px;line-height:1.25}.public-cookie-banner p{margin:5px 0}.public-cookie-banner__error{color:#a32126;font-weight:700}.public-cookie-banner__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.public-cookie-banner__actions button{min-height:42px;padding:9px 14px;border:1px solid #4f4b68;border-radius:7px;background:#fff;color:#302d45;font:700 13px/1.2 Arial,sans-serif;cursor:pointer}.public-cookie-banner__actions button:first-child{border-color:#e5342c;background:#e5342c;color:#fff}.public-cookie-banner__actions button:hover,.public-cookie-banner__actions button:focus-visible{outline:3px solid #ffc928;outline-offset:2px}.public-cookie-settings{display:inline-block;margin-top:9px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.public-cookie-settings:focus-visible,.public-cookie-placeholder button:focus-visible{outline:3px solid #ffc928;outline-offset:2px}.public-cookie-placeholder{display:grid;min-height:inherit;place-content:center;gap:8px;padding:20px;background:#f3f2f6;color:#302d45;text-align:center}.public-cookie-placeholder p{margin:0}.public-cookie-placeholder a{color:inherit;font-weight:700;text-decoration:underline}.public-cookie-placeholder button{justify-self:center;padding:8px 12px;border:1px solid currentColor;border-radius:6px;background:#fff;color:inherit;font:700 13px/1.2 Arial,sans-serif;cursor:pointer}.public-cookie-provider-frame[hidden]{display:none!important}.legacy-public .legacy-footer__cookie-settings{margin:9px 0 0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.legacy-public .legacy-footer__cookie-settings:focus-visible{outline:3px solid #ffc928;outline-offset:2px}@media(max-width:760px){.public-cookie-banner{right:10px;bottom:10px;left:10px;display:block;padding:16px;border-radius:12px}.public-cookie-banner h2{font-size:17px}.public-cookie-banner__actions{justify-content:stretch;margin-top:12px}.public-cookie-banner__actions button{flex:1 1 auto;min-height:44px;padding:9px 10px}.public-cookie-placeholder{min-height:180px}}@media(max-width:420px){.public-cookie-banner__actions button{flex:1 1 100%}}
.video__container-iframe .public-cookie-placeholder,.legacy-lower-video .public-cookie-placeholder{flex:1 1 50%;min-height:350px}.franchise-video-item .public-cookie-placeholder{height:100%;min-height:230px}.home-location__map .public-cookie-placeholder{height:100%;min-height:260px}.game-component-map .public-cookie-placeholder{height:450px;min-height:260px}.legacy-home-preview .legacy-lower-video .public-cookie-placeholder{min-height:300px}@media(max-width:767px){.video__container-iframe .public-cookie-placeholder,.legacy-lower-video .public-cookie-placeholder{min-height:280px}.game-component-map .public-cookie-placeholder{height:270px}.legacy-home-preview .legacy-lower-video .public-cookie-placeholder{min-height:230px}}
.legacy-footer__cookie-settings{margin:9px 0 0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.legacy-home-v1 .legacy-infographics__external-placeholder{position:absolute;inset:0;min-height:0;height:100%;background:#242334 url('/static/site-assets/legacy-media-photo.png') center/150px 150px no-repeat;color:#fff}
.legacy-home-v1 .legacy-infographics__gallery .infographics-slider__item{position:relative;height:100%}
.public-cookie-placeholder[hidden]{display:none!important}
/* Public forms own the foreground until they close. Consent remains pending;
   the cookie controller retains ownership of hidden and persistence. */
body:has(.legacy-registration.register-modal_open) > .public-cookie-banner,
body:has([data-public-modal-top]) > .public-cookie-banner { visibility: hidden; }

.public-cookie-banner [hidden]{display:none!important}.public-cookie-banner:not(.public-cookie-banner--settings){max-width:760px;padding:14px 18px;gap:18px;box-shadow:0 5px 22px rgb(25 22 48 / 14%)}.public-cookie-banner:not(.public-cookie-banner--settings) h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.public-cookie-banner:not(.public-cookie-banner--settings) .public-cookie-banner__content p{margin:0}.public-cookie-banner:not(.public-cookie-banner--settings) .public-cookie-banner__actions button{min-height:44px;border-color:#d8d6df;background:#f3f2f6;color:#302d45}.public-cookie-banner--settings .public-cookie-banner__actions [data-cookie-choice="all"]{border-color:#e5342c;background:#e5342c;color:#fff}@media(max-width:760px){.public-cookie-banner:not(.public-cookie-banner--settings){padding:14px 16px}.public-cookie-banner:not(.public-cookie-banner--settings) .public-cookie-banner__actions{margin-top:10px;justify-content:flex-end}.public-cookie-banner:not(.public-cookie-banner--settings) .public-cookie-banner__actions button{flex:0 0 auto}}

/* Local copy of the only Font Awesome 6.1.1 face used by legacy footer.php.
 * The production header loads this from cdnjs; shipping the source font here
 * preserves the glyphs without creating a browser-time third-party dependency. */
@font-face {
  font-family: 'Legacy Font Awesome Brands';
  src: url('/static/legacy-source/fontawesome/fa-brands-400.woff2') format('woff2');
  font-display: block;
  font-style: normal;
  font-weight: 400;
}

.legacy-fa-brand::before {
  display: block;
  font-family: 'Legacy Font Awesome Brands';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.legacy-fa-brand--vk::before { content: '\f189'; }
.legacy-fa-brand--telegram::before { content: '\f2c6'; }
.legacy-fa-brand--whatsapp::before { content: '\f232'; }
.legacy-fa-brand--instagram::before { content: '\f16d'; }
.legacy-fa-brand--facebook::before { content: '\f39e'; }
.legacy-fa-brand--youtube::before { content: '\f167'; }
.legacy-fa-brand--odnoklassniki::before { content: '\f263'; }
.legacy-fa-brand--tiktok::before { content: '\e07b'; }
.legacy-fa-brand--other::before { content: '↗'; font-family: Arial, sans-serif; }

:root { --legacy-night: #2f2e42; --legacy-night-2: #3a3851; --legacy-red: #e53018; --legacy-yellow: #fcea1c; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: #2f2e42; font-family: Roboto, Arial, sans-serif; background: #fff; }
.legacy-promo { position: relative; min-height: 735px; overflow: hidden; color: #fff; background: url('/static/site-assets/legacy-home-hero.jpg') center/cover no-repeat; }
.legacy-promo__overlay { position: absolute; inset: 0; background: radial-gradient(circle at 55% 50%, rgba(251,53,9,.78), rgba(185,9,1,.86)); }
.legacy-header { position: relative; z-index: 2; display: flex; align-items: center; gap: clamp(20px, 3vw, 48px); padding: 24px 0; }
.legacy-header__brand { flex: 0 0 185px; padding-block: 4px; }.legacy-header__brand img { display: block; width: 100%; height: auto; max-height: 56px; object-fit: contain; object-position: left center; }
.legacy-header__menu { position: relative; display: flex; flex: 1; align-items: center; gap: clamp(16px, 2.4vw, 31px); min-width: 0; padding: 13px 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 5px; background: rgba(36, 32, 48, .69); box-shadow: 0 9px 23px rgba(55, 11, 7, .16); backdrop-filter: blur(5px); }.legacy-header__nav { position: relative; display: flex; flex: 1; flex-wrap: wrap; align-items: center; gap: 9px clamp(14px, 1.7vw, 25px); min-width: 0; }.legacy-header__nav > a, .legacy-header__city { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: opacity .2s ease, color .2s ease; }.legacy-header__nav > a:hover, .legacy-header__city:hover { color: var(--legacy-yellow); }.legacy-menu-toggle { display: grid; width: 29px; height: 29px; padding: 5px 0; border: 0; place-content: center; gap: 4px; background: transparent; cursor: pointer; }.legacy-menu-toggle span:not(.legacy-visually-hidden) { display: block; width: 22px; height: 2px; background: #fff; transition: background .2s ease; }.legacy-menu-toggle:hover span:not(.legacy-visually-hidden), .legacy-menu-toggle:focus-visible span:not(.legacy-visually-hidden) { background: var(--legacy-yellow); }.legacy-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }.legacy-menu-panel { position: absolute; top: calc(100% + 17px); left: -17px; z-index: 5; width: min(510px, calc(100vw - 32px)); overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 5px; background: #fff; color: var(--legacy-night); box-shadow: 0 18px 45px rgba(28, 6, 6, .36); }.legacy-menu-panel__top { display: flex; justify-content: space-between; align-items: center; padding: 18px 21px; color: #fff; background: var(--legacy-night); font-size: 15px; text-transform: uppercase; }.legacy-menu-panel__top button { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: #4c4a67; color: #fff; font-size: 25px; font-weight: 300; line-height: 1; cursor: pointer; }.legacy-menu-panel__links { display: grid; grid-template-columns: 1fr 1fr; padding: 9px; }.legacy-menu-panel__links a { padding: 13px 12px; color: var(--legacy-night); font-size: 14px; font-weight: 700; text-decoration: none; }.legacy-menu-panel__links a:hover, .legacy-menu-panel__links a:focus-visible { background: #f0eff5; outline: none; }.legacy-menu-panel__footer { display: flex; justify-content: space-between; gap: 12px; padding: 16px 21px; color: #fff; background: var(--legacy-night); font-size: 13px; }.legacy-menu-panel__footer a { color: var(--legacy-yellow); font-weight: 800; }.legacy-header__details { display: flex; align-items: center; gap: 17px; }.legacy-city-picker { position: relative; }.legacy-header__city { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: transparent; white-space: nowrap; cursor: pointer; font-family: inherit; }.legacy-header__city > span:last-child { color: var(--legacy-yellow); font-size: 19px; line-height: .7; }.legacy-city-picker__panel { position: absolute; top: calc(100% + 17px); right: 0; z-index: 4; width: min(1100px, calc(100vw - 48px)); padding: 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 5px; background: #2f2e42; box-shadow: 0 18px 42px rgba(28, 6, 6, .35); }.legacy-city-picker__title { margin-bottom: 13px; color: var(--legacy-yellow); font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.legacy-city-picker__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }.legacy-city-picker__link { display: flex; justify-content: space-between; gap: 8px; padding: 9px 10px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }.legacy-city-picker__link:hover, .legacy-city-picker__link:focus-visible, .legacy-city-picker__link.is-active { background: #47445f; outline: none; }.legacy-city-picker__link span { color: var(--legacy-yellow); font-size: 10px; text-transform: uppercase; }.legacy-city-picker__footer { margin-top: 15px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.72); font-size: 13px; }.legacy-city-picker__footer a { color: var(--legacy-yellow); font-weight: 800; }.legacy-header__contacts { display: grid; gap: 5px; padding-left: 17px; border-left: 1px solid rgba(255,255,255,.18); text-align: right; white-space: nowrap; }.legacy-header__contacts a { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }.legacy-header__contacts a:hover { color: var(--legacy-yellow); }.legacy-header__phone { font-size: 14px !important; }.legacy-header__phone span { color: var(--legacy-yellow); margin-right: 4px; }.legacy-header__phone-note { display: block; margin-top: 2px; color: rgba(255,255,255,.76); font-size: 11px; }
.legacy-promo__content { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(290px, .78fr) minmax(340px, 1.22fr); align-items: center; min-height: 585px; }
.legacy-promo__mascot { align-self: end; }.legacy-promo__mascot img { display: block; width: min(100%, 450px); margin: 0 auto; transform: translateY(-28px); filter: drop-shadow(0 20px 19px rgba(86, 8, 6, .2)); }
.legacy-promo__copy { padding: 10px 30px 74px 3vw; }.legacy-promo__copy h1 { max-width: 620px; margin: 0 0 44px; font-size: clamp(36px, 4.4vw, 66px); font-weight: 300; letter-spacing: -.045em; line-height: .86; text-transform: uppercase; }.legacy-promo__copy h1 span { display: block; padding-left: 1.35em; font-size: 1.52em; font-weight: 800; }.legacy-promo__copy p { margin: 0 0 31px; font-size: clamp(18px, 2vw, 27px); font-weight: 300; line-height: 1.25; text-align: center; text-transform: uppercase; }
.legacy-promo__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }.legacy-promo__actions a { min-width: 190px; padding: 17px 27px; border-radius: 28px; background: var(--legacy-yellow); color: #302509; font-size: 16px; font-weight: 800; text-align: center; text-decoration: none; text-transform: uppercase; box-shadow: 0 8px 20px rgba(92, 25, 7, .16); transition: transform .2s ease, box-shadow .2s ease; }.legacy-promo__actions a:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(92,25,7,.28); }.legacy-promo__home-link { display: flex; align-items: center; justify-content: center; width: min(100%, 392px); margin: 28px auto 0; color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-transform: uppercase; }.legacy-promo__socials { display: flex; justify-content: center; gap: 10px; width: min(100%, 392px); margin: 15px auto 0; }.legacy-promo__social { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; color: #fff; font-size: 10px; font-weight: 800; line-height: 1; text-decoration: none; transition: background .18s ease, border-color .18s ease, transform .18s ease; }.legacy-promo__social-icon { display: block; width: 16px; height: 16px; object-fit: contain; }.legacy-promo__social--instagram .legacy-promo__social-icon { width: 17px; height: 17px; }.legacy-promo__social:hover { border-color: var(--legacy-yellow); background: var(--legacy-yellow); color: #302509; transform: translateY(-2px); }.legacy-promo__social:hover .legacy-promo__social-icon { filter: brightness(0) saturate(100%); }
.legacy-about { overflow: hidden; padding: 92px 0 108px; color: #fff; background: var(--legacy-night); text-align: center; }.legacy-about__eyebrow { margin: 0; color: var(--legacy-yellow); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }.legacy-about h2 { margin: 15px 0 23px; font-size: clamp(42px, 5vw, 70px); font-weight: 300; line-height: .9; text-transform: uppercase; }.legacy-about__lead { max-width: 770px; margin: auto; color: rgba(255,255,255,.82); font-size: 19px; line-height: 1.55; }.legacy-about__facts { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1000px; gap: 1px; margin: 66px auto 0; background: rgba(255,255,255,.2); }.legacy-about__facts div { padding: 25px 12px; background: #3a3851; }.legacy-about__facts dt { color: var(--legacy-yellow); font-size: clamp(42px, 5vw, 67px); font-weight: 800; line-height: .8; }.legacy-about__facts dd { margin: 11px 0 0; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.legacy-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.65,.2,1); }.legacy-reveal--left { transform: translateX(-46px); }.legacy-reveal--right { transform: translateX(46px); }.legacy-reveal.is-visible { opacity: 1; transform: translate(0); }
@media (max-width: 980px) { .legacy-header__nav { flex: 0 0 auto; }.legacy-header__nav > a { display: none; }.legacy-header__menu { justify-content: flex-end; }.legacy-city-picker__panel { width: min(760px, calc(100vw - 40px)); }.legacy-city-picker__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }.legacy-promo { min-height: 660px; }.legacy-promo__content { grid-template-columns: minmax(230px, .7fr) minmax(320px, 1.3fr); }}
@media (max-width: 640px) {.legacy-promo { min-height: 720px; }.legacy-header { gap: 13px; padding: 19px 0; }.legacy-header__brand { flex-basis: 135px; }.legacy-header__menu { padding: 9px 10px; }.legacy-header__details { gap: 0; }.legacy-header__contacts { display: none; }.legacy-header__city { font-size: 13px; }.legacy-menu-panel { left: -10px; }.legacy-menu-panel__links { grid-template-columns: 1fr; }.legacy-city-picker__panel { right: -9px; }.legacy-city-picker__list { grid-template-columns: 1fr; }.legacy-promo__content { display: block; min-height: auto; padding-top: 35px; }.legacy-promo__mascot { position: absolute; right: -36px; bottom: 0; width: 63vw; opacity: .38; }.legacy-promo__mascot img { width: 100%; margin: 0; transform: none; }.legacy-promo__copy { position: relative; padding: 36px 0 80px; }.legacy-promo__copy h1 { margin-bottom: 34px; font-size: clamp(32px, 10vw, 52px); }.legacy-promo__copy p { font-size: 17px; }.legacy-promo__actions { display: grid; }.legacy-promo__actions a { width: 100%; }.legacy-about { padding: 68px 0; }.legacy-about__facts { grid-template-columns: repeat(2, 1fr); margin-top: 42px; }.legacy-reveal, .legacy-reveal--left, .legacy-reveal--right { transform: translateY(18px); }}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.legacy-reveal { opacity: 1; transform: none; transition: none; }.legacy-promo__actions a { transition: none; }}


.legacy-difficulty-lab { margin-top: 26px; padding: 26px; color: #eeedf5; background: #29283b; box-shadow: 0 14px 33px rgba(15,14,27,.22); }.legacy-difficulty-lab__head { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 5px 12px; margin-bottom: 20px; }.legacy-difficulty-lab__head p { margin: 0; color: var(--legacy-yellow); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.legacy-difficulty-lab__head h2 { margin: 0; font-size: 22px; text-transform: uppercase; }.legacy-difficulty-lab__head > span { grid-column: 1 / -1; color: rgba(255,255,255,.68); font-size: 13px; }.legacy-difficulty-lab__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: rgba(255,255,255,.15); }.legacy-difficulty-option { min-width: 0; padding: 16px; background: #343249; }.legacy-difficulty-option h3 { min-height: 29px; margin: 0 0 13px; color: #fff; font-size: 13px; line-height: 1.1; text-transform: uppercase; }.legacy-difficulty-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 29px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72); font-size: 11px; }.legacy-difficulty-row > strong { color: #fff; font-size: 17px; line-height: 1; }.legacy-difficulty-row > strong small { color: rgba(255,255,255,.55); font-size: 10px; }.legacy-difficulty-stars { color: #f7cb3d !important; font-size: 15px !important; letter-spacing: -1px; white-space: nowrap; }.legacy-difficulty-meter { display: flex; align-items: end; gap: 3px; height: 18px; }.legacy-difficulty-meter i { display: block; width: 9px; height: 7px; border-radius: 9px 9px 2px 2px; background: rgba(255,255,255,.18); transform: skewX(-15deg); }.legacy-difficulty-meter i:nth-child(2) { height: 10px; }.legacy-difficulty-meter i:nth-child(3) { height: 14px; }.legacy-difficulty-meter i:nth-child(4) { height: 18px; }.legacy-difficulty-meter .level-1.is-active { background: #75c46d; }.legacy-difficulty-meter .level-2.is-active { background: #e9c650; }.legacy-difficulty-meter .level-3.is-active { background: #ef9a4b; }.legacy-difficulty-meter .level-4.is-active { background: #e55a57; }.legacy-difficulty-face { font-size: 20px !important; }.legacy-difficulty-emoji { display: inline-flex; align-items: center; justify-content: flex-end; gap: 3px; min-width: 0; white-space: nowrap; }.legacy-difficulty-emoji b { font-size: 18px; font-weight: 400; }.legacy-difficulty-emoji em { overflow: hidden; max-width: 58px; color: rgba(255,255,255,.75); font-size: 9px; font-style: normal; font-weight: 700; text-overflow: ellipsis; }.legacy-difficulty-pips { display: flex; gap: 4px; }.legacy-difficulty-pips i { display: block; width: 10px; height: 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; }.legacy-difficulty-pips i.is-active { border-color: var(--legacy-yellow); background: var(--legacy-yellow); box-shadow: 0 0 0 2px rgba(252,234,28,.14); }

@media (max-width: 960px) { .legacy-difficulty-lab__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }}
@media (max-width: 760px) {.legacy-difficulty-lab { padding: 20px; }.legacy-difficulty-lab__grid { grid-template-columns: 1fr; }.legacy-difficulty-option { padding: 14px; }.legacy-difficulty-option h3 { min-height: 0; }}

.legacy-lower-about { padding: 0; }.legacy-lower-about__head { display: flex; align-items: center; justify-content: center; gap: 26px; min-height: 170px; background: #3a3851; }.legacy-lower-about__head h2 { margin: 0; font-size: clamp(39px, 5vw, 68px); font-weight: 300; text-transform: uppercase; }.legacy-lower-about__head img { width: 145px; max-height: 72px; object-fit: contain; }.legacy-lower-about__intro, .legacy-lower-about__outro { padding: 35px 0; background: #46435f; color: rgba(255,255,255,.9); font-size: 18px; line-height: 1.55; text-align: center; }.legacy-lower-about__facts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin: 0; background: rgba(255,255,255,.22); }.legacy-lower-about__facts div { min-height: 177px; padding: 26px 10px; background: #3a3851; text-align: center; }.legacy-lower-about__facts dt { color: var(--legacy-yellow); font-size: clamp(40px, 4vw, 66px); font-weight: 800; line-height: .9; }.legacy-lower-about__facts dd { max-width: 116px; margin: 12px auto 0; font-size: 12px; font-weight: 800; text-transform: uppercase; }.legacy-lower-about__outro { background: #2f2e42; }
.legacy-lower-info { padding: 82px 0; color: #37354b; background: #fff; }.legacy-lower-info__grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 44px; align-items: center; }.legacy-lower-gallery__track { display: grid; gap: 9px; }.legacy-lower-gallery__track a { position: relative; display: block; aspect-ratio: 1.32; overflow: hidden; background: #dedde4; }.legacy-lower-gallery__track a:not(:first-child) { display: none; }.legacy-lower-gallery__track img { width: 100%; height: 100%; object-fit: cover; }.legacy-lower-gallery__track span { position: absolute; right: 0; bottom: 0; left: 0; padding: 17px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.72)); font-weight: 700; }.legacy-lower-gallery__empty { display: grid; min-height: 260px; place-items: center; background: #ecebf0; color: #777486; }.legacy-lower-link { display: inline-block; margin-top: 14px; color: #343247; font-size: 12px; font-weight: 800; text-decoration: underline; text-transform: uppercase; }.legacy-lower-info__features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 28px; }.legacy-lower-feature { min-height: 146px; }.legacy-lower-feature img { width: 72px; height: 72px; object-fit: contain; }.legacy-lower-feature h3 { margin: 7px 0; font-size: 20px; font-weight: 700; line-height: 1.05; text-transform: uppercase; }.legacy-lower-feature div { color: #747184; font-size: 13px; line-height: 1.35; }.legacy-lower-info__text { max-width: 800px; margin: 64px auto 0; color: #625f71; font-size: 16px; line-height: 1.55; text-align: center; }.legacy-lower-info__text strong { color: #343247; }.legacy-lower-button { display: inline-block; margin: 22px 0; padding: 15px 27px; border-radius: 24px; background: var(--legacy-yellow); color: #302509; font-size: 13px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.legacy-lower-video { padding: 28px 0 82px; background: #fff; }.legacy-lower-video__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }.legacy-lower-video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; background: #29273a; }.legacy-lower-corporate { padding: 60px 0; color: #fff; background: #3a3851; }.legacy-lower-corporate__inner { display: flex; align-items: stretch; justify-content: space-between; gap: 35px; }.legacy-lower-corporate p { margin: 0; color: var(--legacy-yellow); font-size: 20px; font-weight: 700; text-transform: uppercase; }.legacy-lower-corporate h2 { margin: 3px 0 0; font-size: clamp(35px, 5vw, 67px); font-weight: 300; line-height: .88; text-transform: uppercase; }.legacy-lower-corporate a { display: flex; align-items: center; justify-content: space-between; min-width: 235px; padding: 25px; color: #302509; background: var(--legacy-yellow); font-size: 21px; font-weight: 700; line-height: 1.05; text-decoration: none; text-transform: uppercase; }.legacy-lower-corporate b { font-size: 34px; }.legacy-lower-faq { padding: 78px 0; color: #37354b; background: #fff; }.legacy-lower-faq__heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }.legacy-lower-faq h2 { margin: 0; font-size: 38px; font-weight: 300; text-transform: uppercase; }.legacy-lower-faq__heading a { color: #3a3851; font-weight: 700; }.legacy-lower-faq__list { border-top: 1px solid #d9d8df; }.legacy-lower-faq details { border-bottom: 1px solid #d9d8df; }.legacy-lower-faq summary { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0; font-size: 17px; font-weight: 700; cursor: pointer; }.legacy-lower-faq summary span { color: var(--legacy-yellow); font-size: 24px; }.legacy-lower-faq details > div { max-width: 820px; padding: 0 0 21px; color: #676478; line-height: 1.55; }.legacy-lower-schedule { padding: 82px 0; color: #fff; background: #2f2e42; text-align: center; }.legacy-lower-schedule h2 { margin: 0; font-size: clamp(38px, 5vw, 65px); font-weight: 300; text-transform: uppercase; }.legacy-lower-schedule ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 25px 0 0; padding: 0; list-style: none; }.legacy-lower-schedule li a { display: block; padding: 8px 13px; border-radius: 16px; color: #302509; background: var(--legacy-yellow); font-size: 12px; font-weight: 700; text-decoration: none; }.legacy-lower-footer { padding: 47px 0 24px; color: #d9d8e0; background: #3a3851; }.legacy-lower-footer__grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 55px; align-items: center; }.legacy-lower-footer nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; }.legacy-lower-footer a { color: inherit; font-size: 13px; text-decoration: none; }.legacy-lower-footer nav a:hover, .legacy-lower-footer__contacts > a:hover { color: var(--legacy-yellow); }.legacy-lower-footer__brand { display: grid; justify-items: center; gap: 9px; }.legacy-lower-footer__brand img { width: 158px; height: 64px; object-fit: contain; }.legacy-lower-footer__brand span { font-size: 11px; font-weight: 800; }.legacy-lower-footer__contacts { display: grid; justify-items: end; gap: 8px; text-align: right; }.legacy-lower-footer__contacts > a:first-child { color: #fff; font-size: 20px; font-weight: 700; }.legacy-lower-footer__contacts > span { color: var(--legacy-yellow); font-size: 12px; }.legacy-lower-footer__contacts div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.legacy-lower-footer__contacts div a { padding: 5px 7px; border: 1px solid rgba(255,255,255,.45); border-radius: 13px; font-size: 10px; font-weight: 800; }

.legacy-home-v1 .legacy-lower-info { padding: 82px 0 55px; color: #fff; background: #2f2e42; }
.legacy-home-v1 .legacy-lower-gallery__track a { background: #2f2e42; }
.legacy-home-v1 .legacy-lower-info__text { color: #c7c7de; }
.legacy-home-v1 .legacy-lower-info__text strong { color: #f9b115; }
.legacy-home-v1 .legacy-lower-video--mobile { display: none; color: #fff; background: #2f2e42; }
.legacy-home-v1 .legacy-lower-video--desktop { position: relative; padding: 0 0 80px; overflow: hidden; color: #fff; background: #2f2e42; }
/* The source attaches both right decorations to the video wrapper rather than
   the full-bleed section.  Keeping that containing block puts them beside the
   actual media at wide widths while `z-index: 0` and `pointer-events: none`
   keep iframe controls and focus indicators unobstructed. */
.legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap { position: relative; z-index: 1; isolation: isolate; padding: 50px; }
.legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::before,
.legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::after { position: absolute; z-index: 0; content: ''; background: center / contain no-repeat; pointer-events: none; }
.legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::before { top: -10px; right: -10px; width: 150px; height: 150px; background-image: url('/static/site-assets/legacy-media-video.png'); }
.legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::after { right: -50px; bottom: -50px; width: 200px; height: 200px; background-image: url('/static/site-assets/legacy-shot.png'); }
/* Production's `.video__container-iframe:before` puts the smaller camera
   shot over the left video edge.  It stays below the iframe, so every pixel
   of the video/control surface remains interactive. */
.legacy-home-v1 .legacy-lower-video--desktop .legacy-lower-video__grid { position: relative; }
.legacy-home-v1 .legacy-lower-video--desktop .legacy-lower-video__grid::before { position: absolute; top: -25px; left: -25px; z-index: 0; width: 100px; height: 100px; content: ''; background: url('/static/site-assets/legacy-shot.png') 100% 0 / contain no-repeat; pointer-events: none; }
.legacy-home-v1 .legacy-lower-video--desktop iframe { position: relative; z-index: 1; min-height: 350px; }
.legacy-home-v1 .legacy-lower-tags { color: #2f2e42; background: #2f2e42; }
.legacy-home-v1 .legacy-lower-tags ul { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; padding: 20px 0; list-style: none; }
.legacy-home-v1 .legacy-lower-tags li { min-width: 0; max-width: 100%; }
.legacy-home-v1 .legacy-lower-tags a { box-sizing: border-box; display: block; padding: 10px 15px; border-radius: 20px; color: #000; background: #fcea1b; text-decoration: none; overflow-wrap: anywhere; transition: transform .3s ease, box-shadow .3s ease; }
/* Reuse the source schedule button interaction inside the existing tag pills.
   Transform keeps their neighbours in the same place. */
.legacy-home-v1 .legacy-lower-tags a:hover,
.legacy-home-v1 .legacy-lower-tags a:focus-visible { transform: scale(1.04); box-shadow: 0 5px 20px rgba(0,0,0,.1); }
.legacy-home-v1 .legacy-lower-tags a:focus-visible { outline: 2px solid #fcea1b; outline-offset: 3px; }
.legacy-home-v1 .legacy-lower-tags a:active { transform: scale(1.02); }
.legacy-home-v1 .legacy-lower-schedule { position: relative; padding: 40px 0; color: #fff; background: url('/static/site-assets/legacy-bg-schedule.jpg') 50% 0 / cover no-repeat; text-align: center; }
.legacy-home-v1 .legacy-lower-schedule::before { position: absolute; inset: 0; display: block; content: ''; background: url('/static/site-assets/legacy-bg-schedule-shape.png') 50% / contain no-repeat; pointer-events: none; }
.legacy-home-v1 .legacy-lower-schedule h2 { margin: 0 0 15px; color: #fff; font-family: 'Myriad Pro', Arial, sans-serif; font-size: 1.2em; font-weight: 100; line-height: normal; text-transform: uppercase; }
.legacy-home-v1 .legacy-lower-schedule .legacy-lower-button { position: relative; z-index: 1; display: inline-block; padding: 15px 100px; border-radius: 100px; color: #2f2e42; background: #fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); font-family: 'Myriad Pro', Arial, sans-serif; font-size: 1.1em; font-weight: 600; text-decoration: none; text-transform: uppercase; transition: transform .3s, box-shadow .3s; }
.legacy-home-v1 .legacy-lower-schedule .legacy-lower-button:hover, .legacy-home-v1 .legacy-lower-schedule .legacy-lower-button:focus-visible { box-shadow: 0 5px 20px 5px rgba(0,0,0,.1); outline: none; transform: scale(1.1); }
.legacy-home-v1 .legacy-lower-schedule > .legacy-wrap { position: relative; z-index: 1; }

@media (min-width: 761px) {
  .legacy-home-v1 .legacy-lower-info { position: relative; min-height: 0; padding: 100px 0; overflow: hidden; }
  .legacy-home-v1 .legacy-lower-info::before,
  .legacy-home-v1 .legacy-lower-info::after { position: absolute; width: 380px; height: 380px; content: ''; background: center / contain no-repeat; pointer-events: none; }
  .legacy-home-v1 .legacy-lower-info::before { top: -140px; right: -170px; background-image: url('/static/site-assets/legacy-particles-right.png'); }
  .legacy-home-v1 .legacy-lower-info::after { bottom: 110px; left: -80px; background-image: url('/static/site-assets/legacy-particles-left.png'); }
  .legacy-home-v1 .legacy-lower-info > .legacy-wrap { position: relative; z-index: 1; }
  .legacy-home-v1 .legacy-lower-gallery__track a { min-height: 430px; aspect-ratio: auto; }
  .legacy-home-v1 .legacy-lower-info__features { gap: 24px 28px; }
  .legacy-home-v1 .legacy-lower-feature { min-height: 170px; }
  .legacy-home-v1 .legacy-lower-feature img { width: 90px; height: 110px; }
}

@media (max-width: 640px) {
  .legacy-home-v1 .legacy-lower-video--desktop { display: block; padding: 25px 0 45px; }
  .legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap { padding: 0; }
  .legacy-home-v1 .legacy-lower-video--desktop .legacy-lower-video__grid { display: block; }
  .legacy-home-v1 .legacy-lower-video--desktop iframe { display: block; width: 100%; min-height: 0; margin: 0 0 30px; aspect-ratio: 16 / 9; }
  .legacy-home-v1 .legacy-lower-video--desktop iframe:last-child { margin-bottom: 0; }
  .legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::before,
  .legacy-home-v1 .legacy-lower-video--desktop > .legacy-wrap::after,
  .legacy-home-v1 .legacy-lower-video--desktop .legacy-lower-video__grid::before { display: none; }
  .legacy-home-v1 .legacy-lower-info { padding: 25px 0 45px; }
  .legacy-home-v1 .legacy-lower-info__grid { display: flex; flex-direction: column; gap: 25px; }
  .legacy-home-v1 .legacy-lower-info__features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 8px; }
  .legacy-home-v1 .legacy-lower-feature { display: grid; grid-template-columns: 58px minmax(0, 1fr); min-height: 94px; align-items: center; gap: 4px; }
  .legacy-home-v1 .legacy-lower-feature img { width: 58px; height: 78px; }
  .legacy-home-v1 .legacy-lower-feature h3 { margin: 0; font-size: 14px; line-height: 1.05; }
  .legacy-home-v1 .legacy-lower-video--mobile { display: block; padding: 25px 0 45px; }
  .legacy-home-v1 .legacy-lower-video--mobile .legacy-lower-video__grid { display: block; }
  .legacy-home-v1 .legacy-lower-video--mobile iframe { display: block; width: 100%; margin: 0 0 30px; aspect-ratio: 16 / 9; }
  .legacy-home-v1 .legacy-lower-video--mobile iframe:last-child { margin-bottom: 0; }
  .legacy-home-v1 .legacy-lower-schedule { padding: 28px 0; }
  .legacy-home-v1 .legacy-lower-tags ul { gap: 20px; }
  .legacy-home-v1 .legacy-lower-tags a { padding: 10px 15px; }
}
@media (max-width: 760px) { .legacy-lower-about__head { min-height: 130px; gap: 16px; }.legacy-lower-about__head img { width: 90px; }.legacy-lower-about__intro, .legacy-lower-about__outro { padding: 27px 0; font-size: 15px; }.legacy-lower-about__facts { grid-template-columns: repeat(2, 1fr); }.legacy-lower-about__facts div { min-height: 130px; }.legacy-lower-about__facts div:last-child { grid-column: 1 / -1; }.legacy-lower-info { padding: 55px 0; }.legacy-lower-info__grid { grid-template-columns: 1fr; gap: 35px; }.legacy-lower-feature h3 { font-size: 16px; }.legacy-lower-corporate__inner, .legacy-lower-footer__grid { grid-template-columns: 1fr; }.legacy-lower-corporate__inner { display: grid; }.legacy-lower-corporate a { min-width: 0; }.legacy-lower-footer__grid { gap: 28px; }.legacy-lower-footer nav { order: 2; }.legacy-lower-footer__brand { order: 1; }.legacy-lower-footer__contacts { order: 3; justify-items: center; text-align: center; }.legacy-lower-footer__contacts div { justify-content: center; } }

/* Match the source schedule, where the shared CTA's global margin is absent. */
.legacy-home-v1 .legacy-lower-schedule .legacy-lower-button { margin: 0; box-sizing: border-box; max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .legacy-home-v1 .legacy-lower-tags a { transition: none; }
  .legacy-home-v1 .legacy-lower-tags a:is(:hover, :focus-visible, :active) { transform: none; }
}

/* Direct port of site_home_faq.php + certificates.css FAQ rules. */
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq { padding: 75px 0 56px; overflow: hidden; color: #fff; background: #2f2e42; font-family: 'MyriadPro', 'Myriad Pro', Arial, sans-serif; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__body { position: relative; z-index: 10; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__body::before { position: absolute; top: 230px; left: -170px; z-index: -1; display: block; width: 143px; height: 510px; content: ''; background: url('/static/site-assets/certificates/legacy-accordeon-shape.png') center / contain no-repeat; pointer-events: none; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__body::after { position: absolute; top: -45px; right: -70px; z-index: -1; display: block; width: 171px; height: 376px; content: ''; background: url('/static/site-assets/certificates/legacy-accordeon-shape2.png') center / contain no-repeat; pointer-events: none; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__title { margin: 0; padding-right: 120px; color: #fff; font-family: 'Code-Pro-Black-LC', 'Code Pro Black', 'Arial Black', sans-serif; font-size: 32px; font-weight: 400; line-height: 36px; text-transform: uppercase; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__subtitle { max-width: none; margin: 0 0 62px; padding-right: 120px; color: #c7c7de; font-family: 'MyriadPro', 'Myriad Pro', Arial, sans-serif; font-size: 21px; font-weight: 400; line-height: 25px; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__item { display: block; margin-bottom: 25px; border: 0; background: transparent; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question { position: relative; display: block; padding: 23px 70px 23px 30px; color: #c7c7de; background: rgba(255,255,255,.1); font-family: Roboto, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: normal; cursor: pointer; list-style: none; transition: color .32s ease, background-color .32s ease; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question::-webkit-details-marker { display: none; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question::after { position: absolute; top: 50%; right: 30px; display: block; width: 14px; height: 8px; margin-top: -4px; content: ''; background: url('/static/site-assets/certificates/legacy-icon-arrow.png') center / contain no-repeat; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__item[open] .legacy-lower-faq__question { color: #3a3851; background: #fff; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__item[open] .legacy-lower-faq__question::after { background-image: url('/static/site-assets/certificates/legacy-icon-arrow-active.png'); }
/* Override the generic lower-page FAQ rule (`details > div { max-width:
   820px }`): production paints one continuous white accordion panel. */
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer { display: none; width: 100%; max-width: none; padding: 0 70px 25px 30px; color: #444360; background: #fff; font-family: Roboto, Arial, sans-serif; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__item[open] .legacy-lower-faq__answer { display: block; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer p { margin: 0 0 10px; font-size: 18px; line-height: normal; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer > :first-child { margin-top: 0; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer > :last-child { margin-bottom: 0; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer ul { margin: 0; padding: 0; list-style: none; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer li { position: relative; padding-left: 30px; color: #2f2e42; font-size: 16px; line-height: 25px; opacity: .9; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer li::before { position: absolute; top: 50%; left: 0; display: block; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; content: ''; background: #434255; }
:is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question:focus-visible { outline: 2px solid var(--legacy-yellow, #fcea1c); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question { transition: none; }
}

@media (max-width: 767px) {
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq { padding: 50px 0 42px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__body::before { top: 190px; left: -90px; transform: scale(.72); transform-origin: top left; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__body::after { top: -80px; right: -120px; transform: scale(.72); transform-origin: top right; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__title { padding-right: 0; font-size: 30px; line-height: 34px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__subtitle { margin-bottom: 35px; padding-right: 0; font-size: 18px; line-height: 23px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__item { margin-bottom: 16px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question { padding: 19px 50px 19px 18px; font-size: 18px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__question::after { right: 18px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer { padding: 0 18px 20px; }
  :is(.legacy-home-v1, .public-home-lower) .legacy-lower-faq__answer p { font-size: 16px; }
}

.legacy-header.is-sticky { position: fixed; top: 0; left: 50%; width: min(calc(100% - 48px), 1180px); padding: 10px 0; transform: translateX(-50%); z-index: 30; animation: legacy-header-show .22s ease-out; }.legacy-header.is-sticky .legacy-header__menu { background: rgba(31, 29, 44, .96); box-shadow: 0 10px 25px rgba(12, 10, 20, .35); }.legacy-header.is-sticky .legacy-header__brand { flex-basis: 155px; }.legacy-header.is-sticky .legacy-header__brand img { max-height: 44px; }@keyframes legacy-header-show { from { opacity: 0; transform: translate(-50%, -12px); } to { opacity: 1; transform: translate(-50%, 0); } }@media (max-width: 640px) { .legacy-header.is-sticky { width: min(calc(100% - 24px), 520px); padding: 7px 0; }.legacy-header.is-sticky .legacy-header__brand { flex-basis: 112px; }.legacy-header.is-sticky .legacy-header__brand img { max-height: 35px; }.legacy-header.is-sticky .legacy-header__menu { padding: 8px 9px; } }@media (prefers-reduced-motion: reduce) { .legacy-header.is-sticky { animation: none; } }

@media (max-width: 640px) {.legacy-lower-video--desktop { display: none; }.legacy-lower-video--mobile { display: block; padding: 33px 0 0; background: #2f2e42; }.legacy-lower-video--mobile iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #171621; }.legacy-lower-about { padding-top: 0; }.legacy-lower-about__head { display: none; }.legacy-lower-about__intro, .legacy-lower-about__outro { display: none; }.legacy-lower-about__facts { grid-template-columns: repeat(3, 1fr); gap: 0; }.legacy-lower-about__facts div { min-height: 121px; padding: 21px 5px; }.legacy-lower-about__facts div:nth-child(2), .legacy-lower-about__facts div:nth-child(4) { display: none; }.legacy-lower-about__facts div:last-child { grid-column: auto; }.legacy-lower-about__facts dt { font-size: 38px; }.legacy-lower-about__facts dd { margin-top: 8px; font-size: 10px; }.legacy-lower-info { padding-top: 45px; }}
@media (min-width: 641px) { .legacy-lower-video--mobile { display: none; }}

.legacy-lower-info { color: #e6e5ed; background: #2f2e42; }
.legacy-lower-gallery__track a { background: #46435f; }.legacy-lower-gallery__empty { color: #d7d5e0; background: #46435f; }.legacy-lower-link { color: var(--legacy-yellow); }
.legacy-lower-feature { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 13px; min-height: 92px; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.legacy-lower-feature:hover h3, .legacy-lower-feature:focus-visible h3 { color: var(--legacy-yellow); }.legacy-lower-feature:focus-visible { outline: 2px solid var(--legacy-yellow); outline-offset: 5px; }.legacy-lower-feature h3 { margin: 0; color: #e6e5ed; font-weight: 300; transition: color .18s ease; }.legacy-lower-feature > span:not(.legacy-visually-hidden) { display: grid; min-width: 25px; height: 25px; place-items: center; padding: 0 8px; border: 1px solid rgba(255,255,255,.42); border-radius: 15px; color: var(--legacy-yellow); font-size: 10px; font-weight: 700; text-transform: uppercase; transition: color .18s ease, background .18s ease; }.legacy-lower-feature:hover > span:not(.legacy-visually-hidden), .legacy-lower-feature:focus-visible > span:not(.legacy-visually-hidden) { color: #302509; background: var(--legacy-yellow); }
.legacy-lower-info__text { color: rgba(255,255,255,.72); }.legacy-lower-info__text strong { color: var(--legacy-yellow); }
.legacy-infographic-dialog { width: min(900px, calc(100vw - 20px)); max-height: calc(100vh - 40px); margin: 20px auto; padding: 0; border: 0; background: transparent; color: #2f2e42; }.legacy-infographic-dialog::backdrop { background: rgba(47,46,66,.8); }.legacy-infographic-dialog__box { position: relative; overflow: auto; max-height: inherit; padding: 30px; background: #fff; }.legacy-infographic-dialog__header { margin-bottom: 30px; }.legacy-infographic-dialog h2 { margin: 0 38px 5px 0; color: #2f2e42; font-size: 22px; font-weight: 600; line-height: normal; text-transform: uppercase; }.legacy-infographic-dialog__body { width: 100%; color: #2f2e42; font-size: 16px; line-height: normal; }.legacy-infographic-dialog__body > :first-child { margin-top: 0; }.legacy-infographic-dialog__body > :last-child { margin-bottom: 0; }.legacy-infographic-dialog__close { position: absolute; top: 15px; right: 15px; z-index: 3; display: grid; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; place-items: center; background: #e7e7ee; color: #8e8daf; font-size: 20px; font-weight: 400; line-height: 1; cursor: pointer; }.legacy-infographic-dialog__close:hover, .legacy-infographic-dialog__close:focus-visible { background: #cac9d9; color: #2f2e42; outline: none; }
@media (max-width: 640px) { .legacy-lower-info__features { gap: 5px; }.legacy-lower-feature { grid-template-columns: 58px minmax(0, 1fr) auto; min-height: 82px; border-bottom: 1px solid rgba(255,255,255,.15); }.legacy-lower-feature img { width: 58px; height: 58px; }.legacy-lower-feature h3 { font-size: 16px; }.legacy-lower-feature > span:not(.legacy-visually-hidden) { min-width: 0; width: 25px; padding: 0; overflow: hidden; font-size: 0; }.legacy-lower-feature > span:not(.legacy-visually-hidden)::after { content: '+'; font-size: 19px; }.legacy-lower-info__text { margin-top: 42px; }.legacy-infographic-dialog__box { padding: 34px 25px 30px; }.legacy-infographic-dialog h2 { font-size: 26px; }.legacy-infographic-dialog [data-infographic-dialog-content] { font-size: 15px; } }

.legacy-home-v1 .legacy-lower-info:not(.legacy-infographics) { display: none; }
.legacy-home-v1 .legacy-infographics { position: relative; z-index: 3; padding: 100px 0; overflow: hidden; color: #e6e5ed; background: #2f2e42; }
/* Direct source port: `style.css` paints a shallow shadow bridge from the
   preceding block before the infographic field begins. */
.legacy-home-v1 .legacy-infographics::before { position: absolute; z-index: 2; top: -80px; width: 100%; height: 80px; content: ''; box-shadow: 0 30px 50px rgba(0,0,0,.1); pointer-events: none; }
.legacy-home-v1 .legacy-infographics__background { position: absolute; top: 0; width: 100%; height: 1000px; z-index: 3; pointer-events: none; }
.legacy-home-v1 .legacy-infographics__background::before,
.legacy-home-v1 .legacy-infographics__background::after { position: absolute; z-index: 0; width: 380px; height: 380px; content: ''; background: center / contain no-repeat; pointer-events: none; }
.legacy-home-v1 .legacy-infographics__background::before { top: -140px; right: -170px; background-image: url('/static/site-assets/legacy-particles-right.png'); }
.legacy-home-v1 .legacy-infographics__background::after { bottom: 110px; left: -80px; background-image: url('/static/site-assets/legacy-particles-left.png'); }
.legacy-home-v1 .legacy-infographics > .legacy-wrap { position: relative; z-index: 5; }
.legacy-home-v1 .legacy-infographics__row { display: flex; align-items: center; margin: 0 -25px 50px; }
.legacy-home-v1 .legacy-infographics__column { flex: 1 1 50%; max-width: 50%; padding: 0 25px; }
/* Source `.infographics-slider-wrapper` frames the gallery with a camera
   sticker.  The real gallery remains above it and fully interactive. */
.legacy-home-v1 .legacy-infographics__media { position: relative; padding: 0 50px; }
.legacy-home-v1 .legacy-infographics__media::before { position: absolute; z-index: 0; top: -60px; left: -50px; width: 150px; height: 150px; content: ''; background: 100% 0 / contain no-repeat; background-image: url('/static/site-assets/legacy-media-photo.png'); pointer-events: none; }
/* `index.php` allocates 430px to the source slider.  A contained photo is
   deliberate here: gallery covers have varying ratios and must not lose a
   meaningful part of the image merely to fill the frame. */
.legacy-home-v1 .legacy-infographics__media-frame { --legacy-gallery-height: 430px; position: relative; z-index: 1; display: grid; height: var(--legacy-gallery-height); min-height: var(--legacy-gallery-height); place-items: center; background: none; }
.legacy-home-v1 .legacy-infographics__photo-viewport { position: relative; width: fit-content; max-width: 100%; min-width: 0; }
.legacy-home-v1 .legacy-infographics__gallery-track { width: fit-content; max-width: 100%; height: auto; background: none; }
.legacy-home-v1 .legacy-infographics__gallery-track a { position: relative; display: block; width: fit-content; max-width: 100%; height: auto; overflow: visible; }
.legacy-home-v1 .legacy-infographics__gallery-track [hidden] { display: none !important; }
.legacy-home-v1 .legacy-infographics__gallery-track img { display: block; width: auto; height: auto; max-width: 100%; max-height: var(--legacy-gallery-height); object-fit: contain; }
.legacy-home-v1 .legacy-infographics__gallery-track a > span { position: absolute; right: 0; bottom: 0; left: 0; padding: 17px 25px 70px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.72)); font-size: 21px; font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.legacy-home-v1 .legacy-infographics__gallery-controls { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; display: flex; justify-content: space-between; padding: 0; pointer-events: none; transform: translateY(-50%); }
.legacy-home-v1 .legacy-infographics__gallery-controls button { width: 40px; height: 50px; padding: 0; border: 0; color: var(--legacy-yellow); background: transparent; font-size: 54px; line-height: 1; pointer-events: auto; cursor: pointer; }
.legacy-home-v1 .legacy-infographics__gallery-controls button:disabled { opacity: .35; cursor: default; }
.legacy-home-v1 .legacy-infographics__gallery-link { position: absolute; bottom: 20px; left: 0; z-index: 3; display: inline-block; max-width: 100%; box-sizing: border-box; padding: 11px 25px; border-radius: 24px; color: #302509; background: var(--legacy-yellow); font-size: 13px; font-weight: 800; line-height: 1.15; text-decoration: none; text-transform: uppercase; overflow-wrap: anywhere; }
.legacy-home-v1 .legacy-infographics__gallery-track a:focus-visible { outline: 3px solid var(--legacy-yellow); outline-offset: -3px; }
.legacy-home-v1 .legacy-infographics__gallery-link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.legacy-home-v1 .legacy-infographics__media-frame > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.legacy-home-v1 .legacy-infographics__items { position: relative; z-index: 1; }
.legacy-home-v1 .legacy-infographics__source-row { display: flex; flex-flow: row wrap; margin-right: -1rem; margin-left: -1rem; }
.legacy-home-v1 .legacy-infographics__source-col { flex-basis: 50%; max-width: 50%; padding: 0 15px; }
.legacy-home-v1 .legacy-infographics__item { position: relative; display: inline-block; width: 100%; padding: 0; border: 0; color: #e6e6e6; background: transparent; font: inherit; text-align: right; cursor: pointer; transition: background .3s ease, transform .4s ease, opacity .4s ease; }
.legacy-home-v1 .legacy-infographics__item-wrapper { display: inline-block; max-width: 250px; }
.legacy-home-v1 .legacy-infographics__item--secondary { text-align: left; }
.legacy-home-v1 .legacy-infographics__item-copy { position: relative; z-index: 1; display: block; max-width: 200px; color: #e6e6e6; font-size: 1.25em; font-weight: 100; line-height: normal; transition: opacity .3s ease, transform .3s ease; }
.legacy-home-v1 .legacy-infographics__item-image { position: relative; z-index: 1; display: block; padding: 25px; opacity: .6; transition: opacity .2s ease, transform .2s ease; }
.legacy-home-v1 .legacy-infographics__item-image img { display: block; width: auto; height: 110px; }
.legacy-home-v1 .legacy-infographics__item:hover .legacy-infographics__item-image,
.legacy-home-v1 .legacy-infographics__item:focus-visible .legacy-infographics__item-image { opacity: 1; transform: scale(1.05); }
.legacy-home-v1 .legacy-infographics__item:hover .legacy-infographics__item-copy,
.legacy-home-v1 .legacy-infographics__item:focus-visible .legacy-infographics__item-copy { transform: translateY(20px); }
.legacy-home-v1 .legacy-infographics__item--secondary:hover .legacy-infographics__item-copy,
.legacy-home-v1 .legacy-infographics__item--secondary:focus-visible .legacy-infographics__item-copy { transform: translateY(-20px); }
.legacy-home-v1 .legacy-infographics__item:hover,
.legacy-home-v1 .legacy-infographics__item:focus-visible { background: radial-gradient(circle closest-side, #3a3851 0, transparent 100%); }
.legacy-home-v1 .legacy-infographics__item:focus-visible { outline: 2px solid var(--legacy-yellow); outline-offset: 4px; }
.legacy-home-v1 .legacy-infographics__item-line { position: absolute; z-index: 0; width: 150px; height: 150px; background: center / contain no-repeat; pointer-events: none; }
.legacy-home-v1 .legacy-infographics__item-line--1 { top: 30px; right: -80px; background-image: url('/static/site-assets/legacy-line-1.png'); }
.legacy-home-v1 .legacy-infographics__item-line--3 { right: -60px; bottom: 90px; background-image: url('/static/site-assets/legacy-line-3.png'); transform: scale(-1); }
.legacy-home-v1 .legacy-infographics__item-line--4 { top: -120px; left: 170px; background-image: url('/static/site-assets/legacy-line-2.png'); transform: rotate(120deg); }
.legacy-home-v1 .legacy-infographics__text { color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.55; text-align: center; }
.legacy-home-v1 .legacy-infographics__text p { margin: 0 0 16px; }
/* Production `.info-graphics__text-accent` deliberately uses the warmer
   orange #f9b115 rather than the button yellow. */
.legacy-home-v1 .legacy-infographics__accent { color: #f9b115; font-weight: 700; }
/* Literal `info-graphics__button` dimensions from production `style.css`.
   The actual anchor, not a smaller decorative pseudo-element, owns the yellow
   hit area so its text always has the source 20px horizontal inset. */
.legacy-home-v1 .legacy-infographics__button { position:relative;z-index:1;display:flex;height:150px;margin-top:0;align-items:center;justify-content:center;background:url('/static/legacy-source/images/clouds-bg.png') 50%/contain no-repeat;text-align:center }
.legacy-home-v1 .legacy-infographics__button .legacy-lower-button { display:inline-block;margin:0;padding:10px 20px;border:0;border-radius:20px;box-sizing:content-box;color:#302509;background:#fcea1c;font-size:1.1em;font-weight:600;line-height:20.24px;white-space:nowrap;text-decoration:none;text-transform:uppercase;transition:transform .3s ease,background-color .3s ease }
.legacy-home-v1 .legacy-infographics__button .legacy-lower-button:hover { color:#5b4611;background:#fbe703;transform:scale(1.1) }
.legacy-home-v1 .legacy-infographics__button .legacy-lower-button:focus-visible { outline:2px solid #fcea1c;outline-offset:5px }
/* The reveal's visible state also owns transform. Once it has appeared, let
   the source CTA hover win without overriding its entrance or reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  html.legacy-motion-ready .legacy-home-v1 .legacy-infographics__button .legacy-lower-button.is-visible:hover,
  html.legacy-motion-ready .legacy-home-v1 .legacy-infographics__button .legacy-lower-button.is-visible:focus-visible { transform:scale(1.1) !important; }
}
.legacy-home-v1 #games_section { display: block; scroll-margin-top: 74px; }

.legacy-home-v1 .legacy-infographics__item.legacy-reveal { opacity: 0; transition: opacity .4s ease, transform .4s ease; }
.legacy-home-v1 .legacy-infographics__item.legacy-infographics__reveal--1 { transform: translate3d(-100px, -100px, 0); }
.legacy-home-v1 .legacy-infographics__item.legacy-infographics__reveal--2 { transform: translate3d(100px, -100px, 0); transition-delay: .1s; }
.legacy-home-v1 .legacy-infographics__item.legacy-infographics__reveal--3 { transform: translate3d(-100px, 100px, 0); transition-delay: .3s; }
.legacy-home-v1 .legacy-infographics__item.legacy-infographics__reveal--4 { transform: translate3d(100px, 100px, 0); transition-delay: .2s; }
.legacy-home-v1 .legacy-infographics__item.legacy-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }

/* Literal production adaptive placement for the camera sticker. */
@media only screen and (max-width: 1599px) {
  .legacy-home-v1 .legacy-infographics__media::before { left: 25px; top: -58px; }
}

/* The three arrows are one desktop composition.  Keep their source dimensions
   until the narrow layout removes the diagram as a whole: shrinking or hiding
   individual paths at a normal desktop width breaks the visual connection
   between the four illustrations. */
@media only screen and (max-width: 1520px) {
  .legacy-home-v1 .legacy-infographics__column { padding: 0; }
}

@media (max-width: 75em) {
  .legacy-home-v1 .legacy-infographics__item-image img { height: 80px; }
  .legacy-home-v1 .legacy-infographics__item-line { display: none; }
}

@media (max-width: 62em) {
  .legacy-home-v1 .legacy-infographics__item-line,
  .legacy-home-v1 .legacy-infographics__item-line--4 { display: block; }
}

@media (max-width: 760px) {
  .legacy-home-v1 .legacy-infographics { padding: 20px 0 50px; }
  .legacy-home-v1 .legacy-infographics__background::before,
  .legacy-home-v1 .legacy-infographics__background::after { display: none; }
  .legacy-home-v1 .legacy-infographics__media-frame { --legacy-gallery-height: 210px; margin-bottom: 18px; }
  .legacy-home-v1 .legacy-infographics__gallery-track a > span { padding: 12px 14px 72px; font-size: 15px; }
  .legacy-home-v1 .legacy-infographics__gallery-controls { top: 25%; right: 0; left: 0; padding: 0; }
  .legacy-home-v1 .legacy-infographics__gallery-controls button { width: 32px; height: 42px; font-size: 42px; }
  .legacy-home-v1 .legacy-infographics__gallery-link { bottom: 12px; left: 0; max-width: 100%; padding: 9px 16px; font-size: 11px; }
  .legacy-home-v1 .legacy-infographics__row { display: block; margin: 0 0 28px; }
  .legacy-home-v1 .legacy-infographics__column { max-width: none; padding: 0; }
  .legacy-home-v1 .legacy-infographics__items { gap: 12px 4px; }
  .legacy-home-v1 .legacy-infographics__item { box-sizing: border-box; max-width: 100%; min-height: 145px; padding-right: 50px; }
  .legacy-home-v1 .legacy-infographics__item:not(.legacy-infographics__item--secondary) { justify-self: stretch; }
  .legacy-home-v1 .legacy-infographics__item-copy { max-width: 145px; min-height: 38px; font-size: 14px; line-height: 1.05; }
  .legacy-home-v1 .legacy-infographics__item-image { padding: 12px; }
  .legacy-home-v1 .legacy-infographics__item-image img { height: 78px; }
  .legacy-home-v1 .legacy-infographics__item-line { display: none; }
  .legacy-home-v1 .legacy-infographics__text { font-size: 15px; line-height: 1.35; }
}

/* At tablet width production separates the photo slider and the two source
   rows, then lays those rows side by side.  This deliberately preserves the
   original arrow paths instead of turning the diagram into generic cards. */
@media (max-width: 1024px) and (min-width: 761px) {
  .legacy-home-v1 .legacy-infographics__row { display: block; text-align: center; }
  .legacy-home-v1 .legacy-infographics__column { display: block; max-width: 80%; margin: 0 auto; }
  .legacy-home-v1 .legacy-infographics__items { left: -17vw; width: 108vw; }
  .legacy-home-v1 .legacy-infographics__source-row { display: inline-block; width: 49%; margin-top: 6vw; vertical-align: top; }
  .legacy-home-v1 .legacy-infographics__source-col { display: block; width: 49%; float: left; }
}

@media (prefers-reduced-motion: reduce) {
  /* The imported source hover uses !important, so the CTA needs its own
     reduced-motion rule even when the scroll controller disables itself. */
  .legacy-home-v1 .legacy-infographics__button .legacy-lower-button { transform:none !important; transition:none !important; }
  .legacy-home-v1 .legacy-infographics__item.legacy-reveal,
  .legacy-home-v1 .legacy-infographics__item.legacy-reveal.is-visible,
  .legacy-home-v1 .legacy-infographics__item-image,
  .legacy-home-v1 .legacy-infographics__item:hover .legacy-infographics__item-image,
  .legacy-home-v1 .legacy-infographics__item:focus-visible .legacy-infographics__item-image,
  .legacy-home-v1 .legacy-infographics__item:hover .legacy-infographics__item-copy,
  .legacy-home-v1 .legacy-infographics__item:focus-visible .legacy-infographics__item-copy { opacity: 1; transform: none; transition: none; }
}

/* Source `index.php` composition.  The home port originally renamed these
   nodes and accidentally changed their inline-block alignment; keeping the
   production hierarchy makes the three connector paths sit outside copy.
   Reserve the legacy slider's space before a lazy VK cover is decoded: with
   natural image dimensions alone the zero-height box could put its CTA above
   the photo on a narrow screen. */
.legacy-home-v1 .infographics.legacy-infographics > .center-wrapper { width:min(1360px, calc(100% - 30px)); }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__media { padding:0; }
.legacy-home-v1 .infographics.legacy-infographics .infographics-slider-wrapper { position:relative; min-height:430px; padding:0 50px; background:none; }
.legacy-home-v1 .infographics.legacy-infographics .infographics-slider__item { height: auto; }
.legacy-home-v1 .legacy-infographics__photo-viewport:has(.legacy-infographics__external-placeholder:not([hidden])) { width: 100%; }
.legacy-home-v1 .legacy-infographics__external-placeholder { min-height: var(--legacy-gallery-height); }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item { text-align:initial; }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item-wrapper { display:block; max-width:250px; }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item-copy { text-align:right; }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item--secondary .legacy-infographics__item-copy { text-align:left; }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item-image { text-align:right; }
.legacy-home-v1 .infographics.legacy-infographics .legacy-infographics__item-image img { display:inline; width:auto; height:110px; }

@media (max-width:760px) {
  .legacy-home-v1 .infographics.legacy-infographics .infographics-slider-wrapper { min-height:210px; padding:0; }
}

/* Direct port of production .team-building.  Arrow graphics stay in their
   source flex columns, so their geometry does not drift when text reflows. */
.legacy-lower-corporate { position: relative; padding: 0; overflow: hidden; color: #2f2f42; background-color: #fff; }
.legacy-lower-corporate__top-shadow { position: absolute; top: -100px; width: 100%; height: 100px; box-shadow: 0 30px 50px rgba(0, 0, 0, .1); }
.legacy-lower-corporate__container { position: relative; height: 400px; padding: 0 50px; }
.legacy-lower-corporate__character { position: absolute; bottom: -45px; left: 0; z-index: 5; width: 100%; height: 400px; object-fit: contain; object-position: left bottom; pointer-events: none; }
.legacy-lower-corporate__wrapper { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; height: 100%; }
.legacy-lower-corporate__empty { flex-basis: 400px; }
.legacy-lower-corporate__content { position: relative; display: flex; flex: 1 0; flex-direction: column; justify-content: center; height: 100%; }
.legacy-lower-corporate__content::before { position: absolute; top: 80px; left: -50px; z-index: 0; display: block; width: 40px; height: 40px; content: ''; background: url('/static/site-assets/legacy-b2b-arrow.png') center / contain no-repeat; }
.legacy-lower-corporate .legacy-lower-corporate__title { z-index: 1; margin: 0 0 15px; color: #2f2f42; font-size: 1.8em; font-weight: 100; line-height: normal; text-transform: uppercase; }
.legacy-lower-corporate__title span { display: block; }
.legacy-lower-corporate__title span:first-child { padding-left: 30px; font-family: 'MyriadPro', sans-serif; }
.legacy-lower-corporate__title span:nth-child(2), .legacy-lower-corporate__title span:nth-child(3) { font-family: 'Code-Pro-Black-LC', sans-serif; }
.legacy-lower-corporate__title span:nth-child(3) { padding-left: 60px; }
.legacy-lower-corporate .legacy-lower-corporate__aside { position: relative; display: flex; flex: 1 0; align-items: center; justify-content: flex-end; min-width: auto; height: 100%; padding: 0; color: #2f2f42; background: transparent; font: inherit; text-decoration: none; text-transform: none; }
.legacy-lower-corporate__aside::before { position: absolute; top: 50%; left: 0; z-index: 0; display: block; width: 120px; height: 120px; margin-top: -60px; content: ''; background: url('/static/site-assets/legacy-b2b-arrows.png') center / contain no-repeat; }
.legacy-lower-corporate__aside-text { padding-right: 50px; color: #2f2f42; font-family: 'MyriadPro', sans-serif; font-size: 1.4em; font-weight: 100; line-height: normal; text-transform: uppercase; }
.legacy-lower-corporate__aside-text span { display: block; margin-bottom: 5px; }
.legacy-lower-corporate__aside-text span:nth-child(2) { padding-left: 40px; }
.legacy-lower-corporate__aside-text span:nth-child(3) { padding-left: 30px; }
.legacy-lower-corporate__aside-arrow { width: 140px; height: 140px; object-fit: contain; transition: transform .3s; }
.legacy-lower-corporate .legacy-lower-corporate__aside:hover .legacy-lower-corporate__aside-arrow, .legacy-lower-corporate .legacy-lower-corporate__aside:focus-visible .legacy-lower-corporate__aside-arrow { transform: translateX(10px); }
.legacy-lower-corporate .legacy-lower-corporate__aside:focus-visible { outline: 2px solid var(--legacy-yellow); outline-offset: 5px; }
.legacy-lower-corporate__shadow { height: 80px; }
.legacy-lower-corporate__shadow::before { position: absolute; top: 0; right: 0; bottom: 80px; left: 0; z-index: 1; display: block; content: ''; box-shadow: 0 30px 50px rgba(0, 0, 0, .1); }
.legacy-lower-corporate__shadow::after { position: absolute; bottom: 0; z-index: 0; display: block; width: 100%; height: 80px; content: ''; background-color: #2f2f42; }

/* The source block needs its own reading width: the shared 80% desktop
   wrapper leaves the 120px decorative arrows behind the call-to-action.
   Reserve their space and retain the source 400px character column. */
@media (min-width: 1261px) {
  .legacy-home-v1 .legacy-lower-corporate > .legacy-wrap { width: min(1360px, calc(100% - 30px)); max-width: 1360px; }
  .legacy-lower-corporate__content { flex: 0 0 auto; }
  .legacy-lower-corporate .legacy-lower-corporate__aside { padding-left: 130px; }
  .legacy-lower-corporate__aside-text, .legacy-lower-corporate__aside-arrow { flex-shrink: 0; }
}
@media (min-width: 1261px) and (max-width: 1520px) {
  .legacy-home-v1 .legacy-lower-corporate > .legacy-wrap { width: min(1200px, calc(100% - 30px)); }
}

@media (max-width: 1599px) {
  .legacy-lower-corporate__container { padding: 0; }
  .legacy-lower-corporate__aside-text { padding-right: 40px; }
  .legacy-lower-corporate__aside-arrow { width: 100px; }
}
@media (max-width: 1260px) {
  .legacy-lower-corporate__container { height: 300px; }
  .legacy-lower-corporate__character { bottom: -35px; height: 300px; }
  .legacy-lower-corporate__content { flex: 0; padding-right: 50px; }
  .legacy-lower-corporate .legacy-lower-corporate__title { font-size: 1.5em; }
  .legacy-lower-corporate__aside-text { font-size: 1.2em; }
  .legacy-lower-corporate__aside::before { display: none; }
}
@media (max-width: 980px) {
  .legacy-lower-corporate__character { height: 260px; }
  .legacy-lower-corporate__content { padding-right: 15px; }
  .legacy-lower-corporate__aside-text { padding-right: 20px; font-size: 1.1em; }
  .legacy-lower-corporate__aside-text span:nth-child(2) { padding-left: 0; }
  .legacy-lower-corporate .legacy-lower-corporate__title { font-size: 1.3em; }
  .legacy-lower-corporate__title span { white-space: nowrap; }
  .legacy-lower-corporate__title span:nth-child(3) { padding-left: 35px; }
  .legacy-lower-corporate__content::before { left: -35px; }
  .legacy-lower-corporate__aside-arrow { width: 80px; height: 110px; }
}
@media (max-width: 767px) {
  .legacy-lower-corporate__character { height: 200px; }
  .legacy-lower-corporate__content { justify-content: flex-start; padding-top: 40px; }
  .legacy-lower-corporate .legacy-lower-corporate__aside { padding-top: 30px; }
  .legacy-lower-corporate .legacy-lower-corporate__title { font-size: 1.2em; }
  .legacy-lower-corporate__content::before { display: none; }
}
@media (max-width: 479px) {
  .legacy-lower-corporate__aside { left: -40px; }
  .legacy-lower-corporate__aside-arrow { width: 34px; height: 55px; }
  .legacy-lower-corporate__content { padding-top: 25px; }
  .legacy-lower-corporate .legacy-lower-corporate__title { width: 200px; }
  .legacy-lower-corporate__title span { white-space: normal; }
  .legacy-lower-corporate__character { height: 170px; }
}
@media (max-width: 374px) {
  .legacy-lower-corporate__aside { left: -85px; }
}

.legacy-question-stream { padding: 88px 0; overflow: hidden; color: #fff; background: #421e78; background-image: radial-gradient(circle at 7% 14%, rgba(81,182,237,.24), transparent 25%), radial-gradient(circle at 89% 84%, rgba(236,62,164,.24), transparent 29%); }.legacy-question-stream__label { margin: 0 0 13px; color: #53b6ed; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.legacy-question-stream__heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 34px; }.legacy-question-stream h2 { margin: 0; color: #53b6ed; font-size: clamp(40px, 5vw, 68px); font-weight: 900; letter-spacing: -.04em; line-height: .83; text-transform: uppercase; }.legacy-question-stream__heading p { max-width: 330px; margin: 0 0 5px; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.4; }.legacy-question-stream__showcase { position: relative; min-height: 420px; padding: 10px 0 67px; }.legacy-question-stream__card { display: grid; grid-template-columns: minmax(265px, .77fr) minmax(0, 1.23fr); min-height: 400px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 8px; background: rgba(27,10,57,.42); box-shadow: 0 25px 55px rgba(21,6,42,.24); }.legacy-question-stream__card[hidden] { display: none; }.legacy-question-stream__media { position: relative; min-height: 400px; margin: 0; overflow: hidden; background: linear-gradient(135deg, #ec3ea4, #53b6ed); }.legacy-question-stream__media::after { position: absolute; inset: 0; content: ''; background: linear-gradient(0deg, rgba(25,8,51,.52), transparent 55%); }.legacy-question-stream__media img { width: 100%; height: 100%; object-fit: cover; }.legacy-question-stream__media figcaption { position: absolute; z-index: 1; right: 18px; bottom: 15px; left: 18px; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.legacy-question-stream__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 5vw, 64px); }.legacy-question-stream__number { margin: 0 0 17px; color: #ec3ea4; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.legacy-question-stream h3 { max-width: 680px; margin: 0; color: #fff; font-size: clamp(23px, 2.6vw, 37px); font-weight: 800; line-height: 1.05; }.legacy-question-stream__answer { margin-top: 34px; }.legacy-question-stream__answer button { padding: 13px 25px; border: 0; border-radius: 3px; color: #fff; background: #53b6ed; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: transform .18s ease, background .18s ease; }.legacy-question-stream__answer button:hover, .legacy-question-stream__answer button:focus-visible { background: #ec3ea4; transform: translateY(-2px); outline: none; }.legacy-question-stream__answer [data-question-answer-panel] { display: grid; gap: 5px; margin-top: 20px; padding: 17px 19px; border-left: 3px solid #53b6ed; color: #e9e7f0; background: rgba(83,182,237,.12); font-size: 16px; line-height: 1.4; }.legacy-question-stream__answer [data-question-answer-panel] strong { color: #53b6ed; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }.legacy-question-stream__nav { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 14px; }.legacy-question-stream__nav button { display: grid; width: 46px; height: 46px; padding: 0; border: 1px solid #53b6ed; border-radius: 50%; place-items: center; color: #53b6ed; background: transparent; font-size: 24px; cursor: pointer; }.legacy-question-stream__nav button:hover, .legacy-question-stream__nav button:focus-visible { color: #421e78; background: #53b6ed; outline: none; }.legacy-question-stream__nav span { min-width: 54px; color: rgba(255,255,255,.74); font-size: 13px; font-weight: 800; text-align: center; }
@media (max-width: 700px) { .legacy-question-stream { padding: 57px 0; }.legacy-question-stream__heading { display: block; margin-bottom: 27px; }.legacy-question-stream__heading p { margin-top: 17px; font-size: 15px; }.legacy-question-stream__showcase { min-height: 0; padding-bottom: 65px; }.legacy-question-stream__card { grid-template-columns: 1fr; }.legacy-question-stream__media { min-height: 235px; max-height: 290px; }.legacy-question-stream__content { padding: 29px 23px 35px; }.legacy-question-stream h3 { font-size: 24px; }.legacy-question-stream__answer { margin-top: 27px; }.legacy-question-stream__nav { justify-content: space-between; }.legacy-question-stream__nav span { position: absolute; left: 50%; transform: translateX(-50%); } }

.legacy-question-stream__question { max-width: 680px; color: #fff; font-size: clamp(23px, 2.6vw, 37px); font-weight: 800; line-height: 1.05; }
.legacy-question-stream__question > :first-child { margin-top: 0; }
.legacy-question-stream__question > :last-child { margin-bottom: 0; }
.legacy-question-stream__media-fallback { box-sizing: border-box; padding: 34px; object-fit: contain !important; }
.legacy-question-stream__answer [data-question-answer-panel][hidden] { display:none !important; }
@media (max-width:700px) { .legacy-question-stream__question { font-size:24px; } }

/* Keep the mixed question feed, with the colors and background signs from the
   legacy quiz section. */
.legacy-question-stream {
  --question-ink: #2f2e42;
  --question-paper: #fff;
  --question-red: #e83f19;
  --question-yellow: var(--legacy-yellow, #f9b115);
  position: relative;
  isolation: isolate;
  color: #fff;
  background: var(--question-ink);
}
.legacy-question-stream::before,
.legacy-question-stream::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: '';
  background: center / contain no-repeat;
  pointer-events: none;
}
.legacy-question-stream::before {
  top: 30px;
  left: max(0px, calc((100% - 1280px) / 2));
  width: 250px;
  height: 500px;
  background-image: url('/static/site-assets/legacy-question-bg-left.png');
}
.legacy-question-stream::after {
  top: 50px;
  right: max(0px, calc((100% - 1280px) / 2));
  width: 200px;
  height: 400px;
  background-image: url('/static/site-assets/legacy-question-bg-right.png');
}
.legacy-question-stream > .legacy-wrap { position: relative; z-index: 1; }
.legacy-question-stream__heading,
.legacy-question-stream__showcase {
  margin-right: clamp(0px, 8.333vw, 120px);
  margin-left: clamp(0px, 8.333vw, 120px);
}
.legacy-question-stream__heading { margin-bottom: 34px; }
.legacy-question-stream h2 {
  color: #fff;
  font-family: 'Code-Pro-Black-LC', 'Arial Black', sans-serif;
  font-size: clamp(36px, 4.2vw, 54px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: .88;
}
.legacy-question-stream__card {
  border: 1px solid rgba(47, 46, 66, .16);
  border-radius: 0;
  background: var(--question-paper);
  box-shadow: 9px 10px 0 rgba(0, 0, 0, .16);
}
.legacy-question-stream__media { background: var(--question-ink); }
.legacy-question-stream__media figcaption {
  left: 18px;
  padding: 6px 10px;
  border-left: 3px solid var(--question-yellow);
  color: #fff;
  background: rgba(47, 46, 66, .92);
  letter-spacing: .04em;
}
.legacy-question-stream__content { color: var(--question-ink); background: var(--question-paper); }
.legacy-question-stream__number {
  display: inline-block;
  align-self: flex-start;
  max-width: 100%;
  margin: 0 0 17px;
  padding: 9px 18px;
  color: #fff;
  background: var(--question-red);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}
.legacy-question-stream__question {
  color: #3a3851;
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 600;
  line-height: 1.18;
}
.legacy-question-stream__answer button {
  min-height: 44px;
  padding: 10px 19px;
  border: 0;
  border-radius: 0;
  color: #302509;
  background: var(--question-yellow);
  box-shadow: 4px 4px 0 rgba(47, 46, 66, .18);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.legacy-question-stream__answer button:hover,
.legacy-question-stream__answer button:focus-visible {
  color: var(--question-yellow);
  background: var(--question-ink);
}
.legacy-question-stream__answer button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.legacy-question-stream__answer [data-question-answer-panel] {
  border-left-color: var(--question-yellow);
  color: var(--question-ink);
  background: #f7f4d9;
}
.legacy-question-stream__answer [data-question-answer-panel] strong { color: var(--question-ink); }
.legacy-question-stream__nav button {
  border: 2px solid var(--question-yellow);
  color: var(--question-yellow);
}
.legacy-question-stream__nav button:hover,
.legacy-question-stream__nav button:focus-visible {
  color: var(--question-ink);
  background: var(--question-yellow);
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.legacy-question-stream__nav span { color: rgba(255, 255, 255, .86); }
@media (max-width: 700px) {
  .legacy-question-stream::before,
  .legacy-question-stream::after { display: none; }
  .legacy-question-stream__heading,
  .legacy-question-stream__showcase { margin-right: 0; margin-left: 0; }
  .legacy-question-stream__heading { margin-bottom: 27px; }
  .legacy-question-stream__question { font-size: 20px; }
}

/* The question owns its scroll area; the next/previous controls keep one
   position across text, photographs, video and an expanded answer. */
.legacy-question-stream__showcase {
  --question-card-height: clamp(180px, calc(100vh - 160px), 520px);
  --question-card-height: clamp(180px, calc(100dvh - 160px), 520px);
  display: grid;
  grid-template-rows: var(--question-card-height) auto;
  gap: 18px;
  min-height: 0;
  padding: 10px 0 0;
  overflow-anchor: none;
}
.legacy-question-stream__card {
  box-sizing: border-box;
  height: var(--question-card-height);
  min-height: 0;
  min-width: 0;
  grid-template-rows: minmax(0, 1fr);
}
.legacy-question-stream__media {
  min-height: 0;
  max-height: none;
  min-width: 0;
}
.legacy-question-stream__media img { object-fit: contain; }
.legacy-question-stream__media .legacy-question-stream__question-mark {
  box-sizing: border-box;
  display: block;
  padding: 18px 16px 52px;
  object-fit: contain;
}
.legacy-question-stream__content {
  box-sizing: border-box;
  display: block;
  min-height: 0;
  min-width: 0;
  padding: clamp(20px, 3vw, 40px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-color: #716f9a #f2f1f5;
  overflow-wrap: anywhere;
}
.legacy-question-stream__content:focus-visible {
  outline: 3px solid #716f9a;
  outline-offset: -3px;
}
.legacy-question-stream__question {
  max-width: none;
  font-size: clamp(1.25rem, 2.2vw, 1.875rem);
}
.legacy-question-stream__question img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}
.legacy-question-stream__question :is(h2, h3, h4) {
  color: inherit;
  font: inherit;
  text-transform: none;
}
.legacy-question-stream__video { margin-top: 16px; }
.legacy-question-stream__video :is(video, iframe) {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  background: var(--question-ink);
  object-fit: contain;
}
.legacy-question-stream__video [hidden] { display: none; }
.legacy-question-stream__nav {
  position: relative;
  inset: auto;
  min-height: 46px;
}
@media (max-width: 700px) {
  .legacy-question-stream__card { grid-template-columns: minmax(64px, .24fr) minmax(0, 1fr); }
  .legacy-question-stream__content { padding: 20px 14px; }
  .legacy-question-stream__question { font-size: 1.25rem; }
  .legacy-question-stream__number { padding: 8px 10px; font-size: 1.25rem; }
  .legacy-question-stream__media figcaption { right: 0; left: 0; padding: 6px 4px; overflow-wrap: anywhere; }
  .legacy-question-stream__media .legacy-question-stream__question-mark { padding: 12px 6px 52px; }
}

/* Text and video questions use the whole card; keep image questions intact. */
.legacy-question-stream__card--text { grid-template-columns:minmax(0, 1fr); }

.legacy-footer { border-top: 5px solid #e52016; background: #2f2e42; color: #fff; }
.legacy-footer__body { padding: 55px 0; }
.legacy-footer__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 55px; }
.legacy-footer__menu { display: grid; grid-template-columns: repeat(2, max-content); gap: 50px; }
.legacy-footer__menu ul { margin: 0; padding: 0; list-style: none; }
.legacy-footer__menu li + li { margin-top: 20px; }
.legacy-footer__menu a { color: #fff; font-size: 18px; text-decoration: none; }
.legacy-footer__menu a:hover, .legacy-footer__menu a:focus-visible { color: #fff; text-decoration: underline; }
.legacy-footer a:focus-visible { outline: 3px solid var(--legacy-yellow, #fcea1c); outline-offset: 4px; }
.legacy-footer__brand { display: flex; align-items: center; gap: 15px; color: inherit; text-decoration: none; }
.legacy-footer__mark { display: block; width: 120px; height: auto; }
.legacy-footer__brand > span { display: grid; gap: 10px; justify-items: center; }
.legacy-footer__wordmark { display: block; width: 160px; height: auto; }
.legacy-footer__brand b { color: #5a587e; font-size: 14px; font-weight: 300; text-transform: uppercase; }
.legacy-footer__contacts { display: grid; min-width: 0; justify-items: end; gap: 15px; text-align: right; }
.legacy-footer__contacts > div:first-child { display: grid; gap: 5px; }
.legacy-footer__phone, .legacy-footer__email { color: #fff; text-decoration: none; }
.legacy-footer__phone { white-space: nowrap; }
.legacy-footer__phone { font-size: 19px; }
.legacy-footer__contacts > div:first-child span { color: rgba(255, 255, 255, .6); font-size: 12px; }
.legacy-footer__email { max-width: 100%; font-size: 16px; overflow-wrap:anywhere; text-transform: uppercase; }
.legacy-footer__socials { display: flex; justify-content: flex-end; gap: 10px; }
.legacy-footer__social { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #e20913; border-radius: 50%; color: #fff; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.legacy-footer__social:hover, .legacy-footer__social:focus-visible { background: #e20913; transform: translateY(-2px); outline: none; }
.legacy-footer__social img { width: 17px; height: 17px; object-fit: contain; }
.legacy-footer__bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 10px; padding: 10px 20px 20px; border-top: 2px solid #3b3a4e; color: #a8a7b9; background: #2f2e42; font-size: 13px; text-align: center; }
.legacy-footer__bottom a { color: inherit; text-decoration: none; }
.legacy-footer__bottom > a:not(.legacy-footer__agreement):hover { color: #fff; }
.legacy-footer__agreement { margin: 10px 0 0 20px; padding: 5px 40px; border: 1px solid #6c6b82; border-radius: 25px; color: #6c6b82 !important; font-size: 12px; }
.legacy-footer__agreement:hover, .legacy-footer__agreement:focus-visible { background: #6c6b82; color: #2f2e42 !important; outline: none; }
@media (max-width: 950px) { .legacy-footer__row { gap: 30px; }.legacy-footer__menu { gap: 25px; }.legacy-footer__menu a { font-size: 15px; }.legacy-footer__mark { width: 92px; }.legacy-footer__wordmark { width: 125px; } }
@media (max-width: 700px) { .legacy-footer__body { padding: 30px 0; }.legacy-footer__row { grid-template-columns: 1fr; gap: 34px; justify-items: center; }.legacy-footer__menu { order: 2; }.legacy-footer__brand { order: 1; }.legacy-footer__contacts { order: 3; justify-items: center; text-align: center; }.legacy-footer__socials { justify-content: center; }.legacy-footer__bottom { padding-bottom: 18px; }.legacy-footer__agreement { margin: 0; } }
@media (max-width: 390px) { .legacy-footer__menu { gap: 20px; }.legacy-footer__menu a { font-size: 14px; }.legacy-footer__mark { width: 82px; }.legacy-footer__wordmark { width: 120px; } }

.legacy-quiz-about { position: relative; padding: 50px 0 40px; overflow: hidden; color: #fff; background: #2f2e42; }
.legacy-quiz-about__header { margin-bottom: 30px; }
.legacy-quiz-about__header h2 { margin: 0 0 30px; color: #fff; font-family: 'Code-Pro-Black-LC', sans-serif; font-size: 2.5em; font-weight: 400; letter-spacing: 0; line-height: normal; text-align: center; text-transform: uppercase; }
/* Exact production construction: the lines are flex items with a bottom
   margin, and the logo itself has a fixed 35px height.  Centering all three
   parts with `gap` made the lines visibly too low and enlarged the logo. */
.legacy-quiz-about__logo { display: flex; align-items: center; }
.legacy-quiz-about__logo > span { display: block; width: 100%; height: 4px; flex: 1; margin-bottom: 20px; background: #e20913; }
.legacy-quiz-about__logo img { display: block; width: auto; height: 35px; margin: 0 30px; }
.legacy-quiz-about__text { padding: 35px 0; color: #eaeaf3; font-family: 'MyriadPro', 'Myriad Pro', Arial, sans-serif; font-size: 1.3em; line-height: normal; text-align: center; }
.legacy-quiz-about__text strong { font-weight: 800; }
.legacy-quiz-about__facts { display: flex; align-items: stretch; justify-content: space-between; margin: 35px 0; padding: 0 30px; text-align: center; }
.legacy-quiz-about__facts > div { display: inline-flex; min-width: 0; align-items: center; justify-content: center; }
.legacy-quiz-about__facts dt { display: inline-block; min-width: 70px; height: 70px; flex: 0 0 auto; margin-right: 15px; padding: 10px 10px 0; color: #fff; background: center right / contain no-repeat; font-family: 'Code-Pro-Black-LC', sans-serif; font-size: 3.3em; font-weight: 400; line-height: 1; text-align: right; white-space: nowrap; }
.legacy-quiz-about__facts > div:nth-child(1) dt { background-image: url('/static/site-assets/legacy-about-1.png'); }.legacy-quiz-about__facts > div:nth-child(2) dt { background-image: url('/static/site-assets/legacy-about-2.png'); }.legacy-quiz-about__facts > div:nth-child(3) dt { background-image: url('/static/site-assets/legacy-about-3.png'); }.legacy-quiz-about__facts > div:nth-child(4) dt { background-image: url('/static/site-assets/legacy-about-4.png'); }.legacy-quiz-about__facts > div:nth-child(5) dt { background-image: url('/static/site-assets/legacy-about-5.png'); }
.legacy-quiz-about__facts dd { margin: 0; color: #eaeaef; font-family: 'MyriadPro', 'Myriad Pro', Arial, sans-serif; font-size: 1.25em; line-height: 1.04; text-align: left; text-transform: uppercase; }.legacy-quiz-about__facts dd span { display: block; }
.legacy-quiz-about__text--outro { padding-bottom: 15px; }.legacy-quiz-about__text--outro span { display: inline-block; max-width: 800px; }
/* Literal desktop breakpoints from production `style.css`: at 1440px the
   facts use 3em/1.1em, keeping the fourth and fifth captions from touching. */
@media only screen and (max-width: 1520px) { .legacy-quiz-about__facts dt { font-size: 3em; }.legacy-quiz-about__facts dd { font-size: 1.1em; } }
@media only screen and (max-width: 1260px) { .legacy-quiz-about__facts { padding: 0; }.legacy-quiz-about__facts dt { font-size: 2.5em; }.legacy-quiz-about__facts dd { font-size: 1em; }.legacy-quiz-about__text { padding: 15px 30px; font-size: 1.1em; } }
/* At the first narrow layout production no longer squeezes the labels into
   five columns.  Keep the same 3+2 rhythm, but explicitly center the second
   row so modern flex sizing cannot make values/captions cross. */
@media (max-width: 900px) {
  .legacy-quiz-about__facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px 0; padding: 0; }
  .legacy-quiz-about__facts > div { grid-column: span 2; }
  .legacy-quiz-about__facts > div:nth-child(4) { grid-column: 2 / span 2; }
  .legacy-quiz-about__facts > div:nth-child(5) { grid-column: 4 / span 2; }
}
@media (max-width: 767px) {
  .legacy-quiz-about__text { padding: 10px 0; font-size: 1.1em; }
  .legacy-quiz-about__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 0; margin: 20px 0; }
  .legacy-quiz-about__facts > div,
  .legacy-quiz-about__facts > div:nth-child(4),
  .legacy-quiz-about__facts > div:nth-child(5) { grid-column: span 1; }
  .legacy-quiz-about__facts > div:nth-child(5) { grid-column: 1 / -1; }
  .legacy-quiz-about__text--outro { padding-bottom: 15px; }
}
@media (max-width: 479px) {
  .legacy-quiz-about__header h2 { font-size: 2em; }
  .legacy-quiz-about__facts { display: block; margin: 20px 0; }
  .legacy-quiz-about__facts > div,
  .legacy-quiz-about__facts > div:nth-child(n) { width: max-content; min-height: 70px; margin: 0 auto; }
}

.legacy-home-v1 .legacy-quiz-about__facts > div.legacy-reveal { opacity: 0; transform: translate3d(-100px, 0, 0); transition: opacity .4s ease, transform .4s ease; }
.legacy-home-v1 .legacy-quiz-about__facts > div.legacy-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.legacy-home-v1 .legacy-quiz-about__facts > div:nth-child(2) { transition-delay: .1s; }
.legacy-home-v1 .legacy-quiz-about__facts > div:nth-child(3) { transition-delay: .2s; }
.legacy-home-v1 .legacy-quiz-about__facts > div:nth-child(4) { transition-delay: .3s; }
.legacy-home-v1 .legacy-quiz-about__facts > div:nth-child(5) { transition-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
  .legacy-home-v1 .legacy-quiz-about__facts > div.legacy-reveal,
  .legacy-home-v1 .legacy-quiz-about__facts > div.legacy-reveal.is-visible { opacity: 1; transform: none; transition: none; }
}

/* Source: style2.css .game-benefits and mainpage_benefits_section.php.
   Keep the source flex basis: max-width alone does not fix a column count. */
.legacy-benefits {
  --legacy-benefits-scale: var(--legacy-component-scale, var(--public-desktop-density, 1));
  padding: calc(50px * var(--legacy-benefits-scale)) 0 0;
  background: #2f2e42;
}

.legacy-benefits__grid {
  display: flex;
  flex-wrap: wrap;
}

.legacy-benefits__item {
  position: relative;
  display: block;
  flex: 1 1 50%;
  max-width: 25%;
  margin-bottom: calc(50px * var(--legacy-benefits-scale));
  padding: 0 calc(30px * var(--legacy-benefits-scale));
  color: #fff;
  font-size: calc(24px * var(--legacy-benefits-scale));
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.legacy-benefits__item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  opacity: 0;
  box-shadow: 0 0 calc(120px * var(--legacy-benefits-scale)) calc(20px * var(--legacy-benefits-scale)) rgba(255, 255, 255, .5);
  transition: opacity .3s ease;
}

.legacy-benefits__image {
  display: flex;
  width: 100%;
  height: calc(250px * var(--legacy-benefits-scale));
  margin: 0 auto calc(20px * var(--legacy-benefits-scale));
  justify-content: center;
  align-items: center;
  transition: transform .3s ease;
}

.legacy-benefits__image img {
  display: block;
  width: calc(190px * var(--legacy-benefits-scale));
  height: auto;
  max-width: 100%;
  max-height: none;
}

.legacy-benefits__image img[width="280"] {
  width: calc(280px * var(--legacy-benefits-scale));
}

.legacy-benefits__image img[width="180"] {
  width: calc(180px * var(--legacy-benefits-scale));
}

.legacy-benefits__title {
  position: relative;
  display: block;
  transition: transform .3s ease;
}

.legacy-benefits__item:hover .legacy-benefits__title,
.legacy-benefits__item:focus-visible .legacy-benefits__title {
  transform: translateY(calc(-10px * var(--legacy-benefits-scale)));
}

.legacy-benefits__item:hover::before,
.legacy-benefits__item:focus-visible::before {
  opacity: 1;
}

.legacy-benefits__item:hover .legacy-benefits__image,
.legacy-benefits__item:focus-visible .legacy-benefits__image {
  transform: scale(1.05);
}

.legacy-benefits__item:focus-visible {
  outline: 2px solid var(--legacy-yellow);
  outline-offset: -8px;
}

@media (max-width: 767px) {
  :is(.legacy-home-v1, .public-home-lower) .legacy-benefits .legacy-wrap { width: calc(100% - 30px); }
  .legacy-benefits__item { max-width: 50%; }
}

@media (max-width: 480px) {
  .legacy-benefits__item { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-benefits__title,
  .legacy-benefits__image,
  .legacy-benefits__item::before { transition: none; }

  .legacy-benefits__item:hover .legacy-benefits__title,
  .legacy-benefits__item:focus-visible .legacy-benefits__title,
  .legacy-benefits__item:hover .legacy-benefits__image,
  .legacy-benefits__item:focus-visible .legacy-benefits__image { transform: none; }
}

/* Roboto weights referenced by the production public header, localised so
   FastAPI does not depend on Google Fonts at runtime. */
@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-Italic-400.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-300.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-400.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-500.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('/static/legacy-source/fonts/Roboto-700.ttf') format('truetype')}

@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProSemiBold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }

/* Production `style.css` sets the public body in Roboto.  Code Pro remains
   the display face, while the separately authored imported components keep
   their explicit legacy fonts where they have one. */
.legacy-home-v1 { overflow-x: clip; font-family: Roboto, Arial, sans-serif; }
.legacy-home-v1 #legacy-main { overflow-x: clip; }
/* The imported preview layer correctly clips the decorative hero artwork,
   but its unconditional overflow also cut off the legacy city-picker footer.
   While the picker is open, let the shared source panel overlap the next
   section exactly as it does on /home_games. */
.legacy-home-v1 .legacy-promo:has(#choose_city:not([hidden])) { overflow:visible; }
.legacy-home-v1 .legacy-promo { min-height: 795px; padding: 120px 0 150px; }
.legacy-home-v1 .legacy-header { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; max-width: none; padding: 0; }
.legacy-home-v1 .legacy-header { font-family: Roboto, Arial, sans-serif; }
.legacy-home-v1 .legacy-header__menu { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 20px; width: min(1360px, calc(100% - 30px)); margin: 0 auto; padding: 25px 30px; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.legacy-home-v1 .legacy-header__nav { display: flex; flex: none; align-items: flex-start; gap: 0; }
.legacy-home-v1 .legacy-header__nav > a { margin-right: 32px; color: #fff; font-size: 18px; font-weight: 400; line-height: 41px; white-space: nowrap; }
.legacy-home-v1 .legacy-header__nav > a.is-active { font-weight: 700; }
.legacy-home-v1 .legacy-menu-toggle { width: 29px; height: 41px; margin-right: 43px; padding: 0; background: url('/static/site-assets/legacy-icon-menu.svg') center / 29px 19px no-repeat; }
.legacy-home-v1 .legacy-menu-toggle span:not(.legacy-visually-hidden) { display: none; }
.legacy-home-v1 .legacy-header__details { display: flex; align-items: flex-start; gap: 0; }
.legacy-home-v1 .legacy-header__city { display: block; padding: 0 0 2px; border-bottom: 1px solid #fafafa; border-radius: 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.2; text-align: left; }
.legacy-home-v1 .legacy-header__city > span:last-child { display: none; }
.legacy-home-v1 .legacy-city-picker { position: relative; }
.legacy-home-v1 .legacy-city-picker::before { position: absolute; top: 0; left: -30px; width: 16px; height: 23px; content: ''; background: url('/static/site-assets/legacy-icon-location.svg') center / contain no-repeat; }
.legacy-home-v1 .legacy-header__city::after { display: block; margin-top: 2px; color: rgba(255,255,255,.8); content: 'выбрать свой город'; font-size: 14px; font-weight: 400; }
.legacy-home-v1 .legacy-header__contacts { display: flex; align-items: flex-start; gap: 0; padding: 0; border: 0; color: #fff; text-align: left; }
.legacy-home-v1 .legacy-header__contacts > a:first-child { position: relative; display: inline-block; margin-left: 70px; color: #fff; font-size: 18px; font-weight: 400; line-height: 33px; text-decoration: none; }
.legacy-home-v1 .legacy-header__contacts > a:first-child::before { position: absolute; top: 10px; left: -30px; width: 21px; height: 14px; content: ''; background: url('/static/site-assets/legacy-icon-mail.svg') center / contain no-repeat; }
.legacy-home-v1 .legacy-header__contacts > a { font-size: 20px; }
.legacy-home-v1 .legacy-header__contacts > div { margin-left: 80px; }
.legacy-home-v1 .legacy-header__contacts .legacy-header__phone { position: relative; display: inline-block; margin: 0 0 5px; color: #fff; font-size: 20px; font-weight: 400; line-height: 1.2; }
.legacy-home-v1 .legacy-header__contacts .legacy-header__phone span { position: absolute; left: -40px; display: grid; width: 32px; height: 32px; margin: -2px 0 0; place-items: center; border-radius: 50%; color: #fff; background: #9bc322; font-size: 16px; }
.legacy-home-v1 .legacy-header__contacts .legacy-header__phone span>img{display:block;width:16px;height:19px}
.legacy-home-v1 .legacy-header__phone-note { display: block; color: rgba(255,255,255,.8); font-size: 14px; font-weight: 400; }
.legacy-home-v1 .legacy-promo__content { display: flex; align-items: flex-start; min-height: 525px; width: min(1200px, calc(100% - 30px)); }
.legacy-home-v1 .legacy-promo__mascot { flex: 0 0 410px; align-self: flex-start; margin: 0 200px 0 100px; }
.legacy-home-v1 .legacy-promo__mascot img { width: 100%; max-width: none; margin: 0; transform: none; }
.legacy-home-v1 .legacy-promo__copy { position: relative; flex: 0 1 auto; padding: 120px 0 0; text-align: center; }
.legacy-home-v1 .legacy-promo__copy h1 { max-width: none; margin: 0 0 50px; font-family: 'Code-Pro-Black-LC', sans-serif; font-size: 50px; font-weight: 400; letter-spacing: 0; line-height: 1.2; text-align: left; }
.legacy-home-v1 .legacy-promo__copy h1 span { padding-left: 70px; font-size: 100px; font-weight: 400; }
.legacy-home-v1 .legacy-promo__copy p { margin-bottom: 60px; padding-left: 20px; font-size: 24px; font-weight: 400; line-height: 1.15; }
.legacy-home-v1 .legacy-promo__actions.home-buttons { display: block; width: auto; margin: 0; }
.legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { display: inline-flex; width: 100%; max-width: 190px; min-width: 0; justify-content: center; margin: 0 5px 1px; padding: 20px 0; border-radius: 28px; color: #18181f; background: #fcea1c; font-size: 16px; font-weight: 400; line-height: 18.4px; text-align: center; text-decoration: none; text-transform: uppercase; box-shadow: none; }
.legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button:hover { box-shadow: 0 0 6px #fcea1c; }
.legacy-home-v1 .legacy-promo__home-link { position: absolute; bottom: -50px; left: 50%; width: auto; margin: 0; font-size: 18px; font-weight: 400; white-space: nowrap; transform: translateX(-50%); }
.legacy-home-v1 .legacy-promo__socials { position: absolute; right: 0; bottom: -86px; left: 0; display: flex; width: max-content; margin: 0 auto; align-items: center; justify-content: center; gap: 9px; }
.legacy-home-v1 .legacy-promo__social { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; color: #fff; font-size: 9px; font-weight: 700; line-height: 1; text-decoration: none; transition: color .16s ease, background-color .16s ease, transform .16s ease; }
.legacy-home-v1 .legacy-promo__social .legacy-fa-brand { font-size: 16px; }
.legacy-home-v1 .legacy-promo__social:hover, .legacy-home-v1 .legacy-promo__social:focus-visible { color: #302509; background: var(--legacy-yellow); transform: translateY(-2px); outline: none; }
.legacy-home-v1 .legacy-skip-link { position: fixed; z-index: 50; top: 8px; left: 8px; width: auto; height: auto; padding: 9px 13px; clip: auto; clip-path: none; color: #302509; background: var(--legacy-yellow); transform: translateY(-160%); }
.legacy-home-v1 .legacy-skip-link:focus-visible { transform: translateY(0); }
.legacy-home-v1 .legacy-header a:focus-visible, .legacy-home-v1 .legacy-header button:focus-visible { outline: 3px solid var(--legacy-yellow); outline-offset: 4px; }
.legacy-home-v1 .legacy-lower-gallery__track a.is-active { display: block; }
.legacy-home-v1 .legacy-lower-gallery__controls { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.legacy-home-v1 .legacy-lower-gallery__controls button { min-width: 44px; min-height: 44px; border: 1px solid currentColor; border-radius: 50%; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.legacy-home-v1 .legacy-lower-gallery__controls button:disabled { opacity: .35; cursor: default; }
.legacy-home-v1 .legacy-lower-feature { border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.legacy-home-v1 .legacy-lower-feature:focus-visible, .legacy-home-v1 .legacy-lower-gallery__controls button:focus-visible { outline: 2px solid var(--legacy-yellow); outline-offset: 3px; }
.legacy-home-v1 .legacy-infographic-dialog { width: min(900px, calc(100vw - 20px)); max-height: calc(100vh - 40px); margin: 20px auto; padding: 0; border: 0; color: #2f2e42; background: transparent; }
.legacy-home-v1 .legacy-infographic-dialog::backdrop { background: rgba(47,46,66,.8); }
.legacy-home-v1 .legacy-infographic-dialog__box { position: relative; overflow: auto; max-height: inherit; padding: 30px; border: 0; background: #fff; }
.legacy-home-v1 .legacy-infographic-dialog__close { position: absolute; top: 15px; right: 15px; z-index: 3; display: grid; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; place-items: center; color: #8e8daf; background: #e7e7ee; font-size: 20px; cursor: pointer; }
.legacy-home-v1 .legacy-infographic-dialog h2 { margin: 0 38px 5px 0; color: #2f2e42; font-size: 22px; font-weight: 600; line-height: normal; text-transform: uppercase; }
.legacy-home-v1 .legacy-home-v1__empty { padding: 30px; color: rgba(255,255,255,.72); text-align: center; }
.legacy-home-v1 iframe { max-width: 100%; }

/* Source `style.css` narrows `.center-wrapper` from 1360px to 1200px at
   1520px.  The home header is still a safe semantic port, so translate the
   source's 45px mail + 25px/40px phone spacing to its wrapper-free DOM. */
@media only screen and (max-width: 1520px) {
  .legacy-home-v1 .legacy-header__menu { width: min(1200px, calc(100% - 30px)); }
  .legacy-home-v1 .legacy-header__contacts > a:first-child { margin-left: 45px; }
  .legacy-home-v1 .legacy-header__contacts > div { margin-left: 65px; }}

/* A 1366px desktop has the same amount of usable visual space as the source
   viewed at its customary 90% browser zoom.  Keep the source composition,
   but apply that compact scale in CSS so that the opening game types and all
   contact controls remain in the actual 100% viewport. */
@media screen and (min-width: 1011px) and (max-width: 1400px) {
  .legacy-home-v1 .legacy-header__menu { gap: 0; padding: 20px 15px; }
  .legacy-home-v1 .legacy-header__nav > a { margin-right: 16px; font-size: 16px; line-height: 33px; }
  .legacy-home-v1 .legacy-menu-toggle { height: 33px; margin-right: 25px; }
  .legacy-home-v1 .legacy-header__city { font-size: 17px; }
  .legacy-home-v1 .legacy-header__contacts > a:first-child { margin-left: 35px; font-size: 16px; line-height: 29px; }
  .legacy-home-v1 .legacy-header__contacts > div { margin-left: 35px; }
  .legacy-home-v1 .legacy-header__contacts .legacy-header__phone { font-size: 17px; }
  .legacy-home-v1 .legacy-header__contacts .legacy-header__phone span { left: -35px; width: 29px; height: 29px; }
  .legacy-home-v1 .legacy-header__phone-note { font-size: 12px; }
  .legacy-home-v1 .legacy-promo { min-height: 630px; padding: 90px 0 75px; }
  .legacy-home-v1 .legacy-promo__content { min-height: 465px; }
  .legacy-home-v1 .legacy-promo__mascot { flex-basis: 360px; margin: 0 150px 0 80px; }
  .legacy-home-v1 .legacy-promo__copy { padding-top: 80px; }
  .legacy-home-v1 .legacy-promo__copy h1 { margin-bottom: 40px; font-size: 45px; }
  .legacy-home-v1 .legacy-promo__copy h1 span { font-size: 90px; }
  .legacy-home-v1 .legacy-promo__copy p { margin-bottom: 35px; font-size: 22px; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { max-width: 175px; padding: 16px 0; }
  .legacy-home-v1 .legacy-promo__socials { bottom: -82px; }}

/* `style.css` keeps the contact information in the desktop header until
   767px, but at 1010px its navigation has already become the fixed hamburger.
   Preserve those two independent source breakpoints instead of treating the
   768–1010px range as a scaled desktop header. */
@media screen and (min-width: 768px) and (max-width: 1010px) {
  .legacy-home-v1 .legacy-header__menu { width: calc(100% - 30px); padding: 15px 0; }
  .legacy-home-v1 .legacy-header__nav > a { display: none; }
  .legacy-home-v1 .legacy-menu-toggle { position: fixed; top: 5px; left: 10px; z-index: 402; width: 50px; height: 50px; margin: 0; background-size: 29px 19px; }
  .legacy-home-v1 .legacy-header__details { margin-left: auto; }
  .legacy-home-v1 .legacy-city-picker { padding-left: 30px; }
  .legacy-home-v1 .legacy-city-picker::before { left: 0; }
  .legacy-home-v1 .legacy-header__city { font-size: 16px; }
  .legacy-home-v1 .legacy-header__city::after { font-size: 12px; }
  .legacy-home-v1 .legacy-header__contacts > a:first-child { margin-left: 45px; font-size: 15px; }
  .legacy-home-v1 .legacy-header__contacts > div { margin-left: 25px; padding-left: 40px; }
  .legacy-home-v1 .legacy-header__contacts .legacy-header__phone { font-size: 16px !important; }
  .legacy-home-v1 .legacy-header__phone-note { font-size: 11px; }}

@media screen and (max-width: 1024px) {
  .legacy-home-v1 .legacy-header__menu, .legacy-home-v1 .legacy-promo__content { width: min(980px, calc(100% - 30px)); }
  .legacy-home-v1 .legacy-promo { min-height: auto; padding: 15vw 0 13vw; }
  .legacy-home-v1 .legacy-promo__content { min-height: 0; }
  .legacy-home-v1 .legacy-promo__mascot { flex: 0 0 34vw; max-width: 34vw; margin: 0 50px 0 0; }
  .legacy-home-v1 .legacy-promo__copy { padding-top: 13vw; }
  .legacy-home-v1 .legacy-promo__copy h1 { margin-bottom: 3.5vw; font-size: 4vw; }
  .legacy-home-v1 .legacy-promo__copy h1 span { font-size: 9vw; }
  .legacy-home-v1 .legacy-promo__copy p { margin-bottom: 6vw; padding-left: 3vw; font-size: 2.2vw; line-height: 1.15; text-align: left; }
  /* Source `.promo-rightside` does not grow in this range, while
     `.home-buttons` stays a normal centred block with inline controls. */
  .legacy-home-v1 .legacy-promo__copy { flex: 0 1 auto; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons { display: block; text-align: center; }
  .legacy-home-v1 .legacy-promo__actions a { max-width: 150px; padding: 15px 0; font-size: 14px; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { width: 150px; max-width: 150px; padding: 15px 0; font-size: 14px; }}

@media screen and (max-width: 767px) {
  .legacy-home-v1 .legacy-header__menu, .legacy-home-v1 .legacy-promo__content { width: calc(100% - 32px); }
  .legacy-home-v1 .legacy-header__menu { align-items: flex-start; padding: 15px 0; }
  .legacy-home-v1 .legacy-header__nav > a { display: none; }
  .legacy-home-v1 .legacy-menu-toggle { margin-right: 0; }
  .legacy-home-v1 .legacy-header__details { margin-left: auto; }
  .legacy-home-v1 .legacy-header__contacts { display: none; }
  .legacy-home-v1 .legacy-promo { padding-top: 110px; }
  .legacy-home-v1 .legacy-promo__content { display: block; padding-top: 0; }
  .legacy-home-v1 .legacy-promo__mascot { position: absolute; right: -36px; bottom: 0; width: 63vw; max-width: none; margin: 0; opacity: .38; }
  .legacy-home-v1 .legacy-promo__copy { padding: 36px 0 80px; }
  .legacy-home-v1 .legacy-promo__copy h1 { margin-bottom: 34px; padding-right: 0; font-size: 25px; text-align: center; }
  .legacy-home-v1 .legacy-promo__copy h1 span { padding-left: 125px; font-size: 45px; }
  .legacy-home-v1 .legacy-promo__copy p { margin-bottom: 28px; padding: 0; font-size: 14px; text-align: center; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons { display: grid; width: 100%; gap: 10px; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { max-width: none; margin: 0; padding: 10px 0; font-size: 13px; }
  .legacy-home-v1 .legacy-promo__home-link { bottom: -30px; font-size: 13px; }}

/* The runtime legacy header uses the original picker and scroll states. */
.legacy-home-v1 .legacy-promo__overlay { background-image: radial-gradient(circle at center, #b90901, #fb3509); opacity: .7; }
.legacy-home-v1 .legacy-city-picker__panel { top: 60px; right: -30px; width: 750px; min-width: 350px; min-height: 200px; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #fff; color: #2f2e42; box-shadow: 0 0 100px 50px rgba(0,0,0,.2); }
.legacy-home-v1 .legacy-city-picker__title { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 30px 30px 15px; color: #2f2e42; font-size: 24px; font-weight: 300; letter-spacing: 0; text-transform: none; }
.legacy-home-v1 .legacy-city-picker__title button { padding: 0; border: 0; color: #cac9d9; background: transparent; font: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.legacy-home-v1 .legacy-city-picker__content { padding: 30px 30px 0; overflow-y: auto; }
.legacy-home-v1 .legacy-city-picker__panel, .legacy-home-v1 .legacy-city-picker__title, .legacy-home-v1 .legacy-city-picker__content, .legacy-home-v1 .legacy-city-picker__columns, .legacy-home-v1 .legacy-city-picker__column, .legacy-home-v1 .legacy-city-picker__country, .legacy-home-v1 .legacy-city-picker__link, .legacy-home-v1 .legacy-city-picker__footer { text-align: left; }
.legacy-home-v1 .legacy-city-picker__columns { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: -30px; }
.legacy-home-v1 .legacy-city-picker__column { flex: 1 1 33.3%; box-sizing: border-box; padding: 20px; }
.legacy-home-v1 .legacy-city-picker__column:first-child { padding-left: 0; }
.legacy-home-v1 .legacy-city-picker__column:last-child { padding-right: 0; }
.legacy-home-v1 .legacy-city-picker__country { margin-top: 15px; color: #acabc4; font-size: 18px; font-weight: 300; text-transform: uppercase; }
.legacy-home-v1 .legacy-city-picker__country:first-child { margin-top: 0; }
.legacy-home-v1 .legacy-city-picker__country::after { display: block; width: 50%; margin-top: 5px; border-bottom: 3px solid #fafafa; content: ''; }
.legacy-home-v1 .legacy-city-picker__link { display: block; padding: 4px 0; color: #2f2e42; font-size: 14px; font-weight: 400; line-height: 1.2; text-decoration: none; }
.legacy-home-v1 .legacy-city-picker__link { text-align: left; }
.legacy-home-v1 .legacy-city-picker__link:hover, .legacy-home-v1 .legacy-city-picker__link:focus-visible { background: transparent; color: #2f2e42; text-decoration: underline; outline: none; }
.legacy-home-v1 .legacy-city-picker__link.is-active { background: transparent; font-weight: 600; }
.legacy-home-v1 .legacy-city-picker__link[aria-current="location"] { font-weight: 600; }
.legacy-home-v1 .legacy-city-picker__link span { display: none; }
.legacy-home-v1 .legacy-city-picker__footer { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 30px; border: 0; color: #71707d; background: #fafafa; font-size: 20px; }
.legacy-home-v1 .legacy-city-picker__footer a { display: inline-block; padding: 10px 20px; border-radius: 20px; color: #302509; background: #fcea1c; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; }

@media only screen and (min-width: 1011px) {
  .legacy-home-v1 .legacy-header.is-sticky { position: fixed; top: 0; left: 0; width: 100%; padding: 0; transform: translateY(0); background: #201f2d; z-index: 401; animation: legacy-home-v1-header-show .22s ease-out; }
  .legacy-home-v1 .legacy-header.is-sticky .legacy-header__menu { padding-top: 15px; padding-bottom: 15px; background: transparent; box-shadow: none; }}

@keyframes legacy-home-v1-header-show {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width: 1010px) {
  .legacy-home-v1 .legacy-city-picker__panel { right: 0; width: 94%; min-width: 0; margin: 0; }}

@media screen and (max-width: 767px) {
  /* The fixed city sheet belongs to the header stacking context.  Keep that
     context above the type rail, otherwise the last viewport rows leak
     through the open sheet despite the panel itself having a z-index. */
  .legacy-home-v1 .legacy-header { z-index: 403; }
  .legacy-home-v1 .legacy-header__menu { position: relative; display: flex; justify-content: flex-end; width: 100%; padding: 5px 15px; }
  .legacy-home-v1 .legacy-header__nav { flex: 0 0 auto; }
  .legacy-home-v1 .legacy-menu-toggle { position: fixed; top: 5px; left: 5px; z-index: 402; width: 50px; height: 50px; margin: 0; background-size: 29px 19px; }
  .legacy-home-v1 .legacy-header.is-sticky .legacy-menu-toggle { background-color: #201f2d; }
  .legacy-home-v1 .legacy-header__details { flex: 0 0 auto; margin-left: auto; }
  .legacy-home-v1 .legacy-city-picker::before { left: -30px; }
  .legacy-home-v1 .legacy-header__city { padding-right: 42px; font-size: 17px; }
  .legacy-home-v1 .legacy-header__contacts { display: block; margin-left: 40px; }
  .legacy-home-v1 .legacy-header__contacts > a:first-child { display: none; }
  .legacy-home-v1 .legacy-header__contacts > div { margin-left: 0; }
  .legacy-home-v1 .legacy-header__contacts .legacy-header__phone { display: inline-block; width: auto; height: auto; margin: 0 0 2px; overflow: visible; font-size: 18px; white-space: nowrap; }
  .legacy-home-v1 .legacy-header__contacts .legacy-header__phone span { position: absolute; left: -37px; width: 28px; height: 28px; margin: -1px 0 0; font-size: 16px; }
  .legacy-home-v1 .legacy-header__phone-note { display: block; font-size: 11px; white-space: nowrap; }
  /* Source `style.css`: the <=767px rule changes only padding-top, so the
     preceding 1024px `13vw` bottom padding remains 65px at the 500px
     mobile viewport used by the legacy capture. */
  .legacy-home-v1 .legacy-promo { min-height: 0; padding: 110px 0 65px; }
  .legacy-home-v1 .legacy-promo__content { display: block; width: 100%; min-height: 0; padding: 0 15px; }
  .legacy-home-v1 .legacy-promo__mascot { position: static; width: 50%; max-width: 50%; margin: 0 auto; opacity: 1; }
  .legacy-home-v1 .legacy-promo__mascot img { width: 100%; margin: 0; transform: none; }
  .legacy-home-v1 .legacy-promo__copy { padding: 50px 0 0; }
  .legacy-home-v1 .legacy-promo__copy h1 { margin-bottom: 15px; padding-right: 0; font-size: 25px; line-height: 1.2; text-align: center; }
  .legacy-home-v1 .legacy-promo__copy h1 span { padding-left: 125px; font-size: 45px; }
  .legacy-home-v1 .legacy-promo__copy p { margin-bottom: 6vw; padding: 0; font-size: 14px; text-align: center; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons { display: flex; width: auto; gap: 0; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { width: 150px; max-width: 150px; min-width: 0; margin: 0 5px; padding: 15px 0; font-size: 14px; font-weight: 400; }
  .legacy-home-v1 .legacy-promo__home-link { bottom: -34px; font-size: 13px; font-weight: 400; }
  .legacy-home-v1 .legacy-city-picker__panel { position: fixed; top: 0; right: 0; bottom: auto; left: 0; display: flex; width: 100%; height: 100vh; min-height: 100vh; max-height: 100vh; flex-direction: column; overflow: hidden; }
  /* The full-screen picker is flex only while it is open.  This explicit
     selector is needed because the mobile display declaration is more
     specific than the user-agent `[hidden] { display: none }` rule. */
  .legacy-home-v1 .legacy-city-picker__panel[hidden] { display: none; }
  .legacy-home-v1 .legacy-city-picker__panel { height: 100dvh; min-height: 100dvh; max-height: 100dvh; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  .legacy-home-v1 .legacy-city-picker__title { padding: 20px 15px 15px; color: #9290a5; font-size: 14px; font-weight: 700; text-transform: uppercase; }
  .legacy-home-v1 .legacy-city-picker__content { min-height: 0; flex: 1 1 auto; padding: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .legacy-home-v1 .legacy-city-picker__columns { display: block; margin: 0; }
  .legacy-home-v1 .legacy-city-picker__column { padding: 0; }
  .legacy-home-v1 .legacy-city-picker__column:empty { display: none; }
  .legacy-home-v1 .legacy-city-picker__country { margin: 0; padding: 15px; color: #9290a5; background: #fafafa; font-size: 14px; font-weight: 700; }
  .legacy-home-v1 .legacy-city-picker__country:first-child { margin: 0; }
  .legacy-home-v1 .legacy-city-picker__country::after { display: none; }
  .legacy-home-v1 .legacy-city-picker__link { padding: 15px 30px; border-bottom: 1px solid #f9f9f9; font-size: 16px; }
  .legacy-home-v1 .legacy-city-picker__link.is-active { background: transparent; }
  .legacy-home-v1 .legacy-city-picker__footer { display: block; flex: 0 0 auto; padding: 20px 15px; font-size: 16px; }
  .legacy-home-v1 .legacy-city-picker__footer a { margin-top: 12px; font-size: 16px; }}

/* A 320px phone cannot accommodate the two-line city label, its pin and the
   call-to-action phone text side by side.  Keep both controls usable and
   source-shaped, but collapse the explanatory second line at this breakpoint
   instead of letting the city selector escape underneath the hamburger. */
@media screen and (max-width: 360px) {
  .legacy-home-v1 .legacy-header__city { padding-right: 0; font-size: 15px; }
  .legacy-home-v1 .legacy-header__city::after { display: none; }
  .legacy-home-v1 .legacy-city-picker::before { left: -20px; }
  .legacy-home-v1 .legacy-header__contacts { margin-left: 40px; }}
.legacy-home-v1 .legacy-promo__home-link { --public-cta-base-transform: translateX(-50%); }
.legacy-home-v1 .legacy-promo__mascot img { filter: none; }

/* Mobile hero actions and social links own their height above the type picker. */
@media (max-width: 767px) {
  .legacy-home-v1 .legacy-promo__home-link { --public-cta-base-transform:translateX(0); position:static; display:block; margin:24px auto 0; transform:none; text-align:center; }
  .legacy-home-v1 .legacy-promo__socials { position:static; width:auto; max-width:100%; margin:18px auto 0; flex-wrap:wrap; gap:9px; }
  .legacy-home-v1 .legacy-promo__social { box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; }
}

/* Canonical homepage/birthday picker. Only games inherit this local scope. */
.legacy-home-dialog { width:min(560px,calc(100vw - 28px)); max-height:min(78vh,720px); margin:auto; padding:0; border:0; background:transparent; color:#302f40; overflow:visible; }
.legacy-home-dialog::backdrop { background:rgba(35,34,52,.78); backdrop-filter:blur(3px); }
.legacy-home-dialog__box { position:relative; max-height:inherit; overflow:auto; padding:34px; border-top:5px solid #e52016; background:#fff; box-shadow:0 22px 70px rgba(10,9,21,.42); }
.legacy-home-dialog__close { position:absolute; top:12px; right:12px; display:grid; width:34px; height:34px; place-items:center; padding:0; border:0; border-radius:50%; color:#5a587e; background:#eeedf3; font:400 28px/1 Arial,sans-serif; cursor:pointer; transition:background .2s ease, color .2s ease, transform .2s ease; }
.legacy-home-dialog__close:hover,.legacy-home-dialog__close:focus-visible { color:#302f40; background:#fcea1c; transform:rotate(90deg); outline:none; }
.legacy-home-dialog__header { padding-right:38px; border-bottom:1px solid #dedde6; }
.legacy-home-dialog__header p { margin:0 0 5px; color:#807e90; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.legacy-home-dialog__header h2 { margin:0 0 18px; color:#302f40; font-family:'Code-Pro-Black-LC',Arial,sans-serif; font-size:26px; line-height:1.08; text-transform:uppercase; overflow-wrap:anywhere; }
.legacy-home-dialog__body { margin-top:22px; color:#585668; font:16px/1.5 'Myriad Pro',Arial,sans-serif; }
.legacy-home-dialog__body > :first-child { margin-top:0; }.legacy-home-dialog__body > :last-child { margin-bottom:0; }
.legacy-home-dialog__body img { max-width:100%; height:auto; }
.legacy-home-share-dialog__link { display:grid; gap:6px; margin-top:18px; }.legacy-home-share-dialog__link>span { color:#807e90; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.legacy-home-share-dialog__link>div { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:8px; }.legacy-home-share-dialog__link a { display:block; min-width:0; padding:11px 13px; overflow:hidden; border:1px solid #d8d6e0; border-radius:4px; color:#4d4b5e; background:#f6f5f8; font:600 13px/1.25 Roboto,Arial,sans-serif; overflow-wrap:anywhere; text-decoration:none; }.legacy-home-share-dialog__link a:hover,.legacy-home-share-dialog__link a:focus-visible { border-color:#5a587e; color:#302f40; outline:2px solid #fcea1c; outline-offset:2px; }
.legacy-home-share-dialog__actions { display:grid; grid-template-columns:repeat(4,48px); justify-content:space-between; gap:10px; margin-top:18px; }.legacy-home-share-dialog__actions a,.legacy-home-share-dialog__actions button,.legacy-home-share-dialog__copy { display:inline-grid; place-items:center; padding:0; border:0; border-radius:50%; color:#fff; background:#2f2e42; cursor:pointer; transition:background .2s ease, transform .2s ease, box-shadow .2s ease; }.legacy-home-share-dialog__actions a,.legacy-home-share-dialog__actions button { width:48px; height:48px; min-height:48px; }.legacy-home-share-dialog__copy { width:100%; min-height:48px; }.legacy-home-share-dialog__actions a:first-child { background:#2aabee; }.legacy-home-share-dialog__actions a:nth-child(2) { background:#2787f5; }.legacy-home-share-dialog__actions a:nth-child(3) { background:#5a587e; }.legacy-home-share-dialog__actions button { background:#4e5bec; }.legacy-home-share-dialog__actions .legacy-fa-brand { font-size:23px; line-height:1; }.legacy-home-share-dialog__icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.legacy-home-share-dialog__icon--max { width:25px; stroke-width:2.5; }
.legacy-home-share-dialog__copy { min-height:42px; color:#fff; background:#e53018; }.legacy-home-share-dialog__actions a:hover,.legacy-home-share-dialog__actions button:hover,.legacy-home-share-dialog__copy:hover,.legacy-home-share-dialog__actions a:focus-visible,.legacy-home-share-dialog__actions button:focus-visible,.legacy-home-share-dialog__copy:focus-visible { transform:translateY(-2px); box-shadow:0 6px 15px rgba(30,28,51,.22); outline:3px solid #fcea1c; outline-offset:2px; }.legacy-home-dialog__status { min-height:1.5em; margin:12px 0 0; color:#4d4b5e; font-size:14px; font-weight:600; text-align:center; }
.legacy-home-v1 .legacy-game-detail__secondary-actions > button { padding:10px; border:2px solid transparent; border-radius:3px; color:#5a587e; background:#f0f0f0; font:600 14px/1 'Myriad Pro',Arial,sans-serif; text-transform:uppercase; cursor:pointer; }
.legacy-home-v1 .legacy-game-detail__secondary-actions > button:focus-visible { border-color:#fcea1c; outline:none; }.legacy-home-v1 .legacy-game-detail__secondary-actions > .legacy-game-detail__share-trigger { display:inline-flex; align-items:center; gap:10px; padding:0; color:#5a587e; background:transparent; font-size:0; text-transform:none; }
.legacy-home-v1 .legacy-game-detail__share-trigger::before { display:inline-grid; width:40px; height:40px; place-items:center; border-radius:50%; background:#f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a587e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.5-4.3M8.2 13.2l7.5 4.3'/%3E%3C/svg%3E") center/18px no-repeat; content:''; }.legacy-home-v1 .legacy-game-detail__share-trigger::after { display:inline-block; min-width:122px; padding-left:28px; color:#e53018; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24' fill='none' stroke='%23e53018' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'%3E%3Cpath d='M24 12H4m8-8-8 8 8 8'/%3E%3C/svg%3E") left center/24px auto no-repeat; content:'Поделиться игрой\Aможно тут'; font-size:12px; font-weight:700; line-height:1.2; text-align:left; text-transform:uppercase; white-space:pre; }
@media (max-width:760px) { .legacy-home-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }.legacy-home-dialog__box { padding:28px 20px 24px; }.legacy-home-dialog__header h2 { font-size:22px; }.legacy-home-share-dialog__actions { gap:8px; } }
@media (prefers-reduced-motion: reduce) { .legacy-home-dialog__close,.legacy-home-share-dialog__actions a,.legacy-home-share-dialog__actions button,.legacy-home-share-dialog__copy { transition:none; } }

.legacy-home-place-dialog { width:min(720px,calc(100vw - 28px)); }
.legacy-home-v1 .legacy-game-detail__place-trigger { display:inline-block; flex:0 0 auto; min-height:32px; margin:0; padding:6px 10px; border:1px solid #fcea1c; border-radius:3px; color:#302509; background:#fcea1c; font:600 14px/1.15 'Myriad Pro',sans-serif; white-space:nowrap; cursor:pointer; }
.legacy-game-detail__place-trigger:focus-visible { outline:2px solid #fcea1c; outline-offset:2px; }
.legacy-home-place-gallery { margin-top:20px; }
.legacy-home-place-gallery [hidden] { display:none; }
.legacy-home-place-gallery [data-place-gallery-full] { display:block; }
.legacy-home-place-gallery [data-place-gallery-full][hidden] { display:none; }
.legacy-home-place-gallery img { display:block; width:100%; aspect-ratio:2/1; max-height:340px; object-fit:contain; background:#f6f5f8; }
.legacy-home-place-gallery__controls { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:8px; }
.legacy-home-place-gallery__controls button { width:44px; height:44px; border:1px solid #d8d6e0; border-radius:50%; color:#302f40; background:#f6f5f8; font-size:26px; cursor:pointer; }
.legacy-home-place-gallery__controls button:focus-visible { outline:2px solid #fcea1c; outline-offset:2px; }
.legacy-home-place-map { display:none; position:relative; }
.legacy-home-place-map .legacy-game-live-map { position:relative; }
@media (max-width:640px) {
  .legacy-home-v1 .legacy-game-detail__map { display:none; }
  .legacy-home-place-map { display:block; margin-top:20px; }
  .legacy-home-place-map .legacy-game-live-map { min-height:260px; }
}

.legacy-home-v1 .legacy-game-detail__place-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; min-width:0; }
.legacy-home-v1 .legacy-game-detail__place-heading > strong { flex:1 1 100px; min-width:0; overflow-wrap:anywhere; }

.legacy-game-picker {
  --legacy-night: #2f2e42; --legacy-night-2: #3a3851;
  --legacy-red: #e53018; --legacy-yellow: #fcea1c;
  color: #2f2e42; font-family: Roboto, Arial, sans-serif;
}
.legacy-game-picker, .legacy-game-picker * { box-sizing: border-box; }

/* legacy-home-preview.css — original cascade order. */

:where(.legacy-home-v1) .legacy-wrap { width: min(1280px, calc(100% - 48px)); margin: 0 auto; }


:where(.legacy-home-v1) .legacy-types { position: relative; z-index: 2; padding: 37px 0 41px; color: #fff; background: var(--legacy-night); }


:where(.legacy-home-v1) .legacy-types h2 { margin: 0 0 23px; font-size: 27px; font-weight: 300; text-align: center; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-types__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 1px; background: rgba(255,255,255,.12); }


:where(.legacy-home-v1) .legacy-type { position: relative; display: grid; min-height: 170px; place-items: center; align-content: start; gap: 7px; padding: 18px 12px 44px; overflow: hidden; color: #fff; background: var(--legacy-night-2); text-align: center; text-decoration: none; transition: background .2s ease, transform .2s ease; }


:where(.legacy-home-v1) .legacy-type:hover { background: #484564; transform: translateY(-5px); }


:where(.legacy-home-v1) .legacy-type img { width: 72px; height: 72px; object-fit: contain; }


:where(.legacy-home-v1) .legacy-type strong { font-size: 14px; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-type span { position: absolute; bottom: 12px; left: 50%; min-width: 100px; padding: 7px 13px; border-radius: 15px; background: var(--legacy-type, var(--legacy-yellow)); color: #302509; font-size: 10px; font-weight: 700; text-transform: uppercase; transform: translateX(-50%); }


:where(.legacy-home-v1) .legacy-type:hover span { background: linear-gradient(90deg, var(--legacy-type, var(--legacy-yellow)), var(--legacy-type-secondary, var(--legacy-type, var(--legacy-yellow)))); }


:where(.legacy-home-v1) .legacy-afisha { padding: 40px 0; color: #fff; background: var(--legacy-night-2); }


:where(.legacy-home-v1) .legacy-games-carousel { display: grid; grid-template-columns: 41px minmax(0, 1fr) 41px 48px; align-items: center; gap: 14px; }


:where(.legacy-home-v1) .legacy-tickets { display: flex; gap: 16px; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }


:where(.legacy-home-v1) .legacy-tickets::-webkit-scrollbar { display: none; }


:where(.legacy-home-v1) .legacy-ticket { display: flex; flex: 0 0 300px; min-width: 0; height: 144px; color: #fff; scroll-snap-align: start; background: linear-gradient(110deg, var(--legacy-ticket-color, #3b3953), var(--legacy-ticket-color-2, #2d2c40)); box-shadow: 0 11px 24px rgba(47,46,66,.12); }


:where(.legacy-home-v1) .legacy-ticket__content { position: relative; display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; padding: 14px 13px 13px 15px; }


:where(.legacy-home-v1) .legacy-ticket__content::after { position: absolute; top: 0; right: 3px; bottom: 0; width: 3px; content: ''; background: repeating-linear-gradient(to bottom, rgba(255,255,255,.88) 0 16px, transparent 16px 24px); }


:where(.legacy-home-v1) .legacy-ticket header { display: flex; justify-content: space-between; gap: 7px; min-width: 0; }


:where(.legacy-home-v1) .legacy-ticket__heading { min-width: 0; }


:where(.legacy-home-v1) .legacy-ticket__type { overflow: hidden; color: rgba(255,255,255,.78); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }


:where(.legacy-home-v1) .legacy-ticket h3 { max-width: 166px; margin: 6px 0 3px; overflow: hidden; font-size: 18px; font-weight: 500; line-height: .94; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }


:where(.legacy-home-v1) .legacy-ticket p { max-width: 166px; margin: 0; overflow: hidden; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; }


:where(.legacy-home-v1) .legacy-ticket__icon { width: 35px; height: 35px; flex: 0 0 auto; object-fit: contain; }


:where(.legacy-home-v1) .legacy-ticket footer { display: flex; gap: 10px; margin-top: auto; padding-top: 9px; border-top: 2px solid rgba(255,255,255,.8); font-size: 11px; }


:where(.legacy-home-v1) .legacy-ticket__date { min-width: 0; flex: 1 1 auto; padding-right: 9px; border-right: 2px solid rgba(255,255,255,.8); font-weight: 600; overflow-wrap: anywhere; }


:where(.legacy-home-v1) .legacy-ticket__time { display: grid; min-width: 38px; place-items: center; font-size: 15px; font-weight: 300; }


:where(.legacy-home-v1) .legacy-ticket__aside { position: relative; display: grid; width: 40px; flex: 0 0 40px; place-items: center; overflow: hidden; background: #fff; color: var(--legacy-ticket-color, #3b3953); text-decoration: none; }


:where(.legacy-home-v1) .legacy-ticket__aside::before { position: absolute; top: 0; bottom: 0; left: -4px; width: 9px; content: ''; background: radial-gradient(circle at 0 8px, transparent 7px, #fff 7.5px) 0 0 / 9px 18px repeat-y; }


:where(.legacy-home-v1) .legacy-ticket__aside span { position: relative; z-index: 1; max-height: 124px; overflow: hidden; font-size: 10px; font-weight: 800; line-height: 1.05; text-align: center; text-decoration: underline; text-overflow: ellipsis; text-transform: uppercase; writing-mode: vertical-rl; }


:where(.legacy-home-v1) .legacy-ticket__aside:hover, :where(.legacy-home-v1) .legacy-ticket__aside:focus-visible { background: var(--legacy-yellow); color: #302509; outline: none; }


:where(.legacy-home-v1) .legacy-carousel__arrow { width: 41px; height: 41px; padding: 0 0 3px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: transparent; color: #fff; font-size: 33px; font-weight: 300; line-height: 1; cursor: pointer; transition: background .2s ease, color .2s ease, opacity .2s ease; }


:where(.legacy-home-v1) .legacy-carousel__arrow:hover:not(:disabled), :where(.legacy-home-v1) .legacy-carousel__arrow:focus-visible:not(:disabled) { background: var(--legacy-yellow); color: #302509; outline: none; }


:where(.legacy-home-v1) .legacy-carousel__arrow:disabled { opacity: .28; cursor: default; }


:where(.legacy-home-v1) .legacy-tickets__schedule { display: flex; align-self: stretch; align-items: center; justify-content: center; gap: 8px; padding: 9px 7px; background: var(--legacy-yellow); color: #302509; font-size: 11px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }


:where(.legacy-home-v1) .legacy-tickets__schedule span { font-size: 17px; }


:where(.legacy-home-v1) .legacy-afisha__empty { margin: 20px 0; color: rgba(255,255,255,.7); }


:where(.legacy-home-v1) .legacy-type:nth-child(2), :where(.legacy-home-v1) .legacy-ticket:nth-child(2) { transition-delay: .08s; }


:where(.legacy-home-v1) .legacy-type:nth-child(3), :where(.legacy-home-v1) .legacy-ticket:nth-child(3) { transition-delay: .16s; }


:where(.legacy-home-v1) .legacy-type:nth-child(4), :where(.legacy-home-v1) .legacy-ticket:nth-child(4) { transition-delay: .24s; }

@media (max-width: 980px) {
:where(.legacy-home-v1) .legacy-ticket { flex-basis: 300px; }
}
@media (max-width: 640px) {
:where(.legacy-home-v1) .legacy-wrap { width: min(100% - 32px, 520px); }


:where(.legacy-home-v1) .legacy-types { padding: 29px 0; }


:where(.legacy-home-v1) .legacy-types__row { grid-template-columns: repeat(2, 1fr); }


:where(.legacy-home-v1) .legacy-type { min-height: 145px; }


:where(.legacy-home-v1) .legacy-afisha { padding: 29px 0; }


:where(.legacy-home-v1) .legacy-games-carousel { grid-template-columns: 35px minmax(0, 1fr) 35px; gap: 9px; }


:where(.legacy-home-v1) .legacy-carousel__arrow { width: 35px; height: 35px; font-size: 29px; }


:where(.legacy-home-v1) .legacy-tickets__schedule { grid-column: 1 / -1; min-height: 42px; padding: 12px; writing-mode: horizontal-tb; transform: none; }


:where(.legacy-home-v1) .legacy-ticket { flex-basis: 100%; height: 150px; }
}
@media (prefers-reduced-motion: reduce) {
:where(.legacy-home-v1) .legacy-type { transition: none; }
}
/* legacy-home-game-detail.css — original cascade order. */

:where(.legacy-home-v1) .legacy-tickets { padding: 7px; margin: -7px; }


:where(.legacy-home-v1) .legacy-ticket { opacity: .76; transform: scale(.95); transition: opacity .22s ease, transform .22s ease; }


:where(.legacy-home-v1) .legacy-ticket.is-selected { opacity: 1; transform: scale(1); }


:where(.legacy-home-v1) .legacy-ticket__select { display: flex; min-width: 0; flex: 1 1 auto; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }


:where(.legacy-home-v1) .legacy-ticket__select:focus-visible { outline: 2px solid var(--legacy-yellow); outline-offset: 3px; }


:where(.legacy-home-v1) .legacy-ticket__aside { padding: 0; border: 0; font: inherit; cursor: pointer; }


:where(.legacy-home-v1) .legacy-game-detail { position: relative; z-index: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr); gap: 0; margin-top: 34px; color: #302f40; background: #fff; box-shadow: 0 14px 33px rgba(15,14,27,.22); }


.legacy-home-v1 .legacy-game-detail::before { position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: 100vw; background: #fff; content: ''; transform: translateX(-50%); }


.legacy-home-v1 .legacy-game-detail > * { position: relative; z-index: 1; }


:where(.legacy-home-v1) .legacy-game-detail[hidden] { display: none; }


:where(.legacy-home-v1) .legacy-game-detail__main { position: relative; min-width: 0; padding: 34px 34px 30px; }


:where(.legacy-home-v1) .legacy-game-detail__icon { position: absolute; top: 24px; left: 24px; z-index: 0; width: 145px; height: 145px; object-fit: contain; opacity: .07; pointer-events: none; }


:where(.legacy-home-v1) .legacy-game-detail__title { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 19px; border-bottom: 1px solid #dedde6; }


:where(.legacy-home-v1) .legacy-game-detail__title p { margin: 0 0 6px; color: #807e90; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__title h3 { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.08; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__status { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0; padding-top: 3px; color: #2cad32; font-size: 14px; font-weight: 600; line-height: 15px; text-transform: uppercase; white-space: nowrap; }


:where(.legacy-home-v1) .legacy-game-detail__status i { display: inline-block; width: 15px; height: 15px; margin: 0 10px 0 0; background: url('/static/site-assets/legacy-reg-types.png') -40px 0 / auto 15px no-repeat; }


:where(.legacy-home-v1) .legacy-game-detail__status--reserve { color: #92c03e; }


:where(.legacy-home-v1) .legacy-game-detail__status--reserve i { background-position: 0 0; }


:where(.legacy-home-v1) .legacy-game-detail__description { position: relative; z-index: 1; margin-top: 21px; color: #585668; font-size: 15px; line-height: 1.55; }


:where(.legacy-home-v1) .legacy-game-detail__description > :first-child { margin-top: 0; }


:where(.legacy-home-v1) .legacy-game-detail__description > :last-child { margin-bottom: 0; }


:where(.legacy-home-v1) .legacy-game-detail__addons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }


:where(.legacy-home-v1) .legacy-game-detail__addons > span { padding: 8px 10px; border: 1px solid #62a441; color: #458127; font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin-top: 25px; }


:where(.legacy-home-v1) .legacy-game-detail__facts > div { min-width: 0; }


:where(.legacy-home-v1) .legacy-game-detail__facts strong { display: block; overflow: hidden; color: #4f4d6f; font-size: 19px; line-height: 1.13; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }


:where(.legacy-home-v1) .legacy-game-detail__facts > div > span { display: block; margin-top: 4px; color: #696778; font-size: 14px; line-height: 1.3; }


:where(.legacy-home-v1) .legacy-game-detail__facts small { display: block; margin-top: 5px; color: #807e90; font-size: 12px; line-height: 1.35; }


:where(.legacy-home-v1) .legacy-game-detail__place-info details, :where(.legacy-home-v1) .legacy-game-detail__secondary-actions details { display: inline-block; margin-top: 8px; }


:where(.legacy-home-v1) .legacy-game-detail__place-info summary, :where(.legacy-home-v1) .legacy-game-detail__secondary-actions summary { display: inline-block; padding: 5px 8px; border: 1px solid #bbb9c8; border-radius: 14px; color: #4d4b5e; font-size: 10px; font-weight: 800; text-transform: uppercase; cursor: pointer; }


:where(.legacy-home-v1) .legacy-game-detail__place-info details > div, :where(.legacy-home-v1) .legacy-game-detail__secondary-actions details > div { position: absolute; z-index: 2; max-width: min(420px, 80vw); margin-top: 7px; padding: 12px; background: #fff; box-shadow: 0 8px 25px rgba(28,26,42,.18); color: #585668; font-size: 13px; line-height: 1.45; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: center; gap: 7px; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty > strong { width: 100%; font-size: 14px; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty > .legacy-game-detail__difficulty-meter { display: flex; align-items: end; gap: 3px; height: 22px; margin: 0; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter i { display: block; width: 11px; height: 8px; border-radius: 10px 10px 2px 2px; background: #dddce4; transform: skewX(-15deg); }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter i:nth-child(2) { height: 12px; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter i:nth-child(3) { height: 17px; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter i:nth-child(4) { height: 22px; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter .level-1.is-active { background: #75b86e; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter .level-2.is-active { background: #dfba43; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter .level-3.is-active { background: #ec9142; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty-meter .level-4.is-active { background: #db5652; }


:where(.legacy-home-v1) .legacy-game-detail__difficulty small { margin: 0; }


:where(.legacy-home-v1) .legacy-game-detail__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 17px; margin-top: 28px; padding-top: 18px; border-top: 1px solid #dedde6; }


:where(.legacy-home-v1) .legacy-game-detail__secondary-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }


:where(.legacy-home-v1) .legacy-game-detail__secondary-actions > a, :where(.legacy-home-v1) .legacy-game-detail__secondary-actions summary { color: #5a587e; background: #f0f0f0; border-radius: 3px; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__secondary-actions > a { padding: 10px; }


.legacy-home-v1 .legacy-game-detail__secondary-actions summary { padding: 10px; border: 2px solid transparent; border-radius: 3px; font-size: 14px; font-weight: 600; }


:where(.legacy-home-v1) .legacy-game-detail__share-icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 !important; border-radius: 50% !important; }


:where(.legacy-home-v1) .legacy-game-detail__share-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }


:where(.legacy-home-v1) .legacy-game-detail__share-note { display: inline-flex; height: 40px; align-items: center; margin: 5px 0 5px 2px; color: #e53018; font-size: .8em; font-weight: 700; line-height: 1.2; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__share-note i { margin-right: 10px; color: #e53018; font-size: 1.2em; font-style: normal; }


:where(.legacy-home-v1) .legacy-game-detail__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }


:where(.legacy-home-v1) .legacy-game-detail__register, :where(.legacy-home-v1) .legacy-game-detail__alone, :where(.legacy-home-v1) .legacy-game-detail__closed { min-height: 40px; padding: 0 18px; font-size: 12px; font-weight: 800; line-height: 40px; text-decoration: none; text-transform: uppercase; }


:where(.legacy-home-v1) .legacy-game-detail__register { border-radius: 22px 0 0 22px; background: var(--legacy-yellow); color: #302509; }


:where(.legacy-home-v1) .legacy-game-detail__alone { border-radius: 0 22px 22px 0; background: #2f2e42; color: #fff; }


:where(.legacy-home-v1) .legacy-game-detail__closed { border-radius: 22px; background: #e9e8ed; color: #656373; }


:where(.legacy-home-v1) .legacy-game-detail__place-tip { color: #4d4b5e; font-weight: 700; }


:where(.legacy-home-v1) .legacy-game-detail__bar-tip { margin: 0 0 8px; color: #4d4b5e; font-weight: 700; }


:where(.legacy-home-v1) .legacy-game-detail__map { position: relative; min-height: 100%; overflow: hidden; background: #e7e6eb; }


:where(.legacy-home-v1) .legacy-game-detail__map-caption { position: absolute; z-index: 1; top: 14px; left: 14px; max-width: calc(100% - 28px); margin: 0; padding: 8px 11px; background: rgba(48,47,67,.92); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; }


:where(.legacy-home-v1) .legacy-game-detail__map iframe { width: 100%; height: 100%; min-height: 350px; border: 0; }


:where(.legacy-home-v1) .legacy-game-detail__map-link { display: grid; min-height: 350px; place-items: center; color: #3b3953; font-weight: 700; text-decoration: underline; }

@media (max-width: 760px) {
:where(.legacy-home-v1) .legacy-game-detail { grid-template-columns: 1fr; margin-top: 25px; }


:where(.legacy-home-v1) .legacy-game-detail__main { padding: 24px 20px; }


:where(.legacy-home-v1) .legacy-game-detail__title h3 { font-size: 21px; }


:where(.legacy-home-v1) .legacy-game-detail__status { font-size: 10px; }


:where(.legacy-home-v1) .legacy-game-detail__facts { grid-template-columns: 1fr; gap: 15px; }


:where(.legacy-home-v1) .legacy-game-detail__footer { align-items: stretch; }


:where(.legacy-home-v1) .legacy-game-detail__actions { width: 100%; }


:where(.legacy-home-v1) .legacy-game-detail__register, :where(.legacy-home-v1) .legacy-game-detail__alone { flex: 1; padding: 0 9px; text-align: center; }


:where(.legacy-home-v1) .legacy-game-detail__map iframe, :where(.legacy-home-v1) .legacy-game-detail__map-link { min-height: 220px; }


:where(.legacy-home-v1) .legacy-ticket { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
:where(.legacy-home-v1) .legacy-ticket { transition: none; }
}

.legacy-home-v1 .legacy-game-detail__map .legacy-game-live-map { position:relative;width:100%;height:100%;min-height:350px;overflow:hidden;background:#e9e8ed }


.legacy-home-v1 .legacy-game-live-map__fallback { display:grid;min-height:350px;place-items:center;color:#302f43;font-size:14px;font-weight:700;text-decoration:underline;text-transform:uppercase }


.legacy-home-v1 .legacy-game-live-map__status { position:absolute;z-index:3;right:12px;bottom:12px;max-width:280px;padding:8px 10px;color:#fff;background:rgb(47 46 66 / .9);font-size:12px;line-height:1.35 }


.legacy-home-v1 .legacy-game-live-map.is-map-ready { background:transparent;animation:legacy-game-map-ready .35s ease both }

@keyframes legacy-game-map-ready { from { opacity:.72 } to { opacity:1 } }
@media (max-width: 760px) {
.legacy-home-v1 .legacy-game-detail__map .legacy-game-live-map, .legacy-home-v1 .legacy-game-live-map__fallback { min-height: 270px; }
}

.legacy-home-v1 .legacy-game-detail__title { margin-bottom: 10px; padding-bottom: 0; border-bottom: 0; }


.legacy-home-v1 .legacy-game-detail { grid-template-columns: repeat(2, minmax(0, 1fr)); }


.legacy-home-v1 .legacy-game-detail__main { padding: 40px 30px 35px; }


.legacy-home-v1 .legacy-game-detail__title p { margin: 0; color: #2f2e42; font-size: 24px; font-weight: 700; }


.legacy-home-v1 .legacy-game-detail__title h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


.legacy-home-v1 .legacy-game-detail__description { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 1.15; }


.legacy-home-v1 .legacy-game-detail__facts { grid-template-columns: minmax(75px, .72fr) minmax(95px, .85fr) minmax(170px, 1.45fr); gap: 18px; margin-top: 0; }


.legacy-home-v1 .legacy-game-detail__facts strong { white-space: normal; }


.legacy-home-v1 .legacy-game-detail__facts > div > span { line-height: 1.35; }


.legacy-home-v1 .legacy-game-detail__place-info > strong, .legacy-home-v1 .legacy-game-detail__place-info > span { overflow-wrap:anywhere; }


.legacy-home-v1 .legacy-game-detail__place-info > strong { margin-bottom: 3px; }


.legacy-home-v1 .legacy-game-detail__place-info > span { margin-top: 5px; }


.legacy-home-v1 .legacy-game-detail__place-info details { margin-top: 10px; }


.legacy-home-v1 .legacy-game-detail__place-info summary { border-color: #fcea1c; color: #302509; background: #fcea1c; }


.legacy-home-v1 .legacy-game-detail__footer { margin-top: 20px; padding-top: 0; border-top: 0; }


.legacy-home-v1 .legacy-game-detail__register--single { min-width: 148px; border-radius: 22px; }


.legacy-home-v1 .legacy-ticket h3, .legacy-home-v1 .legacy-ticket p { max-width: none; }


.legacy-home-v1 .legacy-ticket { background: transparent; cursor: pointer; transition: opacity .3s ease, transform .3s ease, min-height .3s ease; }


.legacy-home-v1 .legacy-ticket__content { background: linear-gradient(110deg, var(--legacy-ticket-color, #3b3953), var(--legacy-ticket-color-2, #2d2c40)); }


.legacy-home-v1 .legacy-ticket.is-selected { z-index: 1; min-height: 164px; height: auto !important; align-items: stretch; transform: scale(1) !important; }


.legacy-home-v1 .legacy-ticket.is-selected > .legacy-ticket__select { align-self: stretch; }


.legacy-home-v1 .legacy-ticket.is-selected h3 { overflow: visible; white-space: normal; overflow-wrap: anywhere; }


.legacy-home-v1 .legacy-ticket__aside { overflow: visible; background: transparent; color: #fff; }


.legacy-home-v1 .legacy-ticket__aside::before { position: absolute; z-index: 0; inset: 0; width: auto; content: ''; }


.legacy-home-v1 .legacy-ticket__aside span { z-index: 1; }


.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside { align-self: stretch; min-height: 164px; height: auto !important; color: var(--legacy-ticket-color-2); }


.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside::after { position: absolute; z-index: 2; bottom: -15px; left: 45%; width: 0; height: 0; margin-left: -17px; border-top: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid transparent; content: ''; }


.legacy-home-v1 .legacy-ticket__date > span { display: block; margin-bottom: 2px; font-weight: 200; text-transform: capitalize; }


.legacy-home-v1 .legacy-ticket__aside::before { inset: 0; width: auto; background: url('/static/site-assets/legacy-ticket-aside-wave.svg') right / 100% 100% no-repeat; }


.legacy-home-v1 .legacy-ticket__aside { color: var(--legacy-ticket-color); }


.legacy-home-v1 .legacy-ticket.is-selected h3, .legacy-home-v1 .legacy-ticket.is-selected p { max-height: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }


.legacy-home-v1 .legacy-game-detail { margin-top: -10px; }

@media (min-width: 1521px) {
.legacy-home-v1 .legacy-game-detail { width:min(1360px,calc(100vw - 30px)); margin-left:50%; transform:translateX(-50%); }
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
.legacy-home-v1 .legacy-game-detail { grid-template-columns: 56.1% 43.9%; margin-top: 27px; font-family: 'Myriad Pro', Arial, sans-serif; }


.legacy-home-v1 .legacy-game-detail__main { padding: 10px 30px 35px 0; }
}
@media (max-width: 760px) {
.legacy-home-v1 .legacy-game-detail { grid-template-columns: 1fr; width: 100vw; margin-right: 0; margin-left: calc(50% - 50vw); box-shadow: none; }


.legacy-home-v1 .legacy-afisha { padding-top: 0; }


.legacy-home-v1 .legacy-game-detail__main { padding: 30px 15px 35px; }


.legacy-home-v1 .legacy-game-detail__title { margin-bottom: 18px; }


.legacy-home-v1 .legacy-game-detail__title p { font-size: 24px; }


.legacy-home-v1 .legacy-game-detail__description { margin-bottom: 20px; font-size: 18px; line-height: 1.27; }


.legacy-home-v1 .legacy-game-detail__facts { grid-template-columns: minmax(76px, .72fr) minmax(96px, .86fr) minmax(0, 1.42fr); gap: 15px 10px; }


.legacy-home-v1 .legacy-game-detail__facts strong { font-size: 19px; line-height: 1.12; }


.legacy-home-v1 .legacy-game-detail__facts > div > span { font-size: 16px; }


.legacy-home-v1 .legacy-game-detail__facts small { font-size: 12px; }


.legacy-home-v1 .legacy-game-detail__place-info > small { display: none; }


.legacy-home-v1 .legacy-game-detail__place-info > span { font-size: 16px; }


.legacy-home-v1 .legacy-game-detail__footer { align-items: flex-end; margin-top: 22px; }


.legacy-home-v1 .legacy-game-detail__secondary-actions { display: grid; gap: 8px; }


.legacy-home-v1 .legacy-game-detail__actions { width: auto; }


.legacy-home-v1 .legacy-game-detail__register--single { min-width: 148px; }


.legacy-home-v1 .legacy-game-detail__map iframe, .legacy-home-v1 .legacy-game-detail__map-link { min-height: 270px; }


.legacy-home-v1 .legacy-tickets { justify-content: flex-start; }


.legacy-home-v1 .legacy-ticket.is-selected { min-height: 164px; height: auto !important; }


.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside { min-height: 164px; height: auto !important; }


.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside::after { bottom: 8px; left: auto; right: 11px; width: 7px; height: 7px; margin: 0; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(225deg); }


.legacy-home-v1 .legacy-ticket__aside { display: grid; width: 40px; flex: 0 0 40px; }


.legacy-home-v1 .legacy-ticket__content { width: auto; }


.legacy-home-v1 .legacy-games-carousel { grid-template-columns: 0 minmax(0, 1fr) 0; gap: 0; width: calc(100% + 30px); margin-left: -15px; }


.legacy-home-v1 .legacy-games-carousel > .legacy-carousel__arrow { display: none; }
}

.legacy-home-v1 .legacy-game-detail__title p { margin:0 0 6px; color:#807e90; font-family:'Myriad Pro',Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }


.legacy-home-v1 .legacy-game-detail__title h3 { position:relative; width:auto; height:auto; margin:0; overflow:visible; clip:auto; color:#2f2e42; font-family:'Myriad Pro',Arial,sans-serif; font-size:26px; font-weight:700; line-height:1.1; overflow-wrap:anywhere; white-space:normal; text-transform:uppercase; }

@media(max-width:760px) {
.legacy-home-v1 .legacy-game-detail__title h3 {font-size:22px}
}
/* legacy-home-mobile.css — original cascade order. */
@media (max-width: 640px) {
.legacy-home-v1 .legacy-games-carousel { display:block; width:100%; margin-left:0; }


:where(.legacy-home-v1) .legacy-carousel__arrow { display: none; }


:where(.legacy-home-v1) .legacy-tickets { display: grid; grid-template-columns:minmax(0,1fr); gap: 12px; padding: 0; margin: 0; overflow: visible; scroll-snap-type: none; }


:where(.legacy-home-v1) .legacy-ticket { width: 100%; height: 142px; opacity: 1; transform: none; }


:where(.legacy-home-v1) .legacy-ticket.is-selected { box-shadow: 0 12px 25px rgba(4,3,12,.35); }


:where(.legacy-home-v1) .legacy-ticket__aside { width: 46px; flex-basis: 46px; }


:where(.legacy-home-v1) .legacy-ticket__aside::after { position: absolute; right: 11px; bottom: 10px; z-index: 2; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: rotate(45deg); }


:where(.legacy-home-v1) .legacy-ticket.is-selected .legacy-ticket__aside::after { bottom: 8px; transform: rotate(225deg); }


:where(.legacy-home-v1) .legacy-game-detail { grid-column: 1; grid-template-columns: 1fr; gap: 0; width: 100%; margin: -2px 0 5px; padding: 0; box-shadow: 0 8px 20px rgba(12,10,22,.26); }


:where(.legacy-home-v1) .legacy-game-detail__title { gap: 12px; }


:where(.legacy-home-v1) .legacy-game-detail__title h3 { font-size: 19px; }


:where(.legacy-home-v1) .legacy-game-detail__description { font-size: 14px; }


:where(.legacy-home-v1) .legacy-game-detail__actions { display: grid; grid-template-columns: 1fr; }


:where(.legacy-home-v1) .legacy-game-detail__register, :where(.legacy-home-v1) .legacy-game-detail__alone, :where(.legacy-home-v1) .legacy-game-detail__closed { width: 100%; margin: 0; border-radius: 22px; text-align: center; }


:where(.legacy-home-v1) .legacy-tickets__schedule { display: flex; width: 100%; min-height: 52px; margin-top: 22px; padding: 14px 18px; border-radius: 3px; font-size: 13px; writing-mode: horizontal-tb; transform: none; }
}
/* legacy-home-v1.css — original cascade order. */

.legacy-home-v1 .legacy-afisha { padding-bottom: 0; }

@font-face { font-family: 'Code-Pro-Black-LC'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }

.legacy-home-v1 .legacy-reveal, .legacy-home-v1 .legacy-reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos] {
  opacity: 0 !important;
  transition-property: opacity, transform !important;
  transition-duration: .4s !important;
  transition-delay: 0s !important;
  transition-timing-function: ease !important;
}


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos].is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: var(--legacy-aos-delay, 0ms) !important;
}


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos-delay="50"] { --legacy-aos-delay: 50ms; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos-delay="100"] { --legacy-aos-delay: 100ms; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos-delay="200"] { --legacy-aos-delay: 200ms; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos-delay="300"] { --legacy-aos-delay: 300ms; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos-delay="400"] { --legacy-aos-delay: 400ms; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-right'] { transform: translate3d(-100px, 0, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-left'] { transform: translate3d(100px, 0, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-up'] { transform: translate3d(0, 100px, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-up-right'] { transform: translate3d(-100px, 100px, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-up-left'] { transform: translate3d(100px, 100px, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-down-right'] { transform: translate3d(-100px, -100px, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='fade-down-left'] { transform: translate3d(100px, -100px, 0) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='zoom-in'] { transform: scale(.6) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='zoom-in-up'] { transform: translate3d(0, 100px, 0) scale(.6) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='zoom-in-right'] { transform: translate3d(-100px, 0, 0) scale(.6) !important; }


html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos='zoom-out-up'] { transform: translate3d(0, 100px, 0) scale(1.2) !important; }


.legacy-home-v1 .legacy-wrap { width: min(1200px, calc(100% - 30px)); }


.legacy-home-v1 .legacy-types { padding: 0; }


.legacy-home-v1 .legacy-types h2 { margin: 0; padding: 21px 0; font-family: 'Code-Pro-Black-LC', sans-serif; font-size: 34px; font-weight: 400; }


.legacy-home-v1 .legacy-types__row { gap: 0; background: #2f2e42; }


.legacy-home-v1 .legacy-type { min-height: 140px; padding: 0; background: #2f2e42; cursor: pointer; }


.legacy-home-v1 .legacy-type--all { background: #3a3851; }


.legacy-home-v1 .legacy-type.is-active { background: #3a3851; }


.legacy-home-v1 .legacy-type__filter { position: absolute; inset: 0; display: grid; width: 100%; min-height: 100%; place-items: center; align-content: start; gap: 7px; padding: 20px 5px 44px; border: 0; color: #fff; background: transparent; font: inherit; text-align: center; cursor: pointer; }


.legacy-home-v1 .legacy-type img { width: auto; height: 60px; }


.legacy-home-v1 .legacy-type--all img { height: 100px; }


.legacy-home-v1 .legacy-type strong { font-size: .9em; font-weight: 400; }


.legacy-home-v1 .legacy-type__more { position: absolute; bottom: 5px; left: 50%; min-width: 100px; padding: 7px 13px; border: 0; border-radius: 15px; color: #302509; background: var(--legacy-type, var(--legacy-yellow)); font: inherit; font-size: 10px; font-weight: 700; text-transform: uppercase; cursor: pointer; transform: translateX(-50%); }


.legacy-home-v1 .legacy-type__more:hover, .legacy-home-v1 .legacy-type__more:focus-visible { background: linear-gradient(90deg, var(--legacy-type, var(--legacy-yellow)), var(--legacy-type-secondary, var(--legacy-type, var(--legacy-yellow)))); outline: 2px solid #fff; outline-offset: 2px; }


.legacy-home-v1 .legacy-type__filter:focus-visible { outline: 3px solid var(--legacy-yellow); outline-offset: -4px; }


.legacy-home-v1 .legacy-ticket[hidden] { display: none !important; }


.legacy-home-v1 .legacy-tickets.is-initial-centered { justify-content: space-evenly; }


.legacy-home-v1 .legacy-tickets.is-explicit-selection { scroll-snap-type: none; }


.legacy-home-v1 .legacy-tickets::after { content: ""; flex: 0 0 var(--legacy-ticket-scroll-tail, 0px); pointer-events: none; }


.legacy-public.legacy-home-v1 .legacy-games-carousel > .legacy-carousel__arrow.is-overflow-hidden { visibility: hidden; pointer-events: none; }


.legacy-home-v1 .legacy-carousel__arrow--placeholder { visibility: hidden; pointer-events: none; }

@media screen and (max-width: 640px) {
.legacy-home-v1 .legacy-tickets::after { display: none; }
}

.legacy-home-v1 .legacy-home-v1__media-fallback { position: static; display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: var(--legacy-yellow); font-size: 32px; }


.legacy-home-v1 .legacy-type-dialog { position: fixed; inset: 0; width: min(760px, calc(100% - 32px)); max-height: min(720px, calc(100vh - 32px)); margin: auto; padding: 0; border: 0; color: #5d5c75; background: transparent; }


.legacy-home-v1 .legacy-type-dialog::backdrop { background: rgba(20, 17, 30, .72); }


.legacy-home-v1 .legacy-type-dialog__box { position: relative; max-height: inherit; overflow: auto; padding: 42px 36px 36px; border: 3px solid var(--legacy-yellow); background: #fff; }


.legacy-home-v1 .legacy-type-dialog__close { position: absolute; top: 9px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; color: #302f40; background: #f0eff5; font: inherit; font-size: 26px; cursor: pointer; }


.legacy-home-v1 .legacy-type-dialog h2 { margin: 0 35px 20px 0; color: #302f40; font-size: clamp(24px, 4vw, 38px); text-transform: uppercase; }


.legacy-home-v1 .legacy-type-dialog__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 22px; }


.legacy-home-v1 .legacy-type-dialog__tabs button { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 98px; min-height: 74px; padding: 8px; border: 0; color: #8e8daf; background: transparent; font: inherit; cursor: pointer; }


.legacy-home-v1 .legacy-type-dialog__tabs button[aria-selected="true"] { color: #e94e1b; background: #f6f6f9; }


.legacy-home-v1 .legacy-type-dialog__tabs img { width: auto; height: 36px; margin-bottom: 4px; object-fit: contain; }


.legacy-home-v1 .legacy-type-dialog [role="tabpanel"] { font-size: 18px; line-height: 1.45; text-align: center; }


.legacy-home-v1 .legacy-type-dialog [role="tabpanel"] ul { display: inline-block; max-width: 600px; padding: 0; text-align: left; list-style-position: inside; }

@media (prefers-reduced-motion: reduce) {
html.legacy-motion-ready .legacy-home-v1 [data-legacy-aos], .legacy-home-v1 .legacy-reveal, .legacy-home-v1 [data-legacy-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media screen and (max-width: 1024px) {
.legacy-home-v1 .legacy-wrap { width: min(980px, calc(100% - 30px)); }
}
@media screen and (max-width: 767px) {
.legacy-home-v1 .legacy-wrap { width: calc(100% - 32px); }


.legacy-home-v1 .legacy-types h2 { padding: 20px 0; font-size: 27px; }
}

.legacy-home-v1 .legacy-ticket__aside span { transform: rotate(180deg); }


.legacy-home-v1 .legacy-game-detail__secondary-actions > a { display: inline-flex; align-items: center; gap: 10px; padding: 0; color: #5a587e; background: transparent; font-size: 0; text-transform: none; }


.legacy-home-v1 .legacy-game-detail__secondary-actions > a::before { display: inline-grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a587e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.5-4.3M8.2 13.2l7.5 4.3'/%3E%3C/svg%3E") center / 18px no-repeat; content: ''; }


.legacy-home-v1 .legacy-game-detail__secondary-actions > a::after { display: inline-block; min-width: 122px; padding-left: 28px; color: #e53018; content: 'Поделиться игрой\Aможно тут'; font-size: 12px; font-weight: 700; line-height: 1.2; text-align: left; text-transform: uppercase; white-space: pre; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24' fill='none' stroke='%23e53018' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'%3E%3Cpath d='M24 12H4m8-8-8 8 8 8'/%3E%3C/svg%3E") left center / 24px auto no-repeat; }


.legacy-home-v1 .legacy-types__schedule-mobile { display: none; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
.legacy-home-v1 .legacy-types__row { display: flex; justify-content: flex-start; overflow: visible; }


.legacy-home-v1 .legacy-type { min-width: 90px; flex: 1 1 90px; }


.legacy-home-v1 .legacy-types__schedule-mobile { display: block; margin: 0; padding: 21px 0 18px; color: var(--legacy-yellow); font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; }


.legacy-home-v1 .legacy-types__schedule-mobile span { margin-left: 5px; font-size: 18px; }


.legacy-home-v1 .legacy-tickets__schedule { display: none; }


.legacy-home-v1 .legacy-afisha { padding-top: 20px; }
}
@media screen and (min-width: 768px) and (max-width: 919px) {
.legacy-home-v1 .legacy-games-carousel { grid-template-columns: 48px minmax(0, 1fr) 48px; gap: 12px; }


.legacy-home-v1 .legacy-ticket { flex: 0 0 50%; max-width: 50%; }
}
@media screen and (max-width: 767px) {
.legacy-home-v1 .legacy-types { padding: 0; }


.legacy-home-v1 .legacy-types h2 { padding: 20px 0; font-size: 40px; }


.legacy-home-v1 .legacy-types__row { display: flex; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }


.legacy-home-v1 .legacy-types__row::-webkit-scrollbar { display: none; }


.legacy-home-v1 .legacy-type { flex: 0 0 126px; min-height: 140px; padding: 20px 5px; }


.legacy-home-v1 .legacy-type img { height: 60px; }


.legacy-home-v1 .legacy-type--all img { height: 100px; }


.legacy-home-v1 .legacy-type strong { font-size: .9em; font-weight: 400; }


.legacy-home-v1 .legacy-type__more { bottom: 0; }


.legacy-home-v1 .legacy-types__schedule-mobile { display: block; margin: 0; padding: 21px 0 18px; color: var(--legacy-yellow); font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; }


.legacy-home-v1 .legacy-types__schedule-mobile span { margin-left: 5px; font-size: 18px; }


.legacy-home-v1 .legacy-tickets__schedule { display: none; }
}
.legacy-home-v1 .legacy-ticket__select { text-decoration: none; }

/* One dark disclosure surface for home and certificate FAQs. State changes
   reveal content without replacing its background or changing its padding. */
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details {
  background: rgba(255, 255, 255, .1);
  border: 0;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary {
  color: #c7c7de;
  background: transparent;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > div {
  color: #c7c7de;
  background: transparent;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div :is(p, li) { color: inherit; }
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div li::before { background: #fcea1b; }
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div a {
  color: #fcea1b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div a:focus-visible {
  outline: 2px solid #fcea1b;
  outline-offset: 3px;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary::after,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after {
  background-image: url('/static/site-assets/certificates/legacy-icon-arrow.png');
  transition: transform .28s ease;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) {
  .legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary::after,
  .legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after { transition: none; }
}

/* Public-site acceptance layer, 09.09.2026.
   Desktop uses a compact composition comparable to a 90% browser viewport.
   This is deliberately a set of local dimensions rather than `zoom` or a
   transformed root: fixed headers, dialogs and map coordinates retain their
   real viewport geometry. */
:root {
  --public-desktop-density: .9;
  --public-desktop-content: 1170px;
  --public-desktop-shell: 1224px;
  --public-header-height: 82px;
  --public-live-header-height: 82px;
}

.legacy-public .header.is-fixed {
  position: fixed;
  z-index: 700;
  top: 0;
  right: 0;
  left: 0;
  background: #201f2d;
  box-shadow: 0 3px 18px rgba(19, 18, 30, .3);
  animation: public-header-enter .18s ease-out;
}
.legacy-public #legacy-main [id] { scroll-margin-top: calc(var(--public-live-header-height) + 16px); }

@keyframes public-header-enter {
  from { opacity: .4; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media screen and (min-width: 1101px) {
  .legacy-public {
    --public-content-gutter: 24px;
  }

  .legacy-public .center-wrapper {
    width: min(var(--public-desktop-shell), calc(100% - (var(--public-content-gutter) * 2)));
    max-width: var(--public-desktop-shell);
  }

  .legacy-home-v1 .legacy-wrap,
  .legacy-home-v1 .legacy-promo__content {
    width: min(var(--public-desktop-content), calc(100% - (var(--public-content-gutter) * 2)));
  }

  .legacy-home-v1 .legacy-promo {
    min-height: 716px;
    padding: 108px 0 135px;
  }

  .legacy-home-v1 .legacy-promo__content { min-height: 473px; }
  .legacy-home-v1 .legacy-promo__mascot { flex-basis: 369px; margin-left: 90px; margin-right: 180px; }
  .legacy-home-v1 .legacy-promo__copy { padding-top: 108px; }
  .legacy-home-v1 .legacy-promo__copy h1 { margin-bottom: 45px; font-size: 45px; }
  .legacy-home-v1 .legacy-promo__copy h1 span { font-size: 90px; }
  .legacy-home-v1 .legacy-promo__copy p { margin-bottom: 54px; font-size: 22px; }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button { max-width: 171px; padding: 18px 0; font-size: 14px; }

  /* The rail and its expanded game card share one wide reading axis.  At
     1440px the visible rail holds three complete cards and the start of a
     fourth; at narrower desktops card width contracts before the layout
     creates an internal vertical scrollbar.  The selected source ticket has
     a 15px pointer below its box, so the rail reserves that space instead of
     relying on `overflow-y: visible` (which computes to `auto` beside an
     x-axis scroller). */
  .legacy-home-v1 .legacy-types > .legacy-wrap,
  .legacy-home-v1 .legacy-afisha > .legacy-wrap {
    width: min(1360px, calc(100% - 30px));
    max-width: none;
  }
  .legacy-home-v1 .legacy-tickets {
    padding-bottom: 15px;
    overflow-y: auto;
    scroll-padding-left: 7px;
  }
  .legacy-home-v1 .legacy-ticket {
    flex-basis: clamp(260px, 20.84vw, 300px);
    min-width: clamp(260px, 20.84vw, 300px);
  }

  .legacy-public .header-body { padding: 22px 24px; }
  .legacy-public .header-menu ul li { margin-right: 28px; }
  .legacy-public .header-menu ul li:last-child { margin-right: 0; }
  .legacy-public .header-menu ul li a,
  .legacy-public .header-address__city,
  .legacy-public .header-mail,
  .legacy-public .header-phone__number { font-size: 16px; }
  .legacy-public .header-phone { margin-left: 64px; }
  .legacy-public .page-top { padding-top: 117px; padding-bottom: 90px; }

  .legacy-public #header_menu_popup .header__nav-dropdown-footer { gap: 8px; padding-right: 18px; padding-left: 18px; }
  .legacy-public #header_menu_popup .header__nav-dropdown-footer-action { flex: 1 1 0; }
  .legacy-public #header_menu_popup .header__nav-dropdown-footer-button,
  .legacy-public #header_menu_popup .header__menu-button { min-width: 100%; justify-content: center; }
  .legacy-public #header_menu_popup .header__nav-dropdown-footer-button { padding-right: 14px; padding-left: 14px; text-align: center; }
  .legacy-public #header_menu_popup .header__menu-button { min-height: 48px; }
  .legacy-public #header_menu_popup .header__menu-button-text { margin-right: 8px; }

  .legacy-public #choose_city.header__nav-city-dropdown:not([hidden]) {
    display: flex;
    position: fixed;
    top: var(--public-header-height);
    left: 50%;
    right: auto;
    width: min(1280px, calc(100vw - 30px));
    max-height: calc(100dvh - var(--public-header-height));
    flex-direction: column;
    overflow: hidden;
    transform: translateX(-50%);
  }

  .legacy-public #choose_city .header__nav-dropdown-content { min-height: 0; flex: 1 1 auto; overflow: hidden; }
  .legacy-public #choose_city .header__nav-locations {
    display: block;
    height: var(--city-picker-height, auto);
    max-height: var(--city-picker-height, none);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .legacy-public #choose_city .header__nav-locations-block { display: contents; }
  .legacy-public #choose_city .header__nav-locations[data-city-layout="columns"] {
    column-count: var(--city-picker-columns);
    column-gap: 22px;
    column-fill: auto;
    overflow-y: hidden;
  }
  .legacy-public #choose_city .header__nav-country,
  .legacy-public #choose_city .header__nav-location { break-inside: avoid; }

  .legacy-public #choose_city .header__nav-location-item {
    display: inline-block;
    margin: -3px -6px;
    padding: 3px 6px;
    border-radius: 3px;
  }
}

.legacy-public #choose_city .header__nav-location-item:hover,
.legacy-public #choose_city .header__nav-location-item:focus-visible {
  color: #e20913;
  background: #fff4b7;
  text-decoration: none;
}

.legacy-public #choose_city .header__nav-location-item:focus-visible {
  outline: 2px solid #f0cf18;
  outline-offset: 2px;
}

@media screen and (min-width: 1680px) {
  .legacy-public { --public-desktop-content: 1240px; --public-desktop-shell: 1300px; }
}

@media screen and (max-width: 1100px) {
  :root { --public-header-height: 64px; --public-live-header-height: 64px; }
  .legacy-public .header.is-fixed { background: #201f2d; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-public *, .legacy-public *::before, .legacy-public *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Follow-up acceptance layer for the public site, 14.09.2026.
   Keep this layer after every route-specific legacy stylesheet. It owns the
   shared density, promo rail and CTA interaction contract without changing
   the browser viewport or applying a root transform. */
:root {
  --public-followup-density: .8;
  --public-followup-content: 1040px;
  --public-followup-shell: 1088px;
  --public-followup-promo-bg: #2f2e42;
  --public-followup-cta-ease: cubic-bezier(.2, .8, .2, 1);
}

.legacy-public .public-promo-benefits {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--public-followup-promo-bg);
}

.legacy-public .public-promo-benefits > .center-wrapper {
  position: relative;
  z-index: 1;
  width: min(var(--public-followup-content), calc(100% - 30px));
  max-width: var(--public-followup-content);
  margin: 0 auto;
}

.legacy-public .public-promo-benefits .game-benefits {
  position: relative;
  margin: 0;
  padding: 45px 0 5px;
  background: transparent;
}

.legacy-public .public-promo-benefits .game-benefits-item { margin-bottom: 45px; }
.legacy-public .public-promo-benefits .game-benefits-item__image span { height: 225px; }
.legacy-public .public-promo-benefits .game-benefits-item__title { font-size: 22px; }
.legacy-public .public-promo-benefits .legacy-benefits__grid { position: relative; z-index: 1; padding-top: 45px; }

.legacy-public .public-cta {
  transition: transform .2s var(--public-followup-cta-ease),
    box-shadow .2s var(--public-followup-cta-ease),
    filter .2s var(--public-followup-cta-ease);
}

.legacy-public .public-cta:hover:not(:disabled),
.legacy-public .public-cta:focus-visible {
  filter: brightness(1.04);
  transform: var(--public-cta-base-transform, translateX(0)) translateY(-2px);
}

.legacy-public .public-cta:hover:not(:disabled) { box-shadow: 0 7px 18px rgba(20, 18, 35, .18); }
.legacy-public .public-cta:focus-visible { outline: 3px solid var(--legacy-yellow, #fcea1c); outline-offset: 4px; }
.legacy-public .public-cta:active:not(:disabled) { filter: brightness(.97); transform: var(--public-cta-base-transform, translateX(0)) translateY(1px); }

.legacy-public .public-cta-surface .gifts-promo__btn,
.legacy-public .public-cta-surface .gifts-item__btn {
  transition: transform .2s var(--public-followup-cta-ease),
    box-shadow .2s var(--public-followup-cta-ease),
    filter .2s var(--public-followup-cta-ease);
}

.legacy-public .public-cta-surface .gifts-promo__btn:hover,
.legacy-public .public-cta-surface .gifts-promo__btn:focus-visible,
.legacy-public .public-cta-surface .gifts-item__btn:hover,
.legacy-public .public-cta-surface .gifts-item__btn:focus-visible {
  filter: brightness(1.04);
  transform: translateY(-2px);
}

.legacy-public .public-cta-surface .gifts-promo__btn:focus-visible,
.legacy-public .public-cta-surface .gifts-item__btn:focus-visible {
  outline: 3px solid var(--legacy-yellow, #fcea1c);
  outline-offset: 4px;
}

/* Every source form uses the same register-modal shell.  The legacy root
   created a stacking context below the fixed public header, so its fixed
   holder could receive the right geometry while still losing pointer events
   to the header.  Keep the whole modal context above the shell; the holder
   and box keep their existing internal order. */
.legacy-public .legacy-registration.register-modal {
  position: relative;
  z-index: 1000;
  isolation: isolate;
}

.legacy-public .legacy-registration.register-modal .register-modal__action {
  margin-top: 32px;
}

.legacy-public .legacy-registration.register-modal .register-modal__holder {
  z-index: 1001;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

/* The description is a single introductory block in the purchase form.  The
   source modal's generic rules could leave it constrained by a field column
   on narrow WebKit layouts. */
.legacy-public .legacy-home-game-modal .register-modal__solo {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

/* Rasterise both wave edges on an integer-height layer.  This preserves the
   source SVG shapes while avoiding fractional WebKit seams at DPR changes;
   the bottom cover remains the page background rather than a white band. */
.legacy-public .homegames-item::before,
.legacy-public .homegames-item::after {
  height: 9px;
  background-repeat: repeat-x;
  background-size: auto 9px;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.legacy-public .homegames-item::before { top: -1px; }

/* WebKit includes the feature-card shadow in scrollable overflow even when
   `overflow: hidden` clips it visually.  `clip` keeps the shadow and removes
   the false horizontal scroll surface from the ticket itself. */
.legacy-public .homegames-item {
  overflow: hidden;
  overflow: clip;
}

/* Keep the ticket rail and its controls as separate grid tracks.  The source
   41px circles were below the accessible target size and could intrude into a
   card when the available rail became narrow. */
.legacy-public.legacy-home-v1 .legacy-games-carousel {
  grid-template-columns: 48px minmax(0, 1fr) 48px 48px;
  gap: 12px;
}

.legacy-public.legacy-home-v1 .legacy-carousel__arrow {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}

@media screen and (min-width: 641px) and (max-width: 1010px) {
  .legacy-public.legacy-home-v1 .legacy-games-carousel {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
  }

  .legacy-public.legacy-home-v1 .legacy-games-carousel > .legacy-carousel__arrow {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-public .legacy-registration.register-modal,
  .legacy-public .legacy-registration.register-modal .register-modal__holder {
    scroll-behavior: auto;
  }
}

/* Preserve the source h2 hierarchy before applying desktop density. The
   franchise adapter enlarged this one title along with unrelated displays. */
.legacy-public .legacy-franchise-source .callback__title {
  font-size: 32px;
  line-height: 36px;
}

/* The visible source controls stay compact; their pointer targets are 44px.
   Align the period pills so the taller search label cannot stretch them. */
.legacy-public .rating-top-left,
.legacy-public .rating-period { align-items: center; }
.legacy-public .rating-search {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}
.legacy-public .rating-period__btn { position: relative; }
.legacy-public .rating-period__btn::before {
  position: absolute;
  inset-inline: 0;
  top: 50%;
  height: 100%;
  min-height: 44px;
  content: "";
  transform: translateY(-50%);
}

@media screen and (min-width: 1011px) {
  .legacy-public {
    --public-desktop-density: var(--public-followup-density);
    --public-desktop-content: var(--public-followup-content);
    --public-desktop-shell: var(--public-followup-shell);
  }
  .legacy-public .legacy-wrap,
  .legacy-public .center-wrapper { width: min(var(--public-followup-content), calc(100% - 48px)); }

  /* Source dimensions times one density token; do not scale the already
     compact 90% layer or the browser viewport a second time. */
  .legacy-home-v1 .legacy-promo {
    min-height: calc(796px * var(--public-followup-density));
    padding: calc(120px * var(--public-followup-density)) 0 calc(150px * var(--public-followup-density));
  }
  .legacy-home-v1 .legacy-promo__content {
    width: min(var(--public-followup-content), calc(100% - 48px));
    min-height: calc(526px * var(--public-followup-density));
  }
  .legacy-home-v1 .legacy-promo__mascot {
    flex-basis: calc(410px * var(--public-followup-density));
    margin-left: calc(100px * var(--public-followup-density));
    margin-right: calc(200px * var(--public-followup-density));
  }
  .legacy-home-v1 .legacy-promo__copy { padding-top: calc(120px * var(--public-followup-density)); }
  .legacy-home-v1 .legacy-promo__copy h1 {
    margin-bottom: calc(50px * var(--public-followup-density));
    font-size: calc(50px * var(--public-followup-density));
  }
  .legacy-home-v1 .legacy-promo__copy h1 span { font-size: calc(100px * var(--public-followup-density)); }
  .legacy-home-v1 .legacy-promo__copy p {
    margin-bottom: calc(60px * var(--public-followup-density));
    font-size: calc(24px * var(--public-followup-density));
  }
  .legacy-home-v1 .legacy-promo__actions.home-buttons .home-buttons__button {
    max-width: calc(190px * var(--public-followup-density));
    padding: calc(20px * var(--public-followup-density)) 0;
    font-size: calc(16px * var(--public-followup-density));
  }

  .legacy-public .legacy-inner__content {
    width: min(var(--public-followup-content), calc(100% - 48px));
    padding-top: clamp(27px, 4.5vw, 61px);
    padding-bottom: clamp(27px, 4.5vw, 61px);
  }

  .legacy-public .page-top,
  .legacy-public .legacy-inner__page-top {
    padding-top: calc(130px * var(--public-followup-density));
    padding-bottom: calc(100px * var(--public-followup-density));
  }
  .legacy-public .header-body { padding: calc(25px * var(--public-followup-density)) calc(30px * var(--public-followup-density)); }
  .legacy-public .header-menu ul li { margin-right: clamp(8px, calc((100vw - 1100px) / 18), 18px); }
  .legacy-public .header-menu ul li:last-child { margin-right: 0; }
  .legacy-public .header-menu ul li a,
  .legacy-public .header-address__city,
  .legacy-public .header-mail,
  .legacy-public .header-phone__number { font-size: calc(18px * var(--public-followup-density)); }
  .legacy-public .header-address__select,
  .legacy-public .header-phone__text { font-size: calc(14px * var(--public-followup-density)); }
  .legacy-public .page-top h1,
  .legacy-public .legacy-inner__page-top h1 {
    font-size: calc(40px * var(--public-followup-density));
    line-height: calc(45px * var(--public-followup-density));
  }
  .legacy-public .schelude-tabs__btn { height: calc(70px * var(--public-followup-density)); font-size: calc(22px * var(--public-followup-density)); }
  .legacy-public .schedule { padding-top: calc(80px * var(--public-followup-density)); padding-bottom: calc(80px * var(--public-followup-density)); }
  .legacy-public .schelude-top { padding-top: calc(50px * var(--public-followup-density)); padding-bottom: calc(50px * var(--public-followup-density)); }
  .legacy-public .gifts { padding-top: calc(75px * var(--public-followup-density)); padding-bottom: calc(80px * var(--public-followup-density)); }
  .legacy-public .legacy-franchise-source .callback__title {
    font-size: calc(32px * var(--public-followup-density));
    line-height: calc(36px * var(--public-followup-density));
  }
  .legacy-public:has(.legacy-certificates-source) .gifts-item__title {
    font-size: calc(28px * var(--public-followup-density));
    line-height: calc(32.2px * var(--public-followup-density));
  }
  .legacy-public .rating-period__btn {
    padding: calc(11px * var(--public-followup-density)) calc(25px * var(--public-followup-density));
    border-radius: calc(19px * var(--public-followup-density));
    font-size: calc(14px * var(--public-followup-density));
  }
  .legacy-public .rating-period__btn:first-child {
    border-radius: calc(19px * var(--public-followup-density)) 0 0 calc(19px * var(--public-followup-density));
  }
  .legacy-public .rating-period__btn:last-child {
    border-radius: 0 calc(19px * var(--public-followup-density)) calc(19px * var(--public-followup-density)) 0;
  }
  .legacy-public .rating-search__field {
    width: calc(260px * var(--public-followup-density));
    height: calc(38px * var(--public-followup-density));
    padding-inline: calc(20px * var(--public-followup-density));
    border-width: calc(1px * var(--public-followup-density));
    border-radius: calc(19px * var(--public-followup-density));
    font-size: calc(14px * var(--public-followup-density));
  }
  .legacy-public .homegames-body { padding-top: calc(90px * var(--public-followup-density)); }
  .legacy-public .homegames-row { gap: calc(30px * var(--public-followup-density)); }
  .legacy-public .public-promo-benefits .game-benefits { padding-top: calc(50px * var(--public-followup-density)); }
  .legacy-public .public-promo-benefits .game-benefits-item {
    padding-right: calc(30px * var(--public-followup-density));
    padding-left: calc(30px * var(--public-followup-density));
    margin-bottom: calc(50px * var(--public-followup-density));
  }
  .legacy-public .public-promo-benefits .game-benefits-item__image span { height: calc(250px * var(--public-followup-density)); }
  .legacy-public .public-promo-benefits .game-benefits-item__title { font-size: calc(24px * var(--public-followup-density)); }
  .legacy-public .public-promo-benefits .legacy-benefits__grid { padding-top: calc(50px * var(--public-followup-density)); }
}

/* The source switches the search input to a fluid width at 479px. Its new
   label must span that same row rather than shrink to the input's text size. */
@media (max-width: 479px) {
  .legacy-public .rating-search { width: 100%; }
}

@media (max-width: 760px) {
  .legacy-public .public-promo-benefits > .center-wrapper { width: min(100% - 24px, 620px); }
  .legacy-public .public-promo-benefits .game-benefits { padding-top: 32px; }
  .legacy-public .public-promo-benefits .legacy-benefits__grid { padding-top: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-public .public-cta,
  .legacy-public .public-cta-surface .gifts-promo__btn,
  .legacy-public .public-cta-surface .gifts-item__btn { transition: none; }
  .legacy-public .public-cta:hover:not(:disabled),
  .legacy-public .public-cta:focus-visible,
  .legacy-public .public-cta:active:not(:disabled) { transform: var(--public-cta-base-transform, none); }
  .legacy-public .public-cta-surface .gifts-promo__btn:hover,
  .legacy-public .public-cta-surface .gifts-promo__btn:focus-visible,
  .legacy-public .public-cta-surface .gifts-item__btn:hover,
  .legacy-public .public-cta-surface .gifts-item__btn:focus-visible { transform: none; }
}

/* Source: legacy style2.css, games-item / games__tickets-ticket /
   game-component. Keep local dimensions: desktop density is 80%, mobile
   follows the source breakpoints, without zooming the page or its dialogs. */
.legacy-home-v1 {
  --legacy-component-scale: 1;
}


.legacy-home-v1 .legacy-ticket,
.legacy-home-v1 .legacy-type,
.legacy-home-v1 .legacy-game-detail {
  font-size: calc(16px * var(--legacy-component-scale));
  line-height: 1.15;
}

.legacy-home-v1 .legacy-tickets {
  gap: calc(16px * var(--legacy-component-scale));
  padding-bottom: calc(15px * var(--legacy-component-scale));
}

.legacy-home-v1 .legacy-ticket {
  /* Source ordinary/selected sizes are 144/164. Allow long content to grow
     while keeping the body and white aside stretched together. */
  height: auto;
  min-height: calc(144px * var(--legacy-component-scale));
  align-items: stretch;
  align-self: flex-start;
  opacity: .8;
  transform: scale(.95);
  transition: opacity .3s ease, transform .3s ease, min-height .3s ease;
  transition-delay: 0s;
}

.legacy-home-v1 .legacy-ticket:hover,
.legacy-home-v1 .legacy-ticket:focus-within,
.legacy-home-v1 .legacy-ticket.is-selected {
  opacity: 1;
  transform: scale(1);
}

.legacy-home-v1 .legacy-ticket.is-selected {
  min-height: calc(164px * var(--legacy-component-scale));
}

.legacy-home-v1 .legacy-ticket__content {
  padding: 0;
  background: linear-gradient(90deg, var(--legacy-ticket-color, #3b3953), var(--legacy-ticket-color-2, #2d2c40));
}

.legacy-home-v1 .legacy-ticket__content::after {
  right: calc(3px * var(--legacy-component-scale));
  width: calc(3px * var(--legacy-component-scale));
  background: linear-gradient(#fff 70%, transparent 0) 100% 0 /
    calc(3px * var(--legacy-component-scale)) calc(25px * var(--legacy-component-scale)) repeat-y;
}

.legacy-home-v1 .legacy-ticket header { gap: 0; }
.legacy-home-v1 .legacy-ticket__heading {
  padding: calc(15px * var(--legacy-component-scale)) calc(5px * var(--legacy-component-scale)) 0 calc(15px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-ticket h3 {
  margin: 0 0 calc(3px * var(--legacy-component-scale));
  font-size: 1.35em;
  font-weight: 400;
  line-height: .9em;
  text-transform: none;
}
.legacy-home-v1 .legacy-ticket p {
  color: #fff;
  opacity: .8;
  font-size: 1.1em;
  font-weight: 200;
  line-height: 1.15;
}
.legacy-home-v1 .legacy-ticket--compact h3,
.legacy-home-v1 .legacy-ticket--compact p { font-size: 1em; }
.legacy-home-v1 .legacy-ticket__icon {
  width: auto;
  height: calc(35px * var(--legacy-component-scale));
  margin: calc(10px * var(--legacy-component-scale)) calc(15px * var(--legacy-component-scale)) 0 0;
}
/* Keep the footer in flow so current long titles can grow the selected
   ticket. Its spacing and 60/40 date/time split follow the source. */
.legacy-home-v1 .legacy-ticket footer {
  gap: 0;
  margin: auto calc(15px * var(--legacy-component-scale)) calc(15px * var(--legacy-component-scale));
  padding-top: calc(10px * var(--legacy-component-scale));
  border-top-width: calc(2px * var(--legacy-component-scale));
  font-size: 1em;
}
.legacy-home-v1 .legacy-ticket__date {
  flex: 0 0 60%;
  padding-right: 0;
  border-right-width: calc(2px * var(--legacy-component-scale));
  font-weight: 600;
}
.legacy-home-v1 .legacy-ticket__date > span {
  margin-bottom: calc(2px * var(--legacy-component-scale));
  font-weight: 200;
}
.legacy-home-v1 .legacy-ticket__time {
  flex: 0 0 40%;
  min-width: 0;
  font-size: 1.2em;
  font-weight: 100;
}
.legacy-home-v1 .legacy-ticket__aside,
.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside {
  width: calc(40px * var(--legacy-component-scale));
  flex: 0 0 calc(40px * var(--legacy-component-scale));
  color: var(--legacy-ticket-color, #3b3953);
  background: transparent;
}
/* Use the aside's resolved edges for the wave; a percentage height inside
   the flex item can stretch its white strip independently in Safari. */
.legacy-home-v1 .legacy-ticket__aside::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  /* An auto-height title can exceed the source's fixed 164px. Keep the
     wider SVG inside the aside so it cannot cover the title or perforation. */
  clip-path: inset(0 0 0 max(0px, calc(100% - 40px * var(--legacy-component-scale))));
  background: url('/static/site-assets/legacy-ticket-aside-wave.svg') right / auto 100% no-repeat;
}

.legacy-home-v1 .legacy-ticket__aside span {
  position: absolute;
  inset: 0;
  max-height: none;
  color: var(--legacy-ticket-color, #3b3953);
  font-size: .8em;
  font-weight: 600;
  line-height: calc(33px * var(--legacy-component-scale));
  text-overflow: clip;
}
.legacy-home-v1 .legacy-ticket__aside span[data-reg_type='invite'] {
  line-height: calc(18px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-ticket__aside:focus-visible {
  outline: 2px solid var(--legacy-yellow);
  outline-offset: 2px;
}
.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside::after {
  bottom: calc(-15px * var(--legacy-component-scale));
  left: 45%;
  right: auto;
  width: 0;
  height: 0;
  margin-left: calc(-17px * var(--legacy-component-scale));
  border: 0;
  border-top: calc(15px * var(--legacy-component-scale)) solid #fff;
  border-right: calc(15px * var(--legacy-component-scale)) solid transparent;
  border-left: calc(15px * var(--legacy-component-scale)) solid transparent;
  transform: none;
}

.legacy-home-v1 .legacy-type {
  display: flex;
  flex-direction: column;
  min-height: 144px;
  padding: 0;
}
.legacy-home-v1 .legacy-type__filter {
  position: relative;
  inset: auto;
  min-height: 0;
  margin-bottom: 0;
  gap: calc(12px * var(--legacy-component-scale));
  padding: calc(20px * var(--legacy-component-scale)) calc(5px * var(--legacy-component-scale)) 0;
}
.legacy-home-v1 .legacy-type--all .legacy-type__filter { margin-bottom: 0; }
.legacy-home-v1 .legacy-type img {
  height: calc(60px * var(--legacy-component-scale));
  transition: transform .3s ease;
}
.legacy-home-v1 .legacy-type--all img { height: calc(100px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-type:hover { background: #333248; }
.legacy-home-v1 .legacy-type:hover img { transform: scale(1.2); }
.legacy-home-v1 .legacy-type.is-active { background: #3a3851; }
.legacy-home-v1 .legacy-type strong { font-size: .9em; font-weight: 400; }
.legacy-home-v1 .legacy-type__more {
  position:relative;
  left:auto;
  transform:none;
  align-self:center;
  margin:8px auto 14px;
  z-index: 1;
  bottom: auto;
  min-width: calc(100px * var(--legacy-component-scale));
  padding: calc(7px * var(--legacy-component-scale)) calc(15px * var(--legacy-component-scale));
  border-radius: calc(15px * var(--legacy-component-scale));
  font-size: .6em;
  font-weight: 400;
  opacity: .8;
}
.legacy-home-v1 .legacy-type__more:hover,
.legacy-home-v1 .legacy-type__more:focus-visible {
  background: var(--legacy-type, var(--legacy-yellow));
  opacity: 1;
}
/* Preserve the source visual size with an independent 44px hit area.
   The filter above reserves its own, non-overlapping lower boundary. */
.legacy-home-v1 .legacy-type__more::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: max(100%, 44px);
  content: '';
  transform: translateY(-50%);
}

.legacy-home-v1 .legacy-game-detail { font-family: 'Myriad Pro', Arial, sans-serif; }
.legacy-home-v1 .legacy-game-detail__main {
  padding: calc(40px * var(--legacy-component-scale)) calc(30px * var(--legacy-component-scale)) calc(35px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-game-detail__icon {
  width: calc(200px * var(--legacy-component-scale));
  height: calc(200px * var(--legacy-component-scale));
  opacity: .05;
}
.legacy-home-v1 .legacy-game-detail__title { gap: calc(20px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__title > div { min-width: 0; }
.legacy-home-v1 .legacy-game-detail__title p { font-size: calc(12px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__title h3 { font-size: calc(26px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__status { font-size: calc(14px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__description {
  margin-bottom: calc(20px * var(--legacy-component-scale));
  color: #444360;
  font-size: calc(18px * var(--legacy-component-scale));
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.legacy-home-v1 .legacy-game-detail__addons {
  min-height: calc(35px * var(--legacy-component-scale));
  margin-bottom: calc(20px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-game-detail__facts strong {
  margin-bottom: calc(5px * var(--legacy-component-scale));
  font-size: calc(20px * var(--legacy-component-scale));
  font-weight: 700;
  line-height: 1.15;
}
.legacy-home-v1 .legacy-game-detail__place-info details > div strong {
  text-transform: none;
}
.legacy-home-v1 .legacy-game-detail__facts > div > span { font-size: calc(16px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__facts small { font-size: calc(12px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__footer { gap: 16px; }
.legacy-home-v1 .legacy-game-detail__actions { display: flex; flex-wrap: nowrap; width: auto; gap: 0; }
.legacy-home-v1 .legacy-game-detail__register,
.legacy-home-v1 .legacy-game-detail__alone,
.legacy-home-v1 .legacy-game-detail__closed {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  height: calc(40px * var(--legacy-component-scale));
  min-height: 0;
  padding: 0 calc(20px * var(--legacy-component-scale));
  font-family: inherit;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
  transition: background-color .3s ease;
}
.legacy-home-v1 .legacy-game-detail__register { min-width: calc(148px * var(--legacy-component-scale)); border-radius: calc(25px * var(--legacy-component-scale)) 0 0 calc(25px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__alone { border-radius: 0 calc(25px * var(--legacy-component-scale)) calc(25px * var(--legacy-component-scale)) 0; }
.legacy-home-v1 .legacy-game-detail__register--single,
.legacy-home-v1 .legacy-game-detail__closed { border-radius: calc(25px * var(--legacy-component-scale)); }
.legacy-home-v1 .legacy-game-detail__register:hover { background: #fdf168; }
.legacy-home-v1 .legacy-game-detail__alone:hover { background: #4f4d6f; }
.legacy-home-v1 .legacy-game-detail__register::before,
.legacy-home-v1 .legacy-game-detail__alone::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: max(100%, 44px);
  content: '';
  transform: translateY(-50%);
}
.legacy-home-v1 .legacy-game-detail__secondary-actions > button {
  position: relative;
  margin: calc(5px * var(--legacy-component-scale)) 0;
  padding: calc(10px * var(--legacy-component-scale));
  border-width: calc(2px * var(--legacy-component-scale));
  border-radius: calc(3px * var(--legacy-component-scale));
  font-family: inherit;
  font-size: calc(14px * var(--legacy-component-scale));
  line-height: 1.15;
}
.legacy-home-v1 .legacy-game-detail__secondary-actions > button[data-legacy-home-rules-open]::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: max(100%, 44px);
  content: '';
  transform: translateY(-50%);
}
.legacy-home-v1 .legacy-game-detail__secondary-actions > .legacy-game-detail__share-trigger {
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
  gap: calc(10px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-game-detail__secondary-actions > button[data-legacy-home-rules-open]:hover,
.legacy-home-v1 .legacy-game-detail__secondary-actions > button[data-legacy-home-rules-open]:focus-visible {
  color: #050401;
  background: #fdf168;
}
.legacy-home-v1 .legacy-game-detail__share-trigger::before {
  width: calc(40px * var(--legacy-component-scale));
  height: calc(40px * var(--legacy-component-scale));
  background-size: calc(18px * var(--legacy-component-scale));
}
.legacy-home-v1 .legacy-game-detail__share-trigger::after { font-size: calc(12.8px * var(--legacy-component-scale)); }

@media (max-width: 1260px) {
  .legacy-home-v1 .legacy-ticket p { font-size: 1em; }
  .legacy-home-v1 .legacy-game-detail__share-trigger::after { display: none; }
}
@media (max-width: 767px) {
  /* Reserve the entire 44px more-button area below a two-line type label. */
  .legacy-home-v1 .legacy-type { min-height: 164px; }
  .legacy-home-v1 .legacy-type strong { font-size: 12px; }
  .legacy-home-v1 .legacy-type__filter { gap: 10px; padding-right: 8px; padding-left: 8px; }
}
@media (max-width: 760px) {
  .legacy-home-v1 .legacy-ticket { flex: 0 0 100%; min-width: 100%; max-width: 100%; margin: 0; }
  .legacy-home-v1 .legacy-game-detail__main { padding: 30px 15px 35px; }
  .legacy-home-v1 .legacy-game-detail__title { flex-wrap: wrap; }
  .legacy-home-v1 .legacy-game-detail__title h3 { font-size: 22px; }
}
@media (max-width: 479px) {
  .legacy-home-v1 .legacy-game-detail__facts strong { font-size: 18px; }
  .legacy-home-v1 .legacy-game-detail__register,
  .legacy-home-v1 .legacy-game-detail__alone,
  .legacy-home-v1 .legacy-game-detail__closed { padding: 0 15px; font-size: 14px; }
}
@media (max-width: 374px) {
  .legacy-home-v1 .legacy-game-detail__facts strong { font-size: 16px; }
  .legacy-home-v1 .legacy-game-detail__register,
  .legacy-home-v1 .legacy-game-detail__alone,
  .legacy-home-v1 .legacy-game-detail__closed { padding: 0 11px; font-size: 12px; }
}
@media (min-width: 1011px) {
  .legacy-home-v1 { --legacy-component-scale: var(--public-followup-density, .8); }
  .legacy-home-v1 .legacy-types > .legacy-wrap,
  .legacy-home-v1 .legacy-afisha > .legacy-wrap {
    width: min(calc(1360px * var(--legacy-component-scale)), calc(100% - 30px * var(--legacy-component-scale)));
    max-width: none;
  }
  /* Keep the source 300/1360 card/container ratio as the shared axis grows.
     A viewport-only clamp would expose a fourth whole card at 1280px. */
  .legacy-home-v1 .legacy-ticket {
    flex-basis: clamp(calc(260px * var(--legacy-component-scale)), calc((100vw - 30px * var(--legacy-component-scale)) * 300 / 1360), calc(300px * var(--legacy-component-scale)));
    min-width: clamp(calc(260px * var(--legacy-component-scale)), calc((100vw - 30px * var(--legacy-component-scale)) * 300 / 1360), calc(300px * var(--legacy-component-scale)));
  }
  .legacy-home-v1 .legacy-tickets__schedule {
    align-self: start;
    height: calc(180px * var(--legacy-component-scale));
  }
  .legacy-home-v1 .legacy-game-detail { width: 100%; margin-left: 0; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .legacy-home-v1 .legacy-ticket,
  .legacy-home-v1 .legacy-type img,
  .legacy-home-v1 .legacy-game-detail__register,
  .legacy-home-v1 .legacy-game-detail__alone { transition: none; }
}

/* The difficulty belongs to the expanded ticket's header. */
.legacy-home-v1 .legacy-ticket__aside,
.legacy-home-v1 .legacy-ticket.is-selected .legacy-ticket__aside { align-self:stretch; height:auto; min-height:0; }
.legacy-home-v1 .legacy-game-detail__title { display:flex; flex-wrap:wrap; align-items:start; }
.legacy-home-v1 .legacy-game-detail__title > div:first-child { flex:1 1 240px; overflow-wrap:anywhere; }
.legacy-home-v1 .legacy-game-detail__title > .legacy-game-detail__difficulty { flex:0 1 180px; max-width:180px; gap:5px; }
.legacy-home-v1 .legacy-game-detail__title > .legacy-game-detail__status { margin-left:auto; }
.legacy-home-v1 .legacy-game-detail__difficulty > small { flex-basis:100%; font-size:12px; line-height:1.25; overflow-wrap:anywhere; }
.legacy-home-v1 .legacy-ticket__aside span { color:#2f2e42; }
.legacy-home-v1 .legacy-game-detail { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
.legacy-home-v1 .legacy-game-detail:not(:has(> .legacy-game-detail__map)) { grid-template-columns:1fr; }
.legacy-home-v1 .legacy-game-detail__place-info summary { white-space:nowrap; }
.legacy-home-v1 .legacy-game-detail__footer { flex-wrap:nowrap; align-items:center; }
.legacy-home-v1 .legacy-game-detail__secondary-actions { display:flex; align-items:center; }
.legacy-home-v1 .legacy-game-detail__main { min-width:0; }
.legacy-home-v1 .legacy-tickets__more[hidden] { display:none; }
.legacy-home-v1 .legacy-tickets__more { min-height:44px; padding:10px 18px; border:1px solid #fcea1c; border-radius:4px; color:#fcea1c; background:transparent; font-family:inherit; font-size:14px; font-weight:600; line-height:1.2; cursor:pointer; }
@media (max-width:760px) {
  .legacy-home-v1 .legacy-game-detail { grid-template-columns:1fr; }
  .legacy-home-v1 .legacy-game-detail__footer { flex-wrap:wrap; }
}
@media (max-width:640px) {
  .legacy-home-v1 .legacy-ticket { transform:none; opacity:1; }
  .legacy-home-v1 .legacy-tickets__schedule { display:flex; min-height:44px; width:100%; padding:14px 18px; margin:10px 0; align-items:center; justify-content:center; writing-mode:horizontal-tb; }
  .legacy-home-v1 .legacy-types__schedule-mobile { display:none; }
}