:root {
    /*--primary: 15, 53, 75;*/
    /*--primary-dark: 11, 36, 51;*/
    /*--accent: 232, 36, 68;*/
    /*--accent-plus: 255, 255, 255;*/

    --header-color: 15, 53, 75;
    --header-color_text: 255, 255, 255;
    --button-color: 232, 36, 68;
    --button-color_text: 255, 255, 255;
    --link-color: 232, 36, 68;
    --premiere-color: 232, 36, 68;
    --premiere-color_text: 255, 255, 255;
    --seance-color: 232, 36, 68;
    --seance-color_text: 255, 255, 255;
    --age-color: 15, 53, 75;
    --age-color_text: 255, 255, 255;
    --footer-color: 15, 53, 75;
    --footer-color_text: 255, 255, 255;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #15425c;
}

::-webkit-scrollbar-thumb {
    background: #226f9b;
    border-radius: 5px;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

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

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

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

a:active, a:hover {
    outline-width: 0;
}

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

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

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

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

audio, video {
    display: inline-block;
}

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

img {
    border-style: none;
}

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

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

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

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    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-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

html, body {
    height: 100%;
    min-height: 100%
}

html {
    font-size: var(--fontSize)
}

body {
    font-family: 'Roboto', sans-serif;
    color: #000;
    background-color: #202020
}

a {
    outline: none
}

button, input, optgroup, select, textarea {
    font-family: 'Roboto', sans-serif;
    outline: none
}

video {
    max-width: 100%
}

.g-desktop-hide {
    display: none
}

@media (max-width: 767px) {
    .g-desktop-hide {
        display: block
    }
}

.g-mobile-hide {
    display: block
}

@media (max-width: 767px) {
    .g-mobile-hide {
        display: none
    }
}

#root {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.app, .wrapper {
    min-height: 100vh
}

