/*video slides*/

.av-video-slide , .av-video-slide .avia-slide-wrap{width:100%; height:100%; position: absolute; overflow: hidden;}
.av-video-slide .mejs-poster{width:100% !important; height: 100% !important;  background-size: cover; background-position: center center;}
.av-video-slide .mejs-poster img{display:none;}
.av-video-slide .avia-iframe-wrap{padding:0; height:100%; margin: 0;}
.av-video-slide iframe, .av-video-slide embed, .av-video-slide object, .av-video-slide video{max-width:none; max-height:none; width:100%; height:100%; position: absolute;}
.av-video-slide .caption_fullwidth{top: 0; left: 0; right: 0; bottom: 40px; }
.av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px;}
.av-video-slide .mejs-container{ height: 100% !important; width: 100% !important; position: absolute;}
.av-video-slide .me-plugin{width:100%; height:100%;}
span.mejs-offscreen { display: none!important; }


.avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{
	transform: 			scale(1.2);
}



.avia_video{z-index: 8;}
.mejs-controls{ z-index: 9; }
.av-video-slide.av-video-service-vimeo .mejs-controls,
.av-force-resize .av-video-service-youtube .avia_video,
.av-hide-video-controls .mejs-controls{display: none !important;}

.av-video-slide.slide-1 .mejs-mediaelement{opacity: 0;}
.av-video-slide .mejs-mediaelement{height:100%;}
.av-video-slide .mejs-overlay-button{display: none;}
.av-video-slide .avia-slide-wrap, .av-video-slide iframe{ background: #000; }


.av-video-slide.av-video-4-3-stretch iframe, .av-video-slide.av-video-4-3-stretch embed, .av-video-slide.av-video-4-3-stretch object, .av-video-slide.av-video-4-3-stretch video {
height: 270%;
}



/*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/
.av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{
content: ".";
position: absolute;
text-indent: -200px;
overflow: hidden;
top:0;
left:0;
right:0;
bottom:0;
z-index: 11;

/*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */
filter: alpha(opacity=0); opacity: 0; background: #000;
}

.av-click-overlay{z-index: 9; bottom:30px;} /*z index 9 to move it behind caption*/
.av-hide-video-controls .av-click-overlay {bottom:0;}
.av-video-service-vimeo .av-click-overlay {bottom:42px;}
.av-video-service-youtube .av-click-overlay {bottom:36px;}

.av-video-stretch.av-video-service-vimeo .av-click-overlay, .av-video-stretch.av-video-service-youtube .av-click-overlay{bottom:0;}


/*video play/pause icon*/
.avia_playpause_icon{
	position: absolute;
	height: 100px;
	width: 100px;
	margin: -50px 0 0 -50px;
	background: #000;
	background: rgba(0,0,0,0.4);
	border-radius: 3px;
	top: 50%;
	left: 50%;
	z-index: 50;
	display: none;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

.avia_playpause_icon.av-play,
.avia_playpause_icon.av-pause{
	display: block !important;
}

.avia_playpause_icon:before{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position: absolute;
	color:#fff;
	line-height: 100px;
	text-align: center;
	font-size: 40px;
}

.avia_transform .avia_playpause_icon.av-play,
.avia_transform .avia_playpause_icon.av-pause{
	-webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
	animation:         avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
	opacity: 0;
}

/*afterload video*/
.av-video-slide .avia-slide-wrap{
	background-position: center center;
	background-size: cover;
}

.av-video-lazyload .av-click-to-play-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1000;
}

.av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon{
	display: block;
	-webkit-transition: opacity 0.4s ease-out;
	transition: 		opacity 0.4s ease-out;
}

.av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon{
	opacity: 0.7;
}