@charset "UTF-8";
.main-header .logo img { max-height: 40px; }
.header-inner { background: #fff; padding: 0 15px; margin: 15px auto; }
.main-header .logo { padding: 10px 0; }

.logo-heading { color: #fff;}
.fixed-top .logo-heading { color: #7d1418;}

.widget_nav_menu ul { flex-direction: column;}

/* ---------------------------------- */

#error_message p { color: #f00; }

.banner.lp-banner {
    height: 85vh;
    width: 100%;
    background-image: url(../images/banner/banner-oxygen-forest-1525.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* ==== Main CSS === */
.img-fill{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}
.img-fill>img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}
.slick-slide { padding: 0; }


/* ==== Slider Style === */
.modern-slider .item .img-fill{ height:100vh; }
.modern-slider .item .img-fill .info{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding: 0 40px; }
.modern-slider .next-arrow{
  position:absolute;
  top:50%;
  right:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  cursor: pointer;
  font:20px/45px FontAwesome;
  color:#FFF;
  z-index:5;
  &:before{content:'\f105';}
}
.modern-slider .prev-arrow{
  position:absolute;
  top:50%;
  left:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  font:20px/45px FontAwesome;
  color:#FFF;
  z-index:5;
  cursor: pointer;
  &:before{content:'\f104';}
}
.lp-banner h1 { font-family: 'Times New Roman', Times, serif; font-size: 4.2rem; font-weight: 500; text-align: left; max-width: 80%; }
.lp-banner p { font-size: 1.8rem; text-align: left; font-weight: normal;}
.lp-banner img.mountain { max-width: 250px;}
.lp-banner .btn-banner { float: left; padding: 15px 30px; font-size: 1.8rem; color: #fff; background: #7d1418;}
/* ---------------------------------- */

.title{ font-family: 'Playfair Display', sans-serif; font-weight: 900; }

/* ----------------- */
.appointment-form .theme-btn,
.appointment-form a.theme-btn { display: block; background: #7d1418; width: 100%; border-radius: 0; font-size: 1.4rem; font-weight: normal; padding: 15px 30px; }


.get-in-touch { background: #FFFCF0; }

.image-frame,
.brochure-download,
.map-image { margin: 0 4rem; position: relative; }
.image-frame img,
.brochure-download img,
.map-image img { border-radius: 20px;}

button.btn-download { font-size: 1.2rem; padding: 15px 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }

.nice-select { margin-bottom: 15px;}

.testimonials-wrap ul.slick-dots {
    display: flex;
    text-align: center;
    margin: 30px auto;
    padding: 0;
}
  
.testimonials-wrap .slick-dots {
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    justify-content: center;
  }
  .testimonials-wrap .slick-dots li {
    list-style: none;
    display: inline-block;
    height: 80px; width: 80px; border-radius: 40px; overflow: hidden;
    margin: 30px 15px;
  }
  .testimonials-wrap .slick-dots li:before{ display: none}
  .testimonials-wrap .slick-dots li img {
    opacity: 0.5;
    width: 100px;
    height: auto;
  }
 .testimonials-wrap .slick-dots li.slick-active img {
    opacity: 1;
  }
  

#testimonials .icon-quote { max-width: 50px; margin: 30px auto;}

.access-wo-airports { background: #7d1418;}
.max-width-85 { max-width: 85%; margin-left: auto; margin-right: auto;}
.max-width-50 { max-width: 50%; margin-left: auto; margin-right: auto;}
section { background: #FFFCF0;}


.luxury-top,
.luxury-btm { background: url(../images/luxury-bg-1525.jpg) no-repeat center; background-size: cover; position: relative;}
.luxury-btm-content { position: relative; z-index: 1;}
.luxury-btm::before { content: ''; background: #fffcf0; opacity: 0.85; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0;}

.sanctuary-unlike { background: #ffffff;}

#luxury-pills-tab { margin-top: -40px;}
#luxury-pills-tab.nav-justified .nav-item .nav-link { width: 80%; margin-left: auto; margin-right: auto; background-color: #E9E9E9; font-size: 1.2rem; color: #181A20; border-radius: 15px; border: 2px solid #7d1418; }
#luxury-pills-tab.nav-justified.nav-pills .show>.nav-link,
#luxury-pills-tab.nav-justified.nav-pills .nav-link.active { background-color: #7d1418; color: #ffffff; }
#luxury-pills-tab.nav-justified .nav-item .nav-link>img { background: #fff; width: 60px; border-radius: 30px;
    padding: 12px; margin: 5px; }

#luxury-plot-details ul.circle-bulleted { margin-top: 2rem; } 
#luxury-plot-details ul.circle-bulleted li { margin-bottom: 1.5rem; max-width: 80%; }

.v-pills .nav-link { background: none; text-align: left; color: #000000; padding-left: 0; padding-right: 0; margin-top: 10px; }
.v-pills .nav-link h4 { font-weight: 700;}
.v-pills .nav-link p { font-size: 1.2rem; line-height: 1.2; max-width: 70%;}
.v-pills .show>.nav-link,
.v-pills .nav-link.active { color: #8FA969; background: none; } 
.v-pills .show>.nav-link h4,
.v-pills .nav-link.active h4,
.v-pills .show>.nav-link p,
.v-pills .nav-link.active p { color: #8FA969; }

.live-among-nature{ background: url(../images/live-among-nature-1525.jpg) no-repeat center; background-size: cover; position: relative; }
.live-among-nature .oxygen-card .oxygen-card-details .title { font-family: "Outfit", sans-serif; font-size: 1.6rem; font-weight: normal; margin-bottom: 30px;}
.live-among-nature .oxygen-card { background: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px); padding: 20px 30px; border-radius: 15px; min-height: 400px;}
.live-among-nature .oxygen-card .oxygen-card-details p { font-size: 1.2rem;} 


img.strategic-loc { border-radius: 20px; max-width: 80%; margin: 4rem auto; display: block; border: 0; outline: none;} 


.oxygen-card-details h4 { font-size: 2rem;}

.footer h2 { font-size: 2rem; }
.footer p { font-size: 1.2rem;}
.footer a,
.footer ul.dot-bulleted li,
.footer ul.dot-bulleted li:before { color: #fff;}


@media only screen and (max-width: 1199px) {

  .lp-banner h1 { font-size: 3.5rem;}
  
  .lp-banner  p,
  .lp-banner .btn-banner { font-size: 1.6rem;}

  .oxygen-card .oxygen-card-header { height: 280px;}

  .live-among-nature .oxygen-card { padding: 15px; min-height: 450px;}

  #luxury-pills-tab.nav-justified .nav-item .nav-link{ width: 95%;}
}


@media only screen and (max-width: 992px) {

  .lp-banner h1 { font-size: 3.5rem; max-width: 80%;}

  .oxygen-card .oxygen-card-header { height: 200px;}
  .oxygen-card .oxygen-card-details { padding-left: 0; padding-right: 0; }


  .live-among-nature .oxygen-card { padding: 15px; min-height: 320px;}
  #luxury-plot-details ul.circle-bulleted li { max-width: none;}

  #luxury-pills-tab.nav-justified .nav-item .nav-link{ width: 95%;}

  .image-frame, 
  .brochure-download, 
  .map-image { margin: 0 0.5rem 2rem; }

  .image-frame img, 
  .brochure-download img, 
  .map-image img { display: block; margin: auto;}

}

@media only screen and (max-width: 768px) {

  .banner.lp-banner {  background-image: url(../images/banner/banner-oxygen-forest-768.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

  .lp-banner h1 { font-size: 2.6rem;}
  .lp-banner p,
  .lp-banner .btn-banner { font-size: 1.4rem;}
  .lp-banner img.mountain { max-width: 150px; }

  .live-among-nature .oxygen-card { padding: 15px; min-height: auto;}
  .live-among-nature .oxygen-card .oxygen-card-details p { margin-bottom: 15px; }

  .max-width-50,
  .max-width-85 { max-width: 90%; }
  .v-pills .nav-link p { max-width: 100%; }

  .luxuary-tabs .d-flex { flex-direction: column-reverse; }

  img.strategic-loc { max-width: 95%;  margin: 0 0.5rem 2rem; }

  ul.circle-bulleted li { max-width: 100%; margin-bottom: 1.5rem;}

}

@media only screen and (max-width: 580px) {

  .oxygen-card .oxygen-card-header { height: 320px;}
  
  #luxury-pills-tab.nav-justified .nav-item .nav-link{ min-height: 150px; margin-bottom: 8px;}
  #luxury-pills-tab.nav-justified .nav-item .nav-link>img { display: block; margin: 5px auto;}

}