.wrapper:has(.loadingAnimation.-is-animation) {
    position: relative;
    z-index: 10000;
}
.main-wrapper.main-wrapper--top:has(.loadingAnimation.sta-is-animationon) {
    z-index: 1000;
}
.wrapper:has(.loadingAnimation.-is-animation) .booking-btn {
    opacity: 0;
}

.loadingAnimation {
    display: block;
    width: 100%;
    height: 100dvh;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 1;
}
.loadingAnimation.start-animation {
    animation: 1s overlay ease-in forwards 3s;
}
@keyframes overlay {
    0%{opacity: 1;}
    100%{
        opacity: 0;
        visibility: hidden;
    }
}
.count {
    display: none;
    width: fit-content;
    height: fit-content;
    /* font-size: 60px; */
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.count .odometer-formatting-mark {
    display: none;
}
.loadingAnimation.start-animation .count {
    animation: .5s count ease-in forwards;
}
@keyframes count {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@media screen and (max-width: 767px) {
    .count {
        /* font-size: 35px; */
        font-size: 18px;
    }
}

.loadingAnimation-logo {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
}
.loadingAnimation-logo.-logo1 {
    width: 180px;
    height: 104px;
}
@media screen and (max-width: 767px) {
    .loadingAnimation-logo.-logo1 {
        width: 100px;
        height: 58px;
    }
}
.loadingAnimation.start-animation .loadingAnimation-logo.-logo1 {
    animation: 2s ease-in .5s forwards logo1;
}
@keyframes logo1 {
    0% {
        opacity: 0;
        translate: 0 20px;
    }
    20% {
        translate: 0 0;
    }
    30% {
        opacity: 1;
    }
    80% {
        opacity: 1;
        translate: 0 0;
    }
    100% {
        opacity: 0;
    }
}
.loadingAnimation-logo img {
    display: block;
    width: 100%;
    height: auto;
}

/* first-modal */
.page-top .first-modal {
    transition: all 1s ease;
}
.page-top .first-modal.is-active {
    transition: all 0.5s ease;
}