/* Demo Css */
.demo-area{
	padding: 80px 0 0;
}
.demo-title{
	font-size: 30px;
	margin-bottom: 30px;
}
#demo-feature-section{
	padding: 80px 0 60px;
}
.demo-section-title{
	margin-bottom: 60px;
}
#demo-feature-section .features-item{
	margin-bottom: 40px;
	overflow:hidden;
	
}
#demo-feature-section .features-item img{
	width: 50px;
	float: left;
	margin-right: 20px;
}
#demo-feature-section .features-item h3{
	font-size: 19px;
}

.single-demo h3{
	font-size: 20px;
	margin-top: 20px;
	color: #007bff;
}

.demo_img{
	position: relative;
	transition: .5s;
}
.demo_img:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: .5s;
}
.single-demo a:hover,
.single-demo a:focus{
	text-decoration: none;
}
.single-demo a i {
	color: #20c997;
	font-size: 50px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	opacity: 0;
}
.demo_img:hover:after,
.demo_img:hover i{
	opacity: 1;
}