:root {
}

header {
    --margin: 90px;
    --headerheight: 75px;
    min-height: var(--headerheight);
    padding: 0px;
}

    header * {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    header .clear {
        display: none;
    }

    header .container-wl {
        margin: 0 auto !important;
        width: calc(100% - var(--margin) - var(--margin));
        max-width: 100%;
        max-width: 1145px !important;
        min-height: var(--headerheight);
        /*background-color: #fff;*/
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-block: 8px !important;
    }

        header .container-wl #logo-wl,
        header .container-wl #logo {
            height: unset;
        }

#support-email {
    display: none;
}

ul#navigation-wl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    position: relative;
    inset: unset !important;
}

    ul#navigation-wl li {
        position: relative;
    }

        ul#navigation-wl li.link a {
            padding: 0 24px !important;
            color: #7c80af !important;
            font-size: 14px !important;
            display: flex !important;
            align-items: center !important;
            gap: .4rem !important;
            height: 36px !important;
            background-color: #f2f2f2 !important;
            border-radius: 100px !important;
            padding: 0 24px 0 20px !important;
        }

#message-wl {
    font-size: 16px;
}

@media only screen and (max-width: 520px) {
    header {
        --margin: 1rem;
    }
}

#landingpage #SearchSection {
    width: calc(100% - 60px);
    margin-inline: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 450px;
    height: unset !important;
    padding-block: 100px;
    border-radius: 25px;
}

#landingpage .container {
    width: 100%;
    max-width: 1080px;
}

#pg_Home #landingpage .tabs {
    background-color: rgba(255,255,255,.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 22px;
    padding: 22px 28px;
    display: block !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

#landingpage ul.tab-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    background-color: #edeef4;
    height: 57px;
    list-style: none;
    gap: 8px;
    border-radius: 100px;
    overflow-x: auto;
}

ul.tab-links li {
    height: 47px;
    border-radius: 36px;
    margin: 0;
}

    ul.tab-links li:has(.current) {
        pointer-events: none;
        background-color: #fff;
    }

    ul.tab-links li a {
        border-radius: 36px;
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: 16px;
        color: #7c80af !important;
        font-weight: 600 !important;
        background: none !important;
        padding: 12px 24px !important;
    }

        ul.tab-links li a.current {
            color: #252c7a !important;
        }

        ul.tab-links li a:before {
            content: " ";
            height: 23px;
            width: 23px;
            background-repeat: no-repeat !important;
            background-size: 23px 23px !important;
            background-color: unset !important;
        }

        ul.tab-links li a.tablink1:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/hotels.svg') !important;
        }

        ul.tab-links li a.tablink2:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/meeting.svg') !important;
        }

        ul.tab-links li a.tablink6:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/car.svg') !important;
        }

        ul.tab-links li a.tablink8:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/condos.svg') !important;
        }

        ul.tab-links li a.tablink9:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/cruises.svg') !important;
        }

        ul.tab-links li a.tablink11:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/group.svg') !important;
        }

        ul.tab-links li a.tablink12:before {
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/dollar-circle1.svg') !important;
        }

#landingpage .tab-panel {
    padding: 24px 0 0 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#pg_Home #landingpage #tab2 form,
#pg_Home #landingpage #frmGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.input-group-xl, .input-group, .submitButtonWrapper {
    position: relative !important;
    float: unset !important;
    margin: 0 !important;
    padding: 0 !important;
}

.input-group-xl {
    flex-basis: 100%;
}

.input-group {
    flex-basis: calc(25% - 12px);
    flex-grow: 0;
}

#landingpage .submitButtonWrapper {
    flex: 0 1 auto;
    height: 50px !important;
    border: 0 !important;
    border-radius: 100px;
    background: #252c7a !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center !important;
    gap: .8rem !important;
    padding: 0 32px 0 28px !important;
    margin-left: auto !important;
    width: fit-content;
}

    #landingpage .submitButtonWrapper button {
        border: 0 !important;
        background: none !important;
        color: #fff !important;
        font-size: 14px !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 1 auto;
    }

    #landingpage .submitButtonWrapper:before {
        content: " ";
        height: 16px !important;
        width: 16px !important;
        flex: 0 0 16px;
        background-repeat: no-repeat !important;
        background-size: 16px 16px !important;
        background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/search.svg') !important;
    }

    #landingpage .submitButtonWrapper button::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: ""
    }



.input-group-xl label,
.input-group label {
    display: none !important;
}

.input-group-xl input,
.input-group input,
.input-group select {
    padding: 0 24px !important;
    border: 0 !important;
    height: 50px !important;
    border-radius: 100px !important;
    color: #252c7a !important;
    font-size: 14px !important;
    font-family: inter,sans-serif !important;
    margin-bottom: 0 !important;
}

#landingpage .input-group .styled-select {
    border: 0 !important;
    border-radius: 100px !important;
}

.input-group-xl input {
    background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) no-repeat right center #fff !important;
    background-position-x: calc(100% - 20px) !important;
}

