@font-face {
    font-family: 'Panton IconsC';
    src: local("Panton Icons C Regular"), local("PantonIcons-CRegular"), url(../fonts/PantonIcons-CRegular.woff2) format("woff2"), url(../fonts/PantonIcons-CRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Panton IconsB';
    src: local("Panton Icons B Light"), local("PantonIcons-BLight"), url(../fonts/PantonIcons-BLight.woff2) format("woff2"), url(../fonts/PantonIcons-BLight.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Panton IconsD';
    src: local("Panton Icons D Regular"), local("PantonIcons-DRegular"), url(../fonts/PantonIcons-DRegular.woff2) format("woff2"), url(../fonts/PantonIcons-DRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Panton IconsB';
    src: url(../fonts/PantonIcons-BRegular.woff2) format("woff2"), url(../fonts/PantonIcons-BRegular.woff) format("woff"), url(../fonts/PantonIcons-BRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.svg-sprites {
    display: none
}

img {
    max-width: 100%;
    max-height: 100%
}

a, button, input, textarea {
    outline: 0
}

body {
    font-family: Rubik, sans-serif;
    font-weight: 400
}

.font_ico--bl {
    font-family: 'Panton IconsB', serif;
    font-weight: 300;
    font-style: normal
}

.font_ico--br {
    font-family: 'Panton IconsB', serif;
    font-weight: 400;
    font-style: normal
}

.font_ico--dr {
    font-family: 'Panton IconsD', serif;
    font-weight: 400;
    font-style: normal
}

.font_ico--cr {
    font-family: 'Panton IconsC', serif;
    font-weight: 400;
    font-style: normal
}

.body--home .header {
    padding-bottom: 241px;
    position: relative
}

.body--home .page_content {
    margin-top: -241px
}

.hide {
    display: none
}

.btn {
    font-size: 16px;
    color: #fff;
    background: #fa8f00;
    padding: 10px 49px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 1px;
    white-space: initial;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    display: inline-block;
    -webkit-transition: background .2s;
    transition: background .2s
}

.btn:hover {
    background: #b96b0f;
    color: #fff;
    text-decoration: none
}

.btn:focus {
    color: #fff;
    outline: 0
}

.btn--full_width {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.btn--small_padding {
    padding-left: 34px;
    padding-right: 34px
}

.btn--bigger {
    font-size: 20px;
    line-height: 18px
}

.btn--highlight {
    background: #fa1d00
}

.btn--highlight:hover {
    background: #b21500
}

@media (max-width: 767px) {
    .body--home .header {
        padding-bottom: 141px
    }

    .body--home .page_content {
        margin-top: -141px
    }
}

@media (max-width: 575px) {
    .body--home .header {
        padding-bottom: 101px
    }

    .body--home .page_content {
        margin-top: -101px
    }
}

.header {
    background: url(../img/bg--orange.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 29px;
    padding-bottom: 1px
}

.header-logo {
    min-width: 116px;
    min-height: 114px
}

.header-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 15px
}

.header-nav {
    width: 100%;
    text-align: right
}

.cinema_phone {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-bottom: 20px
}

.phone {
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 26px;
    line-height: 35px
}

.phone-number {
    font-size: 20px;
    color: #000
}

.phone-number:hover {
    color: #000;
    text-decoration: none
}

.phone-number:focus {
    color: #000;
    text-decoration: none
}

.phone-label {
    font-size: 12px;
    color: #3f3f3f
}

.cinema-select + {
    background: #000
}

.cinema-select-list .ui-widget-content {
    background: #000;
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
    line-height: 34px;
    border: none
}

.cinema-select-list .ui-menu-item-wrapper {
    padding: 0 17px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.cinema-select-list .ui-state-active {
    background: #333;
    border: 0;
    margin: 0
}

.cinema-select-button-closed.ui-button, .cinema-select-button-closed.ui-button:focus, .cinema-select-button.ui-button, .cinema-select-button.ui-button:focus {
    background: url(../img/i-arrow-down.png) right 17px center no-repeat, #000;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 0 17px;
    line-height: 34px;
    width: 265px;
    -webkit-transition: background .2s;
    transition: background .2s;
    outline: 0
}

.cinema-select-button-closed.ui-button:focus:hover, .cinema-select-button-closed.ui-button:hover, .cinema-select-button.ui-button:focus:hover, .cinema-select-button.ui-button:hover {
    background-color: #555
}

.cinema-select-button-open.ui-button, .cinema-select-button-open.ui-button:focus {
    background-color: #333;
    border-bottom: #fa8f00 2px solid
}

.menu {
    padding: 26px 0 0
}

.menu-element {
    display: inline-block
}

.menu-link {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2px;
    margin: 0 10px;
    display: block;
    border-bottom: transparent 3px solid;
    -webkit-transition: border-bottom-color .2s;
    transition: border-bottom-color .2s
}

.menu-link:hover {
    text-decoration: none;
    color: #000;
    border-bottom: #000 3px solid
}

.header-menu_toggle {
    border-left: #000 1px solid
}

.header-menu_toggle-btn {
    background: 0 0;
    border: none;
    padding: 40px;
    cursor: pointer
}

.header-menu_toggle-btn:hover .header-menu_toggle-ico {
    fill: #555
}

.header-menu_toggle-btn:focus {
    outline: 0
}

.header-menu_toggle-ico {
    height: 30px;
    width: 36px;
    fill: #000;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.header-menu_toggle-ico--close {
    position: absolute;
    opacity: 0
}

.header-menu_toggle-open .header-menu_toggle-ico--close {
    opacity: 1
}

.header-menu_toggle-open .header-menu_toggle-ico--open {
    opacity: 0
}

@media (max-width: 1199px) {
    .menu {
        background: #fa8f00;
        width: 100%
    }

    .phone {
        display: inline-block
    }

    .cinema {
        display: inline-block
    }

    .header-nav {
        padding-top: 30px;
        padding-right: 110px
    }

    .menu_mobile {
        background: #ffb605;
        position: absolute;
        z-index: 20;
        width: 100%;
        left: 0
    }

    .menu_mobile-ou {
        opacity: 0;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        z-index: 20;
        display: none
    }

    .menu_mobile--open {
        display: block;
        opacity: 1
    }

    .menu_mobile-list {
        padding: 20px 0;
        margin: 0
    }

    .menu_mobile-element {
        display: block;
        padding: 5px 20px
    }

    .menu_mobile-link {
        font-size: 20px;
        line-height: 20px;
        padding: 5px 2px;
        display: block;
        color: #000;
        text-transform: uppercase;
        font-weight: 500;
        border-bottom: transparent 3px solid;
        -webkit-transition: border-bottom-color .2s;
        transition: border-bottom-color .2s;
        display: inline-block
    }

    .menu_mobile-link:hover {
        color: #000;
        border-bottom: #000 3px solid;
        text-decoration: none
    }

    .header > .container {
        position: static
    }
}

@media (max-width: 991px) {
    .phone {
        line-height: 20px;
        margin-right: 0
    }

    .phone-label {
        display: block;
        text-align: left;
        font-size: 16px
    }

    .phone-number {
        font-size: 27px
    }

    .cinema_phone {
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-left: 20px
    }

    .header-menu_toggle {
        border: none
    }

    .header-menu_toggle-btn {
        padding: 0;
        margin-top: 30px
    }

    .header-logo {
        min-width: 62px;
        min-height: 61px
    }

    .header-nav {
        padding-top: 20px;
        padding-right: 10px
    }

    .header {
        padding-top: 0
    }

    .cinema {
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden
    }

    .cinema-select-button-closed.ui-button, .cinema-select-button-closed.ui-button:focus, .cinema-select-button.ui-button, .cinema-select-button.ui-button:focus {
        width: 100%
    }

    .cinema-select-button-closed.ui-button:focus:hover, .cinema-select-button-closed.ui-button:hover, .cinema-select-button.ui-button:focus:hover, .cinema-select-button.ui-button:hover {
        background-color: #555
    }

    .cinema-select-button-open.ui-button, .cinema-select-button-open.ui-button:focus {
        border-bottom: 0
    }
}

.main_slider {
    visibility: hidden
}

.main_slider .sp-buttons {
    position: absolute;
    bottom: 10px;
    pointer-events: none
}

.main_slider .sp-button {
    pointer-events: all;
    border: #fff 2px solid;
    height: 15px;
    width: 15px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.main_slider .sp-button:hover {
    background: #fa8f00
}

.main_slider .sp-selected-button {
    background: #fff
}

.main_slider-title {
    font-size: 70px;
    line-height: 65px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff
}

.main_slider-subtitle {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px
}

.main_slider-btn {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 55px;
    border: #fff 2px solid;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px
}

.main_slider-btn:hover {
    text-decoration: none;
    background: #fa8f00;
    color: #fff
}

a.main_slider-btn {
    -webkit-transition: background-color .2s !important;
    transition: background-color .2s !important
}

.main_slider-play {
    background: 0 0;
    border: none;
    cursor: pointer
}

.main_slider-play:hover .main_slider-play-ico .triangle {
    fill: #fa8f00
}

.main_slider-play:hover .main_slider-play-ico .circle {
    stroke: #fa8f00
}

.main_slider-play-ico {
    height: 90px;
    width: 90px
}

.main_slider-play-ico .triangle {
    fill: #fff;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.main_slider-play-ico .circle {
    stroke: #fff;
    stroke-width: 3px;
    fill: none;
    -webkit-transition: stroke .2s;
    transition: stroke .2s
}

.main_slider-slide {
    width: 100%;
    height: 100%;
    padding: 25px 34px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    top: 0
}

.main_slider-ou {
    height: 477px
}

@media (max-width: 1199px) {
    .main_slider-ou {
        height: 400px
    }
}

@media (max-width: 991px) {
    .main_slider-title {
        font-size: 48px;
        line-height: 48px
    }

    .main_slider-ou {
        height: 296px
    }
}

@media (max-width: 767px) {
    .main_slider .sp-buttons {
        bottom: -40px
    }

    .main_slider-btn {
        width: 100%;
        background: #fa8f00;
        border: none
    }

    .main_slider-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .main_slider-slide-right {
        -webkit-box-ordinal-group: 2;
        order: 1;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 100%
    }

    .main_slider-slide-left {
        -webkit-box-ordinal-group: 3;
        order: 2;
        display: none
    }

    .main_slider--mobile {
        margin-top: 40px
    }

    .main_slider--mobile .main_slider-slide {
        height: auto;
        padding: 0
    }

    .main_slider-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        display: block;
        width: 100%
    }

    .main_slider-subtitle {
        font-size: 13px;
        font-weight: 300;
        text-align: center;
        display: block;
        width: 100%
    }

    .main_slider-ou {
        min-height: 388px
    }
}

@media (max-width: 575px) {
    .main_slider-ou {
        min-height: 320px;
        height: auto
    }
}

.ad_banner {
    text-align: center;
    margin: 15px 0 18px
}

.ad_banner-link {
    display: inline-block
}

#animation_container {
    width: 100% !important;
    position: static !important;
    max-width: 750px;
    margin: 0 auto
}

.page_content-main {
    background: url(../img/bg--dark.jpg) top center no-repeat, #020202;
    background-size: 100% auto
}

.page_content-footer {
    background: #000;
    padding-top: 41px
}

.movie_block_panel {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.movie_block_panel-poster {
    height: 285px;
    min-width: 200px
}

.movie_block_panel-title {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500
}

.movie_block_panel-params {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 400
}

.movie_block_panel-description {
    font-size: 16px;
    color: #c1c1c1;
    margin-top: 30px;
    margin-bottom: 20px
}

.movie_block_panel-info-ou {
    padding-left: 20px;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.movie_block_panel-info-wr {
    width: 100%
}

.movie_block_panel--mobile {
    display: block
}

.movie_block_panel--mobile .movie_block_panel-poster {
    min-width: 120px;
    min-height: 0;
    height: auto
}

.movie_block_panel--mobile .movie_block_panel-title {
    text-align: center;
    font-size: 30px;
    line-height: 24px
}

.movie_block_panel--mobile .movie_block_panel-params {
    text-align: center;
    line-height: 24px
}

.movie_block_panel--mobile .mobile_block_panel-poster_info {
    display: -webkit-box;
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px
}

.movie_block_panel--mobile .movie_block_panel-description {
    margin: 0;
    font-size: 14px
}

.panel {
    padding: 33px 0 0
}

.panel-ico {
    font-size: 24px;
    color: #fa8f00;
    line-height: 42px;
    margin-right: 5px;
    vertical-align: bottom
}

.panel-title {
    font-size: 24px;
    color: #fff;
    vertical-align: bottom;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0
}

.panel-header {
    border-bottom: #fa8f00 4px solid;
    margin-bottom: 28px;
    padding-bottom: 3px
}

.panel-header--small_margin {
    margin-bottom: 12px
}

.movies_blocks_panel-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 24px
}

.movies_blocks_panel-title a {
    color: #fff;
    display: block
}

.movies_blocks_panel-title a:hover {
    color: #fa8f00;
    text-decoration: none
}

.movies_blocks_panel-title a:focus {
    color: #fa8f00;
    text-decoration: none
}

.movies_blocks_panel-movie {
    display: -webkit-box;
    display: flex;
    margin-bottom: 44px
}

.movies_blocks_panel-info {
    padding-left: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%
}

.movies_blocks_panel-info-wr {
    width: 100%
}

.movies_blocks_panel-poster {
    min-height: 180px;
    min-width: 125px;
    width: 125px
}

@media (max-width: 1199px) {
    .movies_blocks_panel-poster {
        min-width: 100px;
        min-height: 144px;
        width: 100px
    }
}

@media (max-width: 767px) {
    .movies_blocks_panel-movie {
        margin-bottom: 25px
    }

    .videos_blocks_panel-video {
        margin-bottom: 25px
    }
}

.movies_slider_panel-slider {
    padding: 0 18px
}

.movies_slider_panel-slider-ou {
    position: relative
}

.movies_slider_panel-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 18px;
    margin-top: 12px
}

.movies_slider_panel-title a {
    color: #fff
}

.movies_slider_panel-title a:hover {
    color: #fa8f00;
    text-decoration: none
}

.movies_slider_panel-title a:focus {
    color: #fa8f00;
    text-decoration: none
}

.movies_slider_panel-info {
    font-size: 12px;
    color: #c1c1c1
}

.movies_slider_panel-btn-ico {
    height: 38px;
    width: 38px
}

.movies_slider_panel-btn-ico:not(:root) {
    overflow: visible
}

.movies_slider_panel-btn-ico .circle {
    fill: #fff;
    stroke: #fa8f00;
    stroke-width: 10px;
    stroke-location: inside;
    -webkit-transition: stroke .2s, fill .2s;
    transition: stroke .2s, fill .2s
}

.movies_slider_panel-btn-ico .triangle {
    fill: #fa8f00;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.movies_slider_panel-btn {
    background: 0 0;
    border: none;
    position: absolute;
    padding: 0;
    height: 44px;
    width: 44px;
    cursor: pointer;
    outline: 0
}

.movies_slider_panel-btn:hover .movies_slider_panel-btn-ico .circle {
    fill: #fa8f00;
    stroke: #fff
}

.movies_slider_panel-btn:hover .movies_slider_panel-btn-ico .triangle {
    fill: #fff
}

.movies_slider_panel-btn:focus {
    outline: 0
}

.movies_slider_panel-btn--prev {
    left: 0
}

.movies_slider_panel-btn--next {
    right: 0
}

.movies_slider_panel-btn-ico--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.movies_slider_panel-btns {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10
}

.videos_blocks_panel-title {
    font-size: 15px;
    font-weight: 500;
    margin-top: 12px;
    line-height: 18px;
    color: #fff
}

.videos_blocks_panel-title a {
    color: #fff
}

.videos_blocks_panel-title a:hover {
    color: #fa8f00;
    text-decoration: none
}

.videos_blocks_panel-thumb-img {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.videos_blocks_panel-thumb {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.videos_blocks_panel-thumb:hover .videos_blocks_panel-thumb-ico-svg .circle {
    stroke: #fa8f00
}

.videos_blocks_panel-thumb:hover .videos_blocks_panel-thumb-ico-svg .triangle {
    fill: #fa8f00
}

.videos_blocks_panel-thumb:hover .videos_blocks_panel-thumb-img {
    opacity: .75
}

.videos_blocks_panel-thumb-ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.videos_blocks_panel-thumb-ico-svg {
    height: 38px;
    width: 38px
}

.videos_blocks_panel-thumb-ico-svg:not(:root) {
    overflow: visible
}

.videos_blocks_panel-thumb-ico-svg .circle {
    fill: none;
    stroke: #fff;
    stroke-width: 8px;
    -webkit-transition: stroke .2s;
    transition: stroke .2s
}

.videos_blocks_panel-thumb-ico-svg .triangle {
    fill: #fff;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.ad_blocks {
    border-top: #404040 2px solid;
    padding-top: 35px;
    padding-bottom: 37px
}

.news_list_panel-news {
    display: block;
    padding-bottom: 10px;
    border-bottom: #404040 1px solid;
    margin-bottom: 10px
}

.news_list_panel-news:hover {
    text-decoration: none
}

.news_list_panel-news:hover .news_list_panel-title {
    color: #fa8f00
}

.news_list_panel-news:last-of-type {
    border-bottom: none
}

.news_list_panel-more {
    margin-top: 5px
}

.news_list_panel-list {
    padding: 0;
    margin: 0
}

.news_list_panel-time {
    font-size: 13px;
    color: #fa8f00;
    -webkit-transition: color .2s;
    transition: color .2s
}

.news_list_panel-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 24px
}

.news_list_panel-content {
    font-size: 15px;
    color: #c1c1c1;
    line-height: 18px;
    margin-top: 5px
}

.movies_list_panel-movie {
    display: -webkit-box;
    display: flex;
    padding-bottom: 15px;
    border-bottom: #404040 1px solid;
    margin-bottom: 15px
}

.movies_list_panel-poster {
    min-width: 70px;
    min-height: 102px
}

.movies_list_panel-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 24px
}

.movies_list_panel-title a {
    color: #fff
}

.movies_list_panel-title a:hover {
    color: #fa8f00;
    text-decoration: none
}

.movies_list_panel-title a:focus {
    color: #fa8f00;
    text-decoration: none
}

.movies_list_panel-data {
    font-size: 15px;
    color: #c1c1c1;
    line-height: 22px;
    margin-top: 3px
}

.movies_list_panel-category {
    font-size: 15px;
    color: #c1c1c1;
    line-height: 22px
}

.movies_list_panel-info {
    padding-left: 15px
}

.footer-nav {
    background: url(../img/bg--gray.jpg) center top no-repeat, #191919;
    background-size: 100% auto;
    padding-top: 50px
}

.footer_menu--section-title {
    height: 63px
}

.footer_menu-list {
    padding: 0
}

.footer_menu-element {
    display: block
}

.footer_menu-link {
    font-size: 16px;
    color: #c1c1c1;
    line-height: 18px;
    display: block;
    margin-bottom: 6px
}

.footer_menu-link:hover {
    color: #fa8f00;
    text-decoration: none
}

.footer-reservation_info-label {
    margin-bottom: 0
}

.footer-label {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    line-height: 21px;
    font-weight: 400
}

.footer-label--medium {
    font-weight: 500
}

.footer-reservation_info-phone-number {
    color: #c1c1c1;
    font-size: 40px;
    font-weight: 300
}

.footer-reservation_info-phone-number:hover {
    color: #c1c1c1;
    text-decoration: none
}

.footer-reservation_info-phone-number:focus {
    color: #c1c1c1;
    text-decoration: none
}

.footer-reservation_info-number-ico {
    font-size: 24px;
    vertical-align: top;
    color: #c1c1c1;
    line-height: 60px;
    margin-right: 5px
}

.footer-reservation_info {
    margin-top: 60px
}

.footer-newsletter-input {
    background: #000;
    border: #464646 1px solid;
    border-right: none;
    line-height: 38px;
    color: #fff;
    padding: 0 6px 0 17px;
    font-size: 18px;
    width: 100%
}

.footer-newsletter-input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.footer-newsletter-input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.footer-newsletter-input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.footer-newsletter-input:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.footer-newsletter-submit {
    background: #000;
    border: #464646 1px solid;
    border-left: none;
    vertical-align: bottom;
    height: 42px;
    padding: 5px 10px;
    cursor: pointer
}

.footer-newsletter-submit:hover .footer-newsletter-submit-ico {
    color: #fa8f00
}

.footer-newsletter-submit:focus {
    outline: 0
}

.footer-newsletter-submit-ico {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    padding-left: 10px;
    display: block;
    border-left: #464646 1px solid;
    -webkit-transition: color .2s;
    transition: color .2s
}

.footer-newsletter-form {
    display: -webkit-box;
    display: flex
}

.footer-socials-link {
    line-height: 16px;
    font-size: 16px;
    color: #c1c1c1;
    margin-right: 30px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.footer-socials-link svg {
    vertical-align: bottom;
    margin-bottom: 4px;
    margin-right: 5px;
    fill: #fff;
    height: 18px;
    display: inline-block;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.footer-socials-link:hover {
    color: #fa8f00;
    text-decoration: none
}

.footer-socials-link:hover svg {
    fill: #fa8f00
}

.footer-socials-link-fb-ico {
    width: 9px
}

.footer-socials-link-yt-ico {
    width: 22px
}

.footer-socials-link-gp-ico {
    width: 24px
}

.footer-socials {
    padding: 20px 0;
    border-top: #333 1px solid;
    margin-top: 64px
}

.footer-nav-right {
    border-left: #333 1px solid;
    padding-left: 60px
}

@media (max-width: 1199px) {
    .footer-nav-right {
        padding-left: 35px
    }
}

.footer-bottom {
    background: #000;
    padding: 9px 0;
    font-size: 12px;
    line-height: 15px
}

.footer-bottom-in {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.footer-bottom-col--right {
    text-align: right
}

.footer-rights {
    color: #a7a7a7;
    vertical-align: middle;
    line-height: 40px
}

.footer-author {
    color: #fff;
    margin-left: 30px;
    vertical-align: bottom;
    line-height: 40px
}

.footer-link {
    color: #fff;
    vertical-align: inherit
}

.footer-link:hover {
    text-decoration: none;
    color: #fa8f00
}

@media (max-width: 991px) {
    .footer-nav {
        background: #020202;
        padding-top: 10px
    }

    .footer-socials {
        margin-top: 0;
        border-top: none;
        text-align: center
    }

    .footer-bottom-in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .footer-bottom-col--right {
        text-align: center
    }

    .footer-bottom-col {
        margin-bottom: 20px
    }

    .footer-rights {
        display: block;
        text-align: center;
        line-height: 16px
    }

    .footer-author {
        display: block;
        text-align: center;
        margin: 0;
        line-height: 16px
    }

    .footer-socials-link {
        white-space: nowrap;
        margin-bottom: 10px;
        display: inline-block
    }

    .footer-socials-link svg {
        margin-bottom: 0
    }
}

.movie_slider {
    height: 535px
}

.movie_slider-slide--movie {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    -webkit-transition: padding .2s;
    transition: padding .2s;
    padding-bottom: 56.25%
}

.movie_slider-movie {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.movie_slider-slide--movie {
    vertical-align: top;
    float: left
}

.movie_slider-thumbs-slider-slide {
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.movie_slider-thumbs-slider-slide:hover > img {
    opacity: .5 !important
}

.movie_slider-thumbs-slider-slide:focus {
    outline: 0
}

.movie_slider-thumbs {
    padding: 0 40px;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    height: 106px
}

.movie_slider-thumbs-slider-ou {
    width: 100%
}

.movie_slider-thumbs-arrow {
    height: 100px;
    width: 40px;
    min-width: 40px;
    background: #ffb605;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s
}

.movie_slider-thumbs-arrow.movie_slider-thumbs-arrow--disable {
    background: #666;
    cursor: default
}

.movie_slider-thumbs-arrow:hover:not(.movie_slider-thumbs-arrow--disable) {
    background: #fa8f00
}

.movie_slider-thumbs-arrow:focus {
    outline: 0
}

.movie_slider-thumbs-arrow:before {
    content: "";
    height: 13px;
    width: 7px;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -4px;
    border: 7px solid transparent
}

.movie_slider-thumbs-arrow--left:before {
    border-right-color: #000;
    border-left-width: 0
}

.movie_slider-thumbs-arrow--right {
    right: 0;
    left: auto
}

.movie_slider-thumbs-arrow--right:before {
    border-left-color: #000;
    border-right-width: 0
}

.movie_slider-thumbs-slider-slide-movie_ico {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -19px;
    height: 38px;
    width: 38px;
    z-index: 2
}

.movie_slider-thumbs-slider-slide-movie_ico:not(:root) {
    overflow: visible
}

.movie_slider-thumbs-slider-slide-movie_ico .circle {
    fill: none;
    stroke: #fff;
    stroke-width: 8px;
    -webkit-transition: stroke .2s;
    transition: stroke .2s
}

.movie_slider-thumbs-slider-slide-movie_ico .triangle {
    fill: #fff;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.movie_slider-thumbs-slider-slide--movie:hover .movie_slider-thumbs-slider-slide-movie_ico .circle {
    stroke: #fa8f00
}

.movie_slider-thumbs-slider-slide--movie:hover .movie_slider-thumbs-slider-slide-movie_ico .triangle {
    fill: #fa8f00
}

@media (max-width: 1199px) {
    .movie_slider {
        height: 448px
    }
}

@media (max-width: 991px) {
    .movie_slider {
        height: 333px
    }
}

@media (max-width: 767px) {
    .movie_slider {
        height: auto;
        min-height: 160px
    }

    .movie_slider-thumbs-arrow {
        display: none
    }

    .movie_slider-thumbs {
        padding: 0
    }
}

.movie_header-title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin: 0
}

.movie_header {
    padding: 25px 0 15px
}

.movie_header-info {
    font-size: 16px
}

.movie_header-info:after {
    content: "";
    display: block;
    clear: both
}

.movie_header-info-entry {
    font-weight: 300;
    color: #fff;
    float: left
}

.movie_header-info-entry:after {
    content: "/";
    color: #686868;
    margin: 7px
}

.movie_header-info-entry:last-of-type:after {
    content: "";
    display: none
}

.movie_header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.movie_header-btn {
    margin-left: 20px
}

.movie_header-btn:first-of-type {
    margin-left: 0
}

@media (max-width: 991px) {
    .movie_header-nav {
        width: 100%
    }

    .movie_header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        padding-bottom: 23px
    }

    .movie_header-title_info {
        border-bottom: #404040 1px solid;
        margin-bottom: 19px;
        width: 100%;
        padding-bottom: 10px
    }

    .movie_header-btn {
        margin-left: 0;
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .movie_header-title {
        font-size: 29px;
        line-height: 30px
    }

    .movie_header-info {
        font-size: 15px
    }

    .movie_header-btn {
        margin-right: 0
    }
}

.movie_details_panel-content {
    display: -webkit-box;
    display: flex
}

.movie_details_panel-poster_nav {
    width: 202px
}

.movie_details_panel-info {
    padding-left: 45px;
    font-size: 16px;
    line-height: 20px
}

.movie_details_panel-info dt {
    float: left;
    width: 136px;
    color: #c5c5c5;
    font-weight: 300
}

.movie_details_panel-info dd {
    padding-left: 136px;
    width: 100%;
    color: #fff
}

.movie_details_panel-poster {
    margin-bottom: 23px
}

.movie_details_panel-btn {
    margin-bottom: 19px
}

.movie_details_panel-btn:last-of-type {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .movie_details_panel-poster_nav {
        width: 100px;
        min-width: 100px
    }

    .movie_details_panel-info {
        padding-left: 18px
    }

    .movie_details_panel-info {
        font-size: 15px
    }

    .movie_details_panel-info dt {
        float: none;
        width: auto;
        display: inline;
        color: #c5c5c5;
        font-weight: 300
    }

    .movie_details_panel-info dd {
        padding-left: 0;
        display: inline;
        width: 100%;
        color: #fff
    }

    .movie_details_panel-info dd:after {
        content: "";
        display: block;
        margin-bottom: 5px
    }
}

.text_panel p {
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.table {
    font-size: 16px;
    color: #fff;
    width: 100%
}

.table-td {
    line-height: 20px;
    padding: 8px
}

.table-th {
    font-weight: 400;
    white-space: nowrap;
    padding-right: 20px;
    border-right: #404040 1px solid;
    padding-left: 10px
}

.table-link {
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s;
    margin-right: 5px
}

.table-link:hover {
    text-decoration: none;
    color: #fa8f00
}

.table-link--disable {
    color: #6d6d6d;
    cursor: default;
    pointer-events: none
}

.table-link--disable:not([href]):not([tabindex]) {
    color: #6d6d6d;
    cursor: default
}

.table-link--disable:not([href]):not([tabindex]):hover {
    text-decoration: none;
    color: #6d6d6d
}

.table-td--highlight {
    color: #fa8f00
}

.table-tr {
    border-top: #404040 1px solid
}

.table-tr:nth-of-type(2n) {
    background: #181818
}

.table-tr:first-of-type {
    border-top: none
}

.repertoire-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    border-bottom: #404040 1px solid
}

.repertoire-title {
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    color: #fff
}

.repertoire-date_cinema {
    font-size: 30px;
    font-weight: 300
}

.repertoire-date {
    color: #fff
}

.repertoire-cinema {
    color: #ffb605
}

.repertoire-cinema:before {
    content: "/";
    margin: 0 15px;
    color: #606060
}

.repertoire-day {
    border: #fff 2px solid;
    text-align: center;
    display: block;
    width: 59px;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: color .2s, border-color .2s;
    transition: color .2s, border-color .2s
}

.repertoire-day:focus {
    color: #fff;
    text-decoration: none;
    border-color: #fff
}

.repertoire-day:hover:not(.repertoire-day--disable) {
    text-decoration: none;
    color: #ffb605;
    border-color: #ffb605
}

.repertoire-day--disable {
    border-color: #636363;
    color: #636363;
    cursor: default
}

.repertoire-day--disable:hover {
    border-color: #636363;
    color: #636363;
    text-decoration: none
}

.repertoire-days {
    display: -webkit-box;
    display: flex;
    padding: 35px 59px;
    -webkit-box-pack: center;
    justify-content: center
}

.repertoire-days-name {
    font-size: 11px;
    line-height: 11px
}

.repertoire-days-slider-ou {
    max-width: 100%;
    width: 100%
}

.repertoire-days-number {
    font-size: 33px;
    line-height: 33px;
    margin-top: 3px
}

.repertoire-days-month {
    font-size: 11px;
    line-height: 11px
}

.repertoire-days-btn-ico {
    width: 16px;
    height: 26px;
    fill: #fa8f00;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.repertoire-days-btn {
    height: 68px;
    width: 59px;
    min-width: 59px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer
}

.repertoire-days-btn:hover .repertoire-days-btn-ico {
    fill: #ffb605
}

.repertoire-days-btn--disable {
    visibility: hidden
}

.repertoire-day--active {
    color: #fa8f00;
    border-color: #fa8f00
}

.repertoire-day--active:focus {
    color: #fa8f00;
    border-color: #fa8f00
}

.repertoire-day--active:hover {
    color: #ffb605;
    border-color: #ffb605
}

.repertoire-days-btn--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 0
}

.repertoire-days-btn--next {
    position: absolute;
    right: 0
}

.repertoire-movie-title {
    font-size: 26px;
    line-height: 26px;
    color: #fff
}

.repertoire-movie-title a {
    color: #fff
}

.repertoire-movie-title a:hover {
    text-decoration: none;
    color: #fa8f00
}

.repertoire-movie-title a:focus {
    text-decoration: none;
    color: #fa8f00
}

.repertoire-movie-description {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    color: #c1c1c1
}

.repertoire-movie-tag {
    font-size: 11px;
    border: #fa8f00 1px solid;
    color: #fa8f00;
    text-transform: uppercase;
    display: inline-block;
    line-height: 10px;
    cursor: default;
    border-radius: 3px;
    padding: 4px 5px 3px;
    margin-right: 5px
}

.repertoire-movie-tag--highlight {
    background: #fa1d00;
    color: #fff;
    border-color: #fa1d00
}

.repertoire-movie-info {
    display: -webkit-box;
    display: flex;
    border-right: #404040 1px solid;
    padding-right: 30px
}

.repertoire-movie-info-wr {
    width: 650px
}

.repertoire-movie-details {
    padding-left: 13px;
    height: 100%
}

.repertoire-movie-details-wr {
    width: 100%
}

.repertoire-movie-poster {
    width: 125px;
    min-width: 125px
}

.repertoire-movie-details {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.repertoire-movie-info-td {
    padding: 20px 0
}

.repertoire-movie-time {
    font-size: 26px;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s;
    margin-right: 10px
}

.repertoire-movie-time:hover:not(.repertoire-movie-time--disable) {
    color: #ffb605;
    text-decoration: none
}

.repertoire-movie-time:focus {
    color: #ffb605;
    text-decoration: none
}

.repertoire-movie-time--disable {
    color: #6d6d6d;
    cursor: default;
    pointer-events: none
}

.repertoire-movie-time--disable:hover {
    color: #6d6d6d;
    cursor: default;
    text-decoration: none
}

.repertoire-movie-times-td {
    padding: 20px 0 20px 20px;
    vertical-align: top;
    width: 460px
}

.repertoire-movie-tr {
    border-bottom: #404040 1px solid
}

.repertoire {
    padding-bottom: 30px
}

.repertoire-list-header {
    border-bottom: #fa8f00 4px solid
}

.repertoire-list-header-th {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.repertoire-list-header-th:first-of-type .repertoire-list-header-th-in {
    border-left: none
}

.repertoire-list-header-th-in {
    border-left: #404040 1px solid;
    padding: 0 20px
}

.repertoire-hour-popup {
    padding: 15px;
    border: #fff 2px solid;
    background: #191919;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 30px;
    width: 400px;
    -webkit-filter: blur(0);
    filter: blur(0);
    z-index: 10;
    max-width: 100%
}

.repertoire-hour-popup-title {
    font-size: 18px;
    font-weight: 500;
    color: #ffb605;
    margin-bottom: 10px;
    line-height: 22px
}

.repertoire-hour-popup-day {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 300;
    color: #c1c1c1
}

.repertoire-hour-popup-hour {
    font-size: 18px;
    font-weight: 700
}

.repertoire-hour-popup-nav {
    margin-top: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.repertoire-hour-popup-btn {
    margin-right: 10px;
    width: 100%;
    float: left
}

.repertoire-hour-popup-btn:last-child {
    margin-right: 0
}

.repertoire-buy-info-popup {
    text-transform: uppercase;
    margin-bottom: -10px;
    margin-top: 5px
}

@media (max-width: 1199px) {
    .repertoire-movie-times-td {
        width: 360px
    }

    .repertoire-movie-info-wr {
        width: 450px
    }
}

@media (max-width: 991px) {
    .repertoire-movie-times-td {
        width: 240px
    }

    .repertoire-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .repertoire-movie-times-td {
        display: block;
        width: 100%;
        padding-top: 0;
        padding-left: 0
    }

    .repertoire-movie-info-td {
        display: block
    }

    .repertoire-list-header {
        display: none
    }

    .repertoire-movie-info {
        border: none
    }

    .repertoire-movie-times-label {
        font-size: 22px;
        color: #fff;
        display: inline-block;
        margin-right: 10px
    }

    .repertoire-movie-poster {
        width: 100px;
        min-width: 100px
    }

    .repertoire-movie-title {
        font-size: 18px;
        line-height: 22px
    }

    .repertoire-movie-description {
        font-size: 12px;
        line-height: 16px
    }

    .repertoire-movie-time {
        font-size: 22px
    }

    .repertoire-days {
        padding-left: 0;
        padding-right: 0
    }

    .repertoire-days {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .repertoire-days-btn {
        float: none;
        display: block;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0
    }

    .repertoire-days-mobile_btn-ico {
        width: 8px;
        height: 16px;
        position: relative;
        top: 2px;
        margin: 0 5px
    }

    .repertoire-days-mobile_btn--next .repertoire-days-mobile_btn-ico {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .repertoire-days-mobile_nav {
        margin-top: 23px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .repertoire-days-mobile_btn--prev {
        margin-right: 10px
    }

    .repertoire-days-mobile_btn--next {
        margin-left: 10px
    }

    .repertoire-title {
        font-size: 29px;
        line-height: 30px
    }

    .repertoire-date_cinema {
        font-size: 15px
    }

    .repertoire-cinema:before {
        margin: 0 10px 0 5px
    }

    .repertoire-hour-popup-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .repertoire-hour-popup-btn {
        margin-top: 15px
    }

    .repertoire-hour-popup-btn:first-of-type {
        margin-top: 0
    }

    .repertoire-movie-info-wr {
        width: 100%
    }

    .repertoire-movie-tr {
        display: block
    }

    .repertoire-list {
        display: block
    }

    .repertoire-list > tbody {
        display: block
    }
}

.facebook_panel {
    text-align: center
}