:root { --primary: #D81324; --secondary: #0B2154; --light: #F2F2F2; --dark: #111111; }
.fw-medium { font-weight: 600 !important; }
.back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99; }
#spinner { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-out, visibility linear 0.5s; z-index: 99999; }
#spinner.show { transition: opacity 0.5s ease-out, visibility linear; visibility: visible; opacity: 1; }
.btn { font-weight: 500; text-transform: uppercase; transition: 0.5s; }
.btn.btn-primary, .btn.btn-secondary { color: rgb(255, 255, 255); }
.btn-square { width: 38px; height: 38px; }
.btn-sm-square { width: 32px; height: 32px; }
.btn-lg-square { width: 48px; height: 48px; }
.btn-square, .btn-sm-square, .btn-lg-square { padding: 0px; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 2px; }
.navbar .dropdown-toggle::after { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; }
.navbar-light .navbar-nav .nav-link { margin-right: 30px; padding: 25px 0px; color: rgb(255, 255, 255); font-size: 13px; text-transform: uppercase; outline: none; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: var(--primary); }
@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link { margin-right: 0px; padding: 10px 0px; text-align: center; }
  .navbar-light .navbar-nav { border-top: 1px solid rgb(238, 238, 238); }
}
.navbar-light .navbar-brand, .navbar-light a.btn { height: 75px; }
.navbar-light .navbar-nav .nav-link { color: var(--dark); font-weight: 500; }
.navbar-light.sticky-top { top: -100px; transition: 0.5s; }
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu { display: block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: 0px; top: 150%; opacity: 0; visibility: hidden; transition: 0.5s; }
  .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: 0.5s; opacity: 1; }
}
.carousel-caption { inset: 0px; background: rgba(0, 0, 0, 0.46); z-index: 1; }
.carousel-control-prev, .carousel-control-next { width: 10%; }
.carousel-control-prev-icon, .carousel-control-next-icon { width: 3rem; height: 3rem; }
@media (max-width: 768px) {
  #header-carousel .carousel-item { position: relative; min-height: 450px; }
  #header-carousel .carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
}
.page-header { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.page-header-inner { background: rgba(0, 0, 0, 0.43); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--light); }
.fact { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) center center / cover no-repeat, url("../img/carousel-bg-4.jpg"); }
.service .nav .nav-link { background: var(--light); transition: 0.5s; }
.service .nav .nav-link.active { background: var(--primary); }
.service .nav .nav-link.active h4 { color: rgb(255, 255, 255) !important; }
.booking { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) 0% 0% / cover, url("../img/carousel-bg-2.jpg") center center no-repeat; }
.bookingg { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) 0% 0% / cover, url("../img/carousel-bg-6.jpg") center center no-repeat; }
.bootstrap-datetimepicker-widget.bottom { top: auto !important; }
.bootstrap-datetimepicker-widget .table * { border-bottom-width: 0px; }
.bootstrap-datetimepicker-widget .table th { font-weight: 500; }
.bootstrap-datetimepicker-widget.dropdown-menu { padding: 10px; border-radius: 2px; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: var(--primary); }
.bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: var(--primary); }
.team-item .team-overlay { display: flex; align-items: center; justify-content: center; background: var(--primary); transform: scale(0); transition: 0.5s; }
.team-item:hover .team-overlay { transform: scale(1); }
.team-item .team-overlay .btn { color: var(--primary); background: rgb(255, 255, 255); }
.team-item .team-overlay .btn:hover { color: rgb(255, 255, 255); background: var(--secondary); }
.testimonial-carousel .owl-item .testimonial-text, .testimonial-carousel .owl-item.center .testimonial-text * { transition: 0.5s; }
.testimonial-carousel .owl-item.center .testimonial-text { background: var(--primary) !important; }
.testimonial-carousel .owl-item.center .testimonial-text * { color: rgb(255, 255, 255) !important; }
.testimonial-carousel .owl-dots { margin-top: 24px; display: flex; align-items: flex-end; justify-content: center; }
.testimonial-carousel .owl-dot { position: relative; display: inline-block; margin: 0px 5px; width: 15px; height: 15px; border: 1px solid rgb(204, 204, 204); transition: 0.5s; }
.testimonial-carousel .owl-dot.active { background: var(--primary); border-color: var(--primary); }
.footer { background: linear-gradient(rgba(0, 0, 0, 0.286), rgba(0, 0, 0, 0.173)) 0% 0% / cover, url("../img/footer.jpg") center center no-repeat; }
.footer .btn.btn-social { margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: var(--light); border: 1px solid rgb(255, 255, 255); border-radius: 35px; transition: 0.3s; }
.footer .btn.btn-social:hover { color: var(--primary); }
.footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0px; text-align: left; color: rgb(255, 255, 255); font-size: 15px; font-weight: normal; text-transform: capitalize; transition: 0.3s; }
.footer .btn.btn-link::before { position: relative; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; }
.footer .btn.btn-link:hover { letter-spacing: 1px; box-shadow: none; }
.footer .copyright { padding: 25px 0px; font-size: 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer .copyright a { color: var(--light); }
.footer .footer-menu a { margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, 0.3); }
.footer .footer-menu a:last-child { margin-right: 0px; padding-right: 0px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
video { max-width: 100%; }