/** GENERAL **/
.slider-wrapper.main-banner-slider						{ position:relative; z-index:1; }
.slider-wrapper.main-banner-slider .jcarousel ul li		{ margin:200px 0px 60px 0px; }
.slider-wrapper.main-banner-slider .jcarousel .slide	{ padding:50px 0px 100px 0px; text-align:center; }
.main-banner-slider .slide-title						{ text-transform:uppercase; font-size:4em; line-height:1.1em; margin-bottom:30px; color:#FFFFFF; }
.main-banner-slider .slide-title span					{ display:block; font-weight:bold; }
.main-banner-slider .slide-sub-title					{ font-size:2em; margin:5px 0px; text-transform:uppercase; }

/** SLIDE 01 **/
.slider-wrapper.main-banner-slider .jcarousel .slide-01 .slide				{ text-align:left; }
.slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn			{ display:none; }
.mobile .slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn	{ display:none; }

/** VIDEO BACKGROUND **/
.VideoBbackground {
	position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
}

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

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

/** 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 ul li							{ margin:130px 0px 100px 0px; }
	.slider-wrapper.main-banner-slider .jcarousel .slide						{ text-align:left; margin:0px auto; padding:30px 0px; }
	.slider-wrapper.main-banner-slider .jcarousel .slide-01 .slide				{ text-align:center; }
	.slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn			{ display:inline-block; }
	.mobile .slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn	{ display:inline-block; margin:120px 0px 0px 0px; }
	.main-banner-slider .slide-title											{ font-size:3em; line-height:1em; }
}

@media screen and (max-width:760px){
	.slider-wrapper.main-banner-slider .jcarousel .slide				{ text-align:left; margin:0px auto; padding:60px 0px 0px 0px; }
	.slider-wrapper.main-banner-slider .jcarousel .slide-01 .slide		{ text-align:center; }
	.mobile .slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn	{ display:inline-block; margin:70px 0px 0px 0px; }
	.main-banner-slider .slide-title									{ font-size:3em; }
	.main-banner-slider .slide-sub-title								{ font-size:1.5em; }
}

@media screen and (max-width:530px){
	.main-banner-slider .slide-title			{ font-size:2em; text-align:center; }
	.main-banner-slider .slide-sub-title		{ font-size:1em; text-align:center; }
}
@media screen and (max-width:380px){
	.mobile .slider-wrapper.main-banner-slider .jcarousel .slide-01 .play-btn	{ display:inline-block; margin:80px 0px 0px 0px; }
	.slider-wrapper.main-banner-slider .jcarousel .slide				{ text-align:left; margin:0px auto; padding:0px 0px 0px 0px; }
}