.fullwidth-menu
        {
            width: 0%;
            height: 100%;
            position: fixed;;
            top:0px;
            left: 0;
            z-index: 99999;
            background-color: #0A3835;
            color: #F9F2E2;
            overflow-y: auto;
            overflow-x: hidden;
            padding-top: 5rem;;
            opacity: 0;
            transition: all .75s ease;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);;
        }
        .fullwidth-menu h4{
            margin: 0;
            font-size: 18px;
            font-family: "Montserrat", sans-serif;
        }
        .fullwidth-menu .line{
            width: 60%;
            height: 1px;
            background-color: #F9F2E2;
            margin-top: 0.5rem;
        }
        .fullwidth-menu ul
        {
           
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .fullwidth-menu ul li{
            width: 100%;
            padding: 0.5rem;
            background-color: #0A3835;
        } 
        .fullwidth-menu ul li.menu:hover{
            background-color: #F9F2E230;
            cursor: pointer;
        } 
        .h-100
        {
            height: 100%;
        }
        .fullwidth-menu .main-menu-list li
        {
            font-size: 20px;
            padding-left: 2rem;
        }
        .sub-menu-list li
            {
                font-size: 20px;

            }
         
       .fullwidth-menu .burger-menu
       {
           position: absolute;
         right: 1rem;
         font-size: 50px;top: 0;
         cursor: pointer;
       }
       .fullwidth-menu.slide-in {
        opacity: 1;
        width: 50%;
        }
.datepicker:before, .datepicker:after {
    content: none;
}
.datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after {
    content: none !important;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    text-decoration:line-through;
    cursor :not-allowed;
}

    .fullwidth-menu.spin-show {
        transform: translateX(100%) rotate(720deg);
        opacity: 1;
    }
        /* .fullwidth-menu ul{
            margin: 0;
            padding: 0;
        }
        .fullwidth-menu ul li{
            width: 100%;
            padding: 1rem;
            background-color: #0A3835;
            border-top:1px solid #F9F2E2;
        } */

        nav.navigation-main .navigation-block > ul li > ul li,nav.navigation-main .navigation-block > ul li > ul li a
        {
            background-color: #F9F2E2 !important;
        }
        header{
            top: 0;
            height: 78px;
            max-height: 78px;
        }
        .sticked .navigation-top{
            display: none !important;
        }
        .sticked .navigation-main {
            top: 20px !important;
        }
        @-webkit-keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
         }
         .sticked-video .overlay{
            -webkit-animation-duration: 10s;animation-duration: 10s;
            -webkit-animation-fill-mode: both;animation-fill-mode: both;
         }
        header,.toggle-menu-holder {
   
        -moz-transition: all 2s;
        -o-transition: all 2s;
        -webkit-transition: all 2s;
        transition: all 2s;
}

  
        .toggle-menu-holder{
            display: none;
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.5rem;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }
        .toggle-menu-holder nav.navigation-main .navigation-block ul li > a{
            color: #0A3835 !important;
        }
       .sticked-menu.toggle-menu-holder{
          
            width: 100%;
            z-index: 1000;           
            position: fixed;
            background-color:#F9F2E2;
            top: 78px;
            height: 60px;;
            left: 0px;
            opacity: 1;
            transition:opacity 2s linear;
            /* transform: translateY(80px);
           transition: transform ease-in 3s; */
           /* opacity: 0; */
            /* animation: 0s ease-in 0.5s forwards delayedShow ; */
        }
       

        .navigation-top{
            padding-top: 0px !important;
        }
       .sticked .navigation-top
                {
                    height: 63px !important;
                    padding-top: 20px !important;
                }
       
 
    


  .sticked img.brand{
                        position: absolute;
                        height: 40px !important;
                        top: 0px !important;
                }
                .sticked .navigation-left
                {
                    display: none;
                }
                .sticked .navigation-right
                {
                    display: none;
                }
                .sticked .navigation-main
                {
                    padding-top: 60px;
                }
                .sticked .toggle-menu{
                    display: block !important;
                }
                .logo{
                    display: none;
                }
                .sticked  .logo{
                    display: inline-block;
                }
  

  .wit-image-holder {
        width: auto;
        height: auto;
        position: relative;
        display:flex;
        align-items:center;
        justify-content:center;
        background-color:transparent;
         /* background-color:#000; */
         z-index: 10;
         top: 125px;
        
    }
           .sticked-video .overlay
                    {
                            /* visibility: hidden; */
                        
                        /* transform: translateY(-1000px);
                        transition: transform ease-out 1s; */
                        /* -webkit-animation-duration: 10s;animation-duration: 10s;
                        -webkit-animation-fill-mode: both;animation-fill-mode: both; */
                        /* display: none; */
                            opacity: 0;
                            transform: translateY(-1000px);
                            transition:opacity 1s linear,transform ease-out 5s;
                    }
                    .overlay
                    {
                            /* visibility: hidden; */
                        
                        transform: translateY(0px);
                        transition: transform ease-in 1s;
                            /* opacity: 0;

                            transition: visibility 0s, opacity 0.5s linear; */
                    }
                    @media  (max-width:500px){
                        .overlay
                        {
                            
                            transform: translateY(20px) !important;
                            transition: transform ease-in 0.5s;
                        }
                        .mobile-text-logo
                        {
                            height: 30px !important;
                            top: 20px !important;
                        }
                        
                    }
                .wit-image-holder .overlay {
                   
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
        
                }
               
                .booking-holder
                {
                   
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    bottom: 150px;
                    height: 90px;     
                    z-index: 1; 
                   
                }
                .booking-holder .b-controls
                {
                    border-radius: 0.3rem;
                    max-width: 900px;
                    background-color: #0a38355e;
                    height: auto;
                    margin: auto;
                    margin-left: auto;
                    margin-right: auto;
                    width: 100%;
                    color:#F9F2E2 ;
                    font-weight: 300;
                    padding: 2rem;
                    font-size: 22px;
                    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
                }
               
                .sticked-video .offers
                    {
                            /* visibility: hidden; */
                        
                        /* transform: translateY(-1000px);
                        transition: transform ease-out 0.9s; */
                            /* opacity: 0;

                            transition: visibility 0s, opacity 0.5s linear; */
                    }
                    .offers
                    {
                            /* visibility: hidden; */
                        
                        /* transform: translateY(0px);
                        transition: transform ease-in 0.5s; */
                            /* opacity: 0;

                            transition: visibility 0s, opacity 0.5s linear; */
                    }
                .offers{
                    position: absolute;
                    top: 100px;
                    padding-right: 100px;
                    padding-left: 100px;
                    right: 0;
                    z-index:1;
                    display: flex;
                    align-items: flex-end;
                    user-select: none;
                    cursor: pointer;
                }
                .offers img{
                    width: 100px;
                }

                .ot-container-web {
                    display: flex !important;
                    height: 160px !important;
                    z-index: 2000;
                    padding: 1rem;
                    background-color: white;
                    justify-content: center;
                    position: relative;
                }
                .ot-container-mobile {
                    /*height: 350px !important;
                    z-index: 2000;
                    padding: 1rem;
                    background-color: white;
                    justify-content: space-evenly;
                    display: none !important;*/
                    display: none !important;
                    height: auto !important;
                    z-index: 2000;
                    padding: 1rem;
                    background-color: white;
                    justify-content: space-evenly;
                    text-align-last: center;
                }

                nav.navigation-main .navigation-block ul li a,nav.navigation-main .navigation-block ul li > ul li a {
                    font-size: 15px !important;
                }