.input-group .date input,
.input-group.date1 input,
.input-group.date2 input {
    background: url(https://assets.travertex.com/hp/img/cust/nelolife/calendar.svg) no-repeat right center #fff !important;
    background-position-x: calc(100% - 20px) !important;
}

.input-group.nRooms input,
.input-group.SleepingRooms input {
    background: url(https://assets.travertex.com/hp/img/cust/nelolife/rooms.svg) no-repeat right center #fff !important;
    background-position-x: calc(100% - 20px) !important;
}

.input-group.nRooms::before,
.input-group.SleepingRooms::before {
    content: "Room(s) ";
    position: absolute;
    top: 18px;
    left: 45px;
    color: #252c7a;
}

#landingpage .form-separation {
    display: none !important;
}

.subnav-container {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50px;
    background-color: rgba(211,213,228,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

nav.Navbar {
    background: none;
    display: flex;
    align-items: center;
    width: unset;
    margin: 0;
    padding: 0;
    gap: 36px;
    list-style: none;
}

    nav.Navbar a,
    nav.Navbar a:link,
    nav.Navbar a:visited {
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        padding: 0;
        display: inline-block;
        color: #7c80af;
    }

        nav.Navbar a.subnav-space,
        nav.Navbar a.subnav-rfp {
            display: none;
        }

/*------------------------*/
/*  OdySol Search Widget  */
/*------------------------*/

#odysseus #OVExploreContainer {
    --secondary-color: #252c7a !important;
}

    #odysseus #OVExploreContainer .multiselect_input_wrapper {
        border-radius: 100px !important;
    }


    #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .multiselect__tags {
        background: #fff !important;
        padding: 0 24px !important;
        border: 0 !important;
        height: 50px !important;
        border-radius: 100px !important;
        color: var(--secondary-color) !important;
        font-size: 14px !important;
        font-family: inter,sans-serif !important;
        margin-bottom: 0 !important;
    }

    #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-results-wrapper {
        color: var(--secondary-color);
    }

    #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-reset-btn-wrapper .reset,
    #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-button-wrapper .od-btn {
        border-radius: 100px !important;
        flex: 0 1 auto;
        height: 50px !important;
        border: 0 !important;
        border-radius: 100px;
        background: var(--secondary-color) !important;
        display: flex !important;
        justify-content: center;
        align-items: center !important;
        gap: .8rem !important;
        margin-left: auto !important;
        width: fit-content;
    }

    #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-button-wrapper .od-btn {
        padding: 0 32px 0 28px !important;
    }

/*  /OdySol Search Widget  */

@media (max-width: 900px) {
    ul#navigation-wl li.link {
        display: none;
    }
}

#hmicon {
    display: none;
    color: #252c7a !important;
    font-size: 25px;
}

@media (max-width: 767px) {
    .header-wl {
        overflow: unset;
        position: unset;
    }

    header .container-wl {
        position: unset;
    }

    ul#navigation-wl {
        display: none;
        flex-direction: row;
        position: absolute !important;
        top: 45px !important;
        right: 0 !important;
        left: 0 !important;
        height: unset;
        z-index: 1000;
        background-color: #fff;
        padding-block: 45vh !important;
        padding-inline: 1rem !important;
        gap: .8rem;
        align-items: center;
        justify-content: center;
    }

        ul#navigation-wl li {
            background-color: white;
            font-size: 20px !important;
        }

            ul#navigation-wl li.link,
            ul#navigation-wl li#message-wl {
                display: block;
                font-size: 20px !important;
            }

            ul#navigation-wl li.link {
                margin-bottom: 25px !important;
            }

            ul#navigation-wl li#message-wl {
                flex-basis: 100%;
                text-align: center;
            }

            ul#navigation-wl li.link a {
                color: unset !important;
                font-size: 20px !important;
            }
/*            ul#navigation-wl li:not(.link, #message-wl) + li:not(.link, #message-wl) {
                border-left: 1px solid #252c7a;
                padding-left: .9rem !important;
            }
*/



    #landingpage #SearchSection {
        width: calc(100% - 30px);
    }

    #pg_Home #landingpage .tabs {
        width: calc(100% - 40px) !important;
    }

    #pg_Home #landingpage #frmGroup {
        max-width: unset;
        flex-direction: column;
        margin-top: 35px;
    }

    #landingpage #SearchSection .input-group-xl input {
        background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) no-repeat right center #fff !important;
        background-position-x: calc(100% - 20px) !important;
    }

    #landingpage #SearchSection .input-group.date1 input,
    #landingpage #SearchSection .input-group.date2 input {
        background: url(https://assets.travertex.com/hp/img/cust/nelolife/calendar.svg) no-repeat right center #fff !important;
        background-position-x: calc(100% - 20px) !important;
    }

    #landingpage #SearchSection .input-group.nRooms input {
        background: url(https://assets.travertex.com/hp/img/cust/nelolife/rooms.svg) no-repeat right center #fff !important;
        background-position-x: calc(100% - 20px) !important;
    }

    #pg_Home #landingpage .tabs {
        text-align: center;
        padding: 12px;
    }

    #landingpage ul.tab-links {
        flex-direction: column;
        height: auto;
        border-radius: 16px;
        gap: 0;
        padding: 5px;
    }

    ul.tab-links li {
        width: 100%;
    }

        ul.tab-links li a {
            display: flex !important;
            text-align: center;
            justify-content: center;
            padding: 0 24px;
        }
}

@media only screen and (max-width: 520px) {
    .subnav-container {
        font-size: 12px;
        line-height: 1.2;
        padding: 0 1rem;
        text-align: center;
        height: auto;
    }

    nav.Navbar {
        flex-direction: column;
        gap: 16px;
        margin: 24px 0 !important;
    }
}

#landingpage .tab-panel #ViewChange {
    display: none;
}

