@charset "utf-8";
::selection {
    background: #6fbfe1;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #6fbfe1;
    /* Gecko Browsers */
}

header.as-home-video {
    position: relative;
    width: 100% !important;
    height: 95vh !important;
    /* max-height: 100vh;
    min-height: 400px; */
}

header.as-home-video .as-video {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* transform: translateY(-50%); */
}

header .owl-carousel {
    display: flex !important;
}

header .owl-carousel .owl-stage {
    height: 100vw !important;
    max-height: 100vh;
    min-height: 400px;
}

.slider-fade .owl-item,
.slider .owl-item {
    height: 100%;
}

.as-liseret-t {
    box-shadow: 0 -1px 0 0 #d60092;
}

.as-liseret-b {
    box-shadow: 0 1px 0 0 #d60092;
}

.as-liseret-l {
    box-shadow: -1px 0 0 0 #d60092;
}

.as-liseret-r {
    box-shadow: 1px 0 0 0 #d60092;
}

.as-liseret-tb {
    box-shadow: 0 -1px 0 0 #d60092, 0 1px 0 0 #d60092;
}

.as-liseret-lr {
    box-shadow: -1px 0 0 0 #d60092, 1px 0 0 0 #d60092;
}

.navbar {
    top: 15px;
}

.nav-scroll {
    top: -100px;
}

.logo-wrapper,
.nav-scroll .logo-wrapper {
    padding: 0;
}

.as-top-bar {
    position: fixed;
    top: 20px;
    width: 100%;
    color: #fff;
    padding: 0 5px;
}

.as-top-bar h1 {
    font-size: 1rem;
    color: #fff;
}

.as-top-bar i {
    padding-right: 10px;
}

.nav-scroll .as-top-bar {
    top: 0;
    width: 100%;
    color: #000;
    padding: 0 5px;
}

.nav-scroll .as-top-bar * {
    color: #000;
}

.logo-img,
.nav-scroll .logo-img {
    width: 210px;
    height: auto;
    line-height: 0;
    font-size: 0;
}


/* [data-overlay-dark="1"]:before, [data-overlay-darkgray="1"]:before, [data-overlay-light="1"]:before,
[data-overlay-dark="2"]:before, [data-overlay-darkgray="2"]:before, [data-overlay-light="2"]:before,
[data-overlay-dark="3"]:before, [data-overlay-darkgray="3"]:before, [data-overlay-light="3"]:before {
    opacity: 0;
} */

.as-img-grid-room {
    object-fit: cover;
    min-height: 467px;
}

.news .item .con h5 {
    min-height: 60px;
}

.news .item:hover .con {
    bottom: -60px;
}

.footer-explore p {
    font-size: 15px;
    color: #c7c7c7;
    margin: 0;
}

.as-hr hr {
    border-color: #0002;
}

#googlemaps {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /* Set z-index to 0 as it will be on a layer below the contact form */
}

#contactform {
    position: relative;
    z-index: 1;
    /* The z-index should be higher than Google Maps */
    width: 300px;
    margin: 60px auto 0;
    padding: 10px;
    background: black;
    height: auto;
    opacity: 0.45;
    /* Set the opacity for a slightly transparent Google Form */
    color: white;
}

.google-iframe {
    position: relative;
    width: 100%;
    height: 600px;
}

.google-iframe iframe {
    width: 100%;
    height: 100%;
}

.google-iframe-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.container-contact {
    width: 100%;
    padding-right: 40px;
}

.booking-box {
    border: 1px solid #aa8453;
}

.google-iframe-mobile {
    width: 100%;
    display: none;
}

.google-iframe-mobile iframe {
    width: 100%;
}

#contactModal .inner-container,
#newsletterModal .inner-container {
    padding: 25px 30px;
}

#contactModal .btn-form1-submit,
#newsletterModal .btn-form1-submit {
    display: inline;
    width: auto;
    padding: 0 15px;
    line-height: 40px;
}

.rooms-page table,
.rooms-page tr,
.rooms-page td {
    padding: 0;
    margin: 0;
    border: none;
}

.rooms-page td {
    width: 50%;
    background: #f8f5f0;
    padding: 0 15px;
}

.rooms-page td img {
    /* outline: 15px solid #fff; */
    width: 100%;
    max-width: 100% !important;
    object-fit: cover;
}

.rooms-page td h4 {
    margin: 0 0 10px 0;
    font-size: 32px;
    color: #222;
    font-weight: 400;
    line-height: 1.5em;
}

@media screen and (max-width: 991px) {
    .navbar button {
        margin-top: 20px;
    }
}


/* @media (max-width: 1024px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .navbar-expand-lg .navbar-collapse {
    display: none !important;
  }
} */