.app {
    position: relative;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.app--with-branding {
    padding-top: 300px
}

.app--poster {
    background-image: var(--app-poster);
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: #000;
    background-attachment: fixed;
}

@media (max-width: 991px) {
    .app--with-branding {
        padding: 0
    }
}

.branding {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top
}

.branding--hide {
    display: none
}

.wrapper {
    max-width: 1240px;
    min-height: 100%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    z-index: 1;
    position: relative
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 50px
}

@media (max-width: 1199px) {
    .container {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width: 767px) {
    .container {
        padding-right: 18px;
        padding-left: 18px
    }
}

.breadcrumbs {
    font-size: .9375rem;
    line-height: 48px;
    background-color: #f2f2f5;
    border-width: 1px 0;
    border-color: #e3e9eb;
    border-style: solid
}

@media (max-width: 543px) {
    .breadcrumbs {
        font-size: .75rem;
        line-height: 30px
    }
}

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

.breadcrumbs-container {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbs__link {
    color: rgb(var(--primary-dark));
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    z-index: 2
}

.breadcrumbs__link:hover {
    color: #fc0d1b
}

.breadcrumbs__divider {
    margin: 0 10px;
    color: #666
}

.breadcrumbs__page {
    color: #666
}

.breadcrumbs .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px
}

.page, .main {
    /*background-color: #fff*/
}

@media (max-width: 767px) {
    .page--fixed-calendar {
        padding-top: 48px
    }
}

.content {
    line-height: 24px;
    margin: 25px 0;
    color: #414141
}

.content h2 {
    font-size: 1.5rem;
    margin: 34px 0 10px
}

.content h2:first-child {
    margin: 0 0 10px
}

.content ul {
    font-size: .9375rem;
    line-height: 18px;
    color: #000
}

.content ul li + li {
    margin: 16px 0 0
}

.content a {
    color: currentColor;
    text-decoration: underline
}

.content a:hover {
    color: #fc0d1b
}

.content p {
    margin: 0 0 10px
}

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

@media (max-width: 767px) {
    .content .payment {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.content .payment__icon {
    margin: 0 0 20px
}

.content .payment__icon + .content .payment__icon {
    margin-left: 30px
}

@media (max-width: 767px) {
    .content .payment__icon + .content .payment__icon {
        width: 25%;
        margin-left: 0
    }
}

.se-video-container > figure {
    padding-bottom: 0 !important;
    height: 100vh !important
}

.gradient_1 {
    background: #8e8485;
    background: -webkit-linear-gradient(315deg, #8e8485 0%, #856070 100%);
    background: -o-linear-gradient(315deg, #8e8485 0%, #856070 100%);
    background: linear-gradient(135deg, #8e8485 0%, #856070 100%)
}

.gradient_2 {
    background: #856070;
    background: -webkit-linear-gradient(315deg, #856070 0%, #8e8485 100%);
    background: -o-linear-gradient(315deg, #856070 0%, #8e8485 100%);
    background: linear-gradient(135deg, #856070 0%, #8e8485 100%)
}

.gradient_3 {
    background: #e7846c;
    background: -webkit-linear-gradient(315deg, #e7846c 0%, #6f919d 100%);
    background: -o-linear-gradient(315deg, #e7846c 0%, #6f919d 100%);
    background: linear-gradient(135deg, #e7846c 0%, #6f919d 100%)
}

.gradient_4 {
    background: #6f919d;
    background: -webkit-linear-gradient(315deg, #6f919d 0%, #e7846c 100%);
    background: -o-linear-gradient(315deg, #6f919d 0%, #e7846c 100%);
    background: linear-gradient(135deg, #6f919d 0%, #e7846c 100%)
}

.gradient_5 {
    background: #856070;
    background: -webkit-linear-gradient(315deg, #856070 0%, #6f919d 100%);
    background: -o-linear-gradient(315deg, #856070 0%, #6f919d 100%);
    background: linear-gradient(135deg, #856070 0%, #6f919d 100%)
}

.gradient_6 {
    background: #6f919d;
    background: -webkit-linear-gradient(315deg, #6f919d 0%, #856070 100%);
    background: -o-linear-gradient(315deg, #6f919d 0%, #856070 100%);
    background: linear-gradient(135deg, #6f919d 0%, #856070 100%)
}

.gradient_7 {
    background: #e7846c;
    background: -webkit-linear-gradient(315deg, #e7846c 0%, #856070 100%);
    background: -o-linear-gradient(315deg, #e7846c 0%, #856070 100%);
    background: linear-gradient(135deg, #e7846c 0%, #856070 100%)
}

.gradient_8 {
    background: #856070;
    background: -webkit-linear-gradient(315deg, #856070 0%, #e7846c 100%);
    background: -o-linear-gradient(315deg, #856070 0%, #e7846c 100%);
    background: linear-gradient(135deg, #856070 0%, #e7846c 100%)
}

.animation-show-appear, .animation-show-enter, .animation-show-leave {
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.animation-show-appear, .animation-show-enter {
    opacity: 0
}

.animation-show-appear.animation-show-appear-active, .animation-show-enter.animation-show-enter-active {
    opacity: 1
}

.animation-show-leave {
    opacity: 1
}

.animation-show-leave.animation-show-leave-active {
    opacity: 0
}

.cinema {
    margin: 25px 0
}

.cinema-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cinema-container_current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f5;
    overflow: hidden
}

.cinema-container_current-cinema {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    margin: 12px 48px;
    padding: 24px;
    min-height: 94px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: .875rem;
    line-height: 20px;
    width: 100%;
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .02), 0 6.7px 5.3px rgba(0, 0, 0, .028), 0 12.5px 10px rgba(0, 0, 0, .035), 0 22.3px 17.9px rgba(0, 0, 0, .042), 0 41.8px 33.4px rgba(0, 0, 0, .05), 0 100px 80px rgba(0, 0, 0, .07);
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .02), 0 6.7px 5.3px rgba(0, 0, 0, .028), 0 12.5px 10px rgba(0, 0, 0, .035), 0 22.3px 17.9px rgba(0, 0, 0, .042), 0 41.8px 33.4px rgba(0, 0, 0, .05), 0 100px 80px rgba(0, 0, 0, .07)
}

@media (max-width: 767px) {
    .cinema-container_current-cinema {
        margin: 12px 16px
    }
}

.cinema-container_current-cinema__title {
    font-size: 1.313rem;
    font-weight: 600;
    line-height: normal
}

.cinema-releases {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 263px;
    min-width: 263px;
    margin: 0 0 0 30px
}

@media (max-width: 767px) {
    .cinema-releases {
        display: none
    }
}

@media (max-width: 991px) {
    .cinema-releases--news-list {
        display: none
    }
}

.cinema-releases__title {
    font-weight: 700;
    font-size: 1.5rem;
    margin: 10px 0 12px
}

.cinema-releases .releases-item {
    width: 100%
}

.cinema__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: normal;
    line-height: initial;
    margin: 0 0 20px;
    color: #000
}

.cinema__img + .cinema__img {
    margin: 25px 0 0
}

.cinema__img img {
    max-width: 100%
}

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

.cinema__img--column img {
    max-width: 30%
}

.cinema__halls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cinema__hall {
    font-size: .875rem;
    width: 48.7%;
    margin: 16px 0
}

.cinema__hall:first-child {
    width: 100%;
    margin-top: 0
}

@media (max-width: 767px) {
    .cinema__hall {
        width: 100%
    }
}

.cinema__hall-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    margin: 12px 0 8px 0
}

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

.cinema__hall-info_format {
    background: #f2f2f5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #262626;
    padding: 3px 6px;
    margin: 0 8px 8px 0
}

.cinema-info {
    width: 100%;
    line-height: 1.5;
    z-index: 2
}

.cinema-info > p > a {
    text-decoration: none;
    color: #007aaf
}

.cinema-info > img {
    max-width: 100%
}

#vk-social:hover {
    background-color: #097cef;
}

.btn-social {
    border-radius: 100%;
    display: inline-flex;
    width: 44px;
    height: 44px;
    font-size: 1.25rem;
    justify-content: center;
    align-items: center;
}

/* footer START */
.footer {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
    line-height: 22px;
    color: rgb(var(--footer-color_text));
    background-color: rgb(var(--footer-color));
}

.footer__body {
    padding-top: 28px;
    padding-bottom: 28px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px){
    .footer__body {
        flex-direction: column;
        gap: 25px;
    }
}

.footer__body-title {
    display: flex;
    color: rgb(var(--footer-color_text));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 17px;
}

.footer__nav-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.footer__nav-links__item {
    text-decoration: none;
    color: rgb(var(--footer-color_text));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color .1s;
}

.footer__nav-links__item:hover {
    color: #3DC76F;
}

.footer__nav {
    display: flex;
    flex-direction: column;
    flex-basis: 25%;
}

.footer__payment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 37.5%;
}

.footer__payment-systems {
    display: flex;
    gap: 22px;
}

.footer__payment-text {
    color: rgb(var(--footer-color_text));
    max-width: 417px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
}

.logo-footer-section {
    display: block;
}

.about-footer-section,
.social-footer-section {
    margin-top: 20px;
}

@media (max-width: 992px) {
    .logo-footer-section {
        display: none;
    }

    .about-footer-section,
    .social-footer-section {
        margin-top: 40px;
    }

    .social-footer-section {
        text-align: center;
    }
}

/* footer  EDN */

.footer__container {
    height: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid rgb(var(--primary))
}

.footer__container--top {
    padding-top: 26px;
    padding-bottom: 26px;
    background-color: rgb(var(--primary))
}

@media (max-width: 991px) {
    .footer__container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 543px) {
    .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__main-section, .footer__copyright-socials-section, .footer__logo-controls-section, .footer__bottom-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0
}

@media (max-width: 767px) {
    .footer__main-section, .footer__copyright-socials-section, .footer__logo-controls-section, .footer__bottom-section {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.footer__main-section {
    padding-bottom: 32px
}

.footer__copyright-socials-section {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .footer__copyright-socials-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 0
    }
}

.footer__logo-controls-section {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

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

.footer__bottom-section {
    padding: 0;
    font-size: .75rem;
    line-height: 15px
}

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

.footer__column {
    font-size: .9375rem;
    width: 25%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer__column--double-space {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

@media (max-width: 991px) {
    .footer__column {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .footer__column {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .footer__column--payment-info {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.footer__logo {
    height: 72px;
    max-width: 85%;
    margin-right: auto
}

.footer__column-title {
    margin: 0 0 16px 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 22px
}

.footer__column-title--address {
    margin-bottom: 0
}

.footer__column-title--clickable {
    color: rgb(var(--accent));
    cursor: pointer
}

.footer__column-title--clickable .footer__city-title {
    position: relative
}

.footer__column-title--clickable .footer__city-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.footer__column-title--clickable .footer__city-title:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

@media (max-width: 767px) {
    .footer__column-title--worktime {
        margin-bottom: 8px
    }
}

.footer__subtitle {
    margin: 0;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none
}

.footer__location-icon {
    margin-right: 8px
}

.footer__location-icon svg {
    stroke: currentColor
}

.footer__links {
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.footer__links-item {
    line-height: 22px;
    color: rgb(var(--accent));
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    position: relative
}

.footer__links-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.footer__links-item:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.footer__payment-cards-wrapper, .footer__sales-rules-links-wrapper, .footer__work-time-wrapper, .footer__socials-wrapper {
    margin-top: 16px
}

.footer__badge {
    display: inline-block;
    height: 40px;
    margin: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: no-repeat center/cover
}

.footer__badge:not(:last-child) {
    margin-right: 8px
}

.footer__badge--payment {
    width: 38px;
    height: 24px
}

.footer__badge--app-link {
    width: 140px
}

.footer__address-title span, .footer__worktime span {
    display: inline-block;
    width: 100%;
    line-height: 20px
}

.footer__address-title {
    margin-bottom: 16px
}

.footer__phone-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.5rem;
    line-height: 29px
}

.footer__phone-numbers .footer__links-item:not(:last-child) {
    margin-bottom: 8px
}

.footer__phone-numbers div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px
}

.footer__phone-numbers span {
    font-size: .8125rem;
    line-height: 18px
}

.footer__copyright-wrapper span {
    display: inline-block;
    width: 100%
}

.footer__copyright {
    font-size: .9375rem
}

.footer__app-links-wrapper {
    height: 40px
}

@media (max-width: 991px) {
    .footer__app-links-wrapper {
        height: auto
    }
}

@media (max-width: 767px) {
    .footer__app-links-wrapper {
        margin-top: 26px
    }
}

.footer__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    text-align: right
}

@media (max-width: 767px) {
    .footer__social {
        text-align: left;
        margin-bottom: 16px
    }
}

.footer__social-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgb(var(--accent));
    font-size: .9375rem;
    text-decoration: none
}

.footer__social-item .icon-social {
    opacity: 1;
    width: 32px;
    height: 32px
}

.footer__social-item span {
    margin-left: 8px;
    line-height: 22px;
    position: relative
}

.footer__social-item span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.footer__social-item span:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.footer__social-item:not(:last-child) {
    margin-right: 16px
}

.footer__view-button {
    margin-right: 0
}

.footer__ads-public-notice {
    font-size: .75rem;
    opacity: .5;
    margin-top: 32px
}

.footer .feedback__item {
    margin-left: 0
}

.return_ticket__button {
    color: rgb(var(--accent-plus))
}

.menu--navigation .return_ticket__button {
    display: none;
}

.menu--navigation .header__text {
    display: none;
}

.header {
    font-weight: 300;
    position: relative;
    z-index: 122;
    background-color: rgb(var(--header-color))
}

.header-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-group--left {
    justify-content: space-between;
}

.header-group--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
    flex-grow: unset;
}

.header__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 92px;
    gap: 16px;
}

.header__container--mobile {
    padding-top: 8px;
    padding-bottom: 16px
}

@media (max-width: 767px) {
    .header__container {
        position: relative;
        z-index: 100;
        height: 70px;
        background-color: rgb(var(--primary))
    }
}

@media (max-width: 767px) {
    .header__container .header__address, .header__container .header__phone, .header__container .header__social {
        display: none
    }
}

.header__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

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

.header__logo {
    display: block;
}

.header__logo-img {
    height: 72px;
    display: block
}

@media (max-width: 767px) {
    .header__logo-img {
        height: 52px
    }
}

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

.header__address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px
}

@media (max-width: 991px) {
    .header__address {
        display: none
    }
}

@media (max-width: 767px) {
    .header__address {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 20px 0 0
    }
}

.header__address .icon {
    margin: 3px 8px 0 0
}

@media (max-width: 767px) {
    .header__address .icon {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 24px;
        height: 24px;
        -webkit-background-size: 24px 24px !important;
        background-size: 24px 24px !important
    }
}

.header__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.header__phone-arrow {
    cursor: pointer;
    margin-top: 5px;
    opacity: .6
}

.header__phone-list {
    position: absolute;
    top: 40px;
    width: 170px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight: 500;
    overflow-y: auto;
    z-index: 10;
}

.header__phone-list--reverse {
    bottom: 60px;
    top: unset;
}

.header__phone-list-hide {
    display: none
}

@media (max-width: 767px) {
    .header__phone {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0
    }
}

.header__phone .icon {
    margin-left: 5px
}

.header__phone .header__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__social {
    display: flex;
    gap: 15px;
}

@media (max-width: 991px) {
    .header__social {
        display: none
    }
}

@media (max-width: 767px) {
    .header__social {
        display: block;
        margin: 16px 0 20px
    }
}

.header__view {
    border-top: 1px solid rgb(var(--primary));
    margin: 16px 0 24px
}

.header__text {
    font-weight: 400;
    line-height: 22px;
    font-size: 1rem;
    display: inline-block;
    color: rgb(var(--header-color_text));
}

.header__text-black {
    color: #000
}

.header__text-addition {
    font-size: .8125rem;
    font-weight: 300;
    line-height: 16px;
    opacity: .6;
    -webkit-font-smoothing: antialiased;
    width: 130px;
}

.header__text-comment {
    font-size: .8125rem;
    font-weight: 400;
    color: #797979;
    line-height: 16px
}

@media (max-width: 767px) {
    .header__text {
        font-size: 1rem;
        text-align: left
    }
}

.header__text a {
    color: currentColor;
    text-decoration: none
}

.header__select-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 16px
}

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

.header__select-button > span {
    font-size: .875rem;
    color: #fff;
    margin-bottom: 8px;
    text-align: center
}

.header__select-button > .ui-btn {
    width: 100%;
    margin-right: 0;
    margin-right: initial
}

.header-menu {
    display: none;
    position: relative;
    width: 34px;
    height: 30px;
    cursor: pointer
}

@media (max-width: 767px) {
    .header-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header-menu__arrow {
    margin-right: 4px
}

.header-menu__arrow svg {
    fill: rgb(var(--accent));
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header-menu-sub {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    -o-transition: max-height .3s;
    transition: max-height .3s
}

.header-menu-sub__link {
    line-height: 42px;
    display: block;
    padding-left: 36px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.header-menu-sub__link + .header-menu-sub__link {
    border-top: 1px solid rgb(var(--primary))
}

.header-menu-sub__link:first-child {
    border-top: 1px solid rgb(var(--primary))
}

.header-menu-sub__link--active {
    color: rgb(var(--accent)) !important
}

.header-menu__icon {
    position: relative;
    width: 18px;
    height: 2px;
    background-color: #fff;
    transition: background .3s;
}

.header-menu__icon.show {
    background: transparent;
}

.header-menu__icon.show::before {
    bottom: 0;
    transform: rotate(-45deg);
}

.header-menu__icon.show::after {
    top: 0;
    transform: rotate(45deg);
}

.header-menu__icon::before, .header-menu__icon::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    transition: transform .5s;
}

.header-menu__icon::before {
    bottom: 5px;
    left: 0;
    background: #fff;
}

.header-menu__icon::after {
    top: 5px;
    left: 0;
    background: #fff;
}

.header-menu__navigation {
    display: none;
    max-height: 0;
    padding: 0 28px 0 24px;
    overflow: hidden;
    background-color: rgb(var(--primary-dark));
    opacity: 0;
    -webkit-transition: max-height .3s, opacity .3s;
    -o-transition: max-height .3s, opacity .3s;
    transition: max-height .3s, opacity .3s
}

@media (max-width: 767px) {
    .header-menu__navigation {
        display: block
    }
}

.header-menu__navigation--open {
    max-height: 300vh;
    opacity: 1
}

.header-menu__links {
    margin-top: 20px;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    color: rgb(var(--primary))
}

.header-menu__link {
    font-size: 1rem;
    font-weight: 400;
    line-height: 50px;
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.header-menu__link + .header-menu__link {
    border-top: 1px solid rgb(var(--primary))
}

.header-menu__link--active {
    color: rgb(var(--accent)) !important
}

.header-menu__link--active .header-menu-sub {
    max-height: 400px
}

.header-menu__link--active svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header__arrow {
    cursor: pointer
}

.smart {
    width: 100%;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.smart__cinema {
    color: #fff;
    font-size: .8125rem;
    line-height: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.smart__close {
    color: #939499;
    padding-left: 12px;
    background-color: #000;
    border-color: #000
}

.smart__store {
    color: #939499
}

.smart img {
    min-width: 48px;
    height: 48px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #c4c4c4;
    margin: 12px 8px 12px 0
}

.icon {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.icon-theme {
    fill: rgb(var(--accent))
}

.icon-social {
    fill: #fff;
    opacity: .6
}

.icon-social:hover {
    fill: rgb(var(--accent));
    opacity: 1
}

.icon-black {
    fill: #000
}

.icon-gray {
    fill: #b0b0b6
}

.icon-white {
    fill: #fff
}

.icon--arrow-right {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.social-icon--hover-opacity {
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in
}

.social-icon--hover-opacity:hover {
    opacity: .7
}

.icon-location {
    stroke: rgb(var(--accent))
}

.releases-list, .releases-list--info {
    margin: 20px 0 0
}

@media (max-width: 767px) {
    .releases-list {
        margin: 0
    }
}

.releases-list-container {
    padding: 0 50px
}

@media (max-width: 1199px) {
    .releases-list-container {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .releases-list-container {
        padding: 0 18px
    }
}

.releases-list__title {
    font-size: 2rem;
    margin-top: 0
}

@media (max-width: 767px) {
    .releases-list__title {
        font-size: 1.313rem;
        margin-bottom: 0
    }
}

.releases-list__empty {
    font-size: 1.125rem;
    margin-top: 0
}

.releases-list--white {
    padding-top: 28px;
    margin-top: 0;
    background-color: #fff
}

@media (max-width: 767px) {
    .releases-list--white {
        padding-top: 16px
    }
}

.releases-list--primary {
    padding-top: 28px;
    margin-top: 0;
    background-color: rgb(var(--primary))
}

@media (max-width: 767px) {
    .releases-list--primary {
        padding-top: 16px
    }
}

.releases-container {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    column-gap: 2.33918128%;
}

@media (max-width: 767px) {
    .releases-container {
        padding: 0
    }
}

.releases-item {
    display: inline-block;
    position: relative;
    width: 23.2459677419%;
    margin: 0 0 28px 0;
    overflow: visible;
    color: #000;
    text-decoration: none !important;
}

.releases-item:nth-child(4n+4) {
    margin-right: 0
}

@media (max-width: 991px) {
    .releases-item:nth-child(4n+4) {
        margin-right: 3.364880273%
    }
}

@media (max-width: 767px) {
    .releases-item:nth-child(4n+4) {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .releases-item:nth-child(3n+3) {
        margin-right: 0
    }
}

.releases-item_soon {
    /*width: 14.47368%;*/
    width: 88.47368%;
    margin: 0 2.63157% 30px 0
}

.releases-item_soon:nth-child(4n+4) {
    margin-right: 2.63157%
}

.releases-item_soon:nth-child(6n+6) {
    margin-right: 0
}

@media (max-width: 767px) {
    .releases-item_soon:nth-child(6n+6) {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .releases-item {
        width: 31.090487239%;
        margin: 0 3.364880273% 28px 0
    }
}

@media (max-width: 767px) {
    .releases-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #e6e6e6;
        padding: 16px 6px 8px 20px;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s
    }
}

.releases-item__age {
    font-size: .9375rem;
    line-height: 30px;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 0 8px 0 10px;
    background-color: rgb(var(--age-color));
    color: rgb(var(--age-color_text));
}

@media (max-width: 767px) {
    .releases-item__age {
        font-size: .75rem;
        line-height: 26px;
        padding: 0 8px
    }
}

/*@media (max-width: 767px) {*/
/*    .releases-item__age {*/
/*        display: none*/
/*    }*/
/*}*/

.releases-item__badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 8px;
    right: 8px
}

.releases-item__badge > div {
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .releases-item__badge {
        font-size: .75rem;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .releases-item__badge {
        display: none
    }
}

.releases-item__premiere {
    background-color: rgb(var(--premiere-color));
    color: rgb(var(--premiere-color_text));
    padding: 0 8px;
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    text-transform: uppercase
}

.releases-item__proculture {
    position: absolute;
    right: 8px;
    bottom: 8px
}

@media (max-width: 767px) {
    .releases-item__proculture {
        display: none
    }
}

.releases-item__proculture > img {
    background-color: rgb(var(--accent));
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 60px
}

.releases-item__onsale {
    font-weight: 500;
    font-size: .75rem;
    padding: 4px 4px 2px;
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus));
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.releases-item__onsale-poster {
    position: absolute;
    top: 8px;
    right: 8px
}

@media (max-width: 767px) {
    .releases-item__onsale-poster {
        display: none
    }
}

.releases-item__onsale-container {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.releases-item__poster {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: height .3s, width .3s;
    -o-transition: height .3s, width .3s;
    transition: height .3s, width .3s;
    max-height: 384px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.releases-item__poster_soon {
    max-height: 237px
}

@media (max-width: 991px) {
    .releases-item__poster {
        max-height: 408px
    }
}

@media (max-width: 767px) {
    .releases-item__poster {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100px;
        height: 150px;
        margin: 0 11px 16px 0;
        overflow: hidden
    }
}

.releases-item__poster-height {
    margin-top: 145.247148289%
}

@media (max-width: 767px) {
    .releases-item__poster-height {
        display: none
    }
}

.releases-item__poster-img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 767px) {
    .releases-item__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .releases-item-description {
        font-size: .875rem;
        display: flex;
        flex-wrap: wrap;
        color: #030303;
        flex-direction: column;
    }
}

.releases-item-description__badge {
    font-size: .875rem;
    margin: 8px 0 4px;
    color: #666
}

.releases-item-description__badge span {
    display: inline-block;
    padding: 0 6px;
    line-height: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f2f5;
    color: #727276;
    font-size: .75rem;
    font-weight: 300;
    margin-bottom: 4px
}

.releases-item-description__badge span:not(:last-child) {
    margin-right: 4px
}

@media (max-width: 767px) {
    .releases-item-description__badge {
        margin: 0 0 10px 4px
    }
}

.releases-item-description__title {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 10px 0 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: flex;
    color: #000;
    text-decoration: none;
    word-break: break-word;
}

@media (max-width: 767px) {
    .releases-item-description__title {
        font-weight: 500;
        font-size: 1.313rem;
        width: 100%;
        margin: 0 0 8px
    }
}

.releases-item-description__title:hover {
    color: #fc0d1b
}

.releases-item-description__title_small {
    font-size: 1.125rem;
    line-height: 24px;
    word-wrap: break-word
}

.releases-item__date-wrapper {
    font-size: .875rem;
    margin: 14px 0 0;
    color: #666
}

@media (max-width: 767px) {
    .releases-item__date-wrapper {
        margin: 0 0 8px
    }
}

.releases-item-schedule {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px 0 0
}

@media (max-width: 767px) {
    .releases-item-schedule {
        margin: 2px 0 0 2px
    }
}

.releases-item__poster-img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .releases-item__poster-img:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.releases-soon {
    padding-top: 28px
}

.releases-soon__mini {
    background-color: #f8f8f8
}

@media (max-width: 767px) {
    .releases-soon {
        padding-top: 16px
    }
}

.releases-soon--title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (max-width: 767px) {
    .releases-soon--title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1.8em
    }
}

.releases-soon--title__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.releases-soon--title__link {
    font-size: .875rem;
    text-decoration: none;
    color: #000;
    margin-right: 5px
}

html.firefox .releases-item__poster-height, html.edge .releases-item__poster-height {
    width: 265px;
    height: 384px
}

@media (max-width: 991px) {
    html.firefox .releases-item__poster-height, html.edge .releases-item__poster-height {
        width: 225.5px;
        height: 328.36px
    }
}

@media (max-width: 767px) {
    html.firefox .releases-item__poster-height, html.edge .releases-item__poster-height {
        width: 339.11px;
        height: 492.53px
    }
}

.slider-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #262626
}

.slider__image--with-pointer {
    cursor: pointer
}

.bullets {
    padding: 2px !important;
    border: 2px solid #fff !important
}

.image-gallery-left-nav {
    padding: 12px 21px 9px 18px !important;
    margin-left: 16px
}

.image-gallery-right-nav {
    padding: 12px 18px 9px 21px !important;
    margin-right: 16px
}

.image-gallery-left-nav, .image-gallery-right-nav {
    font-size: 24px !important;
    background-color: rgba(255, 255, 255, .6) !important;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.image-gallery-left-nav::before, .image-gallery-right-nav::before {
    color: rgba(0, 0, 0, .6) !important;
    text-shadow: none !important;
    font-weight: 600 !important
}

@media (max-width: 767px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        z-index: 0 !important
    }
}

.hidden {
    display: none !important
}

.se-image-container img {
    max-width: 100%;
    height: auto !important;
    height: initial !important
}

.seance-item {
    font-size: .9375rem;
    line-height: 20px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    margin: 0 8px 8px 0;
    display: inline-block
}

.seance-item--has-description .seance-item__vip {
    -webkit-background-size: auto auto;
    background-size: auto;
    width: 32px
}

.seance-item--has-description .seance-item__description {
    -webkit-border-radius: 0 0 0 2px;
    border-radius: 0 0 0 2px
}

.seance-item--has-description--all .seance-item__description {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

/*color: rgb(var(--seance-color_text));*/
.seance-item__time {
    padding: 4px 12px;
    line-height: 22px;
    font-size: 1rem;
    font-weight: 500
}

.seance-item__description {
    background-color: #fff;
    line-height: 13px;
    font-size: .6875rem;
    color: #4c4c4f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 3px 4px 2px 4px
}

.seance-item__description--with-vip {
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px
}

.seance-item__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*border: 1px solid rgb(var(--seance-color));*/
    border: 1px solid;
    min-width: 64px;
    /*background-color: rgb(var(--seance-color));*/
    -webkit-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    outline: none
}

.seance-item__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.seance-item__vip {
    padding-right: 26px;
    width: 26px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid rgb(var(--seance-color_text));
    background-image: url(/img/vip.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    -webkit-background-size: 55% 55%;
    background-size: 55%
}

.seance-item__date {
    text-transform: lowercase
}

@media (max-width: 543px) {
    .seance-item__date {
        text-transform: none;
        text-transform: initial
    }
}

@media (max-width: 543px) {
    .seance-item__text {
        display: none
    }
}

.seance-item__hall {
    font-size: .625rem;
    line-height: 12px;
    color: #4c4c4f;
    margin-top: 3px
}

.seance-item__buy {
    font-size: .625rem;
    line-height: 15px;
    background-color: rgb(var(--seance_color));
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: rgb(var(--seance_color_text));
    margin-top: 2px
}

.seance-item__price {
    font-size: .6875rem;
    line-height: 13px;
    color: #4c4c4f;
    margin-top: 3px
}

.seance-item__wrapper {
    position: relative
}

.seance-item--space {
    margin: 0 4px
}

.seance-item:hover .seance-item__container {
    background-color: rgba(var(--seance-color), .8)
}

.seance-item:hover .seance-item__buy {
    background-color: rgba(var(--seance-color), .8)
}

.seance-item:active .seance-item__container {
    background-color: rgba(var(--seance-color), .9)
}

.seance-item:active .seance-item__buy {
    background-color: rgba(var(--seance-color), .9)
}

#seance-item__container_selected {
    border: 1px solid black;
    filter: brightness(90%);
}

.time-tooltip {
    padding-left: 12px;
    padding-right: 12px
}

button.seance-item {
    height: 40px;
    padding: 0 12px;
    background-color: rgb(var(--seance-color));
    color: rgb(var(--seance-color_text));
    border-style: none
}

button.seance-item:hover {
    background-color: rgba(var(--seance-color), .8)
}

button.seance-item:active {
    background-color: rgba(var(--seance-color), .9)
}

.menu {
    font-size: .875rem;
    background-color: #fff;
    color: #000
}

.menu--navigation {
    z-index: 1;
    border-bottom: 1px solid #e7e7ec;
}

.menu--navigation.show {
    display: flex;
}

@media (max-width: 767px){
    .menu--navigation {
        display: none;
        background: rgb(11, 36, 51);
        color: #fff;
    }
}

.menu-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    gap: 10px;
}

@media (max-width: 767px) {
    .menu-container {
        overflow-x: auto;
        padding: 10px 20px;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: unset;
    }
}

.menu-sub {
    display: none;
    position: absolute;
    top: 44px;
    left: -7px;
    z-index: 200;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    text-align: left;
    min-width: calc(100% + 7px)
}

.menu-sub__item {
    line-height: 42px;
    display: block;
    padding: 0 24px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.menu-sub__item + .menu-sub__item {
    border-top: 1px solid #d9d9df
}

.menu-sub__item:hover, .menu-sub__item--active {
    background-color: rgb(var(--accent));
    color: #000
}

.menu-sub__item--active {
    cursor: default
}

.menu-sub__item:first-child {
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.menu-sub__item:last-child {
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

.menu-sub-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    background-color: #f5f7f8;
    padding: 0 18px;
    overflow-x: auto
}

.menu-sub-mobile__item {
    text-decoration: none;
    color: #000;
    font-size: .875rem;
    white-space: nowrap;
    font-weight: 300;
    height: 48px;
    line-height: 24px;
    padding: 13px 8px 14px
}

.menu-sub-mobile__item--active {
    border-bottom: 4px solid rgb(var(--accent))
}

.menu__item {
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    white-space: nowrap;
    position: relative;
    padding: 10px;
    color: currentColor;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.menu__item > a {
    padding: 13px 8px 14px
}

@media (max-width: 767px) {
    .menu__item + .menu__item {
        margin: 0;
        border-top: 1px solid rgb(15, 53, 75);
        width: 100%;
        justify-content: start;
        display: flex;
    }
}

.menu__item::before {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 121;
    visibility: hidden;
    background-color: rgb(var(--link-color));
    transition: -webkit-transform .3s ease-in-out 0s;
    -webkit-transition: -webkit-transform .3s ease-in-out 0s;
    -o-transition: transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.menu__item:hover {
    color: currentColor;
}

.menu__item:hover .menu-sub {
    display: block;
    overflow: hidden
}

.menu__item:hover::before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

@media (max-width: 767px){
    .menu__item:hover::before {
        visibility: hidden;
    }
}

.menu__item--active {
    cursor: default;
    z-index: 121;
    border-bottom: 4px solid rgb(var(--link-color));
}

.menu__item--active::before {
    visibility: visible;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 120;
    margin: 0 -1px;
    padding: 8px 50px;
    background-color: #f2f2f5;
    -ms-overflow-style: none
}

@media (max-width: 1199px) {
    .calendar {
        padding: 8px 16px
    }
}

@media (max-width: 767px) {
    .calendar {
        width: 100%;
        overflow-x: auto;
        margin: -1px 0 0
    }
}

.calendar-menu {
    position: relative;
    z-index: 120;
    width: 100%;
    overflow: hidden
}

@media (max-width: 767px) {
    .calendar-menu--fixed {
        position: fixed;
        top: 0
    }
}

.calendar-menu--open .calendar__days-list {
    top: 0;
    height: 70px
}

.calendar__days-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 110;
    width: 100%;
    height: 0;
    overflow-x: auto;
    background-color: #f2f2f5;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

@media (max-width: 767px) {
    .calendar__days-list {
        display: none
    }
}

.calendar__days-list::-webkit-scrollbar {
    height: 0
}

.calendar__arrow {
    position: absolute;
    top: 3px
}

.calendar__arrow svg {
    fill: #666;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.calendar--open .calendar__arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.calendar-mobile {
    position: relative;
    margin: 0 -18px;
    background-color: #fff;
    cursor: pointer
}

@media (max-width: 767px) {
    .calendar-mobile {
        margin: 0
    }
}

.calendar-mobile__date {
    font-size: 1.125rem;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.calendar-mobile__date + .calendar-mobile__date {
    margin-left: 18px
}

.calendar-mobile__date--day-week {
    font-size: .75rem;
    margin-bottom: 4px;
    text-transform: uppercase
}

.calendar-mobile__date--day-month {
    line-height: 34px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.calendar-mobile__date--active .calendar-mobile__date--day-month, .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus))
}

.calendar-mobile__date--disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.calendar-mobile__date--holiday {
    color: #d2000d
}

.calendar__date {
    line-height: 20px;
    font-size: .875rem;
    border: 1px solid #e7e7ec;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    padding: 5px 15px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background-color .3s, border-color .3s, -webkit-border-radius .3s;
    transition: background-color .3s, border-color .3s, -webkit-border-radius .3s;
    -o-transition: background-color .3s, border-radius .3s, border-color .3s;
    transition: background-color .3s, border-radius .3s, border-color .3s;
    transition: background-color .3s, border-radius .3s, border-color .3s, -webkit-border-radius .3s
}

.calendar__date:last-child {
    margin-right: 6px
}

@media (max-width: 767px) {
    .calendar__date:last-child {
        margin-right: 16px
    }
}

.calendar__date--active, .calendar__date:hover {
    border-color: rgb(var(--button-color))
}

.calendar__date--active, .calendar__date--active:hover {
    background-color: rgb(var(--button-color));
    color: rgb(var(--button-color_text))
}

.calendar__date--active .calendar__date--day-week {
    color: rgb(var(--button-color))
}

.calendar__date--active, .calendar__date--disabled {
    cursor: default
}

.calendar__date--disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.calendar__date--select-day {
    position: relative;
    padding-right: 34px;
    cursor: pointer
}

.calendar__date + .calendar__date {
    margin-left: 6px
}

.calendar__empty {
    min-width: 50px;
    min-height: 1px
}

@media (max-width: 1199px) {
    .calendar__empty {
        min-width: 24px
    }
}

@media (max-width: 767px) {
    .calendar__empty {
        min-width: 18px
    }
}

.calendar__arrow-left, .calendar__arrow-right {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 30px;
    height: calc(100% - 4px);
    opacity: 0;
    -webkit-transition: left .3s, right .3s, opacity .3s;
    -o-transition: left .3s, right .3s, opacity .3s;
    transition: left .3s, right .3s, opacity .3s
}

@media (max-width: 767px) {
    .calendar__arrow-left, .calendar__arrow-right {
        display: none
    }
}

.calendar__arrow-left--open, .calendar__arrow-right--open {
    opacity: 1
}

.calendar--release-page {
    padding: 8px 12px;
    margin: -1px 0 0
}

.news-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0
}

@media (max-width: 767px) {
    .news-container {
        margin: 15px 0;
        padding-right: 15px;
        padding-left: 15px
    }
}

.news__title {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 13px
}

@media (max-width: 767px) {
    .news__title {
        font-size: 1.5rem
    }
}

@media (max-width: 414px) {
    .news__title {
        margin: 0 0 8px
    }
}

.news-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-list-wrapper {
    width: 100%
}

.news-list__more {
    line-height: 48px;
    display: inline-block;
    max-width: 160px;
    margin: 20px auto 4px;
    border: 1px solid rgba(var(--primary), .3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 26px;
    background-color: rgba(var(--primary), .1);
    color: rgb(var(--primary-dark));
    cursor: pointer;
    -webkit-transition: border-color .3s, color .3s, background-color .3s;
    -o-transition: border-color .3s, color .3s, background-color .3s;
    transition: border-color .3s, color .3s, background-color .3s
}

.news-list__more:hover {
    border-color: rgb(var(--primary));
    background-color: rgba(var(--primary), .8);
    color: #fff
}

.news-list__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-item {
    font-size: .9375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

@media (max-width: 767px) {
    .news-item {
        font-size: .875rem
    }
}

@media (max-width: 414px) {
    .news-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.news-item + .news-item {
    margin: 32px 0 0
}

@media (max-width: 414px) {
    .news-item + .news-item {
        margin: 16px 0 0
    }
}

.news-item__column-left {
    margin: 0 28px 0 0
}

@media (max-width: 543px) {
    .news-item__column-left {
        margin: 0
    }
}

.news-item--other {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    max-width: 264px
}

@media (max-width: 767px) {
    .news-item--other {
        width: 100%;
        max-width: none;
        padding: 24px 0;
        border-bottom: 1px solid #d9d9df
    }

    .news-item--other:last-child {
        border-bottom: none
    }
}

.news-item--other + .news-item--other {
    margin: 0 0 0 28px
}

@media (max-width: 767px) {
    .news-item--other + .news-item--other {
        margin: 0
    }
}

.news-item--other .news-item__title {
    margin: 3px 0 0
}

.news-item__image {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.news-item__image-wrapper {
    width: 264px;
    height: 172px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

@media (max-width: 543px) {
    .news-item__image-wrapper {
        width: 198px;
        height: 129px;
        margin-right: 18px
    }
}

@media (max-width: 414px) {
    .news-item__image-wrapper {
        width: 100%;
        height: 224px
    }
}

@media (max-width: 320px) {
    .news-item__image-wrapper {
        height: 200px
    }
}

.news-item__created {
    font-size: .9375rem;
    color: #666
}

.news-item__title {
    font-weight: 700;
    font-size: 1.5rem;
    display: inline-block;
    color: #000;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (max-width: 767px) {
    .news-item__title {
        font-size: 1.313rem
    }
}

@media (max-width: 414px) {
    .news-item__title {
        margin: 0 0 14px
    }
}

.news-item__title:hover {
    color: #fc0d1b
}

.news-item__description {
    line-height: 21px
}

.news-item__more {
    display: inline-block;
    color: #0d47a1;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.news-item__more:hover {
    color: #fc0d1b
}

.news-item:hover .news-item__image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .news-item:hover .news-item__image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.news-item__row + .news-item__row {
    margin-top: 8px
}

.news-item__row--desktop {
    display: block
}

@media (max-width: 414px) {
    .news-item__row--desktop {
        display: none
    }
}

.news-item__row--mobile {
    display: none
}

@media (max-width: 414px) {
    .news-item__row--mobile {
        display: block
    }
}

@media (max-width: 414px) {
    .news-item__hr {
        height: 8px;
        margin: 16px -15px 0;
        background-color: #f6f5f3
    }
}

.news-item:last-child .news-item__hr {
    display: none
}

.news-page {
    width: 100%;
    margin: 0 0 20px
}

.news-page__title {
    font-weight: 700;
    font-size: 40px !important;
    line-height: 48px !important;
    padding-bottom: 5px
}

@media (max-width: 767px) {
    .news-page__title {
        font-size: 1.75rem !important;
        line-height: 34px !important;
        margin-bottom: 10px;
        padding-bottom: 0
    }
}

.news-page__description {
    font-size: 17px;
    line-height: 27px
}

@media (max-width: 767px) {
    .news-page__description {
        margin-bottom: 10px
    }
}

.news-page__image {
    margin: 18px 0;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.news-page__content {
    max-width: 1140px
}

.news-page__body * {
    font-size: 17px !important;
    line-height: 27px !important
}

.news-page__body img, .news-page__body iframe {
    max-width: 100%;
    margin: 18px 0
}

.news-page__body h1, .news-page__body h2 {
    margin-top: 30px;
    margin-bottom: 12px
}

.news-page__body h1 span, .news-page__body h2 span {
    font-weight: 500 !important;
    font-size: 27px !important;
    font-family: inherit !important;
    line-height: 35px !important
}

.news-page__body blockquote {
    font-style: italic
}

.news-page__body a {
    border-bottom: 1px solid rgb(var(--primary));
    color: rgb(var(--primary-dark));
    text-decoration: none
}

.news-page__body a:hover {
    border-color: currentColor;
    color: #fc0d1b !important
}

.news-page__body a:hover span {
    border-color: currentColor;
    color: #fc0d1b !important
}

.news-page__body p {
    margin: 13.5px 0
}

.news-others {
    padding: 28px 0 48px
}

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

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

@media (max-width: 767px) {
    .news-others__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.video-popup {
    z-index: 1;
    max-width: 80%
}

@media (max-width: 543px) {
    .video-popup {
        max-width: 100%
    }
}

.video-popup-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.video-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.video-popup--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.video-popup__exit {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.video-popup__exit:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.popup {
    z-index: 1;
    display: flex;
    height: fit-content;
}

@media (max-width: 543px) {
    .popup {
        max-width: 100%
    }
}

.popup-container {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.popup__content {
    width: 620px;
    background: #fff;
    color: #262626;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0 12px;
    margin: 28px 0;
}

@media (max-width: 767px) {
    .popup__content {
        width: 90vw;
        padding: 0 8px
    }
}

.popup__content__header {
    position: relative;
    font-weight: 500;
    line-height: 28px;
    font-size: 1.25rem;
    text-align: center;
    border-bottom: 1px solid #e3e9eb;
    padding: 20px
}

.popup__content__body {
    padding: 12px 24px
}

@media (max-width: 767px) {
    .popup__content__body {
        padding: 8px
    }
}

.popup__content__bottom {
    padding: 0 24px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup__content__bottom button {
    height: auto;
    padding: 12px 24px
}

@media (max-width: 767px) {
    .popup__content__bottom {
        padding: 0 8px 16px
    }
}

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

.popup__exit {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.popup__exit:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.popup__notification {
    padding: 12px;
    text-align: center;
    max-height: 500px;
    overflow-y: auto
}

@media (max-width: 767px) {
    .popup__notification {
        max-height: calc(80vh - 144px)
    }
}

.promo {
    margin: 15px 0
}

.promo td, .promo th {
    border: 1px solid #000
}

.promo table {
    border-collapse: collapse;
    width: 200px;
    text-align: center;
    margin: 5px 0
}

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

.promo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .promo-container {
        padding: 0
    }
}

.promo-container--others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .promo-container--others {
        margin-bottom: 4px
    }
}

.promo__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: normal;
    line-height: initial;
    margin: 0 0 16px;
    color: #000
}

@media (max-width: 767px) {
    .promo__title {
        margin: 0 16px
    }
}

.promo__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.promo__title-others {
    font-size: 2rem;
    color: #fff;
    margin: 0
}

@media (max-width: 767px) {
    .promo__title-others {
        font-size: 1.5rem
    }
}

.promo__title-others--black {
    color: #000
}

.promo__title-link {
    text-decoration: none;
    font-size: .875rem;
    color: #fff;
    margin-right: 5px
}

.promo__title-link--black {
    color: #000
}

.promo-info {
    width: 100%
}

.promo-button {
    padding: 14px;
    width: calc(100% - 32px);
    text-align: center;
    display: block;
    background-color: #e9edf7;
    color: #134a9f;
    border: 1px solid #acbbe0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 16px auto 32px;
    font-size: 1.313rem
}

.promo__description {
    max-width: 654px
}

.promo__description__img {
    max-width: 100%;
    margin-top: 28px
}

.promo__description__text {
    padding: 10px 0;
    font-size: 1rem;
    color: #414141;
    line-height: 28px
}

@media (max-width: 767px) {
    .promo__description__text {
        padding: 5px 0
    }
}

.promo__description__text_title {
    padding-top: 20px;
    padding-bottom: 0;
    font-weight: 700
}

@media (max-width: 767px) {
    .promo__description__text_title {
        padding-top: 10px
    }
}

@media (max-width: 767px) {
    .promo__description {
        padding: 16px
    }
}

.promo-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px
}

@media (max-width: 767px) {
    .promo-list {
        overflow: auto;
        padding: 0
    }
}

.promo-list-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 767px) {
    .promo-list-container {
        width: auto
    }
}

.promo-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.promo-item {
    width: 31.090487239%;
    margin: 0 3.364880273% 70px 0;
    color: #000;
    text-decoration: none !important;
    cursor: pointer;
    height: 332px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2
}

.promo-item__others {
    width: 32%;
    margin: 0;
    background-color: #fff;
    margin-right: 30px
}

@media (max-width: 767px) {
    .promo-item__others {
        width: 264px !important
    }
}

.promo-item__others:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .promo-item__others:last-child {
        margin-right: 16px !important
    }
}

@media (max-width: 767px) {
    .promo-item__others .promo-item__poster, .promo-item__others .promo-item__info {
        height: 130px
    }
}

@media (max-width: 767px) {
    .promo-item__others .promo-item-description__period {
        height: 40px
    }
}

@media (max-width: 767px) {
    .promo-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: unset;
        width: 100%;
        margin: 16px;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.promo-item:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 767px) {
    .promo-item:nth-child(3n) {
        margin-right: 16px
    }
}

.promo-item__poster {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: height .3s, width .3s;
    -o-transition: height .3s, width .3s;
    transition: height .3s, width .3s;
    height: 176px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

@media (max-width: 767px) {
    .promo-item__poster {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 60px;
        width: 100%;
        margin: 0;
        overflow: hidden
    }
}

.promo-item__poster-height {
    margin-top: 145.247148289%
}

@media (max-width: 767px) {
    .promo-item__poster-height {
        display: none
    }
}

.promo-item__poster-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -o-object-fit: cover;
    object-fit: cover
}

.promo-item__info {
    border: 1px solid #e6e6e6;
    border-top: none;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    padding-bottom: 24px;
    padding-top: 16px;
    height: 156px
}

.promo-item-description {
    padding: 0 16px
}

@media (max-width: 767px) {
    .promo-item-description {
        font-size: .875rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: baseline;
        -ms-flex-line-pack: baseline;
        align-content: baseline;
        color: #030303
    }
}

.promo-item-description__title {
    font-size: 1.5rem;
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 56px
}

@media (max-width: 767px) {
    .promo-item-description__title {
        font-size: 1.313rem;
        margin-bottom: 0;
        font-weight: 500;
        max-height: 50px;
        width: 100%
    }
}

.promo-item-description__title-others {
    font-size: 1.25rem;
    font-weight: 500;
    height: 50px
}

.promo-item-description__period {
    font-size: .875rem;
    margin-top: 8px;
    color: #262626;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    height: 60px
}

.promo-item-description__cinemas {
    font-size: .8125rem;
    color: #262626;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
    margin-bottom: 8px
}

.release {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 18px 0 20px;
    overflow: hidden
}

@media (max-width: 767px) {
    .release--fixed-calendar {
        padding-top: 65px
    }
}

.release-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.release-container .container {
    padding: 0
}

.release-container .calendar__empty {
    min-width: 0
}

.release-left {
    position: relative;
    width: 263px;
    min-width: 263px;
    margin: 0 30px 0 0
}

@media (max-width: 767px) {
    .release-left {
        display: none
    }
}

.release-right {
    min-width: calc(100% - 293px);
    max-width: calc(100% - 293px)
}

@media (max-width: 767px) {
    .release-right {
        min-width: 100%;
        max-width: 100%
    }
}

.release-poster {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 382px;
    overflow: hidden;
    cursor: pointer
}

.release-poster__img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.release-poster__img-wrapper {
    width: 100%;
    height: 100%;
    cursor: default
}

.release-poster--mobile {
    display: none
}

@media (max-width: 767px) {
    .release-poster--mobile {
        display: block;
        float: left;
        width: 60px;
        height: 88px;
        margin: 0 12px 16px 0
    }
}

.release__badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 8px;
    right: 8px
}

.release__badge > div {
    margin-bottom: 8px
}

.release__premiere {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus));
    padding: 0 8px;
    font-weight: 700;
    font-size: .875rem;
    line-height: 30px;
    text-transform: uppercase
}

.release__proculture {
    position: absolute;
    right: 8px;
    bottom: 8px
}

.release__proculture > img {
    background-color: rgb(var(--accent));
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 60px
}

.release-thumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px;
    overflow: auto
}

.release-thumb__item {
    width: 60px;
    min-width: 60px;
    height: 60px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.release-thumb__item + .release-thumb__item {
    margin-left: 8px
}

.release-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

@media (max-width: 767px) {
    .release-rating {
        display: none
    }
}

.release-rating__item {
    width: 50%
}

.release-rating__title {
    font-size: .9375rem;
    margin-bottom: 4px;
    color: #666
}

.release-rating__count {
    font-size: 1.5rem;
    color: #000
}

.release__age {
    font-size: .9375rem;
    line-height: 30px;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 0 8px 0 10px;
    background-color: rgb(var(--age-color));
    color: rgb(var(--age-color_text));
}

.release__info {
    padding: 26px 40px 26px 30px;
    background-color: #f6f5f3;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

@media (max-width: 767px) {
    .release__info {
        margin-top: 8px;
        padding: 12px;
        background-color: #fff
    }
}

.release__info-item {
    font-size: .9375rem;
    line-height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.release__info-item:not(:first-child) {
    margin-top: 16px
}

@media (max-width: 767px) {
    .release__info-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.release__info-item__name {
    width: 25%;
    color: #666
}

@media (max-width: 767px) {
    .release__info-item__name {
        width: 100%;
        margin-bottom: 4px;
        color: #aaa
    }
}

.release__info-item__description {
    width: 75%
}

@media (max-width: 767px) {
    .release__info-item__description {
        width: 65%
    }
}

@media (max-width: 767px) {
    .release-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: 72px
    }
}

.release-description__age {
    display: none
}

@media (max-width: 767px) {
    .release-description__age {
        font-size: .75rem;
        line-height: 12px;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        display: block;
        margin: 0 8px 8px 0;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 2px 4px;
        background-color: #fff
    }
}

.release__genre {
    font-size: .9375rem;
    color: #666
}

@media (max-width: 767px) {
    .release__genre {
        font-size: .875rem;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 11px
    }
}

.release__title {
    font-weight: 700;
    font-size: 2.25rem;
    margin: 6px 0 12px;
    color: #000
}

@media (max-width: 767px) {
    .release__title {
        font-weight: 500;
        font-size: 1.313rem;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 8px
    }
}

.release__text {
    font-size: .9375rem;
    line-height: 21px;
    margin: 32px 0 0;
    color: #000
}

@media (max-width: 767px) {
    .release__text {
        margin: 16px 0 20px;
        color: #030303
    }
}

.release__soon-date {
    font-size: 1rem;
    line-height: 48px;
    clear: both;
    height: 48px;
    margin: 16px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f6f5f3;
    color: #000;
    text-align: center
}

@media (max-width: 767px) {
    .release__soon-date {
        margin: 16px -18px
    }
}

.release-trailer-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px
}

@media (max-width: 991px) {
    .release-trailer-list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 16px 0 0
    }
}

@media (max-width: 543px) {
    .release-trailer-list {
        margin: 16px -18px 24px
    }
}

.release-trailer-item {
    font-size: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 27px 0;
    overflow: hidden;
    cursor: pointer;
    height: auto;
}

@media (max-width: 543px) {
    .release-trailer-item {
        margin: 0
    }
}

@media (max-width: 543px) {
    .release-trailer-item + .release-trailer-item {
        margin: 16px 0 0
    }
}

.release-trailer-item__poster {
    max-width: 100%;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.release-trailer-item__play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.release-trailer-item:hover .release-trailer-item__play, .release-trailer-item:hover .release-trailer-item__poster {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.release-trailer-item:nth-child(3n+3) {
    margin-right: 0
}

@media (max-width: 1199px) {
    .release-trailer-item:nth-child(3n+3) {
        margin-right: 27px
    }
}

@media (max-width: 991px) {
    .release-trailer-item:nth-child(3n+3) {
        margin-right: 0
    }
}

.release-schedule {
    margin: 30px 0 10px
}

.release-schedule-wrap .calendar-menu {
    -webkit-border-radius: 25px;
    border-radius: 25px
}

@media (max-width: 767px) {
    .release-schedule-wrap {
        clear: both;
        margin: 20px -18px 24px
    }

    .release-schedule-wrap .menu {
        padding: 0 18px;
        background-color: transparent
    }

    .release-schedule-wrap .release-schedule {
        margin: 18px 0 15px 12px
    }

    @media (max-width: 767px) {
        .release-schedule-wrap .release-schedule--empty {
            margin: 18px
        }
    }.release-schedule-wrap .release-schedule .seance-item {
         margin: 0 0 4px 4px
     }

    .release-schedule-wrap .calendar-menu {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.release-schedule-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.release-schedule-row + .release-schedule-row {
    margin-top: 6px
}

.release-schedule__format {
    min-width: 92px;
    text-transform: uppercase
}

.release-schedule__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 68%
}

@media (max-width: 1199px) {
    .release-schedule__list {
        max-width: 80%
    }
}

@media (max-width: 991px) {
    .release-schedule__list {
        max-width: 100%
    }
}

.release-schedule__cinema {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 8px
}

.release-schedule__cinema-title {
    font-weight: 500;
    line-height: 28px;
    font-size: 1.25rem
}

.release-schedule__cinema-address {
    line-height: 20px;
    font-size: .8125rem
}

.release-schedule__item {
    margin-bottom: 20px
}

.spinner {
    font-size: .625rem;
    width: 50px;
    height: 40px;
    margin: 100px auto;
    text-align: center
}

.spinner > div {
    display: inline-block;
    width: 6px;
    height: 100%;
    margin: 0 3px 0 0;
    background-color: rgb(var(--primary));
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.banners > div {
    background-color: #4c4c4f
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.feedback {
    font-size: 1rem;
    line-height: 21px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 10px;
}

.feedback-mobile {
    display: none;
}

.feedback-mobile__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

@media (max-width: 767px) {
    .feedback {
        border-top: 1px solid rgb(var(--primary));
        line-height: 50px;
        padding: 10px;
    }

    .feedback-mobile {
        display: flex;
    }
}

.feedback__item {
    height: 32px;
    padding: 0 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: rgb(var(--button-color));
    border: 0;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: .875rem;
    min-width: 140px;
    color: rgb(var(--button-color_text));
    display: flex;
    text-decoration: none;
}

.feedback-mobile__item {
    display: flex;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}

.feedback-mobile__item:hover {
    color: #fff;
}

.feedback__item:hover {
    background-color: rgba(var(--button-color), .9);
    color: #fff;
}

@media (max-width: 767px) {
    .feedback__item {
        margin: 0;
        font-weight: 500;
    }
}

.feedback__description {
    line-height: 20px;
    font-size: .875rem;
    color: #616161;
    max-width: 576px;
    margin-bottom: 10px
}

.feedback__box-form__label {
    line-height: 20px;
    font-size: .875rem;
    color: #262626;
    margin-bottom: 3px
}

.feedback__box-form:not(:last-child) {
    margin-bottom: 16px
}

.feedback__success {
    margin: 68px 0 110px;
    text-align: center
}

.feedback__success__img {
    margin-bottom: 25px
}

.feedback__success__text {
    line-height: 20px;
    font-size: .875rem;
    text-align: center
}

.feedback__success__text--click {
    margin-top: 8px
}

.feedback__more-click {
    cursor: pointer;
    color: #002f6c
}

.feedback--mobile .feedback {
    position: static;
    line-height: inherit
}

.feedback--mobile .feedback__item {
    padding: 0
}

.input {
    width: 100%;
    border: 1px solid #c9c9c9;
    padding: 10px 15px;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    font-family: Roboto;
    line-height: 20px;
    font-size: .875rem;
    color: #262626
}

.input::-webkit-input-placeholder {
    color: #e3e9eb
}

.input:-ms-input-placeholder {
    color: #e3e9eb
}

.input::-ms-input-placeholder {
    color: #e3e9eb
}

.input::placeholder {
    color: #e3e9eb
}

.input--has-error {
    border-color: red;
    color: red
}

.input-container:not(:first-child) {
    margin-top: 5px
}

.input-container:not(:last-child) {
    margin-bottom: 5px
}

.input__error {
    font-size: .75rem;
    margin-top: 5px;
    color: red
}

.textarea {
    width: 100%;
    min-height: 120px;
    border: 1px solid #c9c9c9;
    padding: 10px 15px;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    resize: none;
    line-height: 20px;
    font-size: .875rem;
    color: #262626
}

.textarea::-webkit-input-placeholder {
    color: #e3e9eb
}

.textarea:-ms-input-placeholder {
    color: #e3e9eb
}

.textarea::-ms-input-placeholder {
    color: #e3e9eb
}

.textarea::placeholder {
    color: #e3e9eb
}

.textarea--has-error {
    border-color: red;
    color: red
}

.textarea-container:not(:first-child) {
    margin-top: 5px
}

.textarea-container:not(:last-child) {
    margin-bottom: 5px
}

.textarea__error {
    font-size: .75rem;
    margin-top: 5px;
    color: red
}

.button {
    font-size: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 42px;
    color: #000;
    cursor: pointer;
    border: 1px solid
}

.button--primary {
    background: #157df1;
    color: #fff;
    border-color: #157df1
}

.button--secondary {
    background: #f7f9fa;
    border-color: #d6d6d6
}

.button--transparent {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.button--download {
    background: #007aff;
    color: #fff;
    border: none;
    font-size: .9375rem;
    height: 32px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 16px;
    margin: 20px 12px 20px 8px
}

.button--accent {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus));
    border: 0;
    padding: 0 42px
}

.button--accent:hover {
    background-color: rgba(var(--accent), .9)
}

.button.disabled {
    border-color: #d6d6d6;
    background-color: #d6d6d6;
    color: #999;
    cursor: default;
    pointer-events: none
}

.custom-button {
    padding: 8px 16px;
    background: rgb(var(--accent));
    color: rgb(var(--primary));
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in
}

.custom-button:hover {
    background: rgba(var(--accent), .8)
}

.custom-button--secondary {
    background: #fff;
    color: rgb(var(--accent));
    border-color: #d9d9df
}

.custom-button--secondary:hover {
    background: #f2f2f5
}

.noop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    text-align: left;
    height: 100vh
}

.noop--short {
    height: calc(100vh - 400px);
    min-height: 600px
}

.noop-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.noop-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 32px;
    height: 40px;
    width: 100%;
    grid-gap: 16px;
    gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem;
    color: #727276
}

.noop-footer > span > a {
    color: #fff
}

.noop-footer > span > a:visited, .noop-footer > span > a:hover, .noop-footer > span > a:active {
    color: #fff
}

.noop-error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.noop__error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 400px;
    grid-gap: 16px;
    gap: 16px
}

.noop__error-text {
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    margin: 8px 0;
    font-size: 1.313rem;
    color: #fff
}

.noop__error-description {
    font-size: 16px;
    color: #727276;
    text-align: center;
    line-height: 21px;
    font-weight: 300
}

.noop__icon {
    width: 144px;
    height: 144px;
    margin: 0 36px 0 0
}

.noop__icon-error {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .noop__icon {
        margin: 0 0 34px
    }

    .noop__order-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 100px
    }

    .noop__order {
        text-align: center
    }
}

button.ui-btn {
    margin-right: 32px
}

@media (max-width: 767px) {
    button.ui-btn {
        min-width: 100%;
        margin: 0
    }
}

button.ui-btn--default {
    background: rgb(var(--accent));
    color: rgb(var(--accent-plus))
}

div.ui-btn-content > span {
    color: rgb(var(--accent-plus))
}

div.ui-select-option.ui-select-option--focused {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus))
}

.daily-seances-list {
    margin-top: 20px
}

.daily-seance-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 8px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    outline: none
}

.daily-seance-item:hover {
    background-color: #f9fafb
}

.daily-seance-item__seance-time {
    background-color: rgb(var(--seance-color));
    color: rgb(var(--seance-color_text));
    width: 64px;
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.daily-seance-item__seance-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px
}

.daily-seance-item__seance-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 25px
}

.daily-seance-item__genres-age-info {
    margin-top: 4px
}

.daily-seance-item__genres-age-info span {
    margin-bottom: 4px;
    display: inline-block;
    padding: 0 6px;
    line-height: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f2f5;
    color: #727276;
    font-size: .75rem;
    font-weight: 300;
    text-transform: uppercase
}

.daily-seance-item__genres-age-info span:not(:last-child) {
    margin-right: 4px
}

.daily-seance-item__other-info span {
    color: #727276;
    font-size: .75rem;
    font-weight: 300
}

.daily-seance-item__other-info span:not(:last-child) {
    margin-right: 8px
}

.daily-seance-item__other-info span:not(:last-child)::after {
    content: '\2022';
    margin-left: 8px
}

.daily-seance-item:not(:last-child) {
    border-bottom: 1px solid #e6e6e6
}

.daily-seances-cinema {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .daily-seances-cinema {
        display: block
    }
}

.daily-seances-cinema__label-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 50px;
    cursor: pointer
}

@media (max-width: 767px) {
    .daily-seances-cinema__label-wrapper {
        padding-top: 0
    }
}

.daily-seances-cinema__label {
    padding-left: 10px
}

.daily-seances-cinema__pin {
    height: 64px;
    width: 64px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.daily-seances-cinema__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.daily-seances-cinema__address {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

.daily-seances-cinema__list {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.daily-seances-cinema:not(:first-child) {
    margin-top: 16px
}

@media (max-width: 767px) {
    .daily-seances-cinema:not(:first-child) {
        margin-top: 24px
    }
}

.daily-seances-cinema:not(:last-child) {
    border-bottom: 1px solid #e6e6e6
}

@media (max-width: 767px) {
    .daily-seances-cinema:not(:last-child) {
        border-bottom: 0
    }
}

@media (max-width: 767px) {
    .daily-seances-cinema .daily-seance-item {
        border-bottom: 1px solid #e6e6e6
    }
}

.widget-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: transparent !important;
    outline: none
}

.no-seanses {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 84px 0 111px;
    gap: 10px;
}

.no-seanses__title {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center
}

.view-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    margin-right: 8px;
    background-color: #fff;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer
}

.view-button img {
    padding-right: 10px
}

@media (max-width: 767px) {
    .view-button {
        margin: 16px 0 8px 0
    }
}

.view-settings {
    background: inherit;
    z-index: 10;
    display: block;
    font-size: 20px !important;
    line-height: 30px;
    font-family: sans-serif, arial;
    letter-spacing: normal !important;
    text-align: center;
    border-bottom: 2px solid
}

.view-settings__row {
    margin: 8px
}

.view-settings__block {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    border: 2px solid;
    padding: 6px 10px;
    margin: 2px
}

.view-settings button {
    border: 1px solid;
    text-decoration: none;
    padding: 4px 10px;
    cursor: pointer;
    margin: 2px
}

.view-settings button:hover {
    background-color: #c7c7cd !important;
    color: #000 !important
}

.view-settings button:focus {
    outline: 1px solid !important
}

.view-settings p {
    margin: 0
}

#text-color .black {
    background-color: #fff !important;
    color: #000 !important
}

#text-color .white {
    background-color: #000 !important;
    color: #fff !important
}

#text-color .blue {
    background-color: #9dd1ff !important;
    color: #063462 !important
}

#text-color .sand {
    background-color: #f7f3d6 !important;
    color: #4d4b43 !important
}

#text-color .brown {
    background-color: #3b2716 !important;
    color: #a9e44d !important
}

.imageOn .btn-show-images, .imageOff .btn-hide-images, .imageOff .icon-social, .imageOff img {
    display: none
}

.imageOff .footer__badge--app-link {
    background-image: none !important
}

.noSerif .btn-font-sans {
    display: none
}

.noSerif {
    font-family: sans-serif, Arial
}

.sans .btn-font-serif {
    display: none
}

.sans {
    font-family: serif, "Times New Roman"
}

.line_1_5 div, .line_1_5 a {
    line-height: 1.5
}

.line_2_0 div, .line_2_0 a {
    line-height: 2
}

.line_2_5 div, .line_2_5 a {
    line-height: 2.5
}

.letter-spacing1 {
    letter-spacing: normal
}

.letter-spacing2, .letter-spacing2 button {
    letter-spacing: 2px
}

.letter-spacing4, .letter-spacing4 button {
    letter-spacing: 4px
}

.letter-spacing1 .menu-container, .letter-spacing2 .menu-container, .letter-spacing4 .menu-container {
    overflow: auto
}

.blackOnWhite, .blackOnWhite div, .blackOnWhite span, .blackOnWhite ul, .blackOnWhite h3 {
    background-color: #fff;
    color: #000;
    background-image: none !important;
    border-color: #000
}

.blackOnWhite:hover .seance-item__buy, .blackOnWhite div:hover .seance-item__buy, .blackOnWhite span:hover .seance-item__buy, .blackOnWhite ul:hover .seance-item__buy, .blackOnWhite h3:hover .seance-item__buy {
    background-color: #fff
}

.blackOnWhite .ui-select-underlayer {
    background-color: rgba(255, 255, 255, .01)
}

.blackOnWhite .calendar__date--active, .blackOnWhite .calendar__date--active .calendar__date--day-week, .blackOnWhite .calendar-mobile__date--active .calendar-mobile__date--day-month, .blackOnWhite .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: #000 !important;
    color: #fff !important
}

.blackOnWhite a, .blackOnWhite a:hover, .blackOnWhite .header-menu__icon, .blackOnWhite .calendar__date:hover {
    border-color: #000
}

.blackOnWhite a::before, .blackOnWhite a::after, .blackOnWhite a:hover::before, .blackOnWhite a:hover::after, .blackOnWhite .header-menu__icon::before, .blackOnWhite .header-menu__icon::after, .blackOnWhite .calendar__date:hover::before, .blackOnWhite .calendar__date:hover::after {
    background-color: #000
}

.blackOnWhite a:link, .blackOnWhite a:visited, .blackOnWhite .view-settings__block, .blackOnWhite .view-settings, .blackOnWhite .releases-item-description__title:hover {
    color: #000
}

.blackOnWhite .icon {
    fill: #000
}

.blackOnWhite .header__logo-img, .blackOnWhite .footer__logo {
    background-color: #e7e7ec
}

.blackOnWhite a#active {
    color: #fff;
    background-color: #000
}

.blackOnWhite a:focus, .blackOnWhite input:focus, .blackOnWhite textarea:focus, .blackOnWhite button:focus, .blackOnWhite .seance-item__container:focus, .blackOnWhite .daily-seance-item:focus, .blackOnWhite .widget-overlay:focus, .blackOnWhite .header__phone-arrow:focus {
    outline: #000 solid 5px
}

.blackOnWhite button, .blackOnWhite input, .blackOnWhite textarea {
    background-color: #fff;
    color: #000;
    border: 1px solid #000 !important
}

.blackOnWhite button:hover, .blackOnWhite input:hover, .blackOnWhite textarea:hover {
    background-color: #fff
}

.blackOnWhite .menu-container {
    background-color: #fff !important
}

.whiteOnBlack, .whiteOnBlack div, .whiteOnBlack span, .whiteOnBlack ul, .whiteOnBlack h3 {
    background-color: #000;
    color: #fff;
    background-image: none !important;
    border-color: #fff
}

.whiteOnBlack:hover .seance-item__buy, .whiteOnBlack div:hover .seance-item__buy, .whiteOnBlack span:hover .seance-item__buy, .whiteOnBlack ul:hover .seance-item__buy, .whiteOnBlack h3:hover .seance-item__buy {
    background-color: #000
}

.whiteOnBlack .ui-select-underlayer {
    background-color: rgba(255, 255, 255, .01)
}

.whiteOnBlack .calendar__date--active, .whiteOnBlack .calendar__date--active .calendar__date--day-week, .whiteOnBlack .calendar-mobile__date--active .calendar-mobile__date--day-month, .whiteOnBlack .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: #fff !important;
    color: #000 !important
}

.whiteOnBlack a, .whiteOnBlack a:hover, .whiteOnBlack .header-menu__icon, .whiteOnBlack .calendar__date:hover {
    border-color: #fff
}

.whiteOnBlack a::before, .whiteOnBlack a::after, .whiteOnBlack a:hover::before, .whiteOnBlack a:hover::after, .whiteOnBlack .header-menu__icon::before, .whiteOnBlack .header-menu__icon::after, .whiteOnBlack .calendar__date:hover::before, .whiteOnBlack .calendar__date:hover::after {
    background-color: #fff
}

.whiteOnBlack a:link, .whiteOnBlack a:visited, .whiteOnBlack .view-settings__block, .whiteOnBlack .view-settings, .whiteOnBlack .releases-item-description__title:hover {
    color: #fff
}

.whiteOnBlack .icon {
    fill: #fff
}

.whiteOnBlack a#active {
    color: #000;
    background-color: #fff
}

.whiteOnBlack a:focus, .whiteOnBlack input:focus, .whiteOnBlack textarea:focus, .whiteOnBlack button:focus, .whiteOnBlack .seance-item__container:focus, .whiteOnBlack .daily-seance-item:focus, .whiteOnBlack .widget-overlay:focus, .whiteOnBlack .header__phone-arrow:focus {
    outline: #fff solid 5px
}

.whiteOnBlack button, .whiteOnBlack input, .whiteOnBlack textarea {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff !important
}

.whiteOnBlack button:hover, .whiteOnBlack input:hover, .whiteOnBlack textarea:hover {
    background-color: #000
}

.whiteOnBlack .menu-container {
    background-color: #000 !important
}

.blueOnBlue, .blueOnBlue div, .blueOnBlue span, .blueOnBlue ul, .blueOnBlue h3 {
    background-color: #9dd1ff;
    color: #063462;
    background-image: none !important;
    border-color: #063462
}

.blueOnBlue:hover .seance-item__buy, .blueOnBlue div:hover .seance-item__buy, .blueOnBlue span:hover .seance-item__buy, .blueOnBlue ul:hover .seance-item__buy, .blueOnBlue h3:hover .seance-item__buy {
    background-color: #9dd1ff
}

.blueOnBlue .ui-select-underlayer {
    background-color: rgba(255, 255, 255, .01)
}

.blueOnBlue .calendar__date--active, .blueOnBlue .calendar__date--active .calendar__date--day-week, .blueOnBlue .calendar-mobile__date--active .calendar-mobile__date--day-month, .blueOnBlue .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: #063462 !important;
    color: #9dd1ff !important
}

.blueOnBlue a, .blueOnBlue a:hover, .blueOnBlue .header-menu__icon, .blueOnBlue .calendar__date:hover {
    border-color: #063462
}

.blueOnBlue a::before, .blueOnBlue a::after, .blueOnBlue a:hover::before, .blueOnBlue a:hover::after, .blueOnBlue .header-menu__icon::before, .blueOnBlue .header-menu__icon::after, .blueOnBlue .calendar__date:hover::before, .blueOnBlue .calendar__date:hover::after {
    background-color: #063462
}

.blueOnBlue a:link, .blueOnBlue a:visited, .blueOnBlue .view-settings__block, .blueOnBlue .view-settings, .blueOnBlue .releases-item-description__title:hover {
    color: #063462
}

.blueOnBlue .icon {
    fill: #063462
}

.blueOnBlue a#active {
    color: #9dd1ff;
    background-color: #063462
}

.blueOnBlue a:focus, .blueOnBlue input:focus, .blueOnBlue textarea:focus, .blueOnBlue button:focus, .blueOnBlue .seance-item__container:focus, .blueOnBlue .daily-seance-item:focus, .blueOnBlue .widget-overlay:focus, .blueOnBlue .header__phone-arrow:focus {
    outline: #063462 solid 5px
}

.blueOnBlue button, .blueOnBlue input, .blueOnBlue textarea {
    background-color: #9dd1ff;
    color: #063462;
    border: 1px solid #063462 !important
}

.blueOnBlue button:hover, .blueOnBlue input:hover, .blueOnBlue textarea:hover {
    background-color: #9dd1ff
}

.blueOnBlue .menu-container {
    background-color: #9dd1ff !important
}

.sandTheme, .sandTheme div, .sandTheme span, .sandTheme ul, .sandTheme h3 {
    background-color: #f7f3d6;
    color: #4d4b43;
    background-image: none !important;
    border-color: #4d4b43
}

.sandTheme:hover .seance-item__buy, .sandTheme div:hover .seance-item__buy, .sandTheme span:hover .seance-item__buy, .sandTheme ul:hover .seance-item__buy, .sandTheme h3:hover .seance-item__buy {
    background-color: #f7f3d6
}

.sandTheme .ui-select-underlayer {
    background-color: rgba(255, 255, 255, .01)
}

.sandTheme .calendar__date--active, .sandTheme .calendar__date--active .calendar__date--day-week, .sandTheme .calendar-mobile__date--active .calendar-mobile__date--day-month, .sandTheme .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: #4d4b43 !important;
    color: #f7f3d6 !important
}

.sandTheme a, .sandTheme a:hover, .sandTheme .header-menu__icon, .sandTheme .calendar__date:hover {
    border-color: #4d4b43
}

.sandTheme a::before, .sandTheme a::after, .sandTheme a:hover::before, .sandTheme a:hover::after, .sandTheme .header-menu__icon::before, .sandTheme .header-menu__icon::after, .sandTheme .calendar__date:hover::before, .sandTheme .calendar__date:hover::after {
    background-color: #4d4b43
}

.sandTheme a:link, .sandTheme a:visited, .sandTheme .view-settings__block, .sandTheme .view-settings, .sandTheme .releases-item-description__title:hover {
    color: #4d4b43
}

.sandTheme .icon {
    fill: #4d4b43
}

.sandTheme a#active {
    color: #f7f3d6;
    background-color: #4d4b43
}

.sandTheme a:focus, .sandTheme input:focus, .sandTheme textarea:focus, .sandTheme button:focus, .sandTheme .seance-item__container:focus, .sandTheme .daily-seance-item:focus, .sandTheme .widget-overlay:focus, .sandTheme .header__phone-arrow:focus {
    outline: #4d4b43 solid 5px
}

.sandTheme button, .sandTheme input, .sandTheme textarea {
    background-color: #f7f3d6;
    color: #4d4b43;
    border: 1px solid #4d4b43 !important
}

.sandTheme button:hover, .sandTheme input:hover, .sandTheme textarea:hover {
    background-color: #f7f3d6
}

.sandTheme .menu-container {
    background-color: #f7f3d6 !important
}

.brownTheme, .brownTheme div, .brownTheme span, .brownTheme ul, .brownTheme h3 {
    background-color: #3b2716;
    color: #a9e44d;
    background-image: none !important;
    border-color: #a9e44d
}

.brownTheme:hover .seance-item__buy, .brownTheme div:hover .seance-item__buy, .brownTheme span:hover .seance-item__buy, .brownTheme ul:hover .seance-item__buy, .brownTheme h3:hover .seance-item__buy {
    background-color: #3b2716
}

.brownTheme .ui-select-underlayer {
    background-color: rgba(255, 255, 255, .01)
}

.brownTheme .calendar__date--active, .brownTheme .calendar__date--active .calendar__date--day-week, .brownTheme .calendar-mobile__date--active .calendar-mobile__date--day-month, .brownTheme .calendar-mobile__date:hover .calendar-mobile__date--day-month {
    background-color: #a9e44d !important;
    color: #3b2716 !important
}

.brownTheme a, .brownTheme a:hover, .brownTheme .header-menu__icon, .brownTheme .calendar__date:hover {
    border-color: #a9e44d
}

.brownTheme a::before, .brownTheme a::after, .brownTheme a:hover::before, .brownTheme a:hover::after, .brownTheme .header-menu__icon::before, .brownTheme .header-menu__icon::after, .brownTheme .calendar__date:hover::before, .brownTheme .calendar__date:hover::after {
    background-color: #a9e44d
}

.brownTheme a:link, .brownTheme a:visited, .brownTheme .view-settings__block, .brownTheme .view-settings, .brownTheme .releases-item-description__title:hover {
    color: #a9e44d
}

.brownTheme .icon {
    fill: #a9e44d
}

.brownTheme a#active {
    color: #3b2716;
    background-color: #a9e44d
}

.brownTheme a:focus, .brownTheme input:focus, .brownTheme textarea:focus, .brownTheme button:focus, .brownTheme .seance-item__container:focus, .brownTheme .daily-seance-item:focus, .brownTheme .widget-overlay:focus, .brownTheme .header__phone-arrow:focus {
    outline: #a9e44d solid 5px
}

.brownTheme button, .brownTheme input, .brownTheme textarea {
    background-color: #3b2716;
    color: #a9e44d;
    border: 1px solid #a9e44d !important
}

.brownTheme button:hover, .brownTheme input:hover, .brownTheme textarea:hover {
    background-color: #3b2716
}

.brownTheme .menu-container {
    background-color: #3b2716 !important
}

.menu-container {
    background-color: transparent !important
}

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

.city-select__btn-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 8px;
    border: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in
}

.city-select__btn-toggle:hover {
    background-color: #f2f2f5
}

.city-select__current-city-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.city-select__title {
    font-size: .875rem;
    font-weight: 400;
    line-height: 16px;
    color: #727276
}

.city-select__current-city {
    font-size: 1rem;
    font-weight: 400;
    line-height: 19px;
    color: rgb(var(--accent))
}

.city-select__current-city--mobile {
    margin-right: 4px
}

.city-select__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 7px
}

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

.city-select__city-check {
    position: absolute;
    top: calc(100% + 4px);
    right: -23px;
    display: none
}

.city-select__city-check--open {
    display: block
}

.city-select__city-check--mobile {
    right: 0
}

.city-select .city-check-wrapper {
    background-color: #fff;
    padding: 20px 24px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.city-select .city-check-wrapper__question-title {
    margin: 0;
    white-space: nowrap;
    text-align: center;
    font-weight: 300
}

.city-select .city-check-wrapper__question-title span {
    color: #000;
    font-weight: 400
}

.city-select .city-check-wrapper__buttons-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.city-select .city-check-wrapper__btn-other-city {
    margin-left: 4px
}

.city-select__popup-content {
    width: 650px
}

@media (max-width: 543px) {
    .city-select__popup-content {
        width: 90vw;
        overflow: hidden
    }
}

.cities-list-select {
    padding: 32px 20px;
    height: 500px
}

.cities-list-select__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cities-list-select__header h1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.cities-list-select__hide-btn {
    border: 0;
    background: 0 0;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    cursor: pointer
}

.cities-list-select__hide-btn:hover {
    opacity: .8
}

.cities-list-select__city-input {
    margin-top: 24px
}

.cities-list-select__list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 300px;
    padding-top: 24px;
    overflow-y: auto
}

.cities-list-select__city-item {
    position: relative;
    width: calc(100% / 3);
    margin-bottom: 12px;
    font-size: 1rem;
    line-height: 24px;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    cursor: pointer
}

.cities-list-select__city-item span {
    display: inline-block;
    width: 100%
}

.cities-list-select__city-item--region {
    color: #727276;
    font-size: .875rem;
    line-height: 20px
}

.cities-list-select__city-item:hover {
    color: rgb(var(--accent))
}

@media (max-width: 767px) {
    .cities-list-select__city-item {
        width: 100%
    }
}

@media (max-width: 543px) {
    .cities-list-select {
        padding: 12px 0
    }

    .cities-list-select__list {
        padding-top: 12px
    }
}

.city-search-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 48px;
    border: 1px solid rgb(var(--primary-dark));
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in
}

.city-search-input--focused {
    border-color: rgb(var(--accent))
}

.city-search-input__icon {
    width: 43px;
    background: #fff url(/img/search.svg) no-repeat center
}

.city-search-input__input-area {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background: #f2f2f5;
    padding-left: 17px;
    border: 0
}

.city-search-input__input-area ::-webkit-input-placeholder {
    color: #b0b0b6
}

.city-search-input__input-area :-ms-input-placeholder {
    color: #b0b0b6
}

.city-search-input__input-area ::-ms-input-placeholder {
    color: #b0b0b6
}

::-webkit-input-placeholder {
    color: #b0b0b6
}

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

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

.city-search-input__input-area ::placeholder {
    color: #b0b0b6
}

.city-cinemas__title {
    font-size: 2rem;
    margin-bottom: 0
}

.city-cinemas__info-sections-switcher {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #f9fafb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.city-cinemas__info-section-link-wrapper:not(:last-child) {
    margin-right: 6px
}

.city-cinemas__info-section-link {
    display: inline-block;
    padding: 6px 16px;
    background-color: #fff;
    color: #000;
    border: 1px solid #d9d9df;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-decoration: none;
    z-index: 2;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.city-cinemas__info-section-link--active {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-plus))
}

.cinema-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0
}

.cinema-info-item:not(:last-child) {
    border-bottom: 1px solid #e7e7ec
}

.cinema-info-item__image {
    background-color: rgb(var(--primary-dark));
    background: no-repeat center/cover;
    width: 264px;
    height: 172px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.cinema-info-item__main-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    z-index: 2
}

.cinema-info-item__cinema-name {
    font-size: 1.5rem;
    line-height: 29px;
    margin: 0
}

.cinema-info-item__subtitle {
    margin: 0;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px
}

.cinema-info-item__contacts {
    padding: 12px 48px
}

@media (max-width: 543px) {
    .cinema-info-item__contacts {
        padding: 12px 18px
    }
}

.cinema-info-item__map {
    margin-top: 24px
}

.cinema-info-item__map-container {
    width: 100%;
    height: 240px
}

.cinema-info-item__marker-circle {
    fill: rgb(var(--accent))
}

.cinema-info-item__marker-inner-circle {
    fill: rgb(var(--primary))
}

.cinema-info-item__contacts-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.cinema-info-item__contacts-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000
}

.cinema-info-item__contacts-field span {
    display: inline-block;
    font-size: .875rem;
    line-height: 20px
}

.cinema-info-item__contacts-link span {
    color: rgb(var(--button-color));
    display: inline-block;
    position: relative
}

.cinema-info-item__contacts-link span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.cinema-info-item__contacts-link span:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.cinema-info-item__contacts-phone {
    margin-bottom: 8px
}

.cinema-info-item__socials-wrapper {
    margin-top: 24px
}

.cinema-info-item__social-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cinema-info-item__social-link-item {
    margin-bottom: 8px;
    color: rgb(var(--button-color))
}

.cinema-info-item__social-link-item .icon {
    fill: rgb(var(--button-color));
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    opacity: 1
}

.cinema-info-item__social-link-item span {
    display: inline-block;
    margin-left: 8px;
    font-size: .875rem;
    line-height: 22px;
    position: relative
}

.cinema-info-item__social-link-item span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.cinema-info-item__social-link-item span:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.cinema-info-item__social-link-item:not(:last-child) {
    margin-right: 24px
}

.cinema-info-item__info-sections-links-wrapper {
    margin-top: 24px
}

.cinema-info-item__link {
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: none
}

.cinema-info-item__link:not(:last-child) {
    margin-right: 8px
}

@media (max-width: 767px) {
    .cinema-info-item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cinema-info-item__image, .cinema-info-item__main-section {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .cinema-info-item__main-section {
        margin: 24px 0 0 0
    }

    .cinema-info-item__contacts-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cinema-info-item__contacts-field {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 16px
    }

    .cinema-info-item__social-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 543px) {
    .cinema-info-item__info-sections-links-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cinema-info-item__link {
        text-align: center
    }

    .cinema-info-item__link:not(:last-child) {
        margin-right: 0
    }
}

.email-popup {
    padding: 32px 20px
}

.email-popup__header {
    position: relative;
    width: 100%;
    font-size: 2rem;
    font-weight: 700
}

.email-popup__header__text {
    width: 80%
}

.email-popup__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .email-popup__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.email-popup__form .input-container {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    margin-right: 16px;
    margin-top: 0 !important
}

@media (max-width: 767px) {
    .email-popup__form .input-container {
        margin-right: 0
    }
}

.email-popup__form .input-container .input__error {
    position: relative;
    left: -2.5rem
}

.email-popup__form input {
    border: 1px solid rgb(var(--accent));
    border-left: none;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    background-color: #f2f2f5;
    color: #000;
    font-size: 1rem
}

.email-popup__form input::-webkit-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

.email-popup__form input:-ms-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

.email-popup__form input::-ms-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

input::-webkit-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

input:-ms-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

input::-ms-input-placeholder {
    color: #3c3c43;
    opacity: .6
}

.email-popup__form input::placeholder {
    color: #3c3c43;
    opacity: .6
}

.email-popup__form button {
    height: 42px;
    padding: 12px 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: rgb(var(--accent-plus));
    background-color: rgb(var(--accent));
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1rem;
    min-width: 175px
}

.email-popup__form button:hover {
    background-color: rgba(var(--accent), .9)
}

.email-popup__form button-disabled {
    opacity: .6
}

@media (max-width: 767px) {
    .email-popup__form button {
        font-size: .875rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.email-popup__input-error > div, .email-popup__input-error input {
    border-color: #fc0d1b !important
}

@media (max-width: 767px) {
    .email-popup__view-button {
        margin: 0 !important
    }
}

.email-popup__view-button-disabled {
    cursor: unset !important;
    opacity: .6
}

.email-popup__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .email-popup__button-container {
        margin-top: 8px
    }
}

.email-popup__exit {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 6px;
    right: 0;
    cursor: pointer;
    transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.email-popup__exit:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.email-popup__notification {
    width: 100%;
    margin-top: 25px;
    padding: 24px;
    text-align: center;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #f2f2f5
}

.email-popup__notification__header {
    font-size: 1.5rem;
    font-weight: 700
}

.email-popup__notification__body {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500;
    color: #3c3c43;
    opacity: .6
}

.email-popup__notification__link {
    color: #3c3c43
}

.email-popup__notification__link:hover {
    color: #000;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s
}

.email-popup__input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.email-popup__input-group__badge {
    width: 42px;
    height: 42px;
    border: 1px solid rgb(var(--accent));
    border-right: none;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    background: url(/img/mail.svg) no-repeat center;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.animated-loader {
    position: relative;
    left: 0;
    display: block !important;
    z-index: 11000;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 auto;
    color: rgb(var(--accent-plus));
    background-color: transparent;
    border: 3px solid;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: load .9s linear infinite;
    animation: load .9s linear infinite
}

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

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

.__se__float-right {
    float: right
}

.__se__float-left {
    float: left
}

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

@charset "UTF-8";
@font-face {
    font-family: "Ionicons";
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0);
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.image-gallery-fullscreen-button::before, .image-gallery-play-button::before, .image-gallery-left-nav::before, .image-gallery-right-nav::before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.image-gallery.fullscreen-modal .image-gallery-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-gallery-content {
    position: relative;
    line-height: 0;
    top: 0
}

.image-gallery-content.fullscreen {
    background: #000
}

.image-gallery-content.fullscreen .image-gallery-slide {
    background: #000
}

.image-gallery-slide-wrapper {
    position: relative
}

.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px)
}

@media (max-width: 768px) {
    .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 84px)
    }
}

.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl
}

.image-gallery-fullscreen-button, .image-gallery-play-button, .image-gallery-left-nav, .image-gallery-right-nav {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    z-index: 4
}

.image-gallery-fullscreen-button::before, .image-gallery-play-button::before, .image-gallery-left-nav::before, .image-gallery-right-nav::before {
    color: #fff;
    line-height: .7;
    text-shadow: 0 2px 2px #1a1a1a;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.image-gallery-fullscreen-button:hover::before, .image-gallery-play-button:hover::before, .image-gallery-left-nav:hover::before, .image-gallery-right-nav:hover::before {
    color: #337ab7
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover::before, .image-gallery-play-button:hover::before, .image-gallery-left-nav:hover::before, .image-gallery-right-nav:hover::before {
        color: #fff
    }
}

.image-gallery-fullscreen-button, .image-gallery-play-button {
    bottom: 0
}

.image-gallery-fullscreen-button::before, .image-gallery-play-button::before {
    font-size: 2.7em;
    padding: 15px 20px;
    text-shadow: 0 1px 1px #1a1a1a
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button::before, .image-gallery-play-button::before {
        font-size: 2.4em
    }
}

@media (max-width: 480px) {
    .image-gallery-fullscreen-button::before, .image-gallery-play-button::before {
        font-size: 2em
    }
}

.image-gallery-fullscreen-button:hover::before, .image-gallery-play-button:hover::before {
    color: #fff;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover::before, .image-gallery-play-button:hover::before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.image-gallery-fullscreen-button {
    right: 0
}

.image-gallery-fullscreen-button::before {
    content: "\F386"
}

.image-gallery-fullscreen-button.active::before {
    content: "\F37D"
}

.image-gallery-fullscreen-button.active:hover::before {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.image-gallery-play-button {
    left: 0
}

.image-gallery-play-button::before {
    content: "\F488"
}

.image-gallery-play-button.active::before {
    content: "\F478"
}

.image-gallery-left-nav, .image-gallery-right-nav {
    color: #fff;
    font-size: 5em;
    padding: 50px 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-gallery-left-nav[disabled], .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none
}

@media (max-width: 768px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        font-size: 3.4em;
        padding: 20px 15px
    }
}

@media (max-width: 480px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        font-size: 2.4em;
        padding: 0 15px
    }
}

.image-gallery-left-nav {
    left: 0
}

.image-gallery-left-nav::before {
    content: "\F3D2"
}

.image-gallery-right-nav {
    right: 0
}

.image-gallery-right-nav::before {
    content: "\F3D3"
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.image-gallery-slide {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-gallery-slide.center {
    position: relative
}

.image-gallery-slide img {
    width: 100%
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, .4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal
}

@media (max-width: 768px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px
    }
}

.image-gallery-bullets {
    bottom: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 4
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center
}

.image-gallery-bullets .image-gallery-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 0 #1a1a1a;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px
}

@media (max-width: 768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px
    }
}

@media (max-width: 480px) {
    .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px
    }
}

.image-gallery-bullets .image-gallery-bullet.active {
    background: #fff
}

.image-gallery-thumbnails-wrapper {
    position: relative
}

.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl
}

.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px
    }
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
    display: block;
    margin-right: 0;
    padding: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 0
}

.image-gallery-thumbnails-wrapper.left {
    margin-right: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left {
        margin-right: 3px
    }
}

.image-gallery-thumbnails-wrapper.right {
    margin-left: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.right {
        margin-left: 3px
    }
}

.image-gallery-thumbnails {
    overflow: hidden;
    padding: 5px 0
}

@media (max-width: 768px) {
    .image-gallery-thumbnails {
        padding: 3px 0
    }
}

.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: -webkit-transform .45s ease-out;
    -webkit-transition: -webkit-transform .45s ease-out;
    -o-transition: transform .45s ease-out;
    transition: transform .45s ease-out;
    transition: transform .45s ease-out, -webkit-transform .45s ease-out;
    white-space: nowrap
}

.image-gallery-thumbnail {
    display: inline-block;
    border: 4px solid transparent;
    -webkit-transition: border .3s ease-out;
    -o-transition: border .3s ease-out;
    transition: border .3s ease-out;
    width: 100px
}

@media (max-width: 768px) {
    .image-gallery-thumbnail {
        border: 3px solid transparent;
        width: 75px
    }
}

.image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px
}