.header--home h2 {
    margin-top: 90px;
    font-size: 55px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0;
}

.header--home p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    margin-bottom: 50px;
}

body footer {
    background-color: #fff;
    margin-top: auto;
    width: 100%;
    display: block !important;
}

    body footer .container-wl {
        padding: 64px 48px 28px;
        display: flex;
        flex-direction: column;
        gap: 3rem;
        width: calc(100% - 48px - 48px);
        max-width: 100%;
    }

        body footer .container-wl .footer__block-list {
            display: flex;
            width: 100%;
            column-gap: 5rem;
            align-items: flex-start;
            justify-content: space-between;
        }

            body footer .container-wl .footer__block-list .footer__block--links {
                display: flex;
                flex-direction: column;
                gap: 1.25rem;
            }

                body footer .container-wl .footer__block-list .footer__block--links p {
                    text-transform: uppercase;
                    line-height: 1.7;
                    text-transform: uppercase;
                    letter-spacing: .18em;
                    color: #1c1c1c;
                    text-align: left;
                    margin: 0;
                    font-size: 12px;
                }

                body footer .container-wl .footer__block-list .footer__block--links ul {
                    grid-template-columns: minmax(0,1fr);
                    align-content: start;
                    display: grid;
                    margin: 0;
                    padding: 0;
                    gap: .625rem;
                    list-style: none;
                }

                    body footer .container-wl .footer__block-list .footer__block--links ul li a {
                        color: #1c1c1c;
                        font-size: 14px;
                        text-decoration: none;
                    }

            body footer .container-wl .footer__block-list .footer__block--text {
                flex-basis: 14rem;
                max-width: 24rem;
                min-width: 24rem;
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 1.25rem;
            }

                body footer .container-wl .footer__block-list .footer__block--text a {
                    color: #1c1c1c;
                    text-decoration: none;
                }

        body footer .container-wl .footer__aside {
            display: flex;
            width: 100%;
            justify-content: space-between;
            color: #1c1c1c;
        }

            body footer .container-wl .footer__aside .text-xxs {
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: .18em;
                color: #1c1c1c;
                text-align: center;
            }

            body footer .container-wl .footer__aside .payment-methods {
                text-align: center;
            }


@media only screen and (max-width: 520px) {
    body footer .container-wl {
        width: calc(100% - 4rem);
        padding: 64px 2rem 2rem
    }

        body footer .container-wl .footer__block-list {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 36px 0
        }

            body footer .container-wl .footer__block-list .footer__block--links {
                max-width: 50%;
                width: 100%
            }

        body footer .container-wl .footer__aside {
            flex-direction: column-reverse;
            align-items: center;
            gap: 8px
        }

            body footer .container-wl .footer__aside .text-xxs {
                font-size: 10px
            }
}

#Search-Box {
    background: none !important;
}

    #Search-Box .clear {
        display: none;
    }

    #Search-Box .container_hp {
        max-width: unset;
        height: 66px;
        display: flex;
        width: calc(100% - 80px - 80px);
        align-items: center;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        gap: 0 12px;
        background: #fff;
    }

        #Search-Box .container_hp > * {
            margin: 0;
            padding: 0;
        }

        #Search-Box .container_hp > input {
            display: none;
        }

    #Search-Box .field-group {
        width: 100%;
        position: relative;
        max-width: 160px;
        float: none;
    }

        #Search-Box .field-group label {
            display: none;
        }

        #Search-Box .field-group input,
        #Search-Box .field-group select {
            padding: 0 24px !important;
            border: 0 !important;
            height: 50px !important;
            border-radius: 100px !important;
            color: #252c7a !important;
            font-size: 14px !important;
            font-family: inter,sans-serif !important;
            margin-bottom: 0 !important;
            width: 100% !important;
        }

    #Search-Box #rooms {
        position: relative;
    }

        #Search-Box #rooms:before {
            content: "Room(s) ";
            position: absolute;
            top: 18px;
            left: 45px;
            color: #252c7a;
            z-index: 1;
        }

    #Search-Box #destination {
        max-width: 350px;
    }

        #Search-Box #destination input {
            background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) no-repeat right center #f9fafa !important;
            background-position-x: calc(100% - 20px) !important;
        }

    #Search-Box #check-in input,
    #Search-Box #check-out input {
        background: url(https://assets.travertex.com/hp/img/cust/nelolife/calendar.svg) no-repeat right center #f9fafa !important;
        background-position-x: calc(100% - 20px) !important;
    }

    #Search-Box #rooms select {
        position: relative !important;
        opacity: 1 !important;
        background: url(https://assets.travertex.com/hp/img/cust/nelolife/rooms.svg) no-repeat right center #f9fafa !important;
        background-position-x: calc(100% - 20px) !important;
    }

    #Search-Box .container_hp #submit {
        margin-left: auto;
        border-radius: 100px !important;
        background: #252c7a !important;
        display: flex !important;
        align-items: center !important;
        gap: .8rem !important;
        padding: 0 32px 0 28px !important;
        justify-content: flex-start;
        max-width: unset;
        width: fit-content !important;
    }

        #Search-Box .container_hp #submit:before {
            content: " ";
            height: 16px !important;
            width: 16px !important;
            flex: 0 0 16px;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/search.svg') !important;
        }

        #Search-Box .container_hp #submit #btnStartSearch,
        #Search-Box .container_hp #submit a {
            width: 100% !important;
            padding: 0 !important;
            height: 100% !important;
            border: 0 !important;
            height: 50px !important;
            color: #fff !important;
            font-size: 14px !important;
            background: none;
            width: fit-content !important;
            box-shadow: none !important;
        }

