.banner-area{z-index:1;position:relative;min-height:91vh;background-position:center;background-size:cover;}
.banner-area::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.15);}

.banner .owl-nav{margin:0;transition:all ease-in-out .3s;position: absolute;bottom:8%;left:12%;}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{position:absolute;display:inline-block;vertical-align:middle;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;color:#888;width:40px;height:40px;line-height:40px;border-radius:0;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;transition:all .4s ease;border:2px solid #fff;margin:0;padding:0;font-size:14px;font-weight:600;opacity:.8;border:1px solid rgba(255, 255, 255, 0.4)!important;border-radius:50px;}
.banner-area:hover .owl-nav .owl-next,.banner-area:hover .owl-nav .owl-prev{opacity:1;width:48px;}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{opacity: 1;}
.banner .owl-nav .owl-next{left:45px;background:url(images/right.svg) no-repeat center center!important;}
.banner .owl-nav .owl-prev{left:0;background:url(images/left.svg) no-repeat center center !important;}
.banner .owl-nav .owl-next:hover{right:0;background:url(images/right.svg) no-repeat center center;}
.banner .owl-nav .owl-prev:hover{left:0;background:url(images/left.svg) no-repeat center center;}
.banner .owl-nav .owl-next i,.banner .owl-nav .owl-prev i{font-size:20px;line-height:26px;font-weight:600;position:relative;top:2px;}
@media(max-width:991px){
.banner .owl-nav{margin:0;transition:all ease-in-out .3s;position: absolute;bottom:50%;left:0;width: 100%;}
.banner .owl-nav .owl-next{left:auto;right:5px;}
.banner .owl-nav .owl-prev{left:5px;}
}
@media(max-width:575px){
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{width:32px;height:32px;line-height:32px;background-size:20px!important;}
.banner-area:hover .owl-nav .owl-next,.banner-area:hover .owl-nav .owl-prev{opacity:1;width:34px;}
}

.banner-content{max-width:500px;display:flex;flex-flow:column;justify-content:center;margin:0 0 0 auto;text-align:right;color:#fff;}
/* .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{font-size:48px;margin-bottom:20px;line-height:1.3;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,.3);}
.banner-content .hedu{-webkit-animation-duration:.6s;animation-duration:.6s;-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-content .subio{font-size:18px;line-height:1.4;letter-spacing:1px;color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,.3);}
.banner-content .subio{-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 .active .banner-content .subio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.8s;animation-delay:.8s}

.banner-content .citio{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner .active .banner-content .citio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.9s;animation-delay:.9s}

@media only screen and (max-width:1199px) {
.banner-area{overflow:hidden;min-height:88vh;padding-top:8%;}
.banner-content .hedu{font-size:40px;}
.banner-content .subio{font-size:17px}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.banner-area{overflow:hidden;min-height:80vh;padding-top:8%;}
.banner-content{max-width:310px;}
.banner-content .hedu{font-size:34px;}
.banner-content .subio{font-size:16px}
}
@media only screen and (max-width:991px) {
.banner-area{padding-top:0;padding-bottom:4%;min-height:70vh;}
.banner-content{width:100%;max-width:90%;text-align: center;}
}
@media only screen and (max-width:767px) {
.banner-area{overflow:hidden;min-height:80vh;background-position: center;padding-bottom:3%;}
.banner-content{width:100%;max-width:100%;margin:0 auto;text-align:center;}
.banner-content .hedu{font-size:28px;margin-bottom:10px;}
.banner-content .subio{font-size:15px;margin-bottom:5px}
.banner .banner-content .citio .main-btn{padding:5px 10px;}
}
@media only screen and (max-width:575px) {
.banner-area{min-height:64vh;}
.banner-content{background:rgba(0,0,0,.1);padding:8px;}
.banner-content .hedu{font-size:24px;margin-bottom:10px;}
.banner-content .subio{font-size:15px;margin-bottom:5px}
}

.leftside{background: #272727;position: absolute;width:145px;height: 100%;left: 0;top: 0;z-index: 1;overflow: hidden;}
.thesocial{display: block;margin: 0;padding: 10px 0;list-style: none;text-align: center;position: absolute;left: 0;width: 100%;bottom: 24px;background: #272727;z-index: 10;}
.thesocial{display: block;margin: 0;padding: 10px 0;list-style: none;text-align: center;position: absolute;left: 0;width: 100%;bottom: 24px;background: #272727;z-index: 10;}
.thesocial::before{content: '';position: absolute;left: 50%;width: 1px;height: 70px;top: -70px;background: #373737;}
.thesocial li {display: block;margin: 0;padding: 3px 0;}
.thesocial li a {display: inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius: 100%;transition:var(--transition);}
@media(max-width:1199px){
.leftside{width: 100px;}
}

.booking-wrapper .form-control{box-shadow:none;border:1px solid rgba(255,255,255,.2);border-radius:1px;}
.booking-wrapper .form-control::placeholder{color:var(--main-color)!important}
.booking-wrapper .form-control::-moz-placeholder{color:var(--main-color)!important}
.booking-wrapper .form-control::-webkit-placeholder{color:var(--main-color)!important}
.booking-wrapper .form-control::-webkit-input-placeholder{color:var(--main-color)!important}

.booking-wrapper input[type="text"],.booking-wrapper input[type="tel"],.booking-wrapper input[type="email"],.booking-wrapper select{height:44px;font-weight:normal;color:#e6c36a!important;font-size:15px;}
.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:#fff;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:var(--main-color);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:767px) {
.booking-wrapper .dropdown-menu{min-width: auto;}
}

@media(min-width:1200px){
.groupphoto{margin-top:-250px;}
}
@media(min-width:992px) AND (max-width:1199px){
.groupphoto{margin-top:-130px;}
}
.roomba{position:relative;margin-top:-40px;}

.crossfadio{position:relative;width:100%;height:400px;transition:opacity 1.25s ease-in-out}
.crossFadee{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;animation-name:crossFade;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:5s}
@keyframes crossFade {
20%{opacity:1}
70%{opacity:0}
}
.crossfadio .crossFadee:nth-of-type(1){animation-delay:0}
.crossfadio .crossFadee:nth-of-type(2){animation-delay:2s}
.crossfadio .crossFadee:nth-of-type(3){animation-delay:4s}
@media screen and (prefers-reduced-motion: reduce) {
.crossFadee{display:none}
.crossfadio{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(https://i.redd.it/h1c9cis3wzc21.jpg)}
}
.sansani .main-btn{position:absolute;right:0;bottom:0;}