/*
Video Formatting -----------------------------------------------------------------------------
*/

div.videosection{
	float:left;
	width:100%;
	margin-bottom:10px;
}

div.videobackground{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}


h2.sectionheading { border-bottom:#375e77 solid 1px !important;  }

.video-tab-row { margin:0 -12px;}


.video-tab-row  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    margin-top: 0px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.video-tab { width: calc(20% - 16px); margin:0px; box-sizing: border-box; margin:8px; float:left; border:1px solid #eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} 

div.video-tab-inner {
	cursor:pointer;
	cursor:hand;
	z-index:1000;
	padding:10px;
    box-sizing: border-box;
}

div.video-tab h5{
	margin:0;
	padding:10px 0 10px 0;
}

div.video-tab p{
	margin:0;
	padding:0;
}

div.video-tab img{
	margin:0;
	padding:0;
}

div.vidcontainer{
	position:fixed;
	z-index:10;
	top:50%;
	left:50%;
	height:0%;
	width:0%;
	background-image:url("../img/video_background.png");
}

h2.closebutton{
	position:absolute;
	top:50px;
	right:50px;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
	z-index:11;
}

h2.sectionheading{
	position:relative;
	width:100%;
	border-bottom:1px solid #b50015;
}

h2.videoloading{
	position:absolute;
	width:50%;
	top:45%;
	left:25%;
	text-align:center;
	color:#ffffff;
}

iframe{
	position:relative !important;
	display:block;
	max-height:100%;
	max-width:100%;
}


.videoloading, .closebutton { border:none;}
h2.videoloading::before,  h2.closebutton::before { display:none !important;}


@media (max-width:1023px){  

.video-tab { width: calc(25% - 16px); }

}



@media (max-width:767px){  

.video-tab { width: calc(33.3333% - 16px); }

}



@media (max-width:479px){  

.video-tab { width: calc(50% - 16px); }

}