.field-group .customSelect {
    display: none !important;
}

#pg_SearchIndv #Content {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 64px 200px auto auto;
    box-sizing: border-box;
    column-gap: 15px;
    row-gap: 15px;
}

    #pg_SearchIndv #Content #Filter-Column {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        width: unset !important;
    }

    #pg_SearchIndv #Content #Rates-Column {
        grid-column: 2 / 3;
        grid-row: 1 / 5;
        width: unset !important;
    }

    #pg_SearchIndv #Content #Links-Column {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        width: unset !important;
    }

        #pg_SearchIndv #Content #Filter-Column .container_hp,
        #pg_SearchIndv #Content #Links-Column .container_hp {
            padding: 0;
        }

@media (max-width: 1024px) {
    #pg_SearchIndv #Content {
        display: flex;
        flex-direction: column;
        column-gap: 15px;
        row-gap: 15px;
    }
}

@media (max-width: 850px) {
    #Search-Box #destination input,
    #Search-Box #check-in input,
    #Search-Box #check-out input,
    #Search-Box #rooms select {
        background: none !important;
        padding-inline: 12px !important;
    }

    #Search-Box .container_hp #submit {
        padding-inline: 20px !important;
    }

        #Search-Box .container_hp #submit:before {
            content: unset !important;
        }
}

#Rates {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    #Rates > div {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        #Rates > div .hotel-rates {
            border-radius: 20px;
            border: 1px solid #f3f3f3;
            display: flex;
            gap: 28px;
            padding: 16px;
            width: 100%;
        }

            #Rates > div .hotel-rates .thumbnail-column {
                width: 240px;
                height: 240px;
                min-width: 240px;
                background-color: #eaecf0;
                border-radius: 14px;
                position: relative;
                overflow: hidden;
                order: 1;
                padding: 0 !important;
            }

                #Rates > div .hotel-rates .thumbnail-column .photo-wrapper {
                    width: 100%;
                    position: relative;
                    height: auto;
                    aspect-ratio: 1/1;
                    max-width: unset !important;
                    max-height: unset !important;
                }

                    #Rates > div .hotel-rates .thumbnail-column .photo-wrapper .more-photos {
                        position: absolute;
                        inset: 0;
                        z-index: 3;
                        background-color: rgba(28,28,28,.45);
                        backdrop-filter: blur(6px);
                        -webkit-backdrop-filter: blur(6px);
                        color: #fff;
                        font-size: 14px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 5px;
                        pointer-events: none;
                        transition: all .4s ease 0s;
                        transform: none !important;
                    }

                        #Rates > div .hotel-rates .thumbnail-column .photo-wrapper .more-photos > * {
                            flex: 0 1 auto;
                        }

                        #Rates > div .hotel-rates .thumbnail-column .photo-wrapper .more-photos .photo-icon {
                            margin: 0 !important;
                        }

                    #Rates > div .hotel-rates .thumbnail-column .photo-wrapper img {
                        position: absolute;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        min-width: unset !important;
                        min-height: unset !important;
                        left: 0;
                        object-position: center;
                        object-fit: cover;
                    }

                #Rates > div .hotel-rates .thumbnail-column .savings {
                    width: max-content;
                    padding: 0 12px;
                    height: 28px;
                    display: flex;
                    align-items: center;
                    gap: .2rem;
                    border-radius: 100px;
                    background-color: #dcfae6;
                    color: #17b26a;
                    margin: auto 0;
                    position: absolute;
                    text-transform: uppercase;
                    z-index: 4;
                    top: 8px;
                    right: 8px;
                    font-size: 12px;
                    font-weight: 600;
                }

            #Rates > div .hotel-rates .description-column {
                display: flex;
                flex-direction: column;
                gap: 8px;
                padding: 20px 0;
                flex-grow: 1;
                order: 2;
            }

                #Rates > div .hotel-rates .description-column .hotel-name {
                    font-size: 24px;
                    font-family: montserrat,sans-serif;
                    line-height: 1.1;
                    color: #252c7a;
                    font-weight: 700;
                }

                #Rates > div .hotel-rates .description-column .h-phone {
                    display: none;
                }

                #Rates > div .hotel-rates .description-column .address,
                #Rates > div .hotel-rates .description-column .distance {
                    color: #7c80af;
                    font-size: 12px;
                    line-height: 1.2;
                    max-width: 100%;
                    display: flex;
                    align-items: flex-start;
                    gap: .4rem;
                    background-color: white;
                }

                    #Rates > div .hotel-rates .description-column .address::before,
                    #Rates > div .hotel-rates .description-column .distance::before {
                        content: " ";
                        width: 20px;
                        height: 16px;
                    }

                    #Rates > div .hotel-rates .description-column .address::before {
                        background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) center no-repeat !important;
                        background-size: contain !important;
                    }

                    #Rates > div .hotel-rates .description-column .distance::before {
                        background: url(https://assets.travertex.com/hp/img/cust/nelolife/car.svg) center no-repeat !important;
                        background-size: contain !important;
                    }

                #Rates > div .hotel-rates .description-column .features {
                    padding: 0;
                    list-style: none;
                    font-size: 14px;
                    margin: 0;
                    color: #17b26a;
                }

                #Rates > div .hotel-rates .description-column .Comments {
                    display: none;
                }

            #Rates > div .hotel-rates .rating-column {
                width: 160px;
                min-width: 160px;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                padding-top: 12px;
                margin: 0 !important;
                order: 3;
            }

                #Rates > div .hotel-rates .rating-column .review-score {
                    font-size: 18px;
                    color: #7c80af;
                    font-weight: 600;
                    order: 1;
                }

                #Rates > div .hotel-rates .rating-column .star-rating {
                    display: flex;
                    align-items: center;
                    color: #ffba41;
                    order: 2;
                }


                #Rates > div .hotel-rates .rating-column .price {
                    color: #17b26a;
                    font-weight: 600;
                    font-size: 28px;
                    margin-top: auto;
                    order: 3;
                }

                #Rates > div .hotel-rates .rating-column .price-old {
                    order: 4;
                }

                    #Rates > div .hotel-rates .rating-column .price-old span {
                        font-weight: 600;
                        font-size: 20px;
                        text-decoration: line-through;
                        color: #ffa432;
                    }

                #Rates > div .hotel-rates .rating-column .hotel-phone-call,
                #Rates > div .hotel-rates .rating-column .recent-reviews {
                    display: none;
                }

                #Rates > div .hotel-rates .rating-column .check-rates {
                    width: max-content;
                    height: 40px;
                    margin-top: 36px;
                    border: 0;
                    border-radius: 100px;
                    background: #252c7a;
                    color: #fff;
                    font-size: 12px;
                    font-weight: 600;
                    display: flex;
                    align-items: center;
                    gap: .8rem;
                    padding: 0 32px;
                    order: 5;
                }


        #Rates > div .clear {
            display: none !important;
        }

