/*
|-----------------------------------------------------------------------------------------------------------
| HOMEPAGE SLIDESHOW SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.header-slides { position: relative; }

.header-slides .overlay-image {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 1058px;
	width: 100%;
	height: 225px;
	background-size: contain !important;
	opacity: 0.75;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-cont {
	position:relative;
	width:100%;
	height: calc(100vh);
	overflow:hidden;
}
.video-cont:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:50%;
	width:100vw;
	height:265px;
	z-index:1;
	background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.8));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8));
	background-image: -ms-linear-gradient(transparent, rgba(0,0,0,0.8));
	background-image: linear-gradient(transparent, rgba(0,0,0,0.8));
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}

iframe .video-cont { height: 100%; overflow-y: visible; }

.video-cont iframe {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	min-width:2300px;
	min-height:2300px;
	pointer-events:none;
	opacity:0;
	background-color:transparent;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	animation:video-fade-in 5.5s forwards;
	-webkit-animation:video-fade-in 5.5s forwards;
}

/* POPUP VIDEO */
.mfp-content {
	width: 100%;
	height: 100%;
	position: relative;
	top: 40px;
	max-width:1280px;
}
.mfp-content iframe {
	width:100%;
	height:60vh;
}
.mfp-close-btn-in .mfp-content .mfp-close {
	color:#fff;
	margin-top:-40px;
}
/* END POPUP VIDEO */

@-webkit-keyframes video-fade-in {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes video-fade-in {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.video-controls {
	position:absolute;
	bottom:45px;
	left:40px;
	z-index:2;
}

.vimeo-mute,
#vimeo-play-button,
#vimeo-pause-button {
	width:41px;
	height:40px;
	cursor:pointer;
	margin-right:15px;
	display:inline-block;
	background-position:center;
	background-repeat:no-repeat;
}
.vimeo-play-pause { display: inline-block; width: 41px; height: 40px; }
#vimeo-play-button {
	display:none;
	background-image:url(/includes/public/assets/images/video-play.png);
}
#vimeo-pause-button {
	display:block;
	background-image:url(/includes/public/assets/images/video-pause.png);
}
.vimeo-play-pause.active #vimeo-play-button {
	display:block;
	pointer-events:auto;
}
.vimeo-play-pause.active #vimeo-pause-button {
	display:none;
	pointer-events:none;
}
.vimeo-mute {
	background-image:url(/includes/public/assets/images/video-mute.png);
	background-position:center;
	background-size:100%;
}
.vimeo-mute.mute {
	background-image:url(/includes/public/assets/images/video-unmute.png);
}

.video-bottom {
	position:absolute;
	left:50%;
	bottom:20px;
	width:460px;
	z-index:2;
	text-align:center;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.video-bottom .title1,
.video-bottom .title2 {
	color:#fff;
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
}
.video-bottom .title1 {
	font-size:62px;
}
.video-bottom .title2 {
	font-size:20px;
	text-transform: uppercase;
}
.video-arrow {
	margin-top:15px;
	margin-bottom:20px;
}
.scroll-anchor-link { cursor: pointer; }

.responsive-img-cont {
	position:relative;
}

.responsive-img-cont .imgcont img {
	position: relative;
	left: 50%;
	width: auto;
	max-width: initial;
	height: 100vh;
	display: inherit;
	transform: translateX(-50%);
}

.resp-play-btn {
	position:absolute;
	top:50%;
	left:50%;
	z-index: 99;
	width: 80px;
	height: 80px;
	margin: 0px auto;
	opacity: 1;
	display:none;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
@media only screen and (min-width: 64.1em) {
	.video-cont,
	.video-cont .imgcont {
		/* height: 400px; */
		height: auto !important;
	}
}

@media only screen and (max-width: 64em) {
	.video-cont,
	.video-cont .imgcont {
		/* height: 400px; */
		height: auto !important;
	}
	.video-cont .imgcont img {
		width: 100vw;
		height: auto;
	}
	.video-bottom .title1 { font-size: 32px; }

	.video-bottom .video-arrow { display: none; }
	.header-slides .overlay-image {
		bottom: 35px;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.video-cont,
	.video-cont .imgcont { height: auto !important; }
	.video-bottom .title1 {
		bottom: 25px;
    font-size: 48px;
    position: relative;
   }
}
@media only screen and (max-width: 1024px) {
	.video-player-cont {
/*		display: none;*/
		height: auto;
	}
	.video-cont::after {
		background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
		height: 50px;
	}
	.resp-play-btn {
		display:block;
	}
	.resp-play-btn {
		min-width:60px;
	}
	.video-controls { display: none; }
}
@media only screen and (min-width: 1025px) {
	/*.video-cont .header-slides .imgcont img { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; }*/
}
