:root{
--black-color: #000;
--white-color: #fff;
--blue-color: #337ab7;
--red-color: #f33239;
--red-dark-color: #700e12;
--green-color: #008e39;
--orange-color: #ec7532;
--light-gray-color: #4a4a4a;
}
html body{
font-size: 16px;
line-height: 27px;
color: #101010;
}
a{
text-decoration: none;
transition: all ease-in-out 0.3s !important;
color: var(--red-color);
}
/* nav bloom */
.nav li:after {
box-shadow: 0 0 20px 0 var(--red-color);
}
.heroslider .fw-container-fluid {
padding: 0 !important;
}
.heroslider .fw-container-fluid:before, .heroslider .fw-row:before {
content: none !important;
}
#hero {
overflow: hidden;
height: 500px !important;
}
#hero .carousel-inner .item:before{
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%) !important;
}
#hero .container .blurb{
text-align: start;
}
.heroslider aside > p {
display: none;
}
p.moviesldrdesc {
font-size: 16px !important;
}
#hero .container .blurb p, #content_hero .container .blurb p {
color: var(--white-color);
}
#hero .carousel-indicators {
bottom: 40px;
}
#hero.customslider .container .blurb{
margin-top: 0px;
width: 100%;
}
#heroheader h2:after {
content: none;
}
div#heroheader {
background: rgba(0, 0, 0, 0.11);
padding: 40px 0;
}
#hero .container .blurb .buttons {
padding-bottom: 1px;
-webkit-animation: Buttons .5s .5s forwards;
animation: Buttons .5s .5s forwards;
opacity: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
/*banner arrows*/
#hero .container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
margin: auto;
-webkit-transform: none;
transform: none;
align-items: center;
}
#hero .carousel-inner, #hero .carousel-inner .item {
height: 100%;
min-height: 580px;
text-align: center;
background-color: var(--black-color);
background-position: center;
background-size: cover;
background-position: 50% 25% !important;
}
#hero .carousel {
height: 100%;
}
#hero .scroll, #content_hero .scroll {
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
margin-left: -45px;
-webkit-animation: ScrollDown 1.5s infinite;
animation: ScrollDown 1.5s infinite;
}
.single-film .site-content .ast-container {
display: block !important;
width: 100% !important;
max-width: unset;
padding: 0;
}
.container, .fw-container {
max-width: 1240px !important;
margin: 0 auto !important;
}
span.title {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--white-color);
}
#hero .container .blurb h1, #content_hero .container .blurb h1, #slickcustomslider .container .blurb h1 {
font-size: 52px;
font-weight: 600;
padding: 0;
-webkit-animation: Heading .5s .5s forwards;
animation: Heading .5s .5s forwards;
letter-spacing: 3px;
opacity: 1;
color: var(--white-color);
border: none;
}
.booktimedate {
color: var(--white-color);
font-size: 22px;
}
hr.space-10 {
margin-top: 10px;
border: none;
color: transparent;
margin: 0;
}
#hero .container .blurb .certificate, #content_hero .container .blurb .certificate {
font-size: 13px;
line-height: 36px;
width: auto;
height: 48px;
border-radius: 50%;
padding: 0 11px;
min-width: 48px;
transform: translateY(2px);
color: var(--white-color);
border: solid 2px var(--white-color);
display: inline-flex;
justify-content: center;
align-items: center;
}
#hero .carousel-inner .item:before, #content_hero:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 100%;
content: '';
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%) !important;
}
#content_hero .buttons .btn {
margin-right: 15px;
}
.carousel-indicators {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
margin-left: 35px;
text-align: left;
}
.carousel-indicators li, .carousel-indicators li.active {
width: 12px;
height: 12px;
margin: 0 8px 0 0;
transition: all ease-in-out 0.3s;
border: solid 2px var(--white-color);
}
.carousel-indicators li.active {
width: 25px !important;
}
a.carousel-arrow > span {
height: 50px;
width: 50px;
background-color: transparent;
display: block;
position: absolute;
border-radius: 50%;
border: solid 1px var(--white-color);
background-position: center;
background-image: url('data:image/svg+xml,');
background-size: 30px;
background-repeat: no-repeat;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
transition: all 0.3s;
}
a.carousel-arrow.left > span {
transform: translate(-50%, -50%) rotate(180deg);
}
a.carousel-arrow:hover > span{
background-color: var(--red-color);
border: solid 1px var(--red-color);
}
/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item {
transition-property: opacity;
opacity: 0;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
z-index: 1;
left: 0;
opacity: 0;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
/** Keyframes **/
@keyframes Heading {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes ScrollDown {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes Buttons {
0% {
-webkit-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes Blurb {
0% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.slick-slide .movie-poster:before, h2:after, h3:after, h4:after, h5:after, .edit-link a, .nav li:after, .nav li.active a:after, .nav li.current_page_parent a:after, .nav .dropdown-menu, .btn-default, .tabs ul li a:after, .tabs.pill-style ul li.ui-state-active a, .movie-search .btn, .btn-default, .fw-tabs ul li a:after {
/* background: var(--red-dark-color); */
background: -moz-linear-gradient(left, var(--red-dark-color) 0%, var(--red-color) 100%);
background: -webkit-linear-gradient(left, var(--red-dark-color) 0%,var(--red-color) 100%);
background: linear-gradient(to right, var(--red-dark-color) 0%,var(--red-color) 100%);
}
/* double slider banner */
#slickcustomslider {
overflow: hidden;
height: unset !important;
}
#slickcustomslider .scroll{display:none !important;}
#slickcustomslider .scroll, #content_hero .scroll {
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
margin-left: -45px;
-webkit-animation: ScrollDown 1.5s infinite;
animation: ScrollDown 1.5s infinite;
display: none;
}
#slickcustomslider .carousel {
height: 100%;
}
#slickcustomslider .container{
position: unset !important;
}
#slickcustomslider .slick-slider-container, #slickcustomslider .slick-slider-container .slide-item {
height: 100%;
min-height: unset;
text-align: center;
background-color: var(--black-color);
background-position: center;
background-size: cover;
background-position: 50% 25% !important;
padding: 0px;
}
#slickcustomslider .slick-slider-container .slide-item:before, #content_hero:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 100%;
content: '';
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
}
#slickcustomslider .slick-slider-container .slide-item:before, #slickcustomslider .slick-slider-container .slide-item::after{
display: none;
}
#slickcustomslider .container .blurb, #content_hero .container .blurb {
position: relative;
width: 100%;
margin-top: 50px;
-webkit-animation: Blurb .5s .5s forwards;
animation: Blurb .5s .5s forwards;
text-align: left;
opacity: 0;
}
#slickcustomslider .container .blurb p, #slickcustomslider .container .blurb p {
font-size: 15px;
color: var(--white-color);
}
#slickcustomslider.customslider .container .blurb{
position: relative;
}
#slickcustomslider .movie-slide-pic{
/* max-height: 384px; */
min-height: 384px;
}
#slickcustomslider .movie-slide-pic img{
height: 100%;
width: 100%;
object-fit: cover;
}
#slickcustomslider .slick-slider-container .slide-item > .row, #slickcustomslider .slick-slider-container .slide-item .blurb , #slickcustomslider .slick-slider-container .slide-item .blurb > div{
height: 100%;
margin: 0px;
}
#slickcustomslider .slick-slider-container .slide-item .slide-container-cust{
position: unset;
height: 100%;
max-width: 100% !important;
width: 100% !important;
padding: 0px !important;
}
#slickcustomslider .slick-slider-container .slide-item .movie-slide{
display: flex;
align-items: end;
justify-content: start;
text-align: start;
padding: 20px 50px 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #00000029;
}
#slickcustomslider .slick-slider-container .slide-item .movie-slide .sldrbtns{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
#slickcustomslider .slick-slider-container .slide-item .sldrbtns .gotomoviebtn, #slickcustomslider .slick-slider-container .slide-item .sldrbtns .vbox-item{
padding: 5px 10px;
height: unset;
min-height: unset;
letter-spacing: 2px;
}
#slickcustomslider span.certificate {
font-weight: 500;
color: var(--white-color);
margin-right: 10px;
}
#slickcustomslider .slick-slider-container .slide-item .sldrbtns .venobox {
margin-right: auto;
}
#slickcustomslider .slick-track, #slickcustomslider .slick-list {
height: 100%;
}
#slickcustomslider .slick-slider {
visibility: hidden;
}
#slickcustomslider .slick-slider.slick-initialized {
visibility: visible;
}
#slickcustomslider .slick-track {
display: flex !important;
}
#slickcustomslider .slick-slide {
height: auto !important;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0px !important;
}
#slickcustomslider .slick-slide > div, #slickcustomslider .slide-item {
height: 100%;
width: 100%;
}
#slickcustomslider .slick-dots {
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#slickcustomslider .slick-dots li{
margin: 0px;
padding: 0px;
width: unset;
height: unset;
}
#slickcustomslider .slick-dots li button{
width: 12px;
height: 12px;
margin: 0px;
transition: all ease-in-out 0.3s;
border: solid 2px #979797;
background-color: #808080;
border-radius: 50%;
padding: 0px;
}
#slickcustomslider .slick-dots li button:hover, #slickcustomslider .slick-dots li.slick-active button{
border-color: var(--white-color);
background-color: var(--white-color);
}
#slickcustomslider .slick-dots li button::before{
display: none;
}
/**/
/** Movies slider **/
.slick-list {
margin: 0 -15px;
}
.slick-slide {
margin: 0 15px;
text-align: center;
}
.slick-slider .slick-arrow {
font-size: 40px;
position: absolute;
top: 35%;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.slick-slider .slick-arrow.left {
left: -65px;
}
.slick-slider .slick-arrow.right {
right: -65px;
}
.slick-slider .slick-arrow.left:hover {
left: -60px;
opacity: .6;
}
.slick-slider .slick-arrow.right:hover {
right: -60px;
opacity: .6;
}
.slick-slide .movie-poster {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-radius: 4px;
}
.slick-slide .movie-poster img {
width: 100%;
transition: .5s ease-in-out;
}
.slick-slide .movie-poster:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.slick-slide .movie-poster:before {
position: absolute;
z-index: 1;
bottom: 0;
left: -110px;
width: 0;
height: 100%;
content: '';
transition: .5s;
-webkit-transform: skewX(14deg);
transform: skewX(14deg);
opacity: .9;
background-image: linear-gradient(to bottom, #fbbd61, #ec7532);
}
.slick-slide .movie-poster:hover:before {
width: 200%;
}
.slick-slide .movie-poster:hover aside {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.slick-slide .movie-poster aside {
position: absolute;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
transition: .3s;
transition-delay: .1s;
-webkit-transform: scale(.9);
transform: scale(.9);
text-align: center;
opacity: 0;
align-items: center;
}
.slick-slide .movie-poster aside div {
width: 100%;
}
.slick-slide .movie-poster aside .play {
font-size: 32px;
line-height: 68px;
display: block;
width: 80px;
height: 80px;
margin: 0 auto 20px auto;
color: #fff;
color: #fff;
border: solid 2px #fff;
border-radius: 50%;
}
.slick-slide .movie-poster aside .play:hover {
-webkit-transform: scale(.9);
transform: scale(.9);
}
.slick-slide .movie-poster aside .play i {
font-size: 12px;
padding-left: 5px;
}
.slick-slide .movie-poster aside .read-more {
font-size: 13px;
display: block;
margin-bottom: 10px;
cursor: pointer;
letter-spacing: 4px;
text-transform: uppercase;
color: #fff;
}
.slick-slide .movie-poster aside .date {
font-size: 16px;
display: block;
color: #fff;
}
/* */
#heroheader h2 {
border-bottom: unset;
padding-bottom: 0;
margin-bottom: 0;
}
.desktopcinemaselect a.cinema_select {
margin-bottom: 8px;
font-weight: 700;
padding: 10px 15px;
margin-right: 6px;
letter-spacing: 1px;
color: #fff !important;
background-image: linear-gradient(to right, var(--red-color), var(--red-dark-color));
}
.desktopcinemaselect a.cinema_select:hover {
background-image: linear-gradient(to right, var(--red-dark-color), var(--red-color));
}
.desktopcinemaselect a.cinema_select.active{
background: var(--black-color);
}
.desktopcinemaselect {
margin: 20px 0px;
}
.caltypesmall ul.cld-days a {
pointer-events: none;
}
.innerbtnblc a.active {
pointer-events: none;
}
.innerbtnblc a.active i {
background: #dbdbdb;
}
.innerbtnblc a:hover {
background: #dbdbdb;
}
.book-now-btn a.afterpostrlink {
color: var(--black-color);
text-transform: uppercase;
padding: 5px 20px;
margin-top: 6px;
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-weight: normal;
position: relative;
overflow: hidden;
letter-spacing: 2px;
}
.book-now-btn a.afterpostrlink:hover{
color: var(--red-color) !important;
}
/* cont. */
.jacro-container {
padding: 0px; margin: 0 auto;
}
.jacro-date-showtime-list {
background-color: transparent;
height: auto !important;
}
.jacro-date-showtime-list br {
display: none;
}
.jacro-date-showtime-list .singlefilmperfs{
width: fit-content;
float: left;
}
.jacro-date-showtime-list .neworderpf , .jacro-date-showtime-list .jacroshowdatefilter{
display: block;
clear: both;
}
.wheelchair_icn{
margin-right: 10px;
}
div#film_section {
max-width: 100%;
}
#film_section .col-md-8.col-sm-9.time2{
padding-left: 5px;
}
.gridw180 .poster-img.result_listing {
height: 260px;
}
.gridw220 .poster-img.result_listing {
height: 315px;
}
.gridw270 .poster-img.result_listing {
height: 368px;
}
.moviedetails-widget {
float: left;
width: 65.5%;
}
.moviedetails-widget .fw-tabs{
max-width: 100%;
overflow: auto hidden;
}
.searchfilms {
float: right;
width: 19%;
}
.layoutchangeblock {
float: left;
width: 14.5%;
text-align: right;
}
/* .innerbtnblc {
padding-top: 9px;
} */
.layoutchangeblock a {
min-width: 38px !important;
display: inline-block;
border-radius: 4px;
overflow: hidden;
border: 1px solid #555;
}
.innerbtnblc i {
font-size: 24px;
min-width: 38px !important;
height: auto;
}
.innerbtnblc i:before {
/* border: 1px solid #555; */
margin-right: 0;
padding: 6px 6px 4px 5px;
border-radius: 3px;
display: inline-block;
position: relative;
color: #555;
}
#jacro-calender-events {
padding-right: 0px;
}
#multipass {
margin-bottom: 3em;
}
.main-film-area {
margin-bottom: 25px;
}
#content_hero {
max-height: 700px;
}
.row {
display: block;
margin-right: -5px !important;
margin-left: -5px !important;
}
.no-padding {
padding: 0px !important;
}
#multiwhat {
line-height: 1.4em;
position: relative;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
border-bottom:0px;
}
#multiwhat:after {
width: 0;
}
#multipass span {
color: #b3b3b3;
}
.moreshowtimes{
font-size: 15px;
color: var(--white-color) !important;
padding: 7px 20px;
border-radius: 5px;
letter-spacing: 0;
background: linear-gradient(to right, var(--red-dark-color) 0%, var(--red-color) 100%);
clear: both;
display: block;
width: fit-content;
margin: 20px 5px 5px 0px;
text-transform: uppercase;
font-weight: 500;
}
.moreshowtimes:after {
font: normal normal normal 14px/1 FontAwesome;
font-weight: normal;
font-size: 14px;
font-size: inherit;
font-weight: bold;
top: 0;
display: inline-block;
margin-left: 5px;
content: '\f105';
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.moreshowtimes:hover{
text-decoration: none;
background: linear-gradient(to right, var(--red-color) 0%, var(--red-dark-color) 100%);
}
.shortsynopsis {
font-size: 18px;
color: var(--white-color);
margin: 0 0 20px 0;
}
.shortsynopsis:after, .searchsynopsis:after {
content:"..."
}
.singlefilmperfs {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
}
.singlefilmperfs a{
display: inline-block;
vertical-align: top;
line-height: normal;
background-image: linear-gradient(to right, var(--red-color), var(--red-dark-color));
color: var(--white-color);
padding: 7px 10px;
margin: 0 0px 5px 0px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
}
.singlefilmperfs a:hover{
background-image: linear-gradient(to right, var(--red-dark-color), var(--red-color));
}
.singlefilmperfs.percate3dgeneral, .singlefilmperfs{
width: fit-content;
}
span.modifier {
font-size: 14px;
font-weight: 500;
}
#single-film-performance-part {
margin-top: 30px;
}
.perfbtn {
color: var(--white-color) !important;
background: var(--blue-color);
font-size: 14px;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 5px;
padding: 7px 10px;
letter-spacing: 0;
border-radius: 5px;
text-transform: uppercase;
}
.perfbtn:hover {
color: var(--white-color) !important;
font-size: 14px;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 5px;
padding: 7px 10px;
letter-spacing: 0;
text-decoration: none;
}
.perfbtn.disabled {
background-color:#999 !important;
cursor:default;
}
.perfbtn.disabled:hover {
background-color:#999 !important;
}
.booktimedate {
color: var(--white-color);
font-size: 22px;
display: block;
}
#perfaut {
font-size: 18px;
}
#perfad {
padding-left: 5px;
}
#prefsub {
padding-left: 5px;
}
#perfwc{
padding-left: 5px;
}
.fa-chevron-up {
padding-top: 30%;
}
div.col-sm-7.plot {
padding-right: 50px;
}
#performance_film_div {
display: block;
margin-top: 7px;
}
#performance_film_div .btn-group {
margin-right: -1px;
border-color: #e0e0e0;
}
#performance_film_div .category-dropdown{
padding: 0;
}
#performance_film_div section {
width: 100%;
border-color:var(--white-color);
}
#performance_film_div section li {
list-style:none;
}
.category-dropdown {
padding: 10px;
border: 1px solid #e0e0e0;
width: 97% !important;
border-radius: 5px;
margin-top: 15px;
}
.jacrobookhero:before {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 100%) !important;
}
#full-fat-menu {
padding: 0 0 20px 0 !important;
}
.jacro-sort-filters{
padding-bottom: 20px;
display: flex;
align-items: center;
justify-content: end;
flex-wrap: wrap;
gap: 4px 10px;
font-weight: 500;
margin-bottom: 4px;
text-transform: capitalize;
}
.no-widgets {
padding-top: 20px;
}
#tempsynoplink {
margin-left: 0px;
}
.neworderpf {
font-size: 16px;
line-height: 28px;
color: var(--black-color);
margin-bottom: 4px;
}
a.arrow-button, #tempsynoplink {
font-size: 14px;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--red-color);
font-weight: 500;
}
a.arrow-button:hover, #tempsynoplink:hover{
color: var(--red-dark-color);
}
a.arrow-button:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
font-weight: bold;
display: inline-block;
margin-left: 5px;
content: '\f105';
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mobcinemaselect {
display: none;
}
.col-lg-4.mobcinemaselect {
width: 100%;
padding: 20px 0px 10px 0px;
}
select#mobcinemaselect {
width: 100%;
border: none;
text-align: left;
padding: 0;
}
select#mobcinemaselect option {
text-align: left;
font-size: 14px;
color: #101010;
text-transform: capitalize;
}
div#date_list {
margin: 0;
}
#mobiwhat {
position: static;
border-bottom: 0px;
}
/*#mobimdates {*/
.mobimthing {
width: 100%;
border: none;
}
#mobidatesh5 {
margin-bottom: 0px;
}
#mobidatesh5::after {
width: 202px;
}
.moviepotato {
width: 100% !important;
max-width: 100% !important;
border: none;
}
.movie-search {
z-index: 99999999 !important;
}
.main-film-area h5 {
font-size: 14px;
letter-spacing: 1px;
border-bottom: 1px solid #cfcfcf;
padding-bottom: 5px;
margin-top: 2%;
}
.film-title > a {
box-shadow:0 0 0 0 !important;
}
.film-title > a:hover {
box-shadow:0 0 0 0 !important; text-decoration: none;
}
.main-film-area p.film_title {
font-size: 17px;
color: #CCC;
height: 45px;
margin-bottom: 20px;
}
.main-film-area p.film_title>a {
text-decoration: none !important;
border: none;
color: #202020; box-shadow:0 !important;
}
.main-film-area p.film_title>a:hover, .main-film-area .film_img:hover {
color: #5F5E5E;
opacity: 0.9;
}
.main-film-area p.film_subtitle {
font-size: 16px;
color: #686666;
margin-bottom: 5px;
}
.jacro-widgets select.form-control.left-select-cinema, .form-control.subselect-cinema {
color: var(--black-color);
font-size: 13px;
letter-spacing: 1px;
border-color: #cfcfcf;
text-transform: uppercase;
}
.jacro-widgets select.form-control.subselect-cinema option {
margin: 6px;
}
.btn.date_time_btn {
border: 1px solid #5F5E5E;
float: left;
margin-left: 5px;
margin-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
color: var(--black-color);
display: inline-block;
font-size: 12px;
padding: 5px 10px;
vertical-align: baseline;
text-decoration: none;
background: var(--white-color);
font-weight: 600;
border-radius: 3px; height: 30px;
box-shadow:0 !important;
}
.btn.date_time_btn:hover {
background: #5F5E5E;
color: var(--white-color);
border: 1px solid #5F5E5E;
}
.jacro-widgets h3 {
font-weight: 700;
font-style: inherit;
font-size: 100%;
letter-spacing: 1px;
padding-top: 10px;
}
.jacro-widgets label {
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
.jacro-widgets .no_booking_fee_text h2 {
font-size: 15px;
padding-bottom: 5px;
overflow: hidden;
clear: both;
}
.performancebatch {
margin-top: 5%;
}
.performancebatch .date_time.show-time-12-hours {
margin-left: 5px;
}
.film_showtime {
width: 100%; display: inline-block;
}
.film_showtime .date_time {
width: 13%;
float: left;
}
.film_showtime .show_date {
clear: both;
font-weight: bold;
padding: 0px !important;
}
.film_showtime .show_date p {
color: #424242;
letter-spacing: 0.5px;
}
.main-film-area .divid_date_time {
font-size: 14px;
clear: both;
margin-left: 10px;
text-align: left;
}
.main-film-area .scrol_date_time {
height: 133px;
overflow-y: auto;
padding-top: 1%;
}
.loader-action {
display: block !important;
}
/****************************/
.film_img img.img-responsive {
margin: 0px auto; height: 210px; width: 150px;margin-bottom: 20px;
}
.moviedetails-widget .tagcloud1 a {
border: 1px solid #C0C0C0; border-right:0px;
color: var(--black-color);
font-size: 12px; box-shadow: 0 !important;
}
.tagcloud1 a:hover {
background: var(--green-color);
color: var(--white-color);
transition: 0.9s all;
}
.tagcloud1 a.active {
background: var(--green-color);
color: var(--white-color);
}
a.filmDateDisable {
pointer-events: none;
cursor: default; box-shadow: 0 !important;
}
a.filmDateDisable div{
color: #ABABAB;
}
.jacro-widgets select.form-control.left-select-cinema, .form-control.subselect-cinema-theater {
color: var(--black-color);
font-size: 13px;
letter-spacing: 1px;
border-color: #cfcfcf;
background-size: 3% 50%;
text-transform: uppercase;
background-position: 99%;
}
.jacro-widgets select.form-control.left-select-cinema {
background-size: 7% 50%;
padding-right: 17px;
}
.jacro-down-arrow {
background: rgba(0, 0, 0, 0) url("../images/jacro-down.png") no-repeat scroll right center / 20px 15px; width: 20px; height: 24px;
}
.filmDateDisable .jacro-down-arrow {
opacity: 0.2;
}
.dayshow-widget .tagcloud2 > a {
color: var(--black-color);
display: inline-block;
font-size: 13px;
margin: 0;
margin-right: -6px;
padding: 10px 18px;
vertical-align: baseline;
text-decoration: none;
margin-right: -6px;
line-height: 21px; text-align: center; box-shadow: 0 !important;
}
.tagcloud2 {
margin-top: 10px;
border-radius: 5px;
border: 0px solid #e0e0e0;
}
.coming_soon.adv-booking {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-right: 0px solid #e0e0e0 !important;
}
.tagcloud2 a:hover {
color: var(--white-color);
transition: 0.9s all;
background: var(--green-color);
transition: background-color 0.3s ease !important;
}
.tagcloud2 a.active {
background: var(--green-color);
color: var(--white-color);
}
.film-date-first {
border-top-left-radius: 5px ;
border-bottom-left-radius: 5px;
}
.more_dates {
border-right: 0;
padding: 10px 34px !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.film_date_value.more_dates {
min-height: 64px; line-height: -1px !important;
}
.moviedetails-text {
letter-spacing: 1px;
line-height: 20px;
color: var(--black-color);
font-size: 13px;
}
.leftside-book {
margin-top: 20px;
background-image: linear-gradient(to top, #342F2F 0%, #4D5359 100%);
}
.leftside-showtime-widget .tagcloud3 a {border: 1px solid #C0C0C0;color: var(--black-color);font-size: 12px; box-shadow: 0 !important;}
.leftside-showtime-widget .tagcloud3 > a {
border: 1px solid #C0C0C0;
color: var(--black-color);
display: inline-block;
font-size: 14px;
margin: 0 0px 10px 0;
padding: 9px 27px;
vertical-align: baseline;
text-decoration: none;
border-radius: 5px;
background: var(--white-color);
font-weight: 600; box-shadow: 0 !important;
}
.tagcloud3 {margin-top: 10px;}
.tagcloud3 a:hover {background: var(--black-color);color: var(--white-color);transition: 0.9s all;}
#cinema_id {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border: 1px solid rgb(224, 224, 224);
color: #424242;
padding: 8px 21px 6px 12px;
display: block; position: relative; width: 100%; height: auto;
}
.row.main-movie-row {border: none;margin: 0px;}
.popup-inner h5 {border: none;}
.tagcloud4 {margin: 10px 0px;}
.tagcloud4 a {display: inline-block;}
.sample2-icon ul {padding: 0;}
.sample2-icon li {list-style-type: none;}
.sample2-facebook {float: left;}
.sample2-twitter {float: left;}
.top-time {float: left;background: var(--white-color);height: 30px;border-radius: 2px;margin-bottom: 7px;margin-left: 7px;}
.tagcloud4 a.active {background: var(--green-color);color: var(--white-color);}
.film-title h3 {font-size: 22px;}
.myButton {
border-radius: 5px;
cursor: pointer;
color: var(--white-color);
font-size: 17px;
font-weight: bold;
padding: 12px 44px;
text-decoration: none;
}
.no_booking_fee_text ul {list-style-type: none;padding: 0;}
.no_booking_fee_text li {float: left;padding: 24px 6px 25px;}
/** Popup start **/
.jacro_popup {
display: none;
bottom: 0;
position: fixed;
z-index: 9999 !important;
width: 100%;
top: 50%;
left: 50%;
}
.jacro_popup_inner {
margin: 0 auto;
width: 20%;
position: absolute;
transform: translate(-50%, -50%);
box-shadow: 0px 2px 6px var(--black-color);
border-radius: 3px;
background: #bbb none repeat scroll 0% 0%;
padding: 10px;
z-index: 9999 !important;
border: 7px solid rgba(51, 51, 51, 0.7);
}
.jacro_popup_title {
font-size: 15px;
color: rgba(51, 51, 51, 0.7);
}
.jacro_popup_subtitle {
font-size: 17px;
margin-top: 2%;
margin-bottom: 1%;
color: rgba(51, 51, 51, 0.7);
}
.jacro_popup_date {
color: rgb(31, 42, 75);
font-size: 13px;
}
.jacro_popup_inner_details p {
font-size: 13px;
line-height: 24px;
font-weight: bold;
color: #003A74;
clear: both;
margin: 0px !important;
}
.jacro_popup_inner_details a, .jacro_popup_inner_details a:hover, .jacro_popup_inner_details a:focus, .jacro_popup_inner_details a:active {
text-decoration: none;
text-align: center;
}
.jacro_popup_inner_details .popup_left_text {
color: #1F2A4B;
font-weight: bold;
font-size: 11px;
border-radius: 4px;
margin: 0px 0px 4px;
width: 50%;
display: block;
float: left;
}
.popup_right_text {
font-size: 11px;
color: #003a74;
}
/*book button*/
.jacro_popup_inner_details a.book {
color: var(--white-color);
font-size: 11px;
padding: 5px;
background: #6E6868 none repeat scroll 0% 0%;
width: 48%;
display: inline-block;
text-align: center;
border-radius: 2px;
margin-left: 1%;
text-decoration: none; box-shadow: 0 !important;
}
/*Close popup*/
.jacro_popup_inner_details .popup-close {
width: 30px;
height: 30px;
padding-top: 2px;
display: inline-block;
position: absolute;
top: -18px;
right: -18px;
border: 1px solid var(--black-color);
border-radius: 100%;
background: rgba(0, 0, 0, 0.8);
font-size: 16px;
text-align: center;
line-height: 24px;
color: var(--white-color);
z-index: 999;
}
/*Start popup*/
.popup-details span.col-md-6 {
padding: 0;
margin-bottom: 10px;
color: #424242;
}
.popup-inner h4 {
font-size: 14px;
color: var(--green-color);
margin-top: 10px;
margin-bottom: 25px;
font-weight: 400;
}
.popup-close {
position: absolute;
top: 6%;
right: 0;
}
.popup-close img {
width: 30%;
}
.close {
color: #757575;
float: right;
font-size: 28px;
font-weight: normal;
opacity: 1;
margin-top: -10px;
}
.close img {
width: 16px;
}
.close:hover, .close:focus {
color: var(--black-color);
text-decoration: none;
cursor: pointer;
}
.date {
margin-bottom: 20px;
}
.popup-details {
padding-left: 10px;
}
.popup-details p {
color: #424242;
}
.popup-details span {
width: 50%;
display: inline-block;
color: #212121; vertical-align: top;
}
.popup-details .book {
text-align: center;
}
.book a {
background: var(--green-color);
color: var(--white-color);
padding: 13px 20px;
border-radius: 5px;
text-decoration: none;
}
.book {
margin-top: 30px;
margin-bottom: 10px;
}
/*End popup*/
/** Popup end **/
a.cancel {
float: right;
color: var(--white-color) !important;
font-size: 11px !important;
padding: 4px;
border: 0px none !important;
background: #6E6868 none repeat scroll 0% 0%;
margin-top: 0px !important;
position: absolute;
top: 89%;
left: 77%;
font-weight: 700;
}
.performane {
color: var(--black-color);
font-size: 13px;
padding: 9px 0px;
text-transform: uppercase;
letter-spacing: 1px;
}
.squaredThree label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
border-radius: 4px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree {
position: relative;
margin: 20px auto;
display: inline;
padding-left: 11px;
color: #222222;
font-size: 14px;
text-transform: uppercase;
font-size: 13px;
margin: 0px 0px 3px 0px;
}
.squaredThree input[type="checkbox"] {
visibility: hidden;
}
.squaredThree input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.squaredThree label::after {
content: '';
width: 13px;
height: 8px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*New Add*/
.performance-categorys, .file-category {
margin: 0!important;
padding: 0;
}
.check_film {
padding-bottom: 10px; float: left;
}
/*Film and show time detalis*/
.poster img.film_img{
width:150px; height:210px;
}
.poster_name {
margin-top: 26%;
}
.poster_name h3 {
color: #5F5E5E;
font-size: 17px;
}
.poster_info h4 {
color: var(--blue-color);
margin-top: 4%;
font-weight: bold;
font-size: 16px;
margin-bottom: 4%;
}
.poster_date_format > h4 {
color: #989898;
font-size: 15px;
}
.brand_time {
width: 95%;
color: var(--blue-color);
margin-left: 2%;
margin-bottom: 5px;
font-weight: bold;
display: inline-block;
margin-top: 3%;
}
.brand_time h3 {
margin-top: 3%;
color: var(--green-color);
}
/*general css*/
.widget-title {
font-size: 25px;
}
/*First page*/
.dayshow-widget {
margin-bottom: 2%; width: 97% !important; width: 100%;
}
/*Second page*/
.sample2-titleleft h4 {
margin-bottom: 3%;
font-size: 16px !important;
}
.performance_list {
display: inline-block;
}
.popup-inner h1, .popup-inner h2, .popup-inner h3, .popup-inner h4, .popup-inner h5, .popup-inner h6 {
padding: 0px;
}
.leftside-wars {
margin-top: 15px;
}
#process_running,
#layout_changing {
background: var(--white-color) none repeat scroll 0 0;
border-color: #c6d880;
border-radius: 8px;
box-shadow: 2px 3px 15px 2px #888888;
color: var(--black-color);
min-height: 20px;
padding: 1em;
position: fixed;
right: 40%;
top: 40%;
width: auto;
z-index: 1;
font-size: 15px;
}
#process_running p, #layout_changing p {
margin-bottom: 0;
}
.main-film-area .film_img {
margin: 2% 0; margin-left: 0 !important;
}
.performance-screens {
width: 30% !important; border: 1px solid #CCC; margin-left: 20px; padding: 10px; border-radius: 5px;
}
/*Start slider*/
.main-slider {
padding-top: 76px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; width: 100%; margin: 0 auto;
}
.top-header-active-slider {
padding-top: 106px;
}
.jacro-slideshow .carousel-inner {
height: 600px;
}
.main-slider .slider-item {
background-size:100% 100%; width:100%;background-position: 0px 0px;height: 100%;
}
.main-sidebar {
margin-top: 25px;
}
.main-sidebar h3 {
color: var(--green-color);
}
.main-sidebar h4 {
color: var(--green-color);
padding: 10px 0;
}
.slider-item {
background-image: url(../images/slider-1.png);
background-repeat: no-repeat;
height: 135px;
width: 100%;
background-position: center;
background-size: cover;
box-shadow: none;
}
.carousel-control.main {
top: 50%;
width: 12%;
height: 44px;
}
.fa.fa-angle-right, .fa.fa-angle-left {
font-size: 40px;
}
/*End slider*/
/*Pricing Table*/
table.jacro-table-pricing, .jacro-table-pricing tr, .jacro-table-pricing td {
border: 1px solid #CCC; padding: 10px;
}
.jacro-table-pricing-head {
font-weight: bold; font-size: 14px; padding: 10px;
}
#jacro-table-pricing {
margin: 10px 0 20px;
}
.jacro-currency {
font-family: sans-serif;
}
/*scroll css*/
.jacro-showtime-list {
background-color: transparent;
height: auto !important;
-webkit-overflow-scrolling:touch;
padding: 15px 5px 10px 0px;
}
/** Scroll Bar For More Dats **/
.btn.date_time_btn.jacro-more-showtime {
text-align: center; float: none;
}
.btn.date_time_btn.jacro-more-showtime-new-releases { text-align: center; float: none; margin-top: 8%; }
div.more-show-time {
clear: both; float: none;
}
/*Responsive*/
.jacro-images {
width: 100%; border: 1px solid #CCC;
}
.jacro-images a {
width: 100%; float: none;
}
.jacro-image-text, .jacro-image-section {
padding: 10px; padding-bottom:0;
}
.jacro-image-text {
text-align: left;
}
.jacro-images .jacro-image-section img {
width: 130px; height: 40px;
}
.jacro-image-section {
padding-bottom: 30px;
}
.jacro-images .jacro-image {
padding: 5px; text-align: center; padding-bottom: 10px;
}
/**Changes 15-Nov-2016**/
body {
position: relative;
}
.jacro-loader-overlay {
background-color: rgba(255, 255, 255, 0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%;
display: none; z-index: 9999;
}
.jacro-loader {
display:none; position: fixed; z-index: 1; margin: 0 auto; width: 100px; height: 100px; vertical-align: middle;
background: url("../images/jacro-loader.svg") repeat scroll 0 0 / 100px 100px; top: 40%; left: 45%;
}
.scrollstop{
overflow:hidden;
}
.jacro-widgets-giftcard {
width: 100%;
}
.jacro-widgets-giftcard .jacro-gift-section {
width: 100%; padding: 5px; text-align: center;
}
.jacro-widgets-giftcard .jacro-gift-section img {
max-width: 100%;
}
/** Changes 18-Nov-2016 **/
#jacro-top-film-header {
width: 100%; height: 35px; text-align: center; margin-bottom: 20px;
}
#jacro-top-scroll .topscrollbar {
width: 4%; height: 100%; margin: 0 auto; background: var(--green-color) url("../images/topscroll.png") no-repeat scroll center center / 75% 75%;
border-radius: 50%; cursor: pointer;
}
/** 30-Jan-2017 **/
.jacro-container {
width: 100%;
}
.modal-content {
background-color: #fefefe;
margin: 3% auto;
padding: 20px;
border: 1px solid #888;
width: 30%;
}
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
border: 0 none;
display: flex;
max-width: 240px;
min-height: 40px;
overflow: hidden;
background: var(--white-color) url(../images/jacro-down.png) no-repeat scroll calc(100% - 10px) center / 22px auto !important;
border: 1px solid #ccc !important;
font-size: 16px !important;
padding: 2px 30px 2px 15px !important;
font-weight: 400;
}
.select-cinema {
display: inline-block;
text-transform: uppercase;
color: var(--green-color);
border: 1px solid rgb(224, 224, 224);
border-right: none;
padding: 7px 15px;
letter-spacing: 0.5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
float: left;
margin-top: 10px;
}
.select-cinema .form-group {
float: left;
}
.form-group.select-option {
float: left;
width: 70%;
margin-top: 11px;
}
.form-control:focus {
border-color: var(--green-color);
box-shadow: none;
}
.form-control {
border: 1px solid rgb(224, 224, 224);
}
.moviedetails-widget .tagcloud1 > a {
display: inline-block;
font-size: 13px;
padding: 15px 10px;
margin: 0 5px 8px 0;
vertical-align: baseline;
text-decoration: none;
border: 0; box-shadow:0 !important;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-right: -4px;
color: var(--white-color);
}
.sidebar-email .form-control {
margin-bottom: 20px;
margin-top: 10px;
border-color: #212121;
}
.film_single a {
color: var(--white-color);
background: none repeat scroll 0% 0% var(--green-color);
display: inline-block;
margin-top: 27px;
padding: 13px 17px;
border-radius: 5px;
margin-bottom: 40px;
letter-spacing: 0.5px;
font-size: 14px;
}
.btn.date_time_btn {
font-size: 14px;
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
padding: 7px 10px;
letter-spacing: 0;
color: #717171;
border-radius: 5px;
background-color: #d8d8d8 !important;
box-sizing: border-box;
}
.btn.date_time_btn:hover, .film_single a:hover {
opacity: inherit;
background: #00722D;
transition: all 0.6s;
}
/** New Change **/
select.jacro-cinemas-filter {
display: inline-block; width: 75%;
}
.film_wrapper {
margin-top:20px;
}
.sidebar-col {
padding: 0;
}
.sidebar-col h3 {
margin-top: 22px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
padding: 7px 0;
background: var(--green-color);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: var(--white-color);
letter-spacing: 0.5px;
}
.sidebar-col h3, .sidebar-subscribe {
max-width: 100% !important;
}
.poster_name {
margin-top: 0px !important; margin-bottom: 40px;
}
.jacro-images .jacro-image-text > p {
overflow-wrap:break-word;
}
.coming_soon.first {
border-bottom-left-radius: 5px !important;
border-top-left-radius: 5px !important;
}
.coming_soon.last {
border-bottom-right-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.coming_soon.last:hover, .coming_soon.last.active {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.widget-area .jacro-widgets {
margin: 5px 0px;
}
.poster_name h3 {
margin-top: 35px;
}
.single-film-performance-part {
display: inline-block;
}
.single-film-performance-part .date-row{
display: inline-block;
padding: 0px !important;
}
.single-film-performance-part .moreshowtimes {
padding: 12px 30px;
font-size: 14px;
}
.jacro-player {
width: 100%;
}
.jacro-player .jacro-player-frame {
height: calc(45vh + 5px);
}
.jacro-liveevents .film-info {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
}
.jacro-events .film-title {
font-size: 16px;
}
.jacro-text-left {
text-align: left !important;
}
.film-title { margin:15px 0 30px 0 !important; height: auto !important;}
.jacro-events .film-title { margin:0px 0px 10px 0 !important; height: auto !important;}
.jacro-events .jacro-event {
display: inline-block; margin: 15px 0px 35px 0px;width: 100%;
}
.jacrospaceyboi {
border-bottom: solid 1px #C3C3C3;
width: 90%;
}
.liveeventtitle {
font-size: 24px;
font-weight: 600 !important;
margin-bottom: 30px;
padding-bottom: 10px;
letter-spacing: 1px;
color: #101010;
}
.live-more-show-time {
padding-top: 30%;
padding-bottom: 66%;
}
.livemoreshow {
font-size: 18px;
text-transform: lowercase;
text-decoration: none;
}
.livemoreshow:hover {
font-size: 18px;
text-decoration: none;
}
.jacro-text-center { text-align: center; }
.jacro-custom-messages { text-align: center; border: 1px solid #CCC; padding: 10px; border-radius: 3px;color:var(--black-color); }
/** Calendar **/
#jacro-event-caleandar ul.cld-days li.cld-day.currMonth.today, #jacro-event-caleandar .cld-main ul.cld-labels {
background: var(--green-color);
}
#jacro-caleandar-section ul.cld-days {display: inline-block;}
#jacro-event-caleandar ul.cld-days li.cld-day.currMonth.today:hover, #jacro-event-caleandar ul.cld-days li.cld-day.currMonth.today:hover a, #jacro-event-caleandar ul.cld-days li.cld-day.currMonth.today p:hover, #jacro-event-caleandar ul.cld-days li.cld-day.currMonth.today p:hover a {
background: #00722D;
}
.select2-selection.select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 34px !important;
}
.select2-container--default .select2-selection--single {
border:1px solid #cfcfcf !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-right:22px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background: var(--white-color) url("../images/jacro-down.png") no-repeat scroll right center / 22px auto !important;
left: 50%;
height: 8px !important;
width: 18px !important;
border-style: none !important;
margin-left: -9px !important;
}
.jacro-warning-note {color: var(--orange-color);padding: 2px 0px;font-size: 12px;}
.jacro-warning-note i{font-size: 15px;padding: 0px 5px;}
#PosterLayout {
display: grid;
grid-gap: 10px;
justify-content: center;
align-content: flex-start;
text-align: center;
margin-top: 0px;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #242B35;
background: var(--white-color);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#PosterLayout .missing_img, .poster-img {
background: var(--white-color);
-webkit-transition: opacity 800ms;
-moz-transition: opacity 800ms , display 800ms;
-o-transition: opacity 800ms , display 800ms;
-ms-transition: opacity 800ms , display 800ms;
transition: opacity 800ms , display 800ms;
display: block;
height: auto;
Xwidth: 270px;
max-width: 300px;
height: auto;
border-radius: 20px;
}
#PosterLayout .missing_img, .poster-img {
background: var(--white-color);
-webkit-transition: opacity 800ms;
-moz-transition: opacity 800ms , display 800ms;
-o-transition: opacity 800ms , display 800ms;
-ms-transition: opacity 800ms , display 800ms;
transition: opacity 800ms , display 800ms;
display: block;
height: auto;
Xwidth: 270px;
max-width: 300px;
height: auto;
border-radius: 0px;
}
.poster-text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 2em 1em;
transition: opacity 0.5s;
-webkit-transition: 700ms;
transition: 700ms;
opacity: 0.0;
font-size: 0.8em;
overflow: hidden;
border-radius: 0px;
text-align: center;
}
.poster-title {
color: #333333;
line-height: 1.4em;
font-weight: bold;
}
.poster-title, .poster-rating, .poster-running {
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
}
.poster-banner {
color: #333333;
line-height: 25px;
font-size: 14px;
font-weight: bold;
padding: 10px 5px 0 5px;
text-align: center;
}
.poster-case:hover {
cursor: pointer;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: var(--white-color);
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.poster-case:hover img, .poster-case:focus img, .poster-case:active img {
opacity: 0.2;
filter: alpha(opacity=20);
}
.poster-case:hover .poster-text, .poster-case:focus .poster-text, .poster-case:active .poster-text, .poster-case:hover .poster-text img, .poster-case:focus .poster-text img, .poster-case:active .poster-text img {
opacity: 1.0;
filter: alpha(opacity=100);
cursor: pointer;
}
.hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgb(200 200 200 / 0%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border-radius: 0px;
}
.poster-case {
margin-top: 18px;
}
.gridw180 {
grid-template-columns: repeat(auto-fill, 180px);
}
.gridw220 {
grid-template-columns: repeat(auto-fill, 220px);
}
.gridw270 {
grid-template-columns: repeat(auto-fill, 270px);
}
.gridw180 .poster-case {
width: 180px;
}
.gridw220 .poster-case {
width: 220px;
}
.gridw270 .poster-case {
width: 270px;
}
.gridw180 .poster-img {
width: 180px;
height: 100%;
}
.gridw220 .poster-img {
width: 220px;
height: 100%;
}
.gridw270 .poster-img {
width: 270px;
height: 100%;
}
.col-md-4.col-sm-3.running-time {
width: 100%;
display: flex;
align-items: center;
padding: 0;
}
.homepage_bottons {
text-align: center;
width: 100%;
margin: 0 0 35px 0;
}
.homepage_bottons h5#mobidatesh5 {
display: inline-block;
margin: 0 10px;
padding: 0;
}
.homepage_bottons select, .homepage_bottons option {
font-weight: 600;
}
#full-fat-menu ul {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
}
.fw-tabs {
margin-bottom: 30px;
}
.fw-tabs ul {
border-bottom: 1px solid #d8d8d8;
}
#full-fat-menu li {
flex: 1 1 0;
display: flex;
justify-self: center;
}
.fw-tabs ul li a {
font-size: 14px;
line-height: 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-transform: capitalize;
color: #808080;
text-align: center;
padding: 10px;
transition: all ease-in-out 0.3s;
width: 100%;
}
.fw-tabs ul li a:hover{
color: var(--black-color);
}
.fw-tabs ul li a>div:first-child {
font-weight: 700;
}
.fw-tabs ul li a:after {
position: absolute;
bottom: -1px;
left: 0;
display: block;
width: 0;
height: 4px;
content: '';
transition: all .25s ease-in-out;
background-image: linear-gradient(to right, var(--red-color), var(--red-dark-color));
}
.fw-tabs ul li a.active:after, .fw-tabs ul li a:hover::after{
width: 100%;
}
.fw-tabs ul li a.active{
color: var(--red-color);
}
.fw-tabs ul li a:hover, .fw-tabs ul li a:focus, .fw-tabs ul li a:active {
text-decoration: none;
}
/* Movie tabs */
.movie-tabs {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #d8d8d8;
}
.movie-tabs:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.movie-tabs header h3 a{
font-size: 24px;
font-weight: 300;
letter-spacing: 1px;
color: #101010;
font-weight: 500;
}
.movie-tabs header h3 a:hover{
color: var(--red-color);
}
.movie-tabs img {
border-radius: 3px;
width: 180px;
max-width: 100%;
}
.movie-tabs span.title {
color: var(--orange-color);
}
.movie-tabs .viewing-times {
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var( --light-gray-color);
}
.movie-tabs .viewing-times i {
font-size: 13px;
}
.movie-tabs .time-wrap {
display: inline-block;
display: none;
}
.movie-tabs .time {
font-size: 14px;
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
padding: 7px 10px;
letter-spacing: 0;
color: #717171;
border-radius: 5px;
background-color: #d8d8d8;
}
.movie-tabs .time.past {
opacity: .5;
}
.movie-tabs .running-time {
font-size: 12px;
text-align: left !important;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-top: 10px;
}
.movie-tabs .certificate {
background: var(--red-color);
font-size: 13px;
font-weight: bold;
display: inline-flex;
width: 50px;
min-width: 40px;
height: 50px;
text-align: center;
letter-spacing: 0;
color: var(--white-color);
border-radius: 50%;
align-items: center;
justify-content: center;
}
.single-film .site-content .ast-container {
display: block !important;
}
/** Content header **/
.single-page-header {
margin-bottom: 60px;
}
#content_hero {
position: relative;
transition: all 300ms ease-in-out;
background-color: #101010;
background-position: center;
background-size: cover;
}
#content_hero:before {
top: auto;
height: 100%;
}
#content_hero .container .blurb {
margin-top: 200px;
margin-bottom: 100px;
}
#content_hero .container .blurb h1 {
-webkit-animation: none;
animation: none;
opacity: 1;
}
#content_hero .star-rating i.grey {
color: rgba(255, 255, 255, .2);
}
/* Back to top */
#back-to-top {
font-size: 12px;
line-height: 45px;
position: fixed;
z-index: 9999;
right: 40px;
bottom: 40px;
width: 45px;
height: 45px;
cursor: pointer;
transition: opacity 1s ease-out;
transition: all 300ms ease-in-out;
text-align: center;
opacity: 0;
border: 0;
border-radius: 2px;
background: rgba(27, 29, 30, .8);
}
#back-to-top:hover {
color: rgb(27, 29, 30);
}
#back-to-top.show {
opacity: 1;
}
.btn-default {
border: none;
background-image: linear-gradient(to right, var(--red-color), var(--red-dark-color));
font-size: 13px;
font-weight: normal;
position: relative;
overflow: hidden;
width: auto;
padding: 12px 24px;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--white-color);
border-width: 2px;
border-radius: 30px;
transition: all ease-in-out 0.3s;
}
.btn-default:hover{
background-image: linear-gradient(to right, var(--red-dark-color), var(--red-color));
color: var(--white-color);
}
a.backtohome {
font-size: 16px;
font-weight: 600;
color: var(--white-color);
}
a.backtohome:hover {
color: var(--red-color);
}
h2.left{
position: relative;
padding: 0 0 10px 0;
font-size: 18px;
margin-bottom: 40px;
letter-spacing: 1.7px;
text-transform: uppercase;
border-bottom: 1px solid #d8d8d8;
}
h2.left:after {
position: absolute;
right: auto;
bottom: -1px;
display: block;
width: 125px;
height: 4px;
content: '';
}
ul.movie-info {
margin: 25px 0;
padding: 0;
list-style: none;
}
ul.movie-info li {
font-size: 12px;
margin-bottom: 10px;
letter-spacing: 1px;
}
ul.movie-info li i {
font-size: 12px;
font-style: normal;
display: inline-block;
width: 115px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var( --light-gray-color);
}
#single-film-performance-part span {
display: inline-block;
margin-right: 5px;
margin-bottom: 4px;
padding-bottom: 4px;
font-weight: 500;
text-transform: capitalize;
}
.movie-tabs h3.no-underline {
margin-top: 0;
}
/* .entry-content > * {
width: 1280px;
max-width: 100% !important;
margin: 0 auto !important;
} */
main#main {
max-width: 1300px;
margin: 0 auto;
width: 100%;
}
.searchfilms_inner #searchfilms_box {
padding: 6px 10px;
border-radius: 0px;
color: var(--black-color);
font-size: 14px;
}
#full-fat-menu ul li.order1 {
order: 1;
}
#full-fat-menu ul li.order2 {
order: 2;
}
#full-fat-menu ul li.order3 {
order: 3;
}
#full-fat-menu ul li.order4 {
order: 4;
}
#full-fat-menu ul li.order5 {
order: 5;
}
#full-fat-menu ul li.order6 {
order: 6;
}
#full-fat-menu ul li.order7 {
order: 7;
}
#full-fat-menu ul li.order8 {
order: 8;
}
#full-fat-menu ul li.order9 {
order: 9;
}
#full-fat-menu ul li.order10 {
order: 10;
}
#full-fat-menu ul li.order0, #full-fat-menu ul li {
order: 11;
}
#login-iframe {
position: fixed;
top: 100px;
right: 0px;
bottom: 0px;
z-index: 99999;
display: none;
width: 100%;
height: 100%;
}
select:focus, a:focus{
outline:none !important;
}
a:focus, a:hover{
text-decoration-style: none !important;
text-decoration: none !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{
outline:none !important;
}
a {
text-decoration: none !important;
}
.container #primary {
width: 100% !important;
}
.site-content {
display: grid !important;
}
.livemoreshow {
background: none;
}
#PosterLayout .poster-text {
padding-top: 20%;
}
.innercatdived {
display: inline;
}
.innercatdived.active {
display: block;
}
/*gift card and giftcard balance css*/
iframe#jacro-giftcard,iframe#jacro-giftcard-balance {
position: fixed;
right: 0px;
bottom: 0;
z-index: 1;
width: 100%;
height: calc(100% - 100px);
}
body.gift-iframe-load, body.gift-balance-iframe-load{
overflow: hidden;
}
.admin-bar iframe#jacro-giftcard, .admin-bar iframe#jacro-giftcard-balance{
height: calc(100% - 130px);
}
.gift-iframe-load #content_hero .scroll, .gift-balance-iframe-load #content_hero .scroll{
display:none;
}
.gift-iframe-load .navbar, .gift-balance-iframe-load .navbar{
background: var(--black-color);
padding: 0;
top: 0;
}
.gift-iframe-load .navbar.banner--clone .nav, .gift-balance-iframe-load .navbar.banner--clone .nav{
padding-top:21px;
}
.gift-iframe-load .nav, .gift-balance-iframe-load .nav{
padding-top: 24px;
}
.admin-bar.gift-iframe-load .navbar, .admin-bar.gift-balance-iframe-load .navbar {
top: -11px;
}
.gift-balance-iframe-load .nav li a{
color:#c9e8e5 !important;
}
.gift-balance-iframe-load .nav li.active a, .gift-balance-iframe-load .nav li.current_page_parent a{
color:var(--red-dark-color) !important;
}
.gift-balance-iframe-load .navbar.banner--clone .nav li:after, .gift-balance-iframe-load .navbar.banner--clone .nav li.active a:after, .gift-balance-iframe-load .navbar.banner--clone .nav li.current_page_parent a:after{
bottom:0;
}
.hiddenmenu {
display: none !important;
}
.contactpreferences-iframe-load{
overflow: hidden;
}
.singlefilmperfs .perfmods span:empty {
display: none !important;
}
.single-film-performance-part .show-time span.modifier {
padding-right: 10px;
}
/*Info popup*/
div#showinfo {
position: fixed;
z-index: 9999999999999999999;
top: 0;
padding: 20px;
height: 100vh;
width: 100%;
background-color: rgb(60 59 82 / 29%);
align-items: center;
}
div#showinfo.active{
display:flex !important;
}
.innerpopbk {
background: var(--white-color) none repeat scroll 0 0;
border: 5px solid var(--red-dark-color);
border-radius: 8px;
box-shadow: 2px 3px 15px 2px #888888;
color: var(--black-color);
min-height: 20px;
padding: 2em 1.5em;
width: auto;
z-index: 1;
font-size: 18px;
max-width: 450px;
text-align: center;
position: relative;
margin: 0 auto;
font-weight: 600;
display: flex;
flex-direction: column;
max-height: 100%;
min-width: 280px;
}
.innerpopbk .innerpopbk-content {
overflow: hidden auto;
}
a.bkingbtn {
background-image: linear-gradient(to right, var(--red-color), var(--red-dark-color));
color: var(--white-color) !important;
padding: 8px 20px;
margin-top: 12px;
display: inline-block;
border-radius: 3px;
}
a.bkingbtn:hover{
background-image: linear-gradient(to right, var(--red-dark-color), var(--red-color));
}
span.closeppp {
margin: 0px !important;
transform: rotate(45deg);
}
#showinfo .film_name, #showinfo .theatre_location {
font-weight: 600;
color: var(--red-dark-color);
}
.innerpopbk-content > p {
font-size: 16px;
margin-bottom: 10px;
text-transform: capitalize;
}
#showinfo a.bkingbtn-confirm, #showinfo a.bkingbtn-cancel {
display: inline-block;
color: var(--black-color);
border: 2px solid var(--red-dark-color);
padding: 5px 15px;
border-radius: 20px;
margin: 10px 0px;
transition: .2s all ease-in;
cursor: pointer;
}
#showinfo a.bkingbtn-confirm:hover {
color: var(--white-color) !important;
background-color: var(--red-dark-color);
}
#showinfo a.bkingbtn-cancel:hover {
color: var(--white-color) !important;
background-color: var(--red-color);
border: 2px solid var(--red-color);
}
#showinfo .film_name span {
text-transform: uppercase;
}
body.noscroll {
overflow-y: hidden;
}
.details-form {
position: fixed;
height: 100%;
z-index: 99999;
top: 100px;
left: 0;
right: 0;
max-width: 900px;
margin: 0 auto;
width: 100%;
}
.details-form a.closeppbtn {
position: absolute;
right: -15px;
top: -15px;
font-size: 17px;
color: var(--white-color);
z-index: 99;
background: var(--blue-color);
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
iframe#contact-preferences-iframe {
position: relative;
right: 0px;
bottom: 0;
z-index: 1;
width: 100%;
height: 452px !important;
overflow: hidden !important;
}
.details-form {
max-width: 100%;
top: 0;
bottom: 0;
height: 100%;
background: rgb(0 0 0 / 61%);
display: flex;
align-items: center;
justify-content: center;
}
.details-form .details-iframe {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 50px 40px;
border-radius: 10px;
border: solid 1px #D2D6E3;
box-shadow: 15px 15px 40px rgb(4 12 30 / 4%);
position: relative;
background: var(--white-color);
}
/*Info popup end*/
.category-dropdown .checkbox {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 400;
}
.category-dropdown .checkbox input[type=checkbox] {
margin-left: -25px;
transform: scale(1.5);
}
/*theme*/
.home main#wp--skip-link--target {
display: flex;
align-items: center;
justify-content: center;
}
/*cinema selection modal*/
#jacro-cinemas {
position: fixed;
z-index: 9999999999999999999;
top: 0;
padding: 20px;
height: 100vh;
max-width: 100%;
background-color: rgb(96 95 127 / 75%);
}
#jacro-cinemas .modal-content {
background: var(--white-color) none repeat scroll 0 0;
border: 5px solid var(--red-dark-color);
border-radius: 8px;
box-shadow: 2px 3px 15px 2px #888888;
color: var(--black-color);
min-height: 20px;
padding: 2em 1.5em;
top: 50%;
width: auto;
z-index: 1;
font-size: 18px;
max-width: 450px;
text-align: center;
position: relative;
margin: 0 auto;
font-weight: 600;
transform: translateY(-50%);
}
#jacro-cinemas .modal-header {
padding: 0px 13px;
}
#jacro-cinemas button.close, span.closeppp {
position: absolute;
right: -15px;
top: -20px;
padding: 2px 7px 8px 7px;
margin-top: 6px;
color: var(--white-color);
font-size: 22px;
border-radius: 50%;
line-height: 1;
cursor: pointer;
background: var(--red-dark-color);
border: 2px solid var(--red-dark-color);
width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
}
#jacro-cinemas button.close:hover, span.closeppp:hover{
background-color: var(--red-color);
opacity: 1;
}
#jacro-cinemas .modal-header h4.modal-title {
padding: 10px 0px;
text-align: center;
}
select.select-cinema-theater {
margin: 0 auto;
width: 100% !important;
}
/*advance filter design*/
.layout-advanceblock {
display: flex;
flex-direction: column;
justify-content: end;
align-items: end;
margin-bottom: 15px;
}
.layout-advanceblock .innerbtnblc {
gap: 20px;
justify-content: end;
}
.layout-advanceblock .innerbtnblc, .layout-advanceblock .jacro-layout-selector {
display: flex;
align-items: center;
white-space: nowrap;
gap: 10px;
}
.layout-advanceblock .jacrolayout-selections {
display: none;
}
.layout-advanceblock > div {
width: 100%;
}
.layout-advanceblock .jacro-layout-selector input {
position: relative;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 50px !important;
height: 25px;
border-radius: 30px;
cursor: pointer;
background: #ccc;
transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out;
transition-delay: 0.1s, 0s;
}
.layout-advanceblock .jacro-layout-selector input:before, .layout-advanceblock .jacro-layout-selector input:after {
content: "";
display: block;
}
.layout-advanceblock .jacro-layout-selector input:before {
display: inline-block;
height: 19px;
width: 19px;
margin: 3px 3px 3px 4px;
background-color: var(--white-color);
border-radius: 2.1em;
transition: all 0.1s ease 0.1s;
}
.layout-advanceblock .jacro-layout-selector input, .layout-advanceblock .jacro-layout-selector label {
margin: 0px !important;
color: var(--black-color);
text-transform: uppercase;
}
.layout-advanceblock .jacro-layout-selector input:checked {
transition-delay: 0s, 0s;
box-shadow: inset 0 0 0 2.62857em var(--green-color) !important;
padding-left: 24px;
}
.layout-advanceblock .searchfilms_inner {
position: relative;
max-width: 305px;
margin-left: auto;
margin-top: 10px;
}
.layout-advanceblock .searchfilms_inner input {
border-width: 2px !important;
border-color: var(--black-color) !important;
border-radius: 5px !important;
padding-left: 40px !important;
}
.layout-advanceblock .searchfilms-icon {
position: absolute;
transform: translate(10px, 5px);
}
.layout-advanceblock .searchfilms-icon i {
color: var(--black-color);
}
.menufilter-options {
display: flex;
width: 100%;
}
.menufilter-options .fw-tabs {
margin-bottom: 0px !important;
}
.menufilter-options .fw-tabs, .menufilter-options .moviedetails-widget {
width: 100%;
}
.menufilter-options li, .datefilter-options li {
flex: 1 1 0% !important;
}
.menufilter-options .fw-tabs ul, .fw-tabs .datefilter-options ul{
border-bottom: none !important;
gap: 15px;
}
.menufilter-options .fw-tabs ul li a, .fw-tabs .datefilter-options ul li a{
border-width: 4px !important;
font-size: 14px;
font-weight: 600;
padding: 40px 0px !important;
position: relative;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
text-transform: uppercase;
background-color: var( --light-gray-color);
border-color: var(--black-color);
color: var(--white-color) !important;
text-align: center;
border-style: solid;
border-radius: 0 !important;
height: 100%;
}
.fw-tabs .datefilter-options ul li a{
padding: 14px !important;
border-width: 2px !important;
}
.menufilter-options .fw-tabs ul li a:hover, .menufilter-options .fw-tabs ul li a:focus, .menufilter-options .fw-tabs ul li a:active, .menufilter-options .fw-tabs ul li a.active, .fw-tabs .datefilter-options ul li a:hover, .fw-tabs .datefilter-options ul li a:focus, .fw-tabs .datefilter-options ul li a:active, .fw-tabs .datefilter-options ul li a.active {
text-decoration: none;
background-color: var(--red-color);
color: var(--white-color) !important;
}
.menufilter-options .fw-tabs ul li a:after, .fw-tabs .datefilter-options ul li a:after{
content: none;
}
.datefilter-options ul li a > div:first-child {
font-weight: 600;
}
.advancefilterdesign .arrow-button {
font-weight: 800;
}
.advancefilterdesign .arrow-button:after {
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
font-weight: bold;
position: absolute;
top: 0;
display: inline-block;
margin-top: 3px;
margin-left: 5px;
content: '\f105';
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* sort films - starttime/alphabet */
.sortfilms-alphabet-start a.sortfilm-filter, .sortfilms-alphabet-start {
color: var(--black-color) !important;
}
.sortfilms-alphabet-start {
margin: 15px 0px 15px 10px;
cursor: pointer;
}
.sortfilms-alphabet-start a.sortfilm-filter.active {
color: var(--orange-color) !important;
}
/* price schedule list */
.offers_info_list {
border: 2px solid var(--black-color);
padding: 10px;
}
.offers_info_list p {
color: #101010;
}
.offers_info_list span {
color: var(--blue-color);
font-weight: 700;
}
.offers_info_list strong {
color: var(--red-color);
}
/* special event tag */
.singlefilmperfs .perf_special_offer {
margin: 0 5px;
border-radius: 50%;
}
/*tooltip*/
[data-tooltip] {
position: relative;
}
[data-tooltip]::before, [data-tooltip]::after {
opacity: 0;
visibility: hidden;
margin-top: -0.5em;
}
[data-tooltip]::before {
content: attr(data-tooltip);
display: block;
position: absolute;
top: calc(100% + 14px);
left: 50%;
transform: translateX(-50%);
text-align: center;
border-radius: 5px;
background: var(--black-color);
color: var(--white-color);
font-size: 12px;
line-height: 1.1;
padding: 0.75em 0.95em;
z-index:5;
}
[data-tooltip]::after {
content: "";
border: 9px solid transparent;
border-top-color: var(--black-color);
position: absolute;
left: 50%;
margin: 0;
margin-left: 0;
transform: translateX(-50%) rotate(180deg);
bottom: -8px;
}
[data-tooltip]:hover {
cursor: help;
}
[data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1;
visibility: visible;
}
.specialfeatureperf {
background: var(--red-dark-color);
padding: 7px 10px;
border-radius: 0 5px 5px 0;
margin-left: 5px;
margin-right: -10px;
}
/*quick book*/
.footer_quick_book {
background: rgba(0, 0, 0, 0);
bottom: 0px;
position: fixed;
width: 100%;
z-index: 999;
left: 0;
}
.footer_quick_book.hidden-book {
width: 200px;
}
.footer_quick_book .footer-booking {
display: flex;
}
.footer_quick_book .footer-booking .quick_book {
background: var(--red-color);
color: var(--white-color);
display: block;
font-size: 18px;
font-weight: 700;
float: left;
height: 68px;
padding-top: 23px;
position: relative;
text-align: center;
transition: width .6s ease-in-out;
width: 100%;
z-index: 1;
width: 290px;
transition: all ease-in-out .3s;
cursor: pointer;
flex: 0 0 auto;
}
.footer_quick_book.hidden-book .footer-booking .quick_book {
width: 160px;
}
.footer_quick_book.hidden-book .hide-selection {
transform: translateX(-100%);
}
.footer_quick_book .hide-selection {
flex: 1 1 0;
background-color: var(--white-color);
padding-inline: 20px;
display: flex;
align-items: center;
transition: all ease-in-out .3s;
}
.footer_quick_book .hide-selection .selecters {
display: flex;
flex: 1 1 0;
}
.footer_quick_book .hide-selection .selecter_rows {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
padding-right: 20px;
margin-right: 20px;
}
.footer_quick_book .hide-selection .selecter_rows .title {
color: #7f7f7f;
float: left;
font-size: 15px;
font-weight: 700 !important;
margin: 0px 0px 3px;
text-transform: uppercase;
padding: 0px;
line-height: 1;
}
.footer_quick_book .hide-selection .selecter_rows select{
border: none !important;
border-radius: 0px;
outline: none;
font-size: 16px;
font-weight: 600;
line-height: 20px;
height: unset !important;
background: url('data:image/svg+xml,') no-repeat scroll right center / 10px auto !important;
width: 100% !important;
cursor: pointer;
transition: all ease-in-out 0.3s;
}
.footer_quick_book .hide-selection .selecter_rows select:hover{
color: #7f7f7f;
}
.footer_quick_book .hide-selection .selecter_rows.disabled::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--white-color);
opacity: .7;
}
.footer_quick_book .hide-selection .selecter_rows .select2 .select2-selection {
border-radius: 0;
border: 0px !important;
height: unset !important;
}
.footer_quick_book .hide-selection .selecter_rows .select2 .select2-selection .select2-selection__rendered {
border-radius: 0;
padding-inline: 0px;
color: var(--black-color);
font-size: 16px;
line-height: 20px !important;
font-weight: 600;
transition: all ease-in-out 0.3s;
width: fit-content;
max-width: 100%;
background: url('data:image/svg+xml,') no-repeat scroll right center / 10px auto !important;
}
.footer_quick_book .hide-selection .selecter_rows .select2 .select2-selection .select2-selection__rendered:hover{
color: #7f7f7f;
}
.footer_quick_book .hide-selection .selecter_rows .select2 .select2-selection .select2-selection__arrow {
display: none;
}
.footer_quick_book .hide-selection .quick_book_btn {
font-size: 14px;
background-color: var(--white-color);
border: 1px solid var(--black-color);
color: var(--black-color);
font-weight: 600;
transition: all ease-in-out .3s;
text-decoration: none;
padding: 9px 26px 8px;
border-radius: 3px;
text-align: center;
}
.footer_quick_book .hide-selection .quick_book_btn:hover, .footer_quick_book .hide-selection .quick_book_btn:focus{
background-color: var(--red-color) !important;
border-color: var(--red-color) !important;
color: var(--white-color);
}
body.quick_book_open .footer_quick_book {
width: 100% !important;
}
/* select2 dropdown */
.select2-container .select2-dropdown {
border: none;
border-radius: 0;
}
.select2-container .select2-dropdown .select2-search__field{
border-radius: 0;
font-size: 14px;
padding: 4px 10px;
}
.select2-container .select2-dropdown .select2-results ul li{
font-size: 14px;
font-weight: normal;
line-height: normal;
padding: 10px 15px;
color: var(--black-color);
transition: all ease-in-out 0.3s;
}
.select2-container .select2-dropdown .select2-results ul li.select2-results__option--highlighted{
background-color: var(--red-color);
color: var(--white-color);
}
/*black theme layout*/
.desktopcinemaselect.blacktheme-cinemaselect {
margin: 20px 0;
}
.blacktheme-design {
padding: 20px;
background-color: var(--black-color);
border-radius: 10px;
margin: 0px -5px 40px !important;
max-width: 100% !important;
}
.blacktheme-design .fw-tabs ul li a {
color: var(--white-color);
}
.blacktheme-design .fw-tabs ul li a:hover, .blacktheme-design .fw-tabs ul li a.active {
color: var(--red-color);;
}
.blacktheme-design .jacro-down-arrow{
background: rgba(0, 0, 0, 0) url('data:image/svg+xml,') no-repeat scroll right center / 20px 15px;
}
.blacktheme-design .jacro-sort-filters{
padding-bottom: 0px;
margin-bottom: 0px;
color: var(--white-color);
}
.blacktheme-design .jacro-sort-filters select{
color: var(--black-color);
}
.blacktheme-section {
display: flex;
flex-direction: column;
gap: 20px;
margin-inline: 0;
}
.blacktheme-section.detail > .row {
margin: 0 !important;
background: var(--black-color);
padding: 20px;
border-radius: 10px;
border: none !important;
}
.blacktheme-section.detail > .row.movie-tabs h3.no-underline a {
color: var(--white-color) !important;
}
.blacktheme-design div#mobile-menu span{
color: var(--white-color);
}
.blacktheme-section.detail > .row.movie-tabs h3.no-underline a:hover{
color: var(--red-color) !important;
}
.blacktheme-section.detail > .row.movie-tabs header > p {
margin: 0;
color: var(--white-color);
}
.blacktheme-section .perfbtn {
font-size: 14px;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 5px;
padding: 7px 10px;
font-weight: 500;
text-transform: uppercase;
line-height: 21px;
letter-spacing: 2px;
transition-duration: 0.3s;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-radius: 0px 0px 0px 0px;
font-style: normal;
border-color: var(--red-color);
background: var(--black-color) !important;
}
.blacktheme-section .perfbtn:hover{
background: var(--red-dark-color) !important;
}
.blacktheme-section .specialfeatureperf {
background: var(--red-color);
padding: 10px;
border-radius: 0;
margin-left: 5px;
margin-right: -10px;
}
.blacktheme-section .wrap-legends {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blacktheme-section > .movie-tabs .wrap-legends p {
margin-bottom: 10px;
line-height: normal;
color: var(--red-color);
font-size: 15px;
}
.blacktheme-section .wrap-legends p {
margin-right: 0.8rem;
}
.blacktheme-section > .row.movie-tabs header > p a#tempsynoplink {
margin-left: 0;
}
.blacktheme-section > .row.movie-tabs header > p a#tempsynoplink:hover , .blacktheme-section .jacro-date-showtime-list span {
color: var(--white-color);
}
.blacktheme-section span.modifier {
margin: 4px 4px 0px 0px;
display: inline-block;
}
.blacktheme-section .film_showtime {
width: 100%;
display: inline-block;
padding: 15px;
border-radius: 10px;
background-color: var(--black-color);
}
/* comingsoon card */
.film_card_group {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.film_card_group .movie-tabs {
margin: 0px;
padding: 0px;
background: var(--black-color);
border: none;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.film_card_group .movie-tabs .film_img a, .film_card_group .movie-tabs .film_img img{
width: 100% !important;
}
.film_card_group .movie-tabs .film_img a {
height: 315px;
display: block;
overflow: hidden;
}
.film_card_group .movie-tabs .film_img img{
object-fit: cover;
height: 100%;
transition: all ease-in-out 0.3s;
}
.film_card_group .movie-tabs .film_img:hover img{
transform: scale(1.1);
}
.film_card_group .movie-tabs .film_img{
position: relative;
}
.film_card_group .movie-tabs .film_img .coming_soon, .film_card_group .movie-tabs .film_img .times{
position: absolute;
}
.film_card_group .movie-tabs .film_img .coming_soon{
left: 20px;
padding: 8px 10px 5px;
top: 16px;
background: var(--red-color);;
border-radius: 3px;
display: inline-block;
color: var(--black-color);
font-size: 11px;
text-transform: uppercase;
width: auto;
z-index: 1;
font-weight: 700;
}
.film_card_group .movie-tabs .film_img .times{
background: rgba(0, 0, 0, 0.761);
padding: 20px;
width: 100%;
bottom: 0;
color: var(--white-color);
backdrop-filter: blur(6px);
border-bottom: 1px solid #e7be7921;
}
.film_card_group .movie-tabs .film_img .times span.cert {
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
display: inline-block;
float: left;
height: 29px;
margin-right: 30px;
width: 29px;
}
.film_card_group .movie-tabs .film_img .times p {
font-size: 16px;
margin-bottom: 0px;
margin-top: 2px;
}
.film_card_group .movie-tabs .film-content{
padding: 20px;
flex: 1 1 0;
display: flex;
flex-direction: column;
}
.film_card_group .movie-tabs .film-content h3{
color: var(--white-color);
font-size: 24px;
line-height: normal;
margin-bottom: 20px;
}
.film_card_group .movie-tabs .film-content h3 a {
color: var(--white-color);
transition: all ease-in-out 0.3s;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.film_card_group .movie-tabs .film-content h3 a:hover{
color: var(--red-color);;
}
.film_card_group .movie-tabs .film-content p{
font-size: 16px;
line-height: 25px;
}
.film_card_group .movie-tabs .film-content .arrow-button{
display: flex;
align-items: center;
justify-content: center;
font-family: "Roboto", Sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 21px;
letter-spacing: 2px;
fill: var(--red-color);
color: var(--red-color);
transition-duration: 0.3s;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: var(--red-color);
border-radius: 0px 0px 0px 0px;
padding: 10px 30px 10px 30px;
margin: auto 0px 0px !important;
gap: 4px;
}
.film_card_group .movie-tabs .film-content .arrow-button:hover{
background-color: var(--red-color);
color: var(--black-color);
fill: var(--black-color);
}
.film_card_group .movie-tabs .film-content .arrow-button::after{
position: unset;
}
/*three column layout*/
.threecolumn-design .filter-wrapper-accordion .acc-header {
display: none;
}
.threecolumn-design #date_list.fw-tabs ul {
border-top: 1px solid #d8d8d8;
}
.threecolumn-design .fw-tabs ul li a.active::before {
background: var(--white-color);
border: 1px solid #d8d8d8;
border-left: none;
border-top: none;
bottom: -7px;
content: "";
height: 12px;
left: 50%;
margin-left: -6px;
position: absolute;
transform: rotate(45deg);
width: 12px;
}
.threecolumn-design .fw-tabs ul li a:after {
content: none;
}
.threecolumn-section #PosterLayout {
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
margin-top: 30px;
}
.threecolumn-section #PosterLayout .poster-case {
width: 100%;
margin-top: 0px !important;
}
.threecolumn-section #PosterLayout .poster-case .poster-img {
width: 100%;
max-width: 100%;
background: unset;
border-radius: 0px;
overflow: hidden;
}
.threecolumn-section #PosterLayout .result_listing {
position: relative;
}
.threecolumn-section #PosterLayout .poster-case .result_listing .poster-img {
object-fit: cover;
object-position: center;
opacity: 1;
}
.threecolumn-section #PosterLayout .missing_img, .threecolumn-section .poster-img {
max-width: 100% !important;
}
.threecolumn-section #PosterLayout .result_listing .poster-text {
background: rgba(0, 0, 0, 0.7);
padding: 25px 25px 10px !important;
height: unset;
bottom: 0;
top: unset;
border-radius: 0px;
opacity: 1;
text-align: start;
}
.threecolumn-section #PosterLayout .result_listing .poster-text .poster-title {
color: var(--white-color);
font-weight: 700;
margin-bottom: 15px;
font-size: 20px;
line-height: 100%;
padding: 0px;
text-align: start !important;
justify-content: start;
}
.threecolumn-section #PosterLayout .result_listing:hover .poster-text p {
max-height: 200px;
}
.threecolumn-section #PosterLayout .result_listing .poster-text p {
margin-bottom: 0px;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-size: 14px;
line-height: 20px;
}
.threecolumn-section #PosterLayout .result_listing .poster-text p {
color: var(--white-color);
text-align: start;
}
.threecolumn-section .poster-film-content {
background: #1a1a1a;
margin-bottom: 0px;
padding: 20px 20px 10px;
position: relative;
border-bottom: 3px solid var(--red-color);
cursor: auto;
}
.threecolumn-section .poster_film_header {
display: flex;
align-items: start;
justify-content: space-between;
gap: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #575757;
}
.threecolumn-section .poster_film_header ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: start;
font-size: 14px;
line-height: normal;
color: #808080;
}
.threecolumn-section .poster_film_header ul li:not(:last-child){
margin-bottom: 15px;
}
.threecolumn-section .poster_film_header ul strong {
color: var(--white-color);
font-weight: 400;
}
.threecolumn-section .poster_film_header .film-certificate {
width: 30px;
height: 30px;
flex: 0 0 auto;
}
.threecolumn-section .poster_film_header .film-certificate img {
max-width: 100%;
}
.threecolumn-section .poster_film_header .film-certificate span, .threecolumn-section .single-film-title span {
margin: 0px;
font-size: 14px;
height: 29px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
border-radius: 50px;
border: 1px solid var(--white-color);
background-color: var(--orange-color);
color: var(--white-color);
margin-left: -10px !important;
}
.threecolumn-section .wtw-performance-time {
text-align: start;
font-size: 16px;
}
.threecolumn-section .wtw-performance-time, .threecolumn-section .wtw-performance-time .neworderpf {
color: #808080;
}
.threecolumn-section .wtw-performance-time .modifier, .threecolumn-section .wtw-performance-time br, .threecolumn-section .wtw-performance-time .fa-audio-description {
display: none !important;
}
.threecolumn-section .singlefilmperfs {
position: relative;
}
.threecolumn-section .singlefilmperfs > span {
margin-right: 10px;
}
.threecolumn-section .wtw-performance-time .perfbtn {
border: none;
font-size: 13px;
float: left;
height: 24px;
line-height: 20px;
padding: 2px 13px;
margin: 0px 10px 0px 0px !important;
position: relative;
background: var(--red-color);
}
.threecolumn-section .wtw-performance-time .perfbtn:hover{
background: var(--red-dark-color);
}
.threecolumn-section .wtw-performance-time .neworderpf{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #575757;
margin-bottom: 8px;
}
.threecolumn-section .wtw-performance-day-item .jacro-date-showtime-list .neworderpf{
padding-top: 0px;
margin-top: 0px;
border: none;
}
.threecolumn-section .wtw-performance-time .neworderpf span strong{
color: var(--white-color);
font-weight: 400;
}
.threecolumn-cinemaselect.desktopcinemaselect a.cinema_select {
font-weight: 700;
padding: 10px 15px;
letter-spacing: 1px;
margin: 20px 5px 0px 0px;
color: var(--white-color) !important;
}
.threecolumn-section .hvr-sweep-to-top:before {
content: none;
}
.threecolumn-design .modifier-filterfilms {
margin-top: 20px;
}
.modifier_filter_tab{
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position-y: 50%;
background-position-x: 100%;
padding-right: 20px;
font-size: 16px;
display: inline-block;
margin-bottom: 10px;
cursor: pointer;
transition: all ease-in-out 0.3s;
}
.modifier_filter_tab:hover{
color: #808080;
}
.checkbox-modifiers-filter {
padding: 0px;
margin: 0px;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px 40px;
list-style: none;
margin: 40px 0px 20px;
}
.modifier_option_filter input{
position: absolute;
width: 0px;
height: 0px;
padding: 0;
opacity: 0;
visibility: hidden;
}
.modifier_option_filter label{
width: 100%;
border: 1px solid #a6a6a6;
border-radius: 3px;
color: #a6a6a6;
padding: 7px;
text-align: center;
transition: all ease-in-out 0.3s;
font-size: 16px;
line-height: 1.5rem;
font-weight: 400;
margin: 0px;
cursor: pointer;
}
.applied-modifier-filter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px 40px;
}
.applied-modifier-filter button, .applied-modifier-filter span {
border: 1px solid #a6a6a6;
border-radius: 3px;
color: #a6a6a6;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px;
text-align: center;
width: 93px;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
line-height: 1.5rem;
cursor: pointer;
text-decoration: none;
outline: none;
background-color: transparent;
}
.applied-modifier-filter button{
border-color: var(--red-color);
}
.modifier-filter-content {
padding-bottom: 70px;
}
.modifier_option_filter label:hover, .modifier_option_filter:has(input:checked) label {
color: var(--black-color);
border-color: var(--black-color);
}
.threecolumn-section.detail {
margin-top: 20px;
}
/* boxlayout-comingsoon */
.boxlayout-comingsoon {
grid-template-columns: 1fr 1fr 1fr;
gap: 30px !important;
margin-top: 30px !important;
}
.boxlayout-comingsoon .poster-case{
width: 100%;
margin-top: 0px !important;
}
.boxlayout-comingsoon .poster-case::before{
display: none;
}
.boxlayout-comingsoon .poster-case .poster-img{
width: 100%;
max-width: 100%;
background: unset;
border-radius: 0px;
overflow:hidden;
}
.boxlayout-comingsoon .poster-case .result_listing .poster-img{
object-fit: cover;
object-position: center;
}
.boxlayout-comingsoon .poster-case:hover img, .boxlayout-comingsoon .poster-case:focus img, .boxlayout-comingsoon .poster-case:active img{
opacity: 1;
}
.boxlayout-comingsoon .result_listing {
position: relative;
}
.boxlayout-comingsoon .result_listing .poster-text {
background: rgba(0, 0, 0, 0.7);
padding: 25px 25px 10px !important;
height: unset;
bottom: 0;
top: unset;
border-radius: 0px;
opacity: 1;
text-align: start;
}
.boxlayout-comingsoon .result_listing .poster-text .poster-title {
color: var(--white-color);
font-weight: 700;
margin-bottom: 15px;
font-size: 20px;
line-height: 100%;
padding: 0px;
text-align: start !important;
justify-content: start;
}
.boxlayout-comingsoon .result_listing .poster-text p{
color: var(--white-color);
text-align: start;
}
.boxlayout-comingsoon .result_listing .poster-text p{
margin-bottom: 0px;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-size: 14px;
line-height: 20px;
}
.boxlayout-comingsoon .result_listing:hover .poster-text p{
max-height: 200px;
}
.boxlayout-comingsoon .result_listing:hover .poster-text p:not(:last-child){
margin-bottom: 15px;
}
.boxlayout-comingsoon .result_listing #tempsynoplink{
font-size: 0px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.boxlayout-comingsoon .poster-film-content {
background: #1a1a1a;
margin-bottom: 0px;
padding: 20px 20px 10px;
position: relative;
border-bottom: 3px solid var(--red-color);
cursor: auto;
}
.boxlayout-comingsoon .poster_film_header {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 10px;
margin-bottom: 0;
border-bottom: none;
gap: 10px;
}
.boxlayout-comingsoon .poster_film_header ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: start;
font-size: 14px;
color: #808080;
}
.boxlayout-comingsoon .poster_film_header ul strong{
color: var(--white-color);
font-weight: 400;
}
.boxlayout-comingsoon .poster_film_header .film-certificate{
width: 30px;
height: 30px;
flex: 0 0 auto;
}
.boxlayout-comingsoon .poster_film_header .film-certificate img{
max-width: 100%;
}
.boxlayout-comingsoon .poster_film_header .film-certificate span, .boxlayout-comingsoon .single-film-title span {
margin: 0px;
font-size: 14px;
height: 29px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
border-radius: 50px;
border: 1px solid var(--white-color);
background-color: var(--orange-color);
}
.boxlayout-comingsoon .coming-soon-label{
padding: 1px 9px 0;
position: absolute;
left: 22px;
top: 16px;
background: #BD0FE1;
}
.boxlayout-comingsoon .coming-soon-label span {
font-size: 11px;
color: var(--white-color);
text-transform: uppercase;
}
.boxlayout-comingsoon.coming-soon-wrapper .running-time p {
font-size: 16px;
margin-bottom: 0px;
color: var(--white-color);
}
/* genre films */
.genrefilms-section .wtw-performance-time {
text-align: start;
font-size: 16px;
color: #808080;
}
.genrefilms-section .poster_film_header {
align-items: start;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #575757;
}
/* single page */
.single-trailer{
border-bottom: 3px solid var(--red-color);
padding-top: 28px;
text-align: center;
}
.single-trailer iframe{
margin-inline: auto;
max-width: 920px;
aspect-ratio: 16/9;
}
.video-avi::before{
display: none !important;
}
.single-film-title {
display: inline-flex;
gap: 10px;
margin-bottom: 20px;
}
.single-film-title h2{
margin: 0px;
}
.single-threecolumnlayout .movie-info {
margin: 0 0 30px;
}
.single-threecolumnlayout .movie-info li{
font-size: 16px;
margin: 0px;
letter-spacing: 0px;
}
.single-threecolumnlayout .wtw-performance-time {
text-align: start;
font-size: 16px;
color: #808080;
}
.single-threecolumnlayout .singlefilmperfs {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
}
.single-threecolumnlayout #single-film-performance-part {
margin-top: 30px;
}
.single-threecolumnlayout .single-film-performance-part {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px 30px;
color: #fff;
}
.single-threecolumnlayout .single-film-performance-part .date-row{
padding: 15px 20px 10px !important;
background-color: #1a1a1a;
border-bottom: 3px solid var(--red-color);
}
.single-threecolumnlayout .single-film-performance-part .date-row .show-time{
font-size: 0px;
margin-top: 4px;
}
.single-threecolumnlayout .wtw-performance-time .perfbtn {
border: 2px solid transparent;
font-size: 13px;
float: left;
height: 24px;
line-height: 20px;
padding: 0px 13px;
position: relative;
margin: 0px 10px 0px 0px !important;
position: relative;
}
.single-threecolumnlayout .wtw-performance-time .perfbtn, .single-threecolumnlayout .wtw-performance-time .perfbtn:hover{
color: #fff !important;
background: var(--red-color) !important;
}
.single-threecolumnlayout .wtw-performance-time .modifier, .single-threecolumnlayout .wtw-performance-time br, .single-threecolumnlayout .wtw-performance-time .fa-audio-description{
display: none !important;
}
.single-threecolumnlayout .wtw-performance-time .neworderpf{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #575757;
margin-bottom: 8px;
}
.single-threecolumnlayout .wtw-performance-day-item .jacro-date-showtime-list .neworderpf{
padding-top: 0px;
margin-top: 0px;
border: none;
}
.single-threecolumnlayout .wtw-performance-time .neworderpf span strong{
color: #fff;
font-weight: 400;
}
.single-threecolumnlayout .moviepotato {
width: fit-content !important;
max-width: fit-content !important;
min-width: 270px;
}
.single-threecolumnlayout div#film_showtime>span {
font-weight: 600;
}
body.blog .footer_quick_book {
display: none !important;
}
/* Responsive Css */
@media screen and (min-width:580px) and (max-width:690px) {
.performance-screens.main-film-area:nth-child(2n+1){
clear: both !important;
}
.moviedetails-widget .tagcloud1 > a {
width: 100%; border-radius:3px;
}
}
@media screen and (min-width: 768px) {
div#film_section, div#film_section .row.movie-tabs{
margin-inline: 0px !important;
}
div#film_section .row.movie-tabs > .col-md-2.col-sm-3.col-xs-12{
padding-left: 0px;
}
#mobile-menu {
display: none !important;
}
}
@media screen and (min-width:768px) and (max-width:991px){
iframe#jacro-giftcard, iframe#jacro-giftcard-balance{
height: calc(100% - 125px);
}
.performance-screens.main-film-area:nth-child(2n+1){
clear: both;
}
.main-slider {
padding-top: 149px;
}
.poster_name {
margin-top: 33%;
}
.jacro_popup_inner {
width: 30%;
}
.dayshow-widget .tagcloud2 > a {
width: 20%;
}
.form-control.subselect-cinema-theater {
background-size: 5% 50%;
}
.form-group.select-option {
width: 60%;
}
.modal-content {
width: 50%;
}
.dayshow-widget .tagcloud2 > a {
padding: 10px 10px;
margin-right: -7px;
overflow: hidden;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.main-slider {
padding-top: 80px; width: 100%; border-top:2px solid var(--green-color);border-bottom:2px solid var(--green-color);
}
.top-header-active-slider {
padding-top: 110px;
}
.sidebar-col {
padding-left: 15px;
padding-right: 15px;
}
.sidebar-col h3 {
width: 100% !important;
}
.dayshow-widget .tagcloud2 > a {
padding: 10px 17px;
}
}
@media screen and (min-width: 991px){
.performance-screens.main-film-area:nth-child(3n+1){
clear: both;
}
}
@media screen and (min-width: 1024px) {
.footer_quick_book {
height: 68px;
}
.footer_quick_book .hide-selection .selecter_rows {
width: 200px;
}
}
@media screen and (min-width: 1200px) {
.footer_quick_book .hide-selection {
padding-inline: 50px;
}
.footer_quick_book .hide-selection .selecter_rows {
width: 235px;
}
#jacroselecto {
padding-left: 0px !important;
padding-right: 0px !important;
}
#jacroselecto.blacktheme-design {
padding: 20px !important;
}
.main-slider {width: 1170px;}
}
@media screen and (min-width: 1400px) {
.footer_quick_book .hide-selection {
padding-inline: 70px;
}
.footer_quick_book .hide-selection .selecter_rows {
width: 280px;
}
}
@media screen and (max-width: 1366px) {
.carousel-control {
width: 60px;
}
a.carousel-arrow > span {
height: 35px;
width: 35px;
background-size: 20px;
}
#slickcustomslider .container .blurb h1 {
font-size: 26px !important;
line-height: 28px !important;
}
}
@media screen and (max-width: 1200px) {
.threecolumn-section #PosterLayout {
grid-template-columns: 1fr 1fr;
}
.main-slider {
width: 970px;
}
}
@media screen and (max-width: 1024px) {
#hero .slick-slider-container .slide-item .movie-slide,
#slickcustomslider .slick-slider-container .slide-item .movie-slide{
padding: 20px 30px 50px 30px;
}
#hero .movie-slide-pic {
max-height: 230px;
min-height: 230px;
}
#slickcustomslider .container .blurb h1 {
font-size: 22px !important;
line-height: 24px !important;
margin-bottom: 5px;
}
#hero p.moviesldrdesc {
margin-bottom: 10px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.live-more-show-time {
padding-top: 20px; padding-bottom: 20px;
}
.jacro-events .jacro-event {
display: inline-block; margin: 15px 0px 20px 0px;
}
}
@media screen and (max-width: 991px) {
#slickcustomslider .container .blurb h1 {
font-size: 18px !important;
line-height: 20px !important;
}
.slick-slider .slick-arrow.left {
left: -45px;
}
.slick-slider .slick-arrow.right {
right: -45px;
}
.layout-advanceblock .innerbtnblc, .layout-advanceblock .jacro-layout-selector{
justify-content: start;
}
.layout-advanceblock .searchfilms_inner{
margin-left: 0;
}
.footer_quick_book{
width: 100%;
}
.footer_quick_book .footer-booking {
transition: all ease-in-out .3s;
flex-direction: column;
}
.footer_quick_book.hidden-book, .footer_quick_book .footer-booking .quick_book {
width: 100%;
}
.footer_quick_book.hidden-book .footer-booking {
transform: unset;
}
.footer_quick_book{
transition: all ease-in-out 0.3s;
}
.footer_quick_book.hidden-book {
transform: translateY(calc(100% - 68px));
}
.footer_quick_book.hidden-book .footer-booking .quick_book {
width: 100%;
}
.footer_quick_book.hidden-book .hide-selection {
transform: translatex(0px);
}
.footer_quick_book .hide-selection {
flex-direction: column;
gap: 45px;
padding: 20px;
}
.footer_quick_book .hide-selection .selecters {
width: 100%;
flex: 1 1 100%;
flex-direction: column;
gap: 45px;
}
.footer_quick_book .hide-selection .selecter_rows {
padding-right: 0px;
margin-right: 0px;
}
.footer_quick_book .hide-selection .quick_book_btn {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.layoutchangeblock {
float: unset;
width: 100%;
text-align: left;
margin-bottom: 15px;
}
.desktopcinemaselect {
display: none;
}
.mobcinemaselect {
display: inline-block;
}
#full-fat-menu {
display: none;
}
#mobile-menu {
display: inline-block;
width: 100%;
padding: 0px 0px 20px 0px;
}
#jacroappimg {
width: auto;
max-height: 342px;
margin-bottom: 10px;
}
div#mobile-menu .col-lg-4 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 10px;
}
div#mobile-menu {
margin-top: -20px;
margin-bottom: 10px;
}
.navbar-header .navbar-toggle .icon-bar{
background-color: var(--white-color) !important;
}
.blurb-content header {
margin-bottom: 15px;
margin-top: 10px;
}
.navbar.banner--clone img {
max-height: 50px;
margin: 5px 0;
}
.logo img {
max-height: 72px;
}
#tempsynoplink {
margin-left: 0;
}
#film_section .col-md-8.col-sm-9.time2 {
padding-left: 5px;
padding-right: 5px;
}
.movie-tabs .running-time {
padding-left: 0;
}
#hero .carousel-indicators {
display: none;
}
.carousel-control {
width:35px;
top: auto;
bottom: 60px;
left: calc(50% - 40px);
background:transparent !important;
opacity:1 !important;
}
.carousel-control.right {
right:calc(50% - 40px);
}
#slickcustomslider .container .blurb h1 {
font-size: 14px !important;
line-height: 16px !important;
}
.carousel-control {
width: 35px;
top: auto;
bottom: 60px;
left: calc(50% - 40px);
background: transparent !important;
opacity: 1 !important;
}
.carousel-control.right {
right: calc(50% - 40px);
}
.jacro-sort-filters{
justify-content: start;
}
.blacktheme-section.detail > .row{
padding: 20px 5px;
}
.threecolumn-section #PosterLayout {
grid-template-columns: 1fr;
}
.single-film-performance-part{
grid-template-columns: 1fr;
gap: 0px;
border-bottom: 3px solid var(--gold-color);
}
.single-film-performance-part .date-row{
border-width: 1px;
border-color: #575757;
}
.single-film-performance-part .date-row:last-child{
border: none;
}
.single-film-performance-part .moreshowtimes {
padding: 8px 30px;
}
#process_running, #layout_changing{
left: 10%;
right: 10%;
}
.performance-screens.main-film-area:nth-child(3n+1){
clear: both;
}
.main-slider {
padding-top: 0px; width: 100%; border-top:2px solid var(--green-color);border-bottom:2px solid var(--green-color);
}
.jacro_popup_inner {
width: 75%;
}
.slider-item {
height: 72px;
}
.all_tile_show {
padding: 5px 12px;
margin-left: 4px;
}
.sample2-title {
margin-top: 2%;
}
.dayshow-widget .tagcloud2 > a {
width: 25%; padding: 10px 17px;
}
.jacro-widgets select.form-control.left-select-cinema, .form-control.subselect-cinema-theater {
background-size: 4% 50%;
}
#performance_film_div {
margin-top: 15px;
}
.check_film {
margin-bottom: 15px;
}
.form-group.select-option {
width: 50%;
}
.moviedetails-widget .tagcloud1 > a {
padding: 15px 28px;
}
.performance-screens {
width: 45% !important;
}
.main-content-page .film_wrapper .poster{
margin: 0 auto; text-align: center;
}
.sidebar-col {
margin-bottom: 30px;
}
.sidebar-col h3 {
margin-top: 0;
}
}
@media screen and (max-width: 600px) {
#hero .container .blurb h1, #content_hero .container .blurb h1 {
font-size: 40px;
line-height: 1.2em;
}
.slick-slide .movie-poster:before {
-webkit-transform: skewX(23deg);
transform: skewX(23deg);
}
.slick-slide img, .movie-tabs img {
width: 100%;
}
iframe#jacro-giftcard, iframe#jacro-giftcard-balance,.admin-bar iframe#jacro-giftcard, .admin-bar iframe#jacro-giftcard-balance {
height: calc(100% - 70px);
}
#jacroselecto {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media screen and (max-width: 576px) {
.footer_quick_book .hide-selection {
gap: 30px;
}
.footer_quick_book .hide-selection .selecters {
gap: 30px;
}
}
@media screen and (max-width:545px){
.admin-bar .navbar.banner--stick {
top:0 !important;
}
}
@media screen and (max-width: 480px) {
.main-slider {
display: none;
}
iframe #jacro_iframe {
-webkit-overflow-scrolling: touch
}
.film_showtime .date_time {
width: 22%;
}
.slider-item {
height: 30px;
}
::-webkit-scrollbar {
width: 15px;
height: 15px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #C3C3C3;
border: 2px solid #eee;
}
.film-date-first {
border-radius: 0;
border-top-left-radius: 5px ;
border-top-right-radius: 5px;
}
.more_dates {
border-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.dayshow-widget .tagcloud2 > a.active {
border-radius:0px;
}
.dayshow-widget .tagcloud2 > a {
width: 100%; border-radius:0px;
}
.dayshow-widget .tagcloud2 > a > div {
float: left;
}
.select-cinema {
width: 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-right: 1px solid rgb(224, 224, 224);
}
.form-group.select-option {
width: 100%;
}
.jacro-widgets select.form-control.left-select-cinema, .form-control.subselect-cinema-theater {
background-size: 5% 50%;
}
.performance-screens {
width: 90% !important;
}
.film_date_value {
border-right:none;
}
.modal-content {
width: 90%;
}
.btn.date_time_btn {
padding: 5px 10px;
}
.film_wrapper {
width: 100%;
}
.single-film-performance-part .performancebatch, .single-film-performance-part .performancebatch .no-padding {
padding: 0px;
}
.film_showtime .date_time {
width: 25%;
}
.film_date_value.more_dates {
min-height: 42px;
}
.film_date_value.more_dates .jacro-down-arrow {
margin: 3px 12px;
}
#cinema_id {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.coming_soon.first {
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.coming_soon.last {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.coming_soon.last:hover, .coming_soon.last.active {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
}
@media screen and (max-width:320px) {
.modal-content {
width: 98%;
}
}