@charset "utf-8";

/*services*/
.services {
	margin-top:50px;
	text-align:center;
	padding:0;
}
.services h1 {
	font:600 35px 'Titillium Web', sans-serif;
	color:#525252;
	margin-bottom:20px;
}
.services h1, .services p {
	text-align:left;
	padding-left:2%;
}
.services .four-one {
	width:47%;
	height:auto;
	display:inline-block;
	margin:3% 1%;
	border-bottom:#e30613 7px solid;
	text-decoration:none;
}
.services .four-one img {
	width:100%;
	height:auto;
}
.services .four-one h2 {
	width:100%;
	height: auto;
	font:600 27px 'Titillium Web', sans-serif;
	color:#525252;
	background:#f5f4f4;
	text-transform:uppercase;
	padding:20px 0;
	margin:0;
}
.services .four-one p {
	width:100%;
	height: auto;
	font:300 16px 'Titillium Web', sans-serif;
	color:#636363;
	padding:30px;
	text-align:justify;
	line-height:20px;
	margin:0;
}
.services .four-one:hover {
	background:#fbfbfb;
}
.services .four-one:hover h2 {
	background:#e30613;
	color:#fff;
}
/*hard services*/

/*projects*/
.projects {
	padding:50px 0;
	background:#f8f8f8;
	margin:0;
}
.prjct-bnr h1 {
	bottom:26%;
	text-shadow: 1px 1px 5px #000;
}
.projects h1 {
	font:600 35px 'Titillium Web', sans-serif;
	color:#525252;
}
.projects h1, p {
	padding-left:1%;
}
.projects a {
	text-decoration:none;
}
.projects .four-one {
	width:31.3%;
	height:auto;
	float:left;
	margin:1%;
	border-bottom:#e5e5e5 3px solid;
	padding-bottom:10px;
}
.projects .four-one img {
	width:100%;
	height:auto;
}
.projects .four-one p {
	width:100%;
	height: auto;
	font:300 16px 'Titillium Web', sans-serif;
	color:#8d8d8d;
	padding:15px;
	text-align:justify;
	line-height:20px;
	margin:0;
	background:#FFF url(../images/projects-more-icn.png) right 15px center no-repeat;
}
.projects .four-one p span {
	font:700 20px 'Titillium Web', sans-serif;
	display:block;
	color:#393939;
}
.projects .four-one:hover {
	border-bottom:#f3c321 3px solid;
	cursor:pointer;
}
.projects .cntrls {
	width:100%;
	height:auto;
	float:left;
	padding:10px;
	position:relative;
	overflow:hidden;
	text-align:center;
	margin-top:30px;
}
.projects .cntrls .left, .cntrls .right {
	width:116px;
	height:32px;
	border:#595959 1px solid;
	color:#969696;
	font:400 12px 'Titillium Web', sans-serif;
	text-transform:uppercase;
	padding:5px 20px;
}
.projects .cntrls .left {
	float:left;
	background:url(../images/projects-cntrl-lft.png) left 20px center no-repeat;
	text-align:right;
}
.projects .cntrls .right {
	float:right;
	float:right;
	background:url(../images/projects-cntrl-rgt.png) right 20px center no-repeat;
	text-align:left;
}
.projects .cntrls .center {
	width:150px;
	height:32px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	color:#969696;
	font:700 15px 'Titillium Web', sans-serif;
}
.projects .cntrls .center i {
	font-style:normal;
	width:21%;
	height:auto;
	float:left;
	text-decoration:underline;
	text-align:center;
	line-height:20px;
	margin:2%;
}
.projects .cntrls .center i:hover {
	color:#f3c321;
	cursor:pointer;
}
.prjct-dtls {
	margin-top:30px;
}
.prjct-dtls .ul {
	width:58%;
	float:left;
	height: auto;
	margin-right:2%;
}
.prjct-dtls .ul li {
	font:400 16px 'Titillium Web', sans-serif;
	color:#212121;
	background:url(../images/projects-detail-icn.png) left top 8px no-repeat;
	padding-left:20px;
	margin:7px 0;
	margin-left:30px;
}
.prjct-dtls .ul h1 {
	font:700 24px 'Titillium Web', sans-serif;
	color:#f3c321;
	background:#212121;
	padding:5px 20px;
	margin:0;
	overflow:hidden;
	margin:20px 0;
}
.prjct-dtls .img {
	width:40%;
	height:auto;
	float:left;
	margin-top:20px;
}