/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

h1,h2,h3,p {margin:0;}
input, textarea, button {
    -webkit-border-radius:0;
    border-radius:0;
    padding: 0;
    outline: none;
}
button, button:focus {
    outline: none;
}

/* This used to work for parent element of button divs */

/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

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


@font-face {
    font-family: 'LEGOChalet60Bold';
    src: url('fonts_new/LEGOChalet60Bold.eot');
    src: url('fonts_new/LEGOChalet60Bold.eot') format('embedded-opentype'),
         url('fonts_new/LEGOChalet60Bold.woff2') format('woff2'),
         url('fonts_new/LEGOChalet60Bold.woff') format('woff'),
         url('fonts_new/LEGOChalet60Bold.ttf') format('truetype'),
         url('fonts_new/LEGOChalet60Bold.svg#LEGOChalet60Bold') format('svg');
}

@font-face {
    font-family: 'LEGOChalet60Light';
    src: url('fonts_new/LEGOChalet60Light.eot');
    src: url('fonts_new/LEGOChalet60Light.eot') format('embedded-opentype'),
         url('fonts_new/LEGOChalet60Light.woff2') format('woff2'),
         url('fonts_new/LEGOChalet60Light.woff') format('woff'),
         url('fonts_new/LEGOChalet60Light.ttf') format('truetype'),
         url('fonts_new/LEGOChalet60Light.svg#LEGOChalet60Light') format('svg');
}


