@import url('https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap');

html{height:100%;overflow: auto;}
body{font-size:16px;background:#fff;color:#5b5c66;overflow-x:hidden;font-family: 'Raleway', sans-serif; font-weight: 500;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: #9f5c28 !important}
.secondary-col{color: #303272 !important}
.secondary-btn{background: #fff !important;	color: #9f5c28 !important;border-bottom: none !important;padding: 10px 15px}
.secondary-btn:hover{opacity: .7;color: #fff;cursor: pointer;}
.primary-btn{background: #9f5c28; color: #fff;border-bottom: none !important;padding: 10px 15px}
.primary-btn:hover{opacity: .7;color: #fff;}
#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%;}
.white-col{color: #fff !important}

/* Form */
.sidebar-contact{position: absolute;  top: 100px;  right: -350px;  width: 350px;  transition: 0.5s;  background: #fbfcfc;  z-index: 9;border-radius: 5px;}
.form-wrapper{padding: 20px;}
.sidebar-contact.active{ right:135px;}
.innerpage .toggle{display: block}
.toggle{position: absolute; height: 210px; width: 48px; text-align: center; cursor: pointer; background: #5e5439; top: 0; left: -48px; line-height: 48px; color: #fff; display: none;}
.toggle span{transform: rotate(-90deg); display: block; font-size: 20px;width: 205px; position: absolute;  left: -79px; top: 80px; text-transform: uppercase}
.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: #515151;	border-bottom: 1px solid #b27d53;padding: 10px 5px;}
.form-inner .form-control:focus{border-bottom: 1px solid #515151 }
.sidebar-contact ::placeholder:focus{color:#515151}
.sidebar-contact ::placeholder {color: #515151;opacity: 1;}
.sidebar-contact :-ms-input-placeholder {color: #515151;}
.sidebar-contact ::-ms-input-placeholder {color: #515151;}
.form-header{position: relative;padding:15px 0;font-size: 20px;text-transform: uppercase;font-family: 'Oswald', sans-serif;color: #9f5c28}
.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: 50px;	height: 1px;	background: #fff;	opacity: .3;	left: 15px;	top: 13px;}
.form-contact p::after{position: absolute;	content: '';	width: 50px;	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}
.form-number{text-align: center;background: #f4f4f4;height: 84px;display: flex;  justify-content: center;  align-items: center;}
.form-number a{color: #182f7c !important;    font-weight: 700;}
.mob-num{display: none}
.thankyou-popup{display:none;background: rgba(0, 0, 0, .5);}
.sidebar-contact .footer-form h3{font-family: 'Oswald', sans-serif; font-weight: 400;text-align: center;padding: 25px;background: #2f1b0c;color: #9f5c28;font-size: 24px;margin: 25px 15px}
.sidebar-contact select.form-control:not([size]):not([multiple]) { height: calc(2.7rem + 2px);}
/* navigation */
.pp-nav{background-color:#fff !important;z-index: 10;box-shadow: 0 3px 2px rgba(0,0,0,.3);}
.pp-nav.navbar-light .navbar-nav .nav-link{color: #000}
/* .solidnav{background-color: #212d77 !important;} */
footer{padding: 10px 0;font-size: 11px}
.pp-nav .navbar-nav .active>.nav-link, .pp-nav .navbar-nav .nav-link.active, .pp-nav .navbar-nav .nav-link.show, .pp-nav .navbar-nav .show>.nav-link{color: #aa882c;font-weight: 700;}


/* Home Page */
.page-wrap{margin-top: 84px;}



.blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; 
  animation: 2s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { 
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.thankyou-popup{display:none;background: rgba(0, 0, 0, .5);}




.bgblinker { -webkit-animation: bgblinker 1s infinite; -moz-animation: bgblinker 1s infinite;   -o-animation: bgblinker 1s infinite;   animation: bgblinker 1s infinite; }
@-webkit-keyframes bgblinker {
  0%, 49% {
    background-color: #aa882c;
    
  }
  50%, 100% {
    background-color: #303272;
    
  }
}



.home-banner{position: relative;}
.banner-text{position: fixed;top: 0; z-index: 11; padding: 15px; color: #9f5c28; right: 0;}
.banner-text ul{display: flex; justify-content: center;  text-align: center;  flex-wrap: wrap;}
.banner-text ul li{padding: 0 30px;font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 12px;position: relative;margin-bottom: 15px}
.banner-text ul li:after{position: absolute;content: '';width: 1px;height: 100%;top: 0;right: 0;background: #9f5c28;}
.banner-text ul li:last-child:after{display: none}
.banner-text ul li span{font-size: 24px}
.section{padding: 35px 0}
.section-title h2{font-size: 36px;color: #9f5c28;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase}
.bg-gray{background: #f4f4f4}
.highlights li span{color: #9f5c28;display: block;font-size: 19px}
.highlights ul{display: flex;  max-width: 650px;  margin: 25px auto 0;flex-wrap: wrap}
.highlights li {width: 305px; text-align: center;  margin-bottom: 30px;  background: #fff;  padding: 30px 0;  border: 1px solid #9f5c28;  margin-right: 15px;text-transform: uppercase; font-size: 15px;}
.sec-amenities{background: url(../images/amenities-bg.jpg) no-repeat;background-size:cover;height: 450px }
.sec-amenities h2{color: #fff;font-family: 'Oswald', sans-serif;text-align: center;text-transform: uppercase}
.amenities-row{margin-top: -330px;  position: relative;}
.amenities-box{margin-bottom: 30px;position: relative;}
.amenities-box img{border-radius: 50%}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(159, 92, 40, .7); border-radius: 50%}
.amenities-box:hover .overlay { opacity: 1;}
.text {  color: white; font-size: 20px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;font-family: 'Raleway', sans-serif;font-weight: 500}
.plan-sec .nav-tabs .nav-item.show .nav-link,.plan-sec .nav-tabs .nav-link.active{color: #9f5c28;  font-family: 'Raleway', sans-serif;  font-weight: 700;  font-size: 22px;  border: none;  background: no-repeat;}
.plan-sec .nav-tabs .nav-link.active:after{position: absolute; content: '';background: #9f5c28; width: 50px; height: 4px; bottom: -2px; left: 0; right: 0; margin: 0 auto;}
.plan-sec .nav-justified .nav-item{position: relative;font-family: 'Raleway', sans-serif;  font-weight: 700;  font-size: 22px;}
.plan-sec .nav-tabs .nav-link:hover{border: none;color: #9f5c28}
.plan-sec .nav-tabs .nav-link{border: none}
.plan-sec .tab-content{padding: 50px 0}
#fp-car{padding: 0 50px }
#fp-car .owl-nav button{position: absolute;top: 40%;padding: 10px !important;}
#fp-car .owl-nav button.owl-prev{left: 0}
#fp-car .owl-nav button.owl-next{right: 0}
.location-map iframe{width: 100%;}
.second-footer{background: #9f5c28;color: #fff;padding: 20px 15px}
.top-footer{background: #111111;color: #fff;padding: 20px 15px}
.sec-footer p{margin-bottom: 0}




.amenities-row ul{background: #f2f2f2;  padding: 100px;  flex-wrap: wrap;  text-align: center;  max-width: 700px;  margin: 0 auto;}
.amenities-row ul li{width: 50%;}
.amenities-box{max-width: 220px;}
.floater-menu {position: fixed; top: 28%;right: 0;z-index: 2;}
.floater-menu ul li {position: relative;right: 0; background: #111111; color: #fff;line-height: 1.2; border-bottom: 1px solid #000; transition: .3s; -webkit-transition: .3s; -ms-transition: .3s;text-align: center;}
.floater-menu ul li a {color: #fff; display: block;padding: 10px;}
.floater-menu ul li a:hover{background: #9f5c28}
.floater-menu ul li a span{display: block;  font-size: 10px; width: 50px; text-align: center; margin-top: 10px;}
.floater-menu ul li img {  margin-right: .5rem;}
.floater-menu ul li i{font-size: 16px;  padding: 10px; text-align: center;  width: 37px;background: #fff; border-radius: 50%; color: #000;}
.mobile-only{display:none;}



 /* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) {
  body{    margin-bottom: 80px !important;}
  .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}
  .pp-nav{top: 55px;z-index: 10}
  .form-inner{display: none;}
  .form-header{margin-bottom: 0!important}
    .form-inner.collapse.show{margin-top: 20px;}
  .page-wrap {  width: 100vw;}
  .banner-text{position: relative;background: #9f5c28;top: 0 !important;    color: #fff;z-index: 9;}
  .banner-text ul{display: block}
  .banner-text ul li{padding-bottom: 15px}
  .banner-text ul li:after{position: absolute;   content: '';  width: 50px; height: 1px; bottom: 0; right: 0; background: #fff; left: 0; margin: 0 auto;top: auto}
  .banner-text ul li:last-child:after{display: block}
  .highlights li{width: 100%;    margin-right: 0;}
  .amenities-row ul{padding: 15px}
  .sec-amenities{height: 310px;}
  .amenities-row{margin-top: -210px;}
  .floater-menu{bottom: 0;top: auto;left: 0}
  .floater-menu ul{display: flex}
  .floater-menu ul li{flex: 1}
  .floater-menu ul li a span{width:100%}
  .mobile-only{display:block;}
} 
 /* Small devices (landscape phones, less than 768px)  */

@media screen and (min-width:990px) and (max-width:1024px){
	.sidebar-contact{top: 20px;}
}
@media (max-width: 767.98px) {
	
} 
/* Medium devices (tablets, less than 992px)  */

@media (max-width: 991.98px) {
  body{margin-bottom: 0}
  .pp-nav{top: 54px;z-index: 10;width: 100vw}
  .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: #9f5c28;text-align: center;text-transform: uppercase;    font-family: 'Oswald', sans-serif;}
  .mob-form-btn:focus{color: #9f5c28}
  
	.nav-link {border-top: solid 1px transparent; padding:1rem 2rem !important;}
	.nav-link:hover {border-top: solid 1px #fff;}
	.navbar-brand{max-width:90px;}
	.page-wrap {  width: 100vw;}
  .sidebar-contact.active, .sidebar-contact{border-bottom: 1px solid #9f5c28;top: 0; right: 0;left: 0; width: 100%; padding: 15px; transform: translateY(0); height: auto; z-index: 10;position: fixed;}
  .brand-logo{top: 65px}
  .form-wrapper { padding: 0;}
  .sidebar-contact .footer-form h3{display: none}
  .banner-text{top: 40px;}
} 
/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
} 
/*  Extra large devices (large desktops) 
// No media query since the extra-large breakpoint has no upper bound on its width */