@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lato:700');
@import url('https://fonts.googleapis.com/css?family=Lato:300');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap');

html{height:100%}
body{font-size:16px;background:#fff;color:#3a3a3a;overflow-x:hidden;font-family:'Lato', sans-serif;position:relative;}
img{max-width:100%}
p{margin-bottom:.5rem}
a{text-decoration:none;color:#000}
a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none;color:#a70e13;box-shadow:none}
ul,li{padding:0;margin:0}
li{list-style:none}
.text-underline{text-decoration:underline}
.form-control:focus{outline:none;box-shadow:none}
.primary-col{color: #ffec4f !important}
.secondary-btn{background: #212d77 !important;	color: #ffec4f !important;	border-radius: 10px !important;border-bottom: none !important;padding: 10px 15px}
.secondary-btn:hover{opacity: .7;color: #fff;cursor: pointer;}
.primary-btn{background: #ffec4f ;color: #2c398b;border-radius: 10px !important;border-bottom: none !important;padding: 10px 15px}
.primary-btn:hover{opacity: .7;color: #2c398b;}
#pageloader{display:none;position: fixed ;   top: 0;    z-index: 100;    background: rgba(255, 255, 255, .5);    width: 100%;    height: 100%;}
#pageloader img{position: absolute;left: 0; right: 0; margin: 0 auto; top: 40%;}


/* Form */
.sidebar-contact{position:fixed; top:0; right:-350px;width:20vw; height:100vh;  padding:40px;transition:0.5s; background: #4b5bbe}
.sidebar-contact.active{ right:0;}
.toggle{position:absolute; height:48px;width:48px;text-align:center;cursor:pointer;background:#edb47d;top:0;left:-48px;line-height:48px;color: #15232a}
.slide-form{position: fixed; top: 69px; right: 0;z-index: 11;max-width: 350px;height: 100vh;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.slide-form-wrapper{ position: relative;height: 100%}
.slide-form .collapse.show .floating-contact{right: 0;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.slide-form .collapsing{display: none}
.form-inner{display: flex;justify-content: space-between; align-items: center;max-width: 1200px;    margin: 0 auto;flex-wrap: wrap;}
.form-inner .form-group{width: 100%;margin-bottom: 20px}
.form-inner .form-control{border-radius: 0;    border: 0;width: 100%;background: transparent;	color: #fff;	border-bottom: 1px solid #a4aac7;padding: 10px 5px;}
.form-inner .form-control:focus{border-bottom: 1px solid #ffec4f }
.sidebar-contact ::placeholder:focus{color:red}
.sidebar-contact ::placeholder {color: #ddd;opacity: 1;}
.sidebar-contact :-ms-input-placeholder {color: #ddd;}
.sidebar-contact ::-ms-input-placeholder {color: #ddd;}
.form-header{position: relative;padding-bottom:15px;font-size: 20px }
.form-header:after{position: absolute;content: '';width: 50px;height: 1px;background:#b5b27b;bottom: 0;	left: 0;right: 0;margin: 0 auto;}
.mob-form-btn{display: none;}
.form-btns{    display: block;	width: 100%;	text-align: center;margin-top: 20px}
.form-btns a{display: inline-block;width: 95px}
.err-msg {font-size: 12px;color: #f32323;display: none;}
.form-contact p{color: #fff;opacity: .7;position: relative;padding: 0 10px}
.form-contact p::before{position: absolute;	content: '';	width: 12px;;	height: 1px;	background: #fff;	opacity: .3;	left: 15px;	top: 13px;}
.form-contact p::after{position: absolute;	content: '';	width: 12px;	height: 1px;	background: #fff;	opacity: .3;	right: 15px;	top: 13px;}
.form-contact{margin: 25px 0;text-align: center;width: 100%;}
.form-contact span{font-size: 25px}
/* navigation */
.pp-nav{background-color: #212d77 !important;}
.pp-nav.navbar-light .navbar-nav .nav-link{color: #fff}
.solidnav{background-color: #212d77 !important;}
footer{padding: 10px 0;font-size: 11px}


/* Home Page */
.page-wrap{width: 80vw}
.page-banner{position: relative;}
.banner-text{position: absolute;top: 30%;max-width: 450px;left: 150px;}
.banner-text h2{color: #fff;font-family: 'Oswald';font-weight: 400;line-height: 1.3;}
.banner-text h2 span{display: block}
.first-line{font-size: 35px;background-color: #ed1d24;padding: 10px}
.second-line{font-size: 30px}
.third-line{font-size: 110px;line-height: 1;}
.fourth-line{font-size: 42px}
.fifth-line{font-size: 16px;color:#ffec4f }
.brand-logo{position: absolute;top:20px;left: 20px}

.section{padding: 35px 0}
.sec-benifit{background: url(../images/second-sec-bg.png) no-repeat;background-size: cover}
.section-title h2{font-family: 'Oswald';font-weight: 300;color: #ffec4f;text-transform: uppercase;font-size: 32px}
.section-title h2 span{font-weight: 800;color: #fff;position: relative;z-index: 2;}
.section-title h2 span::before{position: absolute;content: '';background: #d71920;width: 100%;height: 60%;z-index: -1;bottom: 0;}
.benifits{margin: 65px 0 15px}
.owl-theme .owl-dots .owl-dot span{margin: 5px 2px;}
.benifits .item p{font-family: 'Oswald';font-weight: 400;font-size: 24px;color: #fff;line-height: 1;margin-top:15px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #d71920}
.benifits .item img{max-width: 90px;margin: 0 auto}
.benifits .item{text-align: center}
.sec-benifit .beni-box{color: #fff;font-size: 24px;font-family: 'Oswald';font-weight: 300;position: relative;text-align: center;padding:50px 0;height: 100%;}
.sec-benifit .beni-box:before{position: absolute;content: '';background: url(../images/before-element.png) no-repeat;width: 50%;	height: 36px;;	background-size: contain;left: 0;top: 0;margin: 0 auto;right: 0;}
.sec-benifit .beni-box:after{position: absolute;content: '';background: url(../images/after-element.png) no-repeat;width: 50%;	height: 36px;;	background-size: contain;left: 0;bottom: 0;margin: 0 auto;right: 0;}
.sec-benifit .col-lg-4{margin-bottom: 30px}


.section-title1 h3{font-family: 'Oswald';font-weight: 300;font-size: 32px;color: #d71920}
.section-title1 h2{color: #2c398b;font-family: 'Oswald'; font-weight: 700;position: relative;z-index: 1;display: inline-block;text-transform: uppercase}
.section-title1 h2::before{position: absolute;background: #ffec4f;height: 75%;width: 100%;content: '';z-index:-1;bottom: 0;}

.sec-returns{background: url(../images/heigh-returns-bg.jpg) no-repeat;background-attachment: fixed;background-size: cover}
.section-title2 h3{font-family: 'Oswald';font-weight: 300;font-size: 32px;color: #ffec4f}
.section-title2 h2{font-family: 'Oswald'; font-weight: 700;font-size: 31px;color: #fff;position: relative;display: inline-block;text-transform: uppercase;z-index: 2;}
.section-title2 h2:before{position: absolute;content: '';background: #ed1d24;height: 55%;width: 100%;bottom: 0;z-index: -1;}
.returns-tab{margin-top: 30px}
.returns-tab .nav-tabs .nav-link{color: #fff;font-family: 'Oswald'; font-weight: 700;font-size: 20px;padding: 30px 0;border: none;}
.returns-tab .nav-tabs .nav-item.show .nav-link, .returns-tab .nav-tabs .nav-link.active{background: transparent;border: none;color: #ffec4f;position: relative;}
.returns-tab .nav-tabs .nav-link.active::after{content: '';position: absolute;bottom: -1px;width: 65px;height: 3px;background: #ffec4f;left: 0;right: 0;margin: 0 auto;}
.returns-tab .tab-content{color: #fff;padding: 30px 0}
.returns-tab .tab-content ul li{margin-bottom: 15px}
.returns-tab .nav-tabs .nav-link:focus,.returns-tab .nav-tabs .nav-link:hover {border:none;}

.ameni-box h5{text-transform: uppercase;font-family: 'Oswald';font-weight: 600;font-size: 20px;color: #2c398b;margin: 15px 0}
.amenities .col-lg-4{margin-bottom: 30px}


.sec-red{background: url(../images/second-sec-bg.png) no-repeat;background-size:cover;background-attachment: fixed; }
.sec-red h3{text-transform: uppercase;font-size:30px;font-family: 'Oswald';font-weight: 300;color: #fff}
.sec-red p{color: #fff;position: relative;padding: 0 40px}
.sec-red p span{font-size: 11px;opacity: .6;}
.sec-red p::before{position: absolute;content: '';background: url(../images/before-right.png) no-repeat;width: 50px;height: 50px;left: 0;}
.sec-red p::after{position: absolute;content: '';background: url(../images/after-arrow.png) no-repeat;width: 50px;height: 50px;right: 0;top: 0}


.kamdhenu-sec{position: relative;}
.kamdhenu-text{position: absolute;top: 20%;	max-width: 450px;	color: #fff;}
.kamdhenu-text h2{line-height: 1;margin-bottom: 30px;font-family: 'Oswald';font-weight: 300;font-size: 44px}
.kamdhenu-text ul li{margin-bottom: 15px}


.contact-footer{background: #cdd1d1}
.contact-footer h3{color: #d71920;font-size: 20px;font-family: 'Oswald';font-weight: 400}

.returns-tab svg{display: block;	margin: 0 auto 15px;}
.returns-tab .nav-tabs .nav-link.active path{fill: #ffec4f}
.container {	max-width: 1000px;}
 /* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) {
  .section-footer { width: 100% !important; margin-top: 0; padding: 10px 20px;}
  .floating-contact{top: 0; width: 100%;z-index: 10;}
  .pro-navigation{top: 34px;z-index: 9;}
  .form-label{display: inline-block;font-size: 20px;text-transform: uppercase}
  .floating-contact .primary-btn{text-align: center}
  .banner-content{position: relative; top: 0; right: 0; font-size: 20px; padding: 15px;}
  .pp-nav{top: 55px;z-index: 10}
  .form-inner{display: none;}
  .form-header{margin-bottom: 0!important}
	.form-inner.collapse.show{margin-top: 20px;}
	.loc-lhs img{right: 0;}
	.loc-carousel{padding: 25px 15px}
	.loc-carousel{padding: 15px}
	.banner-content h2{    font-size: 30px;line-height: 1.1;}
	.animated-line{bottom: 43%;}
	.banner-content p{font-size: 18px;}
	.section-title h2{font-size: 24px}
	.launch-cont h2{font-size: 35px;}
	.benifit-rhs{left: 0;    top: -30px;min-width: 100%;}
	.loc-carousel .item{padding: 95px 15px;}
	.loc-img {    width: 130px !important;}
	.inner-banner-content{position: relative;max-width: 100%}
	.inner-banner-content::before, .inner-page-sec .benifit-rhs::before{left: 0}
	.inner-banner-content::after, .inner-page-sec .benifit-rhs::after{right: 0}
	.section-life img {width:50% !important;}
	.life-fold1 .col-xs-10 h2 {text-align:left;}
	.banner-text{margin-top: 15px;left: 0;position: relative;margin-bottom: 15px;}
	.banner-text h2{color: #000}
	.first-line{font-size: 23px;color: #fff}
	.second-line { font-size: 22px;}
	.third-line { font-size: 70px;}	
	.fourth-line { font-size: 28px;}
	.fifth-line{color: #000}
	.page-wrap {  width: 100vw;}
	.kamdhenu-text{position: relative;color: #3a3a3a;}
} 
 /* Small devices (landscape phones, less than 768px)  */

@media screen and (min-width:990px) and (max-width:1024px){
	.sidebar-contact{width: 25vw;}
	.page-wrap{width: 75vw}
	.banner-text{top: 30%}
	.kamdhenu-text{top: 5%}
	.kamdhenu-text h2{line-height: 1}
}
@media (max-width: 767.98px) {
	.inner-page-sec	.benifit-rhs {top: 0;min-width: 100%;left: 0;}
} 
/* Medium devices (tablets, less than 992px)  */

@media (max-width: 991.98px) {
  body{margin-bottom: 0}
  .project-map-content{width: 100%;position: relative; padding: 15px;}
  .section-footer {width: 690px;}
  .features-inner{padding: 50px 15px}
  .benifits-sec .col-lg-3::after{display: none}
  .tbr-section .col-lg-6:first-child::after{display: none}
  .imperial-section{padding: 15px 0}
  .imperial-section .col-lg-4{margin-bottom: 30px}
  .tbr-section .col-lg-6:first-child{margin-bottom: 30px}
  .pp-nav{top: 54px;z-index: 10}
  .navbar-light .navbar-toggler {border:none;}
  .form-inner{display: none;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
  .form-header{margin-bottom: 0!important;display: none}
  .form-inner.collapse.show{margin-top: 20px;}
  .floating-contact{top: 0; width: 100%;z-index: 10;bottom: auto}
  .mob-form-btn{display: block;color: #fff;text-align: center;}
  .mob-form-btn:focus{color: #fff}
  .inner-banner-content h2 {font-size:1.5rem;}
  .section-life img {width:30%;}
  .navbar-collapse {background-color:rgba(0,0,0,0.7);}  
	.nav-link {border-top: solid 1px transparent; padding:1rem 2rem !important;}
	.nav-link:hover {border-top: solid 1px #fff;}
	.mob-contact{display:block;}
	.desk-contact{display:none;}
	.navbar-brand{max-width:90px;}
	.loc-lhs img{right: 0;}
	.page-wrap {  width: 100vw;}
	.kamdhenu-text h2{    line-height: 1.2;font-size: 35px;}
  .sidebar-contact.active, .sidebar-contact{top: 0; right: 0;left: 0; width: 100%; padding: 15px; transform: translateY(0); height: auto; z-index: 10;}
	.brand-logo{top: 65px}
} 
/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
  .project-map-content{width: 100%;top: 20%;}
  .section-footer{width: 690px;margin-top: 0;}
} 
/*  Extra large devices (large desktops) 
// No media query since the extra-large breakpoint has no upper bound on its width */

@font-face {
  font-family: 'EngraversGothicBT-Regular';
  src: url('../fonts/EngraversGothicBT-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/EngraversGothicBT-Regular.woff') format('woff'), 
       url('../fonts/EngraversGothicBT-Regular.ttf')  format('truetype'), 
       url('../fonts/EngraversGothicBT-Regular.svg#EngraversGothicBT-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}