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;
}
a:hover{
    text-decoration:none !important;

}
.hidden{
    display:none;
}

.w50{
    width:50%;    
}
section {
    display: flex;
}

/* 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;
}


/* #Helper classes
================================================== */
a {
    text-decoration: none;
}
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%);
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.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%;}
.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;
}
.mt30 {
    margin-top: 30px;
}
.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.mobile {
    display: none;
}



/* #Site styles
================================================== */
body {
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    background:#fff;
    float:left;
    width:100%;
    margin:0px;
}
main{
   float:left;
   width:100%;
}


.site-wrap{
    width:1280px;
    margin:0 auto;
}
.top-slider{
    float:left;
    width:100%;
}
.top-slider img{
    float:left;
    width:100%;
}
.top.swiper-button-next{
    background: #EF3A4A url("../img/next-d.svg") no-repeat center;
    width:35px;
    height: 35px;
    border-radius:100%;
    background-size:30%;
    
}
.top.swiper-button-next:hover{
    background: #000 url("../img/next-d.svg") no-repeat center;
    width:35px;
    height: 35px;
    border-radius:100%;
    background-size:30%;
    
}
.top.swiper-button-prev{
    background: #EF3A4A url("../img/next-d.svg") no-repeat center;
    width:35px;
    height: 35px;
    border-radius:100%;
    background-size:30%;
    transform: rotate(180deg);
    
}
.top.swiper-button-prev:hover{
    background: #000 url("../img/next-d.svg") no-repeat center;
    width:35px;
    height: 35px;
    border-radius:100%;
    background-size:30%;
    transform: rotate(180deg);
    
}