.image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative
}

.image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100%
}

.image-gallery-thumbnail.active {
    border: 4px solid #337ab7
}

@media (max-width: 768px) {
    .image-gallery-thumbnail.active {
        border: 3px solid #337ab7
    }
}

.image-gallery-thumbnail-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 1em;
    left: 0;
    line-height: 1em;
    padding: 5%;
    position: absolute;
    top: 50%;
    text-shadow: 1px 1px 0 #000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

@media (max-width: 768px) {
    .image-gallery-thumbnail-label {
        font-size: .8em;
        line-height: .8em
    }
}

.image-gallery-index {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

@media (max-width: 768px) {
    .image-gallery-index {
        font-size: .8em;
        padding: 5px 10px
    }
}

.arrow {
    transition: -webkit-transform .3s ease-in;
    -webkit-transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.arrow--direction-down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.arrow--direction-left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.arrow--direction-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.arrow--direction-right {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ui-btn {
    margin: 0;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    vertical-align: middle;
    background: 0 0;
    -webkit-box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 0 transparent;
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 0 transparent;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background .3s, -webkit-box-shadow .3s ease-in;
    transition: background .3s, -webkit-box-shadow .3s ease-in;
    -o-transition: background .3s, box-shadow .3s ease-in;
    transition: background .3s, box-shadow .3s ease-in;
    transition: background .3s, box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in
}

.ui-btn-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.ui-btn-content, .ui-btn-content * {
    pointer-events: none
}

.ui-btn-content span {
    margin-right: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-btn-content svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-btn.ui-btn--middle {
    font-size: 14px;
    line-height: 28px;
    min-height: 30px;
    max-height: 30px;
    padding: 0 18px
}

.ui-btn.ui-btn--middle * + * {
    margin-left: 5px
}

.ui-btn.ui-btn--middle svg {
    width: 20px;
    height: 20px
}

.ui-btn.ui-btn--middle svg:first-child {
    margin-left: -2px
}

.ui-btn.ui-btn--middle svg:last-child {
    margin-right: -2px
}

.ui-btn.ui-btn--middle svg:only-child {
    margin: -7px
}

.ui-btn.ui-btn--danger:focus:not(:disabled), .ui-btn.ui-btn--default:focus:not(:disabled), .ui-btn.ui-btn--primary:focus:not(:disabled), .ui-btn.ui-btn--secondary:focus:not(:disabled) {
    z-index: 1;
    -webkit-box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #fff, 0 0 0 2px #1e88e5;
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #fff, 0 0 0 2px #1e88e5;
    outline: none
}

.ui-btn.ui-btn--danger:disabled, .ui-btn.ui-btn--default:disabled, .ui-btn.ui-btn--primary:disabled, .ui-btn.ui-btn--secondary:disabled {
    color: #9e9e9e;
    cursor: none;
    pointer-events: none
}

.ui-btn.ui-btn--default:disabled, .ui-btn.ui-btn--primary:disabled {
    background: #f5f5f5;
    -webkit-box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #e0e0e0;
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #e0e0e0
}

.ui-btn.ui-btn--default.ui-btn--active:disabled {
    background-color: #9e9e9e
}

.ui-btn.ui-btn--default {
    -webkit-box-shadow: inset 0 -1px 0 0 #9e9e9e, inset 0 0 0 1px #bdbdbd;
    box-shadow: inset 0 -1px 0 0 #9e9e9e, inset 0 0 0 1px #bdbdbd
}

.ui-btn.ui-btn--default:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 -1px 0 0 #757575, inset 0 0 0 1px #9e9e9e;
    box-shadow: inset 0 -1px 0 0 #757575, inset 0 0 0 1px #9e9e9e
}

.ui-btn.ui-btn--default:active:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #757575, inset 0 0 0 1px #9e9e9e;
    box-shadow: inset 0 1px 0 0 #757575, inset 0 0 0 1px #9e9e9e
}

.ui-btn.ui-btn--default.ui-btn--active:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #424242, inset 0 0 0 1px #616161;
    box-shadow: inset 0 1px 0 0 #424242, inset 0 0 0 1px #616161
}

.ui-btn.ui-btn--primary {
    background: #1e88e5;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0;
    box-shadow: inset 0 -1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0
}

.ui-btn.ui-btn--primary:hover:not(:disabled) {
    background: #1976d2;
    -webkit-box-shadow: inset 0 -1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0;
    box-shadow: inset 0 -1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0
}

.ui-btn.ui-btn--primary.ui-btn--active:not(:disabled), .ui-btn.ui-btn--primary:active:not(:disabled) {
    background: #1565c0;
    -webkit-box-shadow: inset 0 1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0;
    box-shadow: inset 0 1px 0 0 #0d47a1, inset 0 0 0 1px #1565c0
}

.ui-btn.ui-btn--secondary {
    color: #1e88e5
}

.ui-btn.ui-btn--secondary:hover:not(:disabled) {
    color: #1976d2;
    text-decoration: underline
}

.ui-btn.ui-btn--secondary.ui-btn--active:not(:disabled), .ui-btn.ui-btn--secondary:active:not(:disabled) {
    color: #1565c0
}

.ui-btn.ui-btn--secondary svg {
    color: #1e88e5
}

.ui-btn.ui-btn--danger {
    color: #e53935
}

.ui-btn.ui-btn--danger:hover:not(:disabled) {
    color: #d32f2f;
    text-decoration: underline
}

.ui-btn.ui-btn--danger.ui-btn--active:not(:disabled), .ui-btn.ui-btn--danger:active:not(:disabled) {
    color: #c62828
}

.ui-btn.ui-btn--danger svg {
    color: #e53935
}

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

.ui-flex--justify-content_flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ui-flex--justify-content_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-flex--justify-content_space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-flex--justify-content_space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ui-flex--align-items_flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ui-flex--align-items_flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ui-flex--align-items_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-flex--align-items_baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ui-flex--direction_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-flex--wrap_wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-flex--grow_1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-flex--grow_2 {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.ui-flex--shrink_0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-flex--shrink_2 {
    -webkit-flex-shrink: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2
}

.ui-flex--overflow_hidden {
    overflow: hidden
}

.ui-flex:not(.ui-flex--direction_column) > .ui-flex--indent_small + .ui-flex--indent_small {
    margin-left: 5px
}

.ui-flex:not(.ui-flex--direction_column) > .ui-flex--indent_medium + .ui-flex--indent_medium {
    margin-left: 10px
}

.ui-flex:not(.ui-flex--direction_column) > .ui-flex--indent_large + .ui-flex--indent_large {
    margin-left: 20px
}

.ui-flex--direction_column > .ui-flex--indent_small + .ui-flex--indent_small {
    margin-top: 5px
}

.ui-flex--direction_column > .ui-flex--indent_medium + .ui-flex--indent_medium {
    margin-top: 10px
}

.ui-flex--direction_column > .ui-flex--indent_large + .ui-flex--indent_large {
    margin-top: 20px
}

.ui-input {
    max-height: 30px;
    background-color: #fff;
    color: #757575;
    -webkit-box-shadow: inset 0 1px 0 0 #bdbdbd, inset 0 0 0 1px #e0e0e0, inset 0 2px 0 0 #f5f5f5, 0 0 0 transparent;
    box-shadow: inset 0 1px 0 0 #bdbdbd, inset 0 0 0 1px #e0e0e0, inset 0 2px 0 0 #f5f5f5, 0 0 0 transparent;
    -webkit-transition: width .3s ease-in, -webkit-box-shadow .3s ease-in;
    transition: width .3s ease-in, -webkit-box-shadow .3s ease-in;
    -o-transition: width .3s ease-in, box-shadow .3s ease-in;
    transition: width .3s ease-in, box-shadow .3s ease-in;
    transition: width .3s ease-in, box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in
}

.ui-input:hover:not(.ui-input--focus):not(.ui-input--error):not(.ui-input--disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #9e9e9e, inset 0 0 0 1px #9e9e9e, inset 0 2px 0 0 #f5f5f5;
    box-shadow: inset 0 1px 0 0 #9e9e9e, inset 0 0 0 1px #9e9e9e, inset 0 2px 0 0 #f5f5f5
}

.ui-input.ui-input--error {
    -webkit-box-shadow: inset 0 1px 0 0 #f5f5f5, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 2px #d32f2f;
    box-shadow: inset 0 1px 0 0 #f5f5f5, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 2px #d32f2f
}

.ui-input.ui-input--focus {
    -webkit-box-shadow: inset 0 1px 0 0 #f5f5f5, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 2px #1e88e5;
    box-shadow: inset 0 1px 0 0 #f5f5f5, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 2px #1e88e5
}

.ui-input.ui-input--disabled {
    border-color: #e0e0e0;
    background-color: #f5f5f5
}

.ui-input.ui-input--disabled .ui-input__field {
    color: #9e9e9e
}

.ui-input__wrap {
    width: 100%
}

.ui-input__field {
    font-size: 14px;
    line-height: 100%;
    width: 100%;
    height: 30px;
    border: none;
    padding-left: 12px;
    background: 0 0;
    color: #000
}

.ui-input__field--condensed {
    height: 20px;
    padding: 0 8px
}

.ui-input__field:not(:last-child) {
    padding-right: 0
}

.ui-input__field:focus {
    outline: none
}

.ui-input__field:-webkit-autofill {
    -webkit-box-shadow: inset 0 1px 0 0 #bdbdbd, inset 0 0 0 1px #e0e0e0, inset 0 2px 0 0 #f5f5f5, 0 0 0 transparent;
    box-shadow: inset 0 1px 0 0 #bdbdbd, inset 0 0 0 1px #e0e0e0, inset 0 2px 0 0 #f5f5f5, 0 0 0 transparent
}

.ui-input button {
    color: #757575
}

.ui-input svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 20px;
    margin: 0 5px
}

.ui-input__field::-webkit-input-placeholder {
    color: #e0e0e0;
    text-overflow: ellipsis
}

.ui-input__field:-ms-input-placeholder {
    color: #e0e0e0;
    text-overflow: ellipsis
}

.ui-input__field::-ms-input-placeholder {
    color: #e0e0e0;
    text-overflow: ellipsis
}

.ui-input__field::placeholder {
    color: #e0e0e0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-select.ui-btn {
    font-weight: 400;
    line-height: 22px;
    font-size: 16px !important;
    min-height: 46px !important;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui-select.ui-btn--error:not(:disabled) {
    z-index: 1;
    -webkit-box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #fff, 0 0 0 2px #e53935;
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 1px #fff, 0 0 0 2px #e53935
}

.ui-select.ui-btn.ui-btn-content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-select.ui-btn.ui-btn--active {
    pointer-events: none
}

.ui-select.ui-btn.ui-btn--active.ui-btn--default:not(:disabled), .ui-select.ui-btn:active.ui-btn--default:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #757575, inset 0 0 0 1px #9e9e9e;
    box-shadow: inset 0 1px 0 0 #757575, inset 0 0 0 1px #9e9e9e
}

.ui-select-list {
    position: relative;
    max-height: 400px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    overflow-y: auto
}

.ui-select-underlayer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .01)
}

