.pro-block-2 {
	width: 50%;
	float: left;
	padding: 0 25px;
	display: inline-block;
	vertical-align: top;
}

.pro-block-2 .pro-box {
	border: 1px solid #ebebeb;
	padding: 65px 65px 5px;
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
}

.pro-block-2 .bg:before {
	background-color: #464646;
	width: 231px;
	height: 157px;
	position: absolute;
	content: "";
	top: -25px;
	left: -25px;
	z-index: -1;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.pro-block-2 .pro-box .img-responsive {
	margin-bottom: 40px;
}

.pro-block-2 .pro-box a {
	position: relative;
	display: block;
	z-index: 1;
}

.pro-block-2 .pro-box .pro-title {
	font-size: 32px;
	color: #453b39;
	margin-bottom: 20px;
	font-family: 'AvantGarde-Demi';
}

.pro-info-block p,
.pro-info-block .btn-view {
	margin-bottom: 30px;
}

.pro-block-2 .pro-box a:hover .btn-view:after,
.pro-block-2 .pro-box a:hover .btn-view:before {
	height: 48px;
}

.pro-block-2 .pro-box:hover a .bg:before , .pro-listing li:hover .bg:before{
	background-color: #3277bc;

}

.pro-block-2 .pro-box a:hover .pro-title {
	color: #3277bc;
}

.pro-block-2 .pro-box a:hover .btn-view {
	color: #fff;
}
.pro-info-block img {
	-webkit-transition: transform .3s ease-in-out 0ms;
	-webkit-transition: -webkit-transform .3s ease-in-out 0ms;
	transition: -webkit-transform .3s ease-in-out 0ms;
	transition: transform .3s ease-in-out 0ms;
	transition: transform .3s ease-in-out 0ms, -webkit-transform .3s ease-in-out 0ms;
}