.fa-star, .fa-star-half, .fa-star-half-o, .star-icon {
    color: #FFA432 !important;
}

@media (max-width: 850px) {
    #Rates > div .hotel-rates {
        flex-direction: row;
        flex-wrap: wrap;
    }

        #Rates > div .hotel-rates .thumbnail-column {
            order: 1;
        }

        #Rates > div .hotel-rates .description-column {
            order: 3;
            flex-basis: 100%;
        }

        #Rates > div .hotel-rates .rating-column {
            order: 2;
            flex-grow: 1;
        }

    div.rating-column .star-rating {
        position: relative;
        right: unset;
        top: unset;
    }
}

@media only screen and (max-width: 520px) {
    #Rates > div .hotel-rates {
        flex-direction: column;
        align-items: center;
    }

        #Rates > div .hotel-rates .thumbnail-column {
            width: 100%;
            max-width: 100%;
            height: auto;
            aspect-ratio: 16/9;
            order: 1;
        }

        #Rates > div .hotel-rates .description-column {
            width: 100%;
            max-width: 100%;
            order: 2;
        }

        #Rates > div .hotel-rates .rating-column {
            width: 100%;
            max-width: 100%;
            margin: 0 auto !important;
            padding: 0;
            order: 3;
        }

    div.rating-column .star-rating {
        position: relative;
        right: unset;
        top: unset;
    }

    #Search-Box {
        display: none !important;
    }
}


#Filter {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    #Filter .filter-section:not(:first-of-type) {
        width: calc(100% - 48px);
        border-radius: 12px;
        padding: 20px 24px;
        border: 1px solid #f3f3f3;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

#hotelResultsCount {
    color: #252c7a;
    font-size: 14px;
    font-weight: 600;
}

body .ui-slider .ui-slider-range {
    background-color: #252c7a !important;
}


body .slider.ui-slider .ui-slider-handle {
    border: 0;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -16px;
}

    body .slider.ui-slider .ui-slider-handle span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 600;
        padding: 0 8px;
        border-radius: 8px;
        background-color: rgba(124,128,175,.6);
        background-color: #b0b3cf;
        color: #fff;
    }


#Filter .filter-section .category {
    color: #252c7a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

#Filter .filter-section input[type=text] {
    height: 40px;
    padding: 0 24px;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    font-size: 14px;
    color: #252c7a;
}

#Filter .filter-section #someAmenities .field-wrap label,
#Filter .filter-section #allAmenities .field-wrap label {
    font-size: 14px;
    color: #7c80af;
}

.ui-slider-float .ui-slider-tip:before, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before,
.ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    content: unset;
}

#Map {
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 16/8;
    background-color: #7c80af;
    position: relative;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}

    #Map::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: rgba(124, 128, 175, 0.2);
    }

    #Map:hover {
        box-shadow: none;
    }

    #Map span {
        display: flex;
        gap: .4rem;
        background-color: #fff;
        padding: 0 36px;
        height: 40px;
        position: relative;
        font-size: 14px;
        align-items: center;
        font-weight: 600;
        color: #7c80af;
        width: max-content;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 100px;
    }

        #Map span::before {
            width: 20px;
            height: 20px;
            content: " ";
            background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) no-repeat center #fff !important;
        }

#paging-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

#sort-by {
    display: flex;
    list-style: none;
    gap: 0 12px;
    padding: 0;
    border: none;
}

    #sort-by li,
    #sort-by li a {
        font-size: 12px;
        color: #252c7a !important;
        height: 40px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        border-radius: 100px;
        border: 1px solid #eff0f1;
    }

        #sort-by li:first-of-type {
            width: auto;
            justify-content: flex-start;
            border: 0;
        }

            #sort-by li:first-of-type a {
                font-size: 14px !important;
            }

        #sort-by li.active {
            padding: 0 16px;
            background-color: #eff0f1 !important;
            color: #252c7a !important;
        }

