:root { --color-blue: #2315BF; --color-light-blue: #2F2D43; --color-light-grey: #6C6A81; --color-heading: #002066; --color-white: #fff; --color-green: #008035; --bg-light-grey: #f7f6fd; --bg-light-grey-hover: #E8E6F9; --border-subtle: #D8D6F2; --color-yellow-FFD: #FFDD33; --color-black: #000000; --font-ova: 'ova', Arial, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; --font-poppins: 'Poppins', Arial, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; --font-poppins-light: 'Poppins-Light', Arial, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; --font-poppins-semibold: 'Poppins-SemiBold', Arial, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; --font-poppins-medium: 'Poppins-Medium', Arial, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; --color-grey-191: #191b21 } .hotel-deals__card:hover { color: inherit } .splide__container { box-sizing: border-box; position: relative } .splide { display: none; position: relative; visibility: hidden } .splide.is-initialized, .splide.is-rendered { display: block; visibility: visible } .splide__track { overflow: hidden; position: relative; width: 100% } .splide__track--draggable { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; touch-action: pan-y } .splide__list { backface-visibility: hidden; display: flex; height: inherit !important; margin: 0 !important; padding: 0 !important } .splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; -webkit-tap-highlight-color: transparent } .splide__slide img { vertical-align: bottom } .splide__track--draggable .splide__slide { -webkit-user-select: none; user-select: none } .splide__track--draggable .splide__slide img { -webkit-user-drag: none } .hotel-deals-main-container .splide__arrow { align-items: center; background: 0 0; border: 0; cursor: pointer; display: flex; justify-content: center; padding: 0; position: absolute; top: 170px; transform: translateY(-50%); z-index: 1 } .hotel-deals-main-container .hotel-deals__arrows-host .splide__arrow {top:50% !Important} .splide__arrow svg { height: 2.5em; transition: fill .2s linear; width: 1rem } .splide__arrow:disabled { cursor: not-allowed; opacity: .3 } .splide.is-focus-in .splide__arrow:focus, .splide__arrow:focus-visible { outline: var(--color-blue) solid 2px; outline-offset: 2px } .hotel-deals-main-container .splide__arrow--prev { left: -1rem } .hotel-deals-main-container .splide__arrow--next { right: -1rem } .hotel-deals-main-container .hotel-deals__arrows-host .splide__arrow--prev { left: -0.5rem } .hotel-deals-main-container .hotel-deals__arrows-host .splide__arrow--next { right: -0.5rem } .hotel-deals { --hotel-deals-radius-card: 1rem; --hotel-deals-radius-top: 1rem 1rem 0 0; --hotel-deals-radius-pill: 24px; --hotel-deals-radius-badge: 4px; --hotel-deals-shadow-fab: 0 1px 4px 0 rgba(10, 6, 55, 0.15); --hotel-deals-fs-12: 12px; --hotel-deals-fs-14: 14px; --hotel-deals-fs-16: 16px; --hotel-deals-fs-18: 18px; --hotel-deals-fs-20: 20px; --hotel-deals-fs-24: 24px; --hotel-deals-lh: 1.2; --hotel-deals-gap: 24px; --hotel-deals-color-yellow: #ffdd33; font-family: var(--font-poppins); font-size: var(--hotel-deals-fs-14); line-height: var(--hotel-deals-lh); color: var(--color-heading); box-sizing: border-box } .hotel-deals *, .hotel-deals ::after, .hotel-deals ::before { box-sizing: border-box } .hotel-deals__inner.container { margin: 0 auto !important } .hotel-deals__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: var(--hotel-deals-gap); width: 100% } .hotel-deals__titles { flex: 1 1 auto; min-width: 0 } .hotel-deals__title, .hotel-deals__title.dealHeading { margin: 0; font-size: var(--hotel-deals-fs-24); font-family: var(--font-poppins-medium); color: var(--color-brand-black); line-height: var(--hotel-deals-lh); font-weight: 700 } .hotel-deals__title.dealHeading { color: var(--color-heading) } .hotel-deals__nightly .dealfare-discount { font-size: 12px; color: var(--color-brand-black) } .hotel-deals__total .dealfare-discount { font-weight: 700 } .hotel-deals__subtitle, .hotel-deals__subtitle.dealSubHeading { margin: 8px 0 0; padding: 0; font-size: var(--hotel-deals-fs-16); color: var(--color-brand-black); line-height: var(--hotel-deals-lh) } .hotel-deals__arrows-host { display: flex; align-items: center; gap: 8px; flex-shrink: 0 } .hotel-deals__inner .splide__arrow { position: absolute; transform: none; width: auto; height: auto; min-width: 32px; min-height: 48px; padding: 12px; border-radius: 8px; background: var(--color-white); box-shadow: 0 4px 16px 0 #181A2526 !important; box-shadow: none; opacity: 1; color: var(--color-heading) } .hotel-deals__inner .splide__arrow:disabled { display: flex !important; opacity: 0; cursor: not-allowed } .hotel-deals__inner .splide__arrow:not(:disabled) { opacity: 1; cursor: pointer } .hotel-deals__inner .splide__arrow:not(:disabled):hover { border-color: var(--color-light-grey) } .hotel-deals__inner .splide__arrow svg { width: 12px; height: 12px; color: var(--color-light-blue) } .hotel-deals__inner .splide__arrow--prev.splide__arrow svg { transform: rotate(-180deg) } .hotel-deals .dealSlider { overflow: hidden; padding: 0 } .hotel-deals .dealSlider .splide__slide { flex: none; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .hotel-deals .dealSlider .splide__track ul.splide__list { gap: 0; column-gap: 0; padding: 0 } .hotel-deals__card { display: block; text-decoration: none; color: inherit; height: 100% } .hotel-deals__card-inner { display: flex; flex-direction: column; gap: 16px; height: 100%; border: 1px solid #d8d6f2; border-radius: var(--hotel-deals-radius-card) } .hotel-deals__media { position: relative; min-height: 160px; background-color: var(--bg-light-grey); border-radius: var(--hotel-deals-radius-top); overflow: hidden; padding: 8px; display: flex; flex-direction: column; align-items: stretch; justify-content: center } .hotel-deals__media-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--hotel-deals-radius-top) } .hotel-deals__media-nav { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 100% } .hotel-deals__media-nav.is-hidden { display: none } .hotel-deals__icon-round { display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: var(--hotel-deals-radius-pill); background: rgba(0, 0, 0, .4); backdrop-filter: blur(2px); border: 0; cursor: pointer; color: var(--color-white); height: 32px; width: 32px } .hotel-deals__icon-round svg { display: none !important } .hotel-deals__icon-round:before { content: ""; color: var(--color-white); width: 8px; height: 8px; display: block; border-top: 2px solid var(--color-white); border-right: 2px solid var(--color-white); transform: rotate(45deg) } .hotel-deals__icon-round.hotel-deals__gal-prev:before { transform: rotate(-135deg) } .hotel-deals__badge-member { position: absolute; left: 8px; top: 8px; z-index: 2; padding: 4px 8px; border-radius: var(--hotel-deals-radius-card) 0 var(--hotel-deals-radius-card) 0; background: rgba(0, 0, 0, .6); backdrop-filter: blur(10px); color: var(--color-white); font-size: var(--hotel-deals-fs-12); font-family: var(--font-poppins-medium); line-height: var(--hotel-deals-lh); display: none !important } .hotel-deals__body { display: flex; flex-direction: column; gap: 8px; padding: 0 16px 16px } .hotel-deals__city { margin: 0; color: var(--color-light-grey); font-size: var(--hotel-deals-fs-14); line-height: var(--hotel-deals-lh) } .hotel-deals-main-container { margin-top: 3.5rem } .hotel-deals__package-title { margin: 0 0 4px; color: var(--color-brand-black); font-size: var(--hotel-deals-fs-20); line-height: var(--hotel-deals-lh); font-family: var(--font-poppins-medium); font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; min-height: 48px } .hotel-deals__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; width: 100% } .hotel-deals__col-left { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px } .hotel-deals__col-right { min-width: 0; display: flex; flex-direction: column; align-items: flex-end; text-align: right } .hotel-deals__rating { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 4px; padding: 4px 8px; border-radius: var(--hotel-deals-radius-badge); background: rgba(0, 128, 85, .05); border: 1px solid rgba(0, 128, 53, .15); font-size: var(--hotel-deals-fs-14); line-height: var(--hotel-deals-lh); width: fit-content; max-width: 100% } .hotel-deals__rating-score { color: var(--color-green); font-family: var(--font-poppins-semibold) } .price-section { justify-content: right } .hotel-deals__rating-label { color: var(--color-light-blue) } .hotel-deals__pricing { display: flex; flex-direction: column; align-items: end; gap: 4px } .hotel-deals__savings { display: inline-block; padding: 4px 8px; border-radius: var(--hotel-deals-radius-badge); font-family: var(--font-poppins-medium); font-size: var(--hotel-deals-fs-12); line-height: var(--hotel-deals-lh); color: var(--color-brand-black); background: var(--color-yellow-FFD) } .hotel-deals__savings-wrap { height: 25px } .hotel-deals__savings--member { background: var(--hotel-deals-color-yellow); color: var(--color-light-blue) } .hotel-deals__nightly { margin: 0; font-size: var(--hotel-deals-fs-16); line-height: var(--hotel-deals-lh); color: var(--color-light-blue) } .hotel-deals__total { margin: 0; font-size: var(--hotel-deals-fs-18); line-height: var(--hotel-deals-lh); color: var(--color-brand-blackg); font-family: var(--font-poppins-semibold) } .hotel-deals__taxes { margin: 0; font-size: var(--hotel-deals-fs-12); line-height: var(--hotel-deals-lh); color: var(--color-light-grey); white-space: nowrap } .hotel-deals__route { display: flex; align-items: center; gap: 8px; padding: 8px 0; margin: 0; font-size: var(--hotel-deals-fs-14); line-height: var(--hotel-deals-lh); color: var(--color-light-blue) } .hotel-deals__route svg { flex-shrink: 0; width: 16px; height: 16px; color: var(--color-green) } .hotel-deals__amenity-infoicon { margin-left: 2px; color: var(--color-green); position: relative; outline: 0 } .hotel-deals__amenity-infoicon .hotel-deals__amenity-infoicon { background-color: var(--color-white); display: block; position: absolute; top: 100%; right: -16px; padding: 12px; border-radius: 4px; width: 220px; color: var(--color-light-blue); font-size: 11px; text-align: left; box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2); transition: .2s linear; opacity: 0 } .hotel-deals__amenity-infoicon .hotel-deals__amenity-infoicon:before { content: ''; position: absolute; bottom: calc(100% + 1px); right: 55px; display: block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(0, 0, 0, .1); margin-left: -8px; line-height: normal } .hotel-deals__amenity-infoicon .hotel-deals__amenity-infoicon:after { content: ''; position: absolute; bottom: 100%; right: 55px; display: block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--color-white); margin-left: -8px; line-height: normal } .hotel-deals__amenity-infoicon-wrap:focus .hotel-deals__amenity-infoicon, .hotel-deals__amenity-infoicon-wrap:hover .hotel-deals__amenity-infoicon { opacity: 1; top: calc(100% + 8px) } .hotel-deals__amenity-infoicon svg { display: inline-block; width: 14px; height: 14px } .hotel-deals__amenities { margin: 0; font-size: var(--hotel-deals-fs-12); line-height: var(--hotel-deals-lh); color: var(--color-green); display: flex; flex-direction: column; justify-content: center; align-items: end; min-height: 30px } .hotel-deals__amenities p { display: inline-flex; margin: 0; line-height: var(--hotel-deals-lh) } .hotel-deals__amenities p+p { margin-top: 6px } .hotel-deals:not(.hotel-deals--loaded)>.hotel-deals__tnc, .hotel-deals__splide>.splide__arrows { display: none } .hotel-deals__tnc .tooltips__inner { line-height: 1.5 } .hotel-deals__tnc .tooltips__inner .a-link { color: var(--color-grey-191) !important } .hotel-deals__tnc { position: relative; color: var(--color-light-blue) !important; font-family: var(--font-poppins-light); padding-top: 1rem; display: block; font-size: 12px } .hotel-deals .tooltip-disclaimer, .hotel-deals__tooltip-panel { display: none; position: absolute; padding: 0; z-index: 1000; max-width: min(360px, 92vw); background: var(--color-white); border: 1px solid var(--border-subtle); border-radius: var(--hotel-deals-radius-badge); box-shadow: var(--hotel-deals-shadow-fab) } .hotel-deals__tooltip-panel.is-visible { display: block } .hotel-deals__info-svg { width: 14px; height: 14px; vertical-align: top } .hotel-deals .splide__sr { display: none } @media (max-width:1024px) { .hotel-deals .splide__arrows { display: none } } @media (max-width:768px) { .searchWidgetV2.new-widget-design .tooltip-disclaimer { margin-left: 1rem !important } .hotel-deals__tnc .tooltips__inner .a-link { text-decoration: underline !important } } @media (max-width:767px) { .hotel-deals-main-container { margin-top: 2.5rem } .hotelDealContainer.hotel-deals.hotel-deals--loaded:first-of-type { padding-top: 0 !important } .hotel-deals { padding-left: 1rem; padding-right: 1rem } .hotel-deals__arrows-host { display: none } .hotel-deals__title, .hotel-deals__title.dealHeading { font-size: var(--hotel-deals-fs-20); padding-bottom: 0 } .hotel-deals__tnc .tooltips__inner { margin-top: 8px !important } .hotel-deals__tnc .tooltips__close { right: -4px !important; top: -4px !important } } @media (max-width:434px) { .hotel-deals .tooltip-disclaimer, .hotel-deals__tooltip-panel { left: .5rem !important } } .deals-loader .deals-carousel { display: flex; gap: 1rem; overflow-x: auto; overflow-y: hidden; padding: 0 0 .25rem .5rem } .deals-loader .deal-list { padding: 0 10px 0 5px; font-size: 1rem; border: 0 } .deals-loader .deal-list:hover { background-color: transparent } .deals-loader .deal-list__item { border: 1px solid #dbdbdb; border-radius: .5rem; cursor: default; background-color: var(--color-white) } .deals-loader .travel-details { background: var(--color-white); margin: 0; padding: 1rem; position: relative; border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; color: #313541; box-shadow: none } .deals-loader .alice-carousel__next-btn, .deals-loader .alice-carousel__prev-btn { display: none } .deals-loader .SummerDealCarousel section, .deals-loader .dealCarouselView section { border-bottom: 1px solid #b1b3be } .deals-loader .deal-disclaimer { display: none; margin: 1rem 1rem 0; font-size: .8rem } @media (min-width: 992px) and (max-width: 1024px) { .hotel-deals__inner.container,.hotel-deals .hotel-deals__tnc,.hotel-logo-rebrading-section{padding: 0 2rem!important} } @media (min-width: 768px) and (max-width: 992px) { .hotel-deals__inner.container{padding:0} } .hotel-deals__media-img{opacity: 0; animation: fadeOpacity 1s forwards; animation-delay: 1s} .hotel-deals__inner.mt-5.container{margin-top:3.5rem!important}@media (max-width:767px){.hotel-deals__inner.mt-5.container{margin-top:2.5rem!important}}