.days.swiper-button-next{
    background:  url("../img/next-s-d.svg") no-repeat center;
    width:35px;
    height: 80px;
    top:22px;
    right:0px;
    border-top:1px solid red;
    border-right: 1px solid red;
    border-bottom:1px solid red;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    box-sizing:border-box;
    
    
}
.days.swiper-button-next:hover{
    background:  url("../img/next-s-d-hover.svg") no-repeat center;;
}
.days.swiper-button-prev{
    background:  url("../img/next-s-d.svg") no-repeat center;
    width:35px;
    height: 80px;
    transform: rotate(180deg);
    top:22px;
    left:4px;
    border-top:1px solid red;
    border-right: 1px solid red;
    border-bottom:1px solid red;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    box-sizing:border-box;
    
    
}
.ml10{
    margin-left:10px;
}
.days.swiper-button-prev:hover{
    background: url("../img/next-s-d-hover.svg") no-repeat center;;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{
    display:block !important;
}
.all-info-slide{
    float:left;
    width:100%;
    position:relative;
}
.black-wrap{
    position:absolute;
    bottom:0;
    left:0;
    padding:15px 0px;
    box-sizing:border-box;
    background: rgba(0,0,0,0.6);
    width:100%;
} 
.info-slide{
    float:left;
    width:100%;
    display:flex;
    z-index: 99;
    justify-content: space-between;
    align-items:center;
    
}
.left-info-slide{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.info-slide .title{
    float:left;
    width:100%;
    color:#FFFFFF;
    font-size:32px;
    font-weight: 700;
    
}
.info-slide .title:hover{
    color: #EF3A4A;
}
.bott-info{
    float:left;
    width:100%;
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}
.bott-info .info-film{
    color:#fff;
    float:left;
    font-size:12px;
    text-transform: uppercase;
}
.bott-info .info, .info{
    border:2px solid #fff;
    border-radius:2px;
    padding:3px;
    box-sizing:border-box;
    color:#fff;
    float:left;
    width:30px;
    font-size:12px;
    text-align:center;
}
.right-info-slide .buy-ticket{
   color:#fff;
   font-size:20px; 
}
.title-wrap{
    float:left;
    width:100%;
    position:relative;
}
.title-wrap:after{
    position:absolute;
    content:"";
    left:0;
    bottom:-22px;
    width:100%;
    height: 1px;
    background:#AAA;
}
.title-wrap span{
    color:#000;
    font-size:32px;
    font-weight: 700;
    background: #fff;
    position:absolute;
    z-index: 9;
    text-transform:uppercase;
    padding-right:15px;
    box-sizing:border-box;
}
.tickets{
    float:left;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.tickets .right-part{
    display:flex;
    gap:20px;
    width:calc(100% - 300px);
    justify-content: flex-end;
}
.tickets .left-select{
    width:300px;
    flex-shrink:0;
}
.tickets .left-select .select2{
    width:100% !important;
    height: 60px !important;
}
.tickets .left-select .select2-container .select2-selection--single{
    height: 60px !important;
}
.tickets .left-select .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 60px !important;
}
.tickets .left-select .select2-container--default .select2-selection--single{
    border-radius:5px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30);

}
.tickets .left-select .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:16px !important;
}
.days-slider{
   
    float:left;
    width:100%;
}
.style-slider{
    float:left;
    width:100%;
    padding:0 35px;
    box-sizing:border-box;
    position:relative;
    max-width: 750px;
}
.style-tab{
    text-align: center;
    border-top:1px solid red;
    border-right:1px solid red;
    border-bottom:1px solid red;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    cursor: pointer;
    box-sizing:border-box;
}
.style-tab span{
   font-size:14px; 
}
.style-tab.swiper-slide-active, .style-tab:not(.disabled):hover {
    color:#fff;
    background: #25408F;
}
.style-tab.disabled {
    color: #c5c5c5;
    cursor: default;
}
.mt40{
    margin-top:40px;
}
.mb40{
    margin-bottom:40px;
}
.calendar-wrap{
    display:flex;
    flex-direction:column;
    width:80px;
    height: 80px;
    background:#EF3A4A url("../img/cal.svg") no-repeat center;;
    border-radius:5px;
    justify-content:flex-end;
    align-items:center;
    flex-shrink:0;
    cursor:pointer;
    background-size:35%;
    background-position:28px 15px;
    padding-bottom:18px;
    box-sizing:border-box;
    
}
/*.calendar-wrap .img{
    background: url("../img/cal.svg") no-repeat center;
    width:30px;
    height: 30px;
}      */
.calendar-wrap:hover{
    background:#25408F url("../img/cal.svg") no-repeat center;;
    background-size:35%;
    background-position:28px 15px;
    padding-bottom:18px;
    box-sizing:border-box;
}
.calendar-wrap img{
    width:30px;
}
.calendar-wrap .txt{
    font-size:12px;
    color:#fff;
}
.filter-wrap{
  display:flex;
    flex-direction:column;
    width:80px;
    height: 80px;
    justify-content:flex-end;
    align-items:center; 
    flex-shrink:0;
    background:url("../img/filter.svg") no-repeat center;
    background-size:35%;
    background-position:28px 15px;
    padding-bottom:18px;
    box-sizing:border-box;
 
}
.filter-wrap:hover{
    background:url("../img/filter-hover.svg") no-repeat center;
    background-size:35%;
    background-position:28px 15px;
    padding-bottom:18px;
    box-sizing:border-box;
}
.filter-wrap .img{
    width:30px;
}
.filter-wrap .img img{
    width:100%;
}
.filter-wrap .txt{
    font-size:12px;
    color:#000;
}
.filter-wrap:hover .hover{
    display:block;
}
.filter-wrap:hover .no-hover{
    display:none;
}
.filter-wrap:hover .txt{
    color:#25408F;
}
.grey-line{
    float:left;
    width:100%;
    height: 10px;
    background: #EFEFEF;
    
}
.smaller-title{
    float:left;
    width:100%;
    color:#000000;
    font-size:20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom:20px;
}
.all-films-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
.film-box{
    float:left;
    width:calc(50% - 10px);
    background: #000;
    border-radius:10px;
    display:flex;
    gap:20px;
    
}
.film-box .image-wrap{
    width:250px;
    float:left;
    flex-shrink:0;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    position:relative;
}
.film-box .image-wrap .image-box{
    float:left;
    width:100%;
    position:relative;
}
.film-box .image-wrap .image-box:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.film-box .image-wrap .image-box:hover:before{
    content:none;
}
.play-btn{
    position:absolute;
    top:20px;
    right:20px;
    width: 35px;
    height: 35px;
    background:#EF3A4A url("../img/play-btn-small.svg") no-repeat center;
    border-radius:100%;
    background-size:30%;
}
.film-box .image-wrap img{
    width:100%;
    float:left;
    flex-shrink:0;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.film-box .text-wrap{
    padding:20px 0px;
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;

    
}
.film-box .film-title{
    float:left;
    width:100%;
    color:#FFFFFF;
    font-size:20px;
    font-weight: 500;
    text-transform:uppercase;
    margin-bottom:10px;
}
.film-box .film-title:hover{
    color:#EF3A4A;
}
.film-box .premiere-ticket{
    background: #EF3A4A;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    color:#FFFFFF;
    font-weight: 400;
    font-size:12px;
    float:left;
    padding:10px 15px;
    width:60px;
    position:absolute;
    top: 20px;
    z-index:9;
    
    
}
.see-more-info {
    float:left;
    width:100%;
}
.see-more-info .see-info {
  font-size:12px;
  padding:10px 15px;
  border-radius:5px;
  color:#000;
  background: #fff; 
  border:1px solid #fff 
}
.see-more-info .see-info:hover {
    background: #000;
    color:#fff;
}
.bye-ticket {
    float:left;
    width:100%;
    color:#fff;
    font-size:12px;
    text-transform: uppercase;
}
.bottom-tickets-wrap {
    float:left;
    width:100%;
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.tickets-for {
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.date-boxes {
    display:flex;
    gap:10px;
}
.date-box {
    padding:5px 10px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    gap:3px;
    border:2px solid #000;
    border-radius:5px;
    justify-content:center;
}
.date-box.border-none {
    border:none;
    padding:0px;
}
.date-box.border-none:hover {
    background: #fff;
    border:none;
    
}
.date-box.border-none:hover span {
    color:#000;
}
.date-box:hover, .date-box.active {
    background: #000;
    border:2px solid #000;
}
.date-box:hover span, .date-box.active span {
    color: #fff;
}
.date-box span {
    color:#000;
    font-size:12px;
}
.date-box span.day {
    text-transform: uppercase;
}
.tickets-for .bye-ticket.black {
    color:#000;
}
.hours-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:3px;
    flex-wrap:wrap;
}
.hours-wrap .hour-box{
    padding:10px;
    box-sizing:border-box;
    padding-left:30px;
    color:#FFFFFF;
    font-size:14px;
    font-weight: bold;
    position:relative;
    border: 2px solid #FFFFFF;
    border-radius:5px;
    opacity:0.6;
}
.hours-wrap .hour-box:before{
    position:absolute;
    content:"";
    left:3px;
    top:7px;
    width:20px;
    height: 20px;
    background: url("../img/hour-img.svg") no-repeat center;
    background-size:100%;
}
.hours-wrap .hour-box:hover{
    opacity:1;
}
.black-background{
    float:left;
    width:100%;
    background: #000;
    padding:30px 0px;
    box-sizing:border-box;
}
.tabs{
    float:left;
    width:100%;
}
#tabs-nav{
    padding-left:0px;
    width:100%;
    display:flex;
    box-sizing:border-box;
    display:flex;
    margin-bottom:30px;
}
#tabs-nav li{
    width:50%;
    border-bottom: 4px solid #EFEFEF;
    padding-bottom:13px;
    box-sizing:border-box;

}
#tabs-nav li.active{
    border-bottom:4px solid #EF3A4A; 
}
#tabs-nav li a{
    float:left;
    width:100%;
    text-align: center;
    color:#FFFFFF;
    font-size:32px;
    font-weight: 700;
    text-transform: uppercase;
}
.smaller-film-box{
    background: #fff;
    border-radius:10px;
    width:calc(25% - 15px);
}
.smaller-film-box .image-wrap{
    position:relative;
}
.smaller-film-box .image-wrap .image-box{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float:left;
    width:100%;
    position:relative;
}
.smaller-film-box .image-wrap .image-box:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.smaller-film-box .image-wrap .image-box:hover:before{
    content:none;
}
.smaller-film-box .image-wrap img{
    float:left;
    width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.smaller-film-box .premiere-ticket{
    float:left;
    width:100%;
    padding:10px 0px;
    box-sizing:border-box;
    font-size:12px;
    color:#fff;
    background: #EF3A4A;
    text-align: center;
    margin-top:px;
    text-transform: uppercase;
}
.smaller-film-box .text-wrap{
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
    
}
.smaller-film-box .smaller-title{
     padding-left:10px;
     box-sizing:border-box;
     margin-top:10px;
     font-weight: 500;
     padding-right:10px;
     min-height: 50px;
     overflow: hidden;
     margin-bottom:10px;
}
.smaller-film-box .smaller-title:hover{
    color:#EF3A4A;
}
.bottom-left-right-info{
    float:left;
    width:100%;
    display:flex;
    padding:0 10px;
    box-sizing:border-box;
    gap:20px;
    padding-bottom:10px;
}
.bottom-left-right-info .left-part{
    width:50%;
}
.bottom-left-right-info .left-part span{
    font-size:12px;
    float:left;
}
.bottom-left-right-info .left-part span:first-child{
    font-weight: 700;
    font-size:12px;
    text-transform: uppercase;
    width:100%;
    float:left;
}
.bottom-left-right-info .right-part{
    width:50%;
}
.bottom-left-right-info .right-part .buy-ticket{
   width:130px;
   color: #EF3A4A;
   font-size:14px;
   height: 35px;
   line-height: 35px;
}
.bottom-left-right-info .right-part .buy-ticket:hover{
    color:#fff;
}
.more-banners{
    float:left;
    width:100%;
    display:flex;
    gap:60px
}
.more-banners .small-banner{
    background:#D9D9D9 ;
    height: 280px;
    width:calc(33% - 20px);
}
.big-banner{
    float:left;
    width:100%;
}
.big-banner img{
    float:left;
    width:100%;
}
.all-films{
    float:left;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.all-films .smaller-film-box{
    background: #000;
}
.all-films .smaller-film-box .smaller-title{
    color:#fff;
    height: 50px;
    overflow: hidden;
}
.all-films .smaller-film-box .bye-ticket.black {
    color:#fff;
}
.all-films .smaller-film-box .date-box span {
    color:#fff;
}
.all-films .smaller-film-box .date-box.border-none {
    border:none;
    
}
.all-films .smaller-film-box .info-boxes .info {
    border:1px solid #fff;
    color:#fff;
}
.all-films .smaller-film-box .date-box.border-none:hover {
    background: #000;
}
.all-films .smaller-film-box .date-box {
    border:2px solid #fff;
    
}
.bottom-film-box{
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
    padding:0 10px;
    box-sizing:border-box;
    padding-bottom:15px;
    gap:15px;
}
.info-boxes .info{
    color:#000;
    border:1px solid #000;
}
.black-background .bott-info .info-film {
    color:#000;
}
.black-background .bott-info {
    flex-wrap:wrap;
    gap:5px;
}
.black-background .bott-info .info-film {
    width:100%;
}
.bottom-film-box .buy-ticket{
    float:left;
    width:calc(100% - 4px);
    background: #EF3A4A;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size:14px;
}
.bottom-film-box .buy-ticket:hover{
    border:2px solid #EF3A4A;
    background: #000;
}
.info-boxes{
    float:left;
    width:100%;
    display:flex;
    gap:10px;
}
.path{
    float:left;
    width: 100%;
    background:#EFEFEF ;
    padding:20px 0px;
    box-sizing:border-box;
}
.path .path-link{
    float:left;
    color:#AAAAAA;
    font-size:14px;
    position:relative;
    padding-right:20px;
    box-sizing:border-box;
}
.path .path-link:hover, .path .path-link.active{
    color:#EF3A4A;
}
.path .path-link:after{
    position:absolute;
    content: "/";
    color:#AAAAAA;
    width:5px;
    height: 10px;
    right:8px;
}
.path .path-link:last-child:after{
    content:none;
}
.smaller-site-wrap{
    width:1060px;
    margin:0 auto;
}
.top-view-info{
    float:left;
    width:100%;
    display:flex;
    justify-content: space-between;
}
.title-box{
    display:flex;
    border:3px solid #fff;
    border-radius:10px;
    align-items: center;
    padding: 20px;
    gap: 50px;
    margin-top:-30px;
    background: #000;
    z-index:99;
    flex-wrap:wrap;
}
.title-box .buy-ticket{
    background: #EF3A4A;
    color:#fff;
    height: 50px;
    border:2px solid #EF3A4A;
    box-sizing:border-box;
}
.title-box .buy-ticket:hover{
    background: #000;
    border:2px solid #EF3A4A;
    color: #EF3A4A;
    box-sizing:border-box;
}
.title-box .title{
    color:#fff;
    font-size:32px;
    font-weight: 700;
}
.back-to{
   color:#FFFFFF;
   font-size:20px;
   font-weight: 400;
   text-transform:uppercase;
   padding-left:25px;
   box-sizing:border-box;
   position:relative;
   margin-top:10px; 
}
.back-to:before{
    position:absolute;
    content:"";
    left:0;
    top:2px;
    width:15px;
    height: 20px;
    background:url("../img/back-to.svg") no-repeat center;
    background-size:100%;
}
.info-boxes span{
    color:#fff;
    font-size:10px;
}
.film-info-top{
    float:left;
    width:70%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:20px;
    margin-bottom:20px;
}
.info-row{
    float:left;
    padding-left:25px;
    box-sizing:border-box;
    color:#fff;
    font-size:14px;
    width:45%;
    position:relative;
}
.info-row:before{
    position:absolute;
    content:"";
    width:20px;
    height: 20px;
    top:-2px;
    left:0px;
}
.info-row.row1:before{
    background: url("../img/film-icon1.svg") no-repeat center;
    background-size:100%;;
}
.info-row.row2:before{
    background: url("../img/film-icon2.svg") no-repeat center;
    background-size:100%;;
}
.film-info-bottom{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    flex-direction:column;
}
.film-info-bottom .film-info-row{
    float:left;
    width:100%;
    color:#fff;
    display:flex;
    gap:20px;
}
.film-info-bottom .film-info-row span{
    font-weight: bold;
    border-bottom:2px solid #EF3A4A;
}
.news-btn{
    float:left;
    border:2px solid #EF3A4A;
    min-height: 50px;
    color:#fff;
    font-size:15px;
    text-transform:uppercase;
    font-weight: 800;
    border-radius:30px;
    padding: 0 30px;
    box-sizing:border-box;
    position:relative;
    line-height: 50px;
    padding-left:50px;
    
    
}
.news-btn:hover{
    background:#EF3A4A ;
}
.news-btn:before{
    position: absolute;    
    content:"";
    left:25px;
    top:15px;
    width:15px;
    height: 20px;
    background: url("../img/news-icon.svg") no-repeat center;
    background-size:100%;
}
.descr-wrap{
    float:left;
    width:100%;
}
.descr-wrap p{
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    line-height: 18px;
}
.black-background .title-wrap span{
    background: #000;
    color:#fff;
}
.black-background .title-wrap:after{
    background: #fff;
}
.comming-soon{
    float:left;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.more-info{
    float:left;
    width:100%;
    margin-top:40px;
}
.more-info span.bold{
    font-size:20px;
    text-transform:uppercase;
    float:left;
    width:100%;
    margin-bottom:15px;
}
.more-info-film{
    float:left;
    width:100%;
    display:flex;
    gap:8px;
    align-items:center;
}
.more-info-film span.up{
    text-transform: uppercase;
    font-size: 20px;
}
.more-info .hours-wrap{
    margin-bottom:20px;
    margin-top:20px;
}
.more-info .hours-wrap .hour-box{
    background:#25408F;
    color:#fff;
    opacity:1;
    border-radius:5px;
}
.more-info .hours-wrap .hour-box:hover{
    background: #EF3A4A;
}
.more-info .hours-wrap .hour-box.no-active{
    background: #AAAAAA;
}
.video-box{
    float:left;
    width:100%;
    position:relative;
}
.video-box:before{
    position:absolute;
    content:"";
    width:100px;
    height: 100px;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background:url("../img/play-d.svg") no-repeat center;
    background-size:30%;
    border:3px solid #fff;
    border-radius:100%;
}
.video-box img{
    float:left;
    width:100%;
}
.filters{
    float:left;
    width:100%;
    background: #EFEFEF;
    padding:20px 0px;
    box-sizing:border-box;
    padding-top:30px;
    display:none;
    
}
.filters.active{
    display:block;
}
.filters-oppened{
    float:left;
    width:100%;
    display:flex;
    gap:15px;
    align-items:center;
}
.filters-oppened span{
    font-size:20px;
    text-transform:uppercase;
}
.filters-btns{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
}
.filters-btns .filter-btn{
   padding:10px 15px;
   box-sizing:border-box;
   border:2px solid #EF3A4A;
   border-radius:5px;
   color:#000000;
   font-size:14px;
   text-align:center;
    
}
.filters-btns .filter-btn:hover, .filters-btns .filter-btn.active{
    background: #25408F;
    border:2px solid #25408F;
    color:#fff;
}
.steps-wrap{
    float:left;
    width:100%;
}
.steps{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
}
.aside-part{
   width:300px;
   border:1px solid #EFEFEF;
   border-radius:5px;
   padding:15px;
   box-sizing:border-box;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); 
}
.aside-part .info-order{
    float:left;
    width:100%;
    padding-bottom:10px;
    box-sizing:border-box;
    color:#000000;
    font-size:14px;
    font-weight: 700;
    border-bottom:4px solid #EF3A4A;
    margin-bottom:15px;
    text-transform: uppercase;
}
.aside-part .title-order, .aside-part .date-order, .aside-part .place-order{
    float:left;
    width:100%;
    color:#000;
    font-size:14px;
    margin-bottom:15px;
}
.content-steps{
    float:left;
    width:calc(100% - 300px);
}
.content-steps .tabs{
    float:left;
    width:100%;
}
.content-steps .tabs-nav{
    padding-left:0px;
    list-style: none;
    display: flex;
    width:100%;
    gap:1px;
    margin-top:0px;
}
.content-steps .tabs-nav .tab-link{
     background: #EFEFEF;
     color:#000;
     font-size:14px;
     text-transform:uppercase;
     position:relative;
     text-align: center;
     width:25%;
     width:33.333%;
     min-height:35px ;
     line-height: 35px;
     
}
.content-steps .tabs-nav .tab-link:first-child{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.content-steps .tabs-nav .tab-link:last-child{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.content-steps .tabs-nav .tab-link.active, .content-steps .tabs-nav li.active{
     background: #EF3A4A;
}
/*.content-steps .tabs-nav .tab-link:hover{*/
.content-steps .tabs-nav .tab-link.hover:hover {
     background: #EF3A4A;
}
.content-steps .tabs-nav .tab-link.active a{
    color:#fff;
}
/*.content-steps .tabs-nav .tab-link:hover a{*/
.content-steps .tabs-nav .tab-link.hover:hover a {
    color:#fff;
}
.content-steps .tabs-nav .tab-link a{
     color:#000;
     font-size:14px;
}
.content-steps .tabs-nav .tab-link:after{
    position:absolute;
    content:"";
    left:0;
    bottom:-8px;
    width:100%;
    height:5px;
    background: #EFEFEF;
}
.content-steps .tabs-nav .tab-link.active:after{
    background: #EF3A4A;
}
.content-steps .tabs-nav .tab-link:hover:after{
    background: #EF3A4A;
}
.tab-rows{
    float:left;
    width:100%;
}
.tab-row{
    float:left;
    width:100%;
    background: #EFEFEF;
    border-bottom:1px solid #fff;
    min-height: 60px;
    line-height: 60px;
    padding-left:10px;
    box-sizing:border-box;
}
.tab-row.top{
    background: #fff;       
    border-bottom:1px solid #EF3A4A;
}
.tab-row.top span{
   color:#000000;
   font-size:14px;
   text-transform: uppercase; 
}
.tab-row span{
    width:25%;
    float:left;
    font-size:14px;
    
}
.tab-row span .select2{
    width:100px !important;
    margin-top:10px;
}
.tab-row span.selection{
    width:100%;
}
.tab-row span.select2-selection{
    width:100%;
}
.tab-row span .select2-container--default .select2-selection--single{
    border:1px solid #EFEFEF;
    height: 40px !important;
}
.tab-row span .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px !important;
}
.tab-row span .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:7px !important;
}
.step-btns{
    float:left;
    width:100%;
    display: flex;
    gap:15px;
    justify-content:flex-end;
}
.step-btns .step{
   padding:13px 25px;
   box-sizing:border-box;
   color:#FFFFFF;
   font-size:12px;
   text-transform:uppercase;
   border-radius:30px;
   font-weight: 700;
    
}
.step-btns .step.back{
   background: #AAAAAA; 
}
.step-btns .step.next{
   background: #EF3A4A; 
}
.step-btns .step.next:hover, .step-btns .step.back:hover{
    background: #000;
}
.step-btns .step.next.disabled:hover, .step-btns .step.back.disabled:hover, .step-btns .step.next.disabled, .step-btns .step.back.disabled {
    background: #AAAAAA !important;
    cursor: default;
}
.tab-content{
    float:left;
    width:100%;
}
.news-wrap{
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:20px;
}
.news-box{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    align-items:center;
}
.news-box .left-news{
    float:left;
    width:50%;
}
.news-box .left-news a{
    float:left;
    width:100%;
    border-radius:10px;
    position:relative;
}
.news-box .left-news a:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.news-box .left-news a:hover:before{
    content:none;
}
.news-box .left-news img{
    float:left;
    width:100%;
    border-radius:10px;
}
.news-box .right-news{
    float:left;
    width:50%;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.news-box .right-news .top-news-part{
    float:left;
    width:100%;
    padding-bottom:20px;
    box-sizing:border-box;
    border-bottom:  4px solid #EF3A4A;
}
.news-box .right-news .news-title{
    float:left;
    width:100%;
    color:#000;
    font-size:32px;
    font-weight: 700;
    margin-bottom:10px;
}
.news-box .right-news .news-title:hover{
    color:#EF3A4A;
}
.news-box .right-news .news-date{
    float:left;
    width:100%;
    font-size:16px;
    font-weight: 400;
    color:#000;
}
.news-txt{
    float:left;
    width:100%;
    margin-top:20px;
}
.news-txt p{
    float:left;
    width:100%;
    color:#000;
    font-weight: 400;
    font-size:16px;
    line-height: 22px;
    
}
.share-btn{
   height: 50px;
   line-height: 10px;
   border:1px solid #000;
   border-radius:50px;
   padding:20px;
   padding-left:50px;
   box-sizing:border-box;
   position:relative;
   width:250px; 
   color:#000; 
}
.share-btn:hover{
  border:1px solid #EF3A4A;
  background: #EF3A4A;  
}
.share-btn:before{
    position:absolute;
    content:"";
    left:20px;
    top:15px;
    width:20px;
    height: 20px;
    background:url("../img/share-d.svg") no-repeat center;
    background-size:100%;
}
ul.pagination {
    float: left;
    width: 100%;
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 0px;
}
ul.pagination .page-item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid #EF3A4A;
    border-radius: 3px;
    justify-content: space-around;
}
ul.pagination .page-item .page-link {
    color: rgba(34, 34, 34, 1);
    font-size: 18px;
}
ul.pagination .page-item.active, ul.pagination .page-item:hover {
    background: #25408F;
    border: 1px solid #25408F;
}
ul.pagination .page-item.active .page-link, ul.pagination .page-item:hover .page-link {
    color:#fff; 
}
.news-view{
    float:left;
    width:100%;
}
.news-view .top-news-part{
  float: left;
    width: 100%;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 4px solid #EF3A4A;  
    margin-bottom:20px;
}
.news-view .news-title {
    float: left;
    width: 100%;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    
}
.news-view .news-date {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.big-image{
    float:left;
    width:100%;
    
}
.big-image img{
    float:left;
    width:100%;
    border-radius:10px;
}
.bottom-buttons{
    float:left;
    width:100%;
    margin-top:30px;
    display:flex;
    gap:20px;
}
.see-gall{
   width:250px;
   height: 50px;
   background: #EF3A4A;
   border-radius:50px;
   color:#fff;
   padding-left:30px;
   box-sizing:border-box;
   text-align: center;
   line-height: 50px;
   font-size:16px;
   position:relative; 
}
.see-gall:hover{
    background: #000;
}
.see-gall:before{
    position: absolute;
    content: "";
    left: 20px;
    top: 12px;
    width: 25px;
    height: 25px;
    background: url(../img/see-gall.svg) no-repeat center;
    background-size: 100%;
}
.more-news-title{
    float:left;
    width:100%;
    font-size:32px;
    color:#fff;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom:20px;
    box-sizing:border-box;
    border-bottom: 4px solid #EF3A4A;
    margin-bottom:20px;
    
}
.more-news-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
}
.more-news-box{
    float:left;
    width:calc(33.33% - 13px);
    display:flex;
    flex-direction:column;
}
.more-news-box .img{
    float:left;
    width:100%;
    position:relative;
    border-radius:10px;
}
.more-news-box .img:before{
   position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}
.more-news-box .img:hover:before{
    content:none;
}
.more-news-box .img img{
    float:left;
    width:100%;
    border-radius:10px;
}
.more-news-box .news-title{
    float:left;
    width:100%;
    font-size:32px;
    font-weight: 700;
    line-height: 37px;
    color:#000;
    text-transform: uppercase;
    margin-top:15px;
    margin-bottom:15px;
    color:#fff;
    
}
.more-news-box .news-title:hover{
    color: #EF3A4A;
}
.more-news-box .news-date{
   float:left;
   width:100%;
   color:#fff; 
}
.see-more{
    float:left;
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background:#EF3A4A ;
    border:1px solid #EF3A4A ;
    border-radius:50px;
    color:#FFFFFF;
    font-size:15px;
    text-transform: uppercase;
    margin-top:20px;  
    
}
.see-more:hover{
    background: #000;
}
.all-promotion-wrap{
    float:left;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.promotion-box{
    float:left;
    width:calc(33.33% - 20px);
    display:flex;
    flex-direction:column;
    gap:20px;
}
.promotion-box .img{
    float:left;
    width:100%;
    border-radius:10px;
    position:relative;
}
.promotion-box .img img{
    float:left;
    width:100%;
    border-radius:10px;
}
.promotion-box .img:before{
   position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}
.promotion-box .img:hover:before{
    content:none;
}
.promotion-box .title{
   float:left;
   width:100%;
   color:#000000;
   font-size:32px;
   font-weight: 700;
   line-height: 37px; 
   text-transform:uppercase;
   min-height: 115px;
}
.promotion-box .title:hover{
    color:#EF3A4A;  
}
.promotion-box .see-more{
    margin-top:0px;
    border:2px solid #EF3A4A;
}
.promotion-box .see-more:hover{
    background:#fff;
    color:#000;
}
.maps-wrap{
    float:left;
    width:100%;
}
.maps-wrap .map{
    float:left;
    width:100%;
}
.maps-wrap .map img{
    float:left;
    width:100%;
}
.small-site-wrap .title.red-border, .inputs-wrap .title.red-border{
    border-bottom: 4px solid  #EF3A4A;
    text-align: left;
}
.small-site-wrap .title.red-border span, inputs-wrap .title.red-border span{
    text-align:left;
}
.register-inputs .inp-hld.w100{
    width:100%;
}
.register-inputs .inp-hld.w100 textarea{
    float:left;
    width:100%;
    min-height: 280px;
    border:1px solid #EFEFEF;
    border-radius:5px;
    box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.30);
    padding:10px;
    box-sizing:border-box;
    
}
.profile-inputs.contacts .submit{
    width:50%;
    float:none;
}
.left-screen-part{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
}
.screen-info{
    float:left;
    display:flex;
    gap:5px;
    align-items:center;
}
.screen-info .info-place{
    width: 28px;
    height: 28px;
    border-radius:3px;
}
.screen-info .info-place.grey{
   background: #D9D9D9; 
}
.screen-info .info-place.blue{
   background: #00AEF8; 
}
.screen-info .info-place.red{
   background: #EF3A4A; 
}
.screen-info .decr-place{
    font-size:11px;
    color:#000;
}
.info-container {
    width:700px;
    margin:0 auto;
}
.style-input {
    display:flex;
    flex-direction:column;
}
.tab-row.style-input {
    line-height: 35px;
    padding: 8px;
    box-sizing:border-box;
}
.tab-row.style-input input {
    padding-left:12px;
    box-sizing:border-box;
    width:100%;
    float:left;
    border:none;
    height: 45px;
    line-height: 45px;
    box-shadow: 0 0 0 1px #c2c9d1;
    border-radius:8px; 
}
.tab-row.style-input span {
    width:100%;
}
.top-part {
    float:left;
    width:100%;
    margin-top:30px;
    margin-bottom:10px;
    font-size:18px;
    font-weight: bold;
}
.info-container .tab-row {
    background: none;
    padding-left:0px;
}
.smaller-steps-btns {
    width:700px;
    margin:0 auto;
}

.hours-wrap .hour-box.with-label {
    padding: 5px 10px 5px 30px;
}
.hours-wrap .hour-box.with-label > span {
    font-size: 10px;
}
.hours-wrap .with-label.hour-box:before {
    top: 12px;
}
.date-boxes .luxe.date-box { position: relative; }
.hours-wrap .luxe.hour-box:after {
    position:absolute;
    content:"";
    right: -5px;
    top: -15px;
    width: 40px;
    height: 20px;
    background: url("../img/luxe.png") no-repeat center;
    background-size:100%;
    background-color: #000;
}
.date-boxes .luxe.date-box:after {
    position:absolute;
    content:"";
    right: -5px;
    top: -15px;
    width: 30px;
    height: 20px;
    background: url("../img/luxe.png") no-repeat center;
    background-size:100%;
    background-color: #000;
}

#filter-holder-wrap {
    min-height: 270px;
}
#filter-holder-wrap h3.not-result {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 22px;
    padding-top: 20px;
    color: #EF3A4A;
}
.play-btn-swiper {
    top: 50%;
    right: 50%;
    width: 60px;
    height: 60px;
    opacity: 0.4;
}
.play-btn-swiper:hover {
    opacity: 1;
}