/*-------------------------------------
    
	Author: ProTickets 
	Copyright © 2023
	
---------------------------------------
    
    CSS INDEX
    ===================
	
	1. THEME DEFAULT 
    2. PRELOADER
	3. NAVIGATION
	4. TOP BANNER SLIDER
	5. CURRENT MOVIES (DEMO)
	6. BANNER
	7. UPCOMING MOVIES TAB
	8. UPCOMING MOVIES SLIDER

---------------------------------------*/

/* || 1.THEME DEFAULT CSS START || */

body,
html {
	font-family: 'Roboto';
	color: var(--textWhiteClr);
	background: var(--bgDarkGreyClr);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	background-color: #000000;
}

body::-webkit-scrollbar {
	width: 10px;
	background-color: #555555;
}

body::-webkit-scrollbar-thumb {
	background-color: #555555;
}

a {
	color: #797979;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.1;
	font-weight: 400;
	color: #dddddd;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

input,
select,
button,
textarea {
	outline: none;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
	box-shadow: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
table {

}
*/

/* || THEME DEFAULT CSS END || */

/* || 2. PRELOADER START || */
#preloader {
	background-color: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}

#status {
	background-position: center center;
	background-repeat: no-repeat;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

div#status video {
	width: 100px;
}

/* || PRELOADER END || */

/* || 3. NAVIGATION START || */
.proTicketNavigation {
	background-color: #000;
}

