@import('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@font-face {font-family: 'Oswald'; src: url('oswald-regular-webfont.eot'); src: url('oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('oswald-regular-webfont.woff2') format('woff2'), url('oswald-regular-webfont.woff') format('woff'), url('oswald-regular-webfont.ttf') format('truetype'), url('oswald-regular-webfont.svg#oswald_regularregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Oswald'; src: url('oswald-light-webfont.eot'); src: url('oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('oswald-light-webfont.woff2') format('woff2'), url('oswald-light-webfont.woff') format('woff'), url('oswald-light-webfont.ttf') format('truetype'), url('oswald-light-webfont.svg#oswaldlight') format('svg');font-weight: 300; font-style: normal;}
@font-face {font-family: 'Oswald'; src: url('oswald-bold-webfont.eot'); src: url('oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('oswald-bold-webfont.woff2') format('woff2'), url('oswald-bold-webfont.woff') format('woff'), url('oswald-bold-webfont.ttf') format('truetype'), url('oswald-bold-webfont.svg#oswaldbold') format('svg');font-weight: 700; font-style: normal;} 
* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%;}
body {font-family: 'Open Sans', sans-serif; font-size:15px; line-height:normal; color:#616161; background:url(../images/background.jpg) no-repeat center top fixed; background-size:cover;}
a {outline:none; text-decoration:none; color:#333;}
a:hover {color:#333;}
input, textarea, select {font-size:15px; color:#616161; vertical-align:middle; font-family: 'Open Sans', sans-serif; outline:none; resize:none;}
input[type="button"] {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.vAlign {vertical-align:middle !important;}
img {border:none; vertical-align:top; max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family: 'Oswald', sans-serif;}
ul {list-style:none;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.mainCon {width:100%; position:relative;}
.container {max-width:1190px; margin:auto; padding:0 10px;}

.HdOne{ font-size:36px; line-height:42px; text-transform:uppercase;}
.HdTwo{font-size:26px; line-height:42px; text-transform:uppercase;}
.HdThree{ text-transform:uppercase; font-weight:700; font-size:20px; line-height:20px;}
.HdFour{text-transform:uppercase; font-weight:600; font-size:16px; line-height:16px;}
.subHeading{ text-transform:uppercase; font-size:20px; line-height:20px; font-family: 'Open Sans', sans-serif; margin-bottom:6px;}

.black{color:#000;}
.yellow{color:#f5b70e;}
.bdb{ border-bottom:2px solid; padding-bottom:8px; margin-bottom:12px; display:inline-block;}
.hdBold{ font-weight:700;}

.MTB10{ margin:10px auto;}
.MTB20{ margin:20px auto;}
.MTB30{ margin:30px auto;}

.Mb30{ margin-bottom:30px !important;}
.Mb20{ margin-bottom:20px !important;}
.Mb10{ margin-bottom:10px !important;}

.PTB10{ padding:10px 0;}
.PTB20{ padding:20px 0;}
.PTB30{ padding:30px 0;}

.blue{ color:#029bdb;}
.bold{ font-weight:700;}
.strong{ font-weight:700; font-family: 'Open Sans', sans-serif;}
.center{ text-align:center;}
.left{ text-align:left !important;}
.BgLightBrown{background: #fafafa;}
.list{ display:block; list-style:disc outside; padding-left:20px; font-size:14px; color:#000; margin:10px auto;}
.list li{ margin-bottom:10px; font-size:15px;}
.list li:last-child{ margin-bottom:0;}
.listTwo li{ width:48%; float:left;}
.listTwo li:nth-child(2n){ float:right;}
p{ margin-bottom:20px; line-height:22px;}

/* ================ Header Css ================ */
#header{ background:rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; width:100%; z-index:999; }
#header nav {display:block; text-align:center;}
#header nav ul{ display:inline-block;vertical-align: bottom;}
#header nav ul li{ float:left; margin-right:25px;}
#header nav ul li:last-child{ margin-right:0;}
#header nav ul li a{color:#898989; font-size:17px; text-transform:uppercase;padding: 24px 0;display: block;position: relative;text-align: center; border-bottom: 2px solid transparent; position:relative}
#header nav ul li.active a, #header nav ul li a:hover{color:#f5b70e;border-bottom: 3px solid;}
#header nav ul li.active a:after, #header nav ul li a:hover:after{content:'';position: absolute;bottom: 0;left: 50%; display: inline-block; margin-left: -5px;border-bottom:5px solid #f5b70e ; border-left:5px solid transparent; border-right:5px solid transparent;}

/* ================ Banner Css ================ */

.banner{ background:url(../images/banner.jpg) no-repeat center center / cover; height:auto; min-height:200px; text-align:center; position:relative;}
.banner .banner-text{ position:relative;   width:100%; height:100%; margin:auto; text-align:center; background: rgba(0, 0, 0, 0.6);padding: 120px 0 60px;}
.bnHeading{ color:#fff; font-size:27px; text-transform:uppercase; text-align:center;}

/* ================ IntroDuction Css ================ */

.intro{ background:#fff; padding:50px 0 20px;}
.intro .introLeft{ width:30%; float:left;}
.introImg{ margin:30px 0; display:block; text-align:center; border:15px solid #f2f2f2; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:inline-block; position:relative;}
.introImg:after{ content:''; position:absolute; bottom:-35px;left:0; right:0; background:url(../images/imgShaddow.png) no-repeat center  center ; width:100%; height: 26px;}
.intro .introRight{ width:65%; float:right; color:#000; font-size:15px; line-height:22px; font-weight:300;}

/* ================ Carrer Css ================ */

.aboutCareer { text-align: center;  color: #000;  font-size: 15px;  line-height: 22px; padding:24px 0 0; background:#fafafa;}
.careerPath{ margin:44px auto;}

/* ================ WorkProfile Css ================ */

.workProfile { padding: 20px;  background: #f5b70e;}
.workProfile ul li{ float:left; width:48%; text-align:left; position:relative; padding-left:35px; margin-bottom:20px;}
.workProfile ul li:nth-chhild(2n){ float:right;}
.workProfile ul li:after{ content:''; position:absolute; background:url(../images/right.png) no-repeat center center; height:21px; width:21px; left:0; top:0;}

/* ================ CompanySay Css ================ */

.companySay{ text-align:center; background:#fff;padding: 45px 0 20px; line-height:26px;}

/* ================ Coll Css ================ */

.contactNum {  padding: 35px 0;  text-align: center;  background: #fafafa;}
.number {  display: inline-block;  text-align: left;  position: relative;}
.number img {display: inline-block;	vertical-align: middle;}
.number .txt {vertical-align:bottom;display: inline-block;	padding-left: 10px;}
.number .txt .HdThree {color: #000;line-height: 30px;}
.number .txt .HdOne {font-size: 40px;line-height: 40px;}

/* ================ Footer Css ================ */

footer {  background: #252525;  text-align: center;  color: #fff;  padding: 15px 0;}

/* ================ Contact Css ================ */
.contact .banner .banner-text{ padding:120px 0 80px;}
.contactUs { background: #fff;  position: relative;}
.contactUs .contactBox { background: #f5f2f2;  position: relative;  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2);  margin-bottom: 0;  display: flex;}
.contactForm { float: left; width:70%;top: -35px;position: relative;background: #f5f2f2;padding: 65px 30px 0px;}
.contactInfo { float: right;  width:30%;background: #f5b70e;top: -35px;position: relative;padding: 100px 20px;position: relative;}
.contactInfo:after{ content:''; position:absolute; top:100%; left:0; right:0; height:35px;  background:#f5b70e;}

.form {  width: 60%;}
.fieldSet {
	margin-bottom: 15px;
}
.label {
	color: #000;
	font-size: 15px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.input {
	border: 1px solid #f5b70e;
	height: 40px;
	line-height: 40px;
	width: 70%;
	padding:0 10px;
}
.input.message {
	width: 100%;
	height: 120px;
	line-height:22px;
	padding:10px;
}
.submit{ width:192px; height:52px; line-height:52px; text-transform:uppercase; color:#323232; font-weight:400; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background: #f7b80c;background: -moz-linear-gradient(top, #f7b80c 0%, #e3a807 100%);background: -webkit-linear-gradient(top, #f7b80c 0%,#e3a807 100%);background: linear-gradient(to bottom, #f7b80c 0%,#e3a807 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b80c', endColorstr='#e3a807',GradientType=0 ); /* IE6-9 */ border:none; outline:none; cursor:pointer; font-size: 20px;}
.submit:hover{ background:#f5b70e}
.facilities {
	color: #000;
	font-size: 16px;
}
.facilities ul li {
	padding-left: 35px;
	margin-bottom: 15px;
	line-height:28px;
	color:#000;
}
.facilities ul li a{color:#000;}
.facilities ul li span{ display:block;}
.location{ background:url(../images/loaction.png) no-repeat left top;}
.coll{ background:url(../images/coll.png) no-repeat left top;}
.mail{ background:url(../images/mail.png) no-repeat left top;}

/* =====================  Mission  ======================= */
.mission{ padding:40px 0px; margin:20px auto; background:#fafafa; }
.careerPath{padding:10px 0px; margin:20px auto; background:#fafafa;}
.careerList { display: block;}
.careerList li{ width:48%; float:left; font-size:15px; line-height:24px;margin-bottom:20px;}
.careerList li .post{ font-size:18px;font-weight:600; line-height:24px;}
.careerList li .companyName{ font-size:15px; font-weight:600;line-height:22px;}
.careerList li:nth-child(2n){ float:right;}