@import('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
 
* {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, #header .container:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after,  #header .container: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:28px;}
.HdFour{text-transform:uppercase; font-weight:600; font-size:16px; line-height:22px;}
.subHeading{ text-transform:uppercase; font-size:20px; line-height:20px; font-family: 'Open Sans', sans-serif; margin-bottom:6px;}
.fontOpen{font-family: 'Open Sans', sans-serif; }
.black{color:#000;}
.yellow{color:#f5b70e;}
.white{color:#fff !important;}
.bdb{ border-bottom:2px solid; padding-bottom:8px; margin-bottom:12px; display:inline-block;}
.hdBold{ font-weight:700;}
.MT10{margin-top:10px;}
.MT20{margin-top:20px;}
.MT30{margin-top:30px;}
.MTB10{margin:10px auto;}
.MTB20{margin:20px auto;}
.MTB30{margin:30px auto !important;}
.Mb30{margin-bottom:30px !important;}
.Mb20{margin-bottom:20px !important;}
.Mb10{margin-bottom:10px !important;}
.PTB10{padding:10px 0 !important;}
.PTB20{padding:20px 0 !important;}
.PTB30{padding:30px 0 !important;}
.pTop20{padding-top:20px;}
.plr30{padding:0 30px;}
.blue{color:#5eb0e4;}
.bold{font-weight:700;}
.strong{font-weight:700; font-family: 'Open Sans', sans-serif;}
.center{text-align:center;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.block{display:block;}
.whiteBg{background:#fff !important;}
.bgBlue{background:#5eb0e4;}
.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;}
.checkList{ margin:30px auto;}
p{ margin-bottom:20px; line-height:22px;}
.professional{background:url(../images/profesional.png) no-repeat center top / cover; position:relative; padding:50px 0;}
.professional:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.7); z-index:0;}
.professional .container {z-index: 9;position: relative;}
.bioList{ padding:30px 20px; background:#fff; }
.workListBio {display: block;width: 100%;margin: 0 auto;}
.workListBio {	display: block;	width: 100%;	margin: 0 auto;}
.workListBio li{ display: block; width:100%; padding-bottom:10px; }
.workListBio .workPro {color: #444444;	font-size: 15px;	display: block;	line-height: 25px;font-weight: 500;}
.workListBio .date {	font-style: italic;	font-size: 13px;	line-height: 25px;font-weight: 600;}
.workListBio .proDis {	display: block;	margin: 10px auto; padding-left: 100px; text-align:left; position:relative; font-size:13px; line-height:18px; color:#7a7a7a; min-height:70px;
font-weight: 400;  }
.workListBio .proDis  figure { position:absolute; top:0;  left:0;  width:80px;}
.ExperanceList {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0px;
}
.ExperanceList li {
	width: 26%;
	float: left;
	margin-left: 7%;
	color: #088ee6;
	font-size:13px;
	font-style:italic;
	line-height:20px;
	padding-left: 30px;
	padding-bottom: 20px;
	position: relative;
	background:url(../images/blueCheck.png) no-repeat left top;
}
/* ================ Header Css ================ */
#header{ background:transparent; position:fixed; top:25px; left:0; width:100%; z-index:999; -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; background: transparent;}
#header .container { background: transparent;}
#header.top {  top: 0; background: #000; -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;}
.logo{ float:left; padding: 10px 0;}
#header nav {float:right; display:block; text-align:center; padding: 15px 0;}
#header nav .mobile-menu{ display:none;}
#header nav ul{ display:inline-block;vertical-align: bottom; -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; }
#header nav ul li{ float:left; margin-right: 0; margin-left:33px;}
#header nav ul li:last-child{ margin-right:0;}
#header nav ul li a{color:#fff; font-size:17px; text-transform:uppercase; padding:6px 0; display: block;position: relative;text-align: center;  position:relative; }
#header.top nav ul li a{ margin-top:0;}
#header.top nav ul li{ margin-left:25px;}
#header nav ul li.active a, #header nav ul li a:hover{color:#5eb0e4;}
#header nav ul li.active a:before, #header nav ul li:hover a:before{content:''; position: absolute; top: auto;left:0px; right:0; bottom:0; background:#5eb0e4; height:2px;}
/* ================ Banner Css ================ */
.banner{ background:url(../images/banner.jpg) no-repeat center bottom / cover; height:auto; min-height:200px; text-align:center; position:relative;background-attachment: fixed;}
.innerBanner{ background:url(../images/banner-inner.jpg) no-repeat center bottom / cover;}
.banner:after{ content:''; position:absolute; z-index:0; top:0; left:0; width:100%;  height:100%; background:rgba(0, 0, 0, 0.6);}

.banner .container{ position:relative; z-index:1;}
.banner .banner-text{ position:relative;   width:100%; height:100%; margin:auto; text-align:center; background: rgba(0, 0, 0, 0.32);padding:200px 0 130px; z-index:1;  }
.innerBanner .banner-text{ padding:180px 0 100px;}

.banner .banner-text .bannerImg{ display:inline-block; height:250px; width:250px; position:relative;margin-right: 40px; z-index: 0;}
.banner .banner-text .bannerImg:after{ content:''; position:absolute; top:0px; right:-12px; width:55px; height:80px;  z-index: -1;}
.banner .banner-text .bannerImg img{ height:100%; width:100%;border: 5px solid #fff;  }
.bnHeading{ color:#fff; font-size:53px; text-transform:uppercase; text-align:center;display: inline-block;vertical-align: top; line-height: 72px;padding: 0px 0; font-weight:300; padding: 0 10%; }
.bnHeading span {display: block; font-family: 'Oswald', sans-serif;position:relative;}
.bnHeading span:after{ content:''; position:absolute; width:20%; height:1px; background:#fff; left:0; right:0; margin:0 auto; bottom:-10px;}
.bnHeading a{ margin-top:30px; }
.bnHeading a:hover{ color:#fff;}

.link { display: inline-block;  color: #5eb0e4;  font-size: 19px;line-height: 22px;text-transform: lowercase;font-weight: 400;letter-spacing: 1px;text-decoration: underline;}
.link.flower{ padding-left:0;  position: relative;font-style: italic;font-weight: 300;border: 1px solid #5eb0e4;padding: 10px 20px;text-decoration: none;}
.link.flower2{ padding-left:0;  position: relative;font-style: italic;font-weight: 300;border: 1px solid #fff;padding: 10px 20px;text-decoration: none; color:#fff;}
.link.flower:after{ content:''; position:absolute; left:0; top:0;    }

.bannerCont {  margin: 36px 0 10px;font-size: 18px;font-style: normal;text-transform: capitalize;letter-spacing: 1px;font-weight: 400;line-height: 26px; color:#fff;}
/* ================ IntroDuction Css ================ */
.intro{ background:#fff; }
.intro .introLeft{ width:30%; float:left;}
.bannerImg {float: left; margin-bottom: 10px;width: 244px;}
.careerPoint .content {	width: calc(100% - 280px);	float: right;}
.bannerImg .flower {display: inline-block;margin-bottom: 25px; position:relative;}
.bannerImg .flower img{border: 10px solid #f0f0f1;}
.bannerImg .flower:after{ content:''; position: absolute;top:100%; left:0;  right:100%; margin:0 auto; width:100%; height:11px; background:url(../images/shaddow.png) no-repeat center top; background-size: 100%;}
.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;}
.bannerImg img.link{ border: none !important; background:none; margin-right:10px;}
.bannerImg p{ color:#000;}
/* ================ Carrer Css ================ */
.careerPoint {  padding: 40px 0 0px; margin-top: 0px;background: #fff;position: relative;}
.careerOption { width: 48%; float: left;padding-left: 100px;position: relative;padding-right: 30px;}
.careerOption:nth-child(2n){ float:right;}
.careerOption:first-child:after{ content:''; position:absolute; height:50%; width:1px; background:#7e7e7d; top:0; bottom:0; margin:auto; right:-30px}
.careerOption .icon {height: 84px;	width: 84px;display: inline-block;padding: 0 20px;position: absolute;left: 0;}
.careerOption .icon i{height: 45px;width: 47px;display: inline-block;vertical-align: bottom;}
.careerOption .icon.c i{background:url(../images/career.png) no-repeat center top;}
.careerOption .icon.a i{background:url(../images/about.png) no-repeat center top;}
.careerOption .HdThree { padding: 10px 0;}
.careerContent {font-size: 15px;line-height: 22px;}
.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:40px 20px;  background:url('../images/checkListBg.jpg') no-repeat center top / cover;}
.workProfile ul li, .checkList li{ float:left; width:46%; text-align:left; position:relative; padding-left:35px; margin-bottom:20px;}
.workProfile ul li:nth-child(2n),  .checkList li:nth-child(2n){ float:right;}
.workProfile ul li:after,  .checkList li:after, .checkList.BlackCheck li:after{ content:''; position:absolute; background:url(../images/right.png) no-repeat center center; height:21px; width:21px; left:0; top:0;}
.checkList li:after{ background:url(../images/right-2.png) no-repeat center center;}
.checkList.full li {width: 100%;}
/* ================ 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: url(../images/coll-bg.png) no-repeat center center / cover;}
.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: 40px;}
.number .txt .HdOne {font-size: 40px;line-height: 40px;}
/* ================ Footer Css ================ */
footer {  background: #fff;  text-align: center;  color:#252424;  padding: 20px 0; border-top:1px solid #e3e3e4;}
footer.brown{ color:#fff; background:#656566;}
/* ================ Contact Css ================ */
.contact .banner .banner-text{padding:120px 0 80px;}
.contactUs {background:#f5f5f5;position:relative;}
.map iframe {width:100%;border: none;height:300px}
.map { width: 100%;background: #fff;padding:30px 20px;position: relative;top: 0; z-index:1}
.contactUs .contactBox { background: #fff;  position: relative;  box-shadow: 0 0 10px #dadada;  margin-bottom: 0;  }
.contactUs .contactBox .formBox {top: 0;position: relative;background: #fff;}
.contactForm {float: right; width:70%;top: 0;position: relative;background: #fff;padding:0 20px;}
.contactInfo {float: left;  width:30%;background: #fff;top: 0;position: relative;padding:0px 20px;position: relative;}
.form {width: 100%;}
.fieldSet {	margin-bottom: 15px;}
.label {color: #000;font-size: 15px;text-transform: capitalize;	margin-bottom: 10px;}
.input {border: 1px solid #5eb0e4;	height: 40px;	line-height: 40px;	width: 100%;padding:0 10px;}
.half{ width:48%; float:left;}
.half:nth-child(2n){ float:right;}
.input.message {width: 100%;height: 120px;	line-height:22px;	padding:10px;}
.submit{ width:192px; height:60px; line-height:20px; text-transform:uppercase; color:#fff; font-weight:400; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background: rgb(94,176,228); /* Old browsers */
background: -moz-linear-gradient(top, rgba(94,176,228,1) 0%, rgba(27,141,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(94,176,228,1) 0%,rgba(27,141,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(94,176,228,1) 0%,rgba(27,141,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */border:5px solid #f0f1f1; outline:none; cursor:pointer; font-size: 20px;}
.submit:hover{ background:rgb(94,176,228);}
.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;}
.discreption {  min-height: 48px;}
/* ================================ Achivement =============================== */
.achivement { padding: 20px 0;}
.achivement .list{ list-style:none; padding:0;}
.achivement .list li {background: #fafafa;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.2);	margin-bottom: 30px;	padding:30px 20px;}
.achivement .list li:hover{ background:#ddf5f4;}
.achivement .list li h2{ font-size:27px;}
.achivement .list li p{ margin-bottom:0;}
.achivement .list li h2 strong{ padding-right:10px; font-size:31px; font-weight:700; font-family:'Oswald', sans-serif;}
.careerOption .HdThree a:hover{ color:#fde348;}
.careerContent {font-size: 15px;line-height: 22px;}
.achivement .list li {padding: 15px; margin-bottom:15px;}
.achivement .list li p {margin-bottom: 0;font-size: 12px;}
.achivement .list li h2 {font-size: 18px; }
.achivement .list li h2 strong {font-size: 22px;}
/* ========================== Blog =================================== */
.blogPage { padding: 37px 0px;	 }
.blogImg{ width:65%; float:left;}
.archiveList{ width:30%; float:right;background: #ebeaea;padding: 20px;}
.blogImgItem{ width:100%; float:left; padding-bottom:20px;padding-left: 0;position: relative;min-height: 200px;margin-bottom: 30px;border-bottom: 1px solid #dadada;}
.blogImgItem:nth-child(2n){  float:right;}
.blogImgItem:last-child {	margin-bottom: 0;	border: none;}
.figure {position:relative;width:30%;float:left; margin: 0 30px 30px 0;}
.figure img {object-fit:cover;width:100%;}
.figure span {position: absolute;right: 0;bottom: 0;background: #909090;color: #fff;width: 65px;height: 50px;text-align:center;line-height:20px;
padding:5px 0;font-weight: 600;}
.figure span i{display:block;font-style:initial;}
.blogImgItem .subheading {padding: 0 0 10px 0;color:#000;font-size: 20px;}
.blogImgItem .subheading a:hover{color:#5eb0e4}
.postBy {color:#343434;font-size: 14px;}
.blogImgItem .content {margin:20px auto 0;}
.postByTwo {display:block;padding: 10px 0 0;color: #000;font-size:17px;}
.pink{color:#fb4c67;font-style:normal;}
.archiveListBox {display:block;padding-bottom:22px;}
.heading{ font-size:26px;line-height:32px;color:#000;font-family: 'Oswald', sans-serif; }
.heading.flower{padding-bottom:14px;margin-bottom:14px;position:relative;display:inline-block;}
.heading.flower:after{content:'';position:absolute;left:0;bottom:0;height:1px;background:#9f9f9f;width: 120%;}
.archListCon{ display:block;}
.archListCon ul{ list-style: disc inside;}
.archListCon li{ margin-bottom:10px; background: #fff;padding:16px;}
.archListCon li a{  background:#fff;color:#343434;font-size:16px;text-transform:capitalize;display:inline-block;}
.archListCon li:hover, .archListCon li:hover a{color:#ffa400;}
/* ========================== Blog Detail =================================== */
.blogDetail .blogImg {width: 100%;}
.blogDetail .blogImg .blogImgItem { width:100%;position:relative;border:none}
.blogDetail .blogImg .blogImgItem .figure {margin-bottom: 30px;width:35%;position:relative;float:left;}
.blogContent {float:right;width: 65%;}
.blogDetail .blogContent {float:right;width: 60%;}
.blogDetail .blogImgItem .subheading {padding: 0 0 10px;}
.productHd.more {font-size:16px;color:#000;}
.productHd.more span:before, .productHd.more span:after {top:50%;background:#151819;}
.productHd.more span a {color:#242728;}
.readMore:hover{opacity:0.8;color: #fff;}
.readMore {text-transform:capitalize;margin-top:15px;display:inline-block;padding: 10px;background: #333;color: #fff;}

/* ========================= Book Publoish ============================ */
.BookPublish{ padding:60px 30px 50px; color:#313131; font-size:16px; line-height:22px; box-shadow: 0 0 10px #dadada; }
.punch{ color:#000;}
.showBook {	width: auto;min-width: 250px;margin: 0 0 20px 40px;transform:rotate(-10deg);}
.showBook .flower{ border:1px solid #efeeee;}
.showBook .flower:after{background: url(../images/shaddow1.png) no-repeat center top; height:51px;}
.showBook .flower img{ border:10px solid #f6f6f7;}
.BookPublish .bioList {	padding: 0;}
.punch p span {display: block;padding: 5px 0; font-weight:700;}