/*------new-projects-------*/
/*--project--*/
ul.project_top{
	padding:0;
	list-style:none;
	text-align:center;
}
ul.project_top li{
	width: 33.2%;
	float:left;
}
ul.project_top li.project1{
	position:relative;
}
h3.phead{
	font-size: 1.3em;
	color: #e9b10a;
	font-weight: 600;
	margin: 10px;
}
ul.project_top li.project1 h3, ul.project_top li.project2 h3, ul.project_top li.project3 h3, ul.project_top li.project5 h3{
	color: #5B5858;
	font-size: 1em;
	font-weight: 500;
	text-align: left;
	text-transform: uppercase;
}
ul.project_top h5 {
text-align: left;
color: #e9b10a;
background-color: #000000;
padding:5px;
font-weight: bold;
}
ul.project_top li.project4 h3{
	color: #fff;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: bold;
}
ul.project_top li.project2,ul.project_top li.project3{
	padding: 0;
}
ul.project_top li.project4{
	padding: 3em 0em;
	min-height: 275px;
}
menu#cl-effect-8 {
	margin: 0;
	padding:0;
}
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   min-height: 232px;
   padding: 0em 1em;
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: -4px;
	left: 1px;
	cursor: pointer;
	width: 379px;
	height: 212px;
}
.view img {
   display: block;
   position: relative;
}
.mask{
	position: relative;
}
.info {
    display: inline-block;
	text-decoration: none;
	background: none;
 	margin:3.5em 0 1em;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   width: 100%;
}
.mask_desc {
	width: 70%;
	margin: 0 auto;
	position: absolute;
	top: 14%;
	left: 15%;
}
.mask_desc p{
	color: #fff;
	font-size: 1.4em;
	margin: 0;
	text-align: left;
	font-weight: 300;
}
.mask_desc h4{
	color:#fff;
	font-size:1.7em;
	line-height: 1.5em;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}
.mask_desc h6{
	color: #fff;
	font-size: 0.85em;
	line-height: 1.5em;
	font-weight: 400;
	margin: 0;
	text-align: left;
	font-family: 'Roboto Slab', serif;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(11, 83, 6, 0.55);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first ul.mask_img {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover ul.mask_img,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover ul.mask_img {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
a.view-btn {
padding: 0.2em 1em;
text-decoration: none;
border:1px solid #fff;
margin-top: 0.8em;
display: inline-block;
color: #fff;
font-size: 1.2em;
font-weight:400;
text-align: center;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
background: none;
}
div#project {
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}
a.offer-btn span {
background: url(../images/right-arrow.png) no-repeat 0px 0px;
width:10px;
height: 10px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
margin:5px 8px 4px 4px;
}
.view-btn {
text-align: left;
}