/** GENERAL **/
.slider-wrapper.main-banner-slider								{ position:relative; z-index:1; }
.slider-wrapper.main-banner-slider .jcarousel .slide			{ padding:60px 0px; text-align:center; margin:0px auto; max-width:660px; }
.main-banner-slider .slide-title								{ font-family:'Cinzel', serif; text-transform:uppercase; font-size:4em; line-height:1em; color:#FFFFFF; margin:0px 0px 60px 0px; }
.main-banner-slider .slide-title span							{ display:block; }
.main-banner-slider .slide-sub-title							{ font-size:1.6em; margin:5px 0px; text-transform:uppercase; font-weight:300; }
.main-banner-slider .btn										{ margin:30px 0px 0px 0px; padding:10px 20px; text-transform:uppercase; font-weight:300; }

.slider-wrapper													{ color:#FFFFFF; }
.main-banner-slider .btn										{ background:transparent; border:2px solid #FFFFFF; color:#FFFFFF; }
.main-banner-slider .btn:hover									{ background:#DC5912; border:2px solid #DC5912; color:#FFFFFF; }
.slider-wrapper .jcarousel-pagination							{ display:none; background:rgb(255,255,255); background:rgba(255,255,255,0.6); }
.slider-wrapper .jcarousel-pagination a							{ color:#2a2a2a; }
.slider-wrapper .jcarousel-pagination a:hover,
.slider-wrapper .jcarousel-pagination a.active					{ color:#000000; }

/** VIDEO BACKGROUND **/
.VideoBackground {
	position: absolute;
	top: 0%;
	left: 0%;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

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

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


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

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

}

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

	.slider-wrapper.main-banner-slider .jcarousel .slide		{ text-align:center; margin:0px auto; padding:60px 0px 0px 0px; }

}