.ui-select-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 11001;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff
}

.ui-select-content--top {
    margin-bottom: 8px;
    -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .1)
}

.ui-select-content--bottom {
    margin-top: 8px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.ui-select-option {
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 10px;
    background: #fff;
    cursor: pointer;
    outline: none
}

.ui-select-option:last-child {
    border-bottom: none
}

.ui-select-option.ui-select-option--focused, .ui-select-option:hover {
    background: #eee
}

.ui-select-option.ui-select-option--group {
    font-weight: 700
}

.ui-select-option.ui-select-option--disabled {
    background: #fff;
    color: #9e9e9e;
    cursor: default
}

:not(.ui-select-delimiter) + .ui-select-delimiter:not(:last-child):not(:first-child) {
    height: 1px;
    margin: 0;
    border: 0;
    background: #e0e0e0
}

.likely, .likely__widget {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    text-indent: 0 !important;
    list-style: none !important;
    font-weight: 400;
    font-family: Helvetica Neue, Arial, sans-serif
}

.likely {
    display: inline-block
}

.likely__widget {
    margin: 0;
    font-size: inherit
}

.likely {
    opacity: 0;
    font-size: 0 !important
}

.likely_visible {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.likely > * {
    display: inline-block;
    visibility: hidden
}

.likely_visible > * {
    visibility: inherit
}

.likely__widget {
    position: relative;
    white-space: nowrap
}

.likely__button, .likely__widget {
    display: inline-block
}

.likely__button, .likely__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    outline: 0
}

.likely__button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.likely__counter {
    display: none;
    position: relative;
    font-weight: 400
}

.likely_ready .likely__counter {
    display: inline-block
}

.likely_ready .likely__counter_empty {
    display: none
}

.likely__button, .likely__counter, .likely__icon, .likely__widget {
    vertical-align: top
}

.likely__widget {
    -webkit-transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
    -o-transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
    transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out
}

.likely__widget:active, .likely__widget:focus, .likely__widget:hover {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer
}

@media (hover: none) {
    .likely__widget:active, .likely__widget:focus, .likely__widget:hover {
        -webkit-transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
        -o-transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
        transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
        cursor: unset
    }
}

.likely__icon {
    position: relative;
    text-align: left;
    display: inline-block
}

.likely svg {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px
}

.likely__button, .likely__counter {
    line-height: inherit;
    cursor: inherit
}

.likely__button:empty {
    display: none
}

.likely__counter {
    text-align: center
}

.likely .likely__widget {
    color: #000;
    background: rgba(231, 231, 231, .8)
}

.likely .likely__counter {
    -webkit-background-size: 1px 1px;
    background-size: 1px 1px;
    background-repeat: repeat-y;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) .5px, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) .5px, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) .5px, rgba(0, 0, 0, 0) 100%)
}

