/*Animations*/
.fadeinleft {
    opacity:0;
    transform: translateX(200px);
    transition: all 1.3s ease-out;
}

.fadeinright{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
}

.fadeindown{
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1.2s ease-out;
}

.fade-in{
    opacity:0;
    transition: all 1.3s ease-in;
}

.active-left,.active,.active-right,.active-down{
    opacity:1;
    transform: translateX(0);
    transform: translateY(0);
}



.fadein{
opacity: 0;
}   


/* End Animations*/

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Forum';
}

p{
    font-family: 'Jost';
}

.top-bar{
    background-color: #f2f2f2;
}

.navbar{
   
    
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 1.4em 0em;
}

.navbar li{
    margin: 0em 0.7em;
}

.navbar li a{
    color: black;
    font-family: 'Jost';
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}

.navbar li a:hover{
    border-bottom: 1px solid black;
    transition-duration: 0.3s;
}

.navbar li a.active{
    color: black!important;
    border-bottom: 1px solid black;
}


.contact-btn{
    background-color: transparent;
    border: 4px double #DCC69C;
    color: white;
    border-radius: 0px;
}

.carousel-1{
    background: url('../img/bonsai-head-2.jpg')rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    height: 90vh;
    margin-top: -10vh;
}

.owl-img-hero{
    filter: brightness(0.95);
}

.check-in-box{
    margin-top: 2em;
    background-color: rgba(0, 128, 0, 0.055);
    padding: 3em 1em;
}

.prim-btn{
    background-color: #3c4a33;
    border-radius: 0px;
    font-family: 'Jost';
    color: white;
    padding: 1.6em 4em;
    border: 1px solid #3c4a33;
}

.btn2{
    background-color:#3c4a33;
    padding: 10px 20px;
    border:#ffffff  1px solid;
    color: #ffffff;
    transition: 0.4s ease-in-out;
    z-index: 1000!important;
  }
  
  @media screen and (max-width: 991px) {
    .bb{
        margin-top: 0px !important;
    }
  }
.room-box-home h2{
    font-weight: 300;
    font-family: 'Forum';
    
}

.container{
    max-width: 80%;
}

.room-specs{
    font-family: 'Jost';
    font-weight: 400;
}

#about-banner{
    background: url('../img/banner-bonsai.jpg')rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    height: auto;
    display: flex;
    align-items: center;
    background-attachment: fixed;
}

.details-box{
    background-color: white;
    padding: 4em;
}


.service-box{
    background-color:#f9f9f9 ;
    padding: 6em;
    text-align: center;
    scale: 1.15;
    position: relative;

}

.pre-footer{
    background: url('../img/Photo.jpg')rgba(0, 0, 0, 0.4);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    height: auto;
    padding: 8em 0em;
   display: flex;
   align-items: center;
  }

  .pre-box{
   background: white;
   padding: 2em;
   color: black;
  }

  .pre-box p{
   color: black;
  }

 
  footer{
    background: #0e1317;
    padding-top: 60px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  a.footer-link{
    color: white;
    font-family: 'Jost', sans-serif;
    font-weight: 300;
  }
  .footer-link:hover{
    color:  #A9D1DB;
  }
  .payment{
    display: flex;
  }
  
  .socials{
    display: flex;
    color: white;
  }
  .footer-links{
    display: flex;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
  }

  #room-head{
    background: url('../img/bonsai-head-3.jpg')rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 50vh;
    display: flex;
    align-items: center;
  }

  #gallery-head{
    background: url('../img/bonsai-head-2.jpg')rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 50vh;
    display: flex;
    align-items: center;
  }

  #about-head{
    background: url('../img/bonsai-head.jpg')rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 50vh;
    display: flex;
    align-items: center;
  }

  #contact-head{
    background: url('../img/gall-19.jpg')rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 50vh;
    display: flex;
    align-items: center;
  }


  @media only screen and (max-width: 900px) {
    .top-bar {
      display: none;
    }

    .check{
        text-align: start!important;
    }

    .room-specs{
        display: none!important;
    }
    .room-box-home{
        margin-bottom: 4em;
    }
    .img-move{
        margin: 0em!important;
    }
    .service-box{
        padding: 1em;
    }
  }