/**/@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;font-family:"Montserrat";
font-style: normal;font-weight: 400;font-size: 14px; padding:0; margin:0;
}
 ol li{ margin-top:10px}
 
 p.policy{ padding:0; margin:0}
 p.policy,.policy a:link,.policy a:visited{ color:#fff; font-size:12px}
 
body{
	 background-image: url(../images/bg2.svg), url(../images/bg1.svg);
  background-position: -25px 28%, calc(100% + 50px) bottom;
  background-repeat: no-repeat, no-repeat;
  background-attachment:fixed, fixed;
  background-size:100px, 150px;
  	}
.completedProjectEkdanta,.error-container{ display:none}
body.innerBody{
	
	 background-image: url(../images/bg2.svg), url(../images/bg1.svg);
  background-position: -25px 28%, calc(100% + 50px) bottom;
  background-repeat: no-repeat, no-repeat;
  background-attachment:fixed, fixed;
  background-size:100px, 150px;
  background-color:#fff4db;
	}
.error{ border:1px solid red !important}
body.innerBody .innerBoxRight{ background:none !important}
body.innerBody h1,body.innerBody h2{ text-align:center}
body.innerBody .rowPadding p{ text-align:center}

#apo-message-sent,#error-container,#apo-loader{ display:none}

ul.amenities{ margin:0; padding:0}
.amenities li {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  width: 33.33%;
  display: inline-block;
  float: left;
  text-align: center !important;
  padding: 20px; min-height:301px;
}
.amenities li p{ text-align:center}

.boxFifty{ float:left; width:50%;}
.customBullet { margin:30px 0}
.customBullet li{ list-style:none; margin:15px 0; padding:0 0 0 20px; background:url(../images/bullet.svg) no-repeat left 2px}
.amenities li img{ width:120px !important}

html { -webkit-font-smoothing: antialiased;  scroll-behavior: smooth; }

.innerBanner .subBanner{ width:300px}

.download { cursor:pointer}
.showDesktop{ display:block}
.showMobile{ display:none}
.closePop:hover {
  background: #b59a54;
  border-color: #b59a54;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.closePop {
  width: 30px;
  height: 30px;
  float: right;
  background: #e20002;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  padding: 5px 3px;
  margin:-55px -55px 0 0;
  cursor: pointer;
}

#poup .rowPadding{ padding:20px}
#poup {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.8);
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display:none;
}
.popupInner {
  position: fixed;
  left: calc((100% - 550px)/2);
  top: 50px;
  background: #fff;
  padding: 24px;
  width: 550px;
  border-radius: 8px;
}

.header{ float:left; width:100%; position:fixed; z-index:1}

