

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards {
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.outer-page .simp-custom-hotel-cards .text-content {
    display: flex;
    flex-direction: column;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards > .col-sm-6 {
    max-width: min(calc(1340px / 2), calc(85% / 2));
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards > .col-sm-4 {
    max-width: min(calc(1340px / 3), calc(85% / 3));
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards img {
    width: 100%;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards .text-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards .text-content-wrapper > * {
    text-align: center;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards .text-content-wrapper p:empty {
    display: none;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards .text-content-wrapper .header-two {
    font-size: 1.1em;
    line-height: 1.1;
    margin-top: 20px;
}

.outer-page .content_wrapper .no-gutter .simp-custom-hotel-cards .text-content-wrapper .txt-wdgt-btn-wrapper {
    margin-top: auto;
    padding-top: 20px;
}

.mobile .content_wrapper .no-gutter:first-child {
    display: flex;
    flex-direction: column;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards {
    padding: 0 0 20px;
    margin: 0;
    order: -1;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards > * {
    padding: 0;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards img {
    margin: 0;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards .descriptionMobileNoSpace {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards .header-two {
    font-size: 1.1em;
    line-height: 150%;
    padding: 10px 0 0;
}

.mobile .content_wrapper .no-gutter .simp-custom-hotel-cards .txt-wdgt-btn-wrapper {
    padding-top: 10px;
}

.mobile #review_data_carousel .slick-next {
    right: -15px;
}

.mobile #review_data_carousel .slick-prev {
    left: -15px;
}




:root {
    --view-port: 1536;
    --hotel-cards-brand-color: #401527;
    --hotel-cards-brand-color-dark: #2a0e1a;
    --hotel-cards-text-color: #222222;
    --hotel-cards-border-color: #e8e8e8;
    --hotel-cards-border-radius: 0px;
    --hotel-cards-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    --hotel-cards-width: clamp(480px, calc((600 / var(--view-port)) * 100vw), 600px);
    --hotel-cards-min-width: clamp(480px, calc((600 / var(--view-port)) * 100vw), 600px);
    --hotel-cards-spacing: 16px;
    --hotel-cards-image-ratio: 4 / 3;
    --hotel-cards-speed: 0.25s;
}

ul.dropdown-menu.hotel-cards-menu {
    display: none;
    align-items: stretch;
    gap: var(--hotel-cards-spacing);
    width: var(--hotel-cards-width);
    min-width: var(--hotel-cards-min-width);
    max-width: 100%;
    box-sizing: border-box;
    padding: var(--hotel-cards-spacing);
    background: #fff;
    border: 1px solid var(--hotel-cards-border-color);
    border-radius: var(--hotel-cards-border-radius);
    box-shadow: var(--hotel-cards-shadow);
}

header #top-navbar-collapse ul.dropdown-menu.hotel-cards-menu.hc-open,
header #top-navbar-collapse .primary:hover>ul.dropdown-menu.hotel-cards-menu,
header #top-navbar-collapse .primary:focus-within>ul.dropdown-menu.hotel-cards-menu,
header #top-navbar-collapse .primary.open>ul.dropdown-menu.hotel-cards-menu {
    display: flex;
}

#top-navbar-collapse .primary:hover>ul.dropdown-menu.hotel-cards-menu{
    max-height:calc(100vh - 80px);
    overflow-y:auto;
    /*display: flex;*/
    flex-wrap:wrap;
}

.hotel-cards-menu>li {
    display: flex;
    /*flex: 1 1 0;*/
    /*min-width: 0;*/
    margin: 0;
    padding: 0;
    list-style: none;
    min-width:calc((100% - var(--hotel-cards-spacing)) / 2);
    width: calc((100% - var(--hotel-cards-spacing)) / 2);
}


.hc-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--hotel-cards-border-color);
    border-radius: var(--hotel-cards-border-radius);
    transition: transform var(--hotel-cards-speed), box-shadow var(--hotel-cards-speed), border-color var(--hotel-cards-speed);
}

.hc-card:hover {
    transform: translateY(-4px);
    border-color: var(--hotel-cards-brand-color);
    box-shadow: var(--hotel-cards-shadow);
}


/* ---------- Image ---------- */
.hc-img-link {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: var(--hotel-cards-image-ratio);
    overflow: hidden;
    background: #f2f2f2;
}

.hc-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.hc-card:hover .hc-img {
    transform: scale(1.05);
}


/* ---------- Body, name, button ---------- */
.hc-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: var(--hotel-cards-spacing);
    padding: var(--hotel-cards-spacing);
    text-align: center;
}

.hc-name {
    display: inline-block;
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    min-height: 2.7em;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--hotel-cards-text-color);
    text-decoration: none;
}

.hc-name:hover,
.hc-name:focus {
    color: var(--hotel-cards-brand-color);
    text-decoration: none;
}

.hc-book {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 10px 16px;
    background: var(--hotel-cards-brand-color);
    color: #fff;
    border: 0;
    border-radius: var(--hotel-cards-border-radius);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--hotel-cards-speed);
}

.hc-book:hover,
.hc-book:focus {
    background: var(--hotel-cards-brand-color-dark);
    outline: 0;
}



.explorer_chain .bookingform-wrapper {
    bottom: 20% !important;
}

.explorer_chain .bookingform-wrapper .simp-booking-form form#simp-booking-form #submitWrapper .submit-button-wrapper button {
    text-transform: uppercase;
}

/*.for-homepage .slidingOffersWrapper {*/
/*    position: fixed;*/
/*    top: 62%;*/
/*    transform: translate(0, -50%);*/
/*    right: 0;*/
/*    z-index: 999;*/
/*}*/
/*.for-homepage ol.popUpContentHolder {*/
/*    padding-left: 8px;*/
/*}*/
/*.for-homepage ul.popUpContentHolder {*/
/*    padding: 0px;*/
/*    text-align: justify;*/
/*}*/
/*.for-homepage .offerListWrapper  .headline {*/
/*    padding-left: 5%;*/
/*    padding-bottom: 5px;*/
/*}*/
/*.for-homepage ol.popUpContentHolder span.listForPopup {*/
/*    padding-left: 10px;*/
/*    display: block;*/
/*    padding-bottom: 15px;*/
/*    text-align: justify;*/
/*    font-size:15px;*/
/*    color: #eee;*/
/*}*/
/*.for-homepage ol.popUpContentHolder span.listForPopup b {*/
/*    text-transform: capitalize;*/
/*    display: block;*/
/*    font-size: 17px;*/
/*    color: gold;*/
/*}*/
/*.for-homepage .slidingOffersWrapper.slideShowOffer .offerListWrapper {*/
/*    right: 0;*/
/*}*/
/*.for-homepage .slidingOffersWrapper ul {*/
/*    margin-bottom: 0;*/
/*}*/
/*.for-homepage .slidingOffersWrapper ul li:first-child {*/
/*    padding-bottom: 10px;*/
/*}*/
/*.for-homepage .offerListWrapper .fas,*/
/*.for-homepage .offerListWrapper .far,*/
/*.for-homepage .offerListWrapper .fal .offerListWrapper .fas,*/
/*.for-homepage .offerListWrapper .far,*/
/*.for-homepage .offerListWrapper .fal {*/
/*    margin-left: -30px;*/
/*    margin-right: 10px;*/
/*    width: 20PX;*/
/*    text-align: center;*/
/*    margin-bottom: 2px;*/
/*}*/
/*.for-homepage .offerIconWrapper {*/
/*    position: relative;*/
/*    z-index: 9999;*/
/*    top: -190px;*/
/*    right: 0;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    cursor:pointer;*/
/*}*/
/*.for-homepage .offerIconWrapper i {*/
/*    font-size: 14px;*/
/*    background:#401527;*/
/*    padding: 0px;*/
/*    border-radius: 50% 50% 0;*/
/*    box-shadow: #333 0px 2px 10px 0px;*/
/*    color: #EBE0BB;*/
/*    transition: all ease-in-out .5s;*/
/*    width: 75px;*/
/*    height: 75px;*/
/*    display: inline-block;*/
/*}*/

/*.for-homepage .offerListWrapper {*/
/*    position: absolute;*/
/*    line-height: 30px;*/
/*    top: 17%;*/
/*    transform: translate(0, -50%);*/
/*    background: #401527;*/
/*    color: #eee;*/
/*    padding: 20px 35px 10px 10px;*/
/*    right: -420px;*/
/*    width: 400px;*/
/*    transition: all ease-in-out .5s;*/
/*    box-shadow: #333 0px 5px 10px 0px;*/
/*}*/
/*.mobile.for-homepage .offerListWrapper{*/
/*    width: 340px;*/
/*    max-height: 420px;*/
/*    overflow-y: auto;*/
/*}*/
/*.for-homepage ul.popUpContentHolder li {*/
/*    list-style: circle;*/
/*    font-size: 16px;*/
/*    line-height: 1.7em;*/
/*    padding: 8px 0px;*/
/*}*/
/*.for-homepage .offerListWrapper .sliderContentText {*/
/*    color: white;*/
/*    text-align: justify;*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*    padding-top: 5px;*/
/*}*/
/*.for-homepage .offerListWrapper .sliderContentText .highlightedTextLink {*/
/*    color: gold;*/
/*    font-weight: bold;*/
/*    text-decoration: none;*/
/*}*/
/*@media screen and (max-width: 480px) {*/
/*    .for-homepage .offerListWrapper {*/
/*        width: 400px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 400px) {*/
/*    .for-homepage .offerListWrapper {*/
/*        width: 350px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 350px) {*/
/*    .for-homepage .offerListWrapper {*/
/*        width: 300px;*/
/*    }*/
/*}*/
/*.for-homepage .slidingOffersWrapper a.WrapperLink {*/
/*    color: #173f5e !important;*/
/*    display: block;*/
/*    background-color: white;*/
/*    padding: 5px;*/
/*    width: 50%;*/
/*    text-align: center;*/
/*    margin-left: 10%;*/
/*}*/
/*.for-homepage .slidingOffersWrapper .fa-briefcase-medical:before{*/
/*    content:"COVID-19" !important;*/
/*    position: absolute;*/
/*    top: 32px;*/
/*    right: 5px;*/
/*    color:white;*/
/*}*/
/*.for-homepage .slidingOffersWrapper .fa-times:before{*/
/*    font-size:30px;*/
/*    position:absolute;*/
/*    top: 22px;*/
/*    right: 26px;*/
/*    font-weight:bold;*/
/*}*/
/*.for-homepage .slideShowOffer .offerIconWrapper .fal.fa-times {*/
/*    background-color: transparent;*/
/*}*/

.address-block-details .hotel-contacts address .address-email {
    margin-right: 50px;
}

.simp-custom-hideRightLeft .right-box,
.simp-custom-hideRightLeft .left-box{
    display: none;
}
:is(.outer-page, .outerpage, .mobile) .simp-custom-aligncenter{
    display:flex;
    justify-content:center;
    align-items:center;
}
header .navbar-top .navbar-brand {
    top: unset;
    transform: unset;
}

#bookingForm{
    position:relative;
}

.whybook-container {
    position: absolute;
    display: inline-block;
    top: 64%;
    left: 30px;
    color: #fff;
}

.whybook-header {
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.whybook-tooltip {
    display: none; /* Hidden initially */
    position: absolute;
    left: 100%;
    bottom: 42px;
    transform: translateX(-66%);
    width: 350px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.9); /* Black background with 0.5 opacity */
    color: white;
    border-radius: 4px;
    text-align: left;
    font-size: 14px;
    z-index: 1;
}

.whybook-tooltip::before {
    content: '';
    position: absolute;
    top: 100%; /* Position the arrow at the bottom of the tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px; /* Size of the arrow */
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; /* Arrow color matches the tooltip background */
    z-index: -1; /* Ensure the arrow is below the tooltip content */
}

.whybook-tooltip ul {
    list-style-type: none; /* Remove default bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.whybook-tooltip li {
    display: flex; /* Use flexbox to align items */
    margin: 5px 0; /* Space between items */
}

.whybook-tooltip i {
    margin: 3% 3% 0 0; /* Space between icon and text */
}


.whybook-container:hover .whybook-tooltip {
    display: block; /* Display as block on hover */
}

.whybook-tooltip *{
    font-size: clamp(14px, 0.935vw ,18px);
}


@media(max-width:950px){
    .whybook-container {
        position: absolute;
        display: inline-block;
        /* bottom: 75px;
        right: 20% ; */
        color: #fff;
    }
}


@media (max-width:768px){
    .whybook-container{
        bottom: 0 !important;
        right: 42.5% !important;
    }
    
    .whybook-tooltip {
        display: none; /* Hidden initially */
        position: absolute;
        left: 50%;
        bottom: 70px;
        transform: translateX(-66%);
        width: 350px;
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.8); /* Black background with 0.5 opacity */
        color: white;
        border-radius: 4px;
        text-align: left;
        font-size: 14px;
        z-index: 1;
    }
    
    .whybook-tooltip i {
        margin: 11px 3% 0 0; /* Space between icon and text */
    }

    .whybook-container {
    position: absolute;
    display: inline-block;
    top: 64%;
    left: 100px;
    color: #fff;
}
}

.whybook-container.scrolled-to-top .whybook-tooltip {
    bottom:-155px;
}

.whybook-container.scrolled-to-top .whybook-tooltip::before {
    content: '';
    position: absolute;
    top: -12%; /* Position the arrow at the bottom of the tooltip */
    left: 50%;
    transform: translateX(-50%) rotate(180deg);   
    border-width: 10px; /* Size of the arrow */
    border-style: solid;
    border-color: rgba(0,0,0,0.9) transparent transparent transparent; /* Arrow color matches the tooltip background */
    z-index: -1; /* Ensure the arrow is below the tooltip content */
}

@media(max-width:768px){
    .whybook-container.scrolled-to-top .whybook-tooltip{
        top:67%;
        bottom: unset;
    }
    .whybook-container.scrolled-to-top .whybook-tooltip::before{
        top:-11%;
    }
}


.simp-custom-hideRightLeft .col-xs-12:not(:nth-of-type(2)){
    display: none;
}

.outer-page li.dropdown.primary {
    display:none
}
.for-innerpage li.dropdown.primary {
    display:none
}
.mobile .fullheight.dropdown-menu.dropdown-menu-topNav.full-drop ul li:first-child {
    display:none; 
}





