@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

*{padding:0; margin:0;}

body{
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	background-color:#ffffff;
}
td, div, h1, h2, h3, p, input, form{
	margin:0;
	padding:0;
}
img{
	border:none;
}
ul{
	
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
}


/*-----------------------------------header-----------------------------------*/



.header{
    background-color:#fff;
    border: none;
	overflow:hidden;
	padding:15px 0;
}
	.logo{
		float:left;
		padding: 0;
		z-index:999;
	}
	.menupart{
		float:right;
	}
		.menupart p{
			float:right;
			color:#84908e;
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:normal;
			margin: 0;
		}
			.menupart p a{
				padding: 30px 0 0 0;
				font-family: 'Open Sans', sans-serif;
				font-size:15px;
				font-weight:normal;
				color:#84908e;
				transition:all 0.5s ease;
			}
			.menupart p a:hover{
				color:#e88314;
				text-decoration:none;
			}
		.readmoreban{
			display:block;
			padding:20px 0 0 0;
			width: 150px;
		}
			.readmorebanbtn{
				background-color:transparent;
				color:#e88314;
				font-family: 'Roboto', sans-serif;
				font-size:15px;
				font-weight:400;
				text-transform:uppercase;
				border:1px solid #fff;
				padding:15px 30px;
				transition:all 0.5s ease;
				display:block;
				z-index:999;
				
			}
			.deskshow{
				display:block;
			}
			.resshow{
				display:none !important;
			}
			
			
/*-----------------------------------wwr-----------------------------------*/

.wwr{
	padding:60px 0;
	overflow:hidden;
}
	.wwrinner{
		padding:0;
	}
		.wwr img{
			max-width:100%;
		}
		.wwr h2{
			font-family: 'Roboto', sans-serif;
			font-size:40px;
			font-weight:300;
			color:#000;
			text-align:center;
			text-transform:uppercase;
			margin: 0 0 15px 0;
			background:url(../images/textheader_bg.png) no-repeat center bottom;
			padding: 0 0 30px 0;
		}
			.wwr h2 span{
				color:#e88314;
				display:block;
				font-size:20px;
				padding:0 0 10px 0;
			}
		.wwr p{
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#444;
			padding:15px 0 0 0;
			text-align:center;
			margin:0;
		}
		.readmore{
			padding:30px 0 0 0;
			text-align:center;
		}
		.readmore01{
			display:block;
			padding:30px 0 0 0;
			text-align:center;
			position:absolute;
			z-index:10000000;
		}
			.readmorebtn{
				background-color:transparent;
				color:#e88314;
				font-family: 'Roboto', sans-serif;
				font-size:15px;
				font-weight:400;
				text-transform:uppercase;
				border:1px solid #e88314;
				padding:12px 40px;
				transition:all 0.5s ease;
				text-align:center;
				display:inline-block;
			}
			.readmorebtn:hover{
				color:#fff;
				background-color:#e88314;
				text-decoration:none;
			}
	

/*-----------------------------------service-----------------------------------*/	
	
.service{
	padding:60px 0;
	background:url(../images/servicebg.jpg) no-repeat 0 0;
	background-size: cover;
    background-attachment: fixed;
	overflow:hidden;
}
	.service h2{
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		margin:0;
		background:url(../images/textheader_bgwht.png) no-repeat center bottom;
		padding:0 0 30px 0;
	}
	.service a:hover{
		text-decoration:none;
	}
	.gapp{
		margin:50px 0 0 0;
		display:block;
	}
		.servic{
			margin:60px 0 0 0;
			background:url(../images/service_tree.png) center 0 no-repeat;
		}
			.servic01{
				background:url(../images/service_round.png) right 0 no-repeat;
				float:left;
				width:45%;
				padding:0 70px 0 0;
			}
				.service p{
					font-family: 'Open Sans', sans-serif;
					font-size:15px;
					font-weight:300;
					color:#d8d8d8;
					text-align:center;
					margin:0;
					padding:12px 0 0 0;
				}
				.servic01 h3{
					font-family: 'Roboto', sans-serif;
					font-size:20px;
					font-weight:400;
					color:#fff;
					text-align:right;
					margin:10px 0 0 0;
					text-transform:uppercase;
				}
				.servic01 p{
					font-family: 'Open Sans', sans-serif;
					font-size:15px;
					font-weight:300;
					color:#eeeeee;
					text-align:right;
					margin:0;
					padding:12px 0 0 0;
				}
			.servic02{
				background:url(../images/service_round.png) 0 0 no-repeat;
				float: right;
				width: 45%;
				padding: 0 0 0 70px;
			}
				.servic02 h3{
					font-family: 'Roboto', sans-serif;
					font-size:20px;
					font-weight:400;
					color:#fff;
					text-align:left;
					margin:10px 0 0 0;
					text-transform:uppercase;
				}
