/* Add here all your CSS customizations */


#header .header-body{background:#bc9d51;}

h1{
  /*font-family: "Lato", sans-serif;*/
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:38px;
  line-height: 125%;
  color:#000!important;
  letter-spacing: 0px;
  text-transform: uppercase;
}

h1.txtwhite{color:#fff!important;}

h2{
  /*font-family: "League Spartan", sans-serif;*/
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:35px;
  line-height: 125%;
  color:#4e2626!important;
  letter-spacing: 1px;
}

h2 span{color:#4e2626!important;}

h3{
  /*font-family: "Lato", sans-serif;*/
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:30px;
  line-height: 125%;
  color:#000!important;
  letter-spacing: 0px;
}

h5{
  /*font-family: "Lato", sans-serif;*/
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:20px;
  line-height: 125%;
  color:#000!important;
  letter-spacing: 0px;
}



p{
	font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

html .btn-outline.btn-primary {
    color: #fff;
    background-color: #bc9d51;
    background-image: none;
    border-color: #bc9d51;
}

html .btn-outline.btn-primary:hover{
  color: #FFF;
    background-color: #987e3d;
    border-color: #987e3d;
}

.bgpink{background:#f7eee9; padding:7rem!important;}
.bglightpink{background:#f7e3d0; padding-top:7rem!important;}
.bglightpink1{background:#e6d4bb;}
.greybg{background:#f4f4f4;}
.lightyellowbg{background:#f1f8b5;}
.lightgreenbg{background:#e0eed5;}
.lightbluebg{background:#e5f1ef;}

.bgpink{background:#b41c1c;}
.bgpink h3{color:#fff!important;}
.bggrey{background-color:#f5f6f7;}
.bgred{background-color:#bc3921;}
.bgblack{background-color:#101c28;}
.bgblack p{color:#fff;}
.bgblack .heading.heading-middle-border h3{background: #bc9d51; color:#fff!important;}


.background-3{
  background-color: #f4f4f4; /* Background color */
  background-image: url("../img/background-3.jpg"); /* Background image */
  background-repeat: no-repeat;
  
  background-position: bottom right;
}


.pine-tree-bg{
  background-image:url("../img/pine-tree.png");
  background-position: bottom left;
  background-repeat: no-repeat;
}

.heading.heading-middle-border:before{border-top: 1px solid #454545;}
.homepage-text-pad{padding:0px 80px;}


.video-container{position: relative;}
.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centers the text */
  color: white;
  font-size: 1.4rem;
  text-align: center;
  z-index: 1; /* ensures text is on top of the video */
}

#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a
{
  padding: 0 1.4rem; font-weight: 600; font-size: 14px; letter-spacing: 0px; 
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{
  color:#fff;
}

#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active{color:#e5d1b6;}
.product-img-container{position:relative;}

    .ripple-container1 {position: absolute; top: 75%; left: 36%; width: 30px; height: 30px;}
    .ripple-container2 {position: absolute; top: 78%; left: 58%; width: 30px; height: 30px;}

    .circle {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 30px;
      background:#fff;
      border-radius: 50%;
      transform: translate(-50%, -50%) scale(0.5);
      opacity: 0;
      animation: ripple 2s ease-out infinite;
    }

    .circle:nth-child(2) {animation-delay: 0.6s;}
    .circle:nth-child(3) {animation-delay: 1.2s;}
    .circle:nth-child(4) {animation-delay: 1.8s;}

    @keyframes ripple {
      0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0.8;
      }
      70% {
        opacity: 0.3;
      }
      100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
      }
    }

#red-luggage{display:none;}
.new-arrivals{background-color:#fff; border:1px solid #cbcbcb;}

span.black-circle{width:30px; height:30px; border-radius:50%; display:inline-block; background-color:#000;}
span.blue-circle{width:30px; height:30px; border-radius:50%; display:inline-block; background-color:#608daa;}
span.red-circle{width:30px; height:30px; border-radius:50%; display:inline-block; background-color:#bc3921;}  

.btn-outline.btn-primary{color: #ac0c30; background-color: transparent; background-image: none; border-color: #ac0c30;}
.btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover{color: #FFF; background-color: #ac0c30; border-color: #ac0c30;}

.first-block{position: relative;}
.about-container{position: relative;}
.about-inner-container{border:1px solid #e3e3e3;}
.about-inner-container .about-inner-content{padding:20px 15px;}
.item1{position:absolute; bottom:-30px; right:10px;}

.first-block{
  background-color: #f4f4f4; /* Background color */
  background-image: url("../img/background-1.jpg"); /* Background image */
  background-repeat: no-repeat;  
  background-position: bottom right;
}


.content-white-bg{width:88%; background: #fff; margin: -25px auto 0; padding: 25px 15px;
    position: relative;
    text-align: center;
    z-index: 10;}

.outer-video-container{
  background-image: url("../img/video-bg.png"); /* Background image */
  background-repeat: no-repeat;
  background-size: cover; /* Make the image cover the div */
  background-position: left bottom;
}

.carousel-container{position:relative;}
.carousel-text{position:absolute; bottom:10%; left:2%; padding:2%; background-color: rgba(0, 0, 0, 0.5); width:30%;}
.carousel-text h3{color:#fff!important; text-transform: uppercase;}
.carousel-text p{color:#fff!important; text-transform: capitalize; font-size: 20px; letter-spacing: 1px;}

.carousel-text-inner{position:absolute; bottom:10%; left:2%; padding:2%; background-color: rgba(0, 0, 0, 0.5); width:35%;}
.carousel-text-inner h3{color:#fff!important; text-transform: uppercase; font-size: 40px; line-height: 100%; }
.carousel-text-inner p{color:#fff!important; text-transform: capitalize; font-size: 16px; letter-spacing: 1px;}

.vedic-sun-bg{
  background-image: url("../img/vedic-sun.png"); /* Background image */
  background-repeat: no-repeat;
  background-position: -35% center;

}

.white-bg{background-color: #fff;s}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{color: #5d5d5d; font-size: 0.9em;}
.breadcrumb a, .breadcrumb span{color:#000; text-decoration: none; font-size: 12px;}
.breadcrumb a:hover{text-decoration: underline;}
#footer{background-color: #f5f6f7; border-top: 1px solid #d0d0d0;}
#footer .footer-copyright.footer-copyright-style-2{background: #f5f6f7!important; border-top: 1px solid #d0d0d0;}
#footer li, #footer a:not(.btn), #footer p{color:#707070; text-decoration: none;}
#footer a:not(.btn):hover{text-decoration: none; color: #333333;}
#footer i{font-size: 30px; margin-right: 8px; }

.accordion-button{padding: 0.5rem 0rem; font-family: "Lato", sans-serif; text-transform: uppercase!important; font-size:14px; color:#777!important;}
.accordion-button::after{width: 0.8rem; height: 0.8rem; background-size: 0.8rem;}
.accordion-button:not(.collapsed){color:#000; background-color: #fff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}
.accordion-button:focus{border-color: none;}
.sustainability-blocks{text-align:center; background-color: #f4f4f4;}
.sustainability-blocks .sustainability-content{padding:20px;}
.grey-bg-normal{background-color: #f4f4f4;}
.gradient-bg{background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); position: absolute;
    z-index: 1; width: 100%;  height: 150px;}
 #header .header-btn-collapse-nav{background: transparent;} 
 #header .header-btn-collapse-nav{font-size: 25px;}  

@media (max-width: 460px) and (min-width: 320px){
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a{color: #000;}
.homepage-text-pad{padding: 30px 20px 0px 20px;}
.about-container{padding-top:0px!important;}
.first-block{padding-top:0px!important;}
.experience-img{width:100%; height:auto;}
.copyright-text {margin-bottom: 0 !important;}
#footer{margin-top: 0px;}
.carousel-text-inner{display:none;}
.carousel-text, .carousel-text-inner p{display:none;}
.about-ayurvyaas-img{margin-bottom:15px;}
.essence-wellness, .healing-offer, .holistic-healing, .wellness-ayurvyaas, .about-ayurvyaas-chail{padding:15px;}
.breadcrumb{margin-top:10px;}
.gradient-bg{background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); position: absolute;
    z-index: 1; width: 100%;  height: 90px;}
 /*html.sticky-header-active #header.header-effect-shrink .header-body{height: 100vh!important;}*/
 html #header.header-transparent .header-nav-main:before{width: 100%!important;}
 #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a{padding: 10px;}
}