@import('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,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: 'Raleway', sans-serif; color:#000;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight:700;}
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:capitalize; padding-bottom:10px; margin-bottom:30px;}
.HdTwo{font-size:30px; line-height:38px; text-transform:capitalize; padding-bottom:10px;  margin-bottom:30px;}
.HdThree{ text-transform:capitalize; font-weight:700; font-size:24px; line-height:28px; padding-bottom:10px;  margin-bottom:30px;}
.HdFour{text-transform:capitalize; font-weight:normal; font-size:18px; line-height:24px;}
.subHeading{ text-transform:capitalize; font-size:20px; line-height:20px; margin-bottom:6px; font-family: 'Raleway', sans-serif; }
.fontOpen{font-family: 'Open Sans', sans-serif; }
.black{color:#000;}
.yellow{color:#f5b70e;}
.white{color:#fff !important;}
.bdb{ position:relative;}
.bdb:after{ position:absolute; bottom:0px; left:0; right:0; margin:0 auto; content:''; background:#fde348; width:75px; height:2px;}
.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;}
.mLess{ margin:0 auto !important;}
.yellow{color:#fde348;}
.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:30px auto; text-align:left;  width:90%; }
.list li{ margin-bottom:10px; font-size:15px; font-size:16px; color:#444444;}
.list li:last-child{ margin-bottom:0;}
.listTwo{ list-style:none; padding:0;}
.listTwo li{ width:48%; float:left; padding-left:15px; position:relative;}
.listTwo li:before{ content:''; position:absolute; background:url(../images/list-arrow.png) no-repeat center top; height:9px; width:5px; top:7px; left:0;}
.listTwo li:nth-child(2n){ float:right;}

.checkList{ margin:30px auto;}
p{ margin-bottom:20px; line-height:22px;}
p:last-child{ margin-bottom:0;}
.lightBlue{ background:#f1f8fd;}
.upper{ text-transform:uppercase;}
.capiltal{ text-transform:capitalize;}
.fnormal{ text-transform:inherit;}
/* ================ Header Css ================ */
#header{ background:transparent; position:fixed; top:0; 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;padding: 10px 0;}
#header .container { background: transparent;}
#header.top {  top: 0; background: #444; -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;padding: 6px 0;}
#header.top .logo img{ width:140px;-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s}
#header.top nav{ padding-top:0;-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s}
#header.top nav ul li a{ padding-bottom:5px;}

.logo{ float:left; padding: 0; width:auto;}
.logo img{ -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s}
#header nav {float:right; display:block; text-align:center;vertical-align: middle;padding-top: 10px; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s}
#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:20px;}
#header nav ul li:last-child{ margin-right:0;}
#header nav ul li a{color:#fff; font-size:16px; text-transform:uppercase;padding: 10px 0px;display: block;position: relative;text-align: center;  position:relative; margin-right:5px; -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.active a, #header nav ul li a:hover{color:#fde348; }
#header nav ul li a:before{content:''; position: absolute; top: auto;left:0px; right:0; bottom:0; background:#fde348; height:2px; opacity:0;  -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.active a:before, #header nav ul li a:hover:before{opacity:1;-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 nav ul li a{ margin-top:0;}
#header.top nav ul li{ margin-left:20px;}

/* ================ 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;}
.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:left; background: rgba(0, 0, 0, 0.1);padding:150px 0 100px; z-index:1;}
.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:45px; text-transform:uppercase; text-align:center;display: inline-block;vertical-align: top; text-align: left;line-height: 56px;padding: 0px 0;}
.bnHeading a{ margin-top:30px; }
.bnHeading a:hover{ color:#fff;}
.link { display: inline-block;  color: #fde348;  font-size: 16px;line-height: 20px;text-transform: lowercase;font-weight: 400;letter-spacing: 1px;text-decoration: underline;text-transform: uppercase;}
.link.flower{ padding-left:0;  position: relative;font-style: normal;border: 1px solid #fde348;padding: 10px 20px 10px 25px;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:12px; top:50%;    border: 6px solid #f9df47;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-top: -5px;}
.link.flower:hover{border-color:#fff;}
.link.flower:hover:after{ border: 6px solid #fff;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
.bnHeading span {display: block;font-size: 50px;}
.bannerCont {  margin: 10px 0;font-size: 25px;font-style: italic;text-transform: capitalize;letter-spacing: 1px;font-weight: 400;line-height: 26px;}

/* ================ Carrer Css ================ */
.careerPoint {  padding: 60px 30px;margin-top: 0px;background: #fff;position: relative; font-size:16px; color:#444444;}
.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;}

/* ================ listBox Css ================ */
.listBox, .achivment{ background:url(../images/list-box.jpg) no-repeat top left / cover; position:relative; padding:60px 0; color:#444444; text-align:center; font-size:16px; line-height:22px;}
.listBox:before,  .achivment:before{ content:''; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background:rgba(235, 235, 235, 0.94); z-index:0;}
.listBox .container, .achivment .container{ position:relative; z-index:1;}
.listBox .HdFour{ color:#444444; margin-bottom: 20px;}
 
/* ================ achivment Css ================ */
.achivment{ background:url(../images/texture.jpg) no-repeat left top /cover; text-align:left; color:#fff;}
.achivment:before{ background:rgba(63, 63, 63, 0.9);}
.achivmentList{ padding:0; line-height:22px; list-style:none;}
.achivmentList li{ display:block; margin-bottom:40px;}
.achivmentList li ul li{ margin-bottom:10px;}
.achivmentList li:last-child{ margin-bottom:0;}
.achivment .bdb:after, .community .bdb:after{ left:0; right:auto; }
.achivment p{line-height:24px;}
.achivment .HdThree{ color:#fff; font-weight:400; text-transform:capitalize;}
.community{ text-align:left;}
.community .list{ width:100%;}
.apartments li, .apartments, .apartments h1, .apartments h2,.apartments h3,.apartments h4,.apartments h5,.apartments h6{ color:#fff}
.apartments li:before{ background:url(../images/list-arrow-white.png) no-repeat top left;}
.apartments .list{ width:100%;}
.achivmentList li .list {margin-top: 0;}
/* ================ Footer Css ================ */
footer {  background: #f6f4f4;  text-align: center;  color:#484848;  padding: 20px 0;}
footer.brown{ color:#fff; background:#656566;}
/* ================ Contact Css ================ */
.contact #header{ background:rgba(0,0,0, 0.8);}
.contact .banner:after{ background:rgba(255, 255, 255, 0.1); display:inline-block;}
.contact .banner.mapShow:after{ display:none;}
.contactUs {background: #fff;position:relative;padding: 60px 0;}
.map { width: 100%; padding:0;position: relative;top: 0; z-index:1}
.map iframe {width:100%;border: none;height:420px; vertical-align: bottom; cursor:none; pointer-events:none;}
.contactUs .contactBox {   position: relative;    margin-bottom: 0;  }
.contactUs .contactBox .formBox {position: relative;}
.contactForm {float: right; width:70%;top: 0;position: relative; padding:0 20px;}
.contactInfo {float: left;  width:30%; 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 #bab9b9;	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: 170px;height: 46px;line-height: 46px;text-transform: uppercase;	color: #fff;font-weight: 400;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
	background: #2b8be5;border: none;outline: none;	cursor: pointer;font-size: 16px;}
	
.submit:hover{ background:rgb(94,176,228);}
.facilities {color: #000;font-size: 16px;}
.facilities .HdFour{ font-family: 'Raleway', sans-serif;}
.facilities ul li {	padding-left: 35px;	margin-bottom: 15px;	line-height:28px;	color:#444444;}
.facilities ul li a{color:#444444;}
.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;}

/* ================================ Consultant =============================== */
.career{ padding:40px 0; background:#fff;}
.consultant{ background:url(../images/consultant.jpg) no-repeat center top / cover;  background-attachment:scroll	; position:relative; padding:25px 0; font-size:16px;}
.consultant:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%;background:#f1f6f9cc; z-index: 0;}
.consultant .container{ z-index:1; position:relative;}
.twoDevision { display:block; width:100%; }
.devisionBox { width:48%; float:left; border:1px solid #d6e5f0; min-height:420px;}
.devisionBox:nth-child(2n) { float:right;}
.devisionBox .cont{ padding:0 20px; font-size:15px; line-height:22px; color:#000; font-weight:300;}
.devisionBox .cont .HdFour{ font-size:18px;}

.bannerImg { margin: 0 20px 20px 0;	float: left; position:relative;width: 224px;height: 223px;max-width: 224px;max-height: 224px;}
.bannerImg .flower { height: 100%; overflow: hidden;	border-radius:50%;	-moz-border-radius:50%;	-webkit-border-radius:50%;		border: 10px solid #f6f6f7;}
.bannerImg:after {	content: '';	position: absolute;	top: 100%;	left: 0;	right: 100%;	margin: 0 auto;	width: 100%;	height: 18px;	background: url(../images/shaddow.png) no-repeat center top;	background-size: 100%;}
.bannerImg .flower img {border: none;	margin: auto;	object-fit: cover;	width: auto;	height: 224px;	max-width: 100%;	max-height: 224px;		vertical-align: middle;}
.UptoMission{ margin:0 auto; background:url(../images/advantage.png) no-repeat center top  / cover; color:#fff; text-align:center}

.UptoMission .listTwo { padding-left: 40px; list-style:none; margin: 30px auto;}
.UptoMission .listTwo li { width: 48%;  min-height: 30px;  line-height: 30px; position:relative;}
.UptoMission .listTwo li:after{ content:''; position:absolute; top:0; left:-35px; background:url(../images/thumb.png) no-repeat center center; width:22px; height:22px; }

.founder{ display:block;}
.founder .leftCon{ width:70%;}
.founder .rightCon{ width:25%;}