@font-face {
    font-family: 'PF DinDisplay Pro';
    src: url(./fonts/PFDinDisplayPro-Regular.woff2) format('woff2'),url(./fonts/PFDinDisplayPro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'PF DinDisplay Pro';
    src: url(./fonts/PFDinDisplayPro-Bold.woff2) format('woff2'),url(./fonts/PFDinDisplayPro-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'PF DinDisplay Pro';
    src: url(./fonts/PFDinDisplayPro-Light.woff2) format('woff2'),url(./fonts/PFDinDisplayPro-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

.title-h1,h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body,html {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

html {
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #000;
    height: 100%;
    min-height: 320px;
    min-width: 320px;
    background: #fff
}

html._no-visible-focus * {
    outline: 0!important
}

body {
    position: relative;
    height: 100%;
    background: #fff;
    overflow-x: hidden
}

._noscroll {
    overflow: hidden
}

html:not(.mobile)::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #eee
}

html:not(.mobile)::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #000
}

::selection {
    color: #fff;
    background: #000
}

::-webkit-input-placeholder {
    color: #a8a8a8;
    opacity: 1
}

::-moz-placeholder {
    color: #a8a8a8;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #a8a8a8
}

::-ms-clear {
    display: none
}

::-ms-reveal {
    display: none
}

select::-ms-value {
    background: 0 0;
    color: currentColor
}

:disabled {
    cursor: default;
    pointer-events: none;
    opacity: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img {
    margin: 0
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

a[href^=mailto],a[href^=tel] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

nav ul {
    margin: 0;
    padding: 0
}

button,input[type=checkbox],input[type=radio] {
    cursor: pointer
}

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

figcaption,figure {
    margin: 0;
    padding: 0
}

template {
    display: none
}

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

.wrap-wide {
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

.wrap-page {
    background: #fff;
    position: relative
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw
}

.btn {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    box-sizing: border-box;
    line-height: 47px;
    padding: 0 30px;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #000;
    border-radius: 25px;
    background: #fff
}

html.desktop .btn:hover {
    background: #000;
    color: #fff
}

.btn._disabled,.btn[disabled] {
    opacity: .5
}

.btn--arrow {
    padding: 0 56px 0 30px
}

.btn--arrow i {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 12px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    right: 20px;
    overflow: hidden;
    transform: rotate(180deg)
}

.btn--arrow span {
    display: inline-block;
    vertical-align: top;
    height: 12px;
    position: relative
}

.btn--arrow svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .3s ease;
    transform: translateZ(0)
}

.btn--arrow svg+svg {
    left: 150%
}

html.desktop .btn--arrow:hover svg {
    transform: translateX(-150%) translateZ(0)
}

.btn--arrow-left {
    padding: 0 30px 0 56px
}

.btn--arrow-left i {
    left: 20px;
    transform: none
}

.btn--tr {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

html.desktop .btn--tr:hover {
    background: #fff;
    color: #000
}

.input-text,.textarea {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    height: 2.4em;
    box-sizing: border-box;
    padding: 2px 1em;
    background: #fff;
    color: #000;
    transition: border-color .2s ease
}

.input-text:disabled,.textarea:disabled {
    border: 1px solid #ddd;
    color: #aaa;
    background: #eee;
    pointer-events: none;
    opacity: 1;
    cursor: default
}

.input-text._error,.textarea._error {
    border-color: red
}

.input-text[type=password],.textarea[type=password] {
    font-family: Arial,Helvetica,sans-serif
}

.textarea {
    display: block;
    height: 6.8em;
    width: 100%;
    padding: 1em;
    line-height: 32px;
    resize: vertical
}

.select {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    padding: 0 50px 0 25px;
    box-sizing: border-box;
    line-height: 47px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #000;
    border-radius: 25px;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -webkit-appearance: none;
    z-index: 2
}

html.desktop .select select:focus+span {
    outline: 1px dotted currentColor;
    outline: 5px auto -webkit-focus-ring-color
}

html.desktop .select:hover {
    background: #000;
    color: #fff
}

.select i {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 8px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 16px;
    overflow: hidden;
    z-index: 1
}

.select svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .3s ease;
    transform: translateZ(0)
}

.select svg+svg {
    top: -150%
}

html.desktop .select:hover svg {
    transform: translateY(150%) translateZ(0)
}

.title-h1,.title-h2,.title-h3,.title-h4,h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 32px;
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    text-transform: uppercase;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.title-h1,h1 {
    line-height: 64px;
    font-size: 72px;
    margin: 0
}

.title-h2,h2 {
    line-height: 64px;
    font-size: 72px;
    margin-top: 130px;
    margin-bottom: 130px
}

.title-h3,h3 {
    line-height: 43px;
    font-size: 48px;
    margin-top: 100px;
    margin-bottom: 50px
}

.title-h4,h4,h5,h6 {
    line-height: normal;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px
}

p {
    font-size: 18px;
    line-height: 32px;
    margin: 15px 0
}

b,strong {
    font-weight: 700
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.header {
    position: fixed;
    width: 100%;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 4
}

.header:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
    opacity: 0
}

html._iphoneX._portrait .header {
    height: 90px
}

.header__inner {
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header__menu {
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    position: relative
}

.header__menu-list {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.header__menu-list li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 70px;
    font-weight: 400
}

.header__menu-list li:last-child {
    margin-right: 0
}

.header__menu-list a,.header__menu-list span {
    display: block;
    height: 70px;
    padding: 0 12px;
    position: relative;
    transition: color .3s ease-in-out
}

html.mobile .header__menu-list span:before {
    content: '';
    display: block;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 6px;
    background: #000;
    transition: all .3s ease-in-out
}

.logo {
    display: inline-block;
    vertical-align: top;
    width: 202px;
    height: 54px;
    line-height: 70px;
    margin-right: 23px;
    margin-top: 10px;
    transition: color .3s ease-in-out
}

.logo svg {
    display: block;
    top: 0px;
    width: 202px;
    height: 54px;
    position: relative
}

html._iphoneX._portrait .logo {
    line-height: 1;
    margin-top: 43px
}

html._openmenu .logo {
    color: #fff
}

.header__menu-marker {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 6px;
    background: #000;
    transform: translateZ(0);
    transition: width .3s ease,transform .3s ease,background .3s ease-in-out
}

html.mobile .header__menu-marker {
    display: none
}

.header__right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 0
}

.header__feedback-btn {
    display: inline-block;
    vertical-align: top;
    height: 70px;
    background: #000;
    border: 0;
    color: #fff;
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 0 37px;
    position: relative
}

.header__feedback-btn span {
    color: transparent;
    display: block;
    position: relative;
    top: 25px;
    height: 21px;
    line-height: 21px;
    overflow: hidden
}

.header__feedback-btn span:after,.header__feedback-btn span:before {
    content: attr(data-text);
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    transform: translateY(0) translateZ(0)
}

.header__feedback-btn span:after {
    top: 100%;
    opacity: 0
}

html.desktop .header__feedback-btn:hover span:after,html.desktop .header__feedback-btn:hover span:before {
    transform: translateY(-100%) translateZ(0)
}

html.desktop .header__feedback-btn:hover span:after {
    opacity: 1
}

html.desktop .header__feedback-btn:hover span:before {
    opacity: 0
}

html._openmenu .header__feedback-btn {
    background: #222
}

.header__lang {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: top;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin: 15px 17px 0 0;
    position: relative;
    transition: all .3s ease-in-out
}

html._iphoneX._portrait .header__lang {
    margin-top: 38px
}

html.desktop .header__lang:hover {
    color: #fff!important;
    background: #000
}

html._openmenu .header__lang {
    color: #fff
}

.form {
    overflow: visible;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding: 0;
    color: #fff;
    margin: 65px 0
}

.form._error .form__error {
    display: -ms-flexbox;
    display: flex
}

.form._success .form__success {
    display: -ms-flexbox;
    display: flex
}

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

p.form__message-title {
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

p.form__message-text {
    width: 100%;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    font-size: 48px;
    text-transform: uppercase
}

.form__inputs-container {
    line-height: 39px;
    font-size: 18px;
    letter-spacing: .02em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-wrap {
    width: 455px;
    height: 80px;
    margin-bottom: 5px;
    position: relative
}

.form__input {
    display: inline-block;
    width: 100%;
    height: 80px;
    padding: 4px 20px 0 20px;
    margin: 0;
    border: 0;
    border-radius: 3px;
    background: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    transition: all .2s ease;
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    -webkit-appearance: none;
    text-transform: uppercase
}

.form__input._error {
    background: #2b1313
}

.form__input:focus {
    background: #111
}

.form__input::-webkit-contacts-auto-fill-button {
    display: none!important
}

.form__prelabel {
    font-weight: 300;
    line-height: 22px;
    font-size: 15px;
    color: rgba(255,255,255,.5);
    position: absolute;
    top: 9px;
    left: 20px;
    z-index: 2;
    white-space: nowrap;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form__label {
    display: block;
    color: #ff6060;
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 5px;
    width: 100%;
    line-height: 19px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    pointer-events: none
}

.form__label:empty {
    display: none
}

.form__submit {
    display: block;
    width: 455px;
    height: 80px;
    border: 0;
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    font-weight: 700;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .2s ease,color .2s ease
}

.form__submit:disabled {
    opacity: 1;
    color: rgba(0,0,0,.3)
}

.form__submit:disabled span:after,.form__submit:disabled span:before {
    color: rgba(0,0,0,.3)
}

.form__submit span {
    color: transparent;
    display: block;
    position: relative;
    height: 21px;
    line-height: 21px;
    overflow: hidden
}

.form__submit span:after,.form__submit span:before {
    content: attr(data-text);
    display: block;
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    transform: translateY(0) translateZ(0)
}

.form__submit span:after {
    top: 100%;
    opacity: 0
}

html.desktop .form__submit:hover span:after,html.desktop .form__submit:hover span:before {
    transform: translateY(-100%) translateZ(0)
}

html.desktop .form__submit:hover span:after {
    opacity: 1
}

html.desktop .form__submit:hover span:before {
    opacity: 0
}

.form__error,.form__success {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000;
    box-sizing: border-box
}

.form-agreement {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    width: 455px;
    height: 100%
}

.form-agreement .input-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-agreement .form__label {
    left: 100px;
    width: auto
}

.form-agreement__checkbox {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-agreement__checkbox input {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    display: block;
    left: -9999px;
    top: -4rem
}

.form-agreement__checkbox input:checked+i:before {
    opacity: 1!important
}

.form-agreement__checkbox input._error+i {
    background: #2b1313
}

html.desktop .form-agreement__checkbox input:focus+i {
    outline: 1px dotted currentColor;
    outline: 5px auto -webkit-focus-ring-color;
    background: #111
}

html.desktop .form-agreement__checkbox input:focus+i:before {
    opacity: .3
}

.form-agreement__checkbox i {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s ease;
    background: #222;
    border-radius: 3px
}

.form-agreement__checkbox i:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    opacity: 0;
    transition: opacity .2s ease
}

.checkbox__label {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer
}

html.desktop .checkbox__label:hover~i:before {
    opacity: .3
}

.checkbox__text {
    line-height: 17px;
    font-size: 15px;
    color: rgba(255,255,255,.5);
    margin: 0 20px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.checkbox__text a {
    color: #fff;
    border-bottom: 1px solid transparent
}

html.desktop .checkbox__text a:hover {
    border-color: #fff
}

.form-agreement__checkbox-text {
    display: block;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 25px
}

.form__bottom {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.socials {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 58px
}

.socials__title {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0 28px;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    border-top: 2px solid #000
}

.socials__list {
    display: -ms-flexbox;
    display: flex;
    height: 240px;
    margin: 0;
    padding: 0;
    background: #000;
    list-style: none
}

.socials__list li {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.socials__list a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out
}

html.desktop .socials__list a:hover:after {
    transform: translateX(0);
    opacity: 1
}

html.desktop .socials__list a:hover span {
    transform: translateY(-10px)
}

html.desktop .socials__list a:after {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi44MDAzIDFMMjYuNzE0MyAxMU0yNi43MTQzIDExTDE2LjgwMDMgMjFNMjYuNzE0MyAxMUgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    transform: translateX(10px);
    transition: inherit;
    opacity: 0
}

.socials__list span {
    display: block;
    font-weight: 700;
    width: 100%;
    line-height: 30px;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -13px;
    white-space: nowrap;
    transition: transform .6s ease
}

.socials__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    opacity: .5;
    will-change: transform;
    transition: transform .6s ease
}

html.desktop a:hover .socials__img {
    transform: scale(1.1)
}

.bottom {
    height: 100vh;
    min-height: 600px;
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.callback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.callback__inner {
    width: 915px;
    margin: 0 auto
}

.callback__title {
    width: 50%;
    font-family: 'PF DinDisplay Pro',Arial,sans-serif;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    text-align: left!important
}

.callback__phone {
    display: inline-block;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

.footer {
    background: #000;
    color: rgba(255,255,255,.5);
    line-height: 22px;
    font-size: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box
}

html._iphoneX._portrait .footer {
    padding-bottom: 40px
}

.footer__inner {
    width: calc(100% - 80px);
    margin: 0 auto;
    max-width: 1600px
}

.footer__inner a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-bottom: 1px solid transparent
}

html.desktop .footer__inner a:hover {
    border-color: #fff
}

.footer__inner>a {
    margin-right: 25px
}

.footer__copyright {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px
}

.footer__copyright a {
    color: inherit
}

html.desktop .footer__copyright a:hover {
    border-color: #fff;
    color: #fff
}

.footer__cpeople {
    float: right
}

.footer__cpeople br {
    display: none
}

.burger {
    display: none;
    width: 70px;
    height: 70px;
    background: #000;
    padding: 0;
    border-radius: 50%;
    border: 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 4;
    color: #000;
    font-size: 0;
    box-sizing: border-box;
    box-shadow: 0 15px 45px rgba(0,18,53,.3);
    transition: all .3s ease;
    outline: 0;
    cursor: pointer
}

.burger:after,.burger:before {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-3px) translateX(-9px);
    transition: all .2s ease;
    margin-top: -1px
}

.burger:after {
    transform: translateY(3px) translateX(-9px)
}

html._iphoneX._portrait .burger {
    bottom: 30px
}

html._openmenu .burger {
    background: #222
}

html._openmenu .burger:before {
    transform: translateY(0) translateX(-9px) rotate(45deg)
}

html._openmenu .burger:after {
    transform: translateY(0) translateX(-9px) rotate(-45deg)
}

.menu {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    z-index: 3;
    transition: transform .5s ease-in-out;
    overflow: hidden;
    display: none;
    transform: translateX(100%)
}

html._openmenu .menu {
    transform: translateX(0)
}

.menu__scroll-wrap {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.menu__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    box-sizing: border-box;
    padding: 50px 0;
    position: relative;
    z-index: 1
}

.menu__list {
    display: block;
    list-style: none;
    text-align: center;
    margin: 80px 40px 0 40px;
    padding: 0
}

.menu__list li {
    display: block;
    margin: 40px 0;
    padding: 0;
    position: relative
}

.menu__list li._active span {
    color: rgba(255,255,255,.5)!important
}

.menu__list li:last-child {
    display: none;
    padding-top: 40px;
    margin-top: 40px
}

.menu__list li:last-child:before {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px
}

.menu__list a,.menu__list span {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.menu__header {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0 20px;
    height: 70px;
    z-index: 2;
    background: #000
}

html._iphoneX._portrait .menu__header {
    height: 90px
}

.menu__header .logo {
    color: #fff!important
}

.menu__header .header__lang {
    float: right;
    margin-right: -12px;
    color: #fff!important
}

.menu-overlay {
    display: none;
    position: fixed;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
    transform: translateZ(0);
    background: #000;
    opacity: 0;
    transition: opacity .5s ease-in-out,width 0s linear .5s
}

html._openmenu .menu-overlay {
    opacity: 1;
    width: 100%;
    transition: opacity .5s ease-in-out
}

.pagination-wrap {
    overflow: hidden;
    height: 50px;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative
}

.pagination-nav {
    position: relative
}

.pagination {
    position: relative;
    overflow: hidden;
    transition: opacity .3s ease;
    z-index: 1;
    height: 50px
}

.pagination:after,.pagination:before {
    content: '';
    background: linear-gradient(to right,#fff 0,#fff 75%,rgba(255,255,255,0) 100%);
    width: 250px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    pointer-events: none
}

.pagination:before {
    left: 0
}

.pagination:after {
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 25%);
    right: 0
}

.pagination._disabled {
    opacity: .5;
    pointer-events: none
}

.pagination>i {
    display: block;
    width: 40px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    z-index: 0
}

a.pagination-item {
    display: block;
    width: 56px;
    height: 50px;
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    transition: color .2s ease
}

html.desktop a.pagination-item:hover {
    color: rgba(0,0,0,.5)
}

a.pagination-item.swiper-slide-active {
    pointer-events: none
}

.pagination._move a.pagination-item {
    color: #666!important
}

.pagination-next,.pagination-prev {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.pagination-next.swiper-button-disabled,.pagination-prev.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.pagination-next {
    top: 0;
    left: auto;
    right: 0
}

.similar {
    height: 380px;
    border-radius: 4px;
    overflow: hidden;
    background: #000;
    position: relative;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    margin-top: 50px;
    margin-bottom: 50px
}

.similar__link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.similar__link:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
    border-radius: 4px;
    z-index: 3
}

html.desktop .similar__link:hover:after {
    transform: translateX(0);
    opacity: 1
}

html.desktop .similar__link:after {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 5;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi44MDAzIDFMMjYuNzE0MyAxMU0yNi43MTQzIDExTDE2LjgwMDMgMjFNMjYuNzE0MyAxMUgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    transform: translateX(10px);
    transition: inherit;
    opacity: 0
}

.similar__item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s ease-in-out .5s
}

.similar__item._active {
    opacity: 1;
    z-index: 2;
    transition: opacity 1s ease-in-out
}

.similar__item-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background-color: #000;
    background-size: cover;
    background-position: center;
    transition: transform .6s ease
}

html.desktop a:hover .similar__item-img {
    transform: scale(1.05)
}

.similar__title {
    font-weight: 700;
    line-height: 43px;
    font-size: 48px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    z-index: 4;
    top: 57px;
    left: 40px;
    transition: transform .6s ease
}

html.desktop a:hover .similar__title {
    transform: translateY(-10px)
}

html._preloading body,html._preloading html {
    overflow: hidden!important;
    pointer-events: none
}

html._unloading body,html._unloading html {
    pointer-events: none
}

.preloader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #000;
    will-change: transform;
    transform-origin: top;
    transform: scale(1,1)
}

html._preloaded .preloader {
    transform: scale(1,0);
    pointer-events: none;
    transition: transform .5s cubic-bezier(.67,0,.33,1) 1s
}

html._unloading .preloader {
    transform: scale(1,1);
    transition: transform .5s cubic-bezier(.67,0,.33,1)
}

.preloader__black {
    width: 100vw;
    height: 100vh;
    background: #000 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTY2OS44MTEgNjg0LjhMNjcwLjI1MSA2ODUuMDM4TDY2OS44MTEgNjg0LjhaTTExMTYuNjUgMzc3LjgxNUwxMTE2Ljk5IDM3Ny40NDhMMTExNi42NSAzNzcuODE1Wk03NzYuNjUxIDM2MS4wNjJMNzc3LjA5NCAzNjEuMjkzTDc3Ni42NTEgMzYxLjA2MlpNMTAxMiA1NTIuMTYxTDEwMTEuODIgNTUxLjY5M0wxMDEyIDU1Mi4xNjFaTTI5OSA1NTIuMTYxTDI5OS4xNjYgNTUxLjY4OUwyOTkgNTUyLjE2MVpNMTQxIDkwMC41QzI3OS40MjggOTAwLjUgMzgzLjQ3OSA4OTguOTQ5IDQ2Ny4wNDEgODcxLjI0MUM1NTAuNjU1IDg0My41MTUgNjEzLjcyMyA3ODkuNjE1IDY3MC4yNTEgNjg1LjAzOEw2NjkuMzcxIDY4NC41NjJDNjEyLjkzOSA3ODguOTYzIDU1MC4wNTIgODQyLjY2MiA0NjYuNzI2IDg3MC4yOTJDMzgzLjM0OCA4OTcuOTM5IDI3OS40NzMgODk5LjUgMTQxIDg5OS41VjkwMC41Wk02NzAuMjUxIDY4NS4wMzhDNjg0LjM3NCA2NTguOTA5IDY5OC40MTEgNjMxLjI0OSA3MTIuNjAyIDYwMy4yNjRDNzI2Ljc5NCA1NzUuMjc4IDc0MS4xMzkgNTQ2Ljk2NSA3NTUuODg1IDUxOS41MkM3ODUuMzc4IDQ2NC42MjUgODE2LjQ1MyA0MTMuMjM2IDg1MS4wNTUgMzc0LjkxQzg4NS42NTcgMzM2LjU4MyA5MjMuNzMzIDMxMS4zNzcgOTY3LjIyNyAzMDguNzMxQzEwMTAuNzIgMzA2LjA4NSAxMDU5Ljc2IDMyNS45ODcgMTExNi4zMSAzNzguMTgzTDExMTYuOTkgMzc3LjQ0OEMxMDYwLjMzIDMyNS4xNTUgMTAxMS4wMyAzMDUuMDY0IDk2Ny4xNjYgMzA3LjczM0M5MjMuMyAzMTAuNDAyIDg4NC45OTggMzM1LjgyIDg1MC4zMTIgMzc0LjIzOUM4MTUuNjI2IDQxMi42NTkgNzg0LjUwNSA0NjQuMTM4IDc1NS4wMDQgNTE5LjA0N0M3NDAuMjUyIDU0Ni41MDQgNzI1LjkwMSA1NzQuODI4IDcxMS43MSA2MDIuODEyQzY5Ny41MTggNjMwLjc5OSA2ODMuNDg3IDY1OC40NDcgNjY5LjM3MSA2ODQuNTYyTDY3MC4yNTEgNjg1LjAzOFpNMTAxMS44MiA1NTEuNjkzQzgyNS42MDQgNjIyLjE4MSA3MDYuODA3IDY0My4wMyA2MDQuOTEgNjM1Ljg0OUM1MDIuOTk1IDYyOC42NjggNDE3Ljk1MiA1OTMuNDUyIDI5OS4xNjYgNTUxLjY4OUwyOTguODM0IDU1Mi42MzJDNDE3LjU0OCA1OTQuMzcgNTAyLjc1NSA2MjkuNjUzIDYwNC44NCA2MzYuODQ3QzcwNi45NDMgNjQ0LjA0MiA4MjUuODk2IDYyMy4xNCAxMDEyLjE4IDU1Mi42MjhMMTAxMS44MiA1NTEuNjkzWk0zOTcuODY2IDAuMTIxMDNDNDIwLjk4OCA5Mi44MDIxIDQ0NC44OTMgMTgzLjM4MSA0NzAuNTcgMjYxLjdDNDk2LjI0NCAzNDAuMDA4IDUyMy43MDQgNDA2LjEwMiA1NTMuOTUxIDQ0OS43ODZDNTY5LjA3NSA0NzEuNjI5IDU4NC45MTkgNDg3LjkwMyA2MDEuNjE4IDQ5Ny4yOUM2MTguMzMzIDUwNi42ODYgNjM1Ljg5NiA1MDkuMTczIDY1NC4zOTcgNTAzLjQ1MUM2NzIuODc3IDQ5Ny43MzUgNjkyLjI0OCA0ODMuODQzIDcxMi42NCA0NjAuNTc2QzczMy4wMzQgNDM3LjMwNyA3NTQuNDc3IDQwNC42MzEgNzc3LjA5NCAzNjEuMjkzTDc3Ni4yMDggMzYwLjgzMUM3NTMuNjExIDQwNC4xMjggNzMyLjIxMSA0MzYuNzI5IDcxMS44ODggNDU5LjkxN0M2OTEuNTYyIDQ4My4xMDkgNjcyLjMzOCA0OTYuODU1IDY1NC4xMDEgNTAyLjQ5NkM2MzUuODg0IDUwOC4xMyA2MTguNjA1IDUwNS42OTIgNjAyLjEwOCA0OTYuNDE4QzU4NS41OTQgNDg3LjEzNSA1NjkuODUzIDQ3MC45OTUgNTU0Ljc3MyA0NDkuMjE3QzUyNC42MTMgNDA1LjY1OCA0OTcuMTg5IDMzOS42OCA0NzEuNTIgMjYxLjM4OEM0NDUuODU1IDE4My4xMDYgNDIxLjk1NyA5Mi41NTY0IDM5OC44MzYgLTAuMTIxMDNMMzk3Ljg2NiAwLjEyMTAzWk0yOTkuMTY2IDU1MS42ODlDMTYzLjc0IDUwNC4wNzYgNjEuNTc4NyA0NzcuNTA3IDAuMTAyNzQgNDY0LjZMLTAuMTAyNzQgNDY1LjU3OUM2MS4zMjU5IDQ3OC40NzYgMTYzLjQ0NSA1MDUuMDMyIDI5OC44MzQgNTUyLjYzMkwyOTkuMTY2IDU1MS42ODlaTTc3Ny4wOTQgMzYxLjI5M0M4ODYuMjA0IDE1Mi4yMjkgOTkzLjE0MiA0Ny41OTcgMTA3NS4wNiAwLjQzMzMyNkwxMDc0LjU2IC0wLjQzMzMwM0M5OTIuNDI0IDQ2Ljg1NjQgODg1LjM3MSAxNTEuNjYzIDc3Ni4yMDggMzYwLjgzMUw3NzcuMDk0IDM2MS4yOTNaTTE0NDAuMDEgMzczLjU1OUMxMzkxLjc1IDM3Mi45ODUgMTM1OS45NiAzNzYuNTkgMTMzNC42MyAzODQuMTQ5QzEzMDkuMyAzOTEuNzEgMTI5MC40NyA0MDMuMjE5IDEyNjguMTUgNDE4LjM5MkMxMjIzLjUzIDQ0OC43MTYgMTE2NC44IDQ5My43ODkgMTAxMS44MiA1NTEuNjkzTDEwMTIuMTggNTUyLjYyOEMxMTY1LjI2IDQ5NC42ODIgMTIyNC4wNyA0NDkuNTU2IDEyNjguNzEgNDE5LjIxOUMxMjkxLjAxIDQwNC4wNjEgMTMwOS43NCAzOTIuNjI0IDEzMzQuOTIgMzg1LjEwN0MxMzYwLjExIDM3Ny41ODkgMTM5MS43OSAzNzMuOTg2IDE0MzkuOTkgMzc0LjU1OUwxNDQwLjAxIDM3My41NTlaTTExMTYuMzEgMzc4LjE4M0MxMjM3LjA3IDQ4OS42MzkgMTM1NS4yMiA1MzkuNTc1IDE0MzkuODkgNTU4LjU0NkwxNDQwLjExIDU1Ny41N0MxMzU1LjYxIDUzOC42MzcgMTIzNy42MiA0ODguNzgzIDExMTYuOTkgMzc3LjQ0OEwxMTE2LjMxIDM3OC4xODNaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=) no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    transform: translate3d(0,0,0);
    will-change: transform
}

.preloader__logo {
    z-index: 2;
    background-size: contain;
    width: 472px;
    height: 247px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -118px 0 0 -275px
}

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

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

html._preloading .preloader__inner {
    opacity: 1
}

html._preloaded .preloader__inner {
    transition: opacity 1s cubic-bezier(.67,0,.33,1)
}

html._unloading .preloader__inner {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.67,0,.33,1) .5s
}

.preloader__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #fff;
    z-index: 2;
    transform-origin: left;
    transform: scale(0,1)
}

html._preloading .preloader__line {
    transform: scale(.9,1);
    transition: transform 10s ease-out
}

html._preloaded .preloader__line {
    transform: scale(1,1);
    transition: transform .75s ease-out
}

.top {
    min-height: 100vh;
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding-top: 300px;
    box-sizing: border-box;
    margin-bottom: 130px
}

html.mobile .top {
    min-height: calc(var(--vh,1vh) * 100)
}

html.ie.page-styles .top {
    height: 500px
}

.top__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.top__img:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg,rgba(0,0,0,0) 53.04%,rgba(0,0,0,.4) 100%)
}

.top__inner {
    color: #fff;
    margin-bottom: 50px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 2
}

html.ie.page-styles .top__inner {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

h1.top__title {
    font-weight: 700;
    line-height: 64px;
    font-size: 72px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    max-width: 760px
}

h1.top__title span {
    color: transparent;
    -webkit-text-stroke: 1px #fff
}

html.ie h1.top__title span {
    color: #fff
}

.top__dates {
    width: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.top__dates-item {
    position: relative;
    width: 74px
}

.top__dates-item b {
    display: block;
    font-weight: 700;
    line-height: 64px;
    font-size: 72px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: transparent;
    -webkit-text-stroke: 1px #fff
}

html.ie .top__dates-item b {
    color: #fff
}

.top__dates-item span {
    display: block;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase
}

.top__dates-item+.top__dates-item {
    margin-top: 21px
}

.top__dates-item+.top__dates-item:before {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01IDEuNTI5OWUtMDdMNSAxM001IDEzTDEuNSA5LjVNNSAxM0w4LjUgOS41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -5px
}

.top__text {
    width: 100%
}

.top__dates+.top__text {
    width: calc(100% - 130px)
}

.top__p {
    line-height: 32px;
    font-size: 18px;
    margin: 10px 0 0 0;
    max-width: 715px
}

.factoids {
    display: block;
    list-style: none;
    margin-left: 0;
    padding: 0;
    margin-top: 100px;
    margin-bottom: 130px;
    font-size: 0
}

html.desktop .factoids {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .factoids._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .factoids:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.factoids li {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    line-height: normal;
    font-size: 15px;
    box-sizing: border-box;
    padding-right: 5px
}

.factoids li span:first-child {
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px
}

.factoids li b {
    font-weight: 700;
    font-size: 48px
}

.factoids li:nth-child(3)~li {
    margin-top: 50px
}

.multy-images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 100px
}

.multy-images__item {
    position: relative;
    width: calc(50% - 2.5px);
    overflow: hidden;
    margin-bottom: 5px;
    padding-bottom: 43.5%;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    background-color: #000
}

html.desktop .multy-images__item {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .multy-images__item._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .multy-images__item:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.multy-images__item:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #000;
    pointer-events: none;
    transition: opacity .3s ease
}

.multy-images__item img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1
}

.multy-images__item._loaded:after {
    opacity: 0
}

.slider-wrap {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .slider-wrap {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .slider-wrap._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .slider-wrap:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.slider-wrap__inner {
    width: 1150px;
    height: 650px;
    position: relative;
    left: 50%;
    margin-left: -572px
}

.slider {
    position: relative;
    height: 100%;
    cursor: move;
    cursor: grab;
    border-radius: 3px;
    z-index: 1
}

.slide {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slide__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 3px
}

.slide__img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 3px;
    overflow: hidden
}

.slide__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.slide__img.swiper-lazy-loaded {
    opacity: 1
}

.slider-description {
    position: relative;
    margin-top: 30px;
    height: 30px;
    list-style: none;
    padding: 0;
    margin-bottom: 100px
}

.slider-description li {
    display: block;
    width: 100%;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    font-size: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.slider-description li._active {
    opacity: 1;
    pointer-events: auto
}

.slider__nav {
    width: 152px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDIzMiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNjIuMDc2IDcwQzE0OS45NjYgNzAgMTM5LjUzNSA2Mi43ODczIDEzNC44MjYgNTIuNDEyOEwxMzQuODA4IDUyLjQxMjhDMTMxLjYzOCA0NS4xMzc3IDEyNC40MTUgNDAuMDQzOCAxMTYgMzkuOTk4OUMxMjQuNDE1IDM5Ljk1NCAxMzEuNjM4IDM0Ljg2MDIgMTM0LjgwOCAyNy41ODUyTDEzNC44MjcgMjcuNTg1MkMxMzkuNTM3IDE3LjIxMTggMTQ5Ljk2NiAxMCAxNjIuMDc2IDEwQzE3OC42MDMgMTAgMTkyIDIzLjQzMTUgMTkyIDQwQzE5MiA1Ni41Njg1IDE3OC42MDMgNzAgMTYyLjA3NiA3MFoiIGZpbGw9IndoaXRlIi8+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02OS45MzEgMTBDODIuMDQ0NSAxMCA5Mi40NzczIDE3LjIxMjcgOTcuMTg3NyAyNy41ODcyTDk3LjIwNTMgMjcuNTg3MkMxMDAuMzc0IDM0Ljg1NzMgMTA3LjU5MSAzOS45NDkyIDExNiA0MC4wMDEyQzEwNy41OTEgNDAuMDUzMiAxMDAuMzc0IDQ1LjE0NDkgOTcuMjA1NSA1Mi40MTQ4TDk3LjE4NjggNTIuNDE0OEM5Mi40NzYgNjIuNzg4MiA4Mi4wNDM4IDcwIDY5LjkzMSA3MEM1My40MDA1IDcwIDQwIDU2LjU2ODUgNDAgNDBDNDAgMjMuNDMxNSA1My40MDA1IDEwIDY5LjkzMSAxMFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==) no-repeat -40px -10px;
    position: absolute;
    right: 40px;
    bottom: -30px;
    z-index: 2;
    transform-origin: right
}

.slider-next,.slider-prev {
    display: block;
    border: 0;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: right;
    transition: transform .2s ease;
    box-shadow: 0 30px 40px rgba(0,0,0,.1)
}

html.desktop .slider-next:hover,html.desktop .slider-prev:hover {
    transform: scale(1.1)
}

.slider-next:before,.slider-prev:before {
    content: '';
    display: block;
    width: 20px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi4wNjAyIDFMMTkgOE0xOSA4TDEyLjA2MDIgMTVNMTkgOEgxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -10px;
    transform: rotate(180deg)
}

.slider-next {
    left: auto;
    right: 0;
    transform-origin: left
}

.slider-next:before {
    transform: none
}

.slider-wrap--double {
    width: calc(100% - 80px);
    max-width: 1600px;
    height: calc((100vw - 80px) * .43);
    max-height: 690px;
    margin-left: auto;
    margin-right: auto
}

.slider-wrap--double._disabled .slider__inner {
    pointer-events: none
}

.slider-wrap--double .slider-wrap__inner {
    width: calc(100% + 5px)!important;
    height: 100%!important;
    left: 0;
    margin-left: 0!important
}

.slider-wrap--double .slider {
    background: #fff
}

.slider-wrap--double .slide__inner {
    width: 100%!important;
    background: #fff
}

.slider-wrap--double .slide__img {
    width: calc(50% - 5px);
    will-change: transform
}

.slider-wrap--double .slide__img:nth-child(2) {
    left: auto;
    right: 5px
}

.slider-wrap--double._move-next .swiper-slide-active .slide__img:nth-child(2) {
    animation: slideLeft 1.2s ease 0s;
    animation-fill-mode: backwards
}

.slider-wrap--double._move-prev .swiper-slide-active .slide__img:nth-child(1) {
    animation: slideRight 1.2s ease 0s;
    animation-fill-mode: backwards
}

.slider-wrap--twin {
    width: calc(100% - 80px);
    max-width: 1600px;
    height: calc((100vw - 80px) * .43);
    max-height: 690px;
    margin-left: auto;
    margin-right: auto
}

.slider-wrap--twin .slider-wrap__inner {
    width: calc(100% + 5px)!important;
    height: 100%!important;
    left: 0;
    margin-left: 0!important
}

.slider-wrap--twin .slider {
    width: calc(50% - 5px);
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

.slider-wrap--twin .slider:nth-child(2) {
    left: auto;
    right: 5px
}

.slider-wrap--twin .slide__inner {
    width: 100%!important
}

.slider-wrap--twin .slide {
    border-radius: 3px
}

.text .full-width.slider-fullwidth .slider-wrap {
    margin-bottom: 150px
}

.accordeon {
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .accordeon {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .accordeon._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .accordeon:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.accordeon-item {
    border-bottom: 2px solid #000
}

.accordeon-item:last-child {
    border-bottom: 0
}

.accordeon-item__header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 80px 10px 0;
    box-sizing: border-box;
    cursor: pointer
}

.accordeon-item__title {
    margin: 0!important
}

.accordeon-item__button {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border: 0;
    background: #fff;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
    transform-origin: right
}

.accordeon-item__button:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDEwQzAuNDQ3NzE1IDEwIDAgMTAuNDQ3NyAwIDExQzAgMTEuNTUyMyAwLjQ0NzcxNSAxMiAxIDEyVjEwWk0yMSAxMkMyMS41NTIzIDEyIDIyIDExLjU1MjMgMjIgMTFDMjIgMTAuNDQ3NyAyMS41NTIzIDEwIDIxIDEwVjEyWk0xMCAyMUMxMCAyMS41NTIzIDEwLjQ0NzcgMjIgMTEgMjJDMTEuNTUyMyAyMiAxMiAyMS41NTIzIDEyIDIxSDEwWk0xMiAxQzEyIDAuNDQ3NzE1IDExLjU1MjMgMCAxMSAwQzEwLjQ0NzcgMCAxMCAwLjQ0NzcxNSAxMCAxSDEyWk0xIDEySDIxVjEwSDFWMTJaTTEyIDIxVjFIMTBWMjFIMTJaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -11px;
    transform: translateZ(0);
    transition: transform .2s ease
}

.accordeon-item._open .accordeon-item__button:before {
    transform: rotate(45deg) translateZ(0)
}

html.desktop .accordeon-item__header:hover .accordeon-item__button:before {
    transform: rotate(90deg) translateZ(0)
}

html.desktop .accordeon-item._open .accordeon-item__header:hover .accordeon-item__button:before {
    transform: rotate(135deg) translateZ(0)
}

.accordeon-item__inner {
    display: none
}

.accordeon-item__text {
    margin-left: 115px;
    margin-bottom: 50px
}

.accordeon-item__text>ol,.accordeon-item__text>ul {
    margin-left: 0!important
}

.accordeon-item__text>:first-child {
    margin-top: 0!important
}

.accordeon-item__text>:last-child {
    margin-bottom: 0!important
}

.files {
    margin-top: 100px;
    margin-bottom: 100px;
    width: 1150px;
    left: 50%;
    margin-left: -572px;
    position: relative;
    padding: 0;
    list-style: none;
    font-size: 0
}

html.desktop .files {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .files._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .files:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.files.grid--short {
    width: auto!important;
    margin-left: 0!important;
    margin-right: -5px;
    left: 0!important
}

.accordeon-item .files {
    width: auto!important;
    margin-left: 0!important;
    margin-right: -5px;
    left: 0!important
}

.files-item {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    height: 287px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: left
}

.file {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #f8f8f8;
    transition: all .3s ease;
    color: #000;
    box-sizing: border-box;
    padding: 90px 30px 0 30px;
    position: relative
}

.file:before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 3px 0 10px 0;
    background: #e2e2e2;
    transition: inherit
}

.file:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 34L34 0V34L0 34Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100% 100%
}

html.desktop .file:hover {
    background: #000;
    color: #fff
}

html.desktop .file:hover:before {
    background: #555
}

.file__name {
    display: block;
    font-weight: 300;
    line-height: 26px;
    font-size: 18px;
    max-height: 78px;
    overflow: hidden;
    margin-bottom: 21px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.file__size {
    display: block;
    line-height: 22px;
    font-size: 15px
}

.file__ext {
    display: block;
    font-weight: 700;
    line-height: normal;
    font-size: 30px;
    text-transform: uppercase;
    position: absolute;
    left: 30px;
    top: 36px;
    -webkit-text-stroke: 1px #000;
    color: transparent;
    transition: inherit
}

html.ie .file__ext {
    color: currentColor
}

html.desktop .file:hover .file__ext {
    -webkit-text-stroke: 1px #fff
}

.map {
    width: 1145px;
    height: 650px;
    position: relative;
    left: 50%;
    margin-left: -572px;
    margin-top: 100px;
    margin-bottom: 100px
}

.map:before {
    display: block;
    width: 100%;
    height: 1px;
    background: #00f;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 99
}

.map:after {
    display: block;
    width: 1px;
    height: 100%;
    background: #00f;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 99
}

.map__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 3px;
    overflow: hidden;
    background: #000
}

.map-controls {
    width: 152px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDIzMiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNjIuMDc2IDcwQzE0OS45NjYgNzAgMTM5LjUzNSA2Mi43ODczIDEzNC44MjYgNTIuNDEyOEwxMzQuODA4IDUyLjQxMjhDMTMxLjYzOCA0NS4xMzc3IDEyNC40MTUgNDAuMDQzOCAxMTYgMzkuOTk4OUMxMjQuNDE1IDM5Ljk1NCAxMzEuNjM4IDM0Ljg2MDIgMTM0LjgwOCAyNy41ODUyTDEzNC44MjcgMjcuNTg1MkMxMzkuNTM3IDE3LjIxMTggMTQ5Ljk2NiAxMCAxNjIuMDc2IDEwQzE3OC42MDMgMTAgMTkyIDIzLjQzMTUgMTkyIDQwQzE5MiA1Ni41Njg1IDE3OC42MDMgNzAgMTYyLjA3NiA3MFoiIGZpbGw9IndoaXRlIi8+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02OS45MzEgMTBDODIuMDQ0NSAxMCA5Mi40NzczIDE3LjIxMjcgOTcuMTg3NyAyNy41ODcyTDk3LjIwNTMgMjcuNTg3MkMxMDAuMzc0IDM0Ljg1NzMgMTA3LjU5MSAzOS45NDkyIDExNiA0MC4wMDEyQzEwNy41OTEgNDAuMDUzMiAxMDAuMzc0IDQ1LjE0NDkgOTcuMjA1NSA1Mi40MTQ4TDk3LjE4NjggNTIuNDE0OEM5Mi40NzYgNjIuNzg4MiA4Mi4wNDM4IDcwIDY5LjkzMSA3MEM1My40MDA1IDcwIDQwIDU2LjU2ODUgNDAgNDBDNDAgMjMuNDMxNSA1My40MDA1IDEwIDY5LjkzMSAxMFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==) no-repeat -40px -10px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    transform-origin: right;
    transform: rotate(90deg);
    margin-top: 46px
}

.map-minus,.map-plus {
    display: block;
    border: 0;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: right;
    transition: transform .2s ease;
    box-shadow: 15px -15px 40px rgba(0,0,0,.1);
    font-size: 0;
    z-index: 1
}

html.desktop .map-minus:hover,html.desktop .map-plus:hover {
    transform: scale(1.1)
}

.map-minus:before,.map-plus:before {
    content: '';
    display: block;
    width: 2px;
    height: 18px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -1px
}

.map-minus:after,.map-plus:after {
    content: '';
    display: block;
    width: 2px;
    height: 18px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -1px;
    transform: rotate(90deg)
}

.map-minus {
    left: auto;
    right: 0;
    transform-origin: left;
    z-index: 2
}

.map-minus:after {
    content: none
}

.map-pin {
    width: 70px;
    height: 89px;
    position: relative;
    transform-origin: bottom
}

.map-pin__img-1,.map-pin__img-2 {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.map-pin__img-2 {
    opacity: 0;
    transition: opacity .2s ease
}

html.mobile .map-pin__img-2 {
    display: none;
    background-image: none!important
}

.map-pin._hover .map-pin__img-2 {
    opacity: 1
}

.logos {
    margin-top: 100px;
    margin-bottom: 100px;
    width: 1150px;
    left: 50%;
    margin-left: -572px;
    position: relative;
    padding: 0;
    list-style: none;
    font-size: 0
}

.logos.grid--short {
    width: auto!important;
    margin-left: 0!important;
    margin-right: -5px;
    left: 0!important
}

.logos-item {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    height: 160px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: left;
    background: #f8f8f8;
    position: relative
}

.logos-item__link {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 3px;
    background: #f8f8f8;
    transition: all .3s ease;
    font-size: 10px;
    text-indent: -1000px;
    overflow: hidden
}

.logos-item__link-logos {
    position: absolute;
    left: 0
}

.logos-item__logo {
    position: absolute;
    width: 60%;
    height: 50%;
    top: 25%;
    left: 20%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
    transition: opacity .3s ease
}

.logos-item__logo._loaded {
    opacity: 1
}

.logos-item__logo--default {
    z-index: 2
}

html.desktop a.logos-item__link:hover .logos-item__logo--default {
    opacity: 0
}

.logos-item__logo--hover {
    opacity: 0;
    z-index: 2
}

html:not(.desktop) .logos-item__logo--hover {
    display: none;
    background-image: none!important
}

html.desktop a.logos-item__link:hover .logos-item__logo--hover {
    opacity: 1
}

.logos-item__logo-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    overflow: hidden;
    transition: opacity .3s ease;
    opacity: 0
}

.logos-item__logo-bg:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

html:not(.desktop) .logos-item__logo-bg {
    display: none;
    background-image: none!important
}

html.desktop a.logos-item__link:hover .logos-item__logo-bg {
    opacity: .5
}

.grid-links {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 100px
}

.grid-links__item {
    display: block;
    border-radius: 3px;
    overflow: hidden;
    background: #000;
    color: #fff;
    position: relative
}

html.desktop .grid-links__item {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .grid-links__item._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .grid-links__item:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.grid-links__item:nth-child(1),.grid-links__item:nth-child(2) {
    width: calc(50% - 2.5px);
    padding-top: 43%;
    margin-bottom: 5px
}

.grid-links__item:nth-child(3) {
    width: 100%;
    padding-top: 28%
}

.grid-links__item-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.grid-links__item-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
    z-index: 2
}

html.desktop .grid-links__item-link:hover:after {
    transform: translateX(0);
    opacity: 1
}

html.desktop .grid-links__item-link:after {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi44MDAzIDFMMjYuNzE0MyAxMU0yNi43MTQzIDExTDE2LjgwMDMgMjFNMjYuNzE0MyAxMUgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    transform: translateX(10px);
    transition: inherit;
    opacity: 0
}

.grid-links__item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s ease;
    opacity: 0;
    z-index: 1;
    will-change: transform
}

html.desktop a:hover .grid-links__item-img {
    transform: scale(1.05)
}

.grid-links__item-img._loaded {
    opacity: 1
}

.grid-links__item-title {
    font-weight: 700;
    line-height: 43px;
    font-size: 48px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: 40px;
    right: 40px;
    top: 57px;
    z-index: 3;
    margin: 0;
    text-align: left!important;
    transition: transform .6s ease
}

html.desktop a:hover .grid-links__item-title {
    transform: translateY(-10px)
}

.page-afisha .content,.page-events .content {
    padding-top: 180px
}

.page-afisha .filter .select,.page-events .filter .select {
    min-width: 174px
}

.title-wrap {
    position: relative;
    margin-bottom: 80px
}

.title-page {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    line-height: 64px;
    font-size: 72px;
    text-transform: uppercase;
    margin: 0
}

.title-page+.filter {
    position: absolute;
    right: 0;
    top: 10px
}

.events {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: -5px
}

.events-item-link {
    display: block;
    width: calc(33.33% - 5px);
    position: relative;
    margin-right: 5px
}

html.desktop .events-item-link {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .events-item-link._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .events-item-link:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.page-main .events>.events-item-link:only-child,html.page-styles .events>.events-item-link:only-child {
    width: 685px;
    margin: 0 auto
}

.events-item {
    width: 100%;
    position: relative;
    min-height: 100px
}

.events-item__img {
    width: 100%;
    padding-top: 120%;
    background: #000;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    transition: all .3s ease-in-out
}

html.page-main .events>.events-item-link:only-child .events-item__img,html.page-styles .events>.events-item-link:only-child .events-item__img {
    padding-top: 78%
}

html.desktop a:hover .events-item__img:after {
    transform: translateX(0);
    opacity: 1
}

html.desktop .events-item__img:after {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi44MDAzIDFMMjYuNzE0MyAxMU0yNi43MTQzIDExTDE2LjgwMDMgMjFNMjYuNzE0MyAxMUgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    transform: translateX(10px);
    transition: inherit;
    opacity: 0
}

.events-item__img-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s ease;
    opacity: 0
}

.events-item__img-inner img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}

html.desktop a:hover .events-item__img-inner {
    transform: scale(1.05)
}

.events-item__img-inner._loaded {
    opacity: 1
}

.events-item__text {
    padding-left: 100px;
    padding-right: 35px;
    position: relative;
    margin-top: 44px;
    transition: transform .5s ease;
    min-height: 270px;
    box-sizing: border-box;
    padding-bottom: 70px
}

html.desktop a:hover .events-item__text {
    transform: translateY(-10px)
}

.events-item-link--event .events-item__text {
    padding-left: 0!important
}

h2.events-item__title,h3.events-item__title {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 7px 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: left!important
}

h2.events-item__title span,h3.events-item__title span {
    color: #fff;
    -webkit-text-stroke: 1px #000
}

html.ie h2.events-item__title span,html.ie h3.events-item__title span {
    text-shadow: #000 1px 0 0,#000 -1px 0 0,#000 0 1px 0,#000 0 -1px 0
}

p.events-item__descr {
    line-height: 26px;
    font-size: 18px;
    margin: 0
}

.events-item__time {
    width: 56px;
    position: absolute;
    left: 0;
    top: 3px;
    white-space: nowrap
}

.events-item__time-item {
    text-align: center;
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
    text-transform: uppercase
}

.events-item__time-item b {
    display: block;
    font-weight: 700;
    line-height: 43px;
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 11px;
    transform: translateZ(0);
    transition: all .3s ease;
    color: #fff;
    -webkit-text-stroke: 1px #000
}

html.ie .events-item__time-item b {
    color: #000
}

.events-item__time-item+.events-item__time-item {
    position: relative;
    margin-top: 22px
}

.events-item__time-item+.events-item__time-item:before {
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMy41IDEuMDkyNzhlLTA3TDMuNSAxMU0zLjUgMTFMMSA4LjVNMy41IDExTDYgOC41IiBzdHJva2U9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0;
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -4px
}

html.desktop a:hover .events-item__time-item b {
    color: #000;
    -webkit-text-stroke-color: transparent
}

.events-pretext {
    width: 685px;
    margin-left: 0;
    margin-bottom: 60px;
    margin-top: -40px
}

.page-styles .header__lang,.page-styles .header__menu-list a,.page-styles .header__menu-list span,.page-styles .logo {
    color: #fff
}

.page-styles .header__menu-marker,.page-styles.mobile .header__menu-list span:before {
    background: #fff
}

.page-styles h2:not(.title-h3) {
    text-align: center
}

.text {
    width: 685px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 1px
}

.text>:first-child {
    margin-top: 0
}

.text>:last-child {
    margin-bottom: 0
}

.text p {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.text a:not([class]) {
    text-decoration: none;
    transition: border-color .2s ease;
    color: #000;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

html.desktop .text a:not([class]):hover {
    border-color: #000
}

.text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
    display: block;
    counter-reset: ol;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 115px;
    list-style: none
}

.text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative
}

.text ol:not([class])>li:last-child,.text ol[class=""]>li:last-child,.text ol[class="_visible"]>li:last-child,.text ul:not([class])>li:last-child,.text ul[class=""]>li:last-child,.text ul[class="_visible"]>li:last-child {
    margin-bottom: 0!important
}

.text ol:not([class]) ul,.text ol[class=""] ul,.text ol[class="_visible"] ul,.text ul:not([class]) ul,.text ul[class=""] ul,.text ul[class="_visible"] ul {
    margin-left: 45px
}

.text ul:not([class])>li:before,.text ul[class=""]>li:before,.text ul[class="_visible"]>li:before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    position: absolute;
    border-bottom: 1px solid #000;
    left: -45px;
    top: 15px
}

.text ul:not([class]) ol,.text ul[class=""] ol,.text ul[class="_visible"] ol {
    counter-reset: olu;
    margin-left: 0
}

.text ul:not([class]) ol>li:before,.text ul[class=""] ol>li:before,.text ul[class="_visible"] ol>li:before {
    counter-increment: olu;
    content: counters(olu, '') '.'
}

.text ul:not([class]) ol ol,.text ul[class=""] ol ol,.text ul[class="_visible"] ol ol {
    counter-reset: olu2
}

.text ul:not([class]) ol ol>li:before,.text ul[class=""] ol ol>li:before,.text ul[class="_visible"] ol ol>li:before {
    counter-increment: olu2;
    content: counters(olu, '') '.' counters(olu2, '') '.'
}

.text ul:not([class]) ul ol,.text ul[class=""] ul ol,.text ul[class="_visible"] ul ol {
    counter-reset: olu2
}

.text ul:not([class]) ul ol li:before,.text ul[class=""] ul ol li:before,.text ul[class="_visible"] ul ol li:before {
    counter-increment: olu2;
    content: counters(olu2, '') '.'
}

.text ol:not([class])>li:before,.text ol[class=""]>li:before,.text ol[class="_visible"]>li:before {
    counter-increment: ol;
    content: counters(ol, '') '.';
    position: absolute;
    left: -115px;
    top: 0;
    width: 84px;
    text-align: right;
    white-space: nowrap
}

.text ol:not([class]) ol,.text ol[class=""] ol,.text ol[class="_visible"] ol {
    counter-reset: ol2;
    margin-left: 0
}

.text ol:not([class]) ol>li:before,.text ol[class=""] ol>li:before,.text ol[class="_visible"] ol>li:before {
    counter-increment: ol2;
    content: counters(ol, '') '.' counters(ol2, '') '.'
}

.text ol:not([class]) ol ol,.text ol[class=""] ol ol,.text ol[class="_visible"] ol ol {
    counter-reset: ol3
}

.text ol:not([class]) ol ol>li:before,.text ol[class=""] ol ol>li:before,.text ol[class="_visible"] ol ol>li:before {
    counter-increment: ol3;
    content: counters(ol, '') '.' counters(ol2, '') '.' counters(ol3, '') '.'
}

.text ol:not([class]) ul ol,.text ol[class=""] ul ol,.text ol[class="_visible"] ul ol {
    counter-reset: ol3
}

.text ol:not([class]) ul ol li:before,.text ol[class=""] ul ol li:before,.text ol[class="_visible"] ul ol li:before {
    counter-increment: ol3;
    content: counters(ol3, '') '.'
}

.text .title-h2,.text .title-h3,.text>h2,.text>h3,.text>h4,.text>h5,.text>h6,.text>ol,.text>p,.text>ul {
    position: relative;
    display: block
}

html.desktop .text .title-h2,html.desktop .text .title-h3,html.desktop .text>h2,html.desktop .text>h3,html.desktop .text>h4,html.desktop .text>h5,html.desktop .text>h6,html.desktop .text>ol,html.desktop .text>p,html.desktop .text>ul {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .text .title-h2._visible,html.desktop .text .title-h3._visible,html.desktop .text>h2._visible,html.desktop .text>h3._visible,html.desktop .text>h4._visible,html.desktop .text>h5._visible,html.desktop .text>h6._visible,html.desktop .text>ol._visible,html.desktop .text>p._visible,html.desktop .text>ul._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .text .title-h2:focus-within,html.desktop .text .title-h3:focus-within,html.desktop .text>h2:focus-within,html.desktop .text>h3:focus-within,html.desktop .text>h4:focus-within,html.desktop .text>h5:focus-within,html.desktop .text>h6:focus-within,html.desktop .text>ol:focus-within,html.desktop .text>p:focus-within,html.desktop .text>ul:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop.safari .text>.title-h2,html.desktop.safari .text>h2 {
    padding-top: 30px;
    margin-top: 100px
}

html.desktop.safari .text>.title-h2:first-child,html.desktop.safari .text>h2:first-child {
    padding-top: 0;
    opacity: 1!important;
    transform: none!important
}

html.desktop.safari .text>.title-h3,html.desktop.safari .text>h3 {
    padding-top: 30px;
    margin-top: 70px
}

html.desktop.safari .text>.title-h3:first-child,html.desktop.safari .text>h3:first-child {
    padding-top: 0;
    opacity: 1!important;
    transform: none!important
}

html.desktop.safari .text>.h-number span {
    top: 30px
}

.text>.events {
    margin-top: 130px;
    margin-bottom: 130px
}

.buttons-list {
    display: block;
    margin-top: 50px;
    margin-bottom: 130px;
    list-style: none;
    padding: 0;
    font-size: 0
}

html.desktop .buttons-list {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .buttons-list._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .buttons-list:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.buttons-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px
}

.buttons-list li:last-child {
    margin-right: 0
}

.buttons-list a {
    min-width: 150px
}

.img {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .img {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .img._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .img:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.img figcaption {
    margin-top: 30px;
    line-height: 22px;
    font-size: 15px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.img__inner {
    width: 1145px;
    height: 650px;
    position: relative;
    left: 50%;
    margin-left: -572px;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.img__inner:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #000;
    pointer-events: none;
    transition: opacity .3s ease
}

.img__inner img {
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.img__inner._loaded:after {
    opacity: 0
}

.img--free .img__inner {
    display: inline-block;
    width: auto;
    max-width: 100%;
    left: 0;
    margin-left: 0;
    vertical-align: top;
    height: auto;
    background-image: none!important;
    padding-bottom: 0
}

.img--free .img__inner img {
    position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    opacity: 1
}

.scheme {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .scheme {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .scheme._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .scheme:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.scheme__inner {
    width: 1145px;
    height: 650px;
    position: relative;
    left: 50%;
    margin-left: -572px;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.scheme__inner svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important
}

.video {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .video {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .video._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .video:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.video figcaption {
    margin-top: 30px;
    line-height: 22px;
    font-size: 15px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.video__inner {
    width: 1145px;
    height: 650px;
    position: relative;
    left: 50%;
    margin-left: -572px;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: #000
}

.video__inner:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    pointer-events: none;
    transition: opacity .3s ease
}

.video__inner._loaded:after {
    opacity: 0
}

.video__inner iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000
}

.video__play {
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    color: transparent;
    font-size: 10px;
    box-shadow: 0 30px 40px rgba(0,0,0,.1);
    transition: transform .2s ease;
    z-index: 2
}

.video__play:after {
    content: '';
    display: block;
    width: 14px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy41IDcuMTMzOTdDMTQuMTY2NyA3LjUxODg3IDE0LjE2NjcgOC40ODExMyAxMy41IDguODY2MDNMMS41IDE1Ljc5NDJDMC44MzMzMzMgMTYuMTc5MSAtNy43MzYwNGUtMDcgMTUuNjk4IC03LjM5OTU1ZS0wNyAxNC45MjgyTC0xLjM0MjczZS0wNyAxLjA3MThDLTEuMDA2MjNlLTA3IDAuMzAxOTk2IDAuODMzMzMzIC0wLjE3OTEzIDEuNSAwLjIwNTc3TDEzLjUgNy4xMzM5N1oiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -8px;
    transform: translateZ(0)
}

html.desktop .video__inner:hover .video__play {
    transform: scale(1.1)
}

.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 1145px;
    position: relative;
    left: 50%;
    margin-left: -572px;
    box-sizing: border-box;
    margin-top: 100px;
    margin-bottom: 100px
}

html.desktop .table {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .table._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .table:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.table table {
    min-width: 100%;
    overflow: hidden;
    border-top: 2px solid #000
}

.table th {
    vertical-align: middle;
    font-weight: 300;
    text-align: left;
    padding: 28px 20px 28px 0;
    position: relative;
    border-bottom: 2px solid #000;
    line-height: 22px;
    font-size: 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.table th:last-child {
    padding-right: 0
}

.table td {
    vertical-align: middle;
    font-weight: 300;
    text-align: left;
    padding: 26px 20px 26px 0;
    position: relative;
    border-bottom: 2px solid #000;
    line-height: 26px;
    font-size: 18px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.table td:last-child {
    padding-right: 0
}

.blockquote {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 0;
    margin-right: 0
}

html.desktop .blockquote {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .blockquote._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .blockquote:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.blockquote p {
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    font-size: 48px;
    letter-spacing: -.01em;
    text-transform: uppercase;
    margin: 0!important;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.blockquote p:before {
    content: '“';
    display: inline-block;
    width: 115px;
    font-size: 74px;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    position: relative;
    top: 19px
}

html.ie .blockquote p:before {
    color: #000
}

.blockquote cite {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-style: normal;
    margin-top: 30px;
    margin-left: 115px
}

.blockquote__name {
    display: block;
    font-weight: 300;
    line-height: 26px;
    font-size: 18px;
    padding-right: 45px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.blockquote__name b {
    display: block;
    width: 100%;
    line-height: 22px;
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px
}

.blockquote__img {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 5px
}

.back-link {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 130px
}

html.desktop .back-link {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .back-link._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .back-link:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.back-link a {
    min-width: 150px
}

.h-number {
    position: relative;
    text-indent: 115px
}

.h-number span {
    display: inline-block;
    width: 115px;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0
}

html.ie .h-number span {
    color: #000
}

.text-offset {
    margin-left: 115px
}

html.desktop .text-offset {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .text-offset._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .text-offset:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.styles-afisha {
    margin-top: 130px;
    margin-bottom: 130px
}

.page-main .header__lang,.page-main .header__menu-list a,.page-main .header__menu-list span,.page-main .logo {
    color: #fff
}

.page-main .header__menu-marker {
    background: #fff
}

.page-main .content {
    padding-bottom: 70px
}

.page-main .content>.wrap {
    text-align: center
}

.page-main .content>.wrap .text {
    text-align: left
}

.page-main.desktop .content>.wrap>.btn,.page-main.desktop .content>.wrap>h2 {
    position: relative;
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

.page-main.desktop .content>.wrap>.btn._visible,.page-main.desktop .content>.wrap>h2._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.page-main .grid-links__item-link:before {
    background: linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 50%)
}

.top--mainpage {
    overflow: hidden;
    padding-top: 0!important;
    height: 500px
}

.top--mainpage .top__inner {
    margin-bottom: 220px;
    margin-left: 40px;
    margin-right: 40px;
    transition: opacity .3s ease-in-out .7s,transform .3s ease-in-out .7s;
    pointer-events: none
}

html._iphoneX._portrait .top--mainpage .top__inner {
    top: 125px
}

.top--mainpage._active .top__inner {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .2s ease,transform .2s ease
}

.top--mainpage._active .mp-list__item-visible-text {
    opacity: 0;
    margin-bottom: 10px;
    transition: opacity .2s ease,margin 0s linear .2s,transform .2s ease!important
}

.top--mainpage._active .mp-list__item-hidden-text {
    opacity: 1
}

.top--mainpage._active--1 .mp-list li:nth-child(1) {
    width: 100%;
    cursor: default
}

.top--mainpage._active--1 .mp-list li:nth-child(1) .mp-list__item-hidden-text {
    opacity: 0;
    transition-delay: 0s
}

.top--mainpage._active--1 .mp-list li:nth-child(1)::before {
    opacity: .5
}

.top--mainpage._active--1 .mp-list li:nth-child(2),.top--mainpage._active--1 .mp-list li:nth-child(3),.top--mainpage._active--1 .mp-list li:nth-child(4) {
    width: 60px
}

.top--mainpage._active--1 .top__hidden-item:nth-child(1) {
    pointer-events: auto
}

.top--mainpage._active--1 .top__hidden-item:nth-child(1) .top__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .4s
}

.top--mainpage._active--1 .top__hidden-item:nth-child(1) p {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .5s
}

.top--mainpage._active--1 .top__hidden-item:nth-child(1) .btn {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s ease-in-out .6s,transform .3s ease-in-out .6s,background .3s ease-in-out,color .3s ease-in-out
}

.top--mainpage._active--2 .mp-list li:nth-child(2) {
    width: 100%;
    cursor: default
}

.top--mainpage._active--2 .mp-list li:nth-child(2) .mp-list__item-hidden-text {
    opacity: 0;
    transition-delay: 0s
}

.top--mainpage._active--2 .mp-list li:nth-child(2)::before {
    opacity: .5
}

.top--mainpage._active--2 .mp-list li:nth-child(1),.top--mainpage._active--2 .mp-list li:nth-child(3),.top--mainpage._active--2 .mp-list li:nth-child(4) {
    width: 60px
}

.top--mainpage._active--2 .top__hidden-item:nth-child(2) {
    pointer-events: auto
}

.top--mainpage._active--2 .top__hidden-item:nth-child(2) .top__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .4s
}

.top--mainpage._active--2 .top__hidden-item:nth-child(2) p {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .5s
}

.top--mainpage._active--2 .top__hidden-item:nth-child(2) .btn {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s ease-in-out .6s,transform .3s ease-in-out .6s,background .3s ease-in-out,color .3s ease-in-out
}

.top--mainpage._active--3 .mp-list li:nth-child(3) {
    width: 100%;
    cursor: default
}

.top--mainpage._active--3 .mp-list li:nth-child(3) .mp-list__item-hidden-text {
    opacity: 0;
    transition-delay: 0s
}

.top--mainpage._active--3 .mp-list li:nth-child(3)::before {
    opacity: .5
}

.top--mainpage._active--3 .mp-list li:nth-child(1),.top--mainpage._active--3 .mp-list li:nth-child(2),.top--mainpage._active--3 .mp-list li:nth-child(4) {
    width: 60px
}

.top--mainpage._active--3 .top__hidden-item:nth-child(3) {
    pointer-events: auto
}

.top--mainpage._active--3 .top__hidden-item:nth-child(3) .top__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .4s
}

.top--mainpage._active--3 .top__hidden-item:nth-child(3) p {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .5s
}

.top--mainpage._active--3 .top__hidden-item:nth-child(3) .btn {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s ease-in-out .6s,transform .3s ease-in-out .6s,background .3s ease-in-out,color .3s ease-in-out
}

.top--mainpage._active--4 .mp-list li:nth-child(4) {
    width: 100%;
    cursor: default
}

.top--mainpage._active--4 .mp-list li:nth-child(4) .mp-list__item-hidden-text {
    opacity: 0;
    transition-delay: 0s
}

.top--mainpage._active--4 .mp-list li:nth-child(4)::before {
    opacity: .5
}

.top--mainpage._active--4 .mp-list li:nth-child(1),.top--mainpage._active--4 .mp-list li:nth-child(2),.top--mainpage._active--4 .mp-list li:nth-child(3) {
    width: 60px
}

.top--mainpage._active--4 .top__hidden-item:nth-child(4) {
    pointer-events: auto
}

.top--mainpage._active--4 .top__hidden-item:nth-child(4) .top__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .4s
}

.top--mainpage._active--4 .top__hidden-item:nth-child(4) p {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .5s
}

.top--mainpage._active--4 .top__hidden-item:nth-child(4) .btn {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s ease-in-out .6s,transform .3s ease-in-out .6s,background .3s ease-in-out,color .3s ease-in-out
}

.mp-list {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mp-list li {
    display: block;
    width: 25%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: width .7s cubic-bezier(.66,0,.33,1);
    overflow: hidden;
    will-change: width;
    background-image: none!important
}

.mp-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,.2) 53.04%,rgba(0,0,0,.8) 100%);
    z-index: 1;
    opacity: 1;
    transition: opacity .5s ease
}

.mp-list li:hover:before {
    opacity: .5
}

html.desktop .mp-list li:hover .mp-list__item-visible-text {
    transform: translateY(-10px)
}

html.desktop .mp-list li:hover .mp-list__item-hidden-text {
    transform: translateY(-10px) rotate(-90deg)
}

.mp-list .mp-list__item-visible-text {
    display: block;
    font-weight: 700;
    line-height: normal;
    height: 70px;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 112px;
    z-index: 2;
    transition: transform .3s ease-in-out,opacity .2s ease
}

html._iphoneX._portrait .mp-list .mp-list__item-visible-text {
    bottom: 110px
}

.mp-list li:nth-child(1) .mp-list__item-visible-text {
    transition: transform .3s ease-in-out,margin .3s ease-in-out .8s,opacity .3s ease-in-out .8s
}

.mp-list li:nth-child(2) .mp-list__item-visible-text {
    transition: transform .3s ease-in-out,margin .3s ease-in-out .9s,opacity .3s ease-in-out .9s
}

.mp-list li:nth-child(3) .mp-list__item-visible-text {
    transition: transform .3s ease-in-out,margin .3s ease-in-out 1s,opacity .3s ease-in-out 1s
}

.mp-list li:nth-child(4) .mp-list__item-visible-text {
    transition: transform .3s ease-in-out,margin .3s ease-in-out 1.1s,opacity .3s ease-in-out 1.1s
}

.mp-list__item-hidden-text {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: left;
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 2;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s ease-in-out .3s,transform .3s ease-in-out
}

.mp-list__item-bg {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background-size: cover;
    background-position: center;
    transform: translateX(-50%)
}

.mp__list-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    bottom: 50px;
    z-index: 2;
    background: 0 0;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 0;
    box-sizing: border-box;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s ease,background .3s ease,transform .3s ease
}

html._iphoneX._portrait .mp__list-close {
    bottom: 35px
}

.top._active .mp__list-close {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition: opacity .3s ease .8s,background .3s ease,transform .3s ease .8s
}

.mp__list-close svg {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    color: #fff;
    transition: all .3s ease-in-out
}

html.desktop .mp__list-close:hover {
    background: #fff
}

html.desktop .mp__list-close:hover svg {
    color: #000;
    transform: rotate(90deg)
}

.mp-top-link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 3;
    min-width: 162px;
    margin-left: -81px;
    transition: opacity .3s ease 1s,transform .3s ease 1s,background .3s ease,color .3s ease
}

html._iphoneX._portrait .mp-top-link {
    bottom: 40px
}

.top._active .mp-top-link {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity .3s ease .1s,transform .3s ease .1s,background .3s ease,color .3s ease
}

html.desktop .mp-top-link:hover {
    background: #fff;
    color: #000
}

.top__hidden-items {
    position: absolute;
    left: 40px;
    right: 200px;
    bottom: 50px;
    z-index: 2;
    color: #fff;
    pointer-events: none
}

html._iphoneX._portrait .top__hidden-items {
    bottom: 120px
}

.top__hidden-item {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.top__hidden-item:nth-child(2) {
    left: 60px
}

.top__hidden-item:nth-child(3) {
    left: 120px
}

.top__hidden-item:nth-child(4) {
    left: 180px
}

.top__hidden-item .top__title {
    margin: 0 0 25px 0;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
    max-width: 760px;
    transition: opacity .3s ease,transform .3s ease
}

.top__hidden-item p {
    max-width: 560px;
    margin: 0 0 40px 0;
    opacity: 0;
    position: relative;
    transform: translateY(20px);
    transition: opacity .3s ease,transform .3s ease
}

.top__hidden-item .btn {
    position: relative;
    transform: translateY(20px);
    opacity: 0;
    transition: opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease
}

.find-us {
    width: calc(100% - 80px);
    max-width: 1600px;
    height: calc((100vw - 80px) * .43);
    max-height: 690px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 4px;
    text-align: left
}

html.desktop .find-us {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .find-us._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .find-us:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.find-us .map {
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    margin: 0!important
}

.find-us__cell {
    display: block;
    border-radius: 3px;
    background: #000;
    color: #fff;
    position: relative;
    width: calc(50% - 2.5px);
    height: 100%;
    overflow: hidden
}

html.desktop .find-us__cell:last-child:after {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi44MDAzIDFMMjYuNzE0MyAxMU0yNi43MTQzIDExTDE2LjgwMDMgMjFNMjYuNzE0MyAxMUgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat 0 0;
    transform: translateX(10px);
    transition: all .3s ease-in-out;
    opacity: 0
}

html.desktop a:hover .find-us__cell:after {
    transform: translateX(0);
    opacity: 1
}

.find-us__map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.find-us__cell-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    transition: opacity .2s ease;
    opacity: 0;
    z-index: 1;
    transition: transform .6s ease;
    will-change: transform
}

.find-us__cell-img._loaded {
    opacity: 1
}

html.desktop .find-us:hover .find-us__cell-img {
    transform: scale(1.05)
}

.find-us__cell-p {
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 55px;
    z-index: 2;
    transition: transform .5s ease
}

html.desktop a:hover .find-us__cell-p {
    transform: translateY(-10px)
}

.mp-afisha-wrap {
    overflow: hidden;
    text-align: center
}

.mp-afisha {
    position: relative;
    text-align: left
}

html.desktop .mp-afisha {
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none
}

html.desktop .mp-afisha._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

html.desktop .mp-afisha:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.mp-afisha--2 .slider__nav {
    display: none
}

.afisha-slider {
    margin-bottom: 40px;
    margin-right: -5px;
    height: calc((100vw - 80px) * .4 + 300px);
    max-height: 940px;
    text-align: left;
    overflow: visible!important
}

.afisha-slider .events-item-link {
    width: auto!important;
    margin-right: 5px;
    opacity: 1!important;
    transform: none!important;
    pointer-events: auto!important
}

.afisha-slider h3.events-item__title {
    line-height: normal;
    font-size: 30px;
    margin-top: 0
}

.afisha-slider .events-item__text {
    padding-bottom: 0;
    min-height: 0
}

.afisha-slider .slider__nav {
    bottom: 274px
}

.afisha-slider .events-item__img-inner.swiper-lazy-loaded {
    opacity: 1
}

.afisha-slider__slide {
    position: relative
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clearfix:after,.clearfix:before {
    content: '';
    display: table;
    clear: both
}

@media (min-width: 768px) {
    html._header-covered:not(._openmenu) .header:before {
        opacity:1
    }

    html._header-covered:not(._openmenu) .header .header__lang,html._header-covered:not(._openmenu) .header .header__menu-list a,html._header-covered:not(._openmenu) .header .header__menu-list span,html._header-covered:not(._openmenu) .header .logo {
        color: #000!important
    }

    html._header-covered:not(._openmenu) .header .header__menu-list span:before,html._header-covered:not(._openmenu) .header .header__menu-marker {
        background: #000!important
    }

    html._openmenu .header:before {
        opacity: 0!important
    }
}

@media (min-width: 1280px) {
    .files.grid--4 {
        text-align:center
    }

    .logos.grid--4 {
        text-align: center
    }

    .mp-afisha--3 .slider__nav {
        display: none
    }

    .mp-afisha--2 {
        width: 905px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 1279px) {
    .title-h2,h2 {
        margin-top:130px
    }

    .title-h2,h2 {
        margin-bottom: 130px
    }

    .title-h3,h3 {
        margin-top: 100px
    }

    .title-h3,h3 {
        margin-bottom: 50px
    }

    .title-h4,h4,h5,h6 {
        margin-top: 30px
    }

    .title-h4,h4,h5,h6 {
        margin-bottom: 30px
    }

    .top {
        margin-bottom: 130px
    }

    .factoids {
        margin-top: 100px
    }

    .factoids {
        margin-bottom: 130px
    }

    .factoids li:nth-child(3)~li {
        margin-top: 50px
    }

    .multy-images {
        margin-top: 100px
    }

    .multy-images {
        margin-bottom: 100px
    }

    .slider-wrap {
        margin-top: 100px
    }

    .slider-wrap {
        margin-bottom: 100px
    }

    .slider-wrap__inner {
        width: 920px;
        height: 519px;
        margin-left: -457px
    }

    .slider-description {
        margin-top: 30px
    }

    .accordeon {
        margin-top: 100px
    }

    .accordeon {
        margin-bottom: 100px
    }

    .accordeon-item__text {
        margin-bottom: 50px
    }

    .files {
        margin-top: 100px
    }

    .files {
        margin-bottom: 100px
    }

    .files {
        width: 920px;
        margin-left: -457px
    }

    .map {
        margin-top: 100px
    }

    .map {
        margin-bottom: 100px
    }

    .map {
        width: 915px;
        height: 519px;
        margin-left: -457px
    }

    .logos {
        margin-top: 100px
    }

    .logos {
        margin-bottom: 100px
    }

    .logos {
        width: 920px;
        margin-left: -457px
    }

    .grid-links {
        margin-top: 100px
    }

    .grid-links {
        margin-bottom: 100px
    }

    .grid-links__item:nth-child(3) {
        padding-top: 40%
    }

    html.mobile .title-page+.filter {
        top: 0
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-top: 15px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-bottom: 15px
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-top: 15px
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-bottom: 15px
    }

    .text>.events {
        margin-top: 130px
    }

    .text>.events {
        margin-bottom: 130px
    }

    .buttons-list {
        margin-top: 50px
    }

    .buttons-list {
        margin-bottom: 130px
    }

    .img {
        margin-top: 100px
    }

    .img {
        margin-bottom: 100px
    }

    .img figcaption {
        margin-top: 30px
    }

    .img__inner {
        width: 915px;
        height: 519px;
        margin-left: -457px
    }

    .scheme {
        margin-top: 100px
    }

    .scheme {
        margin-bottom: 100px
    }

    .scheme__inner {
        width: 915px;
        height: 519px;
        margin-left: -457px
    }

    .video {
        margin-top: 100px
    }

    .video {
        margin-bottom: 100px
    }

    .video figcaption {
        margin-top: 30px
    }

    .video__inner {
        width: 915px;
        height: 519px;
        margin-left: -457px
    }

    .table {
        margin-top: 100px
    }

    .table {
        margin-bottom: 100px
    }

    .table {
        width: 915px;
        margin-left: -457px
    }

    .blockquote {
        margin-top: 100px
    }

    .blockquote {
        margin-bottom: 100px
    }

    .blockquote cite {
        margin-top: 30px
    }

    .back-link {
        margin-top: 100px
    }

    .back-link {
        margin-bottom: 130px
    }

    .styles-afisha {
        margin-top: 130px
    }

    .styles-afisha {
        margin-bottom: 130px
    }

    .top--mainpage .top__inner {
        margin-bottom: 245px
    }

    .mp-list .mp-list__item-visible-text {
        font-size: 24px;
        height: 56px;
        bottom: 148px;
        right: 30px
    }

    .find-us {
        margin-top: 100px
    }

    .find-us {
        margin-bottom: 100px
    }
}

@media (max-width: 1139px) {
    .events-item-link {
        width:calc(50% - 5px)
    }

    .afisha-slider {
        height: calc((100vw - 80px) * .6 + 220px)
    }

    .afisha-slider .slider__nav {
        bottom: 193px
    }
}

@media (max-width: 999px) {
    .title-h2,h2 {
        margin-top:130px
    }

    .title-h2,h2 {
        margin-bottom: 130px
    }

    .title-h3,h3 {
        margin-top: 100px
    }

    .title-h3,h3 {
        margin-bottom: 50px
    }

    .title-h4,h4,h5,h6 {
        margin-top: 30px
    }

    .title-h4,h4,h5,h6 {
        margin-bottom: 30px
    }

    .header__menu-list {
        display: none
    }

    .header__lang {
        margin-right: 27px
    }

    .input-wrap {
        width: 340px
    }

    .form__submit {
        width: 340px
    }

    .form-agreement {
        width: 340px
    }

    .callback__inner {
        width: 685px
    }

    h2.callback__title {
        width: 75%
    }

    .footer__cpeople {
        float: none;
        margin-top: 20px
    }

    .burger {
        display: block
    }

    .menu {
        display: block
    }

    .top {
        margin-bottom: 130px
    }

    .factoids {
        margin-top: 100px
    }

    .factoids {
        margin-bottom: 130px
    }

    .factoids li:nth-child(3)~li {
        margin-top: 50px
    }

    .multy-images {
        margin-top: 100px
    }

    .multy-images {
        margin-bottom: 100px
    }

    .slider-wrap {
        margin-top: 100px
    }

    .slider-wrap {
        margin-bottom: 100px
    }

    .slider-wrap__inner {
        width: 100%;
        height: 390px;
        margin-left: 0;
        left: 0
    }

    .slider-description {
        margin-top: 30px
    }

    .slider-wrap--double {
        height: calc((100vw - 80px) * 1.74 + 5px);
        max-height: 10000px
    }

    .slider-wrap--double .slide__img:nth-child(2) {
        top: auto;
        right: auto;
        left: 0;
        bottom: 0
    }

    .slider-wrap--double .slide__img {
        width: calc(100% - 5px);
        height: calc(50% - 2.5px)
    }

    .slider-wrap--double._move-next .swiper-slide-active .slide__img:nth-child(2) {
        animation: slideLeftMobile 1.2s ease 0s;
        animation-fill-mode: backwards
    }

    .slider-wrap--double._move-prev .swiper-slide-active .slide__img:nth-child(1) {
        animation: none
    }

    .slider-wrap--double._move-prev .swiper-slide-active .slide__img:nth-child(2) {
        animation: slideRightMobile 1.2s ease 0s;
        animation-fill-mode: backwards
    }

    .slider-wrap--double .slider__nav {
        bottom: 50%;
        margin-bottom: -30px
    }

    .slider-wrap--twin {
        height: calc((100vw - 80px) * 1.74 + 5px);
        max-height: 10000px
    }

    .slider-wrap--twin .slider:nth-child(2) {
        top: auto;
        right: auto;
        left: 0;
        bottom: 0
    }

    .slider-wrap--twin .slider {
        width: calc(100% - 5px);
        height: calc(50% - 2.5px)
    }

    .slider-wrap--twin .slider__nav {
        bottom: 50%;
        margin-bottom: -30px
    }

    .accordeon {
        margin-top: 100px
    }

    .accordeon {
        margin-bottom: 100px
    }

    .accordeon-item__text {
        margin-bottom: 50px
    }

    .files {
        margin-top: 100px
    }

    .files {
        margin-bottom: 100px
    }

    .files {
        width: auto;
        margin-left: 0;
        margin-right: -5px;
        left: 0
    }

    .accordeon-item .files {
        margin-left: -57px!important
    }

    .map {
        margin-top: 100px
    }

    .map {
        margin-bottom: 100px
    }

    .map {
        width: 100%;
        height: calc((100vw - 40px) * .7);
        margin-left: 0;
        left: 0
    }

    .logos {
        margin-top: 100px
    }

    .logos {
        margin-bottom: 100px
    }

    .logos {
        width: auto;
        margin-left: 0;
        margin-right: -5px;
        left: 0
    }

    .grid-links {
        margin-top: 100px
    }

    .grid-links {
        margin-bottom: 100px
    }

    .grid-links__item:nth-child(1),.grid-links__item:nth-child(2) {
        width: 100%;
        padding-top: 87%
    }

    .grid-links__item:nth-child(3) {
        width: 100%;
        padding-top: 55%
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-top: 15px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-bottom: 15px
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-top: 15px
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-bottom: 15px
    }

    .text>.events {
        margin-top: 130px
    }

    .text>.events {
        margin-bottom: 130px
    }

    .buttons-list {
        margin-top: 50px
    }

    .buttons-list {
        margin-bottom: 130px
    }

    .img {
        margin-top: 100px
    }

    .img {
        margin-bottom: 100px
    }

    .img figcaption {
        margin-top: 30px
    }

    .img__inner {
        width: 100%;
        height: auto;
        padding-bottom: 57%;
        margin-left: 0;
        left: 0
    }

    .scheme {
        margin-top: 100px
    }

    .scheme {
        margin-bottom: 100px
    }

    .scheme__inner {
        width: 100%;
        height: auto;
        padding-bottom: 57%;
        margin-left: 0;
        left: 0
    }

    .video {
        margin-top: 100px
    }

    .video {
        margin-bottom: 100px
    }

    .video figcaption {
        margin-top: 30px
    }

    .video__inner {
        width: 100%;
        height: auto;
        padding-bottom: 57%;
        margin-left: 0;
        left: 0
    }

    .table {
        margin-top: 100px
    }

    .table {
        margin-bottom: 100px
    }

    .table {
        width: 100vw;
        margin-left: -50vw;
        padding-left: calc(50vw - 342px);
        white-space: nowrap;
        font-size: 0;
        padding-bottom: 8px
    }

    .table:after {
        content: '';
        display: inline-block;
        width: calc(50vw - 342px);
        height: 20px
    }

    .table table {
        display: inline-table;
        vertical-align: top;
        width: 150%;
        min-width: 150%;
        white-space: normal
    }

    .table th {
        line-height: 22px;
        font-size: 15px
    }

    .table td {
        line-height: 26px;
        font-size: 18px
    }

    .blockquote {
        margin-top: 100px
    }

    .blockquote {
        margin-bottom: 100px
    }

    .blockquote cite {
        margin-top: 30px
    }

    .back-link {
        margin-top: 100px
    }

    .back-link {
        margin-bottom: 130px
    }

    .styles-afisha {
        margin-top: 130px
    }

    .styles-afisha {
        margin-bottom: 130px
    }

    .top--mainpage {
        height: 600px
    }

    .mp-list .mp-list__item-visible-text {
        bottom: 148px
    }

    .mp-list__item-hidden-text {
        bottom: 130px
    }

    .mp__list-close {
        bottom: 50px
    }

    .mp-top-link {
        bottom: 50px
    }

    .top__hidden-items {
        bottom: 130px
    }

    .find-us {
        margin-top: 100px
    }

    .find-us {
        margin-bottom: 100px
    }

    .find-us {
        display: block;
        height: auto;
        max-height: 10000px
    }

    .find-us__cell {
        margin-bottom: 5px;
        width: 100%;
        padding-top: 87%
    }

    .afisha-slider {
        height: calc((100vw - 80px) * .6 + 270px);
        margin-bottom: 100px
    }

    .afisha-slider .slider__nav {
        bottom: 244px
    }
}

@media (max-width: 767px) {
    .wrap-wide {
        width:calc(100% - 40px)
    }

    .btn {
        height: 40px;
        line-height: 37px;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px
    }

    .btn--arrow {
        padding: 0 35px 0 15px
    }

    .btn--arrow i {
        right: 15px
    }

    .btn--arrow-left {
        padding: 0 15px 0 35px
    }

    .btn--arrow-left i {
        left: 15px
    }

    .select {
        height: 40px;
        line-height: 37px;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 50px
    }

    .select i {
        right: 12px
    }

    .title-h1,.title-h2,.title-h3,.title-h4,h1,h2,h3,h4,h5,h6 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .title-h1,h1 {
        line-height: 32px;
        font-size: 36px
    }

    .title-h2,h2 {
        margin-top: 80px
    }

    .title-h2,h2 {
        margin-bottom: 80px
    }

    .title-h2,h2 {
        line-height: 32px;
        font-size: 36px
    }

    .title-h3,h3 {
        margin-top: 60px
    }

    .title-h3,h3 {
        margin-bottom: 40px
    }

    .title-h3,h3 {
        line-height: 27px;
        font-size: 30px
    }

    .title-h4,h4,h5,h6 {
        margin-top: 30px
    }

    .title-h4,h4,h5,h6 {
        margin-bottom: 30px
    }

    .title-h4,h4,h5,h6 {
        font-size: 18px
    }

    p {
        line-height: 27px;
        font-size: 15px;
        margin: 10px 0
    }

    .header {
        position: absolute;
        z-index: 2
    }

    .header__menu {
        width: calc(100% - 40px)
    }

    .logo {
        line-height: 74px
    }

    .header__menu-marker {
        display: none
    }

    .header__feedback-btn {
        display: none
    }

    .header__lang {
        margin: 18px 8px 0 0
    }

    .form {
        margin: 45px 0
    }

    p.form__message-text {
        line-height: 27px;
        font-size: 30px
    }

    .form__inputs-container {
        display: block
    }

    .input-wrap {
        width: 100%;
        height: 70px
    }

    .form__input {
        height: 70px;
        font-size: 15px;
        padding-right: 15px;
        padding-left: 15px
    }

    .form__prelabel {
        font-size: 13px;
        line-height: normal;
        top: 6px;
        left: 15px
    }

    .form__label {
        font-size: 11px;
        line-height: 16px;
        bottom: 6px;
        left: 15px
    }

    .form__submit {
        width: 100%;
        height: 70px
    }

    .form-agreement {
        width: 100%
    }

    .form-agreement .form__label {
        left: 85px
    }

    .form-agreement__checkbox {
        width: 70px;
        height: 70px
    }

    .checkbox__text {
        margin: -5px 15px 0 15px;
        line-height: normal;
        font-size: 13px
    }

    .form__bottom {
        display: block;
        height: auto
    }

    .socials {
        margin-top: 38px
    }

    .socials__title {
        width: calc(100% - 40px)
    }

    .socials__title {
        font-size: 12px;
        padding: 24px 0 21px 0
    }

    .socials__list {
        display: block;
        height: auto
    }

    .socials__list li {
        display: block;
        height: 180px
    }

    .bottom {
        height: auto;
        min-height: 100vh
    }

    .callback {
        padding: 130px 0 60px 0
    }

    .callback__inner {
        width: calc(100% - 40px)
    }

    h2.callback__title {
        font-size: 18px
    }

    .callback__phone {
        font-size: 18px
    }

    .footer {
        font-size: 13px;
        line-height: 19px;
        padding-bottom: 20px;
        padding-top: 40px
    }

    .footer__inner {
        width: calc(100% - 40px)
    }

    .footer__inner>a {
        margin-right: 20px
    }

    .footer__cpeople {
        margin-top: 26px
    }

    .footer__cpeople br {
        display: block
    }

    .burger {
        display: block;
        width: 60px;
        height: 60px
    }

    .menu__inner {
        padding: 60px 0 0 0
    }

    .menu__list {
        margin: 0 20px
    }

    .menu__list li {
        margin: 25px 0
    }

    .menu__list li:last-child {
        display: block
    }

    .menu__list a,.menu__list span {
        font-size: 18px
    }

    .menu__header {
        display: block
    }

    .menu-overlay {
        display: block
    }

    .pagination-wrap {
        height: 100px;
        margin-bottom: 60px
    }

    .pagination {
        margin-top: 60px;
        margin-left: 1px;
        margin-right: 1px;
        height: 40px
    }

    .pagination:after,.pagination:before {
        width: 70px;
        background: linear-gradient(to right,#fff 0,#fff 25%,rgba(255,255,255,0) 100%)
    }

    .pagination:after {
        background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 75%)
    }

    .pagination>i {
        width: 30px;
        margin-left: -15px
    }

    a.pagination-item {
        width: 36px;
        height: 40px;
        font-size: 12px;
        line-height: 41px
    }

    .pagination-next,.pagination-prev {
        width: calc(50% - 3px);
        min-width: 0
    }

    .similar {
        width: calc(100% - 40px)
    }

    .similar {
        height: 290px
    }

    .similar__title {
        top: 30px;
        left: 20px;
        line-height: 27px;
        font-size: 30px
    }

    .preloader__logo {
        width: 280px;
        height: 146px;
        margin: -68px 0 0 -140px
    }

    .top {
        margin-bottom: 80px
    }

    html.mobile .top {
        min-height: 90vh;
        min-height: calc(var(--vh,1vh) * 90);
        padding-top: 200px
    }

    .top__inner {
        margin-bottom: 40px
    }

    h1.top__title {
        line-height: 32px;
        font-size: 36px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .top__dates {
        width: 67px
    }

    .top__dates-item {
        width: 40px
    }

    .top__dates-item b {
        line-height: 32px;
        font-size: 36px;
        margin-bottom: 10px
    }

    .top__dates-item span {
        font-size: 13px
    }

    .top__dates-item+.top__dates-item:before {
        width: 7px;
        height: 12px;
        margin-left: -4px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMy41IDEuMDkyNzhlLTA3TDMuNSAxMU0zLjUgMTFMMSA4LjVNMy41IDExTDYgOC41IiBzdHJva2U9IiNmZmYiLz4NCjwvc3ZnPg0K)
    }

    .top__dates+.top__text {
        width: calc(100% - 67px)
    }

    .top__p {
        line-height: 27px;
        font-size: 15px;
        margin-top: 7px
    }

    .factoids {
        margin-top: 60px
    }

    .factoids {
        margin-bottom: 80px
    }

    .factoids li {
        font-size: 13px
    }

    .factoids li span:first-child {
        line-height: 24px;
        font-size: 15px;
        margin-bottom: 8px
    }

    .factoids li b {
        font-size: 30px
    }

    .factoids li:nth-child(3)~li {
        margin-top: 40px
    }

    .multy-images {
        margin-top: 60px
    }

    .multy-images {
        margin-bottom: 60px
    }

    .multy-images__item {
        width: 100%;
        padding-bottom: 87%
    }

    .slider-wrap {
        margin-top: 60px
    }

    .slider-wrap {
        margin-bottom: 60px
    }

    .slider-wrap__inner {
        height: calc((100vw - 40px) * .72)
    }

    .slider-description {
        margin-top: 30px
    }

    .slider-description {
        margin-bottom: 60px
    }

    .slider-description li {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 13px;
        line-height: 20px;
        height: 40px
    }

    .slider__nav {
        right: 10px;
        transform: scale(.67)
    }

    .slider-next,.slider-prev {
        -webkit-tap-highlight-color: transparent
    }

    .slider-wrap--double {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 1.74 + 5px)
    }

    .slider-wrap--twin {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 1.74 + 5px)
    }

    .text .full-width.slider-fullwidth .slider-wrap {
        margin-bottom: 120px
    }

    .accordeon {
        margin-top: 60px
    }

    .accordeon {
        margin-bottom: 60px
    }

    .accordeon-item__header {
        min-height: 80px
    }

    .accordeon-item__button {
        transform: scale(.67)
    }

    .accordeon-item__text {
        margin-bottom: 40px
    }

    .accordeon-item__text {
        margin-left: 57px
    }

    .files {
        margin-top: 60px
    }

    .files {
        margin-bottom: 60px
    }

    .files-item {
        width: calc(50% - 5px);
        height: calc((50vw - 25px) * 1.25)
    }

    .file {
        padding: 60px 20px 0 20px
    }

    .file:before {
        width: 25px;
        height: 25px
    }

    .file:after {
        width: 25px;
        height: 25px
    }

    .file__name {
        line-height: 22px;
        font-size: 15px;
        max-height: 88px;
        margin-bottom: 13px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .file__size {
        line-height: normal;
        font-size: 13px
    }

    .file__ext {
        font-size: 24px;
        left: 20px;
        top: 21px
    }

    .map {
        margin-top: 60px
    }

    .map {
        margin-bottom: 60px
    }

    .map-controls {
        display: none
    }

    .map-pin {
        transform: scale(.8)
    }

    .logos {
        margin-top: 60px
    }

    .logos {
        margin-bottom: 60px
    }

    .logos-item {
        width: calc(50% - 5px);
        height: calc((50vw - 25px) * .67)
    }

    .grid-links {
        margin-top: 60px
    }

    .grid-links {
        margin-bottom: 60px
    }

    .grid-links {
        display: block
    }

    .grid-links__item:nth-child(3) {
        width: 100%;
        padding-top: 87%
    }

    .grid-links__item-title {
        top: 30px;
        left: 20px;
        right: 20px;
        line-height: 27px;
        font-size: 30px
    }

    .page-afisha .content,.page-events .content {
        padding-top: 120px
    }

    .title-wrap {
        margin-bottom: 60px
    }

    .title-page {
        line-height: 32px;
        font-size: 36px
    }

    .title-page+.filter {
        position: relative;
        top: 0;
        margin-top: 22px
    }

    .events {
        margin-right: 0
    }

    .events-item-link {
        width: 100%;
        margin-right: 0;
        margin-bottom: 60px
    }

    .events-item-link:last-child {
        margin-bottom: 30px
    }

    html.page-main .events>.events-item-link:only-child,html.page-styles .events>.events-item-link:only-child {
        width: 100%
    }

    html.page-main .events>.events-item-link:only-child .events-item__img,html.page-styles .events>.events-item-link:only-child .events-item__img {
        padding-top: 120%
    }

    .events-item__text {
        margin-top: 36px;
        padding-left: 67px;
        padding-right: 0;
        min-height: 140px;
        padding-bottom: 0
    }

    h2.events-item__title,h3.events-item__title {
        font-size: 24px
    }

    p.events-item__descr {
        line-height: 22px;
        font-size: 15px
    }

    .events-item__time {
        width: 46px;
        top: 2px
    }

    .events-item__time-item {
        font-size: 13px
    }

    .events-item__time-item b {
        line-height: 32px;
        font-size: 36px;
        margin-bottom: 10px
    }

    .events-item__time-item+.events-item__time-item {
        margin-top: 19px
    }

    .events-item__time-item+.events-item__time-item:before {
        top: -16px
    }

    .events-pretext {
        width: auto;
        margin-bottom: 50px
    }

    .text {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-top: 10px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-bottom: 10px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"],.text ul:not([class]),.text ul[class=""],.text ul[class="_visible"] {
        margin-left: 57px;
        font-size: 15px;
        line-height: 27px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-top: 10px
    }

    .text ol:not([class])>li,.text ol[class=""]>li,.text ol[class="_visible"]>li,.text ul:not([class])>li,.text ul[class=""]>li,.text ul[class="_visible"]>li {
        margin-bottom: 10px
    }

    .text ol:not([class]) ul,.text ol[class=""] ul,.text ol[class="_visible"] ul,.text ul:not([class]) ul,.text ul[class=""] ul,.text ul[class="_visible"] ul {
        margin-left: 35px
    }

    .text ul:not([class])>li:before,.text ul[class=""]>li:before,.text ul[class="_visible"]>li:before {
        left: -35px;
        top: 13px
    }

    .text ol:not([class]),.text ol[class=""],.text ol[class="_visible"] {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .text ol:not([class])>li:before,.text ol[class=""]>li:before,.text ol[class="_visible"]>li:before {
        width: 37px;
        left: -57px
    }

    .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .text>.events {
        margin-top: 80px
    }

    .text>.events {
        margin-bottom: 80px
    }

    .buttons-list {
        margin-top: 40px
    }

    .buttons-list {
        margin-bottom: 80px
    }

    .img {
        margin-top: 60px
    }

    .img {
        margin-bottom: 60px
    }

    .img figcaption {
        margin-top: 30px
    }

    .img figcaption {
        font-size: 13px;
        line-height: normal;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .img--free .img__inner {
        padding-bottom: 0
    }

    .scheme {
        margin-top: 60px
    }

    .scheme {
        margin-bottom: 60px
    }

    .video {
        margin-top: 60px
    }

    .video {
        margin-bottom: 60px
    }

    .video figcaption {
        margin-top: 30px
    }

    .video figcaption {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 13px;
        line-height: normal
    }

    .video__play {
        transform: scale(.75)
    }

    .table {
        margin-top: 60px
    }

    .table {
        margin-bottom: 60px
    }

    .table {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        padding-left: 20px;
        white-space: nowrap;
        font-size: 0;
        padding-bottom: 8px
    }

    .table:after {
        width: 20px
    }

    .table td {
        line-height: 22px;
        font-size: 15px
    }

    .table th {
        padding-top: 18px;
        padding-bottom: 18px;
        line-height: 19px;
        font-size: 13px
    }

    .table td {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .blockquote {
        margin-top: 60px
    }

    .blockquote {
        margin-bottom: 60px
    }

    .blockquote p {
        line-height: 27px;
        font-size: 30px;
        letter-spacing: .01em;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .blockquote p:before {
        width: 57px;
        font-size: 50px
    }

    .blockquote cite {
        margin-top: 30px
    }

    .blockquote cite {
        margin-left: 57px
    }

    .blockquote__name {
        font-size: 15px;
        line-height: 22px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .blockquote__name b {
        font-size: 13px;
        line-height: 19px
    }

    .blockquote__img {
        width: 80px;
        height: 80px
    }

    .back-link {
        margin-top: 60px
    }

    .back-link {
        margin-bottom: 80px
    }

    .h-number {
        text-indent: 57px
    }

    .h-number span {
        width: 57px
    }

    .text-offset {
        margin-left: 57px
    }

    .styles-afisha {
        margin-top: 80px
    }

    .styles-afisha {
        margin-bottom: 80px
    }

    .page-main .content {
        padding-bottom: 40px
    }

    .top--mainpage .top__inner {
        position: absolute;
        margin: 0;
        left: 20px;
        right: 20px;
        top: 105px
    }

    .top--mainpage .top__title {
        line-height: 32px;
        font-size: 36px
    }

    html.mobile .top--mainpage {
        height: 560px;
        min-height: 100vh;
        min-height: calc(var(--vh,1vh) * 100)
    }

    .top--mainpage._active--1 .mp-list li:nth-child(2),.top--mainpage._active--1 .mp-list li:nth-child(3),.top--mainpage._active--1 .mp-list li:nth-child(4) {
        width: 0
    }

    .top--mainpage._active--2 .mp-list li:nth-child(1),.top--mainpage._active--2 .mp-list li:nth-child(3),.top--mainpage._active--2 .mp-list li:nth-child(4) {
        width: 0
    }

    .top--mainpage._active--3 .mp-list li:nth-child(1),.top--mainpage._active--3 .mp-list li:nth-child(2),.top--mainpage._active--3 .mp-list li:nth-child(4) {
        width: 0
    }

    .top--mainpage._active--4 .mp-list li:nth-child(1),.top--mainpage._active--4 .mp-list li:nth-child(2),.top--mainpage._active--4 .mp-list li:nth-child(3) {
        width: 0
    }

    .mp-list .mp-list__item-visible-text {
        left: 50%;
        right: auto;
        height: auto;
        bottom: 145px;
        transform-origin: left;
        white-space: nowrap;
        transform: rotate(-90deg)!important;
        font-size: 18px;
        bottom: 90px
    }

    .mp-list__item-hidden-text {
        display: none
    }

    .mp__list-close {
        bottom: 15px;
        transform: scale(.8)
    }

    .mp-top-link {
        bottom: 20px
    }

    .top__hidden-items {
        bottom: 130px;
        left: 20px;
        right: 20px;
        bottom: 100px
    }

    .top__hidden-item {
        left: 0!important
    }

    .top__hidden-item p {
        margin-bottom: 30px
    }

    .find-us {
        margin-top: 60px
    }

    .find-us {
        margin-bottom: 60px
    }

    .find-us {
        width: calc(100% - 40px)
    }

    .find-us__cell-p {
        line-height: normal;
        font-size: 18px;
        left: 20px;
        right: 20px;
        bottom: 24px
    }

    .mp-afisha>.events {
        margin-bottom: 50px
    }

    .afisha-slider {
        height: calc((100vw - 40px) * 1.2 + 180px);
        margin-bottom: 80px
    }

    .afisha-slider h3.events-item__title {
        font-size: 24px
    }

    .afisha-slider .events-item__text {
        padding-right: 20px
    }

    .afisha-slider .slider__nav {
        display: none
    }
}

@media (max-width: 359px) {
    .file__name {
        max-height:66px
    }

    .blockquote cite {
        margin-left: 0
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(80%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-80%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideLeftMobile {
    0% {
        transform: translateX(60%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideRightMobile {
    0% {
        transform: translateX(-60%)
    }

    100% {
        transform: translateX(0)
    }
}

.cookies-alert {
    padding: 15px 30px;
    border: 1px solid #CE7A4F;
    background: #fff;
    max-width: 816px;
    width: calc(100% - 150px);
    display: flex;
    align-items: center;
    gap: 20px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 10;
}

.cookies-alert__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0%;
}

.cookies-alert__text a {
    color: #CE7A4F;
    text-decoration: none;
}

.cookies-alert__btn {
    padding: 12px 24px;
    border-radius: 8px;
    background: #CE7A4F;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
}

@media (max-width: 767px) {
    .cookies-alert {
        width: calc(100% - 40px);
        bottom: 20px;
        right: 20px;
        flex-direction: column;
        align-items: end;
    }
}