.servic01 h3:nth-child(2){
margin:0 0 0 0;
}
				.servic02 p{
					font-family: 'Open Sans', sans-serif;
					font-size:15px;
					font-weight:300;
					color:#eeeeee;
					text-align:left;
					margin:0;
					padding:12px 0 0 0;
				}
			.srv01{
				margin:0 70px 0 0;
				min-height:50px;
			}
			.srv02{
				margin: 6px 0 0 70px;
				min-height:50px;
			}
			.srv03{
				margin:5px 70px 0 0;
				min-height:50px;
			}
			.srv04{
				margin:7px 0 0 70px;
				min-height:50px;
			}
			.srv05{
				margin: 4px 70px 0 0;
				min-height:50px;
			}
			.srv06{
				margin:5px 0 0 70px;
				min-height:50px;
			}
			.srv07{
				margin: 7px 70px 0 0;
				min-height:50px;
			}
		
		
/*-----------------------------------upro-----------------------------------*/

.upro{
	padding:60px 0;
}
	.upro h2{
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		color:#222;
		text-align:center;
		text-transform:uppercase;
		margin:0;
		background:url(../images/textheader_bg.png) no-repeat center bottom;
		padding:0 0 30px 0;
	}
	.featureone{
			position:relative;
			display:block;
		}
			.featurehover{
				position:absolute;
				width:100%;
				text-align:center;
				height:100%;
				background:rgba(0, 0, 0, 0.6);
				opacity:0;
				z-index:1000;
				padding: 42% 15px;
    			overflow: hidden;
				transition:all 0.5s ease;
				border-radius:50%;
			}
			.featurehover:hover{
				opacity:1;
			}
				.featurehover img{
					display:block;
					margin:0 auto;
					width:44px !important;
					height:24px;
				}
				.featurehover h4{
					font-family: 'Roboto', sans-serif;
					font-size:20px;
					font-weight:300;
					color:#fff;
					text-align:center;
					padding:15px 0 0 0;
					margin:0;
					line-height:20px;
				}
					.featurehover h4 span{
						display:block;
						font-family: 'Open Sans', sans-serif;
						font-size:15px;
						font-weight:300;
						color:#fff;
						padding:10px 0 0 0;
					}
					

/*-----------------------------------pro-----------------------------------*/

.pro{
	padding:60px 0;
	background-color:#ebebeb;
}
	.pro h2{
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		color:#000;
		text-align:center;
		text-transform:uppercase;
		margin:0;
		background:url(../images/textheader_bg.png) no-repeat center bottom;
		padding:0 0 30px 0;
	}
	.margintop{
		margin:30px 0 0 0;
	}
	.profot{
		background-color:#fff;
		padding:20px;
	}
		.profot h3{
			font-family: 'Roboto', sans-serif;
			font-size:20px;
			font-weight:normal;
			color:#000;
			text-align:center;
			margin:0;
			text-transform:uppercase;
		}
		.profot p{
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#444;
			margin:0;
			text-align:center;
			padding:8px 0 0 0;
		}
			.prohover{
				position:absolute;
				width:100%;
				text-align:center;
				height:100%;
				background:rgba(0, 0, 0, 0.6);
				opacity:0;
				z-index:1000;
				padding: 30% 15px 34%;
    			overflow: hidden;
				transition:all 0.5s ease;
			}
			.prohover:hover{
				opacity:1;
			}
				.prohover img{
					display:block;
					margin:0 auto;
					width:44px !important;
					height:24px;
				}
				.prohover h4{
					font-family: 'Roboto', sans-serif;
					font-size:30px;
					font-weight:300;
					color:#fff;
					text-align:center;
					padding:0;
					margin:0;
					line-height:20px;
					text-transform:uppercase;
				}
					.prohover h4 span{
						display:block;
						font-family: 'Open Sans', sans-serif;
						font-size:15px;
						font-weight:300;
						color:#fff;
						padding:10px 0 0 0;
					}
					.project img{
						width:100%;
					}