#sortBy:before {
    content: unset;
    display: none;
}

#sort-by #savings-sort-option {
    color: #252c7a;
}

#paging-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

    #paging-bottom .paging_previous,
    #paging-bottom .paging_next {
        position: absolute;
    }

        #paging-bottom .paging_previous,
        #paging-bottom .paging_previous a,
        #paging-bottom .paging_next,
        #paging-bottom .paging_next a {
            padding: 0 24px;
            background-color: #eff0f1;
            color: #7c80af;
            font-size: 14px;
            border-radius: 100px;
            height: 36px;
            display: flex;
            align-items: center;
        }

    #paging-bottom .paging_previous {
        left: 0;
    }

    #paging-bottom .paging_next {
        right: 0;
    }

    #paging-bottom .paging_page,
    #paging-bottom .paging_page a {
        color: #252c7a;
        font-weight: 700;
        height: 36px;
        display: flex;
        align-items: center;
    }

#Ext-Rates #rateTable {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    #Ext-Rates #rateTable .rate-selection {
        margin: 0;
        border-radius: 20px;
        border: 1px solid #f3f3f3;
        width: 100%;
        display: flex;
        gap: 28px;
        padding: 16px;
    }

#Rates-Selection .room-wrapper {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 28px;
    flex-grow: 1;
    flex-shrink: 1;
}

    #Rates-Selection .room-wrapper .thumbnail-wrapper {
        padding: 0;
        margin: 0;
        width: 180px;
        height: auto;
        aspect-ratio: 1 / 1;
        min-width: 180px;
        background-color: #eaecf0;
        border-radius: 14px;
        position: relative;
        overflow: hidden;
    }

        #Rates-Selection .room-wrapper .thumbnail-wrapper .room-image,
        #Rates-Selection .room-wrapper .thumbnail-wrapper .nothumbavail, .nothumbavailGroup {
            height: 100% !important;
            width: 100% !important;
            background-size: cover !important;
        }

    #Rates-Selection .room-wrapper .room-description {
        flex-grow: 1;
        flex-shrink: 1;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 20px 0;
    }

        #Rates-Selection .room-wrapper .room-description .room-title {
            font-size: 20px;
            font-family: montserrat,sans-serif;
            line-height: 1.1;
            color: #252c7a;
            font-weight: 700;
        }

        #Rates-Selection .room-wrapper .room-description .nonrefundableinfo {
            display: flex;
            gap: 5px;
            align-items: center;
        }

            #Rates-Selection .room-wrapper .room-description .nonrefundableinfo:before {
                content: " ";
                display: block;
                height: 16px;
                width: 20px;
                background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/info.svg') !important;
                background-repeat: no-repeat !important;
                background-size: 20px 16px !important;
                background-color: unset !important;
            }

        #Rates-Selection .room-wrapper .room-description .nonSmoking {
            display: flex;
            gap: 5px;
            align-items: center;
            background: unset;
            padding: 0;
        }

            #Rates-Selection .room-wrapper .room-description .nonSmoking:before {
                content: " ";
                display: block;
                height: 16px;
                width: 20px;
                background-image: url('https://assets.travertex.com/hp/img/cust/nelolife/smoke.svg') !important;
                background-repeat: no-repeat !important;
                background-size: 20px 16px !important;
                background-color: unset !important;
            }

        #Rates-Selection .room-wrapper .room-description .cancelinfo {
            display: flex;
            gap: 5px;
            align-items: center;
            padding: 0;
        }

            #Rates-Selection .room-wrapper .room-description .cancelinfo::before {
                content: " ";
                width: 20px;
                height: 20px;
                border-radius: 100%;
                background-color: #dcfae6;
                background-image: url(https://cdn.hotelplanner.com/Common/Images/greencheck-16.png);
                background-size: 8px;
                background-position: center;
                background-repeat: no-repeat;
            }

#Rates-Selection .rates-icon {
    width: 160px;
    min-width: 160px;
    padding: 0;
    margin: 0;
}

    #Rates-Selection .rates-icon .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        justify-content: space-between;
    }

        #Rates-Selection .rates-icon .row::after,
        #Rates-Selection .rates-icon .row::before {
            display: none;
        }

        #Rates-Selection .rates-icon .row > * {
            width: 100%;
            text-align: center;
        }

@media only screen and (max-width: 780px) {
    .MobileSite .price-container {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #Ext-Rates #rateTable .rate-selection {
        flex-direction: column;
        align-items: center;
    }

    #Rates-Selection .room-wrapper {
        flex-direction: column;
        align-items: center;
    }

        #Rates-Selection .room-wrapper .thumbnail-wrapper {
            display: block !important;
            margin-inline: auto;
            width: 320px;
            max-width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
        }

        #Rates-Selection .room-wrapper .room-description {
            width: 320px;
            max-width: 100%;
        }

    #Rates-Selection .rates-icon {
        width: fit-content;
        max-width: 100%;
    }
}

.rateSearchForm {
    background: #fff !important;
}

#Rates-Selection .fa-info, #Rates-Selection .fa-check-circle, #Rates-Selection .fa-credit-card {
    display: none;
}

#Rates-Selection .price {
    color: #17b26a;
    font-weight: 600;
    font-size: 28px;
    margin-top: auto;
}

