@font-face {

    font-family: 'helveticaregular';
    src: url('fonts/helvetica-webfont.woff2') format('woff2'),
         url('fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {



    font-family: 'Open Sans', sans-serif;



    src: url('fonts/helvetica-bold-webfont.woff2') format('woff2'),



         url('fonts/helvetica-bold-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}







*{



    box-sizing: border-box;



}







html,body {



    margin: 0;



    padding: 0;



    font-size: 100%;



}



body {



    font-family: "Inter", serif;



  font-optical-sizing: auto;



  font-weight: 400;



  font-style: normal;



}



img {



    display: block;



    max-width: 100%;



}



a {



    text-decoration: none;



}







ul {



    list-style: none;



    margin: 0;



    padding: 0;



}











.btnPrimary {



    background: #DEBC5A;



    padding: 5px 10px;



    color: #1E1E1E;



    text-transform: uppercase;



    text-align: center;



    font-size: 15px;



    font-weight: 800;



    border-radius: 5px;



    cursor: pointer;



}




.btnsecondary {



    padding: 5px 10px;



    color: #fff;



    text-transform: uppercase;



    text-align: center;



    font-size: 15px;



    font-weight: 700;



    border-radius: 5px;



    cursor: pointer;



    border: 1px solid #fff;



    background: transparent;



}



















/* header */



.site-header {



    /* padding: 20px 0; */



    position: absolute;



    width: 100%;



    top: 0;



    left: 0;



    z-index: 9;
  background-color: rgba(0, 0, 0, 0.75); /* black with 50% transparency */
  color: #fff; /* text stays visible */
  border-bottom: 1px solid #debc5a;


}



.site-header > div{



    display: flex;



    justify-content: space-between;



    align-items: center;



}







.container {



    width: 100%;



    max-width: 1560px;



    padding: 0 30px;



}







.navigation ul{



    display: flex;



    align-items: center;



    column-gap: 100px;



}



.navigation ul li a {



    display: flex;



    align-items: center;



    column-gap: 10px;



    color: #fff;



    text-decoration: none;



    font-size: 16px;



    font-weight: 600;



    line-height: 21px;



    



}



.navigation ul li a{



    position: relative;



    overflow: hidden;



}



.navigation ul li a:after {



    content: "";



    width: 100%;



    height: 1px;



    position: absolute;



    left: -100%;



    bottom: 0;



    transition: all linear 0.4s;



    background: #DEBC5A;



}



.navigation ul li:hover a:after {



left: 0;



}



.navigation ul li:hover a {



color: #debc5a;



}



.main-slider-nav {



    position: absolute;



    top: 120px;



    right: 90px;



    z-index: 9;



    left: auto;



    width: 350px;



    text-align: right;



    color: #fff;



}



.main-slider-nav .item {



    padding: 6px 20px 6px 0;



    font-size: 12px;



    border-right: 1px solid #fff;



    margin: 8px 0;

    cursor: pointer;

}



.main-slider-nav .item.slick-current {



    font-size: 20px;



    text-transform: uppercase;



}



.main-slider .item{



    position: relative;



    padding: 260px 0 60px 0;



    min-height: 536px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;



}



.main-slider .item img {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.banner-content {



    max-width: 500px;



    position: relative;



    color: #fff;



}







.banner-content p {



    font-family: 'helveticaregular';



    font-size: 14px;



    line-height: 19px;



}



.banner-content ul {



    overflow: hidden;



    padding: 0 0 0 20px;



}



.banner-content ul li {



    float: left;



    list-style: disc;



    color: #fff;



    font-family: 'Open Sans', sans-serif;



    font-size: 14px;



    padding: 0 30px 0 0px;



}







.timeblock {



    font-family: 'Open Sans', sans-serif;



    font-size: 12px;



}



.timeblock span {



    padding-right: 20px;



}







.main-slider .action {



    display: flex;

    margin: auto auto 0;

    gap: 20px;

    max-width: 1150px;

    width: 100%;



}



.main-slider .action a{



   font-size: 12px;



   font-family: 'Open Sans', sans-serif;



   padding: 10px 23px;

    position: relative;

}

.main-slider .action .share-icon img {

    width: 24px !important;

    height: 24px !important;

    position: static;

}    

.site-footer {



    background: #0A0A0A;



    padding: 150px 0 50px;



    clear: both;



}



.site-footer > div{



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;



}







.footer-left{



    width: 100%;



    max-width: 20%;



}



.footer-right{
    width: 100%;
    max-width: 80%;
    padding-left: 50px
}



.footer-right {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 2fr;
  color: #fff;
  gap: 20px;
}



.footer-block ul li {
  margin: 0 0 20px 0;
}
.links-block ul li {
  width: 100%;
}


.footer-block ul li a{
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
}



.footer-block ul li:hover a {
   color: #debc5a;
}

.footer-block .title {
    margin: 0 0 20px 0;
}

.footer-block.contactBlock ul li a{
    background-color: #1E1E1E;
    border: 2px solid #303131;
    padding: 4px 10px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    column-gap: 8px;    
}
.footer-block.contactBlock ul li {
    width: 100%;
}
.footer-block.social-links ul {
    justify-content: center;
}

.footer-block.social-links ul li a {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-block.social-links ul li a img {
    filter: brightness(0);
    height: 22px;
}
.footer-block.social-links ul li:last-child a img {
    height: 30px;
}

.footer-left p {



    font-size: 15px;



    font-weight: 700;



    line-height: 21px;



    margin: 0 0 5px 0;



    color: #B3B3B3;



}



.footerLogo {



    margin-bottom: 20px;



}



.footerLogo img{



    width: 100%;



    max-width: 138px;



}



.footer-right ul {



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    margin: 25px 0 0 0;



}



.footer-right ul li{



    margin-right: 15px;



}







.tab-section {



    background: #0A0A0A;



    overflow: hidden;
   padding-bottom: 50px;


}



ul.tabs {



	margin: 0;



	padding: 0;



	float: left;



	list-style: none;



	height:auto;



	border-bottom: 1px solid #333;



	width: 100%;



}







ul.tabs li {



	float: left;



	margin:0 44px 0px 0px;



	cursor: pointer;



	padding: 0px 0px;



	height: 60px;



	line-height: 60px;



	border-bottom: 1px solid transparent; 



	color: #fff;



	overflow: hidden;



	position: relative;



    font-size: 15px;



    color: #fff;



    font-weight: 700;



    font-family: 'Open Sans', sans-serif;



}







ul.tabs li:after {



    content: "";



    width: 0;



    height: 1px;



    display: block;



    background: transparent;



    position: relative;



    left: 0;



    z-index: 1;



    bottom: 11px;



    transition: all linear 0.4s;



}







ul.tabs li:hover:after {



 width: 100%; 



 background: #DEBC5A; 



}







ul.tabs li.active:after {



    width: 100%; 



	background: #DEBC5A; 



}







.tab_container {



	border: none;



	clear: both;



	float: left;



	width: 100%;	 



	overflow: auto;



    color: #fff;



}







.tab_content {



	padding: 20px 0;



	display: none;



}







.tab_drawer_heading { display: none; }







@media screen and (max-width: 767px) {



	.tabs {



		display: none;



	}



	.tab_drawer_heading {



		background-color: #ccc;



		color: #fff;



		border-top: 1px solid #333;



		margin: 0;



		padding: 5px 20px;



		display: block;



		cursor: pointer;



		-webkit-touch-callout: none;



		-webkit-user-select: none;



		-khtml-user-select: none;



		-moz-user-select: none;



		-ms-user-select: none;



		user-select: none;



	}



	.d_active {



		background-color: #666;



		color: #fff;



	}



}



.block-top-title {

    display: flex;



    align-items: center;



    justify-content: space-between;



}



.filterBlock {



    display: flex;



    column-gap: 15px;



}



.filterBlock .selectBox {



    background: #1E1E1E url(./images/downArrow.svg) no-repeat;



    color: #A7A7A8;



    border-radius: 4px;



    padding: 5px 20px 5px 10px;



    background-position: calc(100% - 10px);



    appearance: none;



}



.block-top-title{



    margin: 0 0 40px 0;



}







.block-top-title .title{



    font-family: 'Open Sans', sans-serif;



    font-size: 25px;



    color: #fff;



    margin: 0;



}



.movie-listing > ul{



  display: grid;



  grid-template-columns: repeat(5, minmax(0, 1fr));	



  gap: 80px;



}







.card-block .imgBlock {



position: relative;



padding-bottom: 138%;



margin-bottom: 15px;



}







.card-block .title {



   margin-bottom:0px; 



   font-family: 'Open Sans', sans-serif;



   font-size: 15px;



   color: #fff;



}



.card-block span {



    font-family: 'Open Sans', sans-serif;



    font-size: 12px;



    display: block;



    margin: 0 0 5px 0 ;



}



.card-block .btnPrimary {



    font-size: 12px;



    font-family: 'Open Sans', sans-serif;



}



.coverImg {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.content span{



    display: block;



    color: #fff;
    margin-bottom:10px;


}



.content .btnPrimary {



    width: 100%;



}







.coming-soon-sections {



    padding: 50px 0 80px 0;



    background: #0A0A0A;



    overflow: hidden;



}







.slick-slide {



    float: left;



}







.movie-listing .movie-slider {



    display: block;



    position: relative;



}







.movie-listing .movie-slider .slick-list {



    margin: 0 -40px;



}







.slick-list {



   overflow: hidden;



}



.movie-slider .card-block {



    padding: 0 40px;



}



.movie-slider .card-block .date {



    background: #DEBC5A;



    color: #000;



    font-size: 15px;



    font-weight: 700;



    position: absolute;



    bottom: 0;



    width: 100%;



    text-align: center;



    padding: 8px 0;



}



.movie-slider .card-block .btnsecondary{



    width: 100%;



}



.border-section {



    padding: 60px 0 !important;
 
position: relative;


}

.border-section:before, .border-section:after {
    content: "";
    height: 1px;
    display: block;
    background: #6E6E6E80;
    position: absolute;
    left: 100px;
    right: 100px;
    top: 0px;
}

.border-section:after {
    top: auto;
    bottom: 0px;
}

/* inline section divider to match border-section lines */
.section-divider {
    height: 1px;
    background: #6E6E6E80;
    /* margin: 0 100px;  */
}

.section-title-top {
    margin:40px 0 40px 0;
}
.slick-arrow {



    background: #232222;



    width: 46px;



    height: 46px;



    border-radius: 5px;



    position: absolute;



    right: -70px;



    top: 50%;



    transform: translateY(-50%);



    font-size: 0;



    padding: 0;



    cursor: pointer;



}



.slick-arrow.slick-prev {



    margin-top: -23px;



}



.slick-arrow.slick-next {



    margin-top: 23px;



}



.slick-arrow.slick-prev::before, .slick-arrow.slick-next::before {



    content: "";



    width: 36px;



    height: 36px;



    background: #181819 url(./images/slider-arrow.svg) no-repeat center center;



    border-radius: 7px;



    display: block;



    margin: 0 auto;



}



.slick-arrow.slick-next::before {



    transform: rotate(180deg);



}



.linkBtn {



    background: #DEBC5A;



    display: flex;



    align-items: center;



    padding: 0 20px;



    border-radius: 5px;



    color: #000;



    gap: 10px;



}



.linkBtn svg {



    width: 25px;



}

.movie-block-valid {

    margin-bottom: 40px;

}

.movie-block-valid .slick-list {

    margin: 0 -25px;

}



.movie-block-valid.offer-section .slick-list {

    margin: 0 -10px;

}

.movie-block-valid li.items {

    padding: 0 25px;

}

.movie-block-valid {



    position: relative;



}



.movie-block-valid .slick-arrow.slick-prev {

    margin-top: 0;

    left: -60px;

    right: auto;

    transform: translateY(-50%) rotate(180deg);

}

.movie-block-valid .slick-arrow.slick-next {

    margin: 0;

    transform: translateY(-50%) rotate(180deg)

}



.movie-valid {



    padding: 0 10px;



    



}



.movie-valid .card{



    background: #2F3030;



    padding: 14px 12px;



    border-radius: 12px;    



    color: #fff;







}



.movie-valid .card .imgBlock{



    position: relative;



    padding-bottom: 54%;



    overflow: hidden;



    border-radius: 12px;



    margin-bottom: 10px;



}



.movie-valid .card .imgBlock img {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



}



.movie-valid .card h3 {



    margin: 0 0 10px 0;



    font-size: 13px;



    color: #fff;



    font-weight: 400;



    font-family: 'Open Sans', sans-serif;



}



.movie-valid .card span {



    font-size: 10px;



    color: #fff;



    display: block;



    margin-bottom: 10px;



}







.movie-valid .card .btnPrimary{



    width: 100%;



    display: block;



    font-size: 10px;



}







.full-block-width-section{



    background: #0A0A0A;



    padding: 100px 0 0;



}

.full-section-slider {

    position: relative;

}

.full-section-slider ul li .slider-img{ 



    position: relative;



    padding: 70px 40px 210px 40px;



    color: #fff;



}



.full-section-slider > ul {



    margin-bottom: -150px;



}



.full-block-width-section .slider-img img{



    border-radius: 15px;



}



.full-block-width-section .slider-img::before{



    content: "";



    width: 100%;



    height: 40%;



    position: absolute;



    bottom: 0;



    left: 0;



    background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);



    z-index: 1;







}



.slider-content {



    position: relative;



    max-width: 500px;



}







.slider-content h2 {



    font-size: 40px;



    text-transform: uppercase;



    color: #fff;



    margin: 0 0 10px 0;



} 



.slider-content ul {



    display: flex;



    align-items: center;



    flex-wrap: wrap;



}



.slider-content ul li{



    position: relative;



    padding-left: 15px;



    margin-right: 10px;



    font-size: 15px;



}



.slider-content ul li::before {



    content: "";



    width: 4px;



    height: 4px;



    background: #fff;



    border-radius: 5px;



    display: block;



    position: absolute;



    left: 0;



    top: 50%;



    transform: translateY(-50%);



}



.slider-content p {



    font-size: 12px;



    max-width: 390px;



    margin-bottom: 25px;



}



.playBtn {



    font-size: 19px;



    text-transform: uppercase;



    color: #fff;



    position: relative;



    padding-left: 55px;



    display: flex;



    align-items: center;



    gap: 10px;



}



.playBtn::before {



    content: "";



    width: 38px;



    height: 38px;



    border-radius: 40px;



    border: 2px solid #DEBC5A;



    display: block;



    position: absolute;



    left: 0;



    background: url(./images/slider-arrow.svg) no-repeat center center;



}







.slider-nav {



    padding: 0 50px;



}



.slider-nav .slick-list {



    margin: 0 -10px;



}



.slider-nav .item{



    padding: 0 10px; 



}   







.slider-nav .item .imgBlock{



    position: relative;



    padding-bottom: 65%;



}











.slider-nav .item .imgBlock:before{



    content: "";



    width: 100%;



    height: 40%;



    position: absolute;



    bottom: 0;



    left: 0;



    background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);



    z-index: 1;



}



.slider-nav .item {



    transform: scale(0.9);



}



.slider-nav .item .imgBlock img {



    border-radius: 5px;



}



.slider-nav .item .imgBlock span {



    position: absolute;



    left: 15px;



    bottom: 10px;



    color: #fff;



    z-index: 1;    



}







.slider-nav .item.slick-current {



transform: scale(1);



}







.infoicon span {



    width: 18px;



    height: 18px;



    border: 1px solid #fff;



    border-radius: 15px;



    display: flex;



    align-items: center;



    justify-content: center;



    font-family: 'helveticaregular';



    cursor: pointer;



}







.whatsapp-icon {



    position: fixed;



    right: 20px;



    bottom: 20px;



    z-index: 9;



    width: 50px;



    height: 50px



}



.whatsapp-icon a {



    display: block;



    transform: scale(0.8);



    transition: all linear 0.2s;



}



.whatsapp-icon a:hover {



    transform: scale(1)



}



.whatsapp-icon a img{



    width: 50px;



    height: 50px;



}







.slider-content-inner {



    display: none



}



.banner-content.active .slider-content-inner {



    display: block



}





.section-title {

    /* background: url(images/title-arrow.png) no-repeat; */

    padding: 50px 1px;

    position: relative;

    z-index: 1;

}



.section-title .title {

    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #fff;
    margin: 0;

}



.movie-info p {

    margin: 0 0 8px 0;

}

.movie-info p b{

    font-weight: 500;

}



.up-comming-section {

    background: #eee;

    margin: 0;

    padding: 0 0 50px 0;

    position: relative;

}

.up-comming-section:after {

    content: "";

    width: 100%;

    height: 70px;

    background: #fff;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

}

.experiance-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    column-gap: 25px;

}



.experiance-list .item .img-block a{

    display: block;

    height: 0;

    padding-bottom: 100%;

    position: relative;

}

.experiance-list .item .img-block a img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.experiance-list .item  .title{

color: #000;

font-weight: 500;

font-size: 20px;

}

.experiance-list .item  .title a {

    color: #000;



} 

.main-slider .action .share-icon {

    background: #fff;

    width: 40px;

    height: 40px;

    padding: 10px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    cursor: pointer;

    border: 0;

}

.btn-action {

    margin: 0;

    display: grid;

    align-items: center;

    justify-content: space-between;

    grid-template-columns: 80% 20%;

}

.btn-action .share-icon {

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 30px;

    padding: 0;

    box-sizing: border-box;

    margin-left: auto;

    cursor: pointer;

}

.btn-action .share-icon img {

    width: 20px;

    height: 20px;

}

.main-slider .action .share-icon, .btn-action .share-icon {

    position: relative

}

.main-slider .action .share-icon-list,.btn-action .share-icon .share-icon-list  {

    position: absolute;

    left: 110%;

    top: -1px;

    width: max-content;

    height: auto;

    background: #fff;

    display: none;

    border-radius: 20px;

    padding: 0;

    z-index: 2

}

.btn-action .share-icon .share-icon-list {

    top: auto;

    bottom: 0;

}

.main-slider .action .share-icon-list ul {

    padding: 0 8px;

}

.btn-action .share-icon .share-icon-list ul {

    padding: 0; 

}

.main-slider .action .share-icon-list ul li, .btn-action .share-icon .share-icon-list ul li {

    padding: 0 12px;

}

.movie-listing .btn-action .share-icon .share-icon-list ul li, .movie-block-valid .btn-action .share-icon .share-icon-list ul li {

    padding: 0;

}

.main-slider .action .share-icon-list ul li a,.btn-action .share-icon .share-icon-list ul li a {

    padding: 8px 0 !important;

    display: block;

}

.main-slider .action .active .share-icon-list,.btn-action .share-icon.active .share-icon-list {

    display: block

}

.main-slider .action .share-icon-list ul,.btn-action .share-icon .share-icon-list ul {

    padding: 0 8px;

}

.main-slider .action .share-icon-list ul {

    display: flex;

}

section.main-banner {
    position: relative;
}
.main-banner .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
}
.main-banner .slick-dots {
    position: absolute;
    bottom: 18px;
    right: 0;
    width: calc(100% - 100px);
    display: flex;
    gap: 8px;
    left: 0;
    justify-content: flex-end;
}
.main-banner .slick-dots li button {
    font-size: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    padding: 0;
    border-radius: 100%;
    border: 0;
    cursor: pointer;
}

@media screen and (max-width: 767px){
    .main-banner .slick-dots {
           width: auto;
    right: 0;
    left: 0;
    justify-content: center;
    }
}


.header-logo{
    margin-top: 10px;
}

.full-block-width-section .slick-arrow.slick-prev::before, .full-block-width-section 
.slick-arrow.slick-next::before {
    border-radius: 100%;
}

.full-block-width-section .slick-arrow {
    border-radius: 100%;
}
section.full-block-width-section.border-section {
    padding-bottom: 90px !important;
}
section.coming-soon-sections.border-section {
    padding-bottom: 20px !important;
}

/* Make Coming Soon slider arrows round (match full-section-slider) */
.coming-soon-sections .slick-arrow.slick-prev::before, .coming-soon-sections .slick-arrow.slick-next::before {
    border-radius: 100%;
}
.coming-soon-sections .slick-arrow {
    border-radius: 100%;
}