@font-face {
 font-family: roboto_light;
 src: url('../fonts/roboto/Roboto-Light.ttf');
/*url('Sansation_Light.eot'); *//* IE9 */
}
@font-face {
 font-family: Roboto-LightItalic;
 src: url('../fonts/roboto/Roboto-LightItalic.ttf');
}
 @font-face {
 font-family: neue_helvetica;
 src: url('../fonts/NeueHelvetica/HelveticaNeueLTCom-ThCn.ttf');
}
@font-face {
font-family: Roboto-Black;
src: url('../fonts/roboto/Roboto-Black.ttf');
}
@font-face {
font-family: Roboto-Regular;
src: url('../fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
font-family: Roboto-Medium;
src: url('../fonts/roboto/Roboto-Medium.ttf');
}
body, form, ul {
	margin: 0px;
	padding: 0px;
}
a {
	font: normal 12px helvetica;
	text-decoration: none;
}
/*** Body / Wrap ***/

.wrap_white {
	width: 100%;
	height: auto;
	background-color: white;
}
.wrap_orange {
	width: 100%;
	height: auto;
	background-color: #E71339;
}
.wrap_green {
	width: 100%;
	height: 900px;
	background-color: #346485;
}

.wrap_light-blue {
	width: 100%;
	height: auto;
	background-color: #0099CC;
}


.wrap_grey {
	width: 100%;
	height: 900px;
	background-color: #EAEAEA;
}
.wrap_blue {
	width: 100%;
	height: auto;
	background-color: #FFC000;
}
.main_content {
	width: 1024px;
	margin: 0px auto;
	padding: 10px 0px;
	height: auto;
}
.homepage {
	width:1024px;
	margin:0px auto;
	display:inline-block;
}
.homepage_left {
	width:340px;
	/* width:514px; */
	float:left;
	
}
.homepage_right {
	width:684px;
	/*width:510px;  */
	float:right;
}
.home_text {
	margin-top:25px;
	padding-right:10px;
}
.sub_title {
	font: bold 30px roboto_light;
	color:#666;
	line-height:40px;
	padding:20px 10px 10px 0px;
	font-weight:700px;
}
.sub_title_1 {
	color: #111;
	font: bold 28px Roboto-Medium;
	line-height:30px;
}
.about_boxes {
	width:225px;
	float:left;
	margin:15px;
	background:#FFFFFF;
	height:300px;
}
.single_letter {
	font: bold 65px Roboto-Black;
	color: #346485;
	padding:10px;
}
.single_headings {
	font: bold 30px Roboto-Medium;
	color: #346485;
	padding:80px 0px 0px 10px;
}
.about_text_bg {
	background-color:#5299ca;
	height:25px;
	color:#FFFFFF;
	border-top:#346485 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
	line-height:25px;
}
.about_line{border-top: 1px solid #FFF; float:left; width:680px; margin-top:20px;}
/*** Header ***/

.header {
	width: 1024px;
	margin-bottom: 45px;
	height: 35px;
}
.header .header_left {
	float: left;
	font: bold 20px arial;
}
.logo {
	/*width: 121px;
	height: 33px; */
}
.header .header_right, .header .header_right_white {
	float: right;
	padding-top: 20px;
	
	font: normal 15px Roboto-Regular;
}
.header .header_right a {
	color: #666666;
	padding: 5px 10px 0px 10px;
	letter-spacing: 1px;
	font: normal 15px Roboto-Regular;/*
	transition: font-size .3s, font-weight .3s;
	-moz-transition: font-size .3s, font-weight .3s;
	-webkit-transition: font-size .3s, font-weight .3s;
	-o-transition: font-size .3s, font-weight .3s;*/
}
.header .header_right_white a {
	color: #000000;
	padding: 5px 10px 0px 10px;
	letter-spacing: 1px;
	font: normal 15px Roboto-Regular;/*
	transition: font-size .3s, font-weight .3s;
	-moz-transition: font-size .3s, font-weight .3s;
	-webkit-transition: font-size .3s, font-weight .3s;
	-o-transition: font-size .3s, font-weight .3s; */
}
.header .header_right a:hover {
	color: #000000;
	padding-bottom:10px;
}
.header .header_right a.yellow_text, .header .header_right_white a.yellow_text {
	color: #ffff00;
}
.header .header_right a.orange_text {
	color: #FFF;
}
img.nav_dot {
	margin: 0px 5px;
}
/** Content **/

.content_wrapper {
	padding: 5px;
	font: normal 17px roboto_light;
}
.content_wrapper_abt {
	padding: 5px;
	font: normal 18px roboto_light;
	line-height:30px;
	color: #FFF;
	text-decoration:none;
}
.content_wrapper_white {
	padding: 5px;
	font: normal 18px roboto_light;
	color: #fcf4f6;
	text-decoration:none;
}
.home_text_panel {
	color: #333;
	font: normal 14px Roboto-Medium;
	line-height:30px;
}
.home_text_panel_contact {
	color: #000;
	font: normal 20px roboto_light;
	font-weight:700px;
	line-height:30px;
}
.home_image_panel {
	float: right;
	width: 509px;
	height: 270px;
}
.home_image_panel .home_image {
	width: 560px;
	height: 270px;
}
.process_infographic {
	width: 842px;
	height: 318px;
	margin-bottom: 50px;
}
.three_col {
	float: left;
	font: normal 12.7px arial;
	color: #333333;
	width: 43.5%;
	margin: 5px 17px;
}
.three_col .heading {
	font: normal 20px roboto_light;
	text-align: right;
	margin-bottom: 05px;
	
}
.three_col .heading .heading_line {
	border-bottom: 1px solid #FFF;
	height: 15px;
	float:right;
	width: 65%;
}
.people_line{border-bottom: 1px solid #FFF;
	height: 15px;
	float:right;
	width: 75%;}
	
	
	.stroy_line{border-bottom: 1px solid #FFF;
	height: 15px;
	float:left;
	width: 87%;}
.three_col .heading .text {
	font: normal 20px roboto_light;
	color:#fcf4f6;
	float: left;
}
.three_col .content {
	padding: 0px;
	height: 160px;
	color:#E2E2E2;
	text-align:left;
	font: normal 12px roboto_light;
	line-height:20px;
	
}
.three_col .content1 {
	padding: 10px;
	font: normal 18px Roboto-LightItalic;
	height: 60px;
	color:#fcf4f6;
}
.three_col .content .left_arr {
	float: left;
	padding-top: 50px;
}
.three_col .content .mid_testi {
	padding: 0px 2px;
	float: left;
	width: 232px;
	margin: 0px 0px 0px 20px;
}
.three_col .content .mid_testi .testi_name {
	font: normal 12px Roboto-Light;
	text-align: right;
	padding-top: 12px;
}
.three_col .content .right_arr {
	float: right;
	padding-top: 50px;
}
.clients_list {
	margin-bottom: 10px;
}
.clients_list img {
	margin-right: 50px;
	margin-left: 10px;
}
.single_service_number {
	float: left;
	padding: 0px 10px 50px 20px;
}
.single_service {
	float: left;
	font: normal 12px arial;
	color: #fcf4f6;
	width: 25%;
}
.single_service .heading {
	font: normal 20px roboto_light;
	color: fcf4f6;
	margin-bottom: 10px;
}
.single_service ul {
	margin: 0px;
	padding-left: 16px;
}
.single_service ul li {
	font: normal 13px arial;
	line-height: 24px;
	color:#EEEEEE
}
.works_gal {
	width:1000px;
	margin:0px auto;
	
}
.single_work {
	float: left;
	margin: 0px 2px;
	height:600px;/*background-color:#999999;
	width: 316px;
	height: 200px;*/
}

.single_work_a {
	margin: 0px auto;
	width: 250px;
	height:230px;
	background-color:#999999;
	margin:10px 0px 10px 0px;
	
}
.single_work_2 {
	width: 250px;
	height:600px;
	margin: 0px auto;
	float:left;
	margin-left:10px;
}

.single_work_2_a {
	width: 250px;
	height:250px;
	background-color:#999999;
	float:left;
	margin:0px 0px 0px 0px;
}

.single_work_2_aaa {
	width: 250px;
	height:280px;
	background-color:#999999;
	float:left;
	margin:10px 0px 10px 0px;
}
.single_work_3 {
	width: 250px;
	height:600px;
	margin: 0px auto;
	float:left;
	margin-left:10px;
	
}

.single_work_3_a{
	width: 250px;
	height: 120px;
	background-color:#999999;
	float:left;
	margin:0px 10px 0px 0px;
}

.single_work_4 {
	width: 200px;
	height:600px;
	margin: 0px auto;
	float:left;
	margin-left:10px;
	
}
.single_work img {
	width: 250px;
	height: 131px;
}
.sign {
	text-align: right;
	width: 90%;
}
/*** Back to top button ***/

#back-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#back-top a {
	width: 55px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 45px;
	height: 45px;
	display: block;
	background: #000 url("../icons/up-arrow.png") no-repeat center center;
	/* background color transition */
	-webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
}
#back-top a:hover span {
	background-color: #999;
}
/*** Misc ***/

.page_heading {
	font: normal 65px Roboto-Black;
	color: #333333;
}
.page_heading_white {
	font: bold 65px Roboto-Black;
	color: #000;
}
.page_heading_white_services {
	font: bold 65px Roboto-Black;
	color: #FFF;
}
.sub_heading {
	font: Bold 30px Roboto-Regular;
	
	color: #FFF;
	float:right;
}
.sub_heading_small {
	font: normal 20px Roboto-Black;
	color: #333333;
	margin-bottom: 10px;
}
.gap {
	height: 5px;
	clear: both;
	line-height: 5px;
}
.gap_medium {
	height: 15px;
	clear: both;
	line-height: 15px;
}
.gap_large {
	clear: both;
	line-height: 60px;
/*	border-top: #E1E1E1 solid 1px;*/
	font-family: Roboto-Black;
	font-size:60px;
	font-weight:bold;
	padding-top:30px;
	color:#000;
}
.gap_contact {
	height: 270px;
}
.clear {
	height: 0px;
	clear: both;
	line-height: 0px;
}