.proTicketNavigation.headerActive {
	position: fixed;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	background-color: #000;
	animation: slideDown 0.6s ease-out;
	top: 0;
	z-index: 999;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.proTicketNavigation .proTicketNav {
	padding: 10px 10px;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li a {
	color: var(--textWhiteClr);
	font-size: 20px;
	font-family: 'Roboto';
	position: relative;
    padding-right: 12px;
    /*height: 80px;*/
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li a.active {
	color: #4c46e6;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li.dropdown ul.dropdown-menu {
	margin-top: 0px;
	padding: 2px;
	background: #000;
	box-shadow: 0px 0px 3px 3px rgb(217 217 217 / 28%);
	border: 0;
	border-radius: 0;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li.dropdown ul.dropdown-menu li a {
	transition: all 0.6s ease;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li.dropdown ul.dropdown-menu li a:hover,
.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li.dropdown ul.dropdown-menu li a:focus {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	color: #fff;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li.dropdown ul.dropdown-menu li a:before {
	content: unset;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup {
	display: flex;
	gap: 160px;
}

.proTicketNavRight .proTicketNavRightInner {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
    min-width: 36px;
	gap: 20px;
}

.proTicketNavigation {
	position: relative;
	z-index: 99;
}

.proTicketNavigation:before {
	-webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
	position: absolute;
	top: 0;
	height: 100%;
	display: block;
	content: '';
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	width: 24%;
	right: 0;
}

.proTicketNavBtn .proTicketsSignInBtn {
	background-color: transparent;
	color: var(--textBlackClr);
	border: 1px solid #000;
	font-size: 18px;
}

.proTicketNavBtn .proTicketsSignInBtn:hover {
	border-color: transparent;
	color: var(--textBlackClr);
}

.proTicketNavbarCollapse ul {
	gap: 20px;
}

.proTicketVerticalAlignCenter  {
	display: flex;
	align-items: center;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li a:before {
	content: '';
	position: absolute;
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	height: 2px;
	width: 0;
	bottom: 0;
	left: 0;
	border-radius: 50px;
	transition: all 0.6s ease;
}

.proTicketNavigation .proTicketNav .proTicketNavbarGroup ul li a:hover:before {
	width: 100%;
}

.proTicketNavToggle img {
	width: 36px;
}

.proTicketNavSelect .nice-select {
	border: transparent;
	font-size: 16px;
	font-weight: normal;
	height: 35px;
	line-height: normal;
	display: flex;
	align-items: center;
	background-color: transparent;
	width: 140px;
}

.proTicketNavSelect .nice-select:focus {
	outline: none;
	box-shadow: unset;
}

.proTicketNavSelect .nice-select:after {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 7px;
	width: 7px;
}

.nice-select .list {
	right: 0;
}

.proTicketNavSelect .nice-select span {
	color: #fff;
}

/*slidebar css start*/
.proTicketSideBar {
	background-image: url(../images/bg6d.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	background-color: #000;
	padding: 40px;
	z-index: 99;
	height: calc(100% - 85px);
	box-shadow: -2px 0px 9px 0px rgb(36 35 35 / 8%);
	transform: translateX(500px);
	transition: all 0.8s ease;
}

.proTicketSideBar.active {
	transform: translateX(0px);
}

.proTicketSideBar .proTicketSideBarInner .proTicketSidebarHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.proTicketSideBar .proTicketSideBarInner .proTicketSidebarHead .proTicketSidebarToogle span {
	width: 50px;
	height: 50px;
	background-color: #4c46e6;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.proTicketSideBar .proTicketSideBarInner .proTicketSidebarHead .proTicketSidebarToogle span img {
	filter: brightness(0) invert(1);
}

.proTicketSidebarMenu {
	padding: 40px 0;
}

.proTicketSidebarMenu ul li a span {
	position: relative;
	display: inline-block;
	padding: 4px 4px 4px 16px;
}

.proTicketSidebarMenu ul li a span:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #5550ed;
    border-radius: 100%;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
}

.proTicketSidebarMenu ul {
	gap: 8px;
}

.proTicketSidebarMenu ul li a {
	color: #ccc;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
}

.proTicketSidebarMenu ul li a:hover,
.proTicketSidebarMenu ul li a:focus {
	/*color: #5550ed;*/
	color: #fff;
}

.proTicketSidebarSocialMedia ul {
	display: flex;
	align-items: center;
	gap: 20px;
}

.proTicketSidebarSocialMedia ul li a {
	color: #111;
	font-size: 18px;
}

.proTicketSidebarSocialMedia ul li a i.fa {
	transition: all 0.4s ease;
}

.proTicketSidebarSocialMedia ul li a i.fa:hover {
	transform: scale(1.2);
	color: #4c46e6;
}

.proTicketSidebarFooter {
	display: flex;
	align-items: center;
	gap: 20px;
}

.proTicketSidebarMenu ul li a {
	position: relative;
}

.proTicketSidebarMenu ul li a:before {
	content: '';
	position: absolute;
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	height: 2px;
	width: 0;
	bottom: 0;
	left: 0;
	border-radius: 50px;
	transition: all 0.4s ease;
}

.proTicketSidebarMenu ul li a:hover:before {
	width: 100%;
}

.proTicketSidebarMenu ul li.dropdown ul.dropdown-menu {
	padding: 10px 20px;
	position: static !important;
	transform: unset !important;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	display: none;
}

/* .proTicketSidebarMenu ul li.dropdown ul.dropdown-menu li a:before{
	content: unset;
} */
.proTicketSidebarMenu ul li.dropdown ul.dropdown-menu li a,
.proTicketSidebarMenu ul li.dropdown ul.dropdown-menu li a:hover,
.proTicketSidebarMenu ul li.dropdown ul.dropdown-menu li a:focus {
	background-color: #363636;
}

.submenu-bg-color {
    background-color: #363636;
}
/*slidebar css end*/

/* || NAVIGATION END || */


/* || 4. TOP BANNER SLIDER CSS START || */
.proTicketBannerSlider .proTicketBannerSliderInner .ptCarouselSlider .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 100px 0;
	height: 80vh;
	display: flex;
	align-items: center;
}

.proTicketBannerSlider .proTicketBannerSliderInner .ptCarouselSlider .item:before {
	content: '';
	position: absolute;
	background-color: rgb(17 17 17 / 65%);
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}

.proTicketBannerSlider .proTicketBannerSliderInner .ptCarouselSlider .item .proTicketCarouselSlide {
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 70%;
}

.proTicketCarousel .owl-carousel.owl-drag .owl-item {
	padding: 0px 0px;
}

.proTicketCarousel .item li {
	width: 100%;
}

.proTicketCarouselSlide .proTicketCarouselDuration p,
.proTicketCarouselSlide .proTicketCarouselDuration span {
	font-size: 20px;
	font-weight: 400;
}

.proTicketCarouselSlide .proTicketCarouselDuration p img {
	width: 20px;
}

.proTicketCarouselTxt h1,
.proTicketCarouselTxt p,
.proTicketCarouselSlide .proTicketCarouselDuration p,
.proTicketCarouselSlide .proTicketCarouselDuration span,
.proTicketCarouselWatchBtn a {
	color: #fff;
}

.proTicketCarouselSlide .proTicketCarouselDuration p {
	display: flex;
	align-items: center;
	gap: 15px;
}

.proTicketCarouselTxt p {
	font-size: 20px;
}

.proTicketCarouselTxt h1 {
	font-size: 100px;
	font-weight: 500;
	margin-bottom: 10px;
}

.proTicketCarouselDuration .proTicketCarouselDurationTxt {
	margin-bottom: 10px;
	display: inline-block;
}

.proTicketCarouselWatchBtn a {
	display: flex;
	align-items: center;
	gap: 15px;
}

.proTicketCarouselWatchBtn a:hover {
	color: var(--textBlackClr);
}

.proTicketCarouselButton {
	display: flex;
	align-items: center;
	gap: 10px;
}

.proTicketCarouselWatchBtn a span {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px solid #5650ed;
	border-radius: 100%;
	position: relative;

}

.proTicketCarouselWatchBtn a span:before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	display: inline-block;
	top: 0;
	left: 0;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
}

.proTicketCarouselWatchBtn a span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 18px solid #5650ed;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

@keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgb(82 76 234 / 50%), 0px 0px 25px 10px rgb(82 76 234 / 50%);
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

@-webkit-keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgb(82 76 234 / 50%), 0px 0px 25px 10px rgb(82 76 234 / 50%);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;

	}
}

/* || owl-dots css || */
.ptCarouselSlider .owl-dots {
	position: absolute;
	display: flex;
	gap: 20px;
	top: 50%;
	transform: translateY(-50%);
	right: 16%;
	bottom: unset;
	left: unset;
	flex-direction: column;
	align-items: center;
}

.ptCarouselSlider .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	border: 0;
	opacity: 1;
	border: 1px solid transparent;
	outline-offset: 10px;
	outline: 1px solid transparent;
}

.ptCarouselSlider .owl-dots .owl-dot.active span {
	opacity: 1;
	border: 6px solid transparent;
	outline: 1px solid #fff;
	background: #554fed;
}

.proTicketBannerSliderInner {
	position: relative;
}

.proTicketSearch {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 20px;
	padding: 0 20px;
}

.proTicketSearchInner {
	width: 500px;
	margin: 0 0 0 auto;
}

.proTicketSearchInner .input-group input {
	background-color: transparent;
	border: 1px solid #000;
	color: #000;
	border-right: 0;
}

.proTicketSearchInner .input-group .input-group-text {
	background-color: transparent;
	border: 1px solid #000;
	border-left: 0;
}

.proTicketSearchInner .input-group input::placeholder {
	color: #000;
}

.proTicketSearchInner .input-group input:focus {
	box-shadow: unset;
}

.navbar-brand {
	height: 60px;
}

.navbar-brand img {
	width: 160px;
}

.ptCarouselSlider .owl-item.active .proTicketCarouselSlide,
.ptCarouselSlider .owl-item.active .proTicketCarouselTxt,
.ptCarouselSlider .owl-item.active .proTicketCarouselButton {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}

/* || TOP BANNER SLIDER CSS END || */

/* || 5. CURRENT MOVIES (DEMO) CSS START || */

/*tab start*/
.proTicketCurrentMovies {
	padding: 80px 0;
}

.proTicketCurrentMoviesTabItem span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

.proTicketCurrentMoviesTabItem h4 {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.proTicketCurrentMoviesTabItem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.proTicketCurrentMoviesInner .nav-pills {
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	padding: 20px 40px;
	border-radius: 10px;
}

.proTicketCurrentMoviesInner .nav .nav-item .nav-link {
	background-color: #111;
	/*background-color: rgb(11 11 11 / 30%);*/
}

.proTicketCurrentMoviesInner .nav .nav-item .nav-link.active,
.proTicketCurrentMoviesInner .nav .nav-item .nav-link:hover {
	background-color: rgb(200 200 200 / 30%);
	border: solid #333 1px;
}

.proTicketCurrentMoviesInner .nav .nav-item .nav-link.active .proTicketCurrentMoviesTabItem span,
.proTicketCurrentMoviesInner .nav .nav-item .nav-link:hover .proTicketCurrentMoviesTabItem span {
	color: #eee;
}

.proTicketCurrentMoviesInner .nav .nav-item .nav-link.active .proTicketCurrentMoviesTabItem h4,
.proTicketCurrentMoviesInner .nav .nav-item .nav-link:hover .proTicketCurrentMoviesTabItem h4 {
	color: #eee;
}

.proTicketMoviesToday {
	padding: 40px 0;
}

.proTicketCarousel .owl-nav button.owl-prev,
.proTicketCarousel .owl-nav button.owl-next {
	background: #4c46e6;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 2px solid #000;
}

.proTicketCarousel .owl-nav .owl-prev:hover,
.proTicketCarousel .owl-nav .owl-next:hover {
	background-color: #4c46e6;
}

.proTicketCarousel .owl-nav .owl-prev {
	left: -80px;
}

.proTicketCarousel .owl-nav .owl-next {
	right: -80px;
}

.proTicketCarousel .owl-nav .disabled {
	opacity: 1;
	cursor: default;
}

.proTicketCarousel .owl-nav {
	margin-top: 0;
}

/*tab start*/
.ptSoldCard a.disabled {
	pointer-events: none;
}

.ptSoldOutOuter {
	position: relative;
}

.ptSoldOutOuter .ptSoldOut {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 70%);
	display: flex;
	align-items: center;
	padding: 10px;
	justify-content: center;
}

.ptSoldOutOuter .ptSoldOut span {
    display: inline-block;
    color: red;
    font-size: 28px;
    font-weight: 700;
    border: 4px solid red;
    border-radius: 10px;
    padding: 4px 15px;
    transform: rotate(-20deg);
}

/*current movies slider start*/
.ptCurrentMoviesHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid rgb(217 217 217 / 30%);
	padding-bottom: 15px;
	position: relative;
}

.ptCurrentMoviesHead:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 200px;
	height: 4px;
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	border-radius: 50px;
}

