/* Video Box
================================================== */

figure {
    margin: 0 !important;
}


.fig1, .fig2, .fig3-a, .fig3-b{    
    max-width: 100%;
}


.fig3-b{
    vertical-align: baseline;     
    height:175px; 
}


.videobox {
	width:100%;
	float: left;
	background:#fff;
	margin-bottom: 0 !important;
	position: relative;
}
.videobox figure{
	width:100%;
	float: left;
	position:relative;
}
.videobox a.playicon{
	width:128px;
	height: 128px;
	display: block;
	margin-top:-64px;
	margin-left: -64px;
	left: 50%;
	top: 50%;
	position: absolute;
}
.videobox a.playicon i{
	color: #fff;
	font-size: 147px;
	margin-top: -8px;
	opacity: .5;
}
.videobox figcaption{
	width:100%;
    max-width: 750px;
	padding:20px 20px 10px 20px;
	left:0;
	bottom:0;
	color:#FFF;
	position:absolute;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%, rgba(0,0,0,0.65) 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.64)), color-stop(100%,rgba(0,0,0,0.65)), color-stop(101%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.col-lg-2 .videobox figcaption h2 {
	font-size: 120%;
}
.videobox figcaption h2 a{
	color:#FFF;
}
.videobox figcaption ul{
	width:100%;
	float:left;
	margin: 0;
	height: 0px;
	overflow: hidden;
	-webkit-transition: height .4s ease-in-out;
	-moz-transition: height .4s ease-in-out;
	-ms-transition: height .4s ease-in-out;
	-o-transition: height .4s ease-in-out;
	transition: height .4s ease-in-out;
}
.videobox:hover figcaption ul{
	height: 26px;
}
.col-lg-2 .videobox figcaption ul{
	display:none;
}
.videobox figcaption ul li{
	float:left;
	position:relative;
	font-size:14px;
	margin-left:20px;
}
.videobox figcaption ul li:first-child{
	margin-left:0px;
}
.videobox figcaption ul li i{
	margin-right: 10px;
}

/* Gallery
================================================== */
.gallery {
	position: relative;
	overflow: hidden;
}
figure {
	overflow: hidden;
}
figure > a {
	overflow: hidden;
}
.hovereffect {
	display: inline-block;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
figure:hover .hovereffect,
figure:focus .hovereffect,
figure:active .hovereffect,
.hovereffect:hover,
.media:hover .img-hovereffect {
	-webkit-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
.gallery figcaption{
	position: absolute;
	bottom: -100%;
	left: 0px;
	width: 100%;
	padding:15px 20px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.gallery:hover figcaption{
	bottom: 0;
}
.gallery figcaption h4 {
	margin: 0;
}
.gallery figcaption a{
	color: #fff;
}