@charset "UTF-8";
html {position: relative;min-height:100%}
body {font-family:'Lato', sans-serif; font-size:1.0rem;color:#666666;padding:0;margin:0px}
:root {
	--mainColor: #fa9511;
	--mainColor2:#fff3e8;
	--mainColor3:maroon
}

.p0{padding:0 !important}
.pB15{padding-bottom:15px !important}
.pB35{padding-bottom:35px !important}
.pB55{padding-bottom:75px !important}
.pT15{padding-top:15px !important}
.mT15{margin-top:15px !important}
.mB35{margin-bottom:35px}
.mB30{margin-bottom:30px}
.mT25{margin-top:25px}
.mT50{margin-top:50px}
.jumbotron{margin-bottom:0}
.brdrB{border-bottom:1px solid #666;padding-bottom:10px}
.bluebrdr{border:1px solid #066d94}
.font18{font-size:1.2rem}
/**NAV Mobile**/
.navbar{padding:0 0  0 1rem;}
.nav-bg {
	background-color: var(--mainColor2)
}
.collapse:not(.show) {display: block;}
.navbar-toggle{border:none;display:none}
.navbar-nav{flex-direction:row;}
.navbar-nav .nav-link{padding:10px 15px;}
.navbar{flex-wrap:nowrap}
/*Subnav 2020*/
.navbar-nav .dropdown-menu {
	position: absolute;
	float: none;
	background-color: #C4C5CA
}
.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		background-color: #C4C5CA;
	}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg)} 
.navbar-nav li a{color:#fff;font-size:1.1rem;display:block}
.navbar-nav .dropdown-menu a{color:#000;}
.navbar-nav li a.active {
/*	background: #E5E7F1;*/
	height: 46px;
}
.navbar-nav li a:hover {
/*	color: #fff;
	background: #E5E7F1;*/
	text-decoration:none
}
/*Subnav 2020 End*/


#graphMenu, #graphMenu2 {
	width: 40px;
	height: 52px;
	position: relative;
	margin: 0 15px 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
	#graphMenu b, #graphMenu2 b {
		display: block;
		border: 0px solid red;
		width: 100%;
		position: absolute;
		left: -1px;
		line-height: normal;
		text-align: center;
		bottom: 0;
		color: #fff;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		top: 38px;
	}
	#graphMenu span, #graphMenu2 span {
		display: block;
		position: absolute;
		height: 7px;
		width: 50%;
		background: #fff;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#graphMenu span:nth-child(even), #graphMenu2 span:nth-child(even) {
			left: 50%;
			border-radius: 0;
		}
	#graphMenu span:nth-child(odd), #graphMenu2 span:nth-child(odd) {
			left: 0px;
			border-radius: 0;
		}
	#graphMenu span:nth-child(1), #graphMenu2 span:nth-child(1) {
			top: 0px;
		}
	#graphMenu span:nth-child(2), #graphMenu2 span:nth-child(2) {
			top: 0px;
		}
	#graphMenu span:nth-child(3), #graphMenu2 span:nth-child(3) {
			top: 12px;
		}
	#graphMenu span:nth-child(4), #graphMenu2 span:nth-child(4) {
			top: 12px;
		}
	#graphMenu span:nth-child(5), #graphMenu2 span:nth-child(5) {
			top: 24px;
		}
	#graphMenu span:nth-child(6), #graphMenu2 span:nth-child(6) {
			top: 24px;
		}
	#graphMenu.open span:nth-child(1), #graphMenu2.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 5px;
		top: 12px;
	}
	#graphMenu.open span:nth-child(6), #graphMenu2.open span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		left: calc(50% - 5px);
		top: 26px;
	}
	#graphMenu.open span:nth-child(2), #graphMenu2.open span:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: calc(50% - 5px);
		top: 12px;
	}
	#graphMenu.open span:nth-child(5), #graphMenu2.open span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 5px;
		top: 26px;
	}
	#graphMenu.open span:nth-child(3), #graphMenu2.open span:nth-child(3) {
		left: -50%;
		opacity: 0
	}
	#graphMenu.open span:nth-child(4), #graphMenu2.open span:nth-child(4) {
		left: 100%;
		opacity: 0
	}