.ptCurrentMovies .ptCurrentMoviesHead {
	margin: 80px 0 40px;
}

.ptCurrentMoviesSliderContant .ptCurrentMoviesSliderTxt h5 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}

.ptCurrentMoviesSliderContant .ptCurrentMoviesSliderTxt h5 a {
	color: #eee;
}

.ptCurrentMoviesSliderContant .ptCurrentMoviesSliderTxt h5 span {
	font-weight: 600;
}

.ptCurrentMoviesSliderContant .ptCurrentMoviesSliderTxt p {
	font-size: 18px;
}

.ptCurrentMoviesSliderBtn,
.ptCurrentMoviesSliderContant {
	margin-top: 20px;
}

.ptMoviesToday .ptMoviesTodayHead {
	margin: 80px 0 40px;
}


.owl-carousel .owl-stage {
	display: flex;
}

.item {
	display: flex;
	flex: 1 0 auto;
	height: 100%;
}

.ptCurrentMoviesSliderItem,
.ptCurrentMoviesSliderContant {
	display: flex;
	flex-direction: column;
	height: 100%;
    width: 100%; /* indsat af Michael */
}

.ptCurrentMoviesSliderContant .ptCurrentMoviesSliderTxt {
	height: 100%;
}

.ptCurrentMoviesSliderImg img {
	border-radius: 10px;
}


/*current movies slider end*/

/* || CURRENT MOVIES (DEMO) CSS END || */

/* || 6. BANNER CSS START ||*/
.proTicketBanner .proTicketBannerInner {
	background-image: url('../images/bg1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: grid;
	grid-template-columns: 1fr 250px;
	align-items: center;
	padding: 20px 80px;
	border-radius: 10px;
}

.proTicketBanner .proTicketBannerInner .proTicketBannerContant img {
	margin-bottom: 20px;
}

.proTicketBanner .proTicketBannerInner .proTicketBannerContant h4 {
	font-size: 30px;
	font-weight: 600;
	color: #000;
}

/* || BANNER CSS END ||*/

/* || 7. UPCOMING MOVIES TAB CSS START || */
.proTicketMoviesTab {
	padding: 80px 0;
}

.proTicketMoviesGroup .nav-tabs {
	position: relative;
	border: none !important;
	width: 60%;
	margin: 0 auto 40px;
	background-color: #fafafa;
	border-radius: 10px;
}

.proTicketMoviesGroup .nav-tabs li {
	margin: 0px !important;
}

.proTicketMoviesGroup .nav-tabs li a {
	position: relative;
	margin-right: 0px !important;
	padding: 20px 10px !important;
	font-size: 18px;
	font-weight: 500;
	border: none !important;
	color: #333;
	position: relative;
	z-index: 4;
}

.proTicketMoviesGroup .nav-tabs a:hover {
	background-color: unset !important;
	border: none;
}

.proTicketMoviesGroup .slider {
	display: inline-block;
	width: 30px;
	height: 100%;
	border-radius: 10px;
	background-color: #39bcd3;
	position: absolute;
	z-index: 2;
	bottom: 0;
	transition: all .4s linear;
	background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}

.proTicketMoviesGroup .nav-tabs .active {
	background-color: transparent !important;
	border: none !important;
	color: #000 !important;
}

/* || UPCOMING MOVIES TAB CSS END || */

/* || 8. UPCOMING MOVIES SLIDER CSS START || */
.ptCurrentMoviesHead {
	margin-bottom: 40px;
}

.proTicketsLang {
	gap: 10px;
	margin-top: 10px;
}

.proTicketsLang li {
	position: relative;
}

.proTicketsLang li:after {
	content: ',';
	position: absolute;
	bottom: 0;
	right: -5px;
}

.proTicketsLang li:last-child:after {
	content: unset;
}

.ptCurrentMoviesVote {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 600;
	background-color: #000000;
	padding: 10px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 10px 2px #ccc;
	margin-top: -20px;
	transform: scaleY(0);
	transition: all 0.6s ease;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.ptCurrentMoviesVote span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ptCurrentMoviesSliderItem * {
	transition: all 0.6s ease;
}

.ptCurrentMoviesSliderItem .ptCurrentMoviesSliderImg {
	border-radius: 10px;
	position: relative;
}

.ptCurrentMoviesSliderItem .ptCurrentMoviesSliderImg .ptCurrentMoviesVote img {
	width: 20px;
}

.ptCurrentMoviesSliderItem:hover .ptCurrentMoviesSliderImg .ptCurrentMoviesVote {
	transform: scaleY(1);
}

.ptCurrentMoviesSlider .owl-stage {
	display: flex;
}

/* || UPCOMING MOVIES CSS END || */

/* || VIDEO & GIFT CARD CSS START || */
.proTicketVideoGift {
	padding: 80px 0;
}

.proTicketVideoPopup {
	overflow: hidden;
}

.proTicketVideoPopup .videoBanner {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.proTicketVideoPopup .videoBanner:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(0 0 0 / 50%);
	display: inline-block;
}

.proTicketVideoPopup .videoBanner .flVideo {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	z-index: 10;

}

.proTicketVideoPopup .videoBanner .flVideo .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 0px 0px 1px 1px rgb(255 255 255 / 40%);
	background-color: #000;
}

.proTicketVideoPopup .videoBanner .flVideo .circle.pulse {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgb(255 255 255 / 40%);
	}

	100% {
		box-shadow: 0 0 0 20px rgb(255 255 255 / 40%);
	}
}