/*-----------------------------------wlocp-----------------------------------*/	

.wlocp{
	padding:60px 0;
}
	.wlocp h2{
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		color:#000;
		text-align:center;
		text-transform:uppercase;
		margin:0;
		background:url(../images/textheader_bg.png) no-repeat center bottom;
		padding:0 0 30px 0;
	}
		
	.customer{
		padding:40px 0 0 0;
	}
	.wlocp h2 span{
			color:#848484;
			display:block;
			font-size:15px;
			padding:10px 0 0 0;
		}
		.testiimg{
			width:165PX;
			height:165px;
			margin:0 auto;
			padding:0 0 20px 0;
		}
		.testione{
			width:90%;
			padding:20px;
			margin:0 auto;
		}
			.testione p{
				font-family: 'Open Sans', sans-serif;
				font-size:20px;
				font-weight:300;
				color:#444;
				margin:0;
				text-align:center;
				font-style:italic;
			}
			.testione h4{
				font-family: 'Roboto', sans-serif;
				font-size:20px;
				font-weight:400;
				color:#444;
				text-transform:uppercase;
				margin:0;
				text-align:center;
				padding:0 0 30px 0;
			}
				.testione h4 span{
					color:#8f8f8f;
					font-size:15px;
					display:block;
					text-transform:none;
					font-weight:300;
					margin:10px 0 0 0;
				}
		.partners{
			padding:60px 0 0 0;
		}
		.partners .col-sm-3{
			padding:0 0;
		}
			.line{
				border-right:1px solid #efefef;
			}
			.line:nth-child(4n+4){
				border-right:none;
			}
			.line01{
				border-bottom:1px solid #efefef;
			}
				.grayscale{
					filter: grayscale(100%);
					-webkit-filter: grayscale(100%);
					-moz-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					transition:all 0.5s ease;
					padding: 20px;
    				display: block;
				}
				.grayscale:hover{
					filter: grayscale(0%);
					-webkit-filter: grayscale(0%);
					-moz-filter: grayscale(0%);
					-o-filter: grayscale(0%);
				}
					.grayscale img{
						margin:0 auto;
						/*width:202px;*/
						display:block;
					}
					
					
/*-----------------------------------footer-----------------------------------*/	

