/* template */

/* image hover effect */
.hfw-main-cont
{
	position: relative;
	z-index: 1;
}
.hfw-hovereffect
{
	
}
.hfw-hovereffect {
	width:100%;
	height:100%;
	//float:left;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.hfw-hovereffect .hfw-overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;	
	background-color:rgba(0,0,0,0.5);
	transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	
}
.hfw-hovereffect img {
	display:block;
	position:relative;
	width:100%;
	transition:all .4s linear;
	-webkit-transition:all .4s linear;	
	-moz-transition:all .4s linear;
	-ms-transition:all .4s linear;
}
.hfw-hovereffect:hover img {
	transform:scale(1.01);
	-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	-ms-transform:scale(1.01);

}
.hfw-hovereffect:hover .hfw-overlay {
	opacity:1;
	filter:alpha(opacity=100);
}

.hfw-content-main-cont
{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}
.hfw-content-cont
{
	height: 100%;
	position: relative;
}
.hfw-content
{
	
}
.hPadding
{
	padding:50px;
}
.hfw-uppercont
{
	position: absolute;
	bottom: 50px;
}
.hfw-uppercont h4
{
	font-family: 'MarkBook', Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 24px;
}
.hfw-uppercont h3
{
	font-family: 'MarkBold', Arial, sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 1.4;
}