.view {
   width: 100%;
   margin: 0px;
   float: left;
   /*border: 10px solid #eee;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: rgba(72,183,206,1);
}
.view .mask,.view .content {
   width: 90%;
   position: absolute;
   overflow: hidden;
   top: 20%;
   left: 14px;
   min-height: 190px;
}
.view img {
   display: block;
   position: relative;
}
.view h5 {
   /*text-transform: uppercase;*/
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 12px;
   padding: 10px;
   background: #48b7ce;
   margin: 20px 0 0 0;
}
.view h4 {
   font-size: 10px;
   position: relative;
   color: #fff;
   padding: 10px 0px 20px;
   text-align: center;
}
.view-fifth img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.view-fifth .mask {
	background: rgba(72,183,206,1);
	-webkit-transform: translatey(350px);
	-moz-transform: translatey(350px);
	-o-transform: translatey(350px);
	-ms-transform: translatey(350px);
	transform: translatey(350px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.view-fifth h4 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	padding: 10px 20px 0;
	line-height: 20px;
	font-size: 15px;
	text-align: center;
	border:0px;
	margin-top:0px;
	min-height: 105px;
	font-weight: normal;
	font-family: 'Muli', sans-serif;
}
.view-fifth h5 {
	color: #fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	padding: 0 20px;
	line-height: 25px;
	font-size: 15px;
	text-align:center;
	font-weight: normal;
}
.view-fifth:hover .mask {
	-webkit-transform: translatey(0);
	-moz-transform: translatey(0);
	-o-transform: translatey(0);
	-ms-transform: translatey(0);
	transform: translatey(0)
}
.view-fifth:hover img {
	-webkit-transform: translatey(-350px);
	-moz-transform: translatey(-350px);
	-o-transform: translatey(-350px);
	-ms-transform: translatey(-350px);
	transform: translatey(-350px)
}
.view-fifth:hover h4 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1
}
.opportunity-bg h5{
	margin-top:0px !important;
}