.footer{
	padding:40px 0 0 0;
	background:url(../images/footer_bg.jpg) no-repeat 0 0;
	background-size: cover;
    background-attachment: fixed;
	overflow:hidden;
}
	.fotlogo{
		padding:0 0 40px 0;
	}
		.fotlogo img{
			display:block;
			margin:0 auto;
			padding:0 0 20px 0;
		}
		.fotlogo h2{
			font-family: 'Roboto', sans-serif;
			font-size:24px;
			font-weight:300;
			color:#fff;
			text-align:center;
			margin:0 auto;
			text-transform:uppercase;
			padding:0 0 10px 0;
		}
		.fotlogo p{
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#909090;
			width:70%;
			text-align:center;
			margin:0 auto;
		}
	.foottop{
		padding:0 0 30px 0;
	}
			.foottop h2{
				font-family: 'Roboto', sans-serif;
				font-size:20px;
				font-weight:300;
				color:#fff;
				text-transform:uppercase;
				margin:0;
				padding:0 0 15px 0;
				text-align:center;
			}
			.foottop p{
				font-family: 'Open Sans', sans-serif;
				font-size:15px;
				font-weight:300;
				color:#bebebe;
				margin:0;
				padding:0 0 15px 0;
				text-align:center;
			}
		.viewmp {
			display: block;
			padding: 8px 0 0 0;
			text-align: center;
		}
			.viewmap{
				background-color:transparent;
				color:#fff;
				font-family: 'Roboto', sans-serif;
				font-size:15px;
				font-weight:300;
				text-transform:uppercase;
				border:1px solid #fff;
				padding:10px 30px;
				transition:all 0.5s ease;
				display:block;
				width:100%;
			}
			.viewmap:hover{
				color:#222;
				background-color:#fff;
				text-decoration:none;
				font-weight:400;
			}
			.socila ul{
				width:140px;
				padding:10px 0 0 0;
			}
				.socila ul li{
					float:left;
					padding:0 8px;
				}
			.foottop ul{
				margin: 0 auto;
			}
			.foottop ul li{
				font-size:14px;
				color:#bebebe;
				font-weight:400;
				font-family: 'Open Sans', sans-serif;
				word-break: break-all;
                                list-style: none;
			}
				.foottop ul li a{
					font-size:14px;
					color:#bebebe;
					font-weight:400;
					font-family: 'Open Sans', sans-serif;
					transition:all 0.5s ease;
				}
				.foottop ul li a:hover{
					color:#e53a28;
					text-decoration:none;
				}
			.foottop p{
				font-size:14px;
				color:#bebebe;
				font-weight:400;
				font-family: 'Open Sans', sans-serif;
			}
			.search{
				border:1px solid #fff ;
				padding: 10px 15px;
				font-size:14px;
				color:#fff;
				font-weight:400;
				font-family: 'Open Sans', sans-serif;
				width: 100%;
				border-radius:inherit !important;
				height: inherit !important;
				background-color:transparent;
			}
			.searchbar{
				position:relative;
				width: 100%;
				margin: 10px 0 0;
			}
				.searchicon{
					position:absolute;
					right: 15px;
					top: 20px;
					width: 19px;
					height: 17px;
					display:block;
					background:url(../images/search.png) no-repeat 0 0;
					transition: all 0.5s ease;
				}
				.searchicon:hover{
					background:url(../images/search_h.png) no-repeat 0 0;
				}
			.facebook{
				background:url(../images/footer_facebook_n.png) no-repeat 0 0;
				width:18px;
				height:16px;
				display:block;
				transition:all 0.5s ease;
			}
			.facebook:hover{
				background:url(../images/footer_facebook_h.png) no-repeat 0 0;
			}
			.google{
				background:url(../images/footer_googleplus_n.png) no-repeat 0 0;
				width:18px;
				height:16px;
				display:block;
				transition:all 0.5s ease;
			}
			.google:hover{
				background:url(../images/footer_googleplus_h.png) no-repeat 0 0;
			}
			.twitter{
				background:url(../images/footer_twitter_n.png) no-repeat 0 0;
				width:18px;
				height:16px;
				display:block;
				transition:all 0.5s ease;
			}
			.twitter:hover{
				background:url(../images/footer_twitter_h.png) no-repeat 0 0;
			}
			.linkedin{
				background:url(../images/footer_linkedin_n.png) no-repeat 0 0;
				width:18px;
				height:16px;
				display:block;
				transition:all 0.5s ease;
			}
			.linkedin:hover{
				background:url(../images/footer_linkedin_h.png) no-repeat 0 0;
			}
	.footbot{
		border-top:1px solid #3a3a3a;
		padding:15px 0;
	}
		.footbot p{
			font-family: 'Open Sans', sans-serif;
			font-size:13px;
			font-weight:400;
			color:#aaaaaa;
			margin:0;
			float:left;
		}
		.footbot h4{
			font-family: 'Open Sans', sans-serif;
			font-size:13px;
			font-weight:400;
			color:#aaaaaa;
			margin:0;
			float:right;
		}


/*-----------------------------------about_us-----------------------------------*/

.abourbnner{
	background:url(../images/about_bg.jpg) 0 0 no-repeat;
	background-size:cover;
}
	.abourbnner h2{
		color:#fff;
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		text-transform:uppercase;
		padding:80px 0;
		margin:0;
	}
	.aboutbel img{
		width:100%;
	}
	.aboutbel .col-sm-5{
		padding:0;
	}
	.aboutbel .col-sm-7{
		padding:0;
	}
	.abuttxt{
		padding:70px 0 0 80px;
		width: 88%;
	}
		.abuttxt h3{
			color:#444;
			font-family: 'Roboto', sans-serif;
			font-size:30px;
			font-weight:300;
			padding:0 0 30px 0;
			margin:0;
		}
		.abuttxt h4{
			color:#222;
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			padding:0 0 15px 0;
			margin:0;
			line-height:24px;
		}
		.abuttxt p{
			color:#222;
			font-family: 'Open Sans', sans-serif;
			font-size:14px;
			font-weight:300;
			padding:0;
			margin:0;
			line-height:24px;
		}
