@font-face {
	font-family:'FuturaStd-Light';
	src: url('../fonts/FuturaStd-Light.eot');
	src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Light.woff') format('woff'),
		url('../fonts/FuturaStd-Light.ttf') format('truetype'),
		url('../fonts/FuturaStd-Light.otf') format('opentype'),
		url('../fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg');
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}
@font-face {
	font-family:'FuturaStd-Medium';
	src: url('../fonts/FuturaStd-Medium.eot');
	src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Medium.woff') format('woff'),
		url('../fonts/FuturaStd-Medium.ttf') format('truetype'),
		url('../fonts/FuturaStd-Medium.otf') format('opentype'),
		url('../fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}
/*#dvCaptcha {
    float:left !important;  margin: 0 12px;
}*/
@font-face {
	font-family:'FuturaStd-Book';
	src: url('../fonts/FuturaStd-Book.eot');
	src: url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Book.woff') format('woff'),
		url('../fonts/FuturaStd-Book.ttf') format('truetype'),
		url('../fonts/FuturaStd-Book.otf') format('opentype'),
		url('../fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}

.medium{font-family:'FuturaStd-Medium' !important;}
*{margin:0px; padding:0px;}
html{ width:100%; height:100%; }
body {width:100%; height:100%;overflow-x: hidden; overflow-y: scroll; font-family: 'Open Sans', sans-serif;}
ul{margin: 0; padding: 0;}

.wrapper{ width:100%; background: #FFF;   font-size:16px; letter-spacing: 0.5px; color:#666; margin:0; }
.wrapper.home { width:100%; background: #00214a;   font-size:16px; letter-spacing: 0.5px; color:#666; margin:0; }
/********** global ************/
a { text-decoration:none; color:#4aa148; }

/************ header *********/
.logo{margin: 10px 0;}
.header { height:124px; background:#FFF url(../images/border-head.jpg) repeat-x bottom left ; width: 100%; padding: 0 5%; margin: 0 auto;}
.tabfuccontainer{width: 100%; padding: 0 5%; margin: 0 auto;}
.header img { float:left; border:0;}
.callback {display: inline-block; color: #333;font-size: 14px;line-height: 15px;margin-top: 5px; font-family:'FuturaStd-Medium', sans-serif; }

#buttonaud { background:url(../images/play.gif) no-repeat;width: 40px;  background-size: contain;   height: 47px; position: absolute; top:2%; right: 305px; cursor:pointer; }
#buttonaud.off{ background:url(../images/pause.gif) no-repeat; background-size: contain; }

.mob{display:none}
.head-link{ margin:0px !important;}
.head-link a{color: #333; text-decoration:none; font-family:'FuturaStd-Medium', sans-serif;font-size:14px; }
.head-link a:hover{color:#262263; text-decoration:none;}

.social-sec {display: inline-block; float: right; margin: 20px 0px 0 20px; width: 190px; padding-left: 20px; border-left: 1px solid #ccc;}
.social-sec p {  display: inline; font-family:'FuturaStd-Medium', sans-serif;  font-size: 12px;}
.social-icon{width:230px; height:32px; margin: 0; display: inline-block;}
.social-icon a{background: url(../images/sprite.png) no-repeat; width: 25px; height: 26px; float: left;}
.social-icon .fb{background-position: -3px 0px;}
.social-icon .in{background-position: -32px 0px;}
.social-icon .tw{background-position: -60px 0px;}
.social-icon .ytube{background-position: -86px 0px;}
.social-icon .gplus{background-position: -143px 0px;}
.social-icon .insta{background-position: -115px 0px;}
.social-icon .pint{background-position: -203px 0px;}
.social-icon a:hover.fb{background-position: -3px -25px;}
.social-icon a:hover.in{background-position:-32px -25px;}
.social-icon a:hover.tw{background-position:-60px -25px;}
.social-icon a:hover.ytube{background-position: -86px -25px;}
.social-icon a:hover.gplus{background-position: -143px -25px;}
.social-icon a:hover.insta{background-position: -115px -25px;}
.social-icon a:hover.pint{background-position: -203px -25px;}

/************* SUB NAVIGATION ************/
.subnavigation{background:#00214a;  position: relative; float: left; width: 100%; z-index: 0; }
.subnavigation .gridnav{width: 90%; margin: 0 auto;}
.subnavigation ul.list-inline{width: 100%; text-align:left; margin: 0; padding: 0;}
.subnavigation ul.list-inline li{padding:6px 0; color:#FFF;}
.subnavigation ul.list-inline li:before {content:'|'; padding: 0 10px;}
.subnavigation ul.list-inline li:first-child{padding-left: 0;}
.subnavigation ul.list-inline li:first-child:before{content:''; padding: 0}
.subnavigation ul.list-inline li a {text-transform: uppercase;font-size: 14px;color:#FFF;text-align:left;text-decoration: none;padding: 6px 0;}
.subnavigation ul.list-inline li a:hover, .subnavigation ul.list-inline li a.a-act{background:url(../images/subnav-bg.png) center bottom no-repeat; color: #ffcc00}


/************* Banner ************/
#banner{width:100%; margin:0;  position: relative;float: left;}
#banner .patch{background: url(../images/home/banner-patch.png) no-repeat ;width: 100%; height: 100%; position:absolute; left: 0; top: 0; z-index: 1}
.carousel-caption{padding: 0; right: 0; left: 10%; top: 35%; text-align:left; width:500px; position: absolute;}
.carousel-caption h2{font-family:'FuturaStd-Light', sans-serif;  animation-delay: 1s; padding: 0;  margin: 0; font-size: 45px; line-height: 45px; color:#FFF; text-transform: uppercase; text-shadow:0 0px 0px rgba(0,0,0,.0);}
.carousel-caption h3{ font-size: 18px; padding: 0; margin:20px 0;  color:#FFF; text-shadow:0 0px 0px rgba(0,0,0,.0);}
.blackfont{ color: #000!important;}
.carousel-control-next {background: url(../images/right_arrow.png)no-repeat;width: 37px;height: 63px;display: block;position: absolute;top:40%;right: 5%;}
.carousel-control-prev{background: url(../images/left_arrow.png)no-repeat;width: 37px;height: 63px;position: absolute;top: 40%;left: 5%;}
.caption-animate .item.active .carousel-caption {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.caption-animate .item .carousel-caption.fadeInRight{ opacity:0;}

.carousel-fade .carousel-inner .item {  opacity: 0;  transition-property: opacity;    overflow:hidden;}
.carousel-fade .carousel-inner .item.active img {transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05);}
.carousel-fade .carousel-inner .active {  opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}

 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


/************* table ************/
.container{overflow: hidden; width: 100%;}

/********* main **********/
.home-maincontainer { margin:0; padding:1% 5%; background:url(../images/page-bg.png) no-repeat bottom left #00214a; float:left; width: 100%;}
.home-contain{background:#006da326; padding:2% 5%; }
.home-maincontainer h1{font-family:'FuturaStd-Light', sans-serif; padding: 0; margin: 0; font-size: 50px; line-height: 50px; color:#cccccc; text-transform:uppercase;}
.home-maincontainer p{margin-top:18px; color: #cccccc; text-align:justify; line-height:20px}
.formcontainer{background: #00214a; margin:0; padding:1% 5%; float:left; width: 100%;}
.formcontainer h2{font-family:'FuturaStd-Light', sans-serif; padding: 0; margin:0 0 10px 0; font-size: 24px; line-height: 30px; color:#cccccc; text-transform: uppercase;}
.formcontainer p{margin:0px 0 10px 0; text-align:justify; line-height:20px}


/***.formcontainer input[type="text"], .formcontainer textarea{background: #a8a8a7; font-size: 14px; color: #333; padding: 10px 20px; height: 42px; float: left; margin-right: 5px; border: 1px solid #050506; border-radius: 5px;width: 20%; }***/

.formcontainer input[type="text"], .formcontainer input[type="email"], .formcontainer input[type="tel"]{background: #FFF; font-size: 14px; color: #333; padding: 10px 20px; height: 42px; float: left; border: 1px solid #050506; border-radius: 5px;width: 100%; margin-bottom: 5px; } 
.formcontainer textarea{background: #FFF; font-size: 14px; color: #333; padding: 10px 20px; height: 42px; float: left; margin-right: 2%; border: 1px solid #050506; border-radius: 5px;width: 15%; margin-bottom: 5px; }
.g-recaptcha {float:left; margin-right: 2%;
}

 .upload{     width: 100%;
    float: left;
    border: 1px solid #050506;
    border-radius: 5px;
    margin-right: 2%;
    margin-bottom: 5px;    height: 45px;
}
   .c-recaptcha { float: left;
    width: 45%;
    margin: 0 0 5px;}


.mainseccare{display: flex; flex-wrap: wrap;margin: 0 -15px;}
.mainseccare .col50{max-width: 50%; flex: 0 0 50%;padding: 0 15px;}
.reset{ padding: 11px 30px; background: #2969a7; color: #FFF; font-size: 14px;  text-transform: uppercase; border:none ;margin-right: 5px;}
.reset:hover{background: #4aa148;}
.submit{ padding: 11px 30px; background:url(../images/but-bg.jpg) no-repeat -46px -60px ; color: #FFF; font-size: 14px; text-transform: uppercase; border: none;-moz-transition: all 1.5s;  -webkit-transition: all 1.5s;  transition: all 1.5s;}
.submit:hover{background-position: -20px -40px;}

.home-project-section{float:left; margin:2% 0 10px 0; width: 100%;}
.home-project-section h2{font-family:'FuturaStd-Light', sans-serif; padding: 0; margin: 0; font-size: 24px; line-height: 30px; color:#cccccc; text-transform:uppercase; text-align: center;}
#projectCarousel .thumbnails{margin:1% -0.5%;padding-bottom: 2%;display: flex;flex-wrap: wrap;justify-content: center;}
#projectCarousel .thumbnails li{width: 25%; padding: 0.5%; float: left;}
#projectCarousel .thumbnails .line-th{width: 100%; margin: 25px 0 0 0;}
#projectCarousel .thumbnail {padding: 0; border: 0;  position: relative;     margin: 0%;  overflow: hidden;  width: 100%;border-radius: 0px;}
#projectCarousel .thumbnail img {width: 100%;    -moz-transition: all 1.5s;  -webkit-transition: all 1.5s;  transition: all 1.5s;}
#projectCarousel .thumbnail:hover img {  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
#projectCarousel .captiontm{padding: 5%;}
#projectCarousel .captiontm.th1{background: url(../images/thumb-bg.png) no-repeat 0px -180px;}
#projectCarousel .captiontm.th2{background: url(../images/thumb-bg.png) no-repeat 0px 0px;}
#projectCarousel .captiontm.th3{background: url(../images/thumb-bg.png) no-repeat 0px -180px;}
#projectCarousel .captiontm.th4{background: url(../images/thumb-bg.png) no-repeat 0px 0px;}
#projectCarousel .captiontm h3{font-family:'FuturaStd-Light', sans-serif; padding: 0; margin:0; font-size: 22px; line-height: 24px; color:#FFF; text-transform:uppercase;}
#projectCarousel .captiontm h3 span{font-size:18px; line-height: 24px;}
#projectCarousel .captiontm p{margin: 0;color:#FFF; text-align: left; font-size: 16px;}
.projectCarousel-left {background: url(../images/right_arrow.png) no-repeat; width: 37px;height: 63px;display: block;position: absolute;top:35%;right: 1%;}
.projectCarousel-right{background: url(../images/left_arrow.png) no-repeat; width: 37px;height: 63px;position: absolute;top: 35%;left: 1%;}
 
.overview-left{width:58%; float:left; position: relative; }
.overview-left h4{position: absolute; right: 0;     top: 380px; padding: 10px;  background:  rgba(0, 33, 74, 0.7); z-index: 9; color: #FFF;}
.overview-right{width:42%;  float:left; }
.careersec .overview-left{width:50%; float:left; }
.careersec .overview-right{width:50%;  float:left; }
.overview-contain{ display:block; padding:0 5%;}
.overview-right h4:first-child{margin:0 0 5px 0;}
.overview-right h4{ text-transform:uppercase; color:#333; font-size:18px;  line-height:20px; text-align:left;margin:10px 0 5px 0;}
.overview-right p{padding: 5px 35px 5px 0;   margin: 0; color:#333;font-size: 14px; text-align:justify;line-height: 25px; }
.heding-logo {width: 100%;margin:20px 0 50px 0;display: flex;align-items: center;}
.heding-logo .logo-pro{width: 30%; display: inline-block; vertical-align:bottom;margin-right: 2%;}
.heding-logo .logo-pro1{width: 18%; display: inline-block; vertical-align:bottom;}
.heding-logo .logo-pro img{width: 100%;}
.heding-logo h2{display: inline-block;vertical-align: bottom;width: 65%;font-family:'FuturaStd-Medium', sans-serif;padding: 0;margin:0;font-size: 20px;line-height: 24px;color:#333;text-transform:uppercase;}
.list {list-style: disc;padding:0 20px 0 20px;color:#333;text-align:justify;}
.list li {color:#333;padding: 3px 0 3px 0;font-size: 14px; text-align: left;line-height: 20px;}
ul.breadcrumb {padding: 30px 0 10px 0px;margin-bottom: 0;list-style: none;background: none;font-size: 12px;}
ul.breadcrumb li {display: inline; color: #333; }
ul.breadcrumb li+li:before {padding: 8px 3px; color: black; color: #333; content: ">";}
ul.breadcrumb li a {color: #333; text-decoration: none; }
ul.breadcrumb li a:hover, ul.breadcrumb li a.act {color: #23548c;}
.mb-5{margin-bottom: 2rem;}
.management-team{width: 100%; padding:2% 5%; min-height: 680px;}
.management-team h2{font-family:'FuturaStd-Medium', sans-serif; padding: 0; margin:25px 0 0; font-size: 22px; line-height: 24px; color:#333; text-transform:uppercase;}
.management-team .profile{width: 49%; display: inline-block; margin-top: 50px;}
.management-team .profile .profile-pic{width: 25%; display: inline-block; margin-right: 4%; vertical-align: top;}
.management-team .profile .profile-pic img{width: 100%; border-radius: 50%;}
.management-team .profile .profile-details{width: 65%; display: inline-block;vertical-align: top;}
.management-team .profile .profile-details h4{font-family:'FuturaStd-Medium', sans-serif;  margin: 0; padding: 0;font-size: 22px; line-height: 24px; color:#333; text-transform:uppercase;}
.management-team .profile .profile-details h5{font-family:'FuturaStd-Medium', sans-serif; margin: 0; padding: 0; font-size: 16px; line-height: 20px; color:#333; text-transform:uppercase;}
.management-team .profile .profile-details p{margin:15px 0 0 0;color:#333; text-align:justify; font-size: 16px;}

.loc-plan{width: 50%; }
.gallery-section{width: 90%; margin: 0 auto;}
.gallery-section .main-sec{width: 100%; float: left; margin:0 0 5% 0 ;}
.gallery-item .gallery-thumbnails{margin:1% -0.5%; padding-bottom: 2%; width: 100%; float: left;}
.gallery-item .gallery-thumbnails li{width: 33.333%; padding: 0.5%; float: left;}
.gallery-item .gallery-thumbnails .line-th{width: 100%; margin: 25px 0 0 0;}
.gallery-item .gallery-thumbnail {padding: 0; border: 0; position: relative; margin: 0%; overflow: hidden; width: 100%; border-radius: 0px;}
.gallery-item .gallery-thumbnail img {width: 100%; -moz-transition: all 1.5s;  -webkit-transition: all 1.5s;  transition: all 1.5s;}
.gallery-item .gallery-thumbnail:hover img { -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.gallery-item .gallery-caption{padding: 5%; background: #102f55;}
.gallery-item .gallery-caption p{margin: 0;color:#FFF; text-align:center; font-size: 14px; height: 40px;}
.gallery-item .captiontm{padding: 5%;}
.gallery-item .captiontm.th1{background: url(../images/thumb-bg1.jpg) no-repeat 0px -180px;min-height: 11rem;background-size: cover;}
.gallery-item .captiontm.th2{background: url(../images/thumb-bg1.jpg) no-repeat 0px -180px;min-height: 11rem;background-size: cover;}
.gallery-item .captiontm.th3{background: url(../images/thumb-bg1.jpg) no-repeat 0px -180px;min-height: 11rem;background-size: cover;}
.gallery-item .captiontm.th4{background: url(../images/thumb-bg1.jpg) no-repeat 0px -180px;min-height: 11rem;background-size: cover;}
.gallery-item .captiontm h3{font-family:'FuturaStd-Medium', sans-serif; padding: 0; margin:0; font-size: 22px; line-height: 24px; color:#FFF; text-transform:uppercase;}
.gallery-item .captiontm h3 span{font-size:20px; text-transform:none;}
.gallery-item .captiontm p{margin: 0;color:#FFF; text-align: left; font-size: 16px;}
.gallery-item .col-lg-3 p{    font-weight: 600;font-size: 17px;text-align: center;margin: 1rem 0 1rem;}
.upcoming{min-height: 550px}
.upcoming img{width: 100%;}.upcoming{
	position: relative;
}
.upcoming .overlay{
	position: absolute;width: 100%;height: 100%; top: 0;color: #fff;text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.upcoming .overlay h1{
    text-transform: uppercase;
    font-family: 'FuturaStd-Book';
    position: relative;
    padding: 2rem 0;
    margin: 0 0 5rem;
    line-height: 51px;
    letter-spacing: 1px;
}
.upcoming .overlay ul{
	list-style-type: disc;
	text-align: left;
}
.upcoming .overlay h1::before{
	content: '';
	position: absolute;
	width: 10%;
	height: 1px;
	background: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.size23 {
	font-size: 23px;
  }
  
  @media screen and (max-width: 1700px) {
	.size23 {
	  font-size: 18px;
	}
	.upcoming .overlay{
		padding: 1rem 5rem;
	}
	.upcoming .overlay h1{
		line-height: 37px;
	}
  }
  
  @media screen and (max-width: 999px) {
	.size23 {
	  font-size: 16px;
	}
	.upcoming .overlay h1 {
		line-height: 30px;
	}
	.upcoming .overlay{
		position: relative;
		color: #000;
		padding: 1rem 15px;
	}
	.upcoming .overlay ul li{
		margin-bottom: 14px;
	}
	.upcoming .overlay h1::before{
		background: #000;
	}
	.heding-logo .logo-pro1{width: 35%;}
  }
  
.download-btn {
	padding: 10px 20px;
	color: #FFF;
	font-family: 'FuturaStd-Light', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	background: #23548c;
}
.text-dark{color: #00214a;}
.download-btn:hover{background:#00214a; color: #FFF; text-decoration: none;}
.contact-sec p{text-align: justify}
.cont-left {width: 100%; float: left; margin-right:  5%;}
.cont-right{width: 100%; float: left;}
#map{width: 100%; height: 70vh;}

.capinpu {width: 100%;float: left;color: #fff;font-family: 'tt0142m', Helvetica, sans-serif;margin: -17px 0 0;}
.capinpu .txtcp{font-size:12px;}
.formcontainer  .capinpu input{width: 92% !important;float: left;background-color: #ffffff;color: #333 !important;cursor: pointer;border: none;margin: 0 0 0 0 !important;outline: none;padding: 5px;}
.formcontainer  .capinpu input[type=submit]{background: #21528a;margin: 0 0 0 14% !important;float: left;width: 100% !important;font-size: 14px;padding: 6% 0;color: #fff !important;}
.carrcap {margin: 19px 0 0;width: 48%;float: left; }
.carrcap .txtcp{color:#333;}
.careersec .formcontainer{background:#FFF; margin:0; padding:1% 0%; float:left; width: 100%;}
.careersec .formcontainer p{    width: 43%;  float: left;  font-size: 12px;   padding: 10px 0 0 20px;}
.careersec .formcontainer input[type="text"], .careersec .formcontainer input[type="tel"], .careersec .formcontainer input[type="email"]{background: #FFF; font-size: 14px; color: #333; padding: 10px 20px; height: 42px; float: left; margin-right: 2%; border: 1px solid #050506; border-radius: 5px;width: 100%; margin-bottom: 5px; } 
.careersec .formcontainer textarea{background:#FFF;font-size:14px;color:#333;padding:10px 20px;height:125px;float:left;margin-right:2%;border:1px solid #050506;border-radius:5px;width:100%;margin-bottom: 5px;}
.careersec .formcontainer input[type="file"]{ font-size: 14px; color: #333; padding: 10px 0; height: 65px; float: left; margin-right: 2%; border:none; border-radius: 5px;width:50%; margin-bottom: 5px; }
.careersec .submit{ padding: 11px 30px; background:url(../images/but-bg.jpg) no-repeat -46px -60px ; color: #FFF; font-size: 14px; text-transform: uppercase; border: none;-moz-transition: all 1.5s;  -webkit-transition: all 1.5s;  transition: all 1.5s;}
.careersec .submit:hover{background-position: -20px -40px;}
.mb-10{margin-bottom: 10px;}
.section-sitemap-main{}
.section-sitemap{width: 90%; max-width: 1000px; margin: 0 auto;}
.intro-site{float: left; width: 100%;}
.intro-site h2{ font-family:Arial; font-size:14px; color:#72c14b;}
.sitemap_line {float: left; margin-left: 40px; background: url(../images/site-line.png) 0 0 no-repeat; width: 805px; height: 17px; display: block;}
.sitemap_line1 {float: left; margin-left: 40px; background: url(../images/site-line1.png) 0 0 no-repeat; width: 805px; height: 17px; display: block;}
.site-main{ margin-top:30px;}
.site-main ul{position: relative; height: 21px;	list-style: none; margin: 0; z-index: 10; float:left;}
.site-main li{float: left; width:150px;}
.site-main a{color:#262263;	font-size: 14px; line-height: 1em;	margin:0 16px; display: block;}
.site-main a:hover, .site-main li.activo a , .site-main li a.selecto{color:#262263!important; z-index: 0; text-decoration:underline;}


ul.site-sub{position: relative; height: 21px;	list-style: none; margin: 0; z-index: 10; float:left; padding:0px;}
.site-sub li{font-size: 13px; }
.site-sub a{ text-align:left; color:#333333!important;	font-size: 12px; line-height: 1em;	padding: 5px 11px 5px 11px; display: block;	text-decoration: none; }
.site-sub a:hover, .site-sub li.activo a , .site-sub li a.selecto{color:#333333!important;	z-index: 0;  text-decoration:underline;}


.fz-toolbar{	display:block !important; 	background-color: rgba(0, 0, 0, 0.3);    border-radius: 5px 5px 5px 5px;    position: absolute;	z-index:1000000;}
.fz-zoomin{	cursor:pointer;	width:35px;	height:35px;	float:left;	background-repeat:no-repeat;	background-image:url(../fancybox/zoomin1.png);}
.fz-zoomout{ cursor:pointer;	width:35px;	height:35px;	float:left;	background-repeat:no-repeat;	background-image:url(../fancybox/zoomout1.png);}

/***********footer************/
footer { background: #F6F6F6; margin:0; padding: 15px 0; display: inline-block; width:100%; font-size:11px; }
.footermain { width: 90%; margin: 0 auto;}
.foot { float:left;  overflow:auto;}
.foot a { color:#666; text-transform:uppercase; }
.foot_right { float:right; overflow:auto; }
.foot_right span{color: #ffcc00}



.modal { display:block;  position: fixed; z-index: 99999; padding-top: 5%; left: 0;  top: 0;    width: 100%; height: 100%; overflow:hidden;   background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}

.modal-content img{width: 100%;}
.close {    color: #aaaaaa;    float: right;    font-size: 30px;    font-weight: bold;    background: #FFF;    padding: 0 10px; opacity: 1;}
.close:hover, .close:focus {    color: #000;    text-decoration: none;    cursor: pointer;}

.btn-camp a{ padding: 11px 30px; background:url(../images/but-bg.jpg) no-repeat -46px -60px ; color: #FFF; font-size: 14px; text-transform: uppercase; border: none;-moz-transition: all 1.5s;  -webkit-transition: all 1.5s;  transition: all 1.5s; text-align: center}
.btn-camp a:hover{background-position: -20px -40px;}
.callmain{background:#a3d27b; padding: 5px; width: 100%; text-align: center; position: fixed;    bottom: 0;    z-index: 99;  }
.callme{    text-align: center;       width: 225px;    left: 0;   font-size: 20px;        text-decoration: none;color: #FFF;}
.callme i{background: url(../images/sprite.png) no-repeat;    background-position: -382px -35px;  vertical-align: bottom;   height: 25px;    width: 25px; display: inline-block; }
@media only screen and (min-width:0px) and (max-width:1000px){
	#buttonaud { display: none;}
	.logo {margin: 5px 0; width: 125px;}
	.mob{display: block}
	.header {height: 65px;}
	.header .callback, .header .social-sec{display: none;}
	.social-sec {margin: 10px 0; width: 100%; padding:10px 5%;  border-left: 0; background: #FFF;}
	.social-sec p { vertical-align: top;  margin-top: 5px;   float: left; margin-right: 10px;}
	.social-icon a{width: 25px !important; padding: 0 !important;}
	.social-icon a:hover{background: url(../images/sprite.png) no-repeat !important; }
	.head-link a{color: #333!important; text-transform: none!important; font-size:14px !important; padding: 0!important; }
	.head-link a:hover{color:#262263!important; background: none !important; text-decoration:none;}
	.callback{width: 100%;}
	.management-team .profile{width: 100%; display: inline-block; margin-bottom: 25px; border-bottom: 1px solid #666; padding-bottom: 20px}
	.carousel-caption{padding: 15% 5%;right: 0;left: 0;top: 0;text-align:center;width: 90%;position: static;}
	.carousel-caption h2{font-size: 22px;line-height: 24px;}
	.carousel-caption h3{font-size: 14px;}
	#banner .patch {z-index: 0;}
	.overview-left h4{position: static; margin: 0; background: rgba(0, 33, 74, 1);}
	.formcontainer input[type="text"], .formcontainer textarea {margin-bottom: 5px;   margin-right: 0px;    width: 100% !important;}
	.capinpu{width:100%;margin:5px 0 0;}
	.home-maincontainer h1 {font-size: 30px; line-height: 35px;}
	#projectCarousel .thumbnails li {    width: 100%;}
	.gallery-item .gallery-thumbnails li{width: 100%;}
	.subnavigation{ display: none;}
	.overview-left{ float:left; width:100%;}
	.overview-right{width:100%;  float:left; }
	.overview-right p{padding: 5px 0 5px 0;}
	.loc-plan {    width: 100%;}
	.list {   padding: 0 0px 0 20px;}
    .c-recaptcha {
    width:100%;}
    .upload {
        width: 100%;
    }.g-recaptcha{width:100%;}
	.careersec .overview-left{width:100%; float:left; }
	.careersec .overview-right{width:100%;  float:left; }
	.careersec .formcontainer input[type="text"] {    width: 92%;}
	.heding-logo .logo-pro {width: 80%;}
	.heding-logo h2 {width: 100%; margin-top: 20px;}
	footer{margin-bottom: 50px;}
	.heding-logo{
		display: block;
	}
}
@media only screen and (min-width:600px) and (max-width:1000px){
#projectCarousel .thumbnails li{width: 50%;}
.g-recaptcha{width:100%;}
}
@media only screen and (min-width:1000px) and (max-width:1200px){
.header {padding: 0 1%;}
.tabfuccontainer{padding: 0 1%;}
#buttonaud {right: 205px;}
.logo {width: 170px;}
.home-maincontainer h1 {   font-size: 45px;    line-height: 45px;}
.subnavigation .gridnav {width: 94%;}
	.loc-plan {    width: 100%;}
.overview-left{ float:left; width:100%;}
.overview-right{width:100%; float:left; }
.careersec .overview-left{width:100%; float:left; }
.careersec .overview-right{width:100%;  float:left; }
.overview-contain {padding: 0 5% 5% 5%;}
#projectCarousel .thumbnails li{width: 50%;}
.gallery-item .gallery-thumbnails li{width: 33%;}	
.gallery-item .captiontm h3{font-size: 18px;line-height: 24px;}
.gallery-item .captiontm h3 span{font-size: 16px;}
.upcoming {    min-height: 300px;}
.formcontainer textarea {    width: 13%; margin-right: 1%;}
.formcontainer input[type="text"] {width: 100%;margin-right: 1%;}
.g-recaptcha {   margin-right: 1%;}
}

@media only screen and (min-width:1200px) and (max-width:1280px){
.header { padding: 0 1%; height: 120px;}
.tabfuccontainer{ padding: 0 1%;}
#buttonaud {right: 200px;}
.logo {width: 21%;}
.social-sec { margin: 20px 0px 0 10px;  width: 180px;   padding-left: 10px;}
.subnavigation .gridnav {width: 94%;}
.heding-logo {  margin: 10px 0 20px 0;}
.heding-logo .logo-pro {width: 28%;}
.heding-logo h2 {width: 70%; font-size: 14px; line-height: 18px;}
.scroll-pane{height: 300px;}
.careersec .formcontainer input[type="text"]{height: 35px;} 
.careersec .formcontainer textarea{height: 125px; }	
	
#projectCarousel .captiontm{height: 95px;}
#projectCarousel .captiontm h3{font-size: 16px; }
#projectCarousel .captiontm h3 span{font-size:14px;}
#projectCarousel .captiontm p{font-size: 14px;}
.gallery-item .captiontm h3{font-size: 18px;line-height: 24px;}
.gallery-item .captiontm h3 span{font-size: 16px;}
.upcoming {    min-height: 320px;}
.formcontainer textarea {    width: 14%; margin-right: 1%;}
.formcontainer input[type="text"] {width: 100%;margin-right: 1%;}
.g-recaptcha {   margin-right: 1%;}
}
@media only screen and (min-width:1281px) and (max-width:1448px){
.header { padding: 0 1%; height: 120px;}
.tabfuccontainer{ padding: 0 1%;}
#buttonaud {right: 200px;}
.logo {width: 19%;}
.social-sec { margin: 20px 0px 0 10px;  width: 180px;   padding-left: 10px;}
.subnavigation .gridnav {width: 94%;}
.heding-logo {  margin: 10px 0 20px 0;}
.heding-logo .logo-pro {width: 28%;}
.heding-logo h2 {width: 70%; font-size: 14px; line-height: 18px;}
.scroll-pane{height: 315px;}
.careersec .formcontainer input[type="text"]{height: 35px;} 
.careersec .formcontainer textarea{height: 125px; }	
#projectCarousel .captiontm{height: 95px;}
#projectCarousel .captiontm h3{font-size: 16px; }
#projectCarousel .captiontm h3 span{font-size:14px;}
#projectCarousel .captiontm p{font-size: 14px;}
.gallery-item .captiontm h3{font-size: 18px;line-height: 24px;}
.gallery-item .captiontm h3 span{font-size: 16px;}
.upcoming {    min-height: 320px;}
.formcontainer textarea {    width: 14%; margin-right: 1%;}
.formcontainer input[type="text"] {width: 100%;margin-right: 1%;}
.g-recaptcha {   margin-right: 1%;}
}
@media only screen and (min-width:1448px) and (max-width:1700px){
#buttonaud {   right: 285px;}
.heding-logo { margin: 20px 0 20px 0;}
.heding-logo .logo-pro {width: 28%;}
.heding-logo h2 {width: 70%; font-size: 18px; line-height: 20px;}
.scroll-pane{height: 380px;}
	.upcoming {    min-height: 395px;}
    .formcontainer textarea {    width: 14%; margin-right: 1%;}
.formcontainer input[type="text"] {width: 100%;margin-right: 1%;}
.g-recaptcha {   margin-right: 1%;}
}
@media only screen and (min-width:1700px) and (max-width:1920px){
.scroll-pane{height: 445px;}
}

@media only screen and (min-width:1921px) and (max-width:2600px){	
#buttonaud {   right: 335px;}
.carousel-fade .carousel-inner .item img {width: 100%;}
#banner .patch{background-size: cover;}
#projectCarousel .captiontm{    background-size: cover!important;}
.scroll-pane{height: 650px;}
.formcontainer{ padding:2.8% 5%;}
.formcontainer input[type="text"], .formcontainer textarea{height: 65px;}	
.submit {padding: 22px 30px;    background: url(../images/but-bg.jpg) no-repeat -22px -26px;}	
.submit:hover{background-position: -20px -20px;}
}
.mean-container .mean-bar{
	    z-index: 9 !important;
}

.carousel-control.left, .carousel-control.right{
	background: transparent;
}
.carousel-control{
	opacity: 1;
}
.glyphicon-chevron-right::before{
	content: unset;
}
.glyphicon-chevron-left::before{
	content: unset;
}
 bold{font-weight:bold;}
 /*Harshil Css Start*/ 
.we-are-coming {
	margin-top: 20px;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a {
	background-color: #145795 !important;
	color: #ffffff !important;
}

.col-25 {
	width: 25%;
	display: flex;
	justify-content: center;
	margin: 2% 0;
	padding: 0 2%;
}

.thumb-main {
	padding: 0 5%;
	display: flex;
	flex-wrap: wrap;
	
}

.floor-plans {
	max-width: 100%;
	
	filter: blur(2px);
}

.plus-sign img {
	position: relative !important;
	width: 12%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.cust-overview-right {
	width: 100% !important;
	float: unset !important;
}

.max-width-100{
	max-width: 100% !important;
	width: auto !important;
}

.image-contain{
	position: relative;
	cursor: pointer;
}

.image-contain:hover .plus-sign{
opacity:1;
}

.plus-sign {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: all .5s ease-in;
	opacity:0;
	background: #00000026;
}
@media only screen and (max-width: 1000px) {
	.col-25 {
		width: 33.33%;
	}
}
@media only screen and (max-width: 600px) {
	.col-25 {
		width: 50%;
	}
	.formcontainer{
		padding: 7rem 5%;
	}
}


.white-icon {
	filter: invert(1);
}


.calc-block {
	
	display: block;
	width: 100%;
	background: #fff;
	float: left;
	padding: 2% 6%;
}
.mb-3 {
    margin-bottom: 1.4rem!important;
}
.mb-1{
    margin-bottom: 0.25rem!important;
}
.modal p{
	font-size: 16px;
}
.size35 {
	font-size: 32px;
    font-weight: 200;
    font-family: 'FuturaStd-Light', sans-serif;
    line-height: 40px;
  }
  @media screen and (max-width: 1700px) {
	.size35 {
	  font-size: 29px;
	}
  }
  @media screen and (max-width: 600px) {
	.size35 {
	  font-size: 18px;
	}
  }
  
#banner .carousel-caption1{
	padding: 0;
    right: 0;
    left: 10%;
    top: 50%;
    text-align: center;
    width: 40%;
    position: absolute;
	color: #fff;
	text-transform: uppercase;
	z-index: 1;
	transform: translateY(-50%);
}
#banner .carousel-caption1 .imglogo{
    width: 45%;
    margin: 0 auto 2rem;
}
.gredtibg{
	background: url(../images/home/gredtibg.jpg) no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#banner .carousel-caption1 .imglogo img{max-width: 100%;}
@media screen and (max-width: 1600px) {
	#banner .carousel-caption1 .imglogo{

	}
}
.size25 {
	font-size: 25px;
  }
  @media screen and (max-width: 1500px) {
	.size25 {
	  font-size: 21px;
	}
  }
  
  .size20 {
	font-size: 20px;
  }
  @media screen and (max-width: 1500px) {
	.size20 {
	  font-size: 18px;
	}
  }
  
  .size24 {
	font-size: 24px;
  }
  @media screen and (max-width: 1500px) {
	.size24 {
	  font-size: 22px;
	}
  }
  
  .size18 {
	font-size: 18px;
  }
  @media screen and (max-width: 1500px) {
	.size18 {
	  font-size: 16px;
	}
  }
/* .thirty {
	width: 50%;
	padding: 2%;
} */

.calculator-loan {
	display: flex;
	flex-wrap: wrap;
	background: #00214a;
	padding: 5rem 4rem;
}
/* .results {
	width: 50%;
	padding: 78px 2% 2% 2%;
} */
label, .results-para {
	color: #fff;
}

.calculator-loan p {
	color: #fff !important;
}
.calculator-loan span {
	color: #ccc !important;
}
.calculator-loan h2 {
	color: #fff !important;
	margin-top: 0px !important;
}
.close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #000;
}

/* Style for the modal and overlay */
.modal {
	display: none;
}
.modal-title{width: 85%;}
.modal input[type="text"], .modal input[type="email"], .modal input[type="tel"] {
    background: #FFF;
    font-size: 14px;
    color: #333;
    padding: 10px 20px;
    height: 42px;
    border: 1px solid #050506;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px;
}
.modal-content-image {
	background-color: #001025;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #00214a;
	width: 25% !important;
}
@media (min-width: 576px){
	.modal-dialog {
	    max-width: 500px;
	}
}
.blur-effect {
	filter: blur(5px);
}

/* Other styles for your gallery and form */

.mod-input-block {
	width: 100%;
	margin: 22px 0;
}

	.mod-input-block input {
		width: 100%;
		padding: 10px 8px;
	}

.modal-content-image h3{
	color: #fff;
}
/*Harshil Css End*/ 
@media (max-width: 576px){
	.gallery-item .col-lg-3 p{font-size: 14px; margin-bottom: 0;}
.heding-logo .logo-pro {
    width: 49%;
}
.calculator-loan {
	padding: 5rem 1rem;
}
.heding-logo .logo-pro1{width: 59%;}
}
@media (max-width: 999px){
	.carousel-inner{
		background: #000;
	}
	.formcontainer .col-sm-6{
		margin-bottom: 1rem;
	}
	.formcontainer{
		padding: 6% 5%;
	}
	#banner .carousel-caption1{
		padding: 15% 5%;
		right: 0;
		left: 0;
		top: 0;
		text-align: center;
		width: 90%;
		position: static;
		transform: unset;
		margin: 0 auto;
		color: #fff;
	}
	#banner .carousel-caption1 h4{
		position: relative;
		z-index: 1;
		color: #fff;
	}
	#banner .carousel-caption1 .imglogo {
		width: 50%;
	}
	#banner .carousel-caption1 .imglogo img{
		margin: 0;
	}
}
.nav-tabs > li > a {
	background: #252525;
	color: #fff;
}
.nav-tabs > li > a:hover{
	background-color: #5eab46 !important;
    color: #ffffff !important;
}
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a {
    background-color: #5eab46 !important;
    color: #ffffff !important;
}


.rashrow{
	display: flex;
	flex-wrap: wrap;
	margin:0 -15px;
}
.rashrow .rashtem{
	max-width: 25%;
	flex:0 0 25%;
	padding: 0 15px;
	margin-bottom: 1.5rem;
}
.rashrow .rashtem .inbg{
	background: #102f55;
	color: #fff;
}
.rashrow .rashtem p{
    font-size: 18px;
    text-align: center;
    padding: 1.2rem 0;
}
.deskshow{
	display: block!important;
}
.mobshow{
	display: none !important;
}
@media (max-width: 1500px){
	.rashrow .rashtem p{
		height: 62px;
		font-size: 15px;
		padding: 1.2rem 15px;
		vertical-align: middle;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 999px){
	#banner .carousel-caption1{display: none;}
	.rashrow .rashtem{
		max-width: 33.33%;
		flex:0 0 33.33%;
	}
	.home-project-section h2{
		text-align: left;
	}
	.deskshow{
		display: none !important;
	}
	.mobshow{
		display: block !important;
	}
	.carousel-indicators{
		bottom: 0;
		margin-bottom: 0;
	}
}
@media (max-width: 600px){
	.rashrow .rashtem{
		max-width: 50%;
		flex:0 0 50%;
	}
	.gallery-item .captiontm h3{
		font-size: 20px;
	}
}


#enquiry-onloanfrm .close{
	background: #fff;
    margin: -10px -10px 0 0;
    padding: 3px 11px;
    z-index: 999;
}
#enquiry-onloanfrm .modal-header{
    padding: 0;
}
.mt-3{
	margin-top: 2rem;
}