/***************************
Add your custom styles below
****************************/
  .video-hero{
    position:relative;
    width:100%;
    height:calc(100vh - 90px);
    margin-top:90px;
}

.video-hero iframe{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100vw;
    height: 56.25vw;

    min-width: 177.77vh;
    min-height: 100vh;

    transform: translate(-50%, -50%);

    border: 0;
    pointer-events: none;
}

.video-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1;
}

.video-content{
    position: relative;
    z-index: 2;

    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
}

.video-title{
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.video-text{
    font-size: 20px;
    margin-bottom: 30px;
}

/* MOBILE */

@media(max-width:768px){

    .video-title{
        font-size: 34px;
    }

    .video-text{
        font-size: 16px;
    }

}


.nav--absolute {
    
    display: flex;
    justify-content: center;
}

 .bg--dark {
    background: rgb(118, 52, 61) !important;
}
.nav--transparent:not(.nav--fixed){

background: rgba(118, 52, 61,.8) !important;
}

    .room-icons {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.25rem;
}

.room-icons i {
    color: rgb(118, 52, 61);
}

.bg---dark {
    background-color: rgb(221, 205, 181) !important;
}

.bg---dark h1, 
.bg---dark h2, 
.bg---dark p, 
.bg---dark a,
.bg---dark strong,
.bg---dark ul {

    color:#333333 !important;
}

.custom-nav {
    display: flex;
    justify-content: center;
    margin-top: 8%;
}

.nav-mobile-toggle i {
   
    margin-top: 1rem ;
    color: aliceblue;
    font-weight: bold;
   
}

.menu > li {
   
    font-size: .8em;
}




.whatsapp-float{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 65px;
    height: 65px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,.3);
    z-index: 9999;
    transition: all .3s ease;
    animation: whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color: #fff;
    transform: scale(1.1);
}
.custom-mt{
    margin-top:8%;
}


@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37,211,102,.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(37,211,102,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37,211,102,0);
    }
}

.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) {
    background: #f8f8f8;
    margin-top: 1px;
}




@media all and (max-width: 990px) {

  .menu{

    margin-top: 4rem !important;
    line-height: 3;
  
  }
    .menu li a{

  
    color: #ffffff !important;
  
}

.logo-head{
    display: none;
}

.custom-nav {
   
    margin-top: 0%;
}
.custom-mt{
    margin-top:1%;
}


}