.block-search-wrapper {
    position: relative;
    padding: 20px 15px;
}

#block-search {
    position: relative;
    z-index: 2;
    max-width: 1140px;
    margin: 0 auto;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.57) 5%,
        rgba(255, 255, 255, 0.87) 11.16%,
        #ffffff 54.75%,
        rgba(255, 255, 255, 0.87) 89.39%,
        rgba(255, 255, 255, 0.56) 95.06%,
        rgba(255, 255, 255, 0) 100%
    );
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 1100px) and (min-height: 660px) {
    .block-search-wrapper--main #block-search {
        position: absolute;
        left: 50%;
        bottom: 100%;
        z-index: 10;
        transform: translateX(-50%);
        width: 100%;
        margin-bottom: 80px;
        box-shadow: none;
    }
}

@media screen and (min-height: 750px) {
    .block-search-wrapper--main #block-search {
        margin-bottom: 120px;
    }
}

.be-container {
    padding: 0 30px;
}

#be-booking-form {
    z-index: 1;
}

#tl-booking-cart {
    z-index: 1 !important;
}

.be-page .wsLink,
.be-page .hotline-phone-ring-wrap,
.be-page .to-top-arrow,
.be-page #google-maps-wrapper,
.be-page #footer .container-fluid .divider-l,
.be-page .social-icons {
    display: none !important;
}

.be-page .hero-heading {
    padding: 0;
}

.be-page .upper-page {
    max-height: 270px;
}

@media screen and (min-width: 881px) {
    .be-page .upper-page {
        max-height: 450px;
    }
}

.be-booking-btn {
    display: inline-block;
    padding: 14px 30px;
    margin: 20px 0;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13.5px;
    line-height: 14px;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #ffffff !important;
    background-color: #ab9155;
    border-radius: 30px;
}

.be-booking-btn:hover {
    background-color: #111111;
}