:root {
	--swiper-theme-color: #d50055;
	--primary-color:#d50055;
	--secenday-color:#ff0009;
}
.owl-carousel .owl-next,.owl-carousel .owl-prev {
	background-color: var(--primary-color);
}
a{
   color:var(--primary-color);
}
a:hover{
   color:var(--secenday-color); 
}
.vjs-chromecast-button .vjs-icon-placeholder {
	width: 18px;
	height: 18px;
}

 .ribbon {
	width: 110px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	background: url({{asset('frontend/theme/default/images/lock.png')}});
	background-repeat: no-repeat;
	overflow: hidden;
}
.ribbon-top-right {
  bottom: 0px;
  left: 0px;
}
.tv-ribbon{
	top: 10px;
	left: 5px;
	position: absolute;
	z-index: 6;
	padding: 2px 11px;
	background-color: #ffe22e;
	color: #383737;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 14px;
	font-weight: bold;
}
.modal-header{
	background: var(--primary-color);
	border-bottom: transparent;
	color: #fff;
}

.bg_img {
	background-image: url({{asset('frontend/images/bg/bg.jpg')}});
}

#myFooter {
	background-color: #232323;
}
#myFooter .footer-copyright {
	background-color: #151414;
}

.slider-content{
	height: slider_heightpx;
}
#slider {
	border-radius: slider_border_radiuspx;    
}

@media only screen and (max-width: 600px) {
	.slider-content {
		height: 330px !important;
	}
}

@media only screen and (max-width: 570px) {
	.slider-content {
		height: 300px !important;
	}
}

@media only screen and (max-width: 530px) {
	.slider-content {
		height: 280px !important;
	}
}

@media only screen and (max-width: 495px) {
	.slider-content {
		height: 260px !important;
	}
}

@media only screen and (max-width: 450px) {
	.slider-content {
		height: 240px !important;
	}
}

@media only screen and (max-width: 380px) {
	.slider-content {
		height: 200px !important;
	}
}

@media only screen and (max-width: 360px) {
	.slider-content {
		height: 180px !important;
	}
}

@media only screen and (max-width: 600px) {
	.banner-section {
		background-repeat: no-repeat !important;
	}
}

.list_item_container{
	background-color: #000;
}


.margin-bottom-10{
	margin-bottom:25px
}

#SigninModal .nav-tabs > li.active > a,#LoginWithEmailPasswordModal .nav-tabs > li.active > a,#SignupWithEmailPasswordModal .nav-tabs > li.active > a{
	color: #fff !important;
	background-color: unset !important;
	border:unset !important;
}

#SigninModal .nav-tabs > li.active{
	border-bottom: 4px solid #d50055;
}


/* Loader Style */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100000001;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	animation-delay: -1.0s;
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}