.logo{ float:left; width:213px; background:url(../images/logo-bg.svg) no-repeat; height:108px; position:relative; z-index:1}
.logo img{margin: 10px 0 0 30px;width: 90px;}
.navBox{ float:right; width:100%; background:#e20002; position:absolute; top:0; padding-left:200px; z-index:0}

.banner{ float:left; width:100%;margin-top: 0;z-index: 0;position: relative;}

.subBanner{
	width:230px;
	float:left;
	z-index:2;
	position:absolute;
	left:30px;
	top:200px;
}
.owl-carousel .owl-item .subBanner img{ width:75%; margin:0 12.5%}
.subBanner .subBannerInner{ background:url(../images/design-bg.png) repeat #fffbda; width:100%; float:left; border-radius:10px; margin:-100px 0 0 0; border:2px solid #e20002}
.subBannerInner p{
	font-family:Cinzel;
	font-weight:bold;
	font-size:24px;
	color:#872226;
	padding:120px 0 50px 0;
	text-align:center;
	line-height:normal
}


.quickLinks{ float:right; margin:13px 20px 0 20px}
.mobile{ background:url(../images/mobile.png) no-repeat; padding:5px 0 5px 30px; float:left; font-weight: 500; color: #fff4db; font-size:16px; text-transform:uppercase; margin-right:20px}
.download{ background:url(../images/download-brochure.png) no-repeat; padding:5px 0 5px 30px; float:left; font-weight: 500; color: #fff4db; font-size:14px; text-transform:uppercase}

.owl-nav{ position:absolute; width:370px; left:100px}
.owl-prev{ background:url(../images/nav.png) !important; width:37px; height:37px;}
.owl-prev:hover{ background:url(../images/nav.png) left bottom !important}
.owl-prev span{ opacity:0}

.owl-next{ background:url(../images/nav.png) right top !important; width:37px; height:37px;}
.owl-next:hover{ background:url(../images/nav.png) right bottom !important}
.owl-next span{ opacity:0}

.owl-theme .owl-nav{ margin-top:-60px !important}

.iconsBox{ list-style:none; width:100%}
.iconsBox li{ width:33.33%; float:left; text-align:center}

.iconsBox li p{ line-height:normal; padding:10px 0 20px 0; text-align:center}


.outerBox{ width:100%; max-width:1320px; margin:0 auto; }
.innerBox.outFlex{ display:block !important}
.innerBox.outFlex p{ padding:30px 0 0 0}
.innerBox{ display: flex;  margin:50px 10%}
.innerBoxLeft{ flex: 1;  background:#fff4db;}
.innerBoxLeft img{ width:100%}
.innerBoxRight{ flex: 1; background:#fff4db;}
.rowPadding{ padding:50px}
.clear{ clear:both}
h1,h3{ font-size:26px; font-weight:600; text-transform:uppercase}
h2{font-size:26px; font-weight:300 !important; text-transform:uppercase}
p{ line-height:24px; font-size:14px; font-weight:400; padding:30px 0; text-align:justify}

.innerBannerImg{ width:100%}

.completedProjectChintamani,.completedProjectHeramb,.completedProjectkshitij,.completedProjectRevatiEnclave,.completedProjecttrimurti{ display:none}

hr{ border-bottom:0px solid #caa64f; margin:0px 5%; width:90%; float:left; height:1px; background:#e6d5ab !important; color:#e6d5ab !important; opacity:.5}

.viewmorebtn{margin: 20px auto !important;
background: #e20002;
padding: 10px 20px;
border-radius: 8px;
color: #FFFBD1;
display: block;
text-align: center;
font-size: 14px;
text-transform: uppercase; border:2px solid #e20002; width:150px; cursor:pointer}
.viewmorebtn:hover{color: #e20002; background:#FFFBD1}
.downloadFloorPlans:link,.downloadFloorPlans:visited{ width: 270px;
margin: 20px auto !important;
background: #e20002;
padding: 15px 20px;
border-radius: 10px;
color: #FFFBD1;
display: block;
text-align: center;
font-size: 16px;
text-transform: uppercase; border:2px solid #e20002}
.downloadFloorPlans:hover{color: #e20002; background:#FFFBD1}

.imgloc{ width:80%; margin:0 10%}

.photogallery li{ width:33.33%; padding:20px; float:left; list-style:none}
.photogallery li img{ width:100%}

.imgFirst{ background:url(../images/about-us.jpg) no-repeat center top;width:100%; background-size:cover}
.imgFirs{ background:url(../images/we.jpg)  no-repeat center top;width:100%; background-size:cover}


.viewmore:link,.viewmore:visited{ border:1px solid #e20002; padding:10px 15px; color:#e20002; margin-top:20px; display:inline-block}
.viewmore:hover{ background:#e20002; color:#fff4db}

.loc{ background:url(../images/loc.png) no-repeat left 10px; padding:10px 50px; margin:20px 0 10px 0; text-align:left !important}
.contactCall{ background:url(../images/call.png) left top no-repeat; padding:10px 50px; margin:10px 0; text-align:left !important}
.contactEmail{ background:url(../images/email.png) left top no-repeat; padding:10px 50px; margin:10px 0; text-align:left !important}

.contactForm input,.contactForm textarea{ border:1px solid #ebe7ca; background:#fff; border-radius:15px; padding:15px 15px; font-size:16px; margin:10px 0; width:100%}

input[type="Submit"]{ width:100%; background:#f7f4fb;border:1px solid #ebe7ca; cursor:pointer}
input[type="Submit"]:hover{ background:#e20002; color:#fff4db}

#contact-loader,#error-container,#message-sent{ display:none}
.contactForm h3{ margin-bottom:20px}

.footer{ background:#caa64f; border-bottom:5px solid #e20002; float:left; width:100%; padding:30px 5%}

.footerCol1{ width:25%; float:left}
.footerCol2{ width:50%; float:left; padding-left:50px}
.footerCol3{ width:25%; float:left}
.footerCol4{ width:25%; float:left}

p.footerCall,p.footerEmail{ width:50%; padding:5px 0; margin:0 0 10px 0; color:#fff; float:left}

p.footerEmail{ padding-left:35px; background:url(../images/emailFooter.png) no-repeat left center}

p.footerCall{ padding-left:20px; background:url(../images/callFooter.png) no-repeat left center}

p.footerH{ font-weight:700; color:#fff; margin-bottom:0; padding-bottom:0}
p.footerTxt{ color:#fff; margin-top:0; padding-top:0; text-align:left}
p.footerTxt.copy{ font-size:12px; padding-bottom:10px}

.owl-dots{ display:none !important}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

nav {
  display: block; float:left; margin-left:10%;
}

.menu { display: block; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-weight: 500; color: #fff4db; 
  text-decoration: none;
  padding: 20px 15px;
  display: block;
 font-size:14px;
  transition: all 0.2s ease-in-out 0s; text-transform:uppercase;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff;
  background: #caa64f;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #FFFFFF;
	background-color: #e20002;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #caa64f;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 10px 15px;
  color: #fffbdc;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {

  text-decoration: none;
}

a.homer { background: #caa64f; }
 @media (max-width: 1260px) {
	 .menu li a{ padding:20px 10px;}
	 nav{ margin-left:0}
	 }
 @media (max-width: 1024px) {
	 .menu li a{ padding:20px 5px; font-size:12px}
	 .mobile,.download{ font-size:12px; line-height:20px}
	 nav{ margin-left:0}
	 }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: ; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  border-bottom: 1px solid #fff;
}

.menu li a:hover,
.menu li:hover>a {
  background: #caa64f;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}



@media screen and (max-width: 762px)
{
	.quickLinks{ display:none}
	.innerBox{ flex-direction: column;}
	.innerBox {display: flex; margin: 50px 5%;}
	.innerBoxLeft,.innerBoxRight{ min-height:300px}
	.rowPadding{ padding:20px}
	.innerBox.mobileRow{flex-direction: column-reverse;}
	.showDesktop{ display:none}
	.showMobile{ display:block}
	.subBanner {
  width: 100%;
  float: left;
  z-index: 2;
  position: relative;
  left: 0%;
  top: 0px;
}

.owl-carousel .owl-item .subBanner img {
  width: 120px;
  margin: 0;
}
.subBannerInner p {
  font-family: "Cinzel";
  font-weight: bold;
  font-size: 20px;
  color: #872226;
  padding: 20px 10px 50px 120px;
  text-align: center;
  line-height: normal;
}
.subBanner .subBannerInner {
  margin-top: -120px;
  margin-left: 0px; border-radius:0; border:0; min-height:120px;
}
.owl-nav {
  position: absolute;
  width: 100%;
  left: 00px;
}
.owl-item{ background:#caa64f}
.footerCol1,.footerCol2,.footerCol3{ width:100%}
.footerCol2{ padding-left:0}

nav{ text-align:right; width:auto !important; text-align:right !important; float:right !important}
.navBox{ padding-left:0}
p.footerCall, p.footerEmail{ width:100%}
.menu li a{ text-align:left}
.footer p{ padding-top:10px !important;padding-bottom:10px !important}

.iconsBox li p{ font-size:12px}
.banner.showMobile{ margin-top:45px}
.owl-next,.owl-prev{border: 1px solid #e20002 !important;
border-radius: 100px !important;}

.footer{ margin-bottom:60px !important}

.popupInner {
  position: fixed;
  left:20px;
  top: 50px;
  background: #fff;
  padding: 24px;
  width: calc(100% - 40px);
  border-radius: 8px;
}
#poup .rowPadding{ padding:0}
.closePop{ margin:-35px -35px 0 0}
.mobilefooterOuter{ background:#fff; position:fixed; bottom:0px; z-index:9; left:0; right:0; bottom:0; width:100%; padding-top:10px}
.mobilefooter{width:calc(100% - 20px); margin:0 10px; float:left; padding:10px; background:#e20002; border:0px solid #caa64f; border-radius:100px;}
.callBottomBox{ float:left}
.callBottomBox img,.brochureBottomBox img{width:30px; vertical-align:middle}
.brochureBottomBox{ float:right; color:#FFFBCA; padding-right:10px}
.amenities li{ margin-bottom:0}
.photogallery li {
  width: 50%;
  padding: 10px;}
.innerBox{ margin:0 20px}
.innerBody .innerBox{ margin:0 40px}
.amenities li,.boxFifty,.innerBanner .subBanner img{ width:100%}
.customBullet{ margin-bottom:0; margin-top:0}
.innerBanner .subBanner{width: 150px !important;
margin: 0 auto 0px auto !important;
position: relative !important;
display: block !important;
float: none; left:0;}
.innerBannerImg {
  width: 100%;
  margin-top: 46px;
}



body.innerBody{
	
	 background-image: url(../images/bg2.svg), url(../images/bg1.svg);
  background-position: -25px 28%, calc(100% + 0px) 50%;
  background-repeat: no-repeat, no-repeat;
  background-attachment:fixed, fixed;
  background-size:50px, 50px;
  background-color:#fff4db;
	}

body.innerBody .innerBoxLeft,body.innerBody .innerBoxRight{ min-height:auto}

.outerBox{ margin:40px 0}

.innerBoxRight.mobilemargin{ margin-top:40px}
h1, h3{ font-size:22px}
h2{ font-size:20px}
.logo{width: 170px;background-size: 100% auto;}
.logo img{margin: 10px 0 0 20px;width: 70px;}

.owl-prev,.owl-prev:hover{
  background: url(../images/nav.png) !important;
    background-size: auto;
  width: 25px;
  height: 25px;
  background-size: 58px !important;
}
.owl-theme .owl-nav{ margin-top:-40px !important}
.owl-theme .owl-dots, .owl-theme .owl-nav{ text-align:right !important}
.owl-next ,.owl-next:hover{
  background: url(../images/nav.png) right top !important;
    background-size: auto;
  width: 25px;
  height: 25px;
  background-size: 58px !important;
}
#resp-menu img{ width:30px}

}