@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: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;}
.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;}
.block{ display:block;}
.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(255, 255, 255, 0.3); position:fixed; top:42px; 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; }
#header.top {  top: 0; background: rgba(0, 0, 0, 0.9); -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-top: 5px;}
#header nav {float:right; display:block; text-align:center;}
#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:25px;}
#header nav ul li:last-child{ margin-right:0;}
#header nav ul li a{color:#fff; 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-1.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:200px 0 60px;}
.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; background:url(../images/circle-flower.png) no-repeat; z-index: -1;}
.banner .banner-text .bannerImg img{ height:100%; width:100%;border: 5px solid #fff;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.bnHeading{ color:#fff; font-size:27px; text-transform:uppercase; text-align:center;display: inline-block;vertical-align: top;width: 50%;text-align: left;line-height: 40px;padding: 20px 0;}
.bnHeading a{ margin-top:40px; }
.bnHeading a:hover{ color:#fff;}
.link { display: inline-block;  color: #fde348;  font-size: 17px;line-height: 17px;}
.link.flower{ padding-left:15px;  position: relative;}
.link.flower:after{ content:''; position:absolute; left:0; top:0; border:8px solid #fde348; border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid transparent;}
.bnHeading span {display: block;}
/* ================ 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 ================ */
.careerPoint {  padding: 30px;}
.careerOption { width: 48%; float: left;}
.careerOption:nth-child(2n){ float:right;}
.careerOption .icon {height: 84px;	width: 84px;display: inline-block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background: #e3e3e3;padding: 20px;}
.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:hover .icon{ background:#57cbca;}
.careerOption:hover .icon i{ background-position: center bottom}


.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: 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: 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: 30px;}
.number .txt .HdOne {font-size: 40px;line-height: 40px;}

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

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

/* ================ Contact Css ================ */
.contact .banner .banner-text{ padding:120px 0 80px;}
.contactUs { background: #f6fdfd;  position: relative;}
.map iframe { width: 100%;  border: none; height:300px}
.map { width: 100%;background: #f6fdfd;padding: 40px 20px;position: relative;top: -50px;}

.contactUs .contactBox { background: #f6fdfd;  position: relative;  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2);  margin-bottom: 0;  }
.contactUs .contactBox .formBox {top: -50px;position: relative;}
.contactForm { float: right; width:70%;top: 0;position: relative;background: #f6fdfd;padding: 0 20px;}
.contactInfo { float: left;  width:30%;background: #f6fdfd;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 #4bb8b7;	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:#075f5e; font-weight:400; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background: #54aead; background: -moz-linear-gradient(top, #54aead 0%, #9bedec 100%); background: -webkit-linear-gradient(top, #54aead 0%,#9bedec 100%);
background: linear-gradient(to bottom, #54aead 0%,#9bedec 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54aead', endColorstr='#9bedec',GradientType=0 ); border:5px solid #f0f1f1; outline:none; cursor:pointer; font-size: 20px;}
.submit:hover{ background:#65CEC7}

.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: 12px;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;}
.figure { position: relative;width: 30%;float: left;}
.figure img {object-fit: cover; width:100%;}
.figure span {position: absolute;background: #ccc;right: 0;bottom: 0;background: #ffa400;color: #000;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:#ffa400}
.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;}