.droplink {position: relative}
.droplink .dropdown-menu{position:absolute;top:56px;padding:0}
	.droplink .dropdown-menu a.dropdown-item {
		background: #777b99
	}
	.droplink .dropdown-menu a.dropdown-item:hover {
		height: inherit;
		opacity: 0.8;
		background: #585a74
	}



.navbar-brand{margin-right:38rem;}
.ourMitionBx{padding-bottom:0}
.ourMitionBx .doBx{background:#fff;padding:25px 25px 25px 25px;border-radius:8px}
.whatweDo{ margin-bottom:0px}
.whatweDo .col-md-4{display:flex;width:100%}
.whatweDo .doBx{background:#fff;padding:25px 25px 25px 25px;border-radius:8px;text-align:center;flex: 1;padding:16px;position:relative;min-height:470px}
.whatweDo .doBx h2{font-size:1.5rem;padding:15px 0 10px 0}
.whatweDo a.readmore{position:absolute; bottom:20px;left: 36%}
.topContactRow {
	background: var(--mainColor);
	height:40px;
	color: #fff;
}
.topContactRow p{margin:0;padding:0;}
.topContactRow a{color:#fff}
.toplink{text-align:right}
.toplink a{padding:0 6px}
.topNav{float:right}
.topContactRow a:hover{opacity:.8;text-decoration:none}
.homeBanner .carousel-item img{width:100%}
.headingHome{padding:50px 0 15px 0;font-weight:600;color:#0f4b87}
.headingprojects{padding:0px 0 50px 0;font-weight:600;color:#0f4b87}
.circleImg{border:2px solid #169dd4;width:120px;height:120px;margin: 0 auto;background:#0079ac;text-align:center;padding-top:9px}
.abtBoldtxt{font-size:2.8rem;font-weight:600}
.growth{margin-top:3%}
.border-box{border:1px solid #e2f5fc;float:right;padding:25px 10px}
.ourWork{background:#00a1dd;color:#fff;text-align:center}
.ourWork h2{font-weight:600;font-size:2.5rem}
.ourWork h2 span{display:block;font-size:0.6rem}
a.readmore{background:var(--mainColor3);color:#fff;padding:5px 15px 10px 15px}
a.readmore:hover{background:#F13C1F;text-decoration:none}
#projects-carousel .owl-item img{width:auto !important;margin-bottom:20px}
#projects-carousel .owl-item{margin-bottom:20px !important}
.relation {background:#fff}
.relation h4, #projects-carousel h4{font-weight:600}
.sidebar .book-site, .sidebar .plat-availabiliy, .sidebar .request{top:70%;right:0; z-index:99999;position:fixed;width:170px}
.sidebar .book-site a, .sidebar .plat-availabiliy a, .sidebar .request a{color:#fff;opacity: 1.0;transition:0.7s;text-decoration:none;}
.sidebar .request {
	background: #db093f;
	padding: 5px 15px 10px 15px;
	border-radius: 8px 0 0 8px;
}
.sidebar .request:hover{background:#ca331b;width:210px;-webkit-transition:width 3s;transition:width 1s}
.sidebar .book-site {
	background: #6e1bcb;
	padding: 5px 15px 10px 15px;
	border-radius: 8px 0 0 8px;
	margin-top: 50px
}
	.sidebar .book-site:hover {
		background: #ca331b;
		width: 210px;
		-webkit-transition: width 3s;
		transition: width 1s
	}
.sidebar .plat-availabiliy {
	background: #db5e09;
	padding: 5px 15px 10px 15px;
	border-radius: 8px 0 0 8px;
	margin-top: 100px
}
.sidebar .plat-availabiliy:hover{background:#ca331b;width:210px;-webkit-transition:width 3s;transition:width 1s}
.plat-availabiliy-bx .head-bg{background:#007aab;border-radius:8px 8px 0 0;color:#fff;font-size:22px;font-weight:600;padding:15px}
.plat-availabiliy-bx{padding:48px 70px 70px 70px}
/*.selectdiv{padding:5% 2%}
.selectdiv label{font-weight:600}
 select {background-color:#007AAB;border:thin solid #007AAB;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding: 0.5em 3.5em 0.5em 1em; margin: 0;  
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
select.classic {background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%),linear-gradient(to right, #007AAB, #007AAB);
  background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat}
select.classic:focus {background-image:linear-gradient(45deg, white 50%, transparent 50%),linear-gradient(135deg, transparent 50%, white 50%),linear-gradient(to right, gray, gray); background-position:
 calc(100% - 15px) 1em,calc(100% - 20px) 1em,100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat: no-repeat;border-color: #fff;outline: 0;}*/
 
.availabiliyTable{padding-top:5%} 
.table-responsive .table td{ text-align:center}	
.table-responsive .table td span{display:block}
.vision-mission{font-size: 1.2rem}
.projects .nav-tabs{border-bottom: 1px solid #c8c8ca;}
.projects .nav-tabs .nav-link {background:#fff;margin-right:5px;    font-size: 1.2rem;color: #000}
.projects .tab-content{border:1px solid #c8c8ca}

#residentialprojects .owl-item {margin-bottom:25px}
#residentialprojects h4{padding-top:15px;font-size: 1.2rem}
.contact-us .form-group{margin-bottom: 0}
.contact-us .form-group ::placeholder{color: #c8c8ca}
.contact-us  .submitbtn{background:#0079ac;color:#fff;padding: 5px 15px 10px 15px; margin-top:25px}
.contact-us  .submitbtn:hover{background: #F13C1F;text-decoration: none;}
.our-branches .doBx{min-height:inherit !important;}



 .cancelbtn {width: auto;padding: 10px 18px;background-color:#f44336;}
 .imgcontainer {text-align: center;margin:1px 4px 12px 0;position: relative;}
img.avatar {width: 40%;border-radius: 50%;}
 span.psw {float: right; padding-top: 16px;}
/* The Modal (background) */
.loginDiv .modal {display: none;position: fixed; z-index: 1;left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); padding-top: 60px;}
/* Modal Content/Box */
.loginDiv .modal-content { background-color: #fefefe;margin: 5% auto 15% auto; border: 1px solid #888;width: 40%}
.loginDiv .loginDiv .close {position: absolute;right: 25px;top: 0;color: #000;font-size: 35px;font-weight: bold}
.loginDiv .close:hover, .close:focus {color: red; cursor: pointer}
/* Add Zoom Animation */
.animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

.loginDiv .submitbtn{background:#0079ac;color:#fff;padding: 5px 15px 10px 15px; margin-top:25px;margin-left: 10%;width:180px}
.loginDiv .submitbtn:hover{background: #F13C1F;text-decoration: none;}
.loginDiv .form-control{width:60%}
.logincont{margin-left:15%;padding:30px;}

.ekko-lightbox .close {background: #0079ac;opacity: 1.0;color: #fff; padding: 10px;font-size: 18px;position: absolute; right:-1px;
  z-index: 1000;top: 0; margin: 0;}
.ekko-lightbox .close:hover{background: #de5b2f;}
.ekko-lightbox .modal-title{font-size:1.2rem;color:#0079ac; font-weight: 600}


.footer{color:#fff;background:var(--mainColor);padding:35px 0}
.footer h5{font-weight:600;color:var(--mainColor3);font-weight:600}
.footer a{color:#fff;font-size:0.854rem;font-weight:bold;transition: all 0.3s}
.footer a:hover{text-decoration:none;margin-left:5px;transition: all 0.3s}
.footer li{list-style:none}
.footer .copyright{font-size:0.800rem;padding:25px 0}

#divPlotsDetails .table{width:auto}
#divPlotsDetails .table td {font-weight:400}
.plot-Details-popup {padding:20px}
.plot-Details-popup .modal-content {width:35%}
.plot-Details-popup-head span.close {color:#fff  !important; font-weight:600  !important;opacity:1 }
.plot-Details-popup-head {padding:10px 15px 10px 0; background:#036288;color:#fff; font-weight:400;margin:0;font-size:1.2rem}


/*Registeration Page*/
.registration-frm{padding:15px}
.registration-frm td{padding-left:10px;padding-right:10px;}
.registration-frm td input{margin:5px 0;height:25px;border-radius:5px;border:1px solid #ced4da;font-size:14px}
.registration-frm td select{font-size:14px}
.registration-heading {background:#007AAB;color:#fff;font-size:20px;font-weight:600;padding:10px 0}
.registration-subheading {background:#8f9091;color:#fff;font-size:16px;font-weight:600;padding:5px 0;}
.submit-btn{background:#007AAB;color:#fff;font-size:18px;font-weight:600;padding:0px 35px; height:40px !important}
.submit-btn:hover{opacity:0.8}
a.reg-btn{padding:10px 0 0 20px;font-size:18px;color:#a9a9a9}
a.reg-btn:hover{color:#F13C1F; text-decoration:none}


/* Media Query Start 
******************** */ 
@media (max-width:1024px){
	
}

@media (max-width:768px){
.navbar-toggle{display:block;}
.navbar-nav{flex-direction:column;margin-top:10px}
.navbar-collapse.open{display:block !important;}	
.collapse:not(.show) {display:none}
.navbar{flex-wrap:wrap;}
.navbar-nav .dropdown-menu{position:static}
/*.navbar-nav{ position:relative;left:-536px;}*/
.navbar-nav .nav-link{padding:8px 25px;border-bottom:1px solid #CCC}
.navbar{ display:inherit}
.topNav{text-align:center;float:inherit}
.navbar{padding:15px 0}
.plat-availabiliy-bx{padding:0px}
.border-box{ float:none; margin-bottom:25px}
.our-servies .media{ display:inherit}
.our-servies .media h2{padding-top:15px}
.our-servies .media img{width:100% !important;}
}

@media (max-width:576px){
.homeBanner .carousel-item img{width:100%; height:auto}
.topContactRow{ text-align:center}
.toplink{text-align:center}
.navbar{display:inherit}
.headingHome{font-size:1.6rem}
.headingprojects{font-size:1.6rem; padding-bottom: 10px}
.doBx{margin-bottom:15px}
.relation .media{display:inherit}
.relation .media h4{padding-top:15px}
#projects-carousel h4{font-size:1.1rem}
.footer h5{border-bottom:1px solid #CCC;padding-bottom:5px;margin-top:15px}
span.psw { display: block; float: none;}
.cancelbtn { width: 100%;}
.navbar-nav .dropdown-menu{background-color:#fff}
.sidebar .book-site, .sidebar .plat-availabiliy, .sidebar .request{top:70%}

}


.loginbutton:hover {
	background-color: white !important;
}
.logintext:hover {
	color: maroon !important
}

.servicecard {
	background-color: white;
	box-shadow: 2px 2px 10px grey;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.loginbtn{
	background-color:var(--mainColor3);
	padding:5px 20px;
	border-radius:10px;
	margin:0px 10px
}
.nav-link {
	position: relative;
	transition: all 1s;
	font-weight: 600;
	color:#444 !important
/*	font-family: Georgia, serif;*/
}
	.nav-link.active:after {
		position: absolute;
		top: 100%;
		left: 10%;
		background-color: var(--mainColor3);
		height: 4px;
		width: 80%;
		content: "";
		transition: all 1s;
	}
	.nav-link:after {
		position: absolute;
		top: 100%;
		left: 10%;
		background-color: var(--mainColor3);
		height: 4px;
		width: 0%;
		content: "";
		transition: all 1s
	}
.nav-link:hover:after {
	position: absolute;
	top: 100%;
	left: 10%;
	background-color: var(--mainColor3);
	height: 4px;
	width: 80%;
	content: "";
	transition: all 1s
}
@media (max-width: 768px) {
	.reverse-mobile {
		flex-direction: column-reverse !important;
	}
}