#Profile button.orange-flatBtn {
    width: max-content;
    height: 40px;
    margin-top: 36px !important;
    border: 0;
    border-radius: 100px;
    background: #252c7a;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 0 32px;
    margin: 0 auto !important
}

    #Profile button.orange-flatBtn:hover {
        border: 0;
        border-radius: 100px;
        background: #252c7a;
    }

.rate-selection .MostPopular {
    display: none !important;
}

#QuickJumpTo, #Submenu-Top {
    display: none;
}

#Profile .container-fluid {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    #Profile .container-fluid > * {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        #Profile .container-fluid > * .row {
            width: 100%;
            padding: 0;
        }

        #Profile .container-fluid > *:first-child,
        #Profile .container-fluid > *:last-child {
            display: none;
        }

    #Profile .container-fluid:before,
    #Profile .container-fluid:after {
        content: unset;
    }

#back-to-top {
    display: none !important;
}

#walkthruIframe {
    border: 0;
}

#pg_HotelProfile #Description {
    display: flex;
    flex-direction: column;
}

    #pg_HotelProfile #Description .col-lg-3.col-md-3 {
        border: 1px solid #f3f3f3;
        border-radius: 10px;
        width: 100%;
        padding: 25px;
    }

        #pg_HotelProfile #Description .col-lg-3.col-md-3:not(:first-of-type, #FeesPolicies + div)::before,
        #pg_HotelProfile #Description .col-lg-3.col-md-3:not(:first-of-type, #FeesPolicies + div)::after {
            width: 20px;
            height: 2px;
            background-color: #252c7a;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 40px;
            margin: auto;
            transition: all .4s ease 0s;
            transform-origin: center center;
        }

        #pg_HotelProfile #Description .col-lg-3.col-md-3:not(:first-of-type, #FeesPolicies + div)::after {
            transform: rotate(90deg);
        }

        #pg_HotelProfile #Description .col-lg-3.col-md-3:first-of-type,
        #pg_HotelProfile #Description #FeesPolicies + div,
        #pg_HotelProfile #Description .col-lg-3.col-md-3.active {
            border-bottom: none;
            border-radius: 10px 10px 0 0;
        }

            #pg_HotelProfile #Description .col-lg-3.col-md-3.active::before,
            #pg_HotelProfile #Description .col-lg-3.col-md-3.active::after {
                transition: all .4s ease 0s
            }

            #pg_HotelProfile #Description .col-lg-3.col-md-3.active::before {
                transform: rotate(45deg);
            }

            #pg_HotelProfile #Description .col-lg-3.col-md-3.active::after {
                transform: rotate(135deg) !important;
            }

        #pg_HotelProfile #Description .col-lg-3.col-md-3 > h2 {
            color: #252c7a;
        }

    #pg_HotelProfile #Description .col-lg-9.col-md-9 {
        border: 1px solid #f3f3f3;
        border-top: none;
        border-radius: 0 0 10px 10px;
        width: 100%;
        padding: 0 40px 40px;
    }

.dot-line {
    background: none !important;
    height: 20px !important;
}

#Gallery {
    --h: 384px;
    --gap: 20px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
    overflow: hidden;
    height: unset;
}

    #Gallery::before {
        content: " ";
        position: absolute;
        inset: 0;
        z-index: 1000;
    }

#Profile .rg-image-nav a, .rg-caption-wrapper {
    display: none;
}

#Gallery + * {
    display: none;
}

.rg-image-wrapper {
    height: var(--h) !important;
    border-radius: 20px;
}

.rg-image {
    border-radius: 20px;
}

    .rg-image img {
        height: 100%;
        object-fit: cover;
        max-height: 100%;
    }

.es-carousel-wrapper {
    padding: unset !important;
    margin: 0px 0px !important;
}

.rg-view {
    display: none;
}

.es-nav {
    display: none;
}

.es-carousel {
    height: var(--h);
}

    .es-carousel ul {
        margin: 0 !important;
        margin-left: 0 !important;
        width: 511px !important;
        width: 100% !important;
        display: flex !important;
        flex-flow: column wrap !important;
        height: var(--h) !important;
        gap: 3px;
        display: grid !important;
        grid-template-columns: [start] calc(50% - var(--gap) / 2) [middle] calc(50% - var(--gap) / 2) [end];
        grid-template-rows: [top] calc(50% - var(--gap) / 2) [middle] calc(50% - var(--gap) / 2) [bottom];
        gap: var(--gap);
    }

        .es-carousel ul li {
            width: unset !important;
            margin: 0px !important;
            height: 125px !important;
        }

            .es-carousel ul li:nth-child(2) {
                grid-column-start: start;
                grid-column-end: end;
                grid-row-start: top;
                grid-row-end: middle;
            }

            .es-carousel ul li:nth-child(3) {
                grid-column-start: start;
                grid-column-end: middle;
                grid-row-start: middle;
                grid-row-end: bottom;
            }

            .es-carousel ul li:nth-child(4) {
                grid-column-start: middle;
                grid-column-end: end;
                grid-row-start: middle;
                grid-row-end: bottom;
                position: relative;
            }

        .es-carousel ul li {
            width: unset !important;
            height: unset !important;
            margin: 0px !important;
        }


            .es-carousel ul li a {
                width: 100% !important;
                height: 100% !important;
                position: relative;
            }

            .es-carousel ul li:nth-child(4) a::before {
                content: var(--carContent);
                position: absolute;
                inset: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                background-color: rgba(28,28,28,0.65);
                backdrop-filter: blur(4px);
                -webkit-backdrop-filter: blur(4px);
                border-radius: 20px;
                z-index: 1;
            }

            .es-carousel ul li a img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover;
                border-radius: 20px;
            }

