@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Kufi+Arabic:wght@100..900&display=swap');
@import url('bootstrap.css');
@import url('bootstrap-icons/font/bootstrap-icons.css');

body{
	background-color:#000;
	font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;
	caret-color: transparent;
}




/* Miscs */

a {
  text-decoration: none;
}

#main-nav {
  z-index: 9;
  padding-top: 20px;
  padding-bottom: 20px;
}

#reservation-app-screen {text-align: center;}
#reservation-app-screen img {width: {{ $order['hall']->hall_cols*27 }}px;margin-top:20px;margin-bottom:20px;}

#reservation-app-hall {
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	overflow: scroll;
}
.reservation-app-hall-row {
	display: flex;
	margin: 2px auto;
	overflow: scroll;
	width: auto;
	flex-direction: row;
}
.reservation-app-grid-element {
	display: grid;
	width: 27px;
	height: 27px;
	margin: 2px;
	border-radius: 27px;
	color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    font-weight: bold;
	rotate: 180deg;
}

@media only screen and (max-width: 640px) {
#reservation-app-screen img {width: 100%;}
.reservation-app-grid-element {width: 23px;height: 23px;font-size: 10px;line-height: 13px;}
  }
  
.seatIMAXStandard{border: 3px solid #fff;cursor: pointer;}
.seatIMAXDeluxe{border: 3px solid #3e5fb0;cursor: pointer;}
.seatStandard{border: 3px solid #fff;cursor: pointer;}
.seatDeluxe{border: 3px solid #3e5fb0;cursor: pointer;}
.seatScreenX{border: 3px solid #fff;cursor: pointer;}
.seatPremiere{border: 3px solid #3e5fb0;cursor: pointer;}
.seatOccupied{background: #959595;font-size: 0px;}
.seatSelected{background: #ff6335;cursor: pointer;}
.seatHold{background: #00534C;font-size: 0px;border: 0px;}
.seatSeatRowTitle {color: #959595;}


.whiteColor{color:#fff !important;}

.xx .showtimes ul li a{box-shadow: 0 0 3px #fff;transition: box-shadow .5s linear;min-width:100px;width: auto;display: block;text-align: center;font-weight: bold;font-weight: 300;color:#fff;text-decoration: none;font-size:14px;border: 1px solid rgba(242, 242, 242, 1);margin-right: 5px;padding: 5px;border-radius: 5px;}
.xx .showtimes ul li a:hover{border: 1px solid #00534C;background-color:#00534C;}

.universal_button {
  background-color: #000;
  border:1px solid #000;
  transition: box-shadow .5s linear;
  font-weight: bold;
  font-size:14px;
  margin-right:10px;
  text-transform: uppercase;
  border-radius: 5px;
  color: #fff;
  padding-right: 33px;
  padding-left: 33px;
  padding: 8px;
  min-width: 175px;
  display: inline-block;
  text-align: center;
}

.universal_button.borderwhite {border: 1px solid #fff;}
.universal_button.nextrelse {width: 100%;margin-top: 50px;}
.universal_button.fw {width: 100%;}
.universal_button.tailcolor {background-color:#00534C;border: 1px solid #00534C;}
.universal_button.dangercolor {background-color:red;border: 1px solid red;color:#fff;}

.universal_button:hover {
   box-shadow: 0 0 10px #fff;
   text-shadow: rgba(255,255,255,1) 0px 0px 10px;
}

// 

.login_mobile{display:none;}

.glxp{cursor: pointer;}
.divider{background-color: #2b2a2a;height: 1px; width:100%; display:block;}
.sliderSpace{margin-top:15px;}
.bg-dark {background-color:#101013 !important;}
.nm{display:none;}
 /* .navgitor{background: linear-gradient(110deg,transparent 57%,#0d0d0d 0) 50% 50%/cover no-repeat;} */
.navgitor{}
/* Header */
.glxhead {
	background-image: url('../img/glxhead2.png');
	background-size: 100%;
}
.glxhead .logo{width:135px;}
.glxhead .navbar-brand {margin-right: 50px;}
.glxhead .nav-link {transition: text-shadow .5s linear;font-weight: 600;letter-spacing: 0.7px;font-size: 13px;color: #fff;margin-left: 10px;  text-transform: uppercase;}
.glxhead .nav-link:hover {text-shadow: rgba(255,255,255,1) 0px 0px 10px; }
.glxhead .glxaccess img{width:44px;}

.glxhead.movie_theme{


}

.glxhead.booking_theme{

}

.glxhead.custom_page{

}







/* Fotter */
.glxfoot{}
.glxfoot .logo{width:75px;}
.glxfoot .fotterleft{font-weight: 600;font-size: 14px;color: #fff;text-transform: capitalize;}
.glxfoot .fotterright{text-align:right}
.glxfoot .glxsocial{text-align:left}
.glxfoot .glxsocial a i {color:#5c5c5c;font-size:18px;margin-right: 5px;}
.glxfoot .glxsocial a:hover i {color:#fff;}
.glxfoot .glxnav ul{list-style:none;display: flex;justify-content: center;}
.glxfoot .glxnav ul > li {margin-left: 30px;}
.glxfoot .glxnav ul > li > a {font-weight: 600;font-size: 15px;color: #fff;}
.glxfoot .glxnav ul > li > a:hover {}
.glxfoot .gapp{width:100px;}
 
 
 .glxHidden{display:none;}
 
/* Slider */
.glxslider {padding-top: 0px;}
.glxslider .swiper {width: 100%;}
.glxslider .swiper .swiper-slide img{width: 100%;border-radius: 10px;}
.glxslider .mySwiper .swiper-slide {width: 100%;margin-bottom: 5px;overflow: hidden;margin-right: 10px;border-radius: 5px;}
.glxslider .mySwiper .swiper-slide.swiper-slide-thumb-active {transition: box-shadow .5s linear;text-shadow: rgba(255,255,255,1) 0px 0px 10px;}
.glxslider .mySwiper .swiper-slide img{width: 60px;height: 85px;}
.glxslider .mySwiper .swiper-slide.swiper-slide-thumb-active img{}
.glxslider .mySwiper .swiper-slide .thumbstext {display: inline;color: #fff;font-size: 11px;font-weight: bold;text-transform: uppercase;}
.glxslider .mySwiper .swiper-slide.swiper-slide-thumb-active .thumbstext {color: #fff;}

.mySwiper.swiper-vertical > .swiper-wrapper {
  flex-direction: row;
}

.mixmode {
	text-align: center;
	background-color: #00534C;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
}
 
.mySwiper {
  width: 19.5%;
  margin-top: 60px;
  max-height: 88px;
  @media (min-width: $breakpoint) {
    width: 20%;
    height: 100vh;
    padding: 0;
  }
  .swiper-wrapper {
    flex-direction: row;
    @media (min-width: $breakpoint) {
      flex-direction: row;
    }
  }
  .swiper-slide {
    width: 25%;
    flex-flow: row nowrap;
    @media (min-width: $breakpoint) {
      flex-flow: column nowrap;
      width: 100%;
    }
    height: 100%;
    opacity: 0.25;
    cursor: pointer;
  }
  .swiper-slide-thumb-active {
    opacity: 1;
  }
}

.glxslider .swiper-slide.spm {height: 444px;background-size: 100% !important;background-repeat: no-repeat !important;}
.glxslider .swiper-slide.spm .slidermv {position: absolute;bottom: 50px;margin-left: 15px;z-index: 99999;}
.glxslider .swiper-slide.spm .slidermv .title {color: #fff;font-family: 'Lexend', 'Noto Kufi Arabic',sans-serif;text-transform: uppercase;font-size: 24px;font-weight: bold;
  letter-spacing: .1675em;}
.glxslider .swiper-slide.spm .slidermv .genere {color: #fff;font-size: 13px;font-weight: bold;text-transform: uppercase;}
.glxslider .swiper-slide.spm .slidermv .desc {font-size: 14px;   color: #fff;   display: block;   width: 75%;   line-height: 25px;}
.glxslider .swiper-slide.spm .slidermv .controls{margin-top: 20px;}

.glxslider .swiper-slide.spm::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0; 
	left: 0;
	content: "";
	background: linear-gradient(180deg,transparent 0,#000 90%) repeat-x bottom;
	background-size: 5px 340px;
}
.glx_section_head h1{position: relative;margin-top:30px;color:#fff;font-size: 22px;margin-bottom:30px;font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;font-weight: bold;text-transform: uppercase;}

.glx_section_head h1:before{

}

.glxmovieitem {border-radius: 5px;opacity: 0;background-size: 100% 100%;height: 300px;width: 200px;cursor: pointer;max-width: 200px;padding: 0px;margin-bottom: 30px;margin-right: 15px;}

.glxmovieitem__description {
	text-align: center;
	position: relative;
	width: 200px;
	height: 300px;
	background: rgba(9, 9, 9, 0.72);
	font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;
	color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	 visibility: hidden;
     opacity: 0; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 150px;
	font-size:14px;
}


.glxmovieitem:hover .glxmovieitem__description {visibility: visible;opacity: 1;}
.glxmovieitem__description a{color: #fff;}
.linkbtn {font-size: 14px;text-decoration: none;color: #fff;border-radius: 5px;padding: 5px;padding-right: 20px;padding-left: 20px;background: #000;display: block;margin-top: 15px;}
.linkbtn.adv{font-size: 12px;}

.glxmovierateScreenX {
	text-align: center;
}

.glxmovierateScreenX .sp3 {
	text-align: center;
}


/* .glxmovieitem:hover {border-top: 3px solid #000;border-bottom: 3px solid #000;} */

.glxmovierate {text-align: right;}
.glxmovierate span {
	opacity: 0.9;
	padding: 8px;
	border-radius: 150px;
	font-size: 12px;
	backdrop-filter: blur(4px);
	width: 42px;
	height: 42px;
	display: block;
	margin-right: 2px;
	text-align: center;
	margin-top: 2px;
	top: 5px;
	position: absolute;
	right: 5px;
	border: 3px solid #000;
	font-weight: bold;
	background-color: #080808;
	
}
.glxmovierate span.sp1 {color: #fff;}
.glxmovierate span.sp2 {color: #fff;}
.glxmovierate span.sp3 {color: #fff;}
.glxmovierate span.sp4 {color: #fff;}
.glxmovierate span.sp5 {color: #fff;}

.abv {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 241px;
	overflow: hidden;
	font-size: 13px;
	height: 35px;
	color: #000;
	backdrop-filter: blur(5px);
	padding-top: 8px;
	border-radius: 9px;
	font-weight: bold;
	display: none;
	
}

.footer-logo {
	text-align: center;
	padding: 4em 0;
	
	border-top: 1px solid #222;
}
.footer-copyright {
padding-top:10px;
}

.footer-copyright {
	color: #777;
	border-top: 1px solid #222;
}

.back-to-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	z-index: 2;
	background: #000;
	border: 0;
	padding: 0;
	opacity: 1;
	visibility: hidden;
	transition: opacity .5s,visibility .5s;
	border: 2px solid #fff
}

.back-to-top.show {
	visibility: visible;
}

.placeholder{overflow: hidden;position: absolute;height: 300px;width: 200px !important;}

/* Movie Page */

.movie_information{padding-top:25px;}
.movie_information .movie_image{height:300px;}
.movie_data {padding-left:50px;}
.movie_data h1{color:#fff;font-size: 20px;font-weight: 800;margin-bottom:10px;text-transform: uppercase;letter-spacing: .1675em;}
.movie_data h2{color:#fff;font-size: 12px;font-weight: 500;margin-bottom:10px;text-transform: uppercase;}
.movie_data .movie_basis span{color:#fff;margin-right:10px;font-size: 14px;}
.movie_data p{color:#fff;font-size: 14px;margin-top:7px;}
.movie_data .trailer img{width:30px;}
.glxDaysList { }
.glxDaysList ul{  padding-bottom: 15px; padding: 0;  margin: 0;  display: flex;  justify-content: left;  margin-bottom: 5px;  list-style: none;  overflow: scroll; background-color: #000; }
.glxDaysList ul li {  color: #fff;  padding: 2px 37px 2px 37px;  cursor: pointer;color:#000;}
.glxDaysList ul li:hover {border: 1px solid rgba(61, 218, 204, 1);color:#3DDACC;}
.glxDaysList ul li.active {
border: 1px solid rgba(61, 218, 204, 1);
box-shadow: 19px 4px 131.9px 18px rgba(0, 0, 0, 0.13);
color:#3DDACC; 
}

.glxDaysList ul a li {
	text-decoration: none;
	padding: 22px;
	background: linear-gradient(99.65deg, rgba(95, 95, 95, 0.1) 8.76%, rgba(146, 148, 148, 0.1) 56.69%, rgba(95, 95, 95, 0.1) 98.75%);
	box-shadow: 19px 4px 131.9px 18px rgba(0, 0, 0, 0.13);
	margin-left: 5px;
	border-radius: 10px;
}

.glxDaysList ul a li span.daysm{color: #979797;display: block;text-align: center;font-size: 12px;text-transform: uppercase;font-weight: bold;line-height: 4px;}
.glxDaysList ul a li span.daylg {
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 17px;
	font-weight: 800;
	color: #fff;
}
.glxDaysList ul li.active >  span.daysm{color: #3DDACC;}
.glxDaysList ul li.active >  span.daylg{color: #3DDACC;}
.todaydate{}
.program_header {
	background-color: #1c1a1a;
	color: #000;
	height: 40px;
	width: 100%;
	border-radius: 5px;
	padding: 7px;
	font-size: 15px;
	text-align: left; 
}

.program_item{
	margin-top:30px;
	font-size: 18px;
	margin-bottom:50px;
	color: #fff;
    font-weight: 800;
	text-transform: uppercase;
	background-color: #24242473;
  border-radius: 5px;
  padding: 20px;
}
.program_showtimes .showtimes ul {
	padding: 0px;
	list-style: none;
	display: block;
	width:100%;
	margin-top: 0px;
}
.program_showtimes .showtimes ul li {float: left;margin-bottom: 15px;}
.program_showtimes .showtimes ul li a{transition: box-shadow .5s linear;min-width:100px;width: auto;display: block;text-align: center;font-weight: bold;font-weight: 600;color:#fff;text-decoration: none;font-size:14px;border: 2px solid #666666;margin-right: 5px;padding: 5px;border-radius: 24px;}
.program_showtimes .showtimes ul li a:hover{box-shadow: 0 0 10px #fff;border: 1px solid #00534C;background-color:#00534C;}

.program_showtimes .showtimes ul li a > span.tech3d {color:#fff;font-weight: bold;}
.program_showtimes .showtimes ul li a:hover > span.tech3d {color:#fff;font-weight: bold;}
.program_showtimes .showtimes ul li a.vip > span.tech3d {color:#fff;font-weight: bold;}
.program_showtimes .showtimes ul li a.selected{background-color:#00534C;}
.program_showtimes .showtimes ul li a.vip:hover > span.tech3d {color:#fff;font-weight: bold;}
.program_showtimes .showtimes ul li a.imax > span.tech3d {color:#fff;font-weight: bold;}
.program_showtimes .showtimes ul li a.imax:hover > span.tech3d {color:#fff;font-weight: bold;}

.program_showtimes .showtimes ul li a.showtime_disable {
	border: 1px solid #3b3b3b;
	color: #fff;
	background-color: #494949;
	font-weight: bold;
	opacity: 0.4;
}

.ex_stand{font-size: 15px; margin-bottom:9px;display: block;font-weight: bold;margin-left:5px;}
.ex_vip{ font-size: 15px;color:#fff;margin-bottom:9px;display: block;font-weight: bold;margin-left:5px;}
.ex_imax{font-size: 15px;color:#fff;margin-bottom:9px;display: block;font-weight: bold;margin-left:5px;}
.ex_screenx{font-size: 15px;color:#fff;margin-bottom:9px;display: block;font-weight: bold;margin-left:5px;}
.ex_stand_content {margin-bottom: 35px;}
.ex_vip_content {margin-bottom: 35px;}
.ex_imax_content {margin-bottom: 35px;}

.title_booking{padding-top:25px;}
.title_booking h1{color:#fff;font-size: 30px;font-weight: 800;margin-bottom:10px;text-transform: uppercase;}

.custom_page > .title_booking {
	font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;
}

.countdown{float: right;margin-top: -47px;color: #fff;}
.countdown-row.countdown-amount {color: #fff;font-size: 20px;}

.countdown .bi.bi-stopwatch {
	position: absolute;
	margin-left: -23px;
	font-size: 21px;
	margin-top: 7px;
}

.checkout {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-color: #000;
	z-index: 9999;
	color: #fff;
	opacity: 0.95;
	border-top: 1px solid #2f2f2f;
}

.vaction {
	text-decoration: none;
	color: #fff;
	background-color: #000;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	display: block;
	text-align: center;
	float: right;
	border:0px;
}

.checkout h5 {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}
.checkout h5 i.bi{color:#fff}

.userinfo{color: #171717;padding: 25px;border-radius: 5px;margin-top:10px;}

.userinfoalert {
	text-align: center;
	font-weight: 600;
	color: #000;
	font-size: 12px;
}

.userinfopay {
	max-width: 100%;
	margin: 0 auto;
	text-align: center !important;
	width: 200px;
	display: block;
	margin-bottom: 15px;
}

.userinfo span.lable {display: block;font-weight: bold;font-size: 14px;text-transform: uppercase;}
.userinfo input {
	width: 100%;
	height: 35px;
	border-radius: 7px;
	margin-top: 0px;
	border: 2px solid #171717;
	color: #171717;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
}

#booking_data_ajax{min-height:100vh;}

.success-tickets {
	background-color: #fff;
	width: 75%;
	min-height: 250px;
	margin: 25px auto;
	border-radius: 8px;
}

.success-tickets .mposter img{border-radius: 5px 0px 0px 5px;}
.success-tickets .orange{display:block;color:#000;font-weight: bold;}

.terms h4{font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;text-transform: uppercase;font-size: 14px;}
.terms ul{padding-left: 12px;}
.terms ul li{font-size: 13px;margin-bottom: 5px;}
.terms p{margin: 0px;font-weight: bold;font-size: 13px;}

#RulesModelterms p{font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;margin: 0px;}

#osummery h5 {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}

#osummery h4 {
	color: #fff;
}


.pls{font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;text-transform: uppercase;font-size: 14px;}


.auth {
	padding: 15px;
}
.auth  a{text-transform: uppercase;color: rgba(54, 51, 51, 1);font-size:12px;font-weight: 600;}
.auth  a:hover{color: #00534C;}
.auth  a.linkbtn {color: #fff;text-transform: uppercase;text-transform: uppercase;}
.auth input{
border: 1px solid rgba(185, 184, 184, 1)
}
.auth .title{font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;font-size:20px;color: rgba(54, 51, 51, 1);text-align: center;color: #000;text-transform: uppercase;font-weight: bold;}
.auth .form-label{font-size:14px;color: rgba(54, 51, 51, 1);font-weight: 800;text-transform: uppercase;}

.n1{margin-top:35px;font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;font-size:26px;color:#fff;}


.n2 , .n3  , .n4 , .n5 , .n6 {color:#fff;font-size:15px;padding: 7px;}

.movie_data p > span {text-transform: uppercase;font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;font-size: 15px;display: block;font-weight: bold;}
.btlcompose{padding-bottom: 20px;position: relative;}
.btlcomposetit {text-transform: uppercase;font-family: 'Montserrat', 'Noto Kufi Arabic',sans-serif;font-size: 21px;text-align: center;margin-top: 25px;color:#fff;position: relative;}

  .ajax-loader-block {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            z-index: 99999;
            display: block;
        }

            .ajax-loader-block figure {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 60px;
                margin: -25px 0 0 -24px;
            }

                .ajax-loader-block figure img {
                    -webkit-animation: rotation 1s infinite linear;
                    -moz-animation: rotation 1s infinite linear;
                    -ms-animation: rotation 1s infinite linear;
                    -o-animation: rotation 1s infinite linear;
                    animation: rotation 1s infinite linear;
                }

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}

.cover_image{display:none;}

.mscolrow {
  display: flex;
}

.movies_comingsoon{}
.movies_comingsoon .movie_box{min-height:270px;background-size: cover;background-repeat: no-repeat;}
.movies_comingsoon .movie_box .msdr {
	display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
	bottom: 0px;
	color: #fff;
	margin-left: 177px;
}
.movies_comingsoon .movie_box .nxt_img{text-align:center;float: left;}
.movies_comingsoon .movie_box .nxt_img img{max-height:250px;}
.movies_comingsoon .movie_box .msdr .glxmovierate span {padding: 9px;left: -56px;}
.movies_comingsoon .movie_box .msdr .linkbtn {
	color: #fff;
	background: none;
	font-weight: 600;
	width: auto;
	margin-top: 69px;
	border: 2px solid #FFF;
}

.showtimekeys {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.showtimekeys li {
	color: #fff;
	list-style: none;
	padding-right: 39px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
}
.showtimekeys li .signBlock{

}
.showtimekeys li span {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50px;
	text-align: center;
	vertical-align: middle;
}

.card{background-color:unset;}
.film-cards-list {
  display:flex;
  flex-wrap:wrap;
  margin: 0px;
  padding: 0px;
}
@media(min-width:768px) {
  .film-cards-list {
   margin: 0px;
    padding: 0px;
  }
}
.film-cards-list-item {
  width:50%;
  margin-bottom:2rem;
  padding:0px;
  transition:opacity .27s linear
}
@media(min-width:768px) {
  .film-cards-list-item {
    width:16.6%;
    margin-bottom:0.5rem
  }
  .film-cards-list-item:hover {
    transition:opacity .27s linear
  }
  .film-cards-list-item:hover .card-img-box {
    transform:translateZ(0) scale(1)
  }
}
.film-cards-list-item__full-width {
  padding:0;
  width:100%;
  margin-bottom:2rem
}
@media(min-width:768px) {
  .film-cards-list-item__full-width {
    width:25%;
    padding:0 1em;
    margin-bottom:0.5rem
  }
  .film-cards-list-item.inactive {
    opacity:.1 
  }
  .film-cards-list-item .card-img-box {
    transform-origin:50% 100%;
    transform:translateZ(0) scale(.98);
    transition:transform .27s linear
  }
}
.card-img-box {
 
}
.card-body {
  text-align:center;
  padding: 5px !important;
}
@media(min-width:768px) {
  .card-body {
   
  }
}
.card-title {
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.75px;
}


@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

::-webkit-scrollbar {
  width: 0px;
}


::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #e7e7e7;
  border-radius: 3px;
  border: 10px solid transparent;
  background-clip: content-box;
}


::-webkit-scrollbar-thumb:hover {
  background-color: #e7e7e7;
}


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


.fmenu li a{font-size:13px;color:#5c5c5c;text-transform: uppercase;}
.fmenu li a:hover{font-size:13px;transition: opacity .27s ease-in-out;color:#fff;}
.footers h5{font-size:14px;color:#fff;text-transform: uppercase;font-weight: bold;margin-bottom: 10px;position: relative;}
.footers h6{font-size:14px;color:#fff;text-transform: uppercase;font-weight: bold;margin-bottom: 24px;position: relative;}

.glxsocial a{ display: block;
  color: #5c5c5c;
  font-size: 13px;
}
.glxsocial a:hover{ display: block;
  color: #fff;;
}
  
.footers h5:before{

}

.fdiv {
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2a2a2a;
	flex: none;
	max-width: none;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

 .navbar-expand-md .navbar-nav .dropdown-menu {
   background-color: #000;
  min-width: 250px;
  opacity: 0.95;
  border-radius: 10px;
  }
  
   .navbar-expand-md .navbar-nav .dropdown-menu li a{
   font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.7px;
  color: #fff;
  margin-left: 10px;
  text-transform: uppercase;
  transition: text-shadow .5s linear;
  }
  
     .navbar-expand-md .navbar-nav .dropdown-menu li a:hover { text-shadow: rgba(255,255,255,1) 0px 0px 10px; background-color:unset;text-shadow: rgba(255,255,255,0.9) 0px 0px 39px; }

.about-section{height: 100vh;}
.imax-background{background-image: url("../img/imx4.jpg");background-size: 100%;background-position: center;margin-top: -88px;background-repeat:no-repeat;}
.food-background{background-image: url("../img/burger3.jpg");background-size:cover;background-position: center;margin-top: -88px;background-repeat:no-repeat;}
    
.about-section .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-attachment: fixed;
	
}

.about-section-title{color: #fff;margin-top: 35px;text-transform: uppercase;text-transform: uppercase;
  font-weight: bold;
  font-size: 23px;text-shadow: rgba(0,251,255,0.9) 0px 0px 41px;}
  
  .about-data{color: #fff;}
  .about-small-head{font-weight: bold;font-size:16px;position: relative;}
  
  .about-small-head:before{

}

  .about-small-fnt{font-size:13px;}
  .about-small-fnt a{color: #fff;font-weight: bold;}
  
.select-btn {
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	margin-top: 24px;
	border-bottom: 3px solid #94929A54;
}

.select-btn .btn-text{
font-size: 14px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.5px;

}
.select-btn .arrow-dwn{
    display: flex;
    height: 21px;
    width: 21px;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    background: #000;
	color: #fff;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.select-btn.open .arrow-dwn{
    transform: rotate(-180deg);
}
.list-items{
    position: relative;
    margin-top: 15px;
    border-radius: 8px;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: none;
	min-width: 195px;
}
.select-btn.open ~ .list-items{
    display: block;
	position: absolute;
  z-index: 99999999999999;
}
.list-items .item{
    display: flex;
    align-items: center;
    list-style: none;
    height: 29px;
    cursor: pointer;
    transition: 0.3s;
    padding: 0 15px;
    border-radius: 8px;
	opacity: 0.9;
}
.list-items .item:hover{
    background-color: #e7edfe;
}
.item .item-text{
    font-size: 14px;
    font-weight: 400;
    color: #000;
	font-weight: bold;
}
.item .checkbox{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    margin-right: 12px;
    border: 1.5px solid #c0c0c0;
    transition: all 0.3s ease-in-out;
}
.item.checked .checkbox{
    background-color: #4070f4;
    border-color: #4070f4;
}
.checkbox .check-icon{
    color: #fff;
    font-size: 11px;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
}
.item.checked .check-icon{
    transform: scale(1);
}
.bxseat{width:15px;}

.part1{width:125px;margin-right:25px;}
.part2{width:90px;margin-right:25px;}
.part3{width:110px;margin-right:25px;}
.part4{width:120px;margin-right:25px;}
.part5{width:115px;margin-right:25px;}


  .cinema_film_cover_image {
    display: block;
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 4px 4px 0px #00000040,inset 0 0 0 1000px rgba(0,0,0,.5);
  }
  
  .movie_insideinfo img{width:200px;border-radius: 10px;}
  .movie_insideinfo h1 {
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 10px;
}
  .movie_insideinfo h2 {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 10px;
}

.mbfix{height:25px;}
.swiperEx .swiper-slide {
	background-size: cover;
	height: 100vh;
	background-repeat: no-repeat;
	/* position: absolute; */
	top: 0px;
	margin-top: -170px;
}
.swiper-scrollbar {background:unset;}
.logoblt{width:200px;}
.slogan-bottom {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	margin-top: 25px;
}

.rating-movie {
	border: 3px solid;
	border-radius: 150px;
	padding: 9px;
	width: 42px;
	height: 42px;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0px;
}

.advanced-booking-movie {
	position: absolute;
	display: block;
	background-color: white;
	color: #00534C;
	font-size: 13px;
	padding: 5px;
	backdrop-filter: blur(4px);
	opacity: 0.9;
	font-weight: 800;
	top: 22px;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	rotate: 0deg;
	border-radius: 3px;
	=: bold;
	letter-spacing: 0.5px;
}


.booknow-tag {
	width: 85px;
	height: 70px;
	background: url(../img/booknow-tag.png) no-repeat left top;
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: 5;
}

.booknow-tag span {
	position: absolute;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-shadow: 0 1px 5px rgba(93, 11, 21, 0.45);
	top: 15.5px;
	letter-spacing: 0.3px;
	width: 48px;
	left: 2.5px;
	text-align: center;
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
}


	
	
	@media only screen and (max-width: 640px) {
		
	#main-nav { padding-top: 10px;padding-bottom: 10px; }	
.nm{display:inline;}		
.glxhead {height: auto;}		
.glxslider {padding-top: 0px; }
.glxhead .logo {width: 110px;margin-top: -1px;}
.glxslider .swiper {width: 100%;float: left;}
.glxslider .swiper-slide.spm {height: 250px;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.glxslider .swiper-slide.spm .slidermv {position: absolute;bottom: 16px;margin-left: 18px;}
.glxslider .swiper-slide.spm .slidermv .desc {display:none;}
.glxslider .swiper-slide.spm .slidermv .title {font-size: 13px;}
.glxslider .swiper-slide.spm .slidermv .genere {font-size: 12px;}
.glxslider .swiper-slide.spm .slidermv .controls a {
	margin-right: 14px;
	font-size: 12px;
	border-radius: 6px;
	padding-right: 15px;
	padding-left: 15px;
	min-width: 140px;
}


.universal_button.nextrelse {
	width: auto;
	margin-top: 5px;
	font-size: 12px;
}

.movies_comingsoon .movie_box {
	min-height: 225px;
	background-size: cover;
	background-repeat: no-repeat;
}

.glxslider .swiper-slide.spm:after{
		position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: linear-gradient(180deg,transparent 0,#000 90%) repeat-x bottom;
	background-size: 5px 75px;
}

.advanced-booking-movie {
  font-size: 10px;	
  font-weight: 600;
}

.glxmovieitem {background-size: 100% 100%;height: 265px;width: calc(100vw/2.3);cursor: pointer;
max-width: calc(100vw/2.3);padding: 0px;margin-bottom: 11px;background-position: center;text-align: center;margin-left: 10px;margin-right:0px;
}

#usrBarx{position: absolute;
  top: 9px;
  right: 15px;
}

.auth .title{font-size: 15px;}
.glxmovieitem__description {
	text-align: center;
	position: relative;
	width: calc(100vw/2.3);
	height: 265px;
	background: rgba(9, 9, 9, 0.72);
	font-family: 'Koulen', sans-serif;
	color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	 visibility: hidden;
     opacity: 0; 
	padding-left: 33px;
	padding-right: 33px;
	padding-top: 100px;
	font-size:19px;
}


.glxmovieitem:hover .glxmovieitem__description {visibility: visible;opacity: 1;}
.glxmovieitem__description a{color: #fff;}
.linkbtn {width: 270px;
    margin: 0 auto;font-size: 13px;text-decoration: none;color: #fff;border-radius: 5px;padding: 5px;padding-right: 5px;padding-left: 5px;display: block;margin-top: 15px;letter-spacing: 2px;}



.placeholder {margin-left: 10px;overflow: hidden;position: absolute;height: 265px;width: calc(100vw/2.3) !important;}

.glx_section_head h1 {
	margin-top: 22px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: bold;
}
.glxfoot .glxnav ul > li > a {font-weight: 600;font-size: 12px;color: #fff;}
.glxfoot .glxnav ul > li {margin-left: 20px;}
.glxfoot .glxsocial a i {font-size: 16px;}
.glxfoot .glxnav ul {padding: 0px;margin: 0px;}
.glxfoot .logo {width: 50px;margin-top: -15px;}
.glxslider .mySwiper .swiper-slide.swiper-slide-thumb-active {border: 0px}
.glxslider .mySwiper .swiper-slide img {width: 60px;height: 85px;}
.glxslider .mySwiper .swiper-slide .thumbstext {display:none;}
.glxslider .mySwiper .swiper-slide {width: calc(100vw/3.2) !important}
.mySwiper {
	width: 100%;
	margin-top: 13px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.offcanvas-footer {
	padding: 1rem;
	background-color: #1d1c1c;
	text-align: center;
}
		
		
.movie_information .glxmovieitem {border-radius: 5px;background-size: 100% 100%;height: 125px;width: 87.5px;cursor: pointer;max-width: 100px;padding: 0px;margin-bottom: 11px;background-position: center;text-align: center;margin-left: 0px;margin-right: 0px;}
.movie_information {padding-top: 66px;}
.movie_data h1 {font-size: 13px;
    letter-spacing: unset;}
.movie_data h2 {font-size: 12px;}
.movie_data .movie_basis span {font-size: 11px;}
.movie_data {padding-left: 0px;}
.movie_data p {font-size: 12px;margin-bottom: 0px;margin-top: 15px;}
.glxDaysList {margin-top: 28px;}

.glxDaysList ul {justify-content: left;padding-bottom: 15px;}
.glxDaysList ul li {margin-left: 0px;padding: 0px 26px 0px 26px;}
.glxDaysList ul a li span.daysm {font-weight: 400;font-size: 11px;}
.glxDaysList ul li {}
.col-3.branch {  font-size: 17px;  display: block;  width: 100%;  margin-bottom: 10px;  background-color: #1c1a1a;  color: #fff;  text-align: center;  padding: 5px;  border-radius: 4px; }
.ex_stand {position: relative;display: block;margin-bottom: 15px;}
.program_showtimes .showtimes ul {padding: 0px;list-style: none;display: flex;margin-left: 0px;margin-top: 0px;}
.ex_vip {position: relative;display: block;margin-bottom: 15px;margin-top: 15px;}
.ex_stand_content {margin-bottom: 0px;}
.program_header {display:none;}
.program_showtimes .showtimes ul { display: block;width: 90vw; }
.program_showtimes .showtimes ul li {
	margin-right: 0px;
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 10px;
}
.program_showtimes .showtimes ul li a {display: block;}
.program_item {border-bottom: 0px;margin-top: 5px;}
.program_showtimes .branch .nm{color:#00534C;margin-right: 5px;}
.program_showtimes .nm{margin-right:10px;}

/* Booking */
.screen {width: 100% !important;font-family: 'Koulen', sans-serif;font-size:25px;}
.glxhead.booking_theme {}
.glxhead.custom_page {height: 65px;}
.countdown {float: right;margin-top: -42px;color: #fff;font-size: 28px;}
.title_booking {padding-top: 15px;}
.title_booking h1 {font-size:18px;}
.stage_grid {
	width: 100%;
	overflow: scroll;
	text-align: center;
	display: flex;
	align-content: center;
	align-items: center;
	-moz-box-pack: center;
	flex-direction: column;
	justify-content: center;
}
.checkout h5 {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.success-tickets {width: 100%;}
.success-tickets .orange {
	display: block;
	color: #00534C;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
}

.navbar-toggler:focus {
box-shadow: unset;	
}

#navbarCollapse{background-color: rgb(0, 0, 0);
  padding: 5px;
  border-radius: 5px;}
  
  	
	.custom_page > .title_booking {
	padding-top: 22px !important;
	font-size: 20px;
	font-family: 'Koulen', sans-serif;
}

.custom_page > .title_booking  h1{
	font-size: 26px;
}
.glxhead.movie_theme {height: auto;}

.n1{margin-top:10px;text-align:center;font-size:30px;}
.btlcomposetit {font-size: 20px;text-transform: uppercase;}
.movie_data p > span {font-size: 12px;}
.movie_data .movie_basis span {margin-right: 0px;display: block;margin-top: 5px;}
.nomobile{display:none;}
.movie_data{padding-left: 15px;
    padding-right: 15px;}
.cover_image{display:block;height: 188px;background-size: 100%;background-repeat: no-repeat;box-shadow: 0px 4px 4px 0px #00000040,inset 0 0 0 1000px rgba(0,0,0,.5);}	
.movie_information{padding-top: 0px;}	
.movie_data h2{margin-bottom: 0px;}

.navbar-brand
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
		top: 10px;

    }

.login_desktop{display:none;}	
.login_mobile{display:block;position: absolute;top: 10px;right: 3%;}

.xpd {
	width: 200px;
	border-radius: 0px !important;
	float: right;
	padding: 5px !important;
	margin-left: -150px;
}

.showtimekeys {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.showtimekeys li {
	color: #fff;
	list-style: none;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 0px;
}

.showtimekeys li span {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50px;
	text-align: center;
	vertical-align: none;
	margin-left: 6px;
}


.fmenu li a {
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 0px;
	margin-bottom: 10px;
}
.glxfoot .glxsocial {
	text-align: left;
}
.footers h5{margin-top: 10px;text-align: left;margin-bottom: 10px;padding-left: 0px;}

.footers h5:before{
 display:none;
}

.imax-background{background-image: url("../img/imx-mob2.jpg");background-size: cover;background-position: center;background-repeat:no-repeat;}
.food-background {
	background-image: url("../img/burger3.jpg");
	background-size: cover;
	background-position: center;
	margin-top: -90px;
	background-repeat: no-repeat;
	height: 50vh;
}
.select-btn .btn-text {
font-size: 10px;}
.select-btn {margin-top: 14px;height: 31px;}
.list-items .item {padding:0px;}
.list-items {min-width: 135px;}
.bxseat{width:14px;}

.film-cards-list-item {
	margin-bottom: 0rem;
}

.part1{width:100px;margin-right:15px;}
.part2{width:100px;margin-right:15px;}
.part3{width:100px;margin-right:15px;}
.part4{width:120px;margin-right:15px;}
.part5{width:115px;margin-right:15px;}

.glxDaysList ul a li span.daylg {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}
.program_showtimes .showtimes ul li a {
	font-size: 12px;
	padding: 3px;
	min-width: auto;
	margin-right: 5px;
	margin-left: 5px;
}

  .ex_vip {font-size: 15px;text-align: left;}
    .ex_imax {font-size: 15px;text-align: left;}
	.ex_stand {font-size: 15px;text-align: left;}
	
	.movies_comingsoon .movie_box .nxt_img{display:none;}
	
	.movies_comingsoon .movie_box .msdr {
	margin-left: 0px;
}

	.movies_comingsoon .movie_box .nxt_div {
	margin-top: -70px;
    margin-left: 5px;
}


.movies_comingsoon .movie_box .nxt_img img {
	width: 138px;
	padding-right: 5px;
	height: 200px;
	padding-left: 5px;
}


.movies_comingsoon .ex_vip_content {margin-bottom:10px !important;}
.movies_comingsoon .ex_imax_content {margin-bottom:10px !important;}

.mbfix{height:unset;}
.swiperEx .swiper-slide {
  height: 230px !important;
  margin-top: 4px;
}

.swiper-button-next, .swiper-button-prev {
top: 178px !important;
}

.logoblt{width:150px;}

.glxslider .swiper-button-next, .glxslider .swiper-button-prev {
	color: #fff !important;
	top: 105px !important;
	width: 29px !important;
	height: 29px !important;
}

.glxslider .swiper-button-next:after, .glxslider .swiper-button-prev:after {
font-size: 16px;
}

.glxslider .swiper-pagination{display:none;}

.rating-movie {
	border: 3px solid;
	border-radius: 150px;
	padding: 7px;
	width: 35px;
	height: 35px;
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0px;
}


.glxDaysList ul a li{
	    padding: 15px;
		    min-width: 100px;
}

.card-title {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.50px;
}

.branch {
	font-size: 14px;
}

.glxslider {
	width: 100% !important;
	margin: 0px;
	padding: 0px;
}

	}  
	
	
/* New Styles */

.newCheckoutv2 .ProjectTitle {
	text-align: center;
	margin-top: 15px;
	text-transform: capitalize;
	margin-bottom: 15px;
	font-size: 15px;
}

.newCheckoutv2 .ProjectTotalTitle {
	text-align: center;
	text-transform: capitalize;
	margin-top: 9px;
	font-size: 15px;
}

.newCheckoutv2 .ProjectInfoTitle {
	text-align: left;
	text-transform: capitalize;
}

.newCheckoutv2 button {
	border: 1px solid #7b7979;
	background-color: #070707 !important;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
	font-size: 15px;
}

.newCheckoutv2 button.cart {
	border: 0px;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
	font-size: 13px;
	margin-top: 8px;
}

.newCheckoutv2 button.dis {
	border: 1px solid #777373;
	background-color: #787676 !important;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
	font-size: 15px;
	opacity: 0.5;
}

.offcanvasStyleTitle {
	color: #fff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px;
	background-color: black;
	padding: 10px;
	border-radius: 5px;
}

.offcanvasStyleItemTitle {
	color: #000 !important;
	text-transform: capitalize !important;
	border-bottom: 1px solid #fbf4f4;
	font-size: 13px !important;
	padding: 5px;
}