.chairman{
	background-color:#edecec;
	padding:60px 0;
}
	.chairman h2{
		color:#444;
		font-family: 'Roboto', sans-serif;
		font-size:30px;
		font-weight:300;
		padding:0 0 30px 0;
		margin:0;
	}
	.chairman p{
		color:#222;
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		font-weight:300;
		padding: 0 0 12px 0;
		margin:0;
		line-height:24px;
	}
	.chairman img{
		max-width:100%;
	}
.mos{
	padding:60px 0;
}
	.mos h2{
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		color:#000;
		text-align:center;
		text-transform:uppercase;
		margin:0;
		background:url(../images/textheader_bg.png) no-repeat center bottom;
		padding:0 0 30px 0;
	}
	
	
/*-----------------------------------contact_us-----------------------------------*/

.contactus{
}
	.contactus img{
		max-width:100%;
	}
	.contactus .col-sm-6{
		padding:0;
	}
	.name{
		padding:0;
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		font-weight:400;
		color:#444;
		margin:0;
		border:1px solid #c6c6c6;
		width:100%;
		padding: 8px 15px;
		margin:0 0 10px 0;
	}
	.contactbtn {
		background-color: #e88314;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		font-weight: 400;
		color:#fff;
		margin: 0 0 10px 0;
		text-align: center;
		padding: 10px 40px;
		transition: all 0.5s ease;
		text-transform: uppercase;
		border:none;
	}
	.contactbtn:hover{
		background-color: #222;
	}
	.contacttxt{
		padding:70px 0 0 80px;
		width: 84%;
	}
		.contacttxt h3{
			color:#444;
			font-family: 'Open Sans', sans-serif;
			font-size:30px;
			font-weight:300;
			padding:0 0 30px 0;
			margin:0;
			line-height:24px;
		}
		.contacttxt p{
			color:#222;
			font-family: 'Open Sans', sans-serif;
			font-size:14px;
			font-weight:300;
			padding:0 0 20px 0;;
			margin:0;
			line-height:24px;
		}
	.contactdtls{
		background-color:#c17e34;
		position:absolute;
		top:32%;
		padding:25px;
		right:0;
	}
		.contactdtls ul li{
			padding: 2px 0 2px 35px;
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#fff;
			margin:0 0 10px 0;
                        list-style: none;
		}
			.ic01{
				background:url(../images/contact_icon01.png) 0 5px no-repeat;
			}
			.ic02{
				background:url(../images/contact_icon02.png) 0 5px no-repeat;
			}
			.ic03{
				background:url(../images/contact_icon03.png) 0 5px no-repeat;
			}
			.ic04{
				background:url(../images/contact_icon04.png) 0 5px no-repeat;
			}
			.ic05{
				background:url(../images/contact_icon05.png) 0 5px no-repeat;
			}
			
			
/*-----------------------------------contact_us-----------------------------------*/

.career{
	padding:60px 0;
}
	.career img{
		max-width:100%;
	}
	.careertxt{
		padding:0;
	}
		.careertxt h3{
			color:#444;
			font-family: 'Open Sans', sans-serif;
			font-size:30px;
			font-weight:300;
			padding:0 0 30px 0;
			margin:0;
			line-height:24px;
		}
		.file{
			margin:0 0 15px 0;
		}
		.name01{
			padding:0;
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#444;
			margin:0;
			border:1px solid #c6c6c6;
			width:100%;
			padding: 8px 15px;
			margin:0 15px 10px 0;
			width:48.5%;
			float:left;
		}
		.name05{
			float:right;
		}
		.name01:nth-child(2n+0){
			margin:0 0 10px 0 !important;
		}
		.name02{
			padding:0;
			font-family: 'Open Sans', sans-serif;
			font-size:15px;
			font-weight:400;
			color:#444;
			margin:0;
			border:1px solid #c6c6c6;
			width:98.3%;
			padding: 8px 15px;
			margin:0 0 10px 0;
		}

.abourbnner01 h2{
position:absolute;
top:-190px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
		font-size:40px;
		font-weight:300;
		text-transform:uppercase;
		padding:80px 0;
		margin:0;
}
.abourbnner01{
position:relative;
}
.abourbnner01 img{
width:100%;
margin:0 0 -2px 0;
}