.banner.dotta .owl-dots{position:absolute;left:auto;right:20px;width:20px;text-align:center;top:45%;transform:translateX(-50%);bottom:auto;z-index:1;margin:0;}
.banner.dotta .owl-dots .owl-dot{display:inline-block;margin:3px 0;font-family:var(--font1)}
.banner.dotta .owl-dots .owl-dot button{width:14px;height:26px;margin:0!important;border-radius:50%;background:none;color:var(--whiteColor);display:block;transition:var(--transition);opacity:.5;}
.dotta .owl-dots .owl-dot button:hover,.banner.dotta .owl-dots .owl-dot.active button,.dotta .owl-dots .owl-dot.active button:hover,.dotta .owl-dots .owl-dot.active button:focus{background:none;color:var(--whiteColor);opacity:1;}

.banner-area{position:relative;min-height:100vh;background-position:top center;background-size:cover}
/* .banner-area::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(31, 29, 36,.6);} */
.banner-area::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0,.4);}
.banner-content{max-width:400px;display:flex;flex-flow:column;justify-content:center;align-items:center;margin:0 auto;text-align:center;position:relative;}
.godddammit{transform:scale(1);transition:all ease-in-out .5s;}
.godddammit:hover{transform:scale(1.05)!important;}

.banner-content .hedu{font-size:50px;line-height:1.3;font-weight:300;color:var(--whiteColor);font-family:var(--font3)}
.banner-content .spana{display:inline-block;font-size:16px;letter-spacing:0px;text-transform:uppercase;line-height:1.1;font-weight:500;color:var(--main-color2);font-family:var(--font1)}
.banner-content::before,.banner-content::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:1px;background:var(--main-color2);height:10px;opacity:0;}
.banner-content::before{top:-90px;}
.banner-content::after{bottom:-80px;}
.banner-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content .hedu{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content .spana{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content::before{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content::after{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner .active .banner-content .hedu{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}
.banner .active .banner-content .spana{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}
.banner .active .banner-content::before{top:-70px;height:50px;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:1.1s;animation-delay:1.1s}
.banner .active .banner-content::after{bottom:-50px;height:50px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1.3s;animation-delay:1.3s}

@media only screen and (max-width:1399px){
.banner-content .hedu{font-size:44px;}
}
@media only screen and (max-width:1199px) {
.banner-content .hedu{font-size:40px;}
}
@media only screen and (max-width:767px) {
.banner-area{overflow:hidden;min-height:100vh;background-position: center;}
.banner-content{max-width:280px;}
.banner-content .hedu{font-size:30px;}
.banner-content .spana{font-size:15px;}
}
@media only screen and (max-width:575px) {
.banner-content{max-width:250px;}
.banner-area{min-height:100vh;}
.banner-content .hedu{font-size:26px;}
.banner.dotta .owl-dots{top:auto;bottom:15%;width:100%;height:15px;left:50%;transform:translateX(-50%);}
.banner.dotta .owl-dots .owl-dot{margin:0 4px;}
}

.booking-wrapper{position:absolute;bottom:80px;}
.booking-wrapper .form-control{box-shadow:none;background:var(--whiteColor);border-color:rgba(0,0,0,.06);border-radius:0;color:var(--mainColor)!important}
.booking-wrapper .form-control::placeholder{color:var(--mainColor3)!important}
.booking-wrapper .form-control::-moz-placeholder{color:var(--mainColor3)!important}
.booking-wrapper .form-control::-webkit-placeholder{color:var(--mainColor3)!important}
.booking-wrapper .form-control::-webkit-input-placeholder{color:var(--mainColor3)!important}

.booking-wrapper input[type="text"],.booking-wrapper input[type="tel"],.booking-wrapper input[type="email"],.booking-wrapper select{font-weight:normal;font-size:15px;height:68px;}
.booking-wrapper .dropdown-menu{width: 100%;min-width:400px;border-radius:0;padding:0;}
.booking-wrapper .dropdown-menu .form-control{border:1px solid #ccc;}
.booking-wrapper label{font-weight:normal!important;color:#333;margin:0;font-size:13px;}
.booking-wrapper .dropdown-menu li .btn{color:#ed2a2a;background:#fff;border:1px solid #ddd;box-shadow:none;font-size:15px;border-radius:1px;font-size:20px;padding:0;width:30px;height:30px;line-height:22px;display:inline-block;padding-bottom: 4px;}
.booking-wrapper .dropdown-menu li .btn:hover,.booking-wrapper .dropdown-menu li .btn:focus,.booking-wrapper .dropdown-menu li .btn:active{color:#333!important;}
.booking-wrapper .dropdown-menu li .form-group.thelast{border:0;margin-bottom:0;padding-bottom:0;}
.booking-wrapper .dropdown-menu li .form-control{font-weight:normal;color:#333;height:36px;}
.booking-wrapper .dropdown-menu li .transs{width:30px;padding:4px;cursor:pointer;text-align:center;font-size:20px;cursor:none;}
.booking-wrapper .dropdown-menu li .transs:focus{outline:none!important;cursor:none!important;}
.booking-wrapper .dropdown-menu li .transs,.booking-wrapper .dropdown-menu li .transs:focus,.booking-wrapper .dropdown-menu li .transs:active,.booking-wrapper .dropdown-menu li .transs:hover{border:none;box-shadow:none;}
@media(max-width:991px) {
.booking-wrapper input[type="text"],.booking-wrapper input[type="tel"],.booking-wrapper input[type="email"],.booking-wrapper select{height:58px;}
}
@media(max-width:767px) {
.booking-wrapper{bottom:40px;}
.booking-wrapper .dropdown-menu{min-width: auto;}
}
@media(max-width:575px) {
.booking-wrapper{position:relative;bottom:0;margin-top:-60px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important;padding:10px;}
.booking-wrapper .dropdown-menu{min-width: auto;}
}

.ioroom .roomani img{opacity:0.5;}
.ioroom .roomani .room-details{height:0;float:left;margin-top:-90px;overflow: hidden;position: relative;}
.ioroom .center{ z-index: 2;} 
.ioroom .center .roomani{width:120%;margin-left:-10%;margin-top:-40px;}
.ioroom .center .roomani img{opacity: 1;}
.ioroom .center .roomani .room-details{height:auto;margin-top:-120px;background:var(--main-color3);padding:20px 25px;}
.ioroom .owl-item{padding:30px 0;}
@media(max-width:991px){
.ioroom h5{margin-top: 0;}
.ioroom .button{margin-bottom:50px;}
}
@media(max-width:767px){
.ioroom .center .roomani{width: 100%;margin-left: 0;}
.ioroom .center .roomani .room-details{margin-top:0;}
}
.banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:-1;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%}
.banner-video.has-overlay:before{position:absolute;z-index:-4;top:0;left:0;bottom:0;right:0;content:'';background-color:var(--main-color3);opacity:.5}
.banner-video video{object-fit: cover;width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;z-index:-100}
.aayhaay::before{content:'';position:absolute;left:0;top:0;background:var(--whiteColor);width:100%;height:20%;}