.banner,.banner-area{min-height:99vh;}
.banner-area{z-index:1;position:relative;height:100%;background-position:center;background-size:cover;background-attachment: fixed!important;}
.banner-area::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.10);}
.banner-area.hasfter::after{content: "";width: 100%;pointer-events: none;position: absolute;bottom: 0;height:37%;opacity: .6;transform: scaleY(-1);background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.7) 23.53%, #000 100%);z-index: -1;}
.banno{position:absolute;width: 100%;height:100%;object-fit: cover;z-index:-1;}
.golu{width:120px;height:120px;overflow:hidden;position: relative;transition: var(--transition);top:0;border:4px solid rgba(255,255,255,.5)}
.golu:hover{top:-10px;}
.banner-content{display:flex;flex-flow:column;justify-content:center;margin:0 0 0 auto;text-align:center;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:42px;margin-bottom:20px;line-height:1.3;font-weight:600;text-transform:uppercase;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 .golu{-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 .golu{-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);text-transform:uppercase;letter-spacing:2px;}
.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,.banner-area{min-height:90vh;}
.banner-content .hedu{font-size:36px;}
.banner-content .subio{font-size:17px}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.banner,.banner-area{min-height:80vh;}
.banner-area{overflow:hidden;min-height:80vh;}
.banner-content{max-width:310px;}
}
@media only screen and (max-width:991px) {
.banner-content .hedu{font-size:34px;}
.banner-content .subio{font-size:16px}
.banner,.banner-area{min-height:70vh;}
.banner-content{width:100%;max-width:90%;text-align: center;}
}
@media only screen and (max-width:767px) {
.banner,.banner-area{min-height:80vh;}
.banner-area{overflow:hidden;background-position: center;}
.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;}
.golu{width:80px;height:80px;}
.navcenter.biggie .owl-nav{top:90%;}
}
@media only screen and (max-width:575px) {
.banner,.banner-area{min-height:64vh;}
.banner-content{padding:8px;}
.banner-content .hedu{font-size:24px;margin-bottom:10px;}
.banner-content .subio{font-size:15px;margin-bottom:5px}
}


.booking-wrapper .form-control{box-shadow:none;border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#fff;background-color:var(--main-color3)!important;}
.booking-wrapper .form-control::placeholder{color:var(--whiteColor)!important}
.booking-wrapper .form-control::-moz-placeholder{color:var(--whiteColor)!important}
.booking-wrapper .form-control::-webkit-placeholder{color:var(--whiteColor)!important}
.booking-wrapper .form-control::-webkit-input-placeholder{color:var(--whiteColor)!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:var(--whiteColor)!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:#fff;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(--whiteColor);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;}
}

.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:10s}
@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}
.crossfadio .crossFadee:nth-of-type(4){animation-delay:6s}
@media screen and (prefers-reduced-motion: reduce) {
.crossFadee{display:none}
.crossfadio{background-size:contain;background-repeat:no-repeat;background-position:center;}
}
.sansani .main-btn{position:absolute;right:0;bottom:0;}

.leafy{background-position:top center;background-size:80%;background-repeat: no-repeat;}

@media(min-width:992px){
.min50{height:55%;}
.min50 + .min50{height:45%;}
}

.benefits .benefita{border-right:1px solid #ddd}
.benefits .benefita.last{border-right:0}
@media(max-width:767px){
.benefits .benefita.second{border-right:0}   
}
.triangle{width: 0;height: 0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:15px solid var(--main-color5);position: absolute;bottom:0;left:0;right:0;left: 50%;transform: translateX(-50%);}
.triangleup{width: 0;height: 0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:15px solid var(--whiteColor);position: absolute;top:-1px;left:0;right:0;left: 50%;transform: translateX(-50%);}