#rg-gallery {
    display: flex;
    gap: var(--gap);
}

    #rg-gallery > * {
        flex-basis: 40%;
        flex-grow: 1;
    }

@media (max-width: 780px) {
    #rg-gallery .rg-thumbs {
        display: block;
    }
}

@media only screen and (max-width: 520px) {
    #rg-gallery {
        flex-direction: column;
    }

        #rg-gallery > * {
            width: 100%;
        }
}

.recentcount {
    display: none;
}

#WeatherInfo {
    display: none !important;
}

#RelatedHotels {
    display: none !important;
}

#Overview {
    margin-top: 10px;
    display: flex;
}

@media (max-width: 1024px) {
    #Profile .container-fluid .row {
        padding: 10px !important;
        margin: 0 !important;
    }
}

#Action-Box {
    margin: 0;
    background: #252c7a;
    color: #fff;
    border-radius: 40px;
    padding: 0 30px;
}

.availability,
.availability .searchdates {
    color: #7c80af !important;
}

.hotel-contact-container {
    width: 100%;
}

#hotel-contact {
    float: unset;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

    #hotel-contact > * {
        padding: 0;
        margin: 0;
    }

    #hotel-contact h1 {
        flex-basis: 100%;
        font-size: 40px;
        font-family: montserrat,sans-serif;
        color: #252c7a;
    }

#star-rating,
#hotel-address {
    font-size: 12px;
    color: #7c80af;
}

#highwayInfo {
    margin-inline: 10px;
    padding-inline: 10px;
    border-inline: 1px solid #7c80af;
    height: 30px;
}

#highwayInfo,
#hotel-address {
    display: flex;
    align-items: center;
    gap: 4px;
}

#star-rating {
    display: flex;
    align-items: center;
    gap: 0px;
}

#highwayInfo::before,
#hotel-address::before {
    content: " ";
    width: 20px;
    height: 16px;
}

#highwayInfo::before {
    background: url(https://assets.travertex.com/hp/img/cust/nelolife/car.svg) center no-repeat !important;
    background-size: contain !important;
}

#hotel-address::before {
    background: url(https://assets.travertex.com/hp/img/cust/nelolife/location.svg) center no-repeat !important;
    background-size: contain !important;
}

#highwayInfo .fa-car,
#hotel-address > span:first-of-type {
    display: none;
}

#map-phone {
    width: 0;
    height: 0;
    overflow: hidden;
    display: block;
}

    #map-phone a::before {
        content: " ";
        position: absolute;
        inset: 0;
    }


.rate-select-top {
    margin-block: 24px;
}

#Rates-Selection .sub-section {
    font-size: 20px;
    color: #252c7a;
    width: 100%;
}

#pg_HotelProfile #Ext-Search-Form {
    border: 0;
    margin-inline: 0 !important;
}

#Ext-Filters {
    margin-bottom: 30px;
}

#Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 {
    display: flex;
    flex-direction: column;
}

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #HotelName {
        order: 1;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #Overview {
        order: 2;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #Ext-Search-Form {
        order: 3;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #Rates-Selection {
        order: 4;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #RateCalendar {
        order: 5;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #MapSection {
        order: 6;
        order: 10;
        margin-top: 20px;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #Reviews {
        order: 7;
        order: 9;
    }

    #Profile .col-lg-9.col-md-10.col-sm-12.col-xs-12 #Description {
        order: 8;
    }

.user-reviews-section, #trustyou-section {
    display: none !important;
}

#tvxModalr {
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
}

    #tvxModalr .tvxModal-content {
        position: relative;
        margin: unset;
        width: unset;
    }

.carousel {
    max-width: 100%;
    width: 720px;
}

    .carousel .carousel-inner,
    .carousel img,
    .carousel .carousel-control {
        border-radius: 20px;
    }




#pg_GroupAccount h1,
#pg_GroupAccount h2,
#pg_GroupAccount h3 {
    color: #252c7a;
}

#pg_GroupAccount #btnSubmit {
    border-radius: 100px;
    background: #252c7a;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 0 32px;
    height: 45px;
}

#pg_GroupAccount .alt-btn,
#pg_GroupAccount a.alt-btn {
    border-radius: 100px;
    background-color: #252c7a !important;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 0 25px;
    height: 35px;
    width: fit-content;
}



#pg_GroupPost #btnSubmit,
#pg_SpaceSearch #submit-btn,
#pg_SpaceSearch .lessbs #room-box a {
    border-radius: 100px;
    background: #252c7a;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 0 32px;
    width: fit-content;
}

#pg_GroupPost #btnSubmit,
#pg_SpaceSearch #submit-btn {
    height: 45px;
}

#pg_SpaceSearch .lessbs #room-box a {
    height: 35px;
}

#pg_SpaceSearch .form-group:has(#submit-btn) {
    display: flex;
    align-items: center;
    justify-content: center;
}

    #pg_SpaceSearch .form-group:has(#submit-btn) label {
        display: none;
    }

.form-header,
#frmRequest label,
.fa-plus,
#pg_SpaceSearch #room-box h4 {
    color: #252c7a;
}