.likely-light .likely__widget {
    color: #fff;
    fill: #fff;
    background: rgba(236, 236, 236, .16);
    text-shadow: rgba(0, 0, 0, .2) 0 0 .33em
}

.likely-light .likely__counter {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) .5px, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) .5px, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) .5px, rgba(255, 255, 255, 0) 100%)
}

.likely__widget_facebook {
    fill: #425497
}

.likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover {
    background: rgba(207, 212, 229, .8)
}

@media (hover: none) {
    .likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover {
    text-shadow: #425497 0 0 .25em;
    background: rgba(66, 84, 151, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_gplus {
    fill: #dd4241
}

.likely__widget_gplus:active, .likely__widget_gplus:focus, .likely__widget_gplus:hover {
    background: rgba(246, 207, 207, .8)
}

@media (hover: none) {
    .likely__widget_gplus:active, .likely__widget_gplus:focus, .likely__widget_gplus:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_gplus:active, .likely-light .likely__widget_gplus:focus, .likely-light .likely__widget_gplus:hover {
    text-shadow: #dd4241 0 0 .25em;
    background: rgba(221, 66, 65, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_gplus:active, .likely-light .likely__widget_gplus:focus, .likely-light .likely__widget_gplus:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_linkedin {
    fill: #0077b5
}

.likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover {
    background: rgba(191, 221, 236, .8)
}

@media (hover: none) {
    .likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover {
    text-shadow: #0077b5 0 0 .25em;
    background: rgba(0, 119, 181, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_odnoklassniki {
    fill: #f6903b
}

.likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover {
    background: rgba(252, 227, 206, .8)
}

@media (hover: none) {
    .likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover {
    text-shadow: #f6903b 0 0 .25em;
    background: rgba(246, 144, 59, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_pinterest {
    fill: #bd081c
}

.likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover {
    background: rgba(238, 193, 198, .8)
}

@media (hover: none) {
    .likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover {
    text-shadow: #bd081c 0 0 .25em;
    background: rgba(189, 8, 28, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_telegram {
    fill: #34abde
}

.likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover {
    background: rgba(204, 234, 246, .8)
}

@media (hover: none) {
    .likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover {
    text-shadow: #34abde 0 0 .25em;
    background: rgba(52, 171, 222, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_twitter {
    fill: #00b7ec
}

.likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover {
    background: rgba(191, 237, 250, .8)
}

@media (hover: none) {
    .likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover {
    text-shadow: #00b7ec 0 0 .25em;
    background: rgba(0, 183, 236, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_vkontakte {
    fill: #526e8f
}

.likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover {
    background: rgba(211, 218, 227, .8)
}

@media (hover: none) {
    .likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover {
    text-shadow: #526e8f 0 0 .25em;
    background: rgba(82, 110, 143, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely__widget_whatsapp {
    fill: #25d366
}

.likely__widget_whatsapp:active, .likely__widget_whatsapp:focus, .likely__widget_whatsapp:hover {
    background: rgba(200, 244, 216, .8)
}

@media (hover: none) {
    .likely__widget_whatsapp:active, .likely__widget_whatsapp:focus, .likely__widget_whatsapp:hover {
        background: rgba(231, 231, 231, .8)
    }
}

.likely-light .likely__widget_whatsapp:active, .likely-light .likely__widget_whatsapp:focus, .likely-light .likely__widget_whatsapp:hover {
    text-shadow: #25d366 0 0 .25em;
    background: rgba(37, 211, 102, .7)
}

@media (hover: none) {
    .likely-light .likely__widget_whatsapp:active, .likely-light .likely__widget_whatsapp:focus, .likely-light .likely__widget_whatsapp:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: rgba(236, 236, 236, .16)
    }
}

.likely {
    margin: 0 -5px -10px
}

.likely .likely__widget {
    line-height: 20px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 22px;
    margin: 0 5px 10px
}

.likely .likely__icon {
    width: 22px;
    height: 22px
}

.likely .likely__button {
    padding: 1px 4px 1px 0
}

.likely .likely__counter {
    padding: 1px 4px
}

.likely-big {
    margin: 0 -6px -12px
}

.likely-big .likely__widget {
    line-height: 28px;
    font-size: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 32px;
    margin: 0 6px 12px
}

.likely-big .likely__icon {
    width: 32px;
    height: 32px
}

.likely-big .likely__button {
    padding: 2px 6px 2px 0
}

.likely-big .likely__counter {
    padding: 2px 6px
}

.likely-big svg {
    left: 4px;
    top: 4px;
    width: 24px;
    height: 24px
}

.likely-small {
    margin: 0 -4px -8px
}

.likely-small .likely__widget {
    line-height: 14px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 18px;
    margin: 0 4px 8px
}

.likely-small .likely__icon {
    width: 18px;
    height: 18px
}

.likely-small .likely__button {
    padding: 2px 3px 2px 0
}

.likely-small .likely__counter {
    padding: 2px 3px
}

.likely-small svg {
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px
}

footer {
    color: #fff;
    font-weight: 400;
}

.footer p {
    margin: 0;
    font-size: 13px;
}

.footer__link {
    color: rgb(var(--footer-color_text));
    text-decoration: none;
    font-size: 16px;
}

.footer__first {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    color: rgb(var(--footer-color_text));
    background-color: rgb(var(--footer-header-color));
    gap: 20px;
}

@media (max-width: 767px){
    .footer__first {
        flex-direction: column;
        gap: 10px;
    }
}

.footer__link:hover {
    text-decoration: underline;
}

.footer .header__phone {
    flex-direction: unset;
}

.footer .header__logo {
    margin-right: unset;
}

.footer__phone, .footer__email, .footer__time {
    font-size: 15px;
}

.footer__brand {
    font-size: 30px;
}

.footer__content {
    display: flex;
    flex-direction: column;
}

.fill {
    transition: fill .2s;
}

.fill__vk:hover .fill__vk-path {
    fill: rgb(var(--vk-hover));
}

.fill__youtube:hover .fill__youtube-path {
    fill: rgb(var(--youtube-hover));
}

.fill__facebook:hover .fill__facebook-path {
    fill: rgb(var(--facebook-hover));
}

.fill__instagram {
    fill: rgb(var(--instagram-color));
}

.fill__instagram:hover .fill__instagram-path {
    fill: rgb(var(--instagram-hover));
}

.copyright {
    border-top: 1px solid rgb(160 174 183 / 30%);
    padding-top: 15px;
    padding-bottom: 15px;
}

.copyright__social {
    display: flex;
    gap: 15px;
    flex-basis: 25%;
}

.copyright__company {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    flex-basis: 50%;
}

.copyright__company-text {
    color: #A0AEB7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 434px;
}

.copyright__company-text a {
    color: #0094DA;
    text-decoration: none;
}

.copyright__company-text a:hover {
    text-decoration: underline;
}

.copyright__text {
    color: rgb(var(--footer-color_text));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex-basis: 25%;
    display: flex;
    justify-content: end;
}

@media (max-width: 767px){
    .header__container .return_ticket__button {
        display: none;
    }

    .menu--navigation.show .return_ticket__button {
        display: flex;
    }

    .menu--navigation .header__text {
        display: flex;
    }

    .menu__item--active {
        border-bottom: none;
    }
}

@media (max-width: 576px){
    .footer__brand, .footer__content, .copyright__company, .copyright__social {
        flex-basis: 100%;
    }

    .copyright__company {
        flex-direction: column;
        align-items: center;
    }

    .copyright__social {
        justify-content: center;
    }

    .copyright__company-text {
        text-align: center;
    }
}

/* preloader */
.preloader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.preloader-message {
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    color: white;
}

.preloader {
    width: 60px;
    height: 60px;
    border: 7px solid #f3f3f3;
    border-top: 7px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.header-poster__wrapper {
    display: flex;
}

@media (max-width: 767px){
    .header-poster__wrapper {
        display: none;
    }
}

.header-poster__img {
    width: 100%;
    object-fit: cover;
}

.language {
    background: rgb(12, 53, 66);
    padding: 2px;
    border-radius: 5px;
    display: flex;
}

.language-item {
    color: #fff;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
}

.language-item:hover {
    color: #fff;
}

.language-item.active {
    background: #fff;
    color: #000;
}

.refund-ticket {
    margin-bottom: 10px;
}

.swiper-button-next {
    background: #ffffffba;
    color: #000 !important;
    right: 0 !important;
    width: 50px !important;
    height: 50px !important;
    font-weight: bold !important;
}

.swiper-button-prev {
    background: #ffffffba;
    color: #000 !important;
    left: 0 !important;
    width: 50px !important;
    height: 50px !important;
    font-weight: bold !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #ffffffde;
}

.slider-img {
    width: 100%;
    height: 450px;
}

@media (max-width: 991px) {
    .slider-img {
        height: 350px;
    }
}

@media (max-width: 767px){
    .slider-img {
        height: 250px;
    }
}

.swiper-container {
    width: 100%;
    margin-bottom: 28px;
}

@media (max-width: 767px) {
    .swiper-container {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .swiper-container--top {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0;
    }
}

.cinema-btn {
    background: rgb(232, 36, 68);
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    transition: background .3s;
}

@media (max-width: 767px) {
    .cinema-btn {
        width: 100%;
    }
}

.cinema-btn:hover {
    color: #fff;
    background: rgb(210, 28, 59);
}

.cinema-btn__decoration {
    background: #123D4B;
    padding: 15px;
    border-radius: 20px 0 0 20px;
    display: flex;
    align-items: center;
}

.cinema-btn__text {
    padding: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: normal;
}

.place-custom-footer {
    font-size: 13px;
    line-height: 30px;
    background-color: #262626;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    z-index: 15;
    position: relative;
    border-bottom-right-radius: calc(var(--bs-modal-inner-border-radius) - 1px);
    border-bottom-left-radius: calc(var(--bs-modal-inner-border-radius) - 1px);
    flex-wrap: wrap;
    gap: 10px;
}

.place-custom-footer__right {
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 10px;
    flex-wrap: wrap;
}

.place-custom-footer__link {
    text-decoration: none;
    color: inherit;
    background: transparent;
    border: 0;
    position: relative;
    line-height: normal;
    padding: 0;
}

.place-custom-footer__link:hover {
    color: inherit;
}


.place-custom-footer__link::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.place-custom-footer__link:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.spinner-border-height {
    height: 500px;
}

.iframe-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-card__title {
    font-size: 30px;
    font-weight: bold;
}

.info-card__regular {
    font-size: 22px;
    margin-top: 10px;
}

.info-card__regular-name {
    font-weight: 700;
    color: #a4ce36;
}

.info-card__kids {
    font-size: 22px;
    margin-top: 4px;
}

.info-card__kids-name {
    font-weight: 700;
    color: #f8961e;
}

.info-card__vip {
    font-size: 22px;
    margin-top: 4px;
}

.info-card__vip-name {
    font-weight: 700;
    color: #17a1e6;
}

.info-card__text {
    text-align: center;
    font-size: 22px;
    margin-bottom: 0;
}

.text-red {
    color: red;
}

@media (max-width: 991px) {
    .spinner-border-height {
        height: 300px;
    }

    .place-custom-footer {
        padding: 15px;
        line-height: normal;
    }

    .info-card__title {
        font-size: 22px;
    }

    .info-card__text,
    .info-card__regular,
    .info-card__kids,
    .info-card__vip
    {
        font-size: 16px;
    }
}