/********** Template CSS **********/
html{
	scrollbar-width: none; /* Firefox */
}
body::-webkit-scrollbar{
	display:none;
}

.hovereffect {
	float:left;
	overflow:hidden;
	position:relative;
	cursor:default;
}
  	.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}
.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
  	.hovereffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}	
.hovereffect a.info {
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #fff;
	background-color:transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	margin:60px 0 0;
	padding:7px 14px;
}
.hovereffect a.info:hover {
	box-shadow:0 0 5px #fff;
}			
.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}			
.hovereffect:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
}
.hovereffect h2 {
	color:#fff;
	text-align:center;
	position:relative;
	font-size:18px;
	background-color:rgba(220,53,69,1);				
	-webkit-transform: translateY(195px);
  	-ms-transform: translateY(195px);
  	transform: translateY(195px);
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;				
	padding:10px;
}
.hovereffect:hover h2 {
  -webkit-transform: translateY(195px);
  -ms-transform: translateY(195px);
  transform: translateY(195px);
}	
.hovereffect:hover a.info {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translatey(0);
	-webkit-transform:translatey(0);
	transform:translatey(0);				
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
}