@charset "utf-8";
.w3layouts_projects_grid{
    overflow: hidden;
    position: relative;
}
.w3layouts_projects_grid_pos{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.4);
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.w3layouts_projects_grid_pos{
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    -ms-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
}
.w3_agile_projects_grid:hover .w3layouts_projects_grid_pos,.w3layouts_gallery_grid:hover .w3layouts_projects_grid_pos,
.w3_agile_class_grid:hover .w3layouts_projects_grid_pos{
    opacity:1;
	-webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.w3_agile_projects_grid:hover .wthree_text,.w3layouts_gallery_grid:hover .wthree_text,
.w3_agile_class_grid:hover .wthree_text{
    opacity: 1;
	-webkit-transform: translateY(0) scale3d(1,1,1);
    -moz-transform: translateY(0) scale3d(1,1,1);
    -ms-transform: translateY(0) scale3d(1,1,1);
    transform: translateY(0) scale3d(1,1,1);
    -webkit-transition: transform 400ms ease 380ms;
    -moz-transition: transform 400ms ease 380ms;
    transition: transform 400ms ease 380ms;
}
.wthree_text{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	opacity: 0;
	-webkit-transform: translateY(0) scale3d(0,0,1);
	-moz-transform: translateY(0) scale3d(0,0,1);
	-ms-transform: translateY(0) scale3d(0,0,1);
	transform: translateY(0) scale3d(0,0,1);
	-webkit-transition: transform 400ms ease 280ms;
	-moz-transition: transform 400ms ease 280ms;
	transition: transform 400ms ease 280ms;
}
.agileits_social_list li{
	display: inline-block;
}
.agileits_social_list li:nth-child(2){
    margin:0 1.5em;
}
.agileits_social_list li a{
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 1em;
    width: 35px;
    height: 35px;
    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.agileits_social_list li a i{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	line-height: 2.5em;
}

.w3_agile_projects_grid{
	text-align:center;
}
.w3_agile_projects_grid h4{
	font-size: 1.5em;
    color: #212121;
    margin: 1.5em 0 .2em;
}
.w3_agile_projects_grid p {
    color: #b5b4b4;
    font-size: 16px;
    letter-spacing: .3px;
}
.projects1{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(images/l7.jpg);
	float: left;
	width: 40%;
}
.projects2{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(images/x3.jpg);
	float: right;
	width: 40%;
}

.projects1,.projects2,.projects3{
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 307px;
}
.projects1-info-w3ls,.projects2-info-w3ls,.projects3-info-w3ls{
	margin: 4em 0em;
	width: 40%;
	float: left;
	padding: 3em 1em;
	background-color: #1D894F;
}
.projects1-info-w3ls{
	text-align:left;
	margin-left:1em!important;
}
.projects3-info-w3ls{
	text-align:left;
	margin-left:2em!important;
	width:80%!important;
}
.projects2-info-w3ls {
    text-align: right;
    float: right;
    margin-right: 1em!important;
}
.projects1-info-w3ls h6,.projects2-info-w3ls h6,.projects3-info-w3ls h6{
	color: #fff;
	font-size: 22px;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 13px;
	text-align: center;
}
.projects1-info-w3ls p,.projects2-info-w3ls p,.projects3-info-w3ls p{
	text-align: center;
}
.projects-agileits-left,.projects-agileits-right {
	width: 90%;
	float: left;

}
.projects1-info-w3ls::after {
	content: "";
	width: 265px;
	background: #ffcc2f;
	height: 4px;
	position: absolute;
	top: 9em;
	z-index: 999;

}
.projects2-info-w3ls::after {
	content: "";
	width: 265px;
	background: #ffcc2f;
	height: 4px;
	position: absolute;
	top: 28em;
	right: 13em;
	z-index: 999;
	left: 19%;
}
.projects3-info-w3ls::after {
    content: "";
    width:4px;
 background: #ffcc2f;
    height: 265px;
    position: absolute;
    top: 18em;
    right: 22.5em;
    z-index: 999;
}
.wthree_text h6 {
	font-size: 2em;
	color: #FFFFFF;
	text-transform: uppercase;
}
.wthree_text h6 a {
	
	color: #FFFFFF;
	
}