/* #Helper classes
================================================== */
a {
    text-decoration: none;
    color: #fff;
}
h1,h2,h3,h4 {
    color: #fff;
}
a:hover {
    text-decoration: none;
}
img {
    text-decoration: none;
}
.center_them {
    display:inline-block;
    zoom: 1;
    *display:inline;
}
.vertical_centering_css3 {
    position: relative;
    float: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.horizontal_centering_css3 {
    position: relative;
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.pointer {cursor: pointer;}
.relative {position: relative;}
.absolute {position:absolute;}
.invisible {display: none;}
.block {display:block !important;}
.w100 {width:100%;}
.w50 {width:50%;}
.w100_important {width:100% !important;}
.center {text-align:center;}
.text-left {text-align:left !important;}
.upper {text-transform: uppercase;}
.bold {font-weight:bold;}
.decor_none {text-decoration: none;}
.border_none {border: 0 !important;}
.box_sizing {box-sizing:border-box;}
.overflow_hidden {overflow: hidden;}
.clearfix {
    zoom:1;}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}
.grey {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb75 {
    margin-bottom: 75px;
}
.mt35 {
    margin-top: 35px;
}
.mb50 {
    margin-bottom: 50px !important;
}
.white {
    color: #fff !important;
}


/* #Site styles
================================================== */
body {
    font-family: 'LEGOChalet60Bold';
    font-weight: normal;
    line-height:  inherit;
    background: #010101;
    background: url("../img/new/background.jpg") no-repeat bottom center;
    background-size: cover;
    height: 100vh;
}
header {
    float: left;
    width: 230px;
    height: 100vh; 
    position: relative;
}
header .logo {
    margin-top: 35px;
}
header .logo img {
    width: 88%;
}
nav {
    float: left;
    width: 100%;
    height: 207px;
    background: url("../img/new/dots_vertical.png") no-repeat 33px top;
    background-size: 13px;
    margin-top: 7vh;
    padding-left:60px;
}
nav .link {
    float: left;
    color: #faa402;
    font-size: 26px;
    text-transform: uppercase;
    clear: both;
    margin-bottom: 5px;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
nav .link:hover, nav .link.active {
    color: #fff;
}
nav .fb {
    width: 24px;
    height: 33px;
    background: url(../img/new/facebook.svg) no-repeat center;
    background-size: 26px;
    margin-left: -6px;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
nav .fb:hover, nav .insta:hover {
    transform: scale(1.1);
}
nav .insta {
    width: 42px;
    height: 33px;
    background: url("../img/new/instagram.svg") no-repeat center;
    background-size: 26px;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
header .bottom-elements {
    position: absolute;
    bottom: 30px;
    left: 0;
}  
header .bottom-elements .popcorn {
    width: 100%;
    height: 201px;
    background: url("../img/new/popcorn.png") no-repeat center;
    background-size: 190px;
    margin-bottom: 30px;
}
header .bottom-elements .europa-cinemas {
    width: 100%;
    height: 51px;
    background: url("../img/new/europa_cinemas.png") no-repeat center;
    background-size: 140px;
}   
header .bottom-elements .eu-program {
    width: 100%;
    height: 76px;
    background: url("../img/eu_program.png") no-repeat center;
    background-size: 168px;
    margin-bottom: 10px;
}

main {
    float: left;
    width: calc(100% - 230px);
    height: 100vh;
    background: url("../img/new/pattern.png") no-repeat center;
    background-size: cover;      
    position: relative;
}

.main-slider {
    height: 89vh;
    padding-left: 100px;
    padding-right: 70px;
    margin-top: 35px;
}
.main-slider .swiper-container {
    height: 100%;                    
    box-shadow: 0px 5px 7px -2px rgba(0,0,0,0.7);
}
.main-slider .img-wrap {
    height: 85%;
}
.main-slider .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-slider .img-wrap .date-sticker {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
    background: #faa402; 
    font-size: 20px;
    color: #2e3192;
    height: 35px;
    line-height: 35px;
    padding: 0 13px;
    font-style: italic;
}
.main-slider .info-box {
    height: 15%;
    background: #2e3192;
    padding-left: 15px;
}
.main-slider .film-name {
    text-transform: uppercase;
    color: #faa402;  
    font-size: 40px;
    width: calc(100% - 150px);
    line-height: 34px;
}
.main-slider .film-infos {
    width: calc(100% - 150px);
    text-transform: uppercase;
    color: #faa402; 
    font-size: 11px;
    margin-top: 11px;
    clear: both;
}

.main-slider .img-wrap:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(115%,#000));
    background: -moz-linear-gradient(top,transparent 0,#000 80%);
    background: -o-linear-gradient(top,transparent 0,#000 80%);
    /* background: linear-gradient(to bottom,transparent 0,#000 80%); */
    background-position: bottom;
    background-size: 5px 100%;
    background-repeat: repeat-x;
    opacity: 1;
}

.swiper-slide .play-btn {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 115px;
    height: 115px;
    background: url("../img/play-button.svg") no-repeat center;
    background-size: 115px;
    z-index: 2;
    opacity: 0.5;
    border-radius: 100%;
    box-shadow: 0 0 0 rgba(255,255,255, 0.8);
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    }
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255,255,255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 40px rgba(255,255,255, 0);
        box-shadow: 0 0 0 40px rgba(255,255,255, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

.video-popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    text-align: center;
    z-index: 901;
    overflow: auto;
    background: rgba(46,49,146,0.8);
}
.video-popup.horizontal_centering_css3 {
    padding-bottom: 0px;
}
.video-popup-inner {
    margin-top: 20px; 
    height: 100%;
}
.video-popup {
    width: calc(100% - 299px);
    height: 100%;        
    text-align: left;
}
.video-popup .videojs-wrap {
    /*margin-bottom: 15px;*/
    height: 100%;
}
.close {
    position: absolute;
    top: 0;
    right: -45px;
    width: 38px;
    height: 38px;
    background: url("../img/close.png") no-repeat center #c3090b;
    background-size: 18px;
}
.close:hover {
    background: url("../img/close.png") no-repeat center #c3090b;
    background-size: 18px;
    border: 1px solid #fff;
}

.tickets-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 35px;
    line-height: 35px;
    background: #faa402;  
    color: #fff;
    font-size: 20px;
    padding: 0 13px;
    box-shadow: 0px 3px 7px -2px rgb(0 0 0 / 70%);
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.tickets-btn:hover {
    color: #faa402;
    background: #fff;
}
.movie-box-holder {
    height: 89vh;
    overflow-y: auto;
    padding-left: 100px;
    padding-right: 70px;
    margin-top: 35px;
}
.movie-box-holder .movie-box-wrap {
    height: 100%;
}
.movie-box {
    width: 24.2%;
    margin-left: 1%;
    margin-bottom: 35px;
    box-shadow: 0px 5px 7px -2px rgb(0 0 0 / 70%);
    overflow: hidden;
}    
.movie-box:hover .img-wrap img {
    transform:scale(1.1);
}
.movie-box .img-wrap {
    position: relative;
    max-width: 100%;
}

.movie-box.movie-box-inner {
    box-shadow: none;
}
.movie-box .img-wrap {
    overflow: hidden; 
}
.movie-box.movie-box-inner .movie-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.movie-box.movie-box-inner .feature {
    background: #2e3192;
    color: #fff;
        height: 40px;
    line-height: 40px;
    padding: 0 13px;
    font-size: 18px;
    font-style: normal;
}
.movie-box .movie-title {
    background: #2e3192;
    padding: 10px 5px 5px 5px; 
    height: 100%;
}
.movie-box .movie-title .movie-link {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 7px;
    text-align: center;
    width: 100%;
}
.movie-box.movie-box-inner .tickets-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    padding: 0 10px;
    margin-top: 10px;
    width: 104px;
    text-align: center;
    top: auto;
    right: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
} 
.movie-box.movie-box-inner:hover .tickets-btn {
    opacity: 1;
    visibility: visible;
} 
.movie-box.movie-box-inner:hover .movie-overlay {
    opacity: 1;
    visibility: visible;
}

.movie-icons {
    margin-top: 10px;
    overflow: hidden;
}
.movie-icons .icon {
    margin-right: 15px;
    margin-bottom: 7px;
    height: 25px;
}
.movie-icons .icon .text {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}
.movie-icons .icon[data-type=voice] {
    margin-top: 2px;
    height: 22px;
}
.movie-icons .icon[data-type=voice] .text {
    margin-top: 3px;
    margin-left: 5px;
}
.movie-icons .icon[data-type=subs] .text {
    margin-top: 5px;
    margin-left: 8px;
}

.movie-box .img-wrap img {
    width: 100%;   
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.movie-box:nth-child(4n+1) {
    margin-left: 0;
}
.movie-box .feature {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 10;
    background: #faa402;
    font-size: 11px;
    color: #161e2c;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    font-style: italic;
}  
.free-text {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 21px;
    font-style: italic;
}
.free-text p {
    float: left;
    width: 100%;
    text-align: left;
}
.bottom-text {
    position: absolute;
    bottom: 7px;
    right: 0;
    font-size: 11px;
    padding-left: 10px;
    box-sizing: border-box;
}
.contacts-form {
    background: #f5f5f5;
    width: 600px;
    padding: 20px;
    margin-top: 30px;
    text-align: left;
}
.contacts-form .title {
    color: #4b5d7f;
    font-size: 30px;
    font-family: 'LEGOChalet60Light';
}
.contacts-form .sub-title {
    color: #4b5d7f;
    font-size: 17px;
    font-family: 'LEGOChalet60Light';
    margin-top: 10px;
    margin-bottom: 25px;
}
.contacts-form label {
    color: #4b5d7f;
    font-size: 16px;
    margin-bottom: 5px;
}
.contacts-form .form-control {
   float: left;
   width: 100%; 
   height: 35px;
   line-height: 35px;
   border: 1px solid #d3d3d3;
   border-radius: 3px;
   color: #4b5d7f;
    font-size: 16px;
    padding: 0 10px;
}
.contacts-form textarea {
   float: left;
   width: 100%; 
   max-width: 100%;
   min-width: 100%;
   min-height: 100px;
   border: 1px solid #d3d3d3;
   border-radius: 3px;
   color: #4b5d7f;
    font-size: 16px;
    padding: 10px;
}
.contacts-form button {
    height: 35px;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #299be4;
    width: 150px;
    border: 0;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.contacts-form button:hover {
    opacity: 0.8;
}
.promo-box {
    width: 40%;
    margin-left: 6%;
    box-shadow: 0px 5px 7px -2px rgb(0 0 0 / 70%);
    margin-bottom: 40px;
}
.promo-box:nth-child(2n+1) {
    margin-left: 0;
}
.promo-box a {
    overflow: hidden;
    float: left;
    width: 100%;
}
.promo-box a img {
        -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.promo-box:hover img {
    transform:scale(1.1);
}



.select-holder {
    width: 270px;
    background: #fff;
    padding: 0 10px;
    position: relative;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.calendar-days-holder {
    margin-top: 15px;
}
#imagePicker {
    float: left;
    width: 100%;
    cursor: pointer;
    height: 32px;
    margin: 0;
    color: #333;
    border-bottom: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    padding-left: 38px;
    background: url(../img/new/calendar_black.svg) no-repeat left 4px;
    background-size: 22px;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    z-index: 1;
}
.date-arrow {
    position: absolute;
    top: 14px;
    right: 10px;
}
.find-movie-btn {
    width: 61px;
    height: 34px;
    border: 1px solid #333;
    background: url(../img/new/search_black.svg) no-repeat center #fff;
    background-size: 22px;
    position: relative;
    margin-top: -1px; 
}
.calendar-days-holder .calendar-days-week {
    color: #fff;
    border: 1px solid #fff;
    width: 14%;
    float: left;
    text-align: center;
    padding: 3px 0;
    margin-left: 0.3333%;
    cursor: pointer;
    background: #2e3192;
    font-size: 16px; 
}
.calendar-days-holder .calendar-days-week:hover, .calendar-days-holder .calendar-days-week.active {
    color: #000;
    background: #faa403;
}
.calendar-days-holder .calendar-days-week:first-of-type {
    margin-left: 0;
}
.find-movie-inner {
    margin-bottom: 30px;
    margin-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
}
.movie-info {
    background: #2e3192;
    padding: 43px;
}
.video-js-wrap {
    width: 60%;
}
.video-js-wrap .video-js .vjs-big-play-button {
    width: 105px;
    height: 105px;
    display: block;
    position: absolute;
    top: 41%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    cursor: pointer;
    opacity: 1;
    background: url(../img/play-button.svg) no-repeat center;
    background-size: 105px;
    z-index: 5;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: none;
}
.right-movie-info {
    width: 35%;
}
.right-movie-info h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 41px;
    margin-bottom: 30px;
    text-align: right;
}
.movie-descr p { 
    float: left;
    width: 100%;
    font-size: 21px;
    color: #fff;
    margin-bottom: 4px;
    text-align: justify;
    font-family: 'Helvetica', 'Arial', sans-serif;
}
.projections {
    padding: 20px 20px 24px 20px;
}
.projections .results .hours-wap {
    margin-top: 30px;
}
.projections .results .hours {
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
}
.projections .results .hours.new-vision {
    /* border: 1px solid #fff; */
    box-shadow: inset 0 0 0 1px #fff;
    padding: 3px 15px;
}
.projections .results .hours:hover, .projections .results .hours.selected {
    color: #000;
    background: #faa403;
}
.projections .legend {
    border-top: 1px solid #8d8d8d;
    padding-top: 22px;
}
.projections .legend .text {
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    padding-left: 15px;
    margin-right: 10px;
}
.projections .legend .unavailable {
    color: #9d9d9d;
}
.projections .legend .unavailable::after {
    background: #9d9d9d !important;
}

.projections .legend .text::after {
    position: absolute;
    top: 2px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    content: "";
}
.bottom-links {
    position: absolute;
    bottom: -34px;
    right: 0;
    padding-right: 70px;
    z-index: 100;
}
.bottom-links a {
    float: left;
    color: #fff;
    font-size: 15px;
    z-index: 100;
}
.bottom-links a:hover {
    text-decoration: underline;
}

.timer-wrap {
    margin-top: 25px;
}
.timer-wrap .timer {
    width: 150px;
    height: 42px;
    border: 1px solid #999999;
    border-radius: 8px;
    margin-bottom: 20px;
    background: url(../img/clock.png) no-repeat 10px center rgb(48, 99, 233);
    background-size: 31px;
    font-size: 26px;
    color: #fff;
    line-height: 42px;
    padding-left: 33px;
}