.stretcher-wrapper .stretcher .stretcher-item.active figure {
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        }
        .stretcher-wrapper .stretcher .stretcher-item.active .stretcher-logo {
        opacity: 0;
        }


  @media  (max-width: 991px){            
            .col-xs-12
            {
                height: auto;
            }
           
            .socia-icon-area{
                margin-top: 2rem;
            }
            
            .toggle-menu-holder{
                display: none !important;
            }
            
             .sticked .navigation-main{
                padding-top: 20px !important;
            }
            .sticked div.logo{
                margin-top: -20px;
            }
            .sticked div.logo .logo-mobile{
                height: 45px !important;
            }
            
            .booking-holder
                    {
                       /* visibility: hidden; */
                       width: 100% !important;
                       bottom: 270px !important;
                    }
                    .booking-holder .b-controls
                    {
                        max-width: unset;
                    }
                    .booking-holder .b-controls .book-now {
                        margin-top: 0px !important;
                        margin-bottom: 2rem;
                    }
                    .booking-holder .b-controls .check-in,.booking-holder .b-controls .rooms-picker
                    {
                        margin-top: 1rem;
                        margin-bottom: 1.5rem;
                    }
                    .booking-holder .b-controls .book-now .btn {
                        width: 100%;
                        margin-top: 0px !important;
                    }
                    .offers{
                        right: unset !important;
                        top: 50px;
                        align-items: center;
                        justify-content: center;
                        display: none !important;
                    }
                    .ot-container-web {
                        height: 160px !important;
                        z-index: 2000;
                        padding: 1rem;
                        background-color: white;
                        justify-content: center;
                        display: none !important;
                        position: relative;
                    }
                    .ot-container-mobile {
                        /*display: flex !important;
                        height: 275px !important;
                        z-index: 2000;
                        padding: 1rem;
                        background-color: white;
                        justify-content: space-evenly;*/
                        display: block !important;
                        height: auto !important;
                        z-index: 2000;
                        padding: 1rem;
                        background-color: white;
                        justify-content: space-evenly;
                        text-align-last: center;
                    }
                .offer-bottom
                {
                    display: flex !important;
                    cursor: pointer;
                }
               
                .wit-image-holder .overlay img{
                    width: 200px !important;
                }
            
        }
        @media  (max-width: 800px){
        .fullwidth-menu.slide-in {
        opacity: 1;
        width: 100% !important;
        }
        }
      

        @media  (min-width: 992px){
            .sticked-menu.toggle-menu-holder{
            display: block !important;
            }
        }
        @media (max-width: 991px) {
            .navigation-block {
                display: none !important;
            }
        }
       

       
        @media (min-width: 992px){
              /*
                nav.navigation-main .navigation-block > ul li > ul {
                    -moz-transform: translateY(-50px);
                    -ms-transform: translateY(-50px);
                    -o-transform: translateY(-50px);
                    -webkit-transform: translateY(-50px);
                    transform: translateY(-50px);
                }
                nav.navigation-main .navigation-block > ul li.hovered > ul {
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
              */
        }
    
@media (max-width: 767px){
    header.sticked {
        position: fixed !important;
    background-color: #0A3835;
}
}


                    @media  (max-width:500px){
                        .overlay
                        {
                            
                            transform: translateY(20px) !important;
                            transition: transform ease-in 0.5s;
                        }
                        .mobile-text-logo
                        {
                            height: 30px !important;
                            top: 20px !important;
                        }
                    }
       
                @media  (max-width:1290px){
                    .wit-image-holder video {
                    height: 100%;
                    width:unset;
                    }
                }
                @media  (min-width:1291px){
        
                    .wit-image-holder video {
                        height:unset;
                    width: 100%;
                    }
                }