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

*{margin:0px; padding:0px}
header{ width:100%; height:92px; float:left; margin:auto; background-color:#012340;}
.thank{width:100%; height:auto; float:left; margin:auto}
.top-header{ width:980px; height:auto; margin:auto }
.tha{ width:980px; height:auto; margin-bottom:40px;}
.tha p{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-left:20px; float:left}
.logo{ float:left}
nav{ float:left; margin:32px 0px 32px 25px; }
nav ul{}
nav ul li{ display:inline}
nav ul li a{ text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; padding:0px 15px 0px 15px; font-weight:bold }
nav ul li a:hover{ color:#37abf2}
#active{ color:#37abf2}
mail img{ margin-top:20px; margin-left:15px;}
.border{ width:21px; height:50px; float:left}
.border img{ margin-top:20px}
.mono{float:right; margin-right:10px; text-decoration:none}
.mono:hover{ color:#FFF}
.banner{ width:100%; height:424px; float:left; margin:auto}
.joy{width:100%; height:120px; float:left; margin:auto;}
.job{ background-image:url(../images/job.png); width:980px; height:75px; float:left; margin-top:-30px; z-index:10000; position:relative}
.job h1{ font-size:28px; font-family:"Copperplate Gothic Bold"; color:#ffffff; margin:20px 0px 0px 14px; float:left}
table{ float:left; margin-top:0px; margin-left:17px; width:700px; height:73px}
table input{ padding:2px 0px 2px 25px; border-radius:8px; border:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; width:132px; height:41px; }
.sub{}
.sub input{ cursor:pointer; padding:10px 20px 10px 20px; border-radius:8px; border:none; width:119px; height:41px; background-color:#37abf2;font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
-moz-sub input{ cursor:pointer; padding:10px 20px 10px 20px; border-radius:8px; border:none; width:100px; height:41px; background-color:#37abf2;font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
section{width:100%; height:326px; float:left}
.part-1{ width:490px; height:auto; float:left}
.part-2{ width:490px; height:auto; float:left}
.pt{width:490px; height:163px;}
.pt img{ float:left}
.pt h1{ font-size:23px; font-family:"Arial Rounded MT Bold"; color:#454a4d; float:left; margin-left:22px; margin-top:10px}
.pt p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:366px; line-height:24px; float:left;  margin-left:22px;  margin-top:20px }
.pt-1{width:490px; height:163px;}
.pt-1 img{ float:left}
.pt-1 h1{ font-size:23px; font-family:"Arial Rounded MT Bold"; color:#454a4d; float:left; margin-left:22px; margin-top:10px}
.pt-1 p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:366px; line-height:24px; float:left;  margin-left:22px;  margin-top:20px }
.part-2 h1{ font-size:25px; font-family:"Copperplate Gothic Bold"; color:#454a4d; float:left; margin-left:100px}
.part-2 p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:371px; line-height:24px; float:left; margin-left:100px; margin-top:30px }
.part-2 a{ float:right; font-size:16px; font-family:"Copperplate Gothic Bold"; color:#000000; text-decoration:none; background-color:#37abf2; border-radius:4px; padding:12px; margin-top:15px}
.part-2 a:hover{ color:#ffffff; background-color:#11538c; border-radius:4px; padding:12px}
.welcome{ width:100%; height:411px; background-color:#344f66; float:left; margin:auto}
.wc{ width:624px; height:auto; float:left}
.wc h1{ font-size:23px; font-family:"Copperplate Gothic Bold"; color:#fffefe; float:left; margin-top:33px}
.wc p{color:#dbdfe2; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:566px; line-height:24px; float:left; margin-top:33px;text-align:justify;}
.wc a{ float:right; font-size:16px; font-family:"Copperplate Gothic Bold"; color:#000000; text-decoration:none; background-color:#ffffff; border-radius:4px; padding:12px; margin-top:15px; margin-right:45px;}
.wc a:hover{ color:#ffffff; background-color:#ff7f01; border-radius:4px; padding:12px}
.wc-1{ float:left; margin-top:66px; margin-left:45px}
.services{ width:100%; height:340px;float:left; margin:auto}
.ser h1{font-size:23px; font-family: "Arial Rounded MT Bold"; color:#454a4d; float:left; margin-left:25px; margin-top:30px;}
footer{ width:100%; height:110px; float:left; margin:auto; background-color:#012340;}
.nv{ float:left; margin:30px 0px 0px 16px; }
.nv ul{}
.nv ul li{ display:inline}
.nv ul li a{ text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; padding:0px 15px 0px 15px; font-weight:bold }
.nv ul li a:hover{ color:#37abf2}
#active{ color:#37abf2}
.social ul{ float:left; margin-top:10px; margin-left:250px}
.social ul li{ display:inline}
.social ul li a{ text-decoration:none;}
.des{ float:right; margin-top:28px; margin-right:60px}
.des a{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
.des a:hover{color:#FFF}

.about{ width:100%; height:auto; float:left; margin-bottom:20px}
.abt{width:500px; height:auto; float:left}
.abt h1{font-size:23px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px;}
.abt p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:600px; line-height:24px; float:left;  margin-left:25px;  margin-top:20px; text-align:justify }

.abt-1 img{ float:right}
.abtt-1{width:480px; height:auto; float:left; margin-left:0px; margin-top:50px}
.abtt{ width:500px; height:auto; float:left; margin:auto}

.serv{ width:100%; height:auto; float:left; margin:auto}
.sev{width:980px; height:auto; margin:auto}
.sev h1{font-size:25px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px;}
.sev p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:980px; line-height:24px; float:left;  margin-left:25px;  margin-top:30px; text-align:justify }

.offer{ width:100%; height:auto; float:left; margin-bottom:20px}
.off{width:980px; height:auto; margin:auto}
.off h1{font-size:18px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px; margin-top:15px}
.sev p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:980px; line-height:24px; float:left;  margin-left:25px;  margin-top:30px; text-align:justify }

.industry{ width:100%; height:auto; float:left; margin-bottom:20px}
.indus{width:980px; height:auto; margin:auto}
.indus h1{font-size:25px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px;}
.indus p{color:#000000; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:980px; line-height:24px; float:left;  margin-left:25px;  margin-top:30px; text-align:justify }
.ofr{ margin-top:20px;}

.jobs{ width:100%; height:auto; float:left; margin-bottom:20px}
.jobs-1{width:600px; height:auto; margin:auto; float:left}
.jobs-1 h1{font-size:24px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px; margin-top:0px}
.jobs-2{width:380px; height:auto; margin-top:30px; float:right}
.se-images{width:980px; height:224px; float:left; margin-top:20px; margin-left:10px}
.imr{width:980px; height:100px; float:left; }
.imr ul{ margin-left:45px;}
.imr ul li{display:inline; list-style:none}
.imr ul li a{text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#f40000; font-weight:bold; padding:10px }
.imr ul li a:hover{ color:#000000}

.imr-1{width:980px; height:50px; margin:auto}
.imr-1 a{ float:right; font-size:16px; font-family:"Copperplate Gothic Bold"; color:#000000; text-decoration:none; background-color:#37abf2; border-radius:4px; padding:12px; margin-bottom:20px}
.imr-1 a:hover{ color:#ffffff; background-color:#11538c; border-radius:4px; padding:12px}
.jb table{ margin-top:30px}
.jb form input{ border:1px solid #ccc; padding:5px; margin:5px; width:50%; height:25px; border-radius:3px;}
button{ font-size:14px; font-family:Arial, Helvetica, sans-serif; background-color:#006dc0; color:#FFF; border-radius:4px;border:none; padding:5px 15px 5px 15px; cursor:pointer; margin-top:20px; margin-left:180px}

.contact{ width:100%; height:auto; margin:auto; float:left}
.con h1{font-size:24px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px; margin-top:5px}
.con{ width:980px; height:auto; float:left}
.addr{width:980px; height:400px; float:left}
.c-image{ width:350px; height:400px; float:left; margin-left:25px; margin-top:30px}
.c-image img{ float:left}
.add{ width:530px; height:400px; float:left;}
.add h1{font-size:16px; font-family:"Arial Rounded MT Bold"; color:#012340; margin-left:70px; margin-top:20px}
.add p{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:32px; margin-left:70px; margin-top:20px;}
iframe{ margin-bottom:20px}

.clients{ width:100%; height:auto; margin-bottom:20px; float:left}
.client{ width:980px; height:auto; float:left}
.client h1{font-size:24px; font-family:"Copperplate Gothic Bold"; color:#ff7f01; float:left; margin-left:25px}
.client p{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000000; float:left; margin-left:25px; margin-top:30px; line-height:24px; text-align:justify}




.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 180px;
	height: 210px;
	display: inline-block;
	margin: 5px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
	transform-origin: 95% 40%;
	transition: all 0.3s ease-in-out;
}

.ch-thumb:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-img-1 { 
	background-image:url(../images/d.jpg);
	z-index: 12;
}

.ch-img-2 { 
	background-image:url(../images/d1.jpg);
	z-index: 11;
}

.ch-img-3 { 
	background-image:url(../images/d2.jpg);
	z-index: 10;
}

.ch-img-4 { 
	background-image:url(../images/d3.jpg);
	z-index: 9;
}

.ch-img-5 { 
	background-image:url(../images/d4.jpg);
	z-index: 8;
}


.ch-info {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	overflow: hidden;
	background: #c9512e url(../images/noise.png);
	box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 15px;
	margin: 40px 0px 20px 0px;
	padding: 22px 0 0 0;
	height: 85px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	
}
.ch-info p a {
	display: block;
	color: #333;
	width: 80px;
	height: 40px;
	background-color:#000;
	border-radius: 50%;
	color: #fff;
	font-style: normal;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	padding-top: 15px;
	margin: -60px 0px 0px 0px;
	font-family: 'Open Sans', Arial, sans-serif;
	opacity: 0;
	transition: 
		transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	transform: translateX(60px) rotate(90deg);
}

.ch-info p a:hover {
	background-color:#FFF; color:#000000;
}

.ch-item:hover .ch-thumb {
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
	transform: rotate(-110deg);
}
.ch-item:hover .ch-info p a{
	opacity: 1;
	transform: translateX(0px) rotate(0deg);
}