/* Below-the-fold SEO blocks: defer layout/paint until near viewport (HTML unchanged for crawlers) */
.scrollable-content {
    content-visibility: auto;
    contain-intrinsic-size: auto 1200px;
}

.uc-spinner {
    width: 18px;
    height: 18px;
    border: 3px solid #e0e0e0;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: uc-spin 0.7s linear infinite;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.uc-hidden {
    display: none !important;
}

.uc-action-row-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.uc-btn-icon-compact {
    padding: 0;
}

.uc-add-remove-icon {
    color: #DB4437;
    background: #fff;
    font-size: 25px;
}

.uc-modal-overlay {
    background: #000000b8;
}

.uc-modal-overlay-hidden {
    display: none;
    background: #000000b8;
}

.uc-modal-footer-hidden {
    display: none;
}

.uc-searchengine-modal-mobile {
    padding-right: 17px;
    display: none;
    background: #000000b8;
}

@media (max-width: 768px) {
    .uc-searchengine-modal-mobile .modal-content {
        height: 95%;
        width: 94% !important;
        position: fixed !important;
        top: 3%;
        left: 3%;
        z-index: 1;
        overflow: auto;
    }
}

.hotels_bg_img {
    height: 700px !important;
    max-height: 700px !important;
    min-height: 700px !important;
}

.hotels_bg_img::before {
    height: 540px !important;
    max-height: 540px !important;
    min-height: 540px !important;
}

@media screen and (max-width: 640px) {
    .hotels_bg_img {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 100% !important;
    }
}

#myModal1 {
    padding-right: 17px;
    display: block;
    background: #000000b8;
}

@keyframes uc-spin {
    100% {
        transform: rotate(360deg);
    }
}

.facebookFrame {
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .facebookFrame {
        width: 100% !important;
        height: 400px !important;
    }
}

.loader-wrapper {
    --line-width: 5px;
    --curtain-color: #f1faee;
    --outer-line-color: #a8dadc;
    --middle-line-color: #457b9d;
    --inner-line-color: #1d3557;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loader {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: var(--line-width) solid transparent;
    border-top-color: var(--outer-line-color);
    border-radius: 100%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

.loader:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: var(--line-width) solid transparent;
    border-top-color: var(--inner-line-color);
    border-radius: 100%;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border: var(--line-width) solid transparent;
    border-top-color: var(--middle-line-color);
    border-radius: 100%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 51%;
    height: 100%;
    z-index: 1000;
}

.loader-wrapper .loader-section.section-left {
    left: 0;
}

.loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded .loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded .loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded .loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.loaded .loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .3s 1s ease-out;
}

.input-group-text {
    border-bottom-left-radius: 15px;
}

.iconclass {
    font-size: 14px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cookies_footer {
    position: fixed;
    width: 100%;
    text-align: center;
    padding: 1em 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    z-index: 1000000100;
    bottom: 0;
    left: 0;
    display: block;
    transition: transform .4s ease;
}

.d_flex {
    display: flex;
    justify-content: space-between;
}

.d_flex a {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.d_flex p a {
    font-size: 14px;
    color: dodgerblue;
    text-decoration: underline;
    font-weight: 400;
}

.d_flex p {
    margin: 0;
}

.uc-display-block {
    display: block;
}

.uc-margin-bottom-10-white {
    margin-bottom: 10px;
    color: white;
}

.uc-subscribe-modal-visible {
    padding-right: 17px;
    display: block;
    background: #000000b8;
}

.uc-visibility-hidden {
    visibility: hidden;
}