@charset "utf-8";

/* VIDEO
------------------------------------------------------------*/

.video_wrap {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.video_wrap #video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.video_wrap #video.sp_mov {
	max-height: 100%;
}
@media screen and (max-width: 1280px) {
  .video_wrap {
    height: 100vh;
  }
}
@media screen and (max-width: 768px) {
  .video_wrap {
    height: 100vh;
  }
}
@media screen and (max-width: 413px) {
  .video_wrap #video.sp_mov {
    max-height: 111%;
  }
}

video[poster] {
	height: 100%;
	width: auto;
}
.sloverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: url(../img/overlays.png) 0 0;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1024px){


}


/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 767px){


}


/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 640px){

.slidesjs-container {
	height: 680px !important;
}

}

/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 540px){

.slidesjs-container {
	height: 600px !important;
}



}

/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 480px){


.slidesjs-container {
	height: 520px !important;
}


}

/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 420px){

.slidesjs-container {
	height: 460px !important;
}

.text-images {
}
.text-images img {
}


.mvbox video {
	margin-left: -40%;
}


}


/* ------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 360px){



.slidesjs-container {
	height: 380px !important;
}


}