/** GENERAL **/
.slider-wrapper.main-banner-slider											{ position:relative; z-index:1; }
.slider-wrapper.main-banner-slider .jcarousel .slide						{ padding:100px 0px; text-align:center; }
.main-banner-slider .slide-title											{ font-size:7em; line-height:1em; color:#FFFFFF; font-weight:700; margin:0px; }
.main-banner-slider .slide-title span										{ color:#E50491; }
.main-banner-slider .slide-sub-title										{ font-size:2em; margin:20px 0px; font-weight:300; letter-spacing:0.05em; }
.slider-wrapper.main-banner-slider .jcarousel .play-btn						{ display:none; }
.mobile .slider-wrapper.main-banner-slider .jcarousel .play-btn				{ display:inline-block; }

.slider-wrapper.main-banner-slider											{ background-color:#2A2A2A; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }


/** VIDEO BACKGROUND **/
.video-bg							{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1; overflow:hidden; text-align:center; }
.video-bg .video-overlay			{ display:none; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
.mobile .video-bg .video-overlay	{ display:block; }
.video-bg video						{ position:absolute; left:0; width:100%; }

.video-bg							{ background:#2A2A2A; }



/** RESPONSIVE **/
@media screen and (max-width:1920px){

	.video-bg video		{ position:absolute; left:50%; top:0; margin:0px 0px 0px -960px; width:1920px; }

}

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

	.slider-wrapper.main-banner-slider .jcarousel .slide			{ text-align:center; margin:0px auto; padding:30px 0px; }
	.slider-wrapper.main-banner-slider .jcarousel .play-btn			{ display:inline-block; }

}

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

	.slider-wrapper.main-banner-slider .jcarousel .slide	{ text-align:center; margin:0px auto; padding:60px 0px; }
	.main-banner-slider .slide-title						{ font-size:3em; }
	.main-banner-slider .slide-sub-title					{ font-size:1.5em; }

}

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

	.video-bg video														{ display:none !important; visibility:hidden; }
	.mobile .slider-wrapper.main-banner-slider .jcarousel .play-btn		{ display:none; }

}

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

	.slider-wrapper.main-banner-slider .jcarousel .slide	{ padding:40px 0px; }
	.main-banner-slider .slide-title						{ font-size:3em; text-align:center; }
	.main-banner-slider .slide-sub-title					{ font-size:1.2em; text-align:center; }

}

.video-background {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #2A2A2A;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	border: none;
}

@media (min-aspect-ratio: 16/9) {
	.video-background iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-background iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}