.proTicketGiftCard,
.proTicketGiftCard a,
.proTicketGiftCard a img {
	height: 100%;
}

/* || VIDEO & GIFT CARD CSS END || */

/* || LATEST NEWS SLIDER CSS START || */

.proTicketLatestNews {
	padding: 80px 0;
}

.ptLatestNewsGroup .proTicketLike img,
.ptLatestNewsGroup .proTicketComment img {
	width: 20px;
}

.ptLatestNewsGroup {
	display: flex;
	align-items: center;
	gap: 20px;
}

.ptLatestNewsGroup .proTicketLike a,
.ptLatestNewsGroup .proTicketComment a {
	color: #111;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ptLatestNewsCard .ptLatestNewsCardContent span {
	color: #5752ee;
}

.ptLatestNewsCardContent {
	padding: 20px;
}

.ptLatestNewsCardContent p,
.ptLatestNewsCardContent h4,
.ptLatestNewsCardContent span {
	margin-bottom: 10px;
}

.ptLatestNewsCardContent span {
	display: inline-block;
}

.ptLatestNewsCard {
	box-shadow: 0px 0px 8px 1px rgb(204 204 204 / 86%);
	margin: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.ptLatestNewsCardContent h4 a {
	color: #111;
}

.ptLatestNewsBanner {
	display: flex;
	align-items: flex-end;
}

.ptLatestNewsBanner a,
.ptLatestNewsBanner,
.ptLatestNewsBanner img {
	height: 100%;
}

/* || LATEST NEWS SLIDER CSS END || */

/* || LIVE ENTERTAINMENT ACTUAL MOVIES CSS START || */

.proTicketEntertainmentMovies {
	background-image: url(../images/bg4.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
}

.proTicketClientLogo {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 10px;
}

.proTicketClientLogo .proTicketClientLogoItem {
	padding: 20px;
	width: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.proTicketClientLogo a {
	background-color: #111;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.proTicketEntertainmentInner .ptEntertainmentHead {
	margin-bottom: 40px;
}

.proTicketClientLogo a:after {
	content: '';
	position: absolute;
	background-color: #4f49e8;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	border-radius: 100%;
	transition: all 0.4s ease-in-out;
}

.proTicketClientLogo a:hover:after {
	transform: scale(1);
	border-radius: 10px;
}

/* || LIVE ENTERTAINMENT ACTUAL MOVIES CSS END || */

.proTicketSubscribe {
	background-image: url(../images/bg5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
}

.proTicketSubscribeContant .proTicketSubscribeTxt h4 {
	font-size: 50px;
	color: #fff;
	font-weight: 500;
	position: relative;
	margin-bottom: 30px;
}

.proTicketSubscribeContant .proTicketSubscribeTxt h4:after {
	position: absolute;
	content: '';
	bottom: -12px;
	left: 0;
	width: 200px;
	height: 4px;
	background: #fff;
	border-radius: 50px;
}

.proTicketSubscribeContant .proTicketSubscribeTxt p {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 30px;
}

.proTicketSubscribeInput .input-group {
	padding: 10px;
	background: #000;
	border-radius: 10px;
	gap: 20px
}

.proTicketSubscribeInput .input-group input {
	border: 0;
}

.proTicketSubscribeInput .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}

.proTicketSubscribe .proTicketSubscribeInner .row {
	align-items: center;
}

.proTicketSubscribeContant {
	padding-right: 150px;
}

.proTicketFacebook .proTicketFacebookInner img {
	width: 100%;
}

.proTicketFacebook .proTicketFacebookInner {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
}








/* || SPECIAL SHOWS CATEGORIES CSS START || */
.proTicketCategories {
	padding: 0 0 80px;
}

.proTicketCategoriesInner {
	display: grid;
	grid-template-columns: 250px 1fr;
	border-radius: 8px;
	overflow: hidden;
}

.proTicketCategoriesInner .proTicketCategHeading {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}

.proTicketCategoriesInner .proTicketCategHeading span {
	display: inline-block;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}

.proTicketCategoriesInner .proTicketCategList {
	background-color: #111111;
	display: flex;
	align-items: center;
}

.proTicketCategoriesInner .proTicketCategHeading {
	padding: 10px 30px;
}

.proTicketCategoriesInner .proTicketCategList {
	padding: 10px 20px;
}

.proTicketCategoriesInner .proTicketCategList ul {
	gap: 10px;
}

.proTicketCategoriesInner .proTicketCategList ul li a {
	color: #fff;
	background-color: #292929;
	padding: 10px 20px;
	border-radius: 6px;

}

.proTicketCategoriesInner .proTicketCategList ul li a:hover {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}

/* || SPECIAL SHOWS CATEGORIES CSS END || */

/* || FOOTER CSS START ||*/
.proTicketFooter {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}

.proTicketFooter .proTicketFooterInner .proTicketCopyRight {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}

.proTicketFooter .proTicketFooterInner .proTicketCopyRight .proTicketCopyRightPara p {
	font-size: 16px;
	color: #fff;
}

.proTicketSocialMedia ul {
	display: flex;
	align-items: center;
	gap: 20px;
}

.proTicketSocialMedia ul li a img {
	transition: all 0.4s ease;
}

.proTicketSocialMedia ul li a img:hover {
	transform: scale(1.2);
}

.proTicketFooter .proTicketFooterInner .proTicketFooterRow {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.proTicketFooterCol .proTicketFooterColInner .proTicketFooterHeading {
	margin-bottom: 20px;
}

.proTicketFooterCol .proTicketFooterColInner .proTicketFooterHeading h4 {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}

.proTicketFooterMenu ul li a {
	color: #fff;
	position: relative;
}

.proTicketFooterMenu ul li a:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 100%;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
}

.proTicketFooterDescription p {
	color: #fff;
}

.proTicketFooterLogo {
	margin-bottom: 14px;
}

.proTicketFooterContant {
	padding: 80px 0;
}

.corporateContactUs ul li a {
	display: grid;
	grid-template-columns: 40px 1fr;
	align-items: center;
	gap: 10px;
	color: #fff;
	padding: 10px 0;
}

.proTicketFooterCol .proTicketFooterColInner ul li a:hover {
	color: #4839bb;
}

.proTicketFooterMenu ul li a:hover:before {
	background: #4839bb;
}

.corporateContactUs ul li a span {
	width: 40px;
	height: 40px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.corporateContactUs ul li a:hover span img {
	transition: all 0.5s ease;
}

.corporateContactUs ul li a:hover span img {
	transform: scale(1.2);
}

.proTicketFooter .proTicketFooterInner hr {
	border-top: 1px solid #fff;
	margin: 0;
}
.proTicketSocialMedia ul li a {
    border: 1px solid #fff;
    padding: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.4s ease-in;
}
.proTicketSocialMedia ul li a:hover {
	border-radius: 100%;
}
/* || FOOTER CSS END ||*/


/*||----|| SHOW SINGLE PAGE CSS START ||----||*/

/* || BANNER START ||*/
.proTicketInnerPageBanner {
	background-image: url('../images/single-page/top-banner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.proTicketInnerPageBanner .ptInnerPageBannerInner .ptInnerPageHeading h1 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.ptInnerPageBreadcrumb ul li a,
.ptInnerPageBreadcrumb ul li {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
}

.ptInnerPageBreadcrumb .breadcrumb-item+.breadcrumb-item::before,
.ptInnerPageBreadcrumb ul li a,
.ptInnerPageBreadcrumb ul li {
	color: #fff;
}

.ptInnerPageBreadcrumb ul li.active,
.ptInnerPageBreadcrumb ul li.active a {
	color: #524cea;
}

.proTicketInnerPageBanner .ptInnerPageBannerInner {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.proTicketInnerPageBanner {
	position: relative;
}

.proTicketInnerPageBanner:before {
	position: absolute;
	background: rgb(17 17 17 / 60%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
}

.ptInnerPageBannerInner {
	position: relative;
	z-index: 2;
}

/* || BANNER END ||*/

/* || MOVIE INFO CSS START ||*/
.proTicketTeenageNinja {
	padding: 80px 0;
}

.proTicketTeenageNinjaContant h4 {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 10px;
}

.proTicketTeenageNinjaContant p {
	font-size: 18px;
	font-weight: 400;
}

.proTicketTeenageNinjaContant ul.nav li a span.ptIcon {
	background: #edecfc;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.proTicketTeenageNinjaContant ul.nav li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	color: #111;
	font-weight: 400;
}

.proTicketTeenageNinjaContant ul.nav li a span {
	font-weight: 500;
}

.proTicketTeenageNinjaContant ul.nav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 20px;
}

.proTicketTeenageNinjaImg img {
	border-radius: 10px;
}

.proTicketTeenageNinjaInner {
	box-shadow: 0px 0px 10px 1px rgb(204 204 204 / 43%);
	padding: 30px;
	border-radius: 20px;
}

/* || MOVIE INFO CSS END ||*/

/* || VIDEO POPUP CSS START ||*/



/* || VIDEO POPUP CSS END ||*/

/* || VIDEO POPUP CSS START ||*/
.proTicketCalSidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.proTicketCalSidebar .ptSbCard {
	box-shadow: 0px 0px 15px 1px rgb(204 204 204 / 43%);
	padding: 20px;
	border-radius: 20px;
}

.proTicketSbLatestNews {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid rgb(204 204 204 / 40%);
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.proTicketSbLatestNews:last-child {
	border-bottom: 0;
	padding-bottom: 0px !important;
	padding-top: 10px !important;
}

.proTicketSbLatestNews .ptSbLatestNewsContant {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.proTicketSbLatestNews .ptSbLatestNewsContant h5 {
	font-size: 22px;
	font-weight: 600;
}

.proTicketSbLatestNews .ptSbLatestNewsContant span {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #111;
}

.proTicketSbLatestNews .ptSbLatestNewsContant a {
	text-transform: uppercase;
	font-size: 16px;
	color: #4c46e6;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 6px;
}

.proTicketSbLatestNews .ptSbLatestNewsContant a:hover {
	text-decoration: underline;
}

.proTicketCalSbHead h4 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 600;
	color: #eee;
}

.proTicketSbCalendar {
	padding: 80px 0;
}

.ptCalendarItemGroup .ptCalendarItemGroupInner {
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 30px;
	align-items: center;
}

.ptCalendarItemGroup .ptCalendarItemGroupInner .ptCalendarItem .proTicketCurrentMoviesTabItem {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	padding: 10px;
	border-radius: 8px;
}

.ptCalendarItemGroup .ptCalendarItemGroupInner .ptCalendarBtn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.ptCalendarItemGroup .ptCalendarItemGroupInner .ptCalendarBtn .btn {
	background-color: #edecfc;
	padding: 10px 30px;
	color: #111;
	font-weight: 500;
}

.ptCalendarItemGroup .ptCalendarItemGroupInner .ptCalendarBtn .btn:hover {
	background-color: #4e49e8;
	color: #fff;
}

.ptActive {
	background-color: #4e994e !important; 
	color: #fff !important;
}

.proTicketCalendar {
	background-color: #222222;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px rgb(204 204 204 / 43%);
}

.ptCalendarItemGroupInner {
	padding: 10px;
	border: 1px solid rgb(84 78 236 / 30%);
	border-radius: 10px;
	background-color: #000;
}

.ptCalendarItemGroupInner:hover {
	border-color: #4e49e8;
}

.proTicketCalendarHeading {
	margin-bottom: 20px;
}

.proTicketCalendarHeading h2 {
	font-size: 36px;
	font-weight: 500;
}

.ptCalendarItemGroup {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ptLatestNews.ptSbCard {
	padding: 20px 0;
}

.ptLatestNews .proTicketCalSbHead,
.proTicketSbLatestNews {
	padding: 0 20px;
}

.ptSbLatestNewsLoadMore {
	margin: 40px 0 20px;
	text-align: center;
}

.ptCalendarItemGroup .ptCalendarItemGroupOuter {
	display: none;
}

.proTicketTeenageNinjaImg,
.proTicketTeenageNinjaImg img {
	height: 100%;
}

.ptPopularMovies img {
	width: 100%;
}

/* || VIDEO POPUP CSS END ||*/


/*||----|| SHOW SINGLE PAGE CSS END ||----||*/



/*||----|| CALENDER WITH SHOW PAGE CSS START ||----||*/
.proTicketCalenderMovieShows{
	padding: 40px 0;
}

.sectionLoadMore .proTicketCalenderMovieShow {
	display: none;
}

.ptSelectPerformanceForm form.ptPerformanceForm {
	display: grid;
	grid-template-columns: 1fr 180px;
	gap: 20px;
	align-items: flex-end;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptPerformanceFormField {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup {
	display: flex;
	flex-direction: column;
}

.ptPerformanceCalendarInner {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
	padding: 20px 30px;
	border-radius: 10px;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .form-label,
.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .nice-select {
	color: #fff;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .nice-select {
	line-height: 26px;
	background-color: rgb(255 255 255 / 12%);
	border: solid 1px #fff;
	border-radius: 5px;
	font-size: 16px;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .nice-select:after {
	height: 10px;
	width: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

.nice-select .list li {
	color: #111;
}

select:focus,
.nice-select:focus,
.form-control:focus {
	box-shadow: unset;
	border-color: #fff;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .form-control {
	height: 41px;
	background-color: rgb(255 255 255 / 12%);
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
}

.ptSelectPerformanceForm form.ptPerformanceForm .ptFormGroup .form-control::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

.ptFormGroupBtn .btn {
	background-color: #fff;
	color: #6d68fe;
	transition: all 0.4s ease;
	padding: 8px 30px;
}

.ptFormGroupBtn .btn:hover {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.proTicketPerformanceCalendar {
	margin-top: 80px;
}

/*||----|| CALENDER WITH SHOW PAGE CSS END ||----||*/

/*||----|| BOOKING SEATS PAGE CSS START ||----||*/
.proTicketBookSeats .ptSelectPerformanceForm.ptSelectBookSeatForm form.ptPerformanceForm {
	display: grid;
	grid-template-columns: 1fr;
}

.proTicketBookSeats .ptSelectPerformanceForm.ptSelectBookSeatForm form.ptPerformanceForm .ptPerformanceFormField {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: end;
}

.proTicketBookSeats .ptSelectPerformanceForm.ptSelectBookSeatForm form.ptPerformanceForm .ptPerformanceFormField .ptFormGroup .ptFormGroupInner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.proTicketBookSeats .ptSelectPerformanceForm.ptSelectBookSeatForm form.ptPerformanceForm .ptPerformanceFormField .ptFormGroup .ptFormGroupInner .ptFormGroupLabel span {
	display: block;
	font-size: 16px;
	color: #fff;
}

.proTicketBookSeats .ptSelectPerformanceForm.ptSelectBookSeatForm form.ptPerformanceForm .ptFormGroup .nice-select {
	width: 100%;
}

.proTicketBookSeats .ptPerformanceCalendarInner {
	padding: 40px;
}

.proTicketBookSeatsCalendar {
	padding: 80px 0;
	overflow: hidden;
}

.ptDiscountBtnGroup {
	display: grid;
	grid-template-columns: 1fr 100px;
	gap: 10px;
}

.ptDiscountBtnGroup .ptResetBtn .btn {
	width: 100%;
}

.ptDiscountBtnGroup .ptResetBtn .btn,
.ptDiscountBtnGroup .ptRedeemDiscountCodeBtn .btn {
	background-color: #eee;
	color: #000;
	padding: 8px 30px;
	border-color: #111;
	transform: all 0.4s ease;
}

.ptDiscountBtnGroup .ptRedeemDiscountCodeBtn .btn,
.ptFillFormCodeBtn .btn {
	border: 1px solid transparent;
}

.ptDiscountBtnGroup .ptResetBtn .btn:hover {
	background-color: transparent;
	color: #eee;
}

.ptDiscount .ptDiscountInput {
	margin-bottom: 20px;
}

.ptDiscount .ptDiscountInput .form-control {
	background-color: #edecfc;
	border-color: #edecfc;
}

.ptFillFormOuter .ptFillFormInner {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.ptFillFormOuter .ptFillFormInner .formGroup .form-control {
	background-color: #edecfc;
	border-color: #edecfc;
}

.ptFillFormOuter .ptFillFormInner .formGroup label.form-check-label {
	font-weight: 500;
    color: #111;
    display: grid;
	grid-template-columns: 0px 1fr;
    align-items: flex-start;
    gap: 12px;
}

.ptFillFormOuter .ptFillFormInner .formGroup input {
	height: 40px;
}

.ptFillFormBtnGroup {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.ptFillFormBtnGroup .btn {
	width: 100%;
	padding: 10px;
}

.ptKobBilleter .btn {
	color: #6d68fe;
	border-color: #6d68fe;
	background-color: transparent;
	transform: all 0.4s ease;
}

.ptKobBilleter .btn:hover {
	color: #fff;
	border-color: transparent;
	background-color: #6d68fe;
}

.btn:focus {
	box-shadow: unset;
}

/*||----|| BOOKING SEATS PAGE CSS END ||----||*/



/*---------------- st Seat Layout wrapper Start --------------*/

.proTicketBookingSeatsHeading {
	position: relative;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

.proTicketBookingSeatsHeading h3 {
	font-size: 24px;
	color: #fff;
	letter-spacing: 1.14px;
	text-transform: uppercase;
	z-index: 2;
	background: #333545;
	display: inline-block;
	padding: 15px 40px;
	position: relative;
}

.proTicketBookingSeatsHeading:after {
	content: '';
	border: 1px solid rgba(255, 255, 255, 0.11);
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}



.proTicketBookingSeatsRow input[type="checkbox"] {
	display: none;

}

.proTicketBookingSeatsRow label span {
	font-weight: 800;
}

.proTicketBookingSeatsRow input[type="checkbox"]:checked+label:after {
	font-weight: bold;
}

.proTicketBookingSeatsRow li {
	color: #fff;
}

.ptSeatRowName {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.38);
	letter-spacing: 1px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6px;
}


.proTicketBookSeatGroup::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}

.proTicketBookSeatGroup::-webkit-scrollbar {
	height: 6px;
	background-color: #ffffff;
}

.proTicketBookSeatGroup::-webkit-scrollbar-thumb {
	background-color: #898989;
}

.proTicketBookingSeatsRow li {
	position: relative;
}

.proTicketBookingSeatsRow li span {
	float: left;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	background: #6762fa;
	color: #ffffff;
	border-radius: 5px;
	position: absolute;
	visibility: hidden;
	top: -40px;
	left: -48px;
	opacity: 0;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.proTicketBookingSeatsRow li:hover span {
	top: -50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.proTicketBookingSeatsRow li span:after {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #6762fa;
	position: absolute;
	left: 40%;
	bottom: -8px;
}

.proTicketBookingSeatsRow li:hover span {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.st_slider_rating_btn_heart_5th {
	position: absolute;
	left: 30px;
	top: -50px;
}

.st_video_slide_clientsec_wrapper h5 {
	color: #FFFFFF;
	padding-left: 6px;
}

.st_video_slide_clientsec_wrapper {
	position: absolute;
	top: 10px;
	left: 10px;
}

.st_video_slider_inner_wrappermb {
	padding-top: 220px;
}

.proTicketBookingSeats,
.st_seat_full_container {
	background-color: #333544;
}

.proTicketBookSeatWrapper .screen img {
	width: 100%;
}

.proTicketBookingSeats {
	padding: 40px;
	border-radius: 20px;
}

/*---------------- st Seat Layout wrapper End --------------*/

.proTicketsSeats {
	width: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.proTicketsSeats .proTicketsSeatsTop {
	width: 50px;
	height: 35px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.proTicketsSeats .proTicketsSeatsTop small {
	font-size: 16px;
	color: #fff;
}

.proTicketsSeats .proTicketsSeatsBottom {
	width: 35px;
    height: 10px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.proTicketBookingSeatsRow input[type="checkbox"]+label .proTicketsSeats .proTicketsSeatsTop,
.proTicketBookingSeatsRow input[type="checkbox"]+label .proTicketsSeats .proTicketsSeatsBottom {
	cursor: pointer;
	background-color: #484a57;
}

.proTicketBookingSeatsRow input[disabled]+label .proTicketsSeats .proTicketsSeatsTop,
.proTicketBookingSeatsRow input[disabled]+label .proTicketsSeats .proTicketsSeatsBottom {
	background-color: #c70909;
	cursor: auto;
}

.proTicketBookingSeatsRow input[type="checkbox"]:checked+label .proTicketsSeats .proTicketsSeatsBottom,
.proTicketBookingSeatsRow input[type="checkbox"]:checked+label .proTicketsSeats .proTicketsSeatsTop {
	background-color: #00b700;
}
.proTicketBookingSeatsRow {
    gap: 50px;
}
.proTicketBookingSeatsRow{
    display: grid;
	grid-template-columns: 40px 1fr;
	gap: 10px;
}
.proTicketBookingSeatsRow .ptBookSeatCol2 ul{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.ptBookSeatInnerItems .proTicketBookingSeatsRow{
	margin-bottom: 20px;
}
/* .proTicketBookSeatGroup {
    overflow-y: auto;
} */
.ptBookSeatClrItem{
	display: flex;
	align-items: center;
	gap: 10px;
}
.ptBookSeatClrItem .ptBookSeatClrBox span{
	display: inline-block;
	width: 50px;
	height: 30px;
	border-radius: 6px;
}
.ptBookSeatClrItem .ptClrAvailable span{
	background-color: #484a57;
}
.ptBookSeatClrItem .ptClrSold span{
	background-color: #ff0000;
}
.ptBookSeatClrItem .ptClrSelected span{
	background-color: #00b700;
}
.ptBookSeatClrBox{
	display: flex;
}

.ptBookSeatClrInnerWrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    margin-top: 40px;
}

.ptBookSeatClrItem .ptBookSeatClrTxt p{
	color: #fff;
	font-size: 16px;
}
.qty-container {
	display: flex;
    width: 140px;
    background-color: rgb(255 255 255 / 12%);
    border: solid 1px #fff;
    border-radius: 5px;
	padding: 6px 0;
}
.qty-container button.qty-btn-minus {
    border-right: 1px solid #fff;
}
.qty-container button.qty-btn-plus{
	border-left: 1px solid #fff;
}
.qty-container button{
	padding: 4px 12px;
}
.qty-container button, .qty-container input {
    border: 0;
    background: transparent;
    color: #fff;
}
.qty-container input{
	width: 100%;
	text-align: center;
}

.ptFillFormOuter .ptFillFormInner .formGroup input.form-check-input:focus{
	box-shadow: unset;
}

.ptFillFormOuter .ptFillFormInner .formGroup input.form-check-input {
    height: 20px;
    width: 20px;
    background-color: #edecfc;
	border-color: #edecfc;
	position: relative;

}
.ptFillFormOuter .ptFillFormInner .formGroup input.form-check-input:checked {
	background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}
.ptFillFormOuter .ptFillFormInner .formGroup input.form-check-input:checked:after{
	font-family: 'FontAwesome';
    content: "\f00c";
    top: 50%;
    position: absolute;
    font-size: 12px;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
}
.ptFillFormOuter .ptFillFormInner .formGroup label a {
    color: #544ef7;
}
.ptFillFormOuter .ptFillFormInner .formGroup label a:hover{
    text-decoration: underline;
}
.ptFillFormOuter .ptFillFormInner .formGroup .form-check{
	margin-bottom: 20px;
}
.ptFillFormOuter .ptFillFormInner .formGroup .form-check:last-child{
	margin-bottom: 0;
}
.ptFillFormOuter .ptFillFormInner .formGroup .form-check span {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
}
.ptFormQtyGroupInner {
    display: flex;
    justify-content: end;
}
.sectionLoadMore .proTicketCalenderMovieShow {
    margin-top: 80px;
}
.sectionLoadMore {
    margin-bottom: 80px;
}
/*effect css start*/
.videoBanner *, .proTicketGiftCard *, .ptLatestNewsCard *, .ptLatestNewsBanner *, .proTicketTeenageNinjaInner *, .ptPopularMovies *, .ptSbLatestNewsImg *, .proTicketFooter *{
	transition: all 0.4s ease-out;
}
.ptCurrentMoviesSliderItem .ptCurrentMoviesSliderImg a, .proTicketGiftCard a, .ptLatestNewsBanner a,  .proTicketTeenageNinjaInner .proTicketTeenageNinjaImg{
    overflow: hidden;
    display: inline-block;
    border-radius: 10px;
}
.ptPopularMovies{
    overflow: hidden;
    display: inline-block;
    border-radius: 20px;
}
.ptLatestNewsCard .ptLatestNewsCardImg a, .ptSbLatestNewsImg{
	overflow: hidden;
    display: inline-block;
}
.ptSbLatestNewsImg{
	border-radius: 4px;
}

.ptCurrentMoviesSliderItem:hover .ptCurrentMoviesSliderImg a img, .videoBanner:hover .videoBg, .proTicketGiftCard a:hover img, .ptLatestNewsCard:hover .ptLatestNewsCardImg a img, .ptLatestNewsBanner:hover a img, .proTicketTeenageNinjaInner:hover .proTicketTeenageNinjaImg img, .ptPopularMovies:hover img, .proTicketSbLatestNews:hover .ptSbLatestNewsImg img{
	transform: scale(1.1);
}
/*effect css end*/
/*|| countdown css start ||*/
.timerFix {
	background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
    background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
    background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 4;
    border: 4px solid #fff;
}
.timerFix .countdown .timer span {
    font-size: 12px;
}
.timerFix .countdown .timer button{
	border: transparent;
}
.timerFix .countdown .timer .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	border: 0;
}


/*|| countdown css end ||*/

.ptCurrentMoviesTime .ptCalendarItemGroupInner{
	box-shadow: 0px 4px 6px 1px rgb(139 139 139 / 27%);
	border: 0;
}

/*|| model css start ||*/
.modalMedium {
    max-width: 800px;
}
.modalPhistyperContent {
    padding: 30px;
}

.modal-header button.btn-close:focus{
	box-shadow: unset;
}
.modal-content {
    border-radius: 25px;
}

.modal-header button.btn-close {
	position: absolute;
    right: 20px;
    top: 20px;
    background-color: #edecfc;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.modalPhistyperContent .modal-header {
    justify-content: center;
	border: 0;
}

.ptCurrentMoviesTime .tab-content {
    margin-top: 30px;
}

.qty-container-model {
	display: grid;
	grid-template-columns: 50px 1fr 50px;
    width: 160px;
    background-color: #181818;
    border: solid 1px #181818;
    border-radius: 5px;
	padding: 6px 0;
}
.modalPhistyperItem {
	border: 1px solid #524ceb;
    border-radius: 10px;
    padding: 14px 30px;
}
.modalPhistyperItemInner {
	display: grid;
	grid-template-columns: 1fr 160px;
}
.daySchedule .ptCalendarItemGroup{
	width: 100%;
}
.daySchedule .ptCalendarItemGroup .ptCalendarItemGroupOuter {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.qty-container-model button {
    border-radius: 100%;
    width: 50px;
    height: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.qty-container-model button.qty-btn-minus {
	background-color: #edecfc;
	color: #111;
	font-weight: 400;
}
.qty-container-model button.qty-btn-plus{
	background-color: #edecfc;
	color: #111;
	font-weight: 400;
}
.qty-container-model button{
	padding: 4px 12px;
}
.qty-container-model button, .qty-container-model input {
	border: 0;
    background: transparent;
    color: #111;
    font-size: 25px;
    font-weight: 600;
}
.qty-container-model input{
	width: 100%;
	text-align: center;
}
.modalPhistyperItemTxt h6 {
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 10px;
}
.modalPhistyperItemTxt span{
	color: #eee;
	font-size: 16px;
}
.modalPhistyperItemGroup {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.modalPhistyperContent .modal-header h4 {
    font-weight: 500;
}
.modalPhistyperBtn{
	margin-top: 30px;
	text-align: center;
}

.modalBiografklubDanmark{
	padding: 30px;
    background-color: #242424;
}
.modalBiografklubDanmark .modal-header{
	border: 0;
	position: relative;
}
.modalBiografklubDanmark .modal-header .modal-title{
	justify-content: start;
}
.modalBiografklubDanmark .modal-header::after {
    background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 160px;
    border-radius: 50px;
}
.modalLarge {
    max-width: 1200px;
}
.modalBiografklubRight {
    background-color: #edecfc;
    border-radius: 10px;
}
.modalBiografklubTbl .table tr td, .modalBiografklubTbl .table tr th, .modalBiografklubFooter .table tr td, .modalBiografklubFooter .table tr th {
    background-color: #edecfc;
}
.modalBiografklubTbl .table, .modalBiografklubFooter .table {
    margin-bottom: 0;
}
.modalBiografklubTbl .table tr td, .modalBiografklubFooter .table tr td {
    text-align: right;
}
.modalBiografklubHead {
    padding: 20px 20px 10px;
}
.modalBiografklubTbl {
    padding: 0 20px 10px 20px;
}
.modalBiografklubFooter {
    padding: 10px 20px;
}
.modalBiografklubHead h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.modalBiografklubTbl .table tr td, .modalBiografklubTbl .table tr th, .modalBiografklubFooter .table tr td, .modalBiografklubFooter .table tr th {
    padding: 5px 0;
}
.modalBiografklubDanmark .modal-header .modal-title {
    font-weight: 500;
}
.modalBiografklubLeft {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.BiografklubSubscribeNow .input-group {
    border: 1px solid #242424;
    padding: 0px;
    border-radius: 6px;
}
.BiografklubSubscribeNow .input-group input {
    border: 0;
}

.BiografklubSubscribeNow .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.modalBiografklubBtn{
	display: flex;
	align-items: center;
	gap: 20px;
}
.modalBiografklubPara p {
    margin-bottom: 10px;
}
.modalBiografklubBtn .proTicketsBlackColorBtn{
	background-color: #111;
	color: #fff;
}
.modalBiografklubRight {
    background-color: #edecfc;
    border-radius: 10px;
    margin: 10px 0 30px;
}
.modalPhistyperBtn .btn {
    width: 200px;
}
.modalBiografklubBtn .btn {
    padding: 10px 24px;
}
/*|| model css end ||*/

.proTicketIncreaseDecrease .proTicketIncreaseDecreaseInner .proTicketIncDecItem .proTicketIncDecItemInner {
    background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    background: linear-gradient(to right, #4c46e6, #6d68fe, #6d68fe, rgb(151, 0, 255));
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.proTicketIncreaseDecrease .proTicketIncreaseDecreaseInner .proTicketIncDecItem .proTicketIncDecItemInner span{
	color: #fff;
}
.proTicketIncreaseDecreaseInner {
    display: flex;
    align-items: center;
    gap: 20px;
}
.proTicketPristype .btn, .proTicketBiografklub .btn {
    padding: 18px;
}

.proTicketIncreaseDecrease {
    margin-top: 20px;
	box-shadow: 0px 4px 6px 1px rgb(139 139 139 / 27%);
    border-radius: 10px;
	padding: 10px;
}
.ptCalendarBtn ul{
 	margin: 0;
}

.ptCalendarBtn ul li input{
	display: none;
}
.ptCalendarBtn ul li input[type="checkbox"]+label .btn{
	background-color: #edecfc;
}

.ptCalendarBtn ul li input[type="checkbox"]:checked+label .btn{
	background-color: #4c46e6;
	color: #fff;
}
.ptCalendarBtn ul {
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.proTicketModelBtn {
    display: flex;
    gap: 20px;
}

.ptBuyGiftCardTable {
	box-shadow: 0px 4px 6px 1px rgb(139 139 139 / 27%);
    border-radius: 10px;
	padding: 0px;
    width: 100%;
    margin: 0px;
    margin-top: 24px;
}

.ptBuyGiftCardTable th, td {
	padding: 12px;
}

.ptPaymentTable {
	box-shadow: 0px 4px 6px 1px rgb(139 139 139 / 27%);
    border-radius: 10px;
	padding: 0px;
    /*width: 100%;*/
    margin: 0px;
    margin-top: 24px;
}

.ptPaymentTable th, td {
	padding: 12px;
	margin: 12px;
}

.ptAlignVertical {
    vertical-align: middle;
}

.ptDefaultTextColor {
    color: var(--textWhiteClr) !important;
}

.ptGreenBtn {
	background-color: #4e994e !important; 
	color: #fff !important;
}

.ptRedBtn {
	background-color: #dd4e4e !important; 
	color: #fff !important;
}

.ptBlackBtn {
	background-color: #000000 !important; 
	color: #fff !important;
}

.ptUnnumberedHallText {
	color: #fff !important;
    text-align: center;
	font-family: 'Roboto';
    font-size: 28px;
    font-weight: bold;
}

.ptUnnumberedAvailableSeats {
	color: #fff !important;
    text-align: center;
	font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
}