/* HOVER */ /* BORDERS, ACTIVE*/ @font-face { font-family: "Swiss721BT-Medium"; src: url("/assets/fonts/Swiss721BT-Medium.woff2") format("woff2"); } @font-face { font-family: "SourceSerif4-MediumItalic"; src: url("/assets/fonts/SourceSerif4-MediumItalic.woff2") format("woff2"); } body { font-family: serif; font-size: 100%; line-height: 1.35; } input { font-family: serif; } h1, h2, h3 { font-weight: normal; } h1 { font-size: 30px; } h2 { font-size: 20px; } h3 { font-size: 18px; } html { scroll-behavior: smooth; } .template { display: none; } * { text-rendering: geometricPrecision; } .no-wrap { white-space: nowrap; } .styledIcon { width: 18px; height: 18px; margin: 0 0 0 0; fill: #1C1C1C; } .styledIcon.shareIcon { width: 20px; height: 20px; margin: -1px 0 0 -2px; } .styledIcon.linkIcon { width: 23px; height: 22px; margin: -2px 0 0 -2px; } .styledIcon.emailIcon { width: 24px; height: 24px; margin: -3px 0 0 -3px; } .styledIcon.xIcon { width: 22px; height: 22px; margin: -2px 0 0 -2px; } .styledIcon.whatsappIcon { width: 26px; height: 26px; margin: -4px 0 0 -4px; } .styledIcon.facebookIcon { width: 29px; height: 29px; margin: -5px 0 0 -5px; } .product-card .card-favourite.icon-button.favourite .styledIcon.favourites-icon, .poolside-product-type-card .card-favourite.icon-button.favourite .styledIcon.favourites-icon, .daypass-product-card .card-favourite.icon-button.favourite .styledIcon.favourites-icon, #favourite.icon-button .styledIcon.favourites-icon { width: 22px; height: 22px; margin: -2px 0 0 -2px; pointer-events: none; --fill-colour: transparent; --outline-colour: #1C1C1C; } .product-card .card-favourite.icon-button.favourite:hover .styledIcon.favourites-icon, .poolside-product-type-card .card-favourite.icon-button.favourite:hover .styledIcon.favourites-icon, .daypass-product-card .card-favourite.icon-button.favourite:hover .styledIcon.favourites-icon, #favourite.icon-button:hover .styledIcon.favourites-icon { --outline-colour: #1C1C1C; } .product-card .card-favourite.icon-button.favourite.saved .styledIcon.favourites-icon, .poolside-product-type-card .card-favourite.icon-button.favourite.saved .styledIcon.favourites-icon, .daypass-product-card .card-favourite.icon-button.favourite.saved .styledIcon.favourites-icon, #favourite.icon-button.saved .styledIcon.favourites-icon { --fill-colour: #D0021B; --outline-colour: transparent; } a.favourites-button .icon .styledIcon.favourites-icon { width: 13px; height: 13px; --fill-colour: transparent; --outline-colour: #1C1C1C; } a.favourites-button:hover .icon .styledIcon.favourites-icon { --outline-colour: #1C1C1C; } a.favourites-button .icon.filled .styledIcon.favourites-icon { --fill-colour: #D0021B; --outline-colour: transparent; } #breadcrumbs { color: #707070; } #breadcrumbs a { color: #707070; } #breadcrumbs a:hover { color: #1C1C1C; } #breadcrumbs a.visited { color: #707070; } a { text-decoration: none; color: #1C1C1C; } a:visited { color: #1C1C1C; } a.inverse { color: #FFFFFF; } body { overflow-x: hidden; } body > .main { max-width: 1200px; margin: 74px auto 0 auto; } body > .main:has(header.search-header) { margin: 155px auto 0 auto; } .hidden { display: none !important; } .no-results { margin: 24px 0; text-align: center; } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } #hero { position: relative; display: flex; flex-direction: column-reverse; height: 515px; margin-top: 73px; padding: 20px 120px; color: #FFFFFF; border-radius: 0; background-color: #707070; background-repeat: no-repeat; background-position: center; background-size: cover; } #hero.elevated { padding: 0; } #hero.elevated.property { flex-direction: unset; box-sizing: border-box; padding: 0 0 32px 0; } #hero.elevated.property .hero-content { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; } #hero.elevated.property .hero-content .hero-text { gap: 8px; } #hero.elevated.property .hero-content .hero-text h1 { font-size: 30px; } #hero.elevated.property .hero-content .hero-text .rating-info-elements { display: flex; flex-wrap: wrap; margin-top: 8px; gap: 16px; } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-star { font-size: 16px; line-height: 1; } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-ratings { font-size: 16px; line-height: 1; display: flex; align-items: center; gap: 4px; } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-ratings .star { width: 18px; height: 18px; margin-top: -4px; background-image: url(/assets/images/icons/starIcon.svg); background-repeat: no-repeat; background-position: center; filter: grayscale(1) brightness(0); } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-ratings .rating-count { font-size: 14px; line-height: 1; margin-left: 4px; } #hero.elevated.property.unclaimed { left: unset; overflow: hidden; width: unset; height: 515px; margin: 20px 0 0 0; border-radius: 0; } #hero.elevated.property.unclaimed .hero-content { width: auto; } #hero.elevated.property.poolside { height: 254px; } #hero.elevated.property.poolside .hero-content { width: auto; } #hero.product { overflow: hidden; height: unset; max-height: 560px; margin: 0 0 0 0; padding: 0; color: #1C1C1C; border-radius: unset; background-color: unset; } #hero.product #hero-holder { position: relative; display: flex; flex-direction: column; } #hero.product h1 { margin-block: 0; } #hero.product #product-name { order: 1; margin: 24px 0 8px; text-align: center; } #hero.product .key-points { display: flex; justify-content: center; order: 1; margin-bottom: 16px; } #hero.product .key-points .info { line-height: 24px; display: flex; flex-wrap: wrap; column-gap: 24px; justify-content: center; } #hero.product .key-points .info .item { line-height: 24px; display: flex; align-items: center; white-space: nowrap; gap: 4px; justify-content: center; } #hero.product .key-points .info .star-rating { font-size: 16px; line-height: 24px; display: flex; align-items: center; padding-bottom: 2px; gap: 4px; } #hero.product .key-points .info .star-rating .star { min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; margin-top: -2px; background-image: url("/assets/images/icons/starIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 18px; filter: grayscale(1) brightness(0.2); } #hero.product .key-points .info .star-rating .star.half { background-image: url("/assets/images/icons/starHalfIcon.svg"); } #hero.product .key-points .info .category-pills { flex-wrap: wrap; gap: 8px; row-gap: 2px; } #hero.product .key-points .info .category-pills .category-pill { white-space: nowrap; } #hero.product .key-points .icon { min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; background-repeat: no-repeat; background-position: center; background-size: cover; } #hero.product .key-points .icon.pin { background-image: url("/assets/images/icons/pinIcon.svg"); } #hero.product .key-points .icon.clock { min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; background-image: url("/assets/images/icons/clockIcon.svg"); } #hero.product .key-points .icon.people { min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; background-image: url("/assets/images/icons/peopleIcon.svg"); } #hero.product .key-points .icon.ticket { min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; background-image: url("/assets/images/icons/ticketIcon.svg"); } #hero.product .key-points .supplier { position: relative; top: -2px; width: 57px; height: 14px; background-repeat: no-repeat; background-position: right; background-size: contain; } #hero.product .key-points .supplier.viator { background-image: url(/assets/images/viator-logo.png); } #hero.product .key-points .supplier.tcl { width: 102px; height: 20px; background-image: url(/assets/images/tcl-logo.png); } #hero.product .key-points .button-container { display: flex; gap: 4px; } #hero.product .key-points .share-favourites-button-container { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 0; } #hero.product .key-points .share-favourites-button-container .icon-button { background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); } #hero.product .gallery { display: grid; order: 0; height: 370px; } #hero.product .gallery.five { grid-template-columns: 1fr 25% 25%; grid-template-rows: 0.5fr 0.5fr; } #hero.product .gallery.five .image:nth-child(1) { grid-row: 1/3; } #hero.product .gallery.three { grid-template-columns: 1fr 33%; grid-template-rows: 0.5fr 0.5fr; } #hero.product .gallery.three .image:nth-child(1) { grid-row: 1/3; } #hero.product .gallery.two { grid-template-columns: 1fr 1fr; } #hero.product .gallery .image { background-repeat: no-repeat; background-position: center; background-size: cover; } #hero.bottom-text .hero-content { display: flex; flex-direction: column-reverse; justify-content: space-between; } #hero.bottom-text .hero-content .hero-text { gap: 8px; } #hero.bottom-text .hero-content .hero-text h1 { font-family: serif; font-size: 32px; line-height: 1; } #hero.bottom-text .hero-content .hero-text div { font-size: 16px; } #hero .hero-image { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; transition-duration: 2s; transition-property: opacity; border-radius: 0; background-repeat: no-repeat; background-position: 50%; background-size: cover; } #hero .hero-image.front { z-index: 3; } #hero .hero-image.elevated { width: 100%; height: 100%; } #hero .hero-image-overlay { position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; } #hero .hero-content { z-index: 5; width: 650px; max-width: 1200px; margin: auto 80px; padding: 16px 16px 20px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); gap: 16px; display: flex; flex-direction: column-reverse; } #hero .hero-content:not(.search-widget) { width: auto; } #hero .hero-content .hero-text { display: flex; flex-direction: column; color: #1C1C1C; gap: 12px; } #hero .hero-content .hero-text div, #hero .hero-content .hero-text p:last-of-type, #hero .hero-content .hero-text p.small { font-size: 16px; } #hero .hero-content .hero-text p, #hero .hero-content .hero-text p.mid { font-size: 22px; margin: 0; } #hero .hero-content .hero-text h1 { font-family: inherit; font-size: 36px; margin: 0; } #hero .hero-content .hero-text .location-holder { display: flex; align-items: center; gap: 24px; } #hero .hero-content .hero-text .location-holder .location-text { display: flex; align-items: center; color: #1C1C1C; gap: 0; } #hero .hero-content .hero-text .location-holder .location-text .icon { width: 17px; height: 30px; margin-top: -3px; margin-right: 10px; background-image: url(/assets/images/icons/pinIconLight.svg); background-repeat: no-repeat; background-position: center; background-size: 21px; filter: brightness(0.1); } #hero .hero-content .hero-text .location-holder .location-text .location-name a { margin-left: 4px; color: #1C1C1C; } #hero .hero-content .hero-text .location-holder .location-text .location-name a:visited { color: #1C1C1C; } #hero .hero-content .hero-text .location-holder .location-data { display: flex; gap: inherit; } #hero .hero-content #weather .condition { display: flex; align-items: center; gap: 8px; } #hero .hero-content #weather .condition .icon { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; } #hero .hero-content #weather .condition .icon.inverse { filter: brightness(0.21); } #hero .hero-content #local-time { display: flex; align-items: center; gap: 8px; } #hero .hero-content #local-time .icon { width: 24px; height: 24px; margin-top: -2px; background-image: url("/assets/images/icons/clockIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #hero .hero-content #local-time .icon.inverse { filter: brightness(0.21); } #hero .hero-content #location-pill { position: absolute; display: flex; overflow: hidden; align-items: center; width: 175px; height: 30px; background-color: rgba(222, 222, 222, 0.74); box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px 0; gap: 32px; bottom: -36px; right: 0; border-radius: 2px; } #hero .hero-content #location-pill .location-pill-item { font-size: 12px; line-height: 15px; position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 175px; height: 21px; transition: opacity 0.2s ease-in-out; transform: translate(-50%, -50%); opacity: 0; color: #1C1C1C; } #hero .hero-content #location-pill .location-pill-item.active { opacity: 1; } #hero .hero-content #location-pill .location-pill-item#weather .condition { margin-left: -4px; } #hero .hero-content #location-pill .location-pill-item#weather .condition .icon { width: 21px; height: 21px; margin: 0 0 0 0; } #hero .hero-content #location-pill .location-pill-item#local-time { margin-left: -4px; } #hero .hero-content #location-pill .location-pill-item#local-time .icon { width: 21px; height: 21px; margin: 0 0 0 0; } .card-layout-container { display: flex; flex-wrap: wrap; gap: 12px 48px; } .card-layout-container.sx { column-gap: 16px; } .card-layout-container.sy { row-gap: 16px; } .card-layout-container.nx { column-gap: 0; } .card-layout-container.ny { row-gap: 0; } .card-layout-container:empty { display: none; } #shelves:not(:has(#at-the-hotel)) .signature-shelf--small, #shelves:not(:has(#at-the-hotel)) .signature-shelf--carousel { margin-top: clamp(80px, 7vw, 96px); } .signature-shelf { margin-top: 24px; } #signature-experience .signature-shelf__title { margin: 0 0 12px; font-size: 24px; } #signature-experience .signature-shelf__description { margin: 0; font-size: 14px; line-height: 18px; } .signature-shelf--small, .signature-shelf--carousel { background-color: #F4F4F4; padding: 32px 40px; margin-inline: calc(-50vw + 50%); padding-inline: calc(50vw - 50%); } @media (max-width: 1200px) { .signature-shelf--small, .signature-shelf--carousel { padding-inline: 16px; } } .signature-cards-layout-container { position: relative; } .signature-cards-layout-container .nav-button { display: none; } .signature-cards-layout-container .signature-cards { display: flex; flex-direction: column; } .signature-cards-layout-container--large .signature-cards { margin-top: 32px; gap: 32px; } .signature-cards-layout-container--small .signature-cards { margin-top: 32px; flex-direction: row; gap: 8px; } @media (max-width: 768px) { .signature-cards-layout-container--small .signature-cards { flex-direction: column; gap: 24px; } } .signature-cards-layout-container--carousel .nav-button { position: absolute; z-index: 3; top: 40%; bottom: 40%; display: flex; align-items: center; justify-content: center; min-width: 32px; cursor: pointer; transition: opacity ease-out 0.25s; opacity: 0.7; border-radius: 0 6px 6px 0; background-color: #FFFFFF; } .signature-cards-layout-container--carousel .nav-button:after { display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; content: ""; pointer-events: none; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; rotate: 180deg; } .signature-cards-layout-container--carousel .nav-button.left { left: 0; } .signature-cards-layout-container--carousel .nav-button.right { right: 0; border-radius: 6px 0 0 6px; } .signature-cards-layout-container--carousel .nav-button.right:after { rotate: 360deg; } .signature-cards-layout-container--carousel .nav-button:hover { opacity: 0.8; } .signature-cards-layout-container--carousel .nav-button.disabled { cursor: default; opacity: 0.2; } .signature-cards-layout-container--carousel .signature-cards { margin-top: 32px; flex-direction: row; flex-wrap: nowrap; gap: 8px; overflow-x: scroll; outline: none; scroll-snap-type: x mandatory; scrollbar-width: none; } .signature-cards-layout-container--carousel .signature-cards::-webkit-scrollbar { display: none; } .signature-cards-layout-container--carousel .signature-cards > * { flex: 0 0 285px; scroll-snap-align: start; } @media (max-width: 576px) { .hidden-sMob { display: none; } } @media (max-width: 768px) { .hidden-mob { display: none; } } @media (max-width: 925px) { #main { margin: 0 8px; } body > .main:has(header.search-header) { margin: 148px auto 0 auto; } .hidden-sTab { display: none; } } @media (min-width: 926px) { .show-sTab { display: none; } } @media (max-width: 1024px) { .hidden-tab { display: none; } } @media (max-width: 925px) { #hero { justify-content: flex-end; height: calc(100svh - 180px); margin: 0 -8px; padding: 16px 16px 80px; background-color: unset; } #hero.property.elevated { height: calc(100vh - 85px); max-height: 583px; margin-top: 74px; padding: 16px; } #hero.property.elevated.poolside { max-height: 203px; } #hero.property.elevated.poolside .hero-content { display: block; width: 100%; margin: 0 auto auto; } #hero.property.elevated .hero-content { display: block; width: 100%; margin: 12% auto auto 0; } #hero.property.elevated .hero-content #location-pill { position: absolute; bottom: -36px; right: 0; } #hero.elevated { left: 0; width: calc(100svw - 16px); height: calc(100svh - 87px); margin: 73px 0 0 0; } #hero.elevated .image { border-radius: 20px; } #hero .hero-content { display: flex; flex-direction: column-reverse; width: unset; margin: 20% 16px auto; } #hero .hero-content .hero-text { margin: 0; } #hero .hero-content .hero-text h1 { line-height: normal; } #hero .hero-content .hero-text h1 + p { line-height: 1.35; margin-bottom: 8px; } #hero .hero-content .hero-text .location-holder, #hero .hero-content .hero-text .location-holder .location-data { flex-wrap: wrap; row-gap: 2px; } #hero .hero-content .search-widget { margin-bottom: 0; } } @media (max-width: 470px) { .card-layout-container { flex-direction: column; } } @media (max-width: 1200px) { .hidden-lTab { display: none; } } @media (min-width: 1201px) { .hidden-dTop { display: none; } } button, .button { font: inherit; font-size: 16px; padding: 10px 16px; cursor: pointer; white-space: nowrap; user-select: none; color: #FFFFFF; transition: background-color 0.1s ease-in-out; border: none; border-radius: 8px; outline: inherit; background-color: #1C1C1C; } button:hover, .button:hover { background-color: #4F4F4F; } button:visited, .button:visited { color: #FFFFFF; } button.inverse, .button.inverse { color: #1C1C1C; background-color: #FFFFFF; } button.inverse:hover, .button.inverse:hover { background-color: #D5D5D5; } .icon-button { min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; padding: 11px; cursor: pointer; user-select: none; border-radius: 100px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 18px; } .icon-button:hover { background-color: #EEEEEE; } .icon-button.active { background-color: #BFBFBF; } .icon-button.share-link.page { padding: 5px; } #enrolment { width: 100%; margin: 40px auto 0 auto; } #enrolment .content { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; margin: 0; padding: 24px; text-align: center; background-color: #F1F1F1; gap: 32px; } #enrolment .content .title { display: flex; align-items: center; flex-direction: column; gap: 12px; } #enrolment .content .title h2 { font-size: 24px; line-height: 24px; margin: 0; } #enrolment .content .title p { font-size: 18px; margin: 0; } #enrolment .content .reasons { display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr; gap: 36px; } #enrolment .content .reasons .reason { display: flex; align-items: center; flex-direction: column; padding: 16px 32px; gap: 10px; } #enrolment .content .reasons .reason h3 { font-size: 18px; font-weight: 400; line-height: 18px; margin: 0; } #enrolment .content .reasons .reason .image { width: 48px; min-width: 48px; height: 48px; min-height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; } #enrolment .content .reasons .reason .image.earn-free-nights { background-image: url("/assets/images/icons/enrolment/earn-free-nights.svg"); } #enrolment .content .reasons .reason .image.member-rates { background-image: url("/assets/images/icons/enrolment/member-rates.svg"); } #enrolment .content .reasons .reason .image.free-wifi { background-image: url("/assets/images/icons/enrolment/free-wifi.svg"); } #enrolment .content .reasons .reason .image.mobile-checkin { background-image: url("/assets/images/icons/enrolment/mobile-checkin.svg"); } #enrolment .content .reasons .separator { border-top: 2px dashed rgba(28, 28, 28, 0.0823529412); border-left: 2px dashed rgba(28, 28, 28, 0.0823529412); } #enrolment .content .buttons { display: flex; justify-content: center; gap: 24px; } #enrolment .content .buttons .enrolment-sign-in-button, #enrolment .content .buttons a.join-button { font-size: 16px; display: block; box-sizing: border-box; width: 130px; padding: 8px 0; text-align: center; border: 1px solid #1C1C1C; border-radius: 8px; } #enrolment .content .buttons .enrolment-sign-in-button { color: #1C1C1C; background-color: #FFFFFF; } #enrolment .content .buttons .enrolment-sign-in-button:hover { background-color: #EEEEEE; } #enrolment .content .buttons a.join-button { color: #FFFFFF; background-color: #1C1C1C; } #enrolment .content .buttons a.join-button:hover { background-color: #4F4F4F; } #side-nav #enrolment { margin-top: 5px; } #side-nav #enrolment .content { gap: 16px; } #side-nav #enrolment .content .title h2 { font-size: 18px; line-height: 18px; } #side-nav #enrolment .content .title p { font-size: 15px; line-height: 15px; } #side-nav #enrolment .content .reasons { display: none; } #confirmation #enrolment { margin-top: 0; } #confirmation #enrolment .content { padding: 16px; } #confirmation #enrolment .content .title p { font-size: 16px; line-height: 20px; } #confirmation #enrolment .content .reasons { display: none; } #confirmation #enrolment .content .buttons { gap: 16px; } #confirmation #enrolment .content .buttons .enrolment-sign-in-button, #confirmation #enrolment .content .buttons a.join-button { font-size: 15px; width: 100%; } @media (max-width: 1100px) { #enrolment .content .title p { font-size: 16px; line-height: 20px; } #enrolment .content .reasons { grid-template-columns: 1fr 1px 1fr; grid-template-rows: 1fr 1px 1fr; gap: 16px; } #enrolment .content .reasons :nth-child(1), #enrolment .content .reasons :nth-child(3) { padding-bottom: 8px; } #enrolment .content .reasons :nth-child(5), #enrolment .content .reasons :nth-child(7) { padding-top: 8px; } #enrolment .content .reasons :nth-child(2) { grid-area: 1/2/4/2; } #enrolment .content .reasons :nth-child(4) { grid-area: 2/1/2/4; } #enrolment .content .reasons :nth-child(6) { display: none; } } @media (max-width: 640px) { #enrolment .content { padding: 16px; } #enrolment .content .title p { font-size: 16px; line-height: 16px; } #enrolment .content .reasons { grid-template-columns: 1fr 1px 1fr; grid-template-rows: 1fr 1px 1fr; gap: 16px; } #enrolment .content .reasons :nth-child(1), #enrolment .content .reasons :nth-child(3) { padding-bottom: 8px; } #enrolment .content .reasons :nth-child(5), #enrolment .content .reasons :nth-child(7) { padding-top: 8px; } #enrolment .content .reasons :nth-child(2) { grid-area: 1/2/4/2; } #enrolment .content .reasons :nth-child(4) { grid-area: 2/1/2/4; } #enrolment .content .reasons :nth-child(6) { display: none; } #enrolment .content .reasons .reason { padding: 16px 0; } #enrolment .content .reasons .reason h3 { font-size: 15px; line-height: 15px; } #enrolment .content .reasons .reason .image { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } #enrolment .content .buttons { gap: 16px; } #enrolment .content .buttons .enrolment-sign-in-button, #enrolment .content .buttons a.join-button { font-size: 15px; width: 100%; } } .cookie-banner { position: fixed; z-index: 9999; bottom: 0; width: 100%; margin-left: -8px; color: #FFFFFF; background: #1C1C1C; } .cookie-banner .cookie-banner-content { display: flex; align-items: center; justify-content: space-between; padding: 0 120px; } .cookie-banner .cookie-banner-content a { text-decoration: underline; color: #FFFFFF; } .cookie-banner .cookie-banner-content .cookie-banner-close { min-width: 24px; max-width: 24px; height: 24px; cursor: pointer; border-radius: 4px; background: #BFBFBF; background-image: url("/assets/images/icons/crossIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } header { position: fixed; z-index: 900; top: 0; box-sizing: border-box; width: calc(100% - 16px); max-width: 1200px; min-height: 64px; padding: 5px 0; color: #1C1C1C; background-color: #FFFFFF; } header:after { position: absolute; z-index: -2; top: 0; left: 50%; width: 104vw; height: 100%; margin-left: -52vw; content: ""; background-color: #FFFFFF; } header.filters-attached.filters-open:after, header.search-header:after { box-shadow: none; } header #header-login-button { cursor: pointer; } header #user-login { position: relative; display: flex; align-items: center; gap: 0; width: auto; padding: 5px; cursor: pointer; border-radius: 50px; } header #user-login .sign-in-text { display: none; } header #user-login .user-badge { position: relative; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; border-radius: 50%; } header #user-login .arrow-icon { width: 18px; height: 18px; margin-right: 4px; user-select: none; transition: all 0.15s ease-out; transform: rotateZ(90deg); background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } header #user-login .arrow-icon.active { transform: rotateZ(-90deg); } header #user-login.logged-out .user-menu .user-menu-section #header-logout-button, header #user-login.logged-out .user-menu .user-menu-section hr, header #user-login.logged-out .user-menu .user-menu-section .balance-title, header #user-login.logged-out .user-menu .user-menu-section .user-points { display: none; } header #user-login.logged-out .sign-in-text { display: block; margin-left: 8px; margin-right: 8px; font-size: 13px; font-weight: 500; color: #1E1E1E; white-space: nowrap; } header #user-login.logged-out .user-badge { width: 20px; height: 20px; } header #user-login.logged-out .user-initials { width: 20px; height: 20px; background-image: url("/assets/images/icons/user.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } header #user-login.logged-in .user-menu .user-menu-section #header-login-button { display: none; } header #user-login.logged-in .user-badge { background-color: #1C1C1C; } header #user-login .user-initials { font-family: serif, sans-serif; font-size: 14px; line-height: 36px; color: #FFFFFF; } header #user-login .user-menu { position: absolute; top: 44px; right: 0; overflow: hidden; min-width: 222px; cursor: default; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2509803922); } header #user-login .user-menu .user-menu-section { font-size: 14px; padding: 13px 11px; border-top: 1px solid #E3D8D0; background-color: #FFFFFF; } header #user-login .user-menu .user-menu-section.name { color: #FFFFFF; border: none; background-color: #1C1C1C; } header #user-login .user-menu .user-menu-section ul { margin: 0; padding: 0 0 0 28px; list-style: none; } header #user-login .user-menu .user-menu-section .header-join-now:before { position: absolute; display: block; width: 20px; height: 20px; margin: 1px 0 0 -29px; content: ""; background-image: url("/assets/images/icons/enrolment/member-rates.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } header #user-login .user-menu .user-menu-section .header-join-now:hover { text-decoration: underline; } header #user-login .user-menu .user-menu-section #header-logout-button, header #user-login .user-menu .user-menu-section #header-login-button, header #user-login .user-menu .user-menu-section .user-menu-favourites, header #user-login .user-menu .user-menu-section .my-bookings { width: fit-content; margin-bottom: 8px; cursor: pointer; } header #user-login .user-menu .user-menu-section #header-logout-button:before, header #user-login .user-menu .user-menu-section #header-login-button:before, header #user-login .user-menu .user-menu-section .user-menu-favourites:before, header #user-login .user-menu .user-menu-section .my-bookings:before { position: absolute; display: block; width: 16px; height: 16px; margin: 2px 0 0 -27px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } header #user-login .user-menu .user-menu-section div#user-pin-favourites-count { display: none; } header #user-login .user-menu .user-menu-section #header-login-button:before { background-image: url("/assets/images/icons/log-in-icon.svg"); } header #user-login .user-menu .user-menu-section #header-login-button:hover { text-decoration: underline; } header #user-login .user-menu .user-menu-section #header-logout-button:before { background-image: url("/assets/images/icons/log-out-icon.svg"); } header #user-login .user-menu .user-menu-section #header-logout-button:hover { text-decoration: underline; } header #user-login .user-menu .user-menu-section .user-menu-favourites:before { background-image: url("/assets/images/icons/line-heart-icon.svg"); } header #user-login .user-menu .user-menu-section .user-menu-favourites:hover a { text-decoration: underline; } header #user-login .user-menu .user-menu-section .my-bookings:before { background-image: url("/assets/images/icons/line-calender-icon.svg"); } header #user-login .user-menu .user-menu-section .my-bookings:hover { text-decoration: underline; } header #user-login .user-menu .user-menu-section div#user-pin-favourites-count { text-decoration: none !important; } header #user-login .user-menu .user-menu-section hr { margin-block-start: 16px; margin-block-end: 16px; } header #user-login .user-menu .user-menu-section .balance-title { font-size: 12px; margin-bottom: 4px; } header #user-login .user-menu .user-menu-section .user-points { font-size: 16px; padding: 4px 8px; color: #707070; border-radius: 4px; background-color: #FFFFFF; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2509803922); } header .nav-container { display: flex; align-items: center; justify-content: space-between; gap: 8px; } header .nav-container .share-page-button { position: relative; display: flex; align-items: center; width: 42px; height: 42px; } header .nav-container .share-page-button .icon-button.share-link.page { display: flex; align-items: center; justify-content: center; min-width: 42px; max-width: 42px; min-height: 42px; max-height: 42px; padding: 0; } header .nav-container .share-page-button:not(:has(.share-link)) { display: none; } header .nav-container .share-page-button .copy-notify { font-size: 14px; position: absolute; right: 0; bottom: 3px; width: max-content; padding: 1px 4px; border: 1px solid #EEEEEE; border-radius: 50px; background-color: #FFFFFF; } header .logo { display: block; height: 57px; margin-bottom: 5px; } header .logo .brand-logo { width: 200px; height: 57px; background-image: url("https://bucket.mailersendapp.com/0p7kx4xmrvl9yjre/o65qngk537dgwr12/images/9fafe45e-fbfa-4c2e-a640-62f0b62c4177.png"); background-repeat: no-repeat; background-position-y: 60%; background-size: contain; } header .logo .brand-logo.elevated { width: 120px; background-position-y: center; } header .logo a { display: inline-block; } header .header-search { position: absolute; top: 13px; left: 146px; } header .header-search.burgActive { display: none; } header .page-title { font-size: 16px; font-weight: 700; line-height: 36px; position: absolute; left: 50%; transform: translateX(-50%); color: #1C1C1C; } header nav { z-index: 998; display: flex; align-items: center; margin: 0; gap: 15px; } header .item { position: relative; cursor: pointer; } header .item .copy-notify { font-size: 14px; line-height: 24px; position: absolute; bottom: 50%; left: 50%; width: max-content; padding: 2px 24px; transform: translate(-50%, 50%); border: 1px solid #BFBFBF; border-radius: 50px; background-color: #FFFFFF; } header .activities-text { display: inline-flex; align-items: center; cursor: pointer; gap: 4px; } header .activities-text .caret { display: inline-flex; width: 19px; height: 19px; user-select: none; transition: all 0.15s ease-out; transform: rotateZ(90deg); background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } header .activities-text .caret.active { transform: rotateZ(-90deg); } header .header-currency-select { position: relative; flex-shrink: 0; width: 92px; height: 44px; margin-right: 1px; } header .header-currency-select .custom-select-container { position: absolute; inset: 0; z-index: 5; overflow: visible; border: none; border-radius: 100px; } header .header-currency-select .custom-select-container .active-option { height: 100%; padding: 0 4px 0 12px; box-sizing: border-box; } header .header-currency-select .custom-select-container .active-option::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; margin-right: 8px; background-image: url("/assets/images/icons/globe.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } header .header-currency-select .custom-select-container .active-option .label { width: auto; margin-right: 8px; font-size: 13px; letter-spacing: 0.5px; } header .header-currency-select .custom-select-container .active-option .caret { width: 18px; height: 18px; } header .header-currency-select .custom-select-container .options { position: absolute; top: calc(100% + 4px); right: 0; z-index: 10; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; cursor: default; width: max-content; min-width: 260px; max-width: 300px; max-height: 320px; padding: 0 0 8px; border: 1px solid #BFBFBF; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2509803922); } header .header-currency-select .custom-select-container .options::before { content: attr(data-title); position: sticky; top: 0; z-index: 1; padding: 8px 16px; font-size: 11px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: #4F4F4F; background-color: #FFFFFF; pointer-events: none; } header .header-currency-select .custom-select-container .options .option { display: flex; align-items: center; height: 52px; padding: 10px 16px; box-sizing: border-box; cursor: pointer; } header .header-currency-select .custom-select-container .options .option:hover, header .header-currency-select .custom-select-container .options .option.hover, header .header-currency-select .custom-select-container .options .option.selected { background-color: #F3F4F6; } header .header-currency-select .custom-select-container .options .option > * { pointer-events: none; } header .header-currency-select .custom-select-container .options .option .currency-circle { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; margin-right: 12px; border-radius: 50%; background-color: #F3F4F6; font-size: 14px; font-weight: 700; } header .header-currency-select .custom-select-container .options .option[data-value=SAR] .currency-circle { -webkit-text-stroke: 0.3px currentColor; } header .header-currency-select .custom-select-container .options .option .currency-code { flex-shrink: 0; margin-right: 12px; font-weight: 700; } header .header-currency-select .custom-select-container .options .option .currency-name { overflow: hidden; font-size: 14px; font-weight: 400; color: #707070; white-space: nowrap; text-overflow: ellipsis; } header .header-currency-select .custom-select-container .options .option .currency-check { flex-shrink: 0; width: 16px; height: 16px; margin-left: auto; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 10 18 20 6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } header .header-currency-select .custom-select-container .options .option.selected .currency-circle { background-color: #1C1C1C; color: #FFFFFF; } header .header-currency-select .custom-select-container .options .option.selected .currency-check { opacity: 1; } header .favourites-button { font-size: 15px; line-height: 17.98px; display: none; align-items: center; justify-content: center; width: 49px; height: 30px; cursor: pointer; border-radius: 100px; background-color: #EEEEEE; gap: 3px; } header .favourites-button .icon { width: 13px; height: 13px; } header .burger-button { font-size: 15px; line-height: 17.98px; display: none; align-items: center; justify-content: center; width: 49px; height: 49px; cursor: pointer; border-radius: 100px; background-color: #EEEEEE; } header .burger-button .icon { width: 18px; height: 18px; } header .burger-button .icon .styledIcon.cross { display: none; width: 22px; height: 22px; } header .burger-button .icon.burgActive { width: 22px; height: 22px; } header .burger-button .icon.burgActive .styledIcon.cross { display: unset; } header .burger-button .icon.burgActive .styledIcon.burgerIcon { display: none; } header.elevated { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; min-height: 74px; } header.elevated .menu-and-info { display: flex; flex-shrink: 0; align-items: center; gap: 32px; } header.elevated .menu-and-info .header-info { display: flex; flex-direction: column; gap: 8px; } header.elevated .menu-and-info .header-info:not(:has(.info-item:not(:empty))) { display: none; } header.elevated .menu-and-info .header-info .top-row { display: flex; gap: 24px; } header.elevated .menu-and-info .header-info .info-item { font-size: 12px; line-height: 100%; display: flex; align-items: center; color: #1C1C1C; gap: 12px; } header.elevated .menu-and-info .header-info .info-item:empty { display: none; } header.elevated .menu-and-info .header-info .info-item:not(.concierge):hover { cursor: pointer; text-decoration: underline; } header.elevated .menu-and-info .header-info .info-item:not(:empty):before { width: 14px; height: 14px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } header.elevated .menu-and-info .header-info .info-item.address:before { background-image: url(/assets/images/icons/property_info/location.svg); } header.elevated .menu-and-info .header-info .info-item.phone:before { background-image: url(/assets/images/icons/property_info/phone.svg); } header.elevated .menu-and-info .header-info .info-item.website:before { background-image: url(/assets/images/icons/property_info/website.svg); } header.elevated .menu-and-info .header-info .info-item.concierge:before { background-image: url(/assets/images/icons/property_info/concierge.svg); } header.elevated .menu-and-info .header-info .info-item.email:before { background-image: url(/assets/images/icons/property_info/email.svg); } .tours-and-activities { max-width: none; margin: 40px auto 0 auto; } .tours-and-activities.header { margin: 0 auto 15px auto; } .tours-and-activities h2 { text-align: center; } .tours-and-activities .card-container { display: flex; justify-content: center; gap: 20px; } .tours-and-activities .card { display: flex; overflow: hidden; align-items: center; flex: 1 1 0; justify-content: space-between; cursor: pointer; user-select: none; border: solid 1px #BFBFBF; border-radius: 14px; } .tours-and-activities .card .image { min-width: 100px; min-height: 100px; background-repeat: no-repeat; background-position: center; background-size: 55px; } .tours-and-activities .card .content { display: flex; align-items: center; } .tours-and-activities .card .title { font-size: 18px; line-height: 24px; color: #1C1C1C; } .tours-and-activities .card .subtext { font-size: 14px; line-height: 20px; color: #707070; } .tours-and-activities .card .icon { min-width: 27px; min-height: 22px; padding: 0 15px 0 0; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .burgMenu { display: none; } #side-nav { position: fixed; z-index: 700; top: 70px; width: 325px; height: calc(100svh - 102px); } #side-nav .nav-scroll-wrapper { display: flex; overflow-x: hidden; overflow-y: auto; align-items: flex-start; flex-direction: column; width: 100%; height: calc(100% - 64px); padding: 32px 0; gap: 16px; scrollbar-gutter: stable; } #side-nav:before { position: absolute; z-index: -1; top: 0; right: 0; display: block; width: 100vw; height: 100%; content: ""; background: rgba(255, 255, 255, 0.9); box-shadow: 4px 8px 8px 0 rgba(0, 0, 0, 0.25); } #side-nav .side-nav-separator { width: 100%; height: 1px; margin: 5px 0; background-color: #BFBFBF; } #side-nav:has(#enrolment.hidden) .side-nav-separator { display: none; } #side-nav #side-nav-footer { font-size: 12px; font-weight: 400; line-height: 116%; display: flex; align-items: center; flex-direction: column; box-sizing: border-box; width: 100%; margin-top: auto; text-align: center; text-decoration: none; gap: 16px; } #side-nav #side-nav-footer .footer-items { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 8px; column-gap: 16px; } #side-nav #side-nav-footer:before { display: block; width: 100%; content: ""; border-bottom: 1px solid #BFBFBF; } #side-nav .side-nav-item { display: flex; flex-direction: column; cursor: pointer; gap: 12px; } #side-nav .side-nav-item.parent-item .side-nav-item-text:after { display: block; width: 20px; min-width: 20px; height: 20px; min-height: 20px; content: ""; transition: transform 0.2s; transform: rotate(90deg); background-image: url(/assets/images/icons/arrowIcon.svg); background-repeat: no-repeat; background-position: center; background-size: 28px; } #side-nav .side-nav-item.parent-item.active .side-nav-item-text:after { transform: rotate(-90deg); } #side-nav .side-nav-item .side-nav-item-text { font-size: 16px; line-height: 100%; display: flex; align-items: center; text-decoration: none; gap: 16px; } #side-nav .side-nav-item .side-nav-item-text span.no-wrap { margin-right: -11px; } #side-nav .side-nav-item .side-nav-item-text:before { display: block; width: 24px; height: 24px; margin-top: -1px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } #side-nav .side-nav-item .side-nav-item-text.icon-tours-and-activities:before { background-image: url(/assets/images/icons/side-menu/tours-and-activities-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-transfers:before { background-image: url(/assets/images/icons/side-menu/transfers-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-car-rental:before { background-image: url(/assets/images/icons/side-menu/car-rental-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-events:before { background-image: url(/assets/images/icons/side-menu/events-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-at-the-hotel:before { background-image: url(/assets/images/icons/side-menu/at-the-hotel-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-poolside:before { margin-top: -5px; background-image: url(/assets/images/poolside/cabanaType.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-favorites:before { background-image: url(/assets/images/icons/side-menu/our-favorites-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-premier-experiences:before { background-image: url(/assets/images/icons/side-menu/premier-experiences-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-local-experiences:before { background-image: url(/assets/images/icons/side-menu/local-experiences-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-guest-directory:before { background-image: url(/assets/images/icons/side-menu/guest-directory-icon.svg); } #side-nav .side-nav-item .side-nav-item-text.icon-share:before { background-image: url(/assets/images/icons/share/shareIcon.svg); } #side-nav .side-nav-item .side-nav-sub-items { font-size: 14px; line-height: normal; display: flex; flex-direction: column; padding-left: 40px; gap: 12px; } @media (max-width: 1230px) { header { padding: 5px 4px 5px 8px; } } @media (max-width: 1060px) { header.elevated nav { flex-wrap: wrap; justify-content: flex-end; column-gap: 15px; row-gap: 8px; } header.elevated nav .item { flex: 100%; order: 2; width: 35px; text-align: end; } } @media (max-width: 925px) { body:has(header.burgActive) { overflow-y: hidden; } header { left: 16px; width: 100%; min-height: 73px; margin: 0 0 0 -16px; padding: 5px 5px 8px; } header.elevated.filters-attached { padding: 5px 5px 8px; } header.elevated .burger-button { top: 25px; } header.elevated .favourites-button { top: 25px; } header.elevated.burgActive #header-login-button { font-family: var(--font); top: 105px; } header.filters-attached { padding: 5px; } header.expanded { height: 132px; } header:has(#user-login:not(.hidden)) .favourites-button { display: none; } header.burgActive { z-index: 5000; height: 100vh; } header #user-login { position: absolute; z-index: 701; top: 10px; right: 5px; width: 60px; height: 50px; padding: 0 0 0 5px; } header #user-login.logged-out .user-initials { margin-left: 0; } header #user-login .user-menu { top: 62px; min-width: calc(100vw - 32px); } header #user-login .user-menu .user-menu-section { font-size: 16px; } header .favourites-button { position: absolute; top: 8px; right: 16px; height: 49px; border: 1px solid #BFBFBF; background-color: #FFFFFF; } header .logo { margin: 0 auto; padding-bottom: 0; text-align: center; } header .logo .brand-logo { background-position: 50%; } header .burger-button { position: absolute; top: 10px; left: 0; display: flex; background-color: #FFFFFF; } header .activities-text { display: none; } header .nav-container { display: block; } header .header-search { top: 72px; left: 0; width: 100%; margin: 0 8px 0 -8px; } header .header-search .search.header { position: relative; width: calc(100% - 38px); margin: 0 24px; } .item, header .nav-container .share-page-button { display: none; } .burgMenu.burgActive { display: flex; overflow-x: hidden; overflow-y: auto; align-items: flex-start; flex-direction: column; max-height: calc(100lvh - 100px); margin: 28px 12px 0; gap: 12px; } .burgMenu.burgActive .item { font-size: 15px; line-height: 44px; display: block; box-sizing: border-box; width: 100%; text-align: center; border: 1px solid #BFBFBF; border-radius: 10px; } #side-nav:not(.hidden) { position: fixed; overflow: auto; width: calc(100vw - 32px); margin-top: 13px; padding: 20px 0 32px; border-top: 1px solid #BFBFBF; } #side-nav:not(.hidden) .nav-scroll-wrapper { overflow: unset; height: auto; padding: unset; } #side-nav:not(.hidden):before { background: rgb(255, 255, 255); box-shadow: none; } #side-nav:not(.hidden) #side-nav-footer { margin-bottom: 16px; } #side-nav:not(.hidden) #side-nav-footer:before { width: 100vw; margin: 8px 0; } .tours-and-activities .content { flex-direction: column; } .tours-and-activities .icon { display: none; } .tours-and-activities .subtext { display: none; } .tours-and-activities .card-container { gap: 12px; } .tours-and-activities .card { justify-content: center; padding-bottom: 8px; } .tours-and-activities .card .title { font-size: 13px; line-height: 20px; margin: -7px 0 7px 0; } .tours-and-activities .card .image { background-size: 50px; } .cookie-banner .cookie-banner-content { padding: 0 18px; } .cookie-banner .cookie-banner-content p { margin-right: 8px; } } @media (max-width: 470px) { header.filters-attached:after { box-shadow: none; } } @media (max-width: 400px) { header .nav-container .logo .brand-logo { width: 146px; background-position-x: center; background-position-y: 60%; } header .nav-container .logo .brand-logo.elevated { width: 120px; background-position-y: center; } header .nav-container:not(:has(.brand-logo.elevated)) { margin-right: 5.5vw; } } .custom-select-target { display: none; } .custom-select-container { position: relative; overflow: hidden; cursor: pointer; color: #1C1C1C; border: 1px solid #BFBFBF; background: #FFFFFF; } .custom-select-container .active-option { display: flex; align-items: center; padding: 5px 10px; border-bottom: none; } .custom-select-container .active-option .label { font-size: 12px; font-weight: 400; line-height: 16px; width: 100%; user-select: none; letter-spacing: 1.3px; } .custom-select-container .active-option .caret { display: inline-flex; width: 24px; height: 24px; user-select: none; transition: all 0.15s ease-out; transform: rotateZ(90deg); background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .custom-select-container .active-option .caret.active { transform: rotateZ(-90deg); } .custom-select-container input[type=text].hidden-input { position: absolute; width: 0 !important; height: 0 !important; cursor: default !important; opacity: 0; } .custom-select-container:has(input[type=text].select-filter-input) { outline-offset: 1px; } .custom-select-container:has(input[type=text].select-filter-input) .active-option { height: 44px !important; } .custom-select-container:has(input[type=text].select-filter-input) .caret { transform: none; background-image: url("/assets/images/icons/searchIcon.svg"); background-size: 18px; } .custom-select-container input[type=text].select-filter-input { position: absolute; top: 0; width: calc(100% - 30px) !important; height: 44px !important; text-transform: none !important; opacity: unset; border: none !important; } .custom-select-container .options .option { font-size: 12px; font-weight: 400; line-height: 16px; display: block; padding: 3px 10px; user-select: none; letter-spacing: 1.3px; } .custom-select-container .options .option:hover { background-color: #EEEEEE; } .custom-select-container .options .option.hover { background-color: #EEEEEE; } .custom-select-container .options .option.selected { background-color: #BFBFBF; } .custom-select-container .options .option[data-value=null] { height: 0; padding: 0; } footer { display: flex; flex-direction: column; margin-top: 80px; padding-top: 40px; border-top: solid 1px #4F4F4F; } footer .currency-support { display: flex; justify-content: space-between; gap: 40px; } footer .currency-support h3 { margin-top: 0; } footer .currency-support > div { flex-basis: 33%; } footer .currency-support > div:last-child p { text-align: justify; } footer .currency-support .logos { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 32px; } footer .currency-support .logos .powered-by { max-width: 360px; width: 100%; height: 50px; background-image: url(/assets/images/powered-by-travelcurious-logo.svg); background-position: center; background-size: 285px; background-repeat: no-repeat; } footer .activities { text-align: center; } footer .activities h2 { margin-block-start: 0; } footer .activities ul { margin-block-start: 0; display: flex; justify-content: center; gap: 40px; } footer .activities .holder { display: flex; align-content: center; align-items: center; } footer .activities .icon { display: list-item; width: 35px; height: auto; background-size: 31px 22px; background-repeat: no-repeat; } footer .activities .icon.privacy-toggle { background-image: url("/assets/images/icons/privacyOptions.svg"); } footer .copyright { text-align: center; } @media (max-width: 925px) { .main footer { text-align: left; margin: 80px 8px 22px; } .main footer .currency-support { flex-direction: column; } .main footer .currency-support p { font-size: 14px; color: #707070; } .main footer .currency-support .logos { margin-top: 28px; } .main footer .activities h2 { text-align: left; } .main footer .activities ul { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(3, auto); grid-auto-flow: column; padding-inline-start: 0; gap: 15px; justify-content: normal; } .main footer .activities ul li { text-align: left; display: inline-block; font-size: 15px; } .main footer .activities ul li .holder { align-items: normal; } .main footer .activities ul li .icon { display: block; height: 22px; } .main footer .copyright { text-align: left; font-size: 14px; color: #707070; } } @media (max-width: 460px) { .main footer .currency-support { gap: 16px; } .main footer .currency-support .logos .powered-by { background-size: 265px; } } .flag { width: 21px; height: 16px; vertical-align: middle; border-radius: 4px; background-image: none; background-repeat: no-repeat; background-position: center; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 3px 0; } .flag.AC { background-image: url("/assets/images/flags/ac.svg"); } .flag.AD { background-image: url("/assets/images/flags/ad.svg"); } .flag.AE { background-image: url("/assets/images/flags/ae.svg"); } .flag.AF { background-image: url("/assets/images/flags/af.svg"); } .flag.AG { background-image: url("/assets/images/flags/ag.svg"); } .flag.AI { background-image: url("/assets/images/flags/ai.svg"); } .flag.AL { background-image: url("/assets/images/flags/al.svg"); } .flag.AM { background-image: url("/assets/images/flags/am.svg"); } .flag.AO { background-image: url("/assets/images/flags/ao.svg"); } .flag.AQ { background-image: url("/assets/images/flags/aq.svg"); } .flag.AR { background-image: url("/assets/images/flags/ar.svg"); } .flag.ARAB { background-image: url("/assets/images/flags/arab.svg"); } .flag.AS { background-image: url("/assets/images/flags/as.svg"); } .flag.AT { background-image: url("/assets/images/flags/at.svg"); } .flag.AU { background-image: url("/assets/images/flags/au.svg"); } .flag.AW { background-image: url("/assets/images/flags/aw.svg"); } .flag.AX { background-image: url("/assets/images/flags/ax.svg"); } .flag.AZ { background-image: url("/assets/images/flags/az.svg"); } .flag.BA { background-image: url("/assets/images/flags/ba.svg"); } .flag.BB { background-image: url("/assets/images/flags/bb.svg"); } .flag.BD { background-image: url("/assets/images/flags/bd.svg"); } .flag.BE { background-image: url("/assets/images/flags/be.svg"); } .flag.BF { background-image: url("/assets/images/flags/bf.svg"); } .flag.BG { background-image: url("/assets/images/flags/bg.svg"); } .flag.BH { background-image: url("/assets/images/flags/bh.svg"); } .flag.BI { background-image: url("/assets/images/flags/bi.svg"); } .flag.BJ { background-image: url("/assets/images/flags/bj.svg"); } .flag.BL { background-image: url("/assets/images/flags/bl.svg"); } .flag.BM { background-image: url("/assets/images/flags/bm.svg"); } .flag.BN { background-image: url("/assets/images/flags/bn.svg"); } .flag.BO { background-image: url("/assets/images/flags/bo.svg"); } .flag.BQ { background-image: url("/assets/images/flags/bq.svg"); } .flag.BR { background-image: url("/assets/images/flags/br.svg"); } .flag.BS { background-image: url("/assets/images/flags/bs.svg"); } .flag.BT { background-image: url("/assets/images/flags/bt.svg"); } .flag.BV { background-image: url("/assets/images/flags/bv.svg"); } .flag.BW { background-image: url("/assets/images/flags/bw.svg"); } .flag.BY { background-image: url("/assets/images/flags/by.svg"); } .flag.BZ { background-image: url("/assets/images/flags/bz.svg"); } .flag.CA { background-image: url("/assets/images/flags/ca.svg"); } .flag.CC { background-image: url("/assets/images/flags/cc.svg"); } .flag.CD { background-image: url("/assets/images/flags/cd.svg"); } .flag.CEFTA { background-image: url("/assets/images/flags/cefta.svg"); } .flag.CF { background-image: url("/assets/images/flags/cf.svg"); } .flag.CG { background-image: url("/assets/images/flags/cg.svg"); } .flag.CH { background-image: url("/assets/images/flags/ch.svg"); } .flag.CI { background-image: url("/assets/images/flags/ci.svg"); } .flag.CK { background-image: url("/assets/images/flags/ck.svg"); } .flag.CL { background-image: url("/assets/images/flags/cl.svg"); } .flag.CM { background-image: url("/assets/images/flags/cm.svg"); } .flag.CN { background-image: url("/assets/images/flags/cn.svg"); } .flag.CO { background-image: url("/assets/images/flags/co.svg"); } .flag.CP { background-image: url("/assets/images/flags/cp.svg"); } .flag.CR { background-image: url("/assets/images/flags/cr.svg"); } .flag.CU { background-image: url("/assets/images/flags/cu.svg"); } .flag.CV { background-image: url("/assets/images/flags/cv.svg"); } .flag.CW { background-image: url("/assets/images/flags/cw.svg"); } .flag.CX { background-image: url("/assets/images/flags/cx.svg"); } .flag.CY { background-image: url("/assets/images/flags/cy.svg"); } .flag.CZ { background-image: url("/assets/images/flags/cz.svg"); } .flag.DE { background-image: url("/assets/images/flags/de.svg"); } .flag.DG { background-image: url("/assets/images/flags/dg.svg"); } .flag.DJ { background-image: url("/assets/images/flags/dj.svg"); } .flag.DK { background-image: url("/assets/images/flags/dk.svg"); } .flag.DM { background-image: url("/assets/images/flags/dm.svg"); } .flag.DO { background-image: url("/assets/images/flags/do.svg"); } .flag.DZ { background-image: url("/assets/images/flags/dz.svg"); } .flag.EAC { background-image: url("/assets/images/flags/eac.svg"); } .flag.EC { background-image: url("/assets/images/flags/ec.svg"); } .flag.EE { background-image: url("/assets/images/flags/ee.svg"); } .flag.EG { background-image: url("/assets/images/flags/eg.svg"); } .flag.EH { background-image: url("/assets/images/flags/eh.svg"); } .flag.ER { background-image: url("/assets/images/flags/er.svg"); } .flag.ES { background-image: url("/assets/images/flags/es.svg"); } .flag.ES-CT { background-image: url("/assets/images/flags/es-ct.svg"); } .flag.ES-GA { background-image: url("/assets/images/flags/es-ga.svg"); } .flag.ES-PV { background-image: url("/assets/images/flags/es-pv.svg"); } .flag.ET { background-image: url("/assets/images/flags/et.svg"); } .flag.EU { background-image: url("/assets/images/flags/eu.svg"); } .flag.FI { background-image: url("/assets/images/flags/fi.svg"); } .flag.FJ { background-image: url("/assets/images/flags/fj.svg"); } .flag.FK { background-image: url("/assets/images/flags/fk.svg"); } .flag.FM { background-image: url("/assets/images/flags/fm.svg"); } .flag.FO { background-image: url("/assets/images/flags/fo.svg"); } .flag.FR { background-image: url("/assets/images/flags/fr.svg"); } .flag.GA { background-image: url("/assets/images/flags/ga.svg"); } .flag.GB { background-image: url("/assets/images/flags/gb.svg"); } .flag.GB-ENG { background-image: url("/assets/images/flags/gb-eng.svg"); } .flag.GB-NIR { background-image: url("/assets/images/flags/gb-nir.svg"); } .flag.GB-SCT { background-image: url("/assets/images/flags/gb-sct.svg"); } .flag.GB-WLS { background-image: url("/assets/images/flags/gb-wls.svg"); } .flag.GD { background-image: url("/assets/images/flags/gd.svg"); } .flag.GE { background-image: url("/assets/images/flags/ge.svg"); } .flag.GF { background-image: url("/assets/images/flags/gf.svg"); } .flag.GG { background-image: url("/assets/images/flags/gg.svg"); } .flag.GH { background-image: url("/assets/images/flags/gh.svg"); } .flag.GI { background-image: url("/assets/images/flags/gi.svg"); } .flag.GL { background-image: url("/assets/images/flags/gl.svg"); } .flag.GM { background-image: url("/assets/images/flags/gm.svg"); } .flag.GN { background-image: url("/assets/images/flags/gn.svg"); } .flag.GP { background-image: url("/assets/images/flags/gp.svg"); } .flag.GQ { background-image: url("/assets/images/flags/gq.svg"); } .flag.GR { background-image: url("/assets/images/flags/gr.svg"); } .flag.GS { background-image: url("/assets/images/flags/gs.svg"); } .flag.GT { background-image: url("/assets/images/flags/gt.svg"); } .flag.GU { background-image: url("/assets/images/flags/gu.svg"); } .flag.GW { background-image: url("/assets/images/flags/gw.svg"); } .flag.GY { background-image: url("/assets/images/flags/gy.svg"); } .flag.HK { background-image: url("/assets/images/flags/hk.svg"); } .flag.HM { background-image: url("/assets/images/flags/hm.svg"); } .flag.HN { background-image: url("/assets/images/flags/hn.svg"); } .flag.HR { background-image: url("/assets/images/flags/hr.svg"); } .flag.HT { background-image: url("/assets/images/flags/ht.svg"); } .flag.HU { background-image: url("/assets/images/flags/hu.svg"); } .flag.IC { background-image: url("/assets/images/flags/ic.svg"); } .flag.ID { background-image: url("/assets/images/flags/id.svg"); } .flag.IE { background-image: url("/assets/images/flags/ie.svg"); } .flag.IL { background-image: url("/assets/images/flags/il.svg"); } .flag.IM { background-image: url("/assets/images/flags/im.svg"); } .flag.IN { background-image: url("/assets/images/flags/in.svg"); } .flag.IO { background-image: url("/assets/images/flags/io.svg"); } .flag.IQ { background-image: url("/assets/images/flags/iq.svg"); } .flag.IR { background-image: url("/assets/images/flags/ir.svg"); } .flag.IS { background-image: url("/assets/images/flags/is.svg"); } .flag.IT { background-image: url("/assets/images/flags/it.svg"); } .flag.JE { background-image: url("/assets/images/flags/je.svg"); } .flag.JM { background-image: url("/assets/images/flags/jm.svg"); } .flag.JO { background-image: url("/assets/images/flags/jo.svg"); } .flag.JP { background-image: url("/assets/images/flags/jp.svg"); } .flag.KE { background-image: url("/assets/images/flags/ke.svg"); } .flag.KG { background-image: url("/assets/images/flags/kg.svg"); } .flag.KH { background-image: url("/assets/images/flags/kh.svg"); } .flag.KI { background-image: url("/assets/images/flags/ki.svg"); } .flag.KM { background-image: url("/assets/images/flags/km.svg"); } .flag.KN { background-image: url("/assets/images/flags/kn.svg"); } .flag.KP { background-image: url("/assets/images/flags/kp.svg"); } .flag.KR { background-image: url("/assets/images/flags/kr.svg"); } .flag.KW { background-image: url("/assets/images/flags/kw.svg"); } .flag.KY { background-image: url("/assets/images/flags/ky.svg"); } .flag.KZ { background-image: url("/assets/images/flags/kz.svg"); } .flag.LA { background-image: url("/assets/images/flags/la.svg"); } .flag.LB { background-image: url("/assets/images/flags/lb.svg"); } .flag.LC { background-image: url("/assets/images/flags/lc.svg"); } .flag.LI { background-image: url("/assets/images/flags/li.svg"); } .flag.LK { background-image: url("/assets/images/flags/lk.svg"); } .flag.LR { background-image: url("/assets/images/flags/lr.svg"); } .flag.LS { background-image: url("/assets/images/flags/ls.svg"); } .flag.LT { background-image: url("/assets/images/flags/lt.svg"); } .flag.LU { background-image: url("/assets/images/flags/lu.svg"); } .flag.LV { background-image: url("/assets/images/flags/lv.svg"); } .flag.LY { background-image: url("/assets/images/flags/ly.svg"); } .flag.MA { background-image: url("/assets/images/flags/ma.svg"); } .flag.MC { background-image: url("/assets/images/flags/mc.svg"); } .flag.MD { background-image: url("/assets/images/flags/md.svg"); } .flag.ME { background-image: url("/assets/images/flags/me.svg"); } .flag.MF { background-image: url("/assets/images/flags/mf.svg"); } .flag.MG { background-image: url("/assets/images/flags/mg.svg"); } .flag.MH { background-image: url("/assets/images/flags/mh.svg"); } .flag.MK { background-image: url("/assets/images/flags/mk.svg"); } .flag.ML { background-image: url("/assets/images/flags/ml.svg"); } .flag.MM { background-image: url("/assets/images/flags/mm.svg"); } .flag.MN { background-image: url("/assets/images/flags/mn.svg"); } .flag.MO { background-image: url("/assets/images/flags/mo.svg"); } .flag.MP { background-image: url("/assets/images/flags/mp.svg"); } .flag.MQ { background-image: url("/assets/images/flags/mq.svg"); } .flag.MR { background-image: url("/assets/images/flags/mr.svg"); } .flag.MS { background-image: url("/assets/images/flags/ms.svg"); } .flag.MT { background-image: url("/assets/images/flags/mt.svg"); } .flag.MU { background-image: url("/assets/images/flags/mu.svg"); } .flag.MV { background-image: url("/assets/images/flags/mv.svg"); } .flag.MW { background-image: url("/assets/images/flags/mw.svg"); } .flag.MX { background-image: url("/assets/images/flags/mx.svg"); } .flag.MY { background-image: url("/assets/images/flags/my.svg"); } .flag.MZ { background-image: url("/assets/images/flags/mz.svg"); } .flag.NA { background-image: url("/assets/images/flags/na.svg"); } .flag.NC { background-image: url("/assets/images/flags/nc.svg"); } .flag.NE { background-image: url("/assets/images/flags/ne.svg"); } .flag.NF { background-image: url("/assets/images/flags/nf.svg"); } .flag.NG { background-image: url("/assets/images/flags/ng.svg"); } .flag.NI { background-image: url("/assets/images/flags/ni.svg"); } .flag.NL { background-image: url("/assets/images/flags/nl.svg"); } .flag.NO { background-image: url("/assets/images/flags/no.svg"); } .flag.NP { background-image: url("/assets/images/flags/np.svg"); } .flag.NR { background-image: url("/assets/images/flags/nr.svg"); } .flag.NU { background-image: url("/assets/images/flags/nu.svg"); } .flag.NZ { background-image: url("/assets/images/flags/nz.svg"); } .flag.OM { background-image: url("/assets/images/flags/om.svg"); } .flag.PA { background-image: url("/assets/images/flags/pa.svg"); } .flag.PE { background-image: url("/assets/images/flags/pe.svg"); } .flag.PF { background-image: url("/assets/images/flags/pf.svg"); } .flag.PG { background-image: url("/assets/images/flags/pg.svg"); } .flag.PH { background-image: url("/assets/images/flags/ph.svg"); } .flag.PK { background-image: url("/assets/images/flags/pk.svg"); } .flag.PL { background-image: url("/assets/images/flags/pl.svg"); } .flag.PM { background-image: url("/assets/images/flags/pm.svg"); } .flag.PN { background-image: url("/assets/images/flags/pn.svg"); } .flag.PR { background-image: url("/assets/images/flags/pr.svg"); } .flag.PS { background-image: url("/assets/images/flags/ps.svg"); } .flag.PT { background-image: url("/assets/images/flags/pt.svg"); } .flag.PW { background-image: url("/assets/images/flags/pw.svg"); } .flag.PY { background-image: url("/assets/images/flags/py.svg"); } .flag.QA { background-image: url("/assets/images/flags/qa.svg"); } .flag.RE { background-image: url("/assets/images/flags/re.svg"); } .flag.RO { background-image: url("/assets/images/flags/ro.svg"); } .flag.RS { background-image: url("/assets/images/flags/rs.svg"); } .flag.RU { background-image: url("/assets/images/flags/ru.svg"); } .flag.RW { background-image: url("/assets/images/flags/rw.svg"); } .flag.SA { background-image: url("/assets/images/flags/sa.svg"); } .flag.SB { background-image: url("/assets/images/flags/sb.svg"); } .flag.SC { background-image: url("/assets/images/flags/sc.svg"); } .flag.SD { background-image: url("/assets/images/flags/sd.svg"); } .flag.SE { background-image: url("/assets/images/flags/se.svg"); } .flag.SG { background-image: url("/assets/images/flags/sg.svg"); } .flag.SH { background-image: url("/assets/images/flags/sh.svg"); } .flag.SI { background-image: url("/assets/images/flags/si.svg"); } .flag.SJ { background-image: url("/assets/images/flags/sj.svg"); } .flag.SK { background-image: url("/assets/images/flags/sk.svg"); } .flag.SL { background-image: url("/assets/images/flags/sl.svg"); } .flag.SM { background-image: url("/assets/images/flags/sm.svg"); } .flag.SN { background-image: url("/assets/images/flags/sn.svg"); } .flag.SO { background-image: url("/assets/images/flags/so.svg"); } .flag.SR { background-image: url("/assets/images/flags/sr.svg"); } .flag.SS { background-image: url("/assets/images/flags/ss.svg"); } .flag.ST { background-image: url("/assets/images/flags/st.svg"); } .flag.SV { background-image: url("/assets/images/flags/sv.svg"); } .flag.SX { background-image: url("/assets/images/flags/sx.svg"); } .flag.SY { background-image: url("/assets/images/flags/sy.svg"); } .flag.SZ { background-image: url("/assets/images/flags/sz.svg"); } .flag.TA { background-image: url("/assets/images/flags/ta.svg"); } .flag.TC { background-image: url("/assets/images/flags/tc.svg"); } .flag.TD { background-image: url("/assets/images/flags/td.svg"); } .flag.TF { background-image: url("/assets/images/flags/tf.svg"); } .flag.TG { background-image: url("/assets/images/flags/tg.svg"); } .flag.TH { background-image: url("/assets/images/flags/th.svg"); } .flag.TJ { background-image: url("/assets/images/flags/tj.svg"); } .flag.TK { background-image: url("/assets/images/flags/tk.svg"); } .flag.TL { background-image: url("/assets/images/flags/tl.svg"); } .flag.TM { background-image: url("/assets/images/flags/tm.svg"); } .flag.TN { background-image: url("/assets/images/flags/tn.svg"); } .flag.TO { background-image: url("/assets/images/flags/to.svg"); } .flag.TR { background-image: url("/assets/images/flags/tr.svg"); } .flag.TT { background-image: url("/assets/images/flags/tt.svg"); } .flag.TV { background-image: url("/assets/images/flags/tv.svg"); } .flag.TW { background-image: url("/assets/images/flags/cn.svg"); } .flag.TZ { background-image: url("/assets/images/flags/tz.svg"); } .flag.UA { background-image: url("/assets/images/flags/ua.svg"); } .flag.UG { background-image: url("/assets/images/flags/ug.svg"); } .flag.UM { background-image: url("/assets/images/flags/um.svg"); } .flag.UN { background-image: url("/assets/images/flags/un.svg"); } .flag.US { background-image: url("/assets/images/flags/us.svg"); } .flag.UY { background-image: url("/assets/images/flags/uy.svg"); } .flag.UZ { background-image: url("/assets/images/flags/uz.svg"); } .flag.VA { background-image: url("/assets/images/flags/va.svg"); } .flag.VC { background-image: url("/assets/images/flags/vc.svg"); } .flag.VE { background-image: url("/assets/images/flags/ve.svg"); } .flag.VG { background-image: url("/assets/images/flags/vg.svg"); } .flag.VI { background-image: url("/assets/images/flags/vi.svg"); } .flag.VN { background-image: url("/assets/images/flags/vn.svg"); } .flag.VU { background-image: url("/assets/images/flags/vu.svg"); } .flag.WF { background-image: url("/assets/images/flags/wf.svg"); } .flag.WS { background-image: url("/assets/images/flags/ws.svg"); } .flag.XK { background-image: url("/assets/images/flags/xk.svg"); } .flag.XX { background-image: url("/assets/images/flags/xx.svg"); } .flag.YE { background-image: url("/assets/images/flags/ye.svg"); } .flag.YT { background-image: url("/assets/images/flags/yt.svg"); } .flag.ZA { background-image: url("/assets/images/flags/za.svg"); } .flag.ZM { background-image: url("/assets/images/flags/zm.svg"); } .flag.ZW { background-image: url("/assets/images/flags/zw.svg"); } .mozio-booking-summary { display: flex; flex-direction: column; height: fit-content; padding: 24px; background-color: #F1F1F1; gap: 24px; } .mozio-booking-summary .title { font-size: 22px; font-weight: bold; line-height: 28px; color: #1C1C1C; } .mozio-booking-summary .title.sub { font-size: 18px; font-weight: normal; line-height: 20px; color: #1C1C1C; } .mozio-booking-summary .name { font-size: 24px; line-height: 28px; text-transform: capitalize; color: #1C1C1C; } .mozio-booking-summary .name p { font-size: 16px; line-height: 20px; text-transform: none; color: #707070; } .mozio-booking-summary .trip-section { display: flex; flex-direction: column; gap: inherit; } .mozio-booking-summary .trip-section .trip-title { font-family: serif, sans-serif; font-size: 18px; line-height: 20px; margin: -10px 0; } .mozio-booking-summary .trip-section .caps-title { font-size: 12px; line-height: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #1C1C1C; } .mozio-booking-summary .trip-section .vehicle-details { display: flex; justify-content: space-between; width: 100%; height: 80px; gap: 24px; } .mozio-booking-summary .trip-section .vehicle-details .image { flex-grow: 1; height: 100%; background-repeat: no-repeat; background-position: right; background-size: contain; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info { display: flex; flex-direction: column; justify-content: center; gap: 8px; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity { font-family: serif, sans-serif; font-size: 14px; line-height: 16px; display: flex; align-items: center; margin-top: 2px; color: #707070; gap: 12px; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .passengers, .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .luggage { display: flex; align-items: center; gap: 4px; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .passengers:empty, .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .luggage:empty { display: none; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .passengers:before, .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .luggage:before { display: block; width: 16px; min-width: 16px; height: 16px; min-height: 16px; margin-top: -2px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .passengers:before { background-image: url("/assets/images/icons/mozio/passengerCount.svg"); } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity .luggage:before { background-image: url("/assets/images/icons/mozio/luggageCount.svg"); } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .vehicle-make-model { display: flex; flex-direction: column; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .vehicle-make-model .provider-name { font-size: 16px; line-height: 18px; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .vehicle-make-model p { font-size: 12px; line-height: 14px; margin: 0; color: #707070; } .mozio-booking-summary .trip-section .trip-locations { display: grid; grid-template-columns: 2fr max-content 2fr; gap: 24px; } .mozio-booking-summary .trip-section .trip-locations:has(.trip-stage .trip-location:empty) { grid-template-columns: 1fr; } .mozio-booking-summary .trip-section .trip-locations:has(.trip-stage .trip-location:empty) .arrow { display: none; } .mozio-booking-summary .trip-section .trip-locations .arrow { align-self: center; width: 45px; height: 20px; background-image: url("/assets/images/icons/longArrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; justify-self: center; } .mozio-booking-summary .trip-section .trip-locations .trip-stage { display: flex; flex-direction: column; } .mozio-booking-summary .trip-section .trip-locations .trip-stage:has(.trip-location:empty) { display: none; } .mozio-booking-summary .trip-section .trip-locations .trip-stage .trip-location { font-size: 12px; line-height: 16px; color: #707070; } .mozio-booking-summary .trip-section .trip-details { display: flex; flex-direction: column; gap: 10px; } .mozio-booking-summary .trip-section .trip-details .detail { font-size: 12px; line-height: 16px; display: flex; gap: 10px; } .mozio-booking-summary .trip-section .trip-details .detail:has(.text:empty) { display: none; } .mozio-booking-summary .trip-section .trip-details .detail .icon { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; } .mozio-booking-summary .trip-section .trip-details .detail .icon.calendar { background-image: url("/assets/images/icons/mozio/calendar.svg"); } .mozio-booking-summary .trip-section .trip-details .detail .icon.passengers { background-image: url("/assets/images/icons/mozio/passengers.svg"); } .mozio-booking-summary .trip-section .trip-details .detail .icon.ride { background-image: url("/assets/images/icons/mozio/clock.svg"); } .mozio-booking-summary .trip-section .trip-details .detail .icon.wait { background-image: url("/assets/images/icons/mozio/clock.svg"); } .mozio-booking-summary .trip-section .trip-details .detail .icon.airplane { background-image: url("/assets/images/icons/airportIcon.svg"); } .mozio-booking-summary .trip-section .trip-details .detail .text { letter-spacing: 1.3px; color: #1C1C1C; } .mozio-booking-summary .trip-section .trip-details .detail .sub-text { color: #707070; } .mozio-booking-summary .trip-section .trip-details .detail .sub-text:empty { display: none; } .mozio-booking-summary .trip-section .trip-included { display: flex; flex-direction: column; gap: 4px; } .mozio-booking-summary .trip-section .trip-included:has(.amenities:empty) { display: none; } .mozio-booking-summary .trip-section .trip-included .amenities { display: flex; flex-wrap: wrap; gap: 12px; } .mozio-booking-summary .trip-section .trip-included .amenities .amenity { font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #707070; gap: 8px; } .mozio-booking-summary .trip-section .trip-included .amenities .amenity:before { display: inline-block; width: 12px; min-width: 12px; height: 12px; min-height: 12px; margin-top: -2px; content: ""; background-image: url("/assets/images/icons/mozio/tickIcon_coral.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: grayscale(1) brightness(0.3); } .mozio-booking-summary .trip-section .trip-cancellation { display: flex; flex-direction: column; gap: 4px; } .mozio-booking-summary .trip-section .trip-cancellation .sub-text { font-size: 12px; line-height: 16px; color: #707070; } .mozio-booking-summary .extras-container { display: flex; flex-direction: column; gap: inherit; } .mozio-booking-summary .extras-container:has(.extras:empty) { display: none; } .mozio-booking-summary .extras-container #extras { display: flex; flex-direction: column; gap: 8px; } .mozio-booking-summary .extras-container .extras { display: flex; flex-direction: column; gap: 4px; } .mozio-booking-summary .extras-container .extras .trip-title { font-family: serif, sans-serif; margin: 4px 0 -4px 0; } .mozio-booking-summary .extras-container .extras .extra { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .mozio-booking-summary .extras-container .extras .extra .remove-name { display: flex; align-items: center; gap: 4px; } .mozio-booking-summary .extras-container .extras .extra .remove-name .extra-name { font-size: 16px; line-height: 18px; color: #1C1C1C; } .mozio-booking-summary .extras-container .extras .extra .remove-name .remove-extra { width: 16px; min-width: 16px; height: 16px; min-height: 16px; cursor: pointer; background-image: url("/assets/images/icons/mozio/remove_extra.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .mozio-booking-summary .extras-container .extras .extra .remove-name .remove-extra.disabled { cursor: default; pointer-events: none; opacity: 50%; } .mozio-booking-summary .extras-container .extras .extra .extra-price { font-size: 16px; line-height: 18px; color: #1C1C1C; } .mozio-booking-summary .extras-container .extras .extra .extra-price span { font-size: 12px; line-height: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } .mozio-booking-summary .details { position: relative; display: flex; flex-direction: column; margin-bottom: 24px; gap: 12px; } .mozio-booking-summary .details .show-extended-caret { position: absolute; top: 0; right: 0; width: 24px; height: 24px; cursor: pointer; transform: rotateZ(90deg); background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 26px; } .mozio-booking-summary .details .show-extended-caret.open { transform: rotateZ(-90deg); } .mozio-booking-summary .details .where-detail-container { font-size: 14px; line-height: 16px; display: flex; flex-direction: column; margin-top: 4px; text-align: left; letter-spacing: normal; text-transform: none; color: #1C1C1C; gap: 8px; } .mozio-booking-summary .details #summary-pickup-point-container { display: flex; flex-direction: column; } .mozio-booking-summary .details #summary-meeting-point-container { display: flex; flex-direction: column; } .mozio-booking-summary .details .detail { display: flex; align-items: center; gap: 4px; } .mozio-booking-summary .details .detail.where { align-items: normal; } .mozio-booking-summary .details .detail.vertical { align-items: unset; flex-direction: column; gap: 0; } .mozio-booking-summary .details .detail.cancellation { margin-top: 12px; } .mozio-booking-summary .details .detail .text-container { display: flex; gap: 4px; justify-self: end; } .mozio-booking-summary .details .detail .text-container.vertical { flex-direction: column; gap: 0; } .mozio-booking-summary .details .detail .text { font-size: 12px; line-height: 16px; color: #1C1C1C; } .mozio-booking-summary .details .detail .text.upper { letter-spacing: 1.3px; text-transform: uppercase; } .mozio-booking-summary .details .detail .text.sub { color: #707070; } .mozio-booking-summary .details .detail .icon { width: 24px; min-width: 24px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; } .mozio-booking-summary .details .detail .icon.calendar { background-image: url("/assets/images/icons/calendarIcon.svg"); background-size: 20px; } .mozio-booking-summary .details .detail .icon.clock { background-image: url("/assets/images/icons/clockIcon.svg"); background-size: 20px; } .mozio-booking-summary .details .detail .icon.participants { background-image: url("/assets/images/icons/participantsIcon.svg"); background-size: 15px; } .mozio-booking-summary .details .detail .icon.chosen-option { align-self: baseline; margin-top: -2px; background-image: url("/assets/images/icons/infoIcon.svg"); background-size: 20px; } .mozio-booking-summary .details .detail .icon.pin { align-self: normal; margin-top: -2px; background-image: url("/assets/images/icons/pinIcon.svg"); } .mozio-booking-summary .show-gift-code-input { font-size: 14px; cursor: pointer; text-decoration: underline; color: #1C1C1C; } .mozio-booking-summary .field.coupon-code { display: flex; flex-direction: column; width: 100%; margin-bottom: 28px; user-select: none; } .mozio-booking-summary .field.coupon-code .coupon-code { display: flex; gap: 12px; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container { position: relative; display: flex; align-items: center; width: 100%; gap: 4px; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input { font-size: 16px; box-sizing: border-box; width: 100%; height: 38px; padding: 0 10px; text-transform: uppercase; color: #1C1C1C; border: unset; border-bottom: solid 1px #BFBFBF; outline: none; appearance: none; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input:focus { border-bottom: solid 1px #1C1C1C; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input:invalid { border-bottom: solid 1px #BFBFBF; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container .icon { position: absolute; right: 12px; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container .icon.checking { animation: rotate 1s linear infinite; background-image: url("/assets/images/icons/spinner.svg"); } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container .icon.valid { background-image: url("/assets/images/icons/greenTickIcon.svg"); } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container .icon.invalid { background-image: url("/assets/images/icons/redCrossIcon.svg"); } .mozio-booking-summary .field.coupon-code .coupon-code .apply-coupon { font-size: 15px; line-height: 18px; width: fit-content; padding: 10px 24px; cursor: pointer; color: #FFFFFF; border-radius: 8px; background-color: #1C1C1C; } .mozio-booking-summary .field.coupon-code .coupon-code .apply-coupon.disabled { cursor: default; opacity: 50%; } .mozio-booking-summary .field.coupon-code #coupon-info { font-size: 14px; margin: 0 0 0 10px; } .mozio-booking-summary .currency { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } .mozio-booking-summary .supplier-amount { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; color: #BFBFBF; } .mozio-booking-summary .supplier-amount:empty { display: none; } .mozio-booking-summary #display-currency-notification { display: flex; align-items: center; box-sizing: border-box; padding: 12px; border: 1px solid #BFBFBF; border-radius: 12px; background: #F9F6F4; gap: 12px; } .mozio-booking-summary #display-currency-notification:before { display: block; min-width: 28px; min-height: 28px; content: ""; background-image: url("/assets/images/icons/infoIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: opacity(0.4); } .mozio-booking-summary #display-currency-notification #display-currency-notification-text { font-size: 13px; color: #707070; } .mozio-booking-summary hr { width: 100%; border: 0; border-bottom: solid 1.5px #4F4F4F; } .mozio-booking-summary .tickets-container { display: none; flex-direction: column; gap: 16px; } .mozio-booking-summary .tickets-container .text-container { display: flex; align-items: baseline; gap: 4px; } .mozio-booking-summary .tickets-container .text-container.vertical { flex-direction: column; } .mozio-booking-summary .tickets-container .sub-total-holder { display: flex; align-items: baseline; justify-content: space-between; } .mozio-booking-summary .tickets-container .sub-total-holder .text-container .price { font-size: 15px; } .mozio-booking-summary .tickets-container .tickets { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; margin-top: 8px; gap: 12px; } .mozio-booking-summary .tickets-container .tickets .item { display: flex; justify-content: space-between; width: 100%; } .mozio-booking-summary .tickets-container .tickets .item .name-and-count { font-size: 15px; line-height: 18px; } .mozio-booking-summary .tickets-container .tickets .item .ages { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; color: #707070; } .mozio-booking-summary .tickets-container .tickets .item .price { font-size: 15px; line-height: 18px; color: #1C1C1C; } .mozio-booking-summary .tickets-container:has(> div:not(.hidden)) { display: flex; } .mozio-booking-summary .total { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; } .mozio-booking-summary .total .taxes-and-fees { margin-bottom: 12px; } .mozio-booking-summary .total .taxes-and-fees .sub-item { font-size: 15px; } .mozio-booking-summary .total .taxes-and-fees .total-holder .price-container .price { font-size: 15px; line-height: 18px; } .mozio-booking-summary .total .total-holder { display: flex; justify-content: space-between; } .mozio-booking-summary .total .total-holder.total-small .total-text .title { font-size: 18px; line-height: 20px; } .mozio-booking-summary .total .total-holder.total-small .price-container .text-container .title { font-size: 18px; line-height: 20px; } .mozio-booking-summary .total .total-holder:has(.use-points-container) { align-items: unset; } .mozio-booking-summary .total .total-holder .use-points-container .total-text { align-items: center; flex-direction: row; gap: 8px; } .mozio-booking-summary .total .total-holder .use-points-container .description { font-size: 14px; line-height: 20px; margin-left: 28px; letter-spacing: 0.12px; color: #707070; } .mozio-booking-summary .total .total-holder .total-text { display: flex; flex-direction: column; align-items: baseline; } .mozio-booking-summary .total .total-holder .total-text #total-coupon { font-size: 15px; } .mozio-booking-summary .total .total-holder .total-text .description { font-size: 12px; line-height: 20px; letter-spacing: 0.12px; color: #707070; } .mozio-booking-summary .total .total-holder .total-text #summary-coupon-code { font-size: 12px; line-height: 20px; letter-spacing: 0.12px; } .mozio-booking-summary .total #supplier-total-pricing, .mozio-booking-summary .total #transaction-total-pricing, .mozio-booking-summary .total #dcc-notification { padding: 16px; border: 1px solid #BFBFBF; border-radius: 12px; background: #F9F6F4; align-self: flex-end; } .mozio-booking-summary .total #supplier-total-pricing hr, .mozio-booking-summary .total #transaction-total-pricing hr, .mozio-booking-summary .total #dcc-notification hr { margin-block: 14px; border-color: #BFBFBF; } .mozio-booking-summary .total #supplier-total-pricing .supplier-total-holder, .mozio-booking-summary .total #supplier-total-pricing .transaction-total-holder, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder, .mozio-booking-summary .total #transaction-total-pricing .transaction-total-holder, .mozio-booking-summary .total #dcc-notification .supplier-total-holder, .mozio-booking-summary .total #dcc-notification .transaction-total-holder { display: flex; justify-content: space-between; } .mozio-booking-summary .total #supplier-total-pricing .supplier-total-holder .total-text, .mozio-booking-summary .total #supplier-total-pricing .transaction-total-holder .total-text, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .total-text, .mozio-booking-summary .total #transaction-total-pricing .transaction-total-holder .total-text, .mozio-booking-summary .total #dcc-notification .supplier-total-holder .total-text, .mozio-booking-summary .total #dcc-notification .transaction-total-holder .total-text { display: flex; flex-direction: column; align-items: baseline; } .mozio-booking-summary .total #supplier-total-pricing .supplier-total-holder .total-text .description, .mozio-booking-summary .total #supplier-total-pricing .transaction-total-holder .total-text .description, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .total-text .description, .mozio-booking-summary .total #transaction-total-pricing .transaction-total-holder .total-text .description, .mozio-booking-summary .total #dcc-notification .supplier-total-holder .total-text .description, .mozio-booking-summary .total #dcc-notification .transaction-total-holder .total-text .description { font-size: 12px; line-height: 20px; letter-spacing: 0.12px; color: #707070; } .mozio-booking-summary .total #supplier-total-pricing .supplier-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #supplier-total-pricing .transaction-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #transaction-total-pricing .transaction-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #dcc-notification .supplier-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #dcc-notification .transaction-total-holder .price-container .supplier-pricing { font-size: 22px; font-weight: bold; line-height: 26px; color: #1C1C1C; } .mozio-booking-summary .total #supplier-total-pricing .supplier-total-holder .price-container .currency, .mozio-booking-summary .total #supplier-total-pricing .transaction-total-holder .price-container .currency, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .price-container .currency, .mozio-booking-summary .total #transaction-total-pricing .transaction-total-holder .price-container .currency, .mozio-booking-summary .total #dcc-notification .supplier-total-holder .price-container .currency, .mozio-booking-summary .total #dcc-notification .transaction-total-holder .price-container .currency { font-size: 22px; font-weight: bold; line-height: 26px; color: #1C1C1C; } .mozio-booking-summary .total #supplier-total-pricing #card-billing-legend, .mozio-booking-summary .total #transaction-total-pricing #card-billing-legend, .mozio-booking-summary .total #dcc-notification #card-billing-legend { margin-top: 8px; font-size: 13px; color: #707070; } .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder { align-items: baseline; } .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .price-container .supplier-pricing, .mozio-booking-summary .total #transaction-total-pricing .supplier-total-holder .price-container .currency { font-size: 12px; font-weight: normal; line-height: 20px; letter-spacing: 0.12px; color: #707070; } .mozio-booking-summary .total .price-container { display: flex; align-items: baseline; gap: 8px; } .mozio-booking-summary .total .price-container .text-container { display: flex; align-items: baseline; gap: 4px; } .mozio-booking-summary .total .price-container #total-coupon { font-size: 18px; } .mozio-booking-summary .total .price-container #sub-total { font-size: 18px; } .mozio-booking-summary .total .price-container .currency { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } .mozio-booking-summary #timeout { font-size: 14px; line-height: 16px; height: 16px; margin-bottom: -16px; text-align: right; color: #707070; } .mozio-booking-summary .cancellation-policy-container { display: flex; flex-direction: column; gap: 12px; } .mozio-booking-summary .cancellation-policy-container .text { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; color: #707070; } .mozio-booking-summary #earn-points-banner { display: flex; align-items: center; justify-content: center; margin: 24px -24px -24px -24px; padding: 24px; background-color: #1C1C1C; gap: 8px; } .mozio-booking-summary #earn-points-banner .styledIcon { width: 24px; height: 24px; fill: #FFFFFF; } .mozio-booking-summary #earn-points-banner .points-text { font-size: 16px; line-height: 24px; color: #FFFFFF; } .mozio-booking-summary #earn-points-banner .points-text .login-signup-link { cursor: pointer; text-decoration: underline; color: #FFFFFF; } .mozio-booking-summary #earn-points-banner .points-text .points-value { font-weight: bold; } @media (max-width: 925px) { .mozio-booking-summary { max-width: none; padding: 0; gap: 12px; } .mozio-booking-summary .trip-section { padding: 0 16px; gap: 24px; } .mozio-booking-summary:not(:has(#earn-points-banner)) { padding-bottom: 1px; } .mozio-booking-summary #earn-points-banner { margin: 0; padding: 16px; } .mozio-booking-summary #earn-points-banner .icon { min-width: 24px; } .mozio-booking-summary .name { margin: 0 16px 0; padding-top: 18px; } .mozio-booking-summary .details, .mozio-booking-summary .tickets-container { margin: 16px; } .mozio-booking-summary .show-gift-code-input { margin: 0 16px; } .mozio-booking-summary .field.coupon-code { width: unset; margin: 0 16px; } .mozio-booking-summary > hr { width: auto; margin: 8px 16px 0; } .mozio-booking-summary .tickets-container hr { margin: 0; padding-top: 0; } .mozio-booking-summary .title.sub { font-size: 16px; } .mozio-booking-summary .total { margin: 16px; padding-bottom: 4px; } .mozio-booking-summary .total .taxes-and-fees { margin-bottom: 0; } .mozio-booking-summary .total .total-holder .total-text { gap: 8px; } .mozio-booking-summary .total .price-container #sub-total { font-size: 16px; } .mozio-booking-summary .total .price-container .currency { min-width: 29px; text-align: right; } } @media (max-width: 400px) { .mozio-booking-summary .total .total-holder { align-items: flex-start; gap: 16px; } .mozio-booking-summary .total .total-holder .total-text:not(:has(.points-check-input)) { flex-direction: column; gap: 0; } .mozio-booking-summary .total .total-holder .use-points-container .total-text { align-items: flex-start; } } #payment .info { font-size: 16px; line-height: 24px; margin-top: 0; margin-bottom: 0; } #payment .info.alert { margin-top: 0; margin-bottom: 0; color: #D0021B; } #payment-element.disabled { user-select: none; pointer-events: none; opacity: 0.5; user-input: none; } #why-us { margin: 40px auto 0 auto; } #why-us .content { display: flex; flex-direction: column; padding: 24px; text-align: center; border-radius: 16px; background-color: #FFFFFF; gap: 32px; } #why-us .content h2 { font-size: 24px; margin: 0; } #why-us .content .reasons { display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr; gap: 36px; } #why-us .content .reasons .reason { display: flex; align-items: center; flex-direction: column; gap: 10px; } #why-us .content .reasons .reason h3 { font-size: 18px; margin: 0; } #why-us .content .reasons .reason p { font-size: 16px; margin: 0; } #why-us .content .reasons .reason .image { width: 48px; min-width: 48px; height: 48px; min-height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; } #why-us .content .reasons .reason .image.earn-points { background-image: url("https://bucket.mailersendapp.com/0p7kx4xmrvl9yjre/o65qngk537dgwr12/images/9fafe0a8-663c-424b-a87e-527b7737bde9.svg"); } #why-us .content .reasons .reason .image.redeem-points { background-image: url("https://bucket.mailersendapp.com/0p7kx4xmrvl9yjre/o65qngk537dgwr12/images/9fafe0a7-fa23-424b-a18d-a69ab3657c0f.svg"); } #why-us .content .reasons .reason .image.curation { background-image: url("https://bucket.mailersendapp.com/0p7kx4xmrvl9yjre/o65qngk537dgwr12/images/9fafe0a8-d7e9-4ae8-8cd6-430eb438b954.svg"); } #why-us .content .reasons .reason .image.support { background-image: url("https://bucket.mailersendapp.com/0p7kx4xmrvl9yjre/o65qngk537dgwr12/images/9fafe0a9-43f2-4403-a1e5-f7644e1bb254.svg"); } #why-us .content .reasons .separator { width: 1px; background-color: #EEEEEE; } .sticky-container #why-us { margin: 0; } .sticky-container #why-us .content { padding: 32px 24px 40px; text-align: left; background-color: unset; gap: 22px; } .sticky-container #why-us .content .reasons { display: flex; flex-direction: column; gap: 22px; } .sticky-container #why-us .content .reasons h2 { font-size: 22px; } .sticky-container #why-us .content .reasons .separator { display: none; } .sticky-container #why-us .content .reasons .reason { display: grid; grid-template-columns: 55px auto; grid-template-rows: auto; gap: 0; } .sticky-container #why-us .content .reasons .reason .image { position: relative; top: 0; align-self: start; width: 36px; min-width: 36px; height: 36px; min-height: 36px; grid-area: 1/1/3/2; } .sticky-container #why-us .content .reasons .reason h3 { font-size: 16px; font-weight: unset; grid-area: 1/2/2/3; } .sticky-container #why-us .content .reasons .reason p { font-size: 14px; color: #707070; grid-area: 2/2/3/3; } @media (max-width: 990px) { #why-us .content h3 { font-size: 18px; } #why-us .content .reasons { display: flex; flex-direction: column; gap: 16px; } #why-us .content .reasons .separator { display: none; } } @media (max-width: 925px) { .sticky-container #why-us { display: none; } } body:has(#login-window.overlay-login-background) { overflow: hidden; height: 100lvh; } #login-window.overlay-login-background { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } #login-window.overlay-login-background .overlay-login-window { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #login-window.overlay-login-background .overlay-login-window .overlay-login-content { width: 50vw; height: 65vh; border: none; border-radius: 0; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content:has(.login-error) { height: unset; background-color: #FFFFFF; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .login-error { font-size: 18px; padding: 20px; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-loader { position: absolute; top: 50%; left: 50%; display: none; transform: translate(-50%, -50%); } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-loader > div { width: 30px; height: 30px; background-image: url("/assets/images/icons/spinner.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-external { font-family: serif, sans-serif; font-size: 24px; position: absolute; bottom: 50%; left: 50%; padding-bottom: 90px; transform: translate(-50%, 0); text-align: center; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-external span { text-decoration: underline; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.success { background-color: #FFFFFF; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.loading { background-color: #FFFFFF; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.loading .overlay-login-loader { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 12px; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.loading .overlay-login-loader > div { animation: rotate 1s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.loading iframe.overlay-login-iframe { display: none; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content.loading iframe.overlay-login-iframe html { scrollbar-width: thin; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-close-button { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; cursor: pointer; user-select: none; background-image: url("/assets/images/icons/crossIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content iframe.overlay-login-iframe { width: 50vw; height: 65vh; border: none; border-radius: 0; } @media (max-width: 768px) { #login-window.overlay-login-background .overlay-login-window { top: 5%; left: 4%; transform: unset; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content { width: 92vw; height: 90vh; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content iframe.overlay-login-iframe { width: 92vw; height: 90vh; } } body:has(#two-factor-window.overlay-two-factor-background) { overflow: hidden; height: 100lvh; } #two-factor-window.overlay-two-factor-background { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-close-button { position: absolute; top: 24px; right: 24px; width: 25px; height: 25px; cursor: pointer; user-select: none; background-image: url("/assets/images/icons/crossIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content { box-sizing: border-box; width: 620px; padding: 24px 24px 32px 24px; border: none; border-radius: 16px; background-color: #FFFFFF; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .overlay-two-factor-loader { position: absolute; top: 50%; left: 50%; display: none; width: 30px; height: 30px; transform: translate(-50%, -50%); background-image: url("/assets/images/icons/spinner.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content.loading { height: 400px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content.loading .overlay-two-factor-loader { display: block; animation: rotate 1s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-title { font-size: 26px; line-height: 36px; margin-bottom: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-subtitle { font-size: 16px; line-height: 24px; margin-bottom: 4px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container { display: flex; overflow-x: hidden; overflow-y: auto; flex-direction: column; max-height: calc(100vh - 325px); margin-top: 30px; padding: 32px; border: 1px solid #707070; border-radius: 16px; gap: 12px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-processing-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-processing-container { font-size: 18px; display: flex; align-items: center; flex-direction: column; justify-content: center; min-height: 283px; gap: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-processing-container .loader, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-processing-container .loader { width: 50px; height: 50px; animation: rotate 1s linear infinite; background-image: url("/assets/images/icons/spinner.svg"); background-repeat: no-repeat; background-position: center; background-size: 50px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-error-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-error-container { display: flex; flex-direction: column; gap: 12px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-method, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-method, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification { display: flex; flex-direction: column; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-item-title, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-item-title { font-size: 12px; line-height: 20px; letter-spacing: 1.3px; text-transform: uppercase; color: #BFBFBF; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-item-title .two-factor-item-title-sub, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-item-title .two-factor-item-title-sub { margin-left: 12px; letter-spacing: normal; text-transform: none; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details { font-size: 14px; line-height: 20px; color: #1C1C1C; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details.strong, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details.strong { font-family: serif, sans-serif; margin-bottom: 10px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details a, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details a { text-decoration: underline; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details:has(.two-factor-phone-terms), #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details:has(.two-factor-phone-terms) { margin-top: 16px; margin-bottom: -8px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details .two-factor-phone-terms, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details .two-factor-send-again, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details .two-factor-phone-terms, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details .two-factor-send-again { cursor: pointer; text-decoration: underline; color: #B84C16; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-details .two-factor-phone-terms, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-details .two-factor-phone-terms { display: none; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-button, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-button { font-size: 15px; line-height: 18px; align-self: center; margin: 16px 0 0 0; padding: 10px 24px; cursor: pointer; color: #FFFFFF; border-radius: 50px; background-color: #1C1C1C; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-button.email, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-button.email { margin-bottom: 0; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-button:hover, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-button:hover { filter: brightness(90%); } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-button.disabled, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-button.disabled { cursor: default; pointer-events: none; opacity: 50%; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-divider-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-divider-container { display: flex; align-items: center; gap: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-divider-container.end-of-section, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-divider-container.end-of-section { padding: 16px 0 8px 0; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-divider-container hr, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-divider-container hr { width: 100%; color: #BFBFBF; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-divider-container div, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-divider-container div { font-size: 12px; line-height: 17px; letter-spacing: 1.3px; text-transform: uppercase; color: #1C1C1C; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-back-link, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-back-link { font-size: 15px; line-height: 18px; align-self: center; cursor: pointer; text-transform: uppercase; color: #B84C16; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container { display: flex; width: 100%; margin-top: 16px; gap: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container input, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container input { font-size: 22px; line-height: 31px; width: 100%; padding: 10px; text-align: center; color: #1C1C1C; border: 1px solid #BFBFBF; border-radius: 16px; -moz-appearance: textfield; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container input::-webkit-outer-spin-button, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container input::-webkit-inner-spin-button, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } @media (max-width: 640px) { #two-factor-window.overlay-two-factor-background .overlay-two-factor-window { top: 5%; left: 3%; transform: unset; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-close-button { top: 21px; right: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content { width: 94vw; padding: 16px 16px 24px 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container { margin-top: 16px; padding: 16px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container { gap: 4px; } #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-method-container .two-factor-verification-input-container input, #two-factor-window.overlay-two-factor-background .overlay-two-factor-window .overlay-two-factor-content .two-factor-verification-container .two-factor-verification-input-container input { line-height: 24px; } } .overlay-modal { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-content: center; align-items: center; justify-content: center; padding-right: 16px; padding-left: 16px; background: rgba(0, 0, 0, 0.52); } .overlay-modal .overlay-modal-window { position: relative; box-sizing: border-box; max-width: 915px; max-height: 70vh; margin: 8px; padding: 16px 8px 32px 32px; background: #FFFFFF; } .overlay-modal .overlay-modal-window:has(.checkout-login-prompt) { padding: 16px 32px 32px 32px; } .overlay-modal .overlay-modal-window:has(.checkout-login-prompt) .overlay-modal-content { margin: 0; padding: 0 16px; } .overlay-modal .overlay-modal-window .overlay-modal-content { overflow-x: hidden; overflow-y: auto; max-height: 60vh; margin: 63px 16px 0 0; padding-right: 15px; text-align: left; -webkit-overflow-scrolling: touch; } .overlay-modal .overlay-modal-window .overlay-modal-content:not(:has(.close-button)) { margin-top: 0; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt { display: flex; align-items: center; flex-direction: column; gap: 16px; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt h3 { font-family: serif, sans-serif; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt button { margin: 0; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt p { margin: 0 16px; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt .separator { display: flex; align-items: center; width: 100%; gap: 16px; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt .separator h4 { font-family: serif, sans-serif; font-weight: normal; margin: 0; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt .separator hr { flex-grow: 1; height: 1px; border: none; background-color: #1C1C1C; } .overlay-modal .overlay-modal-window .overlay-modal-content button { align-self: center; margin-top: 16px; padding: 10px 32px; text-transform: unset; } .overlay-modal .overlay-modal-window .overlay-modal-content .close-button { position: absolute; top: 31px; right: 23px; width: 25px; height: 25px; cursor: pointer; user-select: none; background-color: #BFBFBF; background-image: url("/assets/images/icons/crossIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px; } .overlay-modal .overlay-modal-window .overlay-modal-content a { font-weight: bold; text-decoration: none; color: #1C1C1C; } .overlay-modal .overlay-modal-window .overlay-modal-content a:hover { font-weight: bold; text-decoration: underline; } #checkout-hero { font-size: 30px; line-height: 36px; position: absolute; top: 0; left: 0; padding: 24px 0 0 0; background-color: inherit; } .custom-select-container { border: unset; } .custom-select-container .active-option { padding: unset; } #form-summary { position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 32px; } #form-summary .forms { padding-top: 56px; flex: 1 1; } #form-summary .forms * { box-sizing: border-box; } #form-summary .forms #forms-top-banner, #form-summary .forms .form > .content, #form-summary .forms .details-summary { margin-left: 32px; } #form-summary .forms #forms-top-banner { display: flex; align-items: center; justify-content: center; height: 44px; background-color: #F1F1F1; gap: 8px; } #form-summary .forms #forms-top-banner .styledIcon { width: 24px; min-width: 24px; height: 24px; } #form-summary .forms #forms-top-banner .login-banner-text { font-size: 16px; line-height: 24px; color: #1C1C1C; } #form-summary .forms #forms-top-banner .login-banner-text .login-signup-link { cursor: pointer; text-decoration: underline; color: #1C1C1C; } #form-summary .form { position: relative; padding: 24px 0; } #form-summary .form #signed-in-as-banner { font-size: 14px; line-height: 20px; position: relative; display: flex; padding: 12px 16px; background-color: #F1F1F1; gap: 4px; } #form-summary .form #signed-in-as-banner .signed-in-as-icon { width: 20px; height: 20px; background-image: url("/assets/images/icons/userIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 16px; } #form-summary .form #signed-in-as-banner .signed-in-as-text { color: #1C1C1C; } #form-summary .form #signed-in-as-banner .signed-in-as-text span { font-weight: bold; } #form-summary .form #signed-in-as-banner .switch-user { position: absolute; right: 16px; cursor: pointer; text-decoration: underline; color: #1C1C1C; } #form-summary .form #payment-points-total-holder .total-holder { display: flex; justify-content: space-between; } #form-summary .form #payment-points-total-holder .total-holder .title { font-size: 22px; font-weight: bold; line-height: 28px; color: #1C1C1C; } #form-summary .form #payment-points-total-holder .total-holder .title.sub { font-size: 18px; font-weight: normal; line-height: 20px; color: #1C1C1C; } #form-summary .form #payment-points-total-holder .total-holder .use-points-container .total-text { align-items: center; } #form-summary .form #payment-points-total-holder .total-holder .use-points-container .description { font-size: 14px; line-height: 20px; margin-left: 28px; letter-spacing: 0.12px; color: #707070; } #form-summary .form #payment-points-total-holder .total-holder .total-text { display: flex; align-items: baseline; gap: 6px; } #form-summary .form #payment-points-total-holder .total-holder .price-container { display: flex; align-items: baseline; gap: 8px; } #form-summary .form #payment-points-total-holder .total-holder .price-container .text-container { display: flex; align-items: baseline; gap: 4px; } #form-summary .form #payment-points-total-holder .total-holder .price-container .currency { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } #form-summary .form .edit-details { font-size: 16px; position: absolute; top: 24px; right: 24px; display: none; cursor: pointer; text-decoration: underline; color: #1C1C1C; } #form-summary .form .edit-details.disabled { cursor: default; pointer-events: none; opacity: 50%; } #form-summary .form .details-summary { font-size: 14px; line-height: 20px; display: none; color: #707070; } #form-summary .form #zero-transaction-info .hold { font-size: 14px; line-height: 20px; color: #707070; } #form-summary .form #coupon-info { margin-top: 5px; } #form-summary .form.confirmation { display: none; } #form-summary .form#confirm-and-pay .title .number:after { content: unset; } #form-summary .form.active { display: flex; flex-direction: column; gap: 24px; } #form-summary .form.active .title { color: #1C1C1C; } #form-summary .form.active .title .number { color: #FFFFFF; border: solid 1px #1C1C1C; background-color: #1C1C1C; } #form-summary .form.active .title .number:after { background: linear-gradient(0deg, #BFBFBF 7%, #1C1C1C 33%); background-color: #1C1C1C; } #form-summary .form.active .content { display: flex; flex-direction: column; gap: 24px; } #form-summary .form.active .content #zero-transaction-info { padding: 12px; background-color: #F1F1F1; } #form-summary .form.active .content #zero-transaction-info .fraud { font-size: 14px; line-height: 20px; } #form-summary .form.basic.complete { display: flex; flex-direction: column; gap: 24px; } #form-summary .form.complete .edit-details { display: block; } #form-summary .form.complete .details-summary { display: block; } #form-summary .form.extras.complete { display: flex; flex-direction: column; gap: 24px; } #form-summary .form.extras .extras-summary { display: none; } #form-summary .form.extras .extras-summary:has(.extras-summary-item:not(:empty)) { display: block; } #form-summary .form .content { display: none; } #form-summary .form .title { font-size: 26px; line-height: 31px; display: flex; align-items: center; color: #BFBFBF; gap: 8px; margin-block-start: 0; margin-block-end: 0; } #form-summary .form .title .number { font-size: 15px; line-height: 24px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; text-align: center; color: #FFFFFF; border: solid 1px #BFBFBF; background-color: #BFBFBF; } #form-summary .form .title .number:after { position: absolute; top: 52px; width: 2px; height: 100%; content: ""; background-color: #BFBFBF; } #form-summary .form .fields { display: flex; flex-direction: column; gap: 16px; } #form-summary .form .fields .extras-title { font-family: serif, sans-serif; margin-bottom: -10px; margin-block: 0; } #form-summary .form .fields .extra { display: flex; flex-direction: column; gap: 12px; } #form-summary .form .fields .extra .extra-title-description h3 { font-size: 18px; line-height: 24px; margin: 0; } #form-summary .form .fields .extra .extra-title-description p { font-size: 14px; line-height: 20px; margin: 0; color: #707070; } #form-summary .form .fields .extra .extra-button-price { display: flex; align-items: center; justify-content: space-between; gap: 12px; } #form-summary .form .fields .extra .extra-button-price .extra-button { font-size: 15px; line-height: 20px; width: 120px; padding: 10px 24px; cursor: pointer; text-align: center; color: #FFFFFF; border-radius: 8px; background-color: #1C1C1C; } #form-summary .form .fields .extra .extra-button-price .extra-button:hover { background-color: #707070; } #form-summary .form .fields .extra .extra-button-price .extra-button.disabled { cursor: default; pointer-events: none; opacity: 50%; } #form-summary .form .fields .extra .extra-button-price .extra-button.disabled:hover { background-color: #1C1C1C; } #form-summary .form .fields .extra .extra-button-price .extra-pricing .price { font-size: 18px; line-height: 25px; color: #1C1C1C; } #form-summary .form .fields .extra .extra-button-price .extra-pricing .price .currency { font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } #form-summary .form .fields .extra .extra-button-price .extra-pricing .per-ride { font-size: 12px; line-height: 20px; text-align: right; color: #707070; } #form-summary .form .fields .extra .separator { width: 100%; height: 1px; background-color: #EEEEEE; } #form-summary .form .fields .extra.added .extra-button-price .extra-button { display: flex; align-items: center; justify-content: center; color: #1C1C1C; border: 1px solid #EEEEEE; background-color: transparent; gap: 12px; } #form-summary .form .fields .extra.added .extra-button-price .extra-button:after { width: 14px; height: 14px; content: ""; background-image: url("/assets/images/icons/tickIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: invert(1); } #form-summary .form .fields .extra.added .extra-button-price .extra-button:hover { background-color: #EEEEEE; } #form-summary .form .fields .waiver-container { display: flex; flex-direction: column; gap: 12px; } #form-summary .form .fields .waiver-container .waiver-title { font-size: 18px; text-transform: capitalize; } #form-summary .form .fields .waiver-container .waiver-content { font-size: 14px; line-height: 16px; } #form-summary .form .fields .waiver-container .waiver-checkbox { display: flex; align-items: center; user-select: none; gap: 8px; } #form-summary .form .fields .waiver-container .waiver-checkbox .styled-checkbox { align-self: flex-start; } #form-summary .form .fields .waiver-container .waiver-checkbox .styled-checkbox .checkbox { align-self: baseline; min-width: 18px; height: 18px; margin: 0; cursor: pointer; background-color: #EEEEEE; } #form-summary .form .fields .waiver-container .waiver-checkbox .styled-checkbox .checkbox.active { display: flex; align-items: center; justify-content: center; outline-offset: 3px; background-color: #1C1C1C; } #form-summary .form .fields .waiver-container .waiver-checkbox .styled-checkbox .checkbox .icon { width: 12px; height: 12px; background-image: url("/assets/images/icons/tickIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #form-summary .form .fields .name-fields { display: flex; width: 100%; gap: 12px; } #form-summary .form .fields .field { display: flex; flex-direction: column; width: 100%; user-select: none; gap: 6px; } #form-summary .form .fields .field .flight-number-holder { display: flex; gap: 8px; } #form-summary .form .fields .field .flight-number-holder .airline-code { max-width: 48px; } #form-summary .form .fields .field .flight-number-holder .airline-code .airline-code-display:focus { border: solid 1px #BFBFBF; } #form-summary .form .fields .field .flight-number-holder .flight-number { max-width: 112px; } #form-summary .form .fields .field .custom-select-container { top: 0; } #form-summary .form .fields .field .custom-select-container:has(.active) { z-index: 100; } #form-summary .form .fields .field .custom-select-container .active-option { padding: 0 10px 0 0; } #form-summary .form .fields .field .multiline-holder { position: relative; padding: 8px; border: 1px solid #BFBFBF; } #form-summary .form .fields .field .multiline-holder .char-counter { font-size: 12px; position: absolute; right: 6px; bottom: -21px; color: #707070; } #form-summary .form .fields .field .multiline-holder .multiline { font-family: "Swiss721BT", sans-serif; font-size: 16px; line-height: 18px; width: 100%; resize: none; color: #1C1C1C; border: none; outline: none; scrollbar-width: thin; scrollbar-color: #707070 transparent; } #form-summary .form .fields .field .multiline-holder .multiline::-webkit-scrollbar { width: 5px; } #form-summary .form .fields .field .multiline-holder .multiline::-webkit-scrollbar-track { background: transparent; } #form-summary .form .fields .field .multiline-holder .multiline::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } #form-summary .form .fields .field .inline-message-container { display: flex; align-items: center; justify-content: space-between; } #form-summary .form .fields .field .confirm-container { display: flex; justify-content: space-between; } #form-summary .form .fields .field label { font-size: 12px; line-height: 14px; letter-spacing: 1.3px; color: #1C1C1C; } #form-summary .form .fields .field .month, #form-summary .form .fields .field .day, #form-summary .form .fields .field .year { display: flex; flex-direction: column; gap: 6px; } #form-summary .form .fields .field .month ::placeholder, #form-summary .form .fields .field .day ::placeholder, #form-summary .form .fields .field .year ::placeholder { font-size: 14px; opacity: 1; /* Firefox */ color: #BFBFBF; } #form-summary .form .fields .field .time { position: relative; display: flex; align-items: center; gap: 8px; } #form-summary .form .fields .field .time .number { position: relative; } #form-summary .form .fields .field .time .number ::placeholder { font-size: 14px; opacity: 1; /* Firefox */ color: #BFBFBF; } #form-summary .form .fields .field .time .number .hour, #form-summary .form .fields .field .time .number .minute { width: 40px; padding: 7px 5px 8px 5px; text-align: center; } #form-summary .form .fields .field .time .ampm { position: absolute; left: 118px; } #form-summary .form .fields .field .date { display: flex; } #form-summary .form .fields .field .date .month input[type=number].small-number { border: 1px solid #BFBFBF; border-right: 0; border-radius: 0; } #form-summary .form .fields .field .date .day input[type=number].small-number { border: 1px solid #BFBFBF; border-radius: 0; } #form-summary .form .fields .field .date .year input[type=number].small-number { border: 1px solid #BFBFBF; border-left: 0; border-radius: 0; } #form-summary .form .fields .field .info-message { font-size: 14px; line-height: 14px; } #form-summary .form .fields .field .loyalty-info { font-size: 14px; line-height: 20px; color: #707070; } #form-summary .form .fields .field #loyalty-error { font-size: 14px; line-height: 20px; color: #D0021B; } #form-summary .form .fields .field .number-and-unit { position: relative; } #form-summary .form .fields .field .number-and-unit .custom-select-container { position: absolute; z-index: 5; top: 0; left: 70px; min-height: 46px; } #form-summary .form .fields .field .number-and-unit .custom-select-container .active-option { padding: 10px; } #form-summary .form .fields .field .phone-container { display: flex; } #form-summary .form .fields .field .phone-container .flag { min-width: 21px; } #form-summary .form .fields .field .phone-container .select-container { position: relative; min-width: 140px; } #form-summary .form .fields .field .phone-container .custom-select-container { position: absolute; z-index: 5; overflow: visible; width: 140px; min-width: 140px; height: 24px; } #form-summary .form .fields .field .phone-container .custom-select-container:has(.options:not(.hidden)) { border-bottom: 0; } #form-summary .form .fields .field .phone-container .custom-select-container .options { overflow-y: scroll; width: max-content; max-height: 150px; margin-right: 5px; padding-right: 5px; background-color: #F1F1F1; scrollbar-width: thin; scrollbar-color: #707070 transparent; } #form-summary .form .fields .field .phone-container .custom-select-container .options::-webkit-scrollbar { width: 5px; } #form-summary .form .fields .field .phone-container .custom-select-container .options::-webkit-scrollbar-track { background: transparent; } #form-summary .form .fields .field .phone-container .custom-select-container .options::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } #form-summary .form .fields .field .phone-container .custom-select-container .active-option { gap: 8px; } #form-summary .form .fields .field .phone-container .custom-select-container .option { display: flex; align-items: center; width: 100%; height: 30px; gap: 8px; } #form-summary .form .fields .field.coupon-code { margin-bottom: 28px; gap: 12px; } #form-summary .form .fields .field.coupon-code .coupon-code { display: flex; flex-direction: column; } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container { display: flex; align-items: center; gap: 4px; } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container input { text-transform: uppercase; } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container .icon { width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain; } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container .icon.checking { animation: rotate 1s linear infinite; background-image: url("/assets/images/icons/spinner.svg"); } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container .icon.valid { background-image: url("/assets/images/icons/greenTickIcon.svg"); } #form-summary .form .fields .field.coupon-code .coupon-code .coupon-code-input-container .icon.invalid { background-image: url("/assets/images/icons/redCrossIcon.svg"); } #form-summary .form .fields .field.coupon-code .coupon-code .apply-coupon { font-size: 15px; line-height: 18px; width: fit-content; margin-top: 12px; padding: 10px 46px; cursor: pointer; color: #FFFFFF; border-radius: 8px; background-color: #1C1C1C; } #form-summary .form .fields .field.coupon-code .coupon-code .apply-coupon.disabled { cursor: default; opacity: 50%; } #form-summary .form .fields .field input { font-size: 16px; box-sizing: border-box; width: 100%; height: 24px; padding: 0 10px; text-transform: capitalize; color: #1C1C1C; border: unset; border-bottom: solid 1px #BFBFBF; outline: none; appearance: none; } #form-summary .form .fields .field input.extra { text-transform: none; } #form-summary .form .fields .field input[type=number] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } #form-summary .form .fields .field input[type=number]::-webkit-outer-spin-button, #form-summary .form .fields .field input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } #form-summary .form .fields .field input[type=number].small-number:has(~ select) { width: 70px; } #form-summary .form .fields .field input#email { text-transform: lowercase; } #form-summary .form .fields .field input:focus { border-bottom: solid 1px #1C1C1C; } #form-summary .form .fields .field input:invalid { border-bottom: solid 1px #BFBFBF; } #form-summary .form .fields.card-payment { gap: 12px; } #form-summary .form .fields.card-payment .label { font-size: 12px; line-height: 14px; letter-spacing: 1.3px; text-transform: uppercase; color: #BFBFBF; } #form-summary .form .fields.card-payment .card-details { display: flex; gap: 17px; } #form-summary .form .fields.card-payment .card-details .detail { padding: 14px 0 14px 0; border-bottom: solid 1.5px #BFBFBF; } #form-summary .form .fields.card-payment .card-details .detail.number { min-width: 220px; } #form-summary .form .fields.card-payment .card-details .detail.expiry { min-width: 91px; } #form-summary .form .fields.card-payment .card-details .detail.cvc { min-width: 60px; } #form-summary .form .fields.card-payment .paymentIcons { display: flex; margin: 20px 0 125px 0; user-select: none; gap: 14px; } #form-summary .form .fields.card-payment .paymentIcons .icon { width: 48px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: contain; } #form-summary .form .fields.card-payment .paymentIcons .icon.visa { background-image: url("/assets/images/icons/payment/visa.svg"); } #form-summary .form .fields.card-payment .paymentIcons .icon.mastercard { background-image: url("/assets/images/icons/payment/mastercard.svg"); } #form-summary .form .fields.card-payment .paymentIcons .icon.amex { background-image: url("/assets/images/icons/payment/amex.svg"); } #form-summary .form .fields.card-payment .paymentIcons .icon.discover { background-image: url("/assets/images/icons/payment/discover.svg"); } #form-summary .form .fields .per-person-container { display: flex; flex-direction: column; gap: 12px; } #form-summary .form .fields .per-person-additional { font-size: 18px; line-height: 24px; } #form-summary .form .fields .participant { display: flex; flex-direction: column; gap: 12px; } #form-summary .form .fields .participant .title { font-size: 12px; line-height: 14px; letter-spacing: 1.3px; text-transform: uppercase; color: #1C1C1C; } #form-summary .form .fields .participant .fields { gap: 8px; } #form-summary .form .fields .participant .field { display: flex; flex-direction: column; margin-bottom: 8px; user-select: none; gap: 6px; } #form-summary .form .fields .participant .field label { font-size: 12px; line-height: 14px; letter-spacing: 1.3px; text-transform: uppercase; color: #BFBFBF; } #form-summary .form .fields .participant .field input { text-transform: capitalize; } #form-summary .form .fields .participant .field input#email { text-transform: lowercase; } #form-summary .form .fields .participant .field input:read-only { color: #707070; } #form-summary .form .confirmation-number-container { font-size: 20px; display: flex; gap: 12px; } #form-summary .form .card-charge-info { font-size: 14px; } #form-summary .form .select-options { background-color: #F1F1F1; overflow-y: auto; max-height: 132px; scrollbar-width: thin; scrollbar-color: #707070 transparent; } #form-summary .form .select-options::-webkit-scrollbar { width: 5px; } #form-summary .form .select-options::-webkit-scrollbar-track { background: transparent; } #form-summary .form .select-options::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } #form-summary .form button { font-size: 15px; line-height: 18px; display: flex; align-items: center; width: fit-content; padding: 10px 24px; user-select: none; } #form-summary .form button.book-now { justify-content: center; width: 220px; height: 44px; padding: 10px 50px; gap: 8px; } #form-summary .form button.book-now .styledIcon { width: 24px; min-width: 24px; height: 24px; fill: #FFFFFF; } #form-summary .form button:disabled { cursor: default; opacity: 50%; } #form-summary .form button:disabled:hover { background-color: #1C1C1C; } #form-summary .form button .icon { width: 18px; height: 18px; margin-left: 8px; background-image: url("/assets/images/icons/nextStepIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #form-summary .form button .icon.back { margin-right: 8px; margin-left: 0; transform: rotate(180deg); } #form-summary .info { font-size: 16px; line-height: 24px; margin-top: -8px; margin-bottom: -8px; } #form-summary .info.alert { font-size: 14px; margin-top: 0; margin-bottom: 0; color: #D0021B; } #form-summary .summary { padding-top: 84px; } #form-summary .summary .sticky-container { position: sticky; top: 100px; flex: 1 1 490px; max-width: 490px; } #form-summary .summary .sticky-container #why-us { margin: 0; padding: 28px 0; } #form-summary .summary .sticky-container #why-us .content { display: unset; padding: unset; background-color: unset; } #form-summary .summary .sticky-container #why-us .content h2 { font-size: 22px; margin-block-start: 0; margin-block-end: 12px; } #form-summary .summary .sticky-container #why-us .content .reason { margin-bottom: 22px; } #form-summary .summary .sticky-container #why-us .content .reason .image { min-width: 36px; } #form-summary .summary .sticky-container #why-us .content .reason .image.points { margin: 2px 0 0 0; } #form-summary .summary .sticky-container #why-us .content .reason .image.curation { margin: -1px 0 0 0; } #form-summary .summary .sticky-container #why-us .content .reason .image.support { margin: 1px 0 0 0; } #form-summary .summary .sticky-container #why-us .content .reason h3 { font-size: 16px; font-weight: unset; margin-block: 0; } #form-summary .summary .sticky-container #why-us .content .reason p { font-size: 14px; color: #707070; margin-block: 0; } #form-summary .loader { box-sizing: border-box; min-width: 5px; height: 18px; margin: 0 24px 0 0; animation: animloader 1s linear infinite alternate; border-radius: 4px; } @keyframes animloader { 0% { box-shadow: 8px 0 rgba(255, 255, 255, 0.25), 16px 0 white, 24px 0 white; } 50% { box-shadow: 8px 0 white, 16px 0 rgba(255, 255, 255, 0.25), 24px 0 white; } 100% { box-shadow: 8px 0 white, 16px 0 white, 24px 0 rgba(255, 255, 255, 0.25); } } .points-checkbox, .guest-checkbox, .terms-checkbox, .field-checkbox, .cancellation-checkbox { display: flex; align-items: center; margin-top: 12px; user-select: none; gap: 8px; } .points-checkbox .checkbox, .guest-checkbox .checkbox, .terms-checkbox .checkbox, .field-checkbox .checkbox, .cancellation-checkbox .checkbox { align-self: baseline; box-sizing: border-box; min-width: 22px; height: 22px; margin: 0; cursor: pointer; border: 1px solid #707070; border-radius: 4px; } .points-checkbox .checkbox.active, .guest-checkbox .checkbox.active, .terms-checkbox .checkbox.active, .field-checkbox .checkbox.active, .cancellation-checkbox .checkbox.active { display: flex; align-items: center; justify-content: center; border: 1px solid #1C1C1C; outline-offset: 3px; background-color: #1C1C1C; } .points-checkbox .checkbox.active.disabled, .guest-checkbox .checkbox.active.disabled, .terms-checkbox .checkbox.active.disabled, .field-checkbox .checkbox.active.disabled, .cancellation-checkbox .checkbox.active.disabled { cursor: default; pointer-events: none; opacity: 50%; } .points-checkbox .checkbox.disabled, .guest-checkbox .checkbox.disabled, .terms-checkbox .checkbox.disabled, .field-checkbox .checkbox.disabled, .cancellation-checkbox .checkbox.disabled { cursor: default; pointer-events: none; opacity: 90%; background: #EEEEEE; } .points-checkbox .checkbox .icon, .guest-checkbox .checkbox .icon, .terms-checkbox .checkbox .icon, .field-checkbox .checkbox .icon, .cancellation-checkbox .checkbox .icon { width: 14px; height: 14px; background-image: url("/assets/images/icons/tickIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .points-checkbox .text-container, .guest-checkbox .text-container, .terms-checkbox .text-container, .field-checkbox .text-container, .cancellation-checkbox .text-container { display: flex; gap: 4px; } .points-checkbox .text-container .cancellation-text, .guest-checkbox .text-container .cancellation-text, .terms-checkbox .text-container .cancellation-text, .field-checkbox .text-container .cancellation-text, .cancellation-checkbox .text-container .cancellation-text { font-size: 14px; line-height: 20px; margin-block-start: 12px; } .points-checkbox .text-container .label, .guest-checkbox .text-container .label, .terms-checkbox .text-container .label, .field-checkbox .text-container .label, .cancellation-checkbox .text-container .label { font-size: 14px; line-height: 20px; color: #707070; } .points-checkbox .text-container .label a, .guest-checkbox .text-container .label a, .terms-checkbox .text-container .label a, .field-checkbox .text-container .label a, .cancellation-checkbox .text-container .label a { text-decoration: underline; } .points-checkbox .text-container .label a:hover:after, .guest-checkbox .text-container .label a:hover:after, .terms-checkbox .text-container .label a:hover:after, .field-checkbox .text-container .label a:hover:after, .cancellation-checkbox .text-container .label a:hover:after { display: inline-block; width: 14px; height: 20px; content: url("/assets/images/icons/externalIcon.svg"); } .points-checkbox { margin-top: 0; } .cancellation-checkbox .text-container { flex-direction: column; } .main:has(#form-summary) footer { position: relative; margin-top: 0; border: none; } .main:has(#form-summary) footer::before { position: absolute; top: 0; width: 200vw; height: 100%; content: ""; transform: translateX(-50%); pointer-events: none; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.0509803922); } @media (max-width: 925px) { body:has(#checkout-hero) { margin: 0; } #checkout-hero { padding: 8px 15px 16px; } .points-checkbox, .terms-checkbox { margin-top: -2px; } .points-checkbox .checkbox, .terms-checkbox .checkbox { min-width: 20px; height: 20px; } .points-checkbox .text-container, .terms-checkbox .text-container { flex-wrap: wrap; } #form-summary { flex-direction: column; margin: 0; gap: 8px; } #form-summary:not(:has(.foot)) { padding-bottom: 35px; } #form-summary .summary { padding: 16px; } #form-summary .summary .sticky-container { max-width: unset; margin: 0; } #form-summary .summary:not(.foot) { position: fixed; z-index: 100; bottom: 0; width: calc(100% - 4px); padding: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1450980392); } #form-summary .summary:not(.foot) .sticky-container #why-us { display: none; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary { padding-bottom: 8px; gap: 0; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary:before { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; content: ""; transform: rotate(90deg); background-image: url(/assets/images/icons/arrowIcon.svg); background-repeat: no-repeat; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .name { font-size: 18px; line-height: 140%; margin: 0 38px 8px 16px; padding-top: 12px; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary > hr { margin: 8px 16px; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .show-gift-code-input, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .details, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .coupon-code, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary #sub-total-holder, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary #coupon-total-holder, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary #summary-points-total-holder, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary #earn-points-banner, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .tickets-container, #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .trip-section { display: none; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .total { margin: 8px 16px 8px; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .total .taxes-and-fees { display: none; } #form-summary .summary:not(.foot) .sticky-container .mozio-booking-summary .total .total-text .description { display: none; } #form-summary .forms { flex: auto; max-width: 100%; padding-top: 40px; } #form-summary .forms #observer-target { scroll-margin-top: 75px; } #form-summary .forms #forms-top-banner { height: unset; margin-bottom: 16px; padding: 16px; } #form-summary .forms .form { padding: 16px; gap: 0; } #form-summary .forms .form .p-Input input, #form-summary .forms .form .p-Select { font-size: 14px; padding: 10px 12px; } #form-summary .forms .form #signed-in-as-banner { align-items: center; padding: 12px 16px 12px 12px; gap: 8px; } #form-summary .forms .form #signed-in-as-banner .styledIcon { width: 20px; min-width: 20px; height: 20px; } #form-summary .forms .form #signed-in-as-banner .switch-user { position: unset; flex: 1; text-align: right; white-space: nowrap; } #form-summary .forms .form.active .content { gap: 18px; } #form-summary .forms .form button { justify-content: center; width: 100%; } #form-summary .forms .form.confirmation { gap: 16px; } #form-summary .forms .form.confirmation .title { margin-bottom: 0; } #form-summary .forms .form:not(.active) .title { margin-bottom: 0; } #form-summary .forms .form .sub .title { margin-bottom: 0; } #form-summary .forms .form .title { font-size: 24px; margin-bottom: 16px; } #form-summary .forms .form .title .number:after { top: 42px; } #form-summary .forms .form #payment-points-total-holder .total-holder { gap: 8px; } #form-summary .forms .form #payment-points-total-holder .total-holder .use-points-container .total-text { align-items: unset; gap: 8px; } #form-summary .forms .form #payment-points-total-holder .total-holder .use-points-container .total-text .points-checkbox { margin-top: -1px; } #form-summary .forms .form #payment-points-total-holder .total-holder .use-points-container .total-text .title.sub { font-size: 16px; line-height: 20px; flex-wrap: wrap; margin-bottom: 2px; column-gap: 4px; } #form-summary .forms .form #payment-points-total-holder .total-holder .use-points-container .description { margin-left: 28px; } #form-summary .forms .form .fields.card-payment { gap: 12px; } #form-summary .forms .form .fields.card-payment .card-details { flex-direction: column; } #form-summary .forms .form .fields.card-payment .card-details .detail { padding: 8px 0; } #form-summary .forms .form .fields.card-payment .paymentIcons { margin: 20px 0; } #form-summary .forms .form .fields .per-person-container { margin-top: auto; } #form-summary .forms .form .fields .per-person-container .participant .title { margin-bottom: 0; } #form-summary .forms .form .fields .per-person-container .participant .fields { margin-left: 0; } #form-summary .forms .form .fields .field { gap: 8px; } #form-summary .forms .form .fields .field .custom-select-container .active-option { padding: 6px 10px; } #form-summary .forms .form .fields .field .number-and-unit, #form-summary .forms .form .fields .field .time { margin-left: 0; } #form-summary .forms .form .fields .field .number-and-unit .custom-select-container, #form-summary .forms .form .fields .field .time .custom-select-container { min-height: 38px; } #form-summary .forms .form .fields .field .number-and-unit .custom-select-container .active-option, #form-summary .forms .form .fields .field .time .custom-select-container .active-option { padding: 6px 10px; } #form-summary .forms .form .fields .field .date div { margin-left: 0; } #form-summary .forms .form .fields .field input { font-size: 14px; height: 32px; padding: 4px 4px; } #form-summary .forms .form .fields .field .phone-container .select-container .custom-select-container { z-index: 20; min-height: 38px; } #form-summary .forms .form .fields .field .phone-container .select-container .custom-select-container .active-option { padding: 6px 10px; } #form-summary .forms .form .fields .waiver-container .waiver-checkbox { margin-bottom: 15px; } #form-summary .forms .form #step-one-info { margin-top: 0; margin-bottom: 16px; } #form-summary .forms .form #step-three-info { margin-top: 16px; margin-bottom: 0; } #form-summary .forms .additional #step-two-button { margin-top: 12px; } #form-summary .forms #payment #step-three-button { margin-top: 4px; } .main:has(#form-summary) footer { margin: 0 0 22px; padding: 40px 16px; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.0509803922); } .main:has(#form-summary) footer::before { content: none; } } @media (max-width: 420px) { .mozio-booking-summary .field.coupon-code .coupon-code { align-items: flex-end; gap: 4px; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input { font-size: 14px; } .mozio-booking-summary .field.coupon-code .coupon-code .apply-coupon { padding: 10px 16px; } } @media (min-width: 401px) { #form-summary .forms .form .fields:has([id$=FULL_NAMES_FIRST], [id$=FULL_NAMES_LAST]) { flex-direction: row; flex-wrap: wrap; } #form-summary .forms .form .fields:has([id$=FULL_NAMES_FIRST], [id$=FULL_NAMES_LAST]) .field { flex: auto; } #form-summary .forms .form .fields:has([id$=FULL_NAMES_FIRST], [id$=FULL_NAMES_LAST]) .field:has([id$=FULL_NAMES_FIRST], [id$=FULL_NAMES_LAST]) { flex: 1; } } @media (max-width: 400px) { #form-summary .forms .form .fields .name-fields { flex-direction: column; } } @media (max-width: 380px) { .mozio-booking-summary .field.coupon-code #coupon-info { color: #D0021B; } .mozio-booking-summary .field.coupon-code .coupon-code { align-items: center; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container .icon { right: 36px; } .mozio-booking-summary .field.coupon-code .coupon-code .apply-coupon { font-size: 14px; position: absolute; right: 24px; margin: 0px; padding: 4px 11px 6px; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container:has(.icon.checking) ~ .apply-coupon { font-size: 0; background-color: transparent; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container:has(.icon.valid) ~ .apply-coupon { font-size: 0; background-color: transparent; background-image: url(/assets/images/icons/crossIcon.svg); background-repeat: no-repeat; background-position: center; } } @media (max-width: 360px) { #form-summary .forms .form .title { font-size: 22px; line-height: 28px; } #form-summary .forms .form .fields .field .phone-container { flex-direction: column; } #form-summary .forms .form .fields .field .phone-container .custom-select-container { position: relative; overflow: hidden; width: unset; border-radius: 8px 8px 0 0; } #form-summary .forms .form .fields .field .phone-container .custom-select-container .options { border-right: 0; border-radius: 0; } #form-summary .forms .form .fields .field input#phone { border-top: none; } } @media (max-width: 545px) { #breadcrumbs { margin: 20px 8px; } #steps { margin: 16px 8px; gap: 0; } #steps .step { padding: 8px; text-indent: -9999px; gap: 0; } #steps .step.disabled .number { color: #1C1C1C; border: solid 1px #BFBFBF; background-color: #FFFFFF; } #steps .step.complete .number { width: 21px; height: 21px; border: none; } #steps .step.active { border: none; } #steps .step .number { text-indent: 0; } } .property-card { position: relative; display: flex; overflow: hidden; flex-direction: column; box-sizing: border-box; width: 287px; min-height: 102px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); scroll-snap-align: start; } .property-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .property-card .card-image { overflow: hidden; min-width: 84px; height: 233px; border: none; background-repeat: no-repeat; background-position: center; background-size: cover; } .property-card .card-content { position: absolute; bottom: 16px; display: flex; flex-direction: column; justify-content: space-between; max-width: 80%; padding: 12px 16px 16px 16px; background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); gap: 8px; } .property-card .card-content a { font-size: 20px; line-height: 120%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .product-card { position: relative; overflow: hidden; display: flex; flex: 45%; flex-direction: row; max-width: 48%; margin: 0 0 16px 0; gap: 2px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .product-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .product-card .card-image { position: relative; overflow: hidden; min-width: 200px; min-height: 130px; background-repeat: no-repeat; background-position: center; background-size: cover; } .product-card .card-content { display: flex; flex-direction: column; justify-content: space-between; padding: 8px 12px; } .product-card .card-content .card-title { font-size: 18px; line-height: 22px; display: -webkit-box; overflow: hidden; color: #1C1C1C; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .product-card .card-content .card-title.hasDestination { -webkit-line-clamp: 2; } .product-card .card-content .card-pricing-container { display: flex; align-self: flex-start; flex-direction: column; justify-content: space-between; width: 100%; margin-top: 12px; } .product-card .card-content .card-pricing-container .card-availability-descriptor { font-size: 13px; line-height: 18px; display: flex; align-items: center; height: 18px; margin-bottom: 8px; text-wrap: nowrap; gap: 4px; } .product-card .card-content .card-pricing-container .card-availability-descriptor strong { font-size: 14px; } .product-card .card-content .card-pricing-container a { font-size: 14px; line-height: 18px; display: flex; align-items: center; margin-bottom: 8px; gap: 4px; } .product-card .card-content .card-pricing-container a .icon { width: 18px; height: 18px; margin-bottom: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; } .product-card .card-content .card-pricing-container .card-points { font-size: 13px; line-height: 18px; display: flex; align-items: center; height: 18px; text-wrap: nowrap; gap: 4px; } .product-card .card-content .card-pricing-container .card-rating-and-rates { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 16px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .premier-logo { font-size: 14px; line-height: 12px; position: absolute; top: 4px; left: -4px; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; width: max-content; margin: 0 0 0 2px; padding: 8px; letter-spacing: 0.022em; color: #1C1C1C; border-radius: 2px; background-color: rgba(255, 255, 255, 0.3725490196); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1450980392); gap: 5px; backdrop-filter: blur(3px); } .product-card .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo { font-size: 14px; line-height: 12px; position: absolute; top: 4px; left: -4px; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; max-width: 148px; margin: 0 0 0 2px; padding: 8px; letter-spacing: 0.022em; border-radius: 2px; background-color: rgba(255, 255, 255, 0.3725490196); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1450980392); gap: 5px; backdrop-filter: blur(3px); } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-rating { display: flex; margin-top: 3px; gap: 4px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container { display: flex; align-items: center; gap: 4px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container .card-price-text { font-size: 15px; line-height: 28px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container .card-price, .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container .currency { font-size: 22px; line-height: 28px; color: #1C1C1C; } .product-card .card-favourite { position: absolute; z-index: 1; top: 4px; left: 167px; min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; padding: 6px 5px 4px; background-color: rgba(255, 255, 255, 0.3725490196); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1450980392); backdrop-filter: blur(3px); } .product-card .card-favourite:hover { background-color: #EEEEEE; } .product-card.opa { height: 200px; } .product-card.opa .card-favourite { left: 45%; transform: translateX(-32px); } .product-card.opa.category-card { cursor: pointer; } .product-card.opa.hidden-by-category { display: none !important; } .product-card.opa.poolside .card-content .card-pricing-container .card-price-container { display: none; } .product-card.opa .card-image { position: unset; display: flex; overflow: unset; align-items: flex-end; justify-content: center; width: 45%; min-width: 45%; height: 200px; min-height: 200px; } .product-card.opa .card-image .image-content { position: absolute; top: 0; right: 0; display: flex; align-items: flex-end; justify-content: space-between; box-sizing: border-box; width: 55%; padding: 12px; gap: 24px; } .product-card.opa .card-image .image-content .card-title { font-size: 20px; line-height: 24px; position: relative; z-index: 2; display: -webkit-box; overflow: hidden; margin: 0; color: #1C1C1C; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-card.opa .card-image .image-content .category-icon { position: relative; z-index: 2; min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; background-image: url("/assets/images/icons/card-category-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: invert(1); } .product-card.opa .card-image .image-content .category-icon.poolside { background-image: url("/assets/images/poolside/poolsideCard.svg"); } .product-card.opa .card-description { font-size: 12px; line-height: 116%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .product-card.opa .card-description p { margin-top: 0; margin-bottom: 4px; } .product-card.opa .card-content { padding: 70px 12px 8px 12px; } .product-card.opa .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo { line-height: 16px; gap: 3px; } .product-card.opa .card-content .card-pricing-container .card-points:empty { display: none; } .destination-card { display: flex; align-items: center; padding: 16px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; border: solid 1px #BFBFBF; border-radius: 14px; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); gap: 14px; } .destination-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .destination-card .flag { min-width: 33px; min-height: 25px; } .destination-card .title { font-size: 18px; line-height: 28px; } .destination-card .secondary { font-size: 11px; line-height: 16px; text-transform: uppercase; color: #707070; } .collection-card, .attraction-card, .top-destination-card, .nearby-destination-card, .opa-nav-card { position: relative; display: flex; overflow: hidden; flex-direction: column; width: 285px; margin: 0 0 16px 0; transition: box-shadow 200ms ease-out, transform 200ms ease-out; border-radius: 2px; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .collection-card:hover, .attraction-card:hover, .top-destination-card:hover, .nearby-destination-card:hover, .opa-nav-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .collection-card .nav-card-image, .attraction-card .nav-card-image, .top-destination-card .nav-card-image, .nearby-destination-card .nav-card-image, .opa-nav-card .nav-card-image { position: relative; height: 170px; } .collection-card .nav-card-image.full, .attraction-card .nav-card-image.full, .top-destination-card .nav-card-image.full, .nearby-destination-card .nav-card-image.full, .opa-nav-card .nav-card-image.full { position: unset; } .collection-card .nav-card-image .card-image, .attraction-card .nav-card-image .card-image, .top-destination-card .nav-card-image .card-image, .nearby-destination-card .nav-card-image .card-image, .opa-nav-card .nav-card-image .card-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .collection-card .nav-card-image .card-title, .attraction-card .nav-card-image .card-title, .top-destination-card .nav-card-image .card-title, .nearby-destination-card .nav-card-image .card-title, .opa-nav-card .nav-card-image .card-title { font-size: 24px; line-height: 28px; position: absolute; z-index: 2; color: #1C1C1C; } .collection-card .nav-card-image > .card-title, .attraction-card .nav-card-image > .card-title, .top-destination-card .nav-card-image > .card-title, .nearby-destination-card .nav-card-image > .card-title, .opa-nav-card .nav-card-image > .card-title { bottom: 16px; max-width: 80%; padding: 8px 16px; background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); } .collection-card .card-content, .attraction-card .card-content, .top-destination-card .card-content, .nearby-destination-card .card-content, .opa-nav-card .card-content { display: flex; flex-direction: column; justify-content: space-between; padding: 15px; } .collection-card .card-content .card-description, .attraction-card .card-content .card-description, .top-destination-card .card-content .card-description, .nearby-destination-card .card-content .card-description, .opa-nav-card .card-content .card-description { font-size: 14px; line-height: 20px; color: #1C1C1C; } .attraction-card { width: calc(33% - 10px); } .attraction-card .nav-card-image { height: 234px; } .attraction-card .nav-card-image .attraction-name { position: absolute; z-index: 2; bottom: 16px; display: flex; flex-direction: column; max-width: 80%; padding: 8px 16px; background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); } .attraction-card .nav-card-image .attraction-name a { font-size: 16px; line-height: 20px; position: relative; color: #1C1C1C; } .attraction-card .nav-card-image .attraction-name a.card-title { font-size: 24px; line-height: 28px; padding: 0; } .attraction-card .nav-card-image .card-content { padding: 12px 16px 16px 16px; } .outdoors-category-card { position: relative; display: flex; overflow: hidden; flex-direction: column; margin: 0 0 16px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0) 0 5px 8px -5px; } .outdoors-category-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .outdoors-category-card .nav-card-image { position: relative; height: 233px; } .outdoors-category-card .nav-card-image .card-image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .outdoors-category-card .nav-card-image .image-content { position: absolute; z-index: 4; bottom: 16px; display: flex; flex-direction: column; max-width: 80%; padding: 8px 16px; pointer-events: none; background-color: rgba(255, 255, 255, 0.5607843137); gap: 6px; backdrop-filter: blur(3px); } .outdoors-category-card .nav-card-image .image-content .card-title { font-size: 24px; line-height: 100%; margin: 0; color: #1C1C1C; } .outdoors-category-card .nav-card-image .image-content .card-text { font-size: 14px; line-height: 100%; display: flex; margin: 0; color: #1C1C1C; } .outdoors-category-card .nav-card-image .image-content .card-text:empty { display: none; } .outdoors-category-card .nav-card-image .image-content .card-text:before { display: inline-block; width: 14px; min-width: 14px; height: 14px; margin: 0 6px -1px 0; content: ""; background-image: url("/assets/images/icons/pinIconLight.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: brightness(0.1); } .top-destination-card .nav-card-image, .nearby-destination-card .nav-card-image { height: 233px; } .top-destination-card .destination-name, .nearby-destination-card .destination-name { position: absolute; z-index: 2; bottom: 16px; display: flex; flex-direction: column; padding: 8px 16px; background-color: rgba(255, 255, 255, 0.5607843137); gap: 6px; backdrop-filter: blur(3px); } .top-destination-card .destination-name .title, .nearby-destination-card .destination-name .title { font-size: 22px; line-height: 100%; margin: 0; color: #1C1C1C; } .top-destination-card .destination-name .breadcrumb, .top-destination-card .destination-name .distance, .nearby-destination-card .destination-name .breadcrumb, .nearby-destination-card .destination-name .distance { font-size: 14px; line-height: 100%; margin: 0; color: #1C1C1C; } .top-destination-card .destination-name .breadcrumb a, .top-destination-card .destination-name .distance a, .nearby-destination-card .destination-name .breadcrumb a, .nearby-destination-card .destination-name .distance a { text-decoration: none; color: #1C1C1C; } .top-destination-card .destination-name .breadcrumb:empty, .top-destination-card .destination-name .distance:empty, .nearby-destination-card .destination-name .breadcrumb:empty, .nearby-destination-card .destination-name .distance:empty { display: none; } .top-destination-card .destination-name .breadcrumb:before, .top-destination-card .destination-name .distance:before, .nearby-destination-card .destination-name .breadcrumb:before, .nearby-destination-card .destination-name .distance:before { display: inline-block; width: 14px; height: 14px; margin: 0 6px -1px 0; content: ""; background-image: url("/assets/images/icons/pinIconLight.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: brightness(0.1); } .nearby-destination-card { box-sizing: border-box; min-width: calc((100% - 48px) / 4); margin: 8px 0; scroll-snap-align: start; } .opa-nav-card { width: unset; min-width: 170px; } .opa-nav-card .nav-card-image .card-title { font-size: 18px; line-height: 22px; } .blog-card { position: relative; display: flex; overflow: hidden; flex: 30%; flex-direction: column; margin: 0 0 16px 0; transition: box-shadow 200ms ease-out, transform 200ms ease-out; border-radius: 2px; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .blog-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .blog-card .card-content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 24px 15px; gap: 18px; } .blog-card .card-content .card-title-description { display: flex; flex-direction: column; gap: 12px; } .blog-card .card-content .card-title-description h3 { margin-block-start: 0; } .blog-card .card-content .card-description { font-size: 14px; line-height: 20px; color: #1C1C1C; } .blog-card .card-content .card-description.blog-author { font-size: 12px; line-height: 16px; align-self: flex-end; color: #707070; } .event-category-card { position: relative; display: flex; overflow: hidden; align-items: flex-end; justify-content: flex-start; width: 292px; height: 210px; cursor: pointer; transition: box-shadow 200ms ease-out, transform 200ms ease-out; border-radius: 2px; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .event-category-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .event-category-card .event-category-card-text { font-size: 24px; position: absolute; z-index: 2; bottom: 16px; padding: 8px 16px; color: #1C1C1C; background-color: rgba(255, 255, 255, 0.5607843137); backdrop-filter: blur(3px); margin-block: 0; } .event-category-card .event-category-card-image { position: absolute; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .directory-card { position: relative; display: flex; overflow: hidden; flex: 45%; flex-direction: row; max-width: 48%; margin: 0 0 16px 0; gap: 2px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .directory-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .directory-card.active { width: 570px; height: max-content; min-height: 425px; } .directory-card.active .card-front { display: none; } .directory-card.active .card-back { display: flex; } .directory-card.active .images { position: relative; min-height: 230px; } .directory-card.active .images .card-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .directory-card .clickable { cursor: pointer; } .directory-card .card-front, .directory-card .card-back { position: relative; flex-direction: column; gap: 2px; } .directory-card .card-front { display: flex; flex-direction: row; width: 100%; } .directory-card .card-back { display: none; } .directory-card .card-image { position: unset; display: flex; overflow: unset; align-items: flex-end; justify-content: center; width: 45%; min-width: 45%; height: 200px; min-height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; } .directory-card .card-image.front { z-index: 10; transition-duration: 2s; transition-property: opacity; } .directory-card .card-image.back { z-index: 5; transition-duration: 2s; transition-property: opacity; } .directory-card .card-image .image-content { position: absolute; top: 0; right: 0; display: flex; align-items: flex-end; justify-content: space-between; box-sizing: border-box; width: 55%; padding: 12px; gap: 24px; } .directory-card .card-image .image-content .card-title { font-size: 20px; line-height: 24px; position: relative; z-index: 2; display: -webkit-box; overflow: hidden; margin: 0; color: #1C1C1C; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .directory-card .card-description { font-size: 12px; line-height: 116%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .directory-card .card-content { display: flex; flex-direction: column; justify-content: space-between; padding: 70px 12px 8px 12px; } .directory-card .card-content .card-title { font-size: 16px; line-height: 20px; display: -webkit-box; overflow: hidden; color: #1C1C1C; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-block: 0; } .directory-card .card-content .card-description.back { font-size: 14px; line-height: 20px; display: -webkit-box; display: unset; overflow: hidden; overflow: unset; white-space: pre-line; color: #1C1C1C; -webkit-box-orient: unset; -webkit-line-clamp: unset; } .directory-card .card-content .card-link { text-decoration: underline; } .directory-card .card-content .card-link:hover:after { display: inline-block; width: 14px; height: 20px; content: url("/assets/images/icons/externalIcon.svg"); } .directory-card .card-content .card-files { margin-top: 12px; } .directory-card .card-content .card-files h4 { font-size: 16px; line-height: 20px; color: #1C1C1C; margin-block-end: 8px; } .directory-card .card-content .card-files .card-file { margin-bottom: 12px; } .directory-card .card-content .card-files .card-file a { font-size: 14px; text-decoration: underline; } .directory-card .card-content .card-files .card-file p { margin-block: 0; } .iris-section-card { display: flex; align-items: center; justify-content: center; height: 285px; padding: 0 10px; cursor: pointer; transition: box-shadow 200ms ease-out, transform 200ms ease-out; background-position: center; background-size: cover; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .iris-section-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .iris-section-card .iris-section-card-content { padding: 8px 12px 5px; text-align: center; color: white; background-color: rgba(28, 28, 28, 0.4588235294); backdrop-filter: blur(3px); } .iris-directory-card { position: relative; display: flex; overflow: hidden; flex-direction: column; width: calc(33% - 10.6666px); max-width: 387px; max-height: 120px; margin: 0 0 16px 0; cursor: pointer; transition: box-shadow 200ms ease-out, transform 200ms ease-out; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); gap: 2px; } .iris-directory-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .iris-directory-card.active { width: 570px; height: max-content; min-height: 425px; } .iris-directory-card.active .card-front { display: none; } .iris-directory-card.active .card-back { display: flex; } .iris-directory-card.active .images { position: relative; min-height: 230px; } .iris-directory-card.active .images .card-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .iris-directory-card[data-url] .iris-directory-card-title { display: flex; gap: 6px; } .iris-directory-card[data-url] .iris-directory-card-title:after { display: inline-block; min-width: 18px; height: 20px; content: ""; background-image: url("/assets/images/icons/share/link.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .iris-directory-card .iris-directory-card-content { display: flex; gap: 16px; } .iris-directory-card .iris-directory-card-content:has(.iris-directory-card-image:empty) .iris-directory-card-text { padding: 8px 12px 8px 12px; } .iris-directory-card .iris-directory-card-content .iris-directory-card-text { display: flex; flex-direction: column; width: 100%; height: 104px; padding: 8px 0 8px 12px; gap: 4px; } .iris-directory-card .iris-directory-card-content .iris-directory-card-text .iris-directory-card-title { font-family: serif, sans-serif; line-height: normal; } .iris-directory-card .iris-directory-card-content .iris-directory-card-text .iris-directory-card-description { font-size: 14px; line-height: 140%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; color: #4F4F4F; -webkit-box-orient: vertical; overflow-wrap: break-word; -webkit-line-clamp: 4; } .iris-directory-card .iris-directory-card-content .iris-directory-card-image { min-width: 120px; height: 120px; background-repeat: no-repeat; background-position: center; background-size: cover; } .iris-directory-card .iris-directory-card-content .iris-directory-card-image:empty { display: none; } .iris-directory-card .clickable { cursor: pointer; } .iris-directory-card .card-front, .iris-directory-card .card-back { position: relative; flex-direction: column; gap: 2px; } .iris-directory-card .card-front { display: flex; } .iris-directory-card .card-back { display: none; } .iris-directory-card .card-image { display: flex; align-items: flex-end; justify-content: center; min-height: 260px; } .iris-directory-card .card-image:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 50%); } .iris-directory-card .card-image .image-content { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; padding: 16px; gap: 24px; } .iris-directory-card .card-image .image-content .card-title { font-size: 16px; line-height: 20px; position: relative; z-index: 2; display: -webkit-box; overflow: hidden; margin: 0; color: #FFFFFF; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .iris-directory-card .card-image .image-content .category-icon { position: relative; z-index: 2; min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; background-image: url("/assets/images/icons/card-category-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .iris-directory-card .card-description { font-size: 12px; line-height: 116%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .iris-directory-card .card-image { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } .iris-directory-card .card-image.front { z-index: 10; transition-duration: 2s; transition-property: opacity; } .iris-directory-card .card-image.back { z-index: 5; transition-duration: 2s; transition-property: opacity; } .iris-directory-card .card-content { display: flex; flex-direction: column; justify-content: space-between; padding: 0 15px 15px 15px; } .iris-directory-card .card-content .card-title { font-size: 16px; line-height: 20px; display: -webkit-box; overflow: hidden; color: #1C1C1C; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-block: 0; } .iris-directory-card .card-content .card-description.back { font-size: 14px; line-height: 20px; display: -webkit-box; display: unset; overflow: hidden; overflow: unset; white-space: pre-line; color: #1C1C1C; -webkit-box-orient: unset; -webkit-line-clamp: unset; } .iris-directory-card .card-content .card-link { text-decoration: underline; } .iris-directory-card .card-content .card-link:hover:after { display: inline-block; width: 14px; height: 20px; content: url("/assets/images/icons/externalIcon.svg"); } .iris-directory-card .card-content .card-files { margin-top: 12px; } .iris-directory-card .card-content .card-files h4 { font-size: 16px; line-height: 20px; color: #1C1C1C; margin-block-end: 8px; } .iris-directory-card .card-content .card-files .card-file { margin-bottom: 12px; } .iris-directory-card .card-content .card-files .card-file a { font-size: 14px; text-decoration: underline; } .iris-directory-card .card-content .card-files .card-file p { margin-block: 0; } .multi-transfer-card { display: flex; justify-content: space-between; border-left: 2px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; } .multi-transfer-card .transfer-cards { width: 100%; } .multi-transfer-card .transfer-cards .transfer-card { width: unset; border: 0; } .multi-transfer-card .transfer-cards .transfer-card .trip { margin-bottom: -10px; } .multi-transfer-card .transfer-cards .transfer-card.outbound { padding-bottom: 0; } .multi-transfer-card .transfer-cards .transfer-card.outbound .vehicle-details, .multi-transfer-card .transfer-cards .transfer-card.outbound .provider-route-amenities-ride { padding-bottom: 16px; } .multi-transfer-card .transfer-cards .transfer-card.return { padding-top: 0; } .multi-transfer-card .transfer-cards .transfer-card.return .vehicle-details, .multi-transfer-card .transfer-cards .transfer-card.return .provider-route-amenities-ride { padding-top: 16px; } .multi-transfer-card .transfer-cards > .separator { width: 100%; height: 1px; margin-left: 10px; border-bottom: 1px dashed #F1F1F1; } .multi-transfer-card .rates-container { position: relative; justify-content: unset; width: unset !important; height: unset !important; padding: 16px 16px 16px 0; border: 0 !important; border-radius: unset; gap: 24px; } .multi-transfer-card .rates-container .separator { width: 1px; height: 100%; background-color: #F1F1F1; } .transfer-card { border-left: 2px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; } .transfer-card, .multi-transfer-card .rates-container { position: relative; display: flex; justify-content: space-between; height: fit-content; padding: 24px 0 24px 16px; gap: 20px; } .transfer-card .separator, .multi-transfer-card .rates-container .separator { width: 1px; background-color: #F1F1F1; } .transfer-card .vehicle-details, .multi-transfer-card .rates-container .vehicle-details { display: flex; align-items: center; flex-direction: column; min-width: max-content; gap: 10px; } .transfer-card .vehicle-details .class-banner, .multi-transfer-card .rates-container .vehicle-details .class-banner { font-size: 16px; line-height: 16px; position: absolute; left: 0; top: 26px; display: flex; align-items: center; box-sizing: border-box; height: 24px; padding: 0 16px; color: #1C1C1C; border-radius: 0 4px 4px 0; background-color: #F1F1F1; } .transfer-card .vehicle-details .image, .multi-transfer-card .rates-container .vehicle-details .image { width: 150px; min-width: 150px; height: 80px; min-height: 80px; margin-top: 38px; background-repeat: no-repeat; background-position: center; background-size: contain; } .transfer-card .vehicle-details .capacity, .multi-transfer-card .rates-container .vehicle-details .capacity { font-family: serif, sans-serif; font-size: 14px; line-height: 16px; display: flex; align-items: center; margin-top: 2px; color: #707070; gap: 12px; } .transfer-card .vehicle-details .capacity .passengers, .transfer-card .vehicle-details .capacity .luggage, .multi-transfer-card .rates-container .vehicle-details .capacity .passengers, .multi-transfer-card .rates-container .vehicle-details .capacity .luggage { display: flex; align-items: center; gap: 4px; } .transfer-card .vehicle-details .capacity .passengers:empty, .transfer-card .vehicle-details .capacity .luggage:empty, .multi-transfer-card .rates-container .vehicle-details .capacity .passengers:empty, .multi-transfer-card .rates-container .vehicle-details .capacity .luggage:empty { display: none; } .transfer-card .vehicle-details .capacity .passengers:before, .transfer-card .vehicle-details .capacity .luggage:before, .multi-transfer-card .rates-container .vehicle-details .capacity .passengers:before, .multi-transfer-card .rates-container .vehicle-details .capacity .luggage:before { display: block; width: 16px; min-width: 16px; height: 16px; min-height: 16px; margin-top: -2px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; filter: brightness(0.4); } .transfer-card .vehicle-details .capacity .passengers:before, .multi-transfer-card .rates-container .vehicle-details .capacity .passengers:before { background-image: url("/assets/images/icons/mozio/passengerCount.svg"); } .transfer-card .vehicle-details .capacity .luggage:before, .multi-transfer-card .rates-container .vehicle-details .capacity .luggage:before { background-image: url("/assets/images/icons/mozio/luggageCount.svg"); } .transfer-card .vehicle-details .vehicle-make-model, .multi-transfer-card .rates-container .vehicle-details .vehicle-make-model { display: flex; align-items: center; flex-direction: column; } .transfer-card .vehicle-details .vehicle-make-model p, .multi-transfer-card .rates-container .vehicle-details .vehicle-make-model p { font-size: 14px; line-height: 16px; margin: 0; color: #707070; } .transfer-card .provider-route-amenities-ride, .multi-transfer-card .rates-container .provider-route-amenities-ride { display: flex; flex-direction: column; width: 100%; gap: 16px; } .transfer-card .provider-route-amenities-ride .provider, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider { display: flex; align-items: baseline; gap: 20px; } .transfer-card .provider-route-amenities-ride .provider h2, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider h2 { font-family: serif, sans-serif; font-size: 26px; line-height: 26px; margin: 0; } .transfer-card .provider-route-amenities-ride .provider .provider-rating, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider .provider-rating { font-size: 16px; line-height: 14px; display: flex; align-items: flex-end; gap: 6px; } .transfer-card .provider-route-amenities-ride .provider .provider-rating:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider .provider-rating:before { display: block; width: 18px; min-width: 18px; height: 18px; min-height: 18px; content: ""; background-image: url("/assets/images/icons/starIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: grayscale(1) brightness(0.5); } .transfer-card .provider-route-amenities-ride .route, .multi-transfer-card .rates-container .provider-route-amenities-ride .route { display: flex; align-items: center; flex-wrap: wrap; } .transfer-card .provider-route-amenities-ride .route:empty, .multi-transfer-card .rates-container .provider-route-amenities-ride .route:empty { display: none; } .transfer-card .provider-route-amenities-ride .route, .multi-transfer-card .rates-container .provider-route-amenities-ride .route { gap: 2px 10px; } .transfer-card .provider-route-amenities-ride .route > p, .multi-transfer-card .rates-container .provider-route-amenities-ride .route > p { font-size: 15px; line-height: 16px; margin: 0; color: #707070; } .transfer-card .provider-route-amenities-ride .route > p:empty, .multi-transfer-card .rates-container .provider-route-amenities-ride .route > p:empty { display: block; width: 22px; min-width: 22px; height: 22px; min-height: 22px; margin: 0 -5px; content: ""; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .transfer-card .provider-route-amenities-ride .route > div, .multi-transfer-card .rates-container .provider-route-amenities-ride .route > div { width: 24px; min-width: 24px; height: 24px; min-height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; filter: grayscale(1) brightness(0.3); } .transfer-card .provider-route-amenities-ride .route .primary-location, .transfer-card .provider-route-amenities-ride .route .secondary-location, .multi-transfer-card .rates-container .provider-route-amenities-ride .route .primary-location, .multi-transfer-card .rates-container .provider-route-amenities-ride .route .secondary-location { width: 21px; min-width: 21px; margin-top: -1px; background-image: url("/assets/images/icons/mozio/locationPin.svg"); } .transfer-card .provider-route-amenities-ride .route .walk-icon, .multi-transfer-card .rates-container .provider-route-amenities-ride .route .walk-icon { background-image: url("/assets/images/icons/mozio/walkTime.svg"); } .transfer-card .provider-route-amenities-ride .route .bus-icon, .multi-transfer-card .rates-container .provider-route-amenities-ride .route .bus-icon { width: 21px; min-width: 21px; margin-top: -2px; background-image: url("/assets/images/icons/mozio/type_bus.svg"); } .transfer-card .provider-route-amenities-ride .route .rail-icon, .multi-transfer-card .rates-container .provider-route-amenities-ride .route .rail-icon { width: 21px; min-width: 21px; margin-top: -2px; background-image: url("/assets/images/icons/mozio/type_express_train.svg"); } .transfer-card .provider-route-amenities-ride .amenities, .multi-transfer-card .rates-container .provider-route-amenities-ride .amenities { display: flex; flex-wrap: wrap; gap: 8px; } .transfer-card .provider-route-amenities-ride .amenities:empty, .multi-transfer-card .rates-container .provider-route-amenities-ride .amenities:empty { display: none; } .transfer-card .provider-route-amenities-ride .amenities .amenity, .multi-transfer-card .rates-container .provider-route-amenities-ride .amenities .amenity { font-size: 14px; line-height: 16px; display: flex; align-items: center; color: #707070; gap: 4px; } .transfer-card .provider-route-amenities-ride .amenities .amenity .icon, .multi-transfer-card .rates-container .provider-route-amenities-ride .amenities .amenity .icon { width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin-top: -2px; background-repeat: no-repeat; background-position: center; background-size: contain; } .transfer-card .provider-route-amenities-ride .ride, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride { font-size: 15px; display: flex; flex-wrap: wrap; margin-top: auto; color: #707070; gap: 2px 24px; } .transfer-card .provider-route-amenities-ride .ride:empty, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride:empty { display: none; } .transfer-card .provider-route-amenities-ride .ride > div:empty, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride > div:empty { display: none; } .transfer-card .provider-route-amenities-ride .ride > div, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride > div { display: flex; white-space: nowrap; gap: 8px; } .transfer-card .provider-route-amenities-ride .ride > div:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride > div:before { display: inline-block; width: 21px; min-width: 21px; height: 21px; min-height: 21px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; filter: grayscale(1) brightness(0.3); } .transfer-card .provider-route-amenities-ride .ride .duration:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride .duration:before { background-image: url("/assets/images/icons/mozio/waitRideTime.svg"); } .transfer-card .provider-route-amenities-ride .ride .included-wait:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride .included-wait:before { background-image: url("/assets/images/icons/mozio/waitRideTime.svg"); } .transfer-card .provider-route-amenities-ride .ride .walk-time:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride .walk-time:before { width: 25px; min-width: 25px; height: 25px; margin-top: -1px; background-image: url("/assets/images/icons/mozio/walkTime.svg"); } .transfer-card .provider-route-amenities-ride .ride .included-distance:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride .included-distance:before { background-image: url("/assets/images/icons/mozio/includedDistance.svg"); } .transfer-card .rate-info-book, .multi-transfer-card .rates-container .rate-info-book { display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; min-width: max-content; gap: 12px; } .transfer-card .rate-info-book .rate, .multi-transfer-card .rates-container .rate-info-book .rate { display: flex; align-items: baseline; margin-bottom: auto; gap: 4px; } .transfer-card .rate-info-book .rate h2, .multi-transfer-card .rates-container .rate-info-book .rate h2 { font-family: serif, sans-serif; font-size: 24px; line-height: 24px; margin: 0; } .transfer-card .rate-info-book .rate h3, .multi-transfer-card .rates-container .rate-info-book .rate h3 { font-size: 16px; margin: 0; color: #707070; } .transfer-card .rate-info-book .info, .multi-transfer-card .rates-container .rate-info-book .info { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; } .transfer-card .rate-info-book .info p, .multi-transfer-card .rates-container .rate-info-book .info p { font-size: 12px; margin: 0; color: #707070; } .transfer-card .rate-info-book .info p.tick, .multi-transfer-card .rates-container .rate-info-book .info p.tick { display: flex; align-items: center; gap: 4px; } .transfer-card .rate-info-book .info p.tick:before, .multi-transfer-card .rates-container .rate-info-book .info p.tick:before { display: block; width: 14px; min-width: 14px; height: 9px; min-height: 9px; content: ""; background-image: url("/assets/images/icons/mozio/tickIcon_coral.svg"); background-repeat: no-repeat; background-size: contain; top: 2px; filter: grayscale(1) brightness(0.5); } .transfer-card .rate-info-book .transfer-reserve-button, .multi-transfer-card .rates-container .rate-info-book .transfer-reserve-button { box-sizing: border-box; width: 129px; height: 40px; } .poolside-area-card { display: flex; flex-direction: row-reverse; overflow: hidden; min-height: 143px; background-color: #FFFFFF; transition: box-shadow 200ms ease-out, transform 200ms ease-out; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .poolside-area-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .poolside-area-card .card-image { min-width: 168px; background-repeat: no-repeat; background-position: center; background-size: cover; } .poolside-area-card .card-content { display: flex; justify-content: space-between; width: 100%; padding: 16px; } .poolside-area-card .card-content .text-content { display: flex; flex-direction: column; gap: 8px; } .poolside-area-card .card-content .text-content h3.title { margin-block: 0; } .poolside-area-card .card-content .text-content p.description { font-size: 12px; color: #707070; margin-block: 0; } .poolside-area-card .card-content a.area-card-button { display: flex; align-items: center; align-self: flex-end; justify-content: center; box-sizing: border-box; width: 30px; min-width: 30px; height: 30px; background-color: #022B63; } .poolside-area-card .card-content a.area-card-button:after { width: 100%; height: 100%; content: ""; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 23px; filter: invert(1); } .poolside-area-card.filtered .card-content a.area-card-button { background-color: #7F8C8D; } .poolside-area-card.filtered .card-content a.area-card-button:hover { background-color: rgba(127, 140, 141, 0.5019607843); } .poolside-product-type-card { position: relative; display: flex; overflow: hidden; min-height: 199px; transition: box-shadow 200ms ease-out, transform 200ms ease-out; background-color: #FFFFFF; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0); } .poolside-product-type-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .poolside-product-type-card .card-favourite { position: absolute; z-index: 1; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.3725490196); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1450980392); backdrop-filter: blur(3px); } .poolside-product-type-card .card-image { position: relative; min-width: 168px; background-repeat: no-repeat; background-position: center; background-size: cover; } .poolside-product-type-card:has(.demand-level.sold-out) .card-image { filter: grayscale(1); } .poolside-product-type-card:has(.demand-level.sold-out) .product-card-button { filter: grayscale(1); } .poolside-product-type-card .card-content { display: flex; flex-direction: column; width: 100%; padding: 16px; gap: 16px; } .poolside-product-type-card .card-content .title-container { display: flex; align-items: center; justify-content: space-between; } .poolside-product-type-card .card-content .title-container h3.title { margin-block: 0; } .poolside-product-type-card .card-content .title-container .color-swatch { width: 16px; min-width: 16px; height: 16px; min-height: 16px; margin-top: -3px; } .poolside-product-type-card .card-content .product-icons { font-size: 10px; display: flex; height: 22px; white-space: nowrap; gap: 16px; } .poolside-product-type-card .card-content .product-icons .demand-level { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: min-content; padding: 1px 8px 0 8px; } .poolside-product-type-card .card-content .product-icons .demand-level.low { color: #31713D; border: 1px solid #77DD89; background-color: rgba(119, 221, 137, 0.2); } .poolside-product-type-card .card-content .product-icons .demand-level.moderate { color: #135265; border: 1px solid #135265; background-color: rgba(19, 82, 101, 0.2); } .poolside-product-type-card .card-content .product-icons .demand-level.high { color: #ED7D15; border: 1px solid #FF9662; background-color: rgba(255, 150, 98, 0.2); } .poolside-product-type-card .card-content .product-icons .demand-level.sold-out { color: #ED1515; border: 1px solid #FF6262; background-color: rgba(255, 98, 98, 0.2); } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor { display: flex; align-items: center; gap: 2px; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:empty { display: none; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:before { width: 16px; min-width: 16px; height: 16px; min-height: 16px; margin-top: -3px; margin-right: 2px; content: ""; background-image: url("/assets/images/poolside/calendar.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .poolside-product-type-card .card-content .product-icons .capacity { display: flex; align-items: center; gap: 2px; } .poolside-product-type-card .card-content .product-icons .capacity:empty { display: none; } .poolside-product-type-card .card-content .product-icons .capacity:before { width: 16px; min-width: 16px; height: 16px; min-height: 16px; margin-top: -3px; margin-right: 2px; content: ""; background-image: url("/assets/images/poolside/guests.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .poolside-product-type-card .card-content .description { font-size: 12px; display: -webkit-box; overflow: hidden; color: #707070; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .poolside-product-type-card .card-content .price-and-button { display: flex; align-items: center; justify-content: space-between; margin-top: auto; gap: 16px; } .poolside-product-type-card .card-content .price-and-button .price { font-size: 14px; display: none; color: #1C1C1C; } .poolside-product-type-card .card-content .price-and-button a.product-card-button { font-size: 10px; display: flex; align-items: center; width: max-content; height: 25px; margin-left: auto; padding: 1px 4px 0 12px; color: #FFFFFF; background-color: #1C1C1C; } .poolside-product-type-card .card-content .price-and-button a.product-card-button:hover { background-color: #4F4F4F; } .poolside-product-type-card .card-content .price-and-button a.product-card-button:after { width: 19px; min-width: 19px; height: 19px; min-height: 19px; margin-top: -1px; content: ""; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: invert(1); } .poolside-product-type-card.filtered .card-content a.product-card-button { background-color: #7F8C8D; } .poolside-product-type-card.filtered .card-content a.product-card-button:hover { background-color: rgba(127, 140, 141, 0.5019607843); } .poolside-product-item-card { display: flex; overflow: hidden; background-color: #FFFFFF; } .poolside-product-item-card.unavailable { display: none; } .poolside-product-item-card .card-image { min-width: 168px; background-repeat: no-repeat; background-position: center; background-size: cover; } .poolside-product-item-card .card-content { display: flex; flex-direction: column; width: 100%; padding: 16px; gap: 16px; } .poolside-product-item-card .card-content .text-and-gallery { display: flex; gap: 16px; flex-direction: row-reverse; } .poolside-product-item-card .card-content .text-and-gallery .content-container { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 16px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .text-content { display: flex; flex-direction: column; gap: 4px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .text-content .pool-name { font-size: 12px; color: #1C1C1C; } .poolside-product-item-card .card-content .text-and-gallery .content-container .lower-content { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 16px; row-gap: 8px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .lower-content .more-info { font-size: 12px; line-height: 12px; padding: 0 2px 1px 2px; cursor: pointer; color: #1C1C1C; border-bottom: 1px solid #1C1C1C; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery { position: relative; width: 165px; height: 110px; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav { position: absolute; z-index: 1; top: 50%; display: flex; align-items: center; justify-content: space-between; width: 100%; transform: translateY(-50%); pointer-events: none; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav:not(.multi) .prev, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav:not(.multi) .next { display: none; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav .prev, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav .next { width: 24px; min-width: 24px; height: 24px; min-height: 24px; cursor: pointer; transition: opacity 0.25s ease-out; pointer-events: all; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; filter: invert(1); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav .prev.disabled, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav .next.disabled { pointer-events: none; opacity: 0.3; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .nav .prev { rotate: 180deg; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .thumbnails { display: flex; overflow-x: scroll; overflow-y: hidden; width: 165px; height: 100%; outline: none; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .thumbnails::-webkit-scrollbar { display: none; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .thumbnails .gallery-image { width: 165px; min-width: 165px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; scroll-snap-align: start; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .thumbnails .gallery-image.inline { cursor: pointer; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-content: center; align-items: center; justify-content: center; padding-right: 16px; padding-left: 16px; background: rgba(0, 0, 0, 0.52); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal { position: relative; width: 80vw; max-width: 915px; height: 80vh; max-height: 670px; margin: 8px; padding: 16px; background: #FFFFFF; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .close-gallery-modal { position: absolute; top: 24px; right: 24px; display: flex; align-items: center; justify-content: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; cursor: pointer; background-color: #F1F1F1; background-color: color-mix(in srgb, #F1F1F1 75%, transparent); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .close-gallery-modal:after { width: 18px; min-width: 18px; height: 18px; min-height: 18px; content: ""; background-image: url("/assets/images/icons/crossIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; filter: invert(0.2); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .close-gallery-modal:hover { background-color: #BFBFBF; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav { top: unset; bottom: 24px; left: 50%; justify-content: unset; width: min-content; transform: translate(-50%, 0); gap: 8px; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; transition: background-color 0.2s linear; background-color: #F1F1F1; background-color: color-mix(in srgb, #F1F1F1 75%, transparent); background-image: none; filter: none; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev:after, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next:after { width: 24px; min-width: 24px; height: 24px; min-height: 24px; content: ""; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; filter: invert(0.2); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev.disabled, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next.disabled { opacity: unset; background-color: #F1F1F1; background-color: color-mix(in srgb, #F1F1F1 20%, transparent); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev.disabled:after, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next.disabled:after { opacity: 0.5; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev:hover, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next:hover { background-color: #BFBFBF; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .thumbnails { width: unset; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .thumbnails .image-holder { display: flex; justify-content: center; min-width: -webkit-fill-available; min-width: -moz-available; max-height: 100%; scroll-snap-align: start; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .thumbnails .image-holder img.gallery-image { all: unset; overflow: clip; max-width: 100%; overflow-clip-margin: content-box; object-fit: contain; } .poolside-product-item-card .title-container { display: flex; align-items: center; gap: 8px; } .poolside-product-item-card .title-container h3.title { margin-block: 0; } .poolside-product-item-card .title-container .color-swatch { font-size: 12px; display: flex; align-items: center; align-self: baseline; justify-content: center; width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin-top: 0; border-radius: 50%; background-color: #BFCFEC; } .poolside-product-item-card .price-and-button { display: flex; align-items: center; flex: auto; gap: 16px; } .poolside-product-item-card .price-and-button .price { font-size: 14px; display: none; flex: auto; text-align: right; color: #1C1C1C; } .poolside-product-item-card .price-and-button button.book-now { all: unset; font-size: 10px; display: flex; align-items: center; justify-content: center; width: max-content; min-width: 78px; height: 28px; margin-left: auto; padding: 0 4px 0 12px; cursor: pointer; color: #FFFFFF; background-color: #1C1C1C; } .poolside-product-item-card .price-and-button button.book-now:hover { background-color: #4F4F4F; } .poolside-product-item-card .price-and-button button.book-now:after { width: 19px; min-width: 19px; height: 19px; min-height: 19px; content: ""; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: invert(1); } .poolside-product-item-card .product-info-modal-container { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-content: center; align-items: center; justify-content: center; padding-right: 16px; padding-left: 16px; background: rgba(0, 0, 0, 0.52); } .poolside-product-item-card .product-info-modal-container .product-info-modal { position: relative; width: 539px; max-width: 915px; max-height: 70vh; margin: 8px; padding: 8px; background: #FFFFFF; } .poolside-product-item-card .product-info-modal-container .product-info-modal .scrollable-content { position: relative; display: flex; overflow-y: auto; flex-direction: column; box-sizing: border-box; max-height: inherit; padding: 8px; gap: 16px; scrollbar-width: thin; scrollbar-color: #707070 transparent; } .poolside-product-item-card .product-info-modal-container .product-info-modal .scrollable-content h3 { margin: 0 0 8px 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .scrollable-content::-webkit-scrollbar { width: 5px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .scrollable-content::-webkit-scrollbar-track { background: transparent; } .poolside-product-item-card .product-info-modal-container .product-info-modal .scrollable-content::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } .poolside-product-item-card .product-info-modal-container .product-info-modal .title-container { justify-content: space-between; } .poolside-product-item-card .product-info-modal-container .product-info-modal .title-container .title { font-size: 24px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .title-container .color-swatch { margin-top: 1px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .description:empty { display: none; } .poolside-product-item-card .product-info-modal-container .product-info-modal .description p { margin-block: 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .included-excluded { display: grid; grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); gap: 12px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section:has(.info-points:empty) { display: none; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section h3.title { margin-block: 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points { font-size: 12px; display: flex; flex-direction: column; gap: 9px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point { display: flex; gap: 6px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point .info-point-text p { margin-block: 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point:before { align-self: baseline; width: 16px; min-width: 16px; height: 16px; min-height: 16px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point.included:before { background-image: url("/assets/images/icons/includedIcon.svg"); } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point.excluded:before { background-image: url("/assets/images/icons/notIncludedIcon.svg"); } .poolside-product-item-card .product-info-modal-container .product-info-modal .info-points-section .info-points .info-point.info:before { background-image: url("/assets/images/icons/dotIcon.svg"); background-size: 10px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .price-and-button { align-self: flex-end; } .poolside-product-item-card .product-info-modal-container .product-info-modal .price-and-button button.book-now { font-size: 14px; padding: 8px 21px 6px 30px; } .poolside-product-item-card.filtered .card-content a.product-card-button { background-color: #7F8C8D; } .poolside-product-item-card.filtered .card-content a.product-card-button:hover { background-color: rgba(127, 140, 141, 0.5019607843); } .poolside-product-item-card:hover { transition: box-shadow 100ms ease-out, transform 100ms ease-out; transform: translateY(-5px); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .poolside-product-item-card:hover:not(:has(.product-info-modal-container.hidden)) { transition: none; transform: none; box-shadow: none; } .poolside-product-item-card:hover:has(.gallery-modal-container):not(:has(.gallery-modal-container.hidden)) { transition: none; transform: none; box-shadow: none; } .card-notifications { position: fixed; z-index: 9999; top: 74px; right: 20px; display: flex; flex-direction: column; max-width: 350px; padding: 10px 10px 0 10px; transition: all 250ms ease-out; } .card-notifications .card-notification-card { position: relative; display: flex; align-items: center; height: 60px; margin: 0 0 10px 0; padding: 0 10px; cursor: pointer; transition: all 150ms ease-out; animation: notification-slide-in 150ms ease-out; background-color: #FFFFFF; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6); } .card-notifications .card-notification-card.slide-out { transform: translateX(400px); } .card-notifications .card-notification-card.scale-out { height: 0; margin: 0; padding: 0; border: none; } .card-notifications .card-notification-card .card-notification { font-size: 12px; line-height: 14.98px; color: #1C1C1C; } .signature-experience-card { display: flex; box-sizing: border-box; } .signature-experience-card *, .signature-experience-card *::before, .signature-experience-card *::after { box-sizing: border-box; } .signature-experience-card--large { gap: 16px; } .signature-experience-card--large:nth-child(2) { flex-direction: row-reverse; } .signature-experience-card--large .signature-experience-card__image--main { width: 50%; min-height: 412px; background-size: cover; background-position: center; } .signature-experience-card--large .signature-experience-card__info { display: flex; flex-direction: column; justify-content: space-between; width: 50%; padding: 24px; background-color: #F4F4F4; } .signature-experience-card--large .signature-experience-card__info .signature-experience-card__name { margin: 0 0 50px; font-weight: 400; font-size: clamp(18px, 3vw, 22px); line-height: 1.3; color: #414141; } .signature-experience-card--large .signature-experience-card__info .signature-experience-card__description { margin: 0 0 8px; font-weight: 400; font-size: clamp(12px, 2vw, 18px); line-height: 1.4; color: #414141; } .signature-experience-card--large .signature-experience-card__info .signature-experience-card__button { display: flex; justify-content: center; align-items: center; width: 124px; height: 48px; border: 1px solid #414141; font-family: "Swiss721BT-Medium"; font-weight: 400; font-size: clamp(12px, 2.5vw, 13px); line-height: 100%; text-align: center; } @media (max-width: 768px) { .signature-experience-card--large { flex-direction: column; } .signature-experience-card--large:nth-child(2) { flex-direction: column; } .signature-experience-card--large .signature-experience-card__image--main { width: 100%; height: 250px; } .signature-experience-card--large .signature-experience-card__info { width: 100%; height: auto; } .signature-experience-card--large .signature-experience-card__info .signature-experience-card__name { margin-bottom: 16px; } } .signature-experience-card--small { flex: 1; flex-direction: column; } .signature-experience-card--small:nth-child(odd) { margin-top: 40px; } .signature-experience-card--small:nth-child(even) { margin-bottom: 40px; } @media (max-width: 768px) { .signature-experience-card--small:nth-child(odd), .signature-experience-card--small:nth-child(even) { margin-top: 0; margin-bottom: 0; } } .signature-experience-card--small .signature-experience-card__image { width: 100%; height: 340px; background-size: cover; background-position: center; } .signature-experience-card--small .signature-experience-card__name { margin: 24px 0 0; font-weight: 400; font-size: clamp(14px, 2.5vw, 16px); line-height: 1.3; color: #414141; } .signature-experience-card--small .signature-experience-card__link { margin-top: 16px; font-size: 15px; color: #414141; text-decoration: underline; transition: letter-spacing 0.2s ease; } .signature-experience-card--small .signature-experience-card__link:hover, .signature-experience-card--small .signature-experience-card__link:focus { letter-spacing: 1px; } @keyframes notification-slide-in { from { transform: translateX(400px); } to { transform: translateX(0); } } @media (max-width: 1230px) { .product-card, .collection-card, .directory-card, .blog-card, .top-destination-card, .property-card.destination-leaf, .property-grid .property-card, #property-cards.card-layout-container .property-card { position: relative; width: calc(33% - 10px); } .transfer-card, .multi-transfer-card { width: unset; } } @media (max-width: 1200px) { .product-card, .collection-card, .blog-card, .top-destination-card, .property-card.destination-leaf { width: calc(33% - 10px); } .nearby-destination-card { min-width: calc((100% - 32px) / 3); } .poolside-product-type-card .card-content { padding: 12px 12px 12px 16px; gap: 12px; } .poolside-product-type-card .card-content .product-icons { flex-wrap: wrap-reverse; height: unset; row-gap: 12px; } .poolside-product-type-card .card-content .product-icons .capacity { flex: 1; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor { font-size: 0; line-height: 15px; gap: 1px; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor strong { font-size: 10px; font-weight: normal; line-height: 15px; text-transform: capitalize; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:before { background-image: url("/assets/images/poolside/availability.svg"); } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:after { font-size: 10px; line-height: 15px; width: auto; padding-left: 1px; content: "dates"; } .poolside-product-type-card .card-content .description { line-height: 20px; height: 40px; min-height: 40px; } .poolside-product-type-card .card-content .price-and-button { align-items: flex-end; height: 100%; height: -webkit-fill-available; height: -moz-available; height: fill-available; } } @media (max-width: 990px) { .iris-directory-card { width: calc(50% - 10px); max-width: unset; } } @media (max-width: 925px) { .collection-card, .product-card, .directory-card, .blog-card, .attraction-card, .top-destination-card, .property-card.destination-leaf, .property-grid .property-card, #property-cards.card-layout-container .property-card { width: calc(50% - 10px); } .poolside-area-card .card-image, .poolside-product-type-card .card-image { width: 32vw; min-width: 180px; } .poolside-area-card .card-content, .poolside-product-type-card .card-content { padding: 8px 10px 11px; gap: 8px; } .poolside-area-card .card-content .price-and-button, .poolside-product-type-card .card-content .price-and-button { justify-content: flex-end; } .poolside-area-card:hover, .poolside-product-type-card:hover { transition: unset; transform: unset; box-shadow: unset; } .poolside-product-item-card { min-height: 100px; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery:has(.thumbnails > :nth-child(2)) { width: 100%; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery:has(.thumbnails > :nth-child(2)) > .thumbnails { width: unset; gap: 8px; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery:has(.thumbnails > :nth-child(2)) > .thumbnails .gallery-image { width: calc(50% - 4px); min-width: calc(50% - 4px); } .poolside-product-item-card .product-info-modal-container { padding-right: 12px; padding-left: 12px; } .poolside-product-item-card .product-info-modal-container .product-info-modal { margin: 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .price-and-button { flex-wrap: wrap; row-gap: 8px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .price-and-button button.book-now { flex: auto; justify-content: center; padding-top: 4px; padding-bottom: 4px; } .poolside-product-item-card .product-info-modal-container .product-info-modal .price-and-button button.book-now:after { margin-top: 0; } .product-card { height: unset; flex: 100%; max-width: none; } .product-card .card-pricing-container > a { margin: 6px 0 4px; } .nearby-destination-card { min-width: calc((100% - 16px) / 2); } } @media (max-width: 720px) { .transfer-card { display: grid; grid-template-columns: auto 1px 1fr; grid-template-rows: auto; grid-column-gap: 16px; grid-row-gap: 16px; } .transfer-card .vehicle-details { grid-area: 1/1/2/2; } .transfer-card .vehicle-details + .separator { width: 1px; height: 100%; grid-area: 1/2/2/3; } .transfer-card .provider-route-amenities-ride { grid-area: 1/3/2/4; } .transfer-card .provider-route-amenities-ride + .separator { width: 100%; height: 1px; grid-area: 2/1/3/4; } .transfer-card .rate-info-book { flex-direction: row; grid-area: 3/1/4/4; } .transfer-card .rate-info-book .rate { margin-bottom: 14px; } .transfer-card .rate-info-book .info { flex: 1; justify-content: flex-end; height: 100%; gap: 6px; } .transfer-card .rate-info-book .info p:nth-child(2) { position: absolute; bottom: 16px; left: 16px; } .transfer-card .rate-info-book .info p { line-height: 12px; } .multi-transfer-card { flex-direction: column; } .multi-transfer-card .transfer-cards .transfer-card.outbound .vehicle-details { padding-bottom: unset; } .multi-transfer-card .transfer-cards .transfer-card.return .provider-route-amenities-ride { padding-top: unset; } .multi-transfer-card .rates-container { flex-direction: column; padding: 0 16px 16px 16px; gap: 16px; } .multi-transfer-card .rates-container .separator { width: 100%; height: 1px; } .multi-transfer-card .rates-container .rate-info-book { flex-direction: row; grid-area: 3/1/4/4; } .multi-transfer-card .rates-container .rate-info-book .rate { margin-bottom: 12px; } .multi-transfer-card .rates-container .rate-info-book .info { flex: 1; justify-content: flex-end; height: 100%; gap: 6px; } .multi-transfer-card .rates-container .rate-info-book .info p:nth-child(2) { position: absolute; bottom: 16px; left: 16px; } .multi-transfer-card .rates-container .rate-info-book .info p { line-height: 12px; } } @media (max-width: 725px) { .iris-directory-card { width: 100%; max-width: unset; } } @media (max-width: 620px) { .product-card, .collection-card, .directory-card, .blog-card, .attraction-card, .top-destination-card, .property-card.destination-leaf, .property-grid .property-card, #property-cards.card-layout-container .property-card { width: 100%; } .nearby-destination-card { min-width: 100%; } } @media (max-width: 550px) { .poolside-product-type-card, .poolside-area-card { border-top: solid 1px #EEEEEE; padding-top: 16px; flex-direction: column; } .poolside-product-type-card .card-favourite, .poolside-area-card .card-favourite { top: 26px; } .poolside-product-type-card .card-image, .poolside-area-card .card-image { width: auto; height: 150px; } .poolside-product-type-card .card-content, .poolside-area-card .card-content { width: unset; gap: 12px; } .poolside-product-type-card .card-content .text-content, .poolside-area-card .card-content .text-content { padding-top: 4px; gap: 4px; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor, .poolside-area-card .card-content .product-icons .card-availability-descriptor { font-size: 0; line-height: 15px; gap: 1px; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor strong, .poolside-area-card .card-content .product-icons .card-availability-descriptor strong { font-size: 10px; font-weight: normal; line-height: 15px; text-transform: capitalize; } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:before, .poolside-area-card .card-content .product-icons .card-availability-descriptor:before { background-image: url("/assets/images/poolside/availability.svg"); } .poolside-product-type-card .card-content .product-icons .card-availability-descriptor:after, .poolside-area-card .card-content .product-icons .card-availability-descriptor:after { font-size: 10px; line-height: 15px; width: auto; padding-left: 1px; content: "dates"; } .poolside-product-type-card .card-content .description, .poolside-area-card .card-content .description { overflow: unset; height: unset; min-height: unset; -webkit-line-clamp: unset; } .poolside-product-type-card .card-content .price-and-button, .poolside-area-card .card-content .price-and-button { height: auto; } .poolside-product-type-card .card-content .price-and-button a.product-card-button, .poolside-area-card .card-content .price-and-button a.product-card-button { height: 26px; padding-bottom: 1px; } .poolside-product-item-card { border-top: solid 1px #EEEEEE; } .poolside-product-item-card:hover { transition: unset; transform: unset; box-shadow: unset; } .poolside-product-item-card .card-content { padding: 12px; } .poolside-product-item-card .card-content .text-and-gallery { position: relative; flex-direction: column-reverse; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery { position: absolute; bottom: 69px; } .poolside-product-item-card .card-content .text-and-gallery:has(.gallery-image:not(.modal)) .content-container { gap: 125px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .title-container { margin-bottom: 2px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .title-container h3.title { line-height: 20px; } .poolside-product-item-card .card-content .text-and-gallery .content-container .lower-content { position: relative; align-items: flex-end; flex-direction: column; } .poolside-product-item-card .card-content .text-and-gallery .content-container .lower-content .more-info { position: absolute; bottom: 48px; left: 0; } .poolside-product-item-card .card-content .price-and-button { align-items: flex-end; flex-direction: column; width: 100%; gap: 8px; } .poolside-product-item-card .card-content .price-and-button button.book-now { font-size: 12px; justify-content: center; width: calc(100% - 16px); padding-top: 3px; padding-bottom: 3px; } .poolside-product-item-card .card-content .price-and-button button.book-now:after { margin-top: 0; } .poolside-product-item-card .product-info-modal-container .product-info-modal .included-excluded { grid-template-columns: unset; } } @media (max-width: 520px) { .transfer-card { display: flex; flex-direction: column; } .transfer-card .vehicle-details { display: grid; grid-template-columns: 150px 1fr; grid-template-rows: 53px auto; grid-column-gap: 16px; grid-row-gap: 8px; } .transfer-card .vehicle-details + .separator { width: 100%; height: 1px; } .transfer-card .vehicle-details .image { margin-top: 30px; grid-area: 1/1/3/2; } .transfer-card .vehicle-details .capacity { align-self: end; grid-area: 1/2/2/3; } .transfer-card .vehicle-details .vehicle-make-model { align-items: flex-start; align-self: start; grid-area: 2/2/3/3; gap: 3px; } .transfer-card .provider-route-amenities-ride + .separator { width: 100%; height: 1px; } .transfer-card .rate-info-book { flex-wrap: wrap; min-width: unset; row-gap: 16px; } .transfer-card .rate-info-book .info { height: unset; } .transfer-card .rate-info-book .info p:nth-child(2) { bottom: 68px; } .transfer-card .rate-info-book .transfer-reserve-button { flex: 100%; width: unset; } .multi-transfer-card .transfer-cards > .separator { width: calc(100% - 32px); margin: 0 16px; } .multi-transfer-card .rates-container .rate-info-book { flex-wrap: wrap; min-width: unset; row-gap: 16px; } .multi-transfer-card .rates-container .rate-info-book .info { height: unset; } .multi-transfer-card .rates-container .rate-info-book .info p:nth-child(2) { bottom: 68px; } .multi-transfer-card .rates-container .rate-info-book .transfer-reserve-button { flex: 100%; width: unset; } } @media (max-width: 470px) { .product-card { flex-direction: column; } .product-card .card-image { width: 100%; height: 180px; } .product-card .card-favourite { right: 4px; left: unset; } .blog-card { margin: 0; } .blog-card .card-content { gap: 0; } } @media (max-width: 390px) { .transfer-card .vehicle-details { display: flex; } .transfer-card .vehicle-details .image { margin-top: 30px; } .transfer-card .vehicle-details .capacity { align-self: unset; } .transfer-card .vehicle-details .vehicle-make-model { align-items: center; align-self: unset; } .transfer-card .provider-route-amenities-ride .provider { justify-content: space-between; gap: 16px; } .transfer-card .rate-info-book .rate { flex: 100%; justify-content: flex-end; margin-bottom: 0; } .transfer-card .rate-info-book .info { flex: 100%; } .transfer-card .rate-info-book .info p:nth-child(2) { position: inherit; } .multi-transfer-card .rates-container .rate-info-book .rate { flex: 100%; justify-content: flex-end; margin-bottom: 0; } .multi-transfer-card .rates-container .rate-info-book .info { flex: 100%; } .multi-transfer-card .rates-container .rate-info-book .info p:nth-child(2) { position: inherit; } } .date-picker { width: 100%; padding: 0 8px 0 0; } .date-picker .month-container { display: flex; align-items: center; justify-content: space-between; height: 32px; } .date-picker .month-container .month-year { font-size: 16px; } .date-picker .month-container .prev-month, .date-picker .month-container .next-month { width: 24px; height: 24px; cursor: pointer; user-select: none; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .date-picker .month-container .prev-month:hover, .date-picker .month-container .next-month:hover { background-color: #EEEEEE; } .date-picker .month-container .prev-month { transform: rotate(180deg); } .date-picker .days { display: grid; align-content: center; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(6, 36px); justify-items: center; } .date-picker .days .day { font-size: 15px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 36px; height: 36px; cursor: pointer; user-select: none; color: #1C1C1C; } .date-picker .days .day.disabled { cursor: default; color: #BFBFBF; } .date-picker .days .day.disabled:hover { background: none; } .date-picker .days .day.selected { color: #FFFFFF; background: #1C1C1C; } .date-picker .days .day.selected:hover { background: #1C1C1C; } .date-picker .days .day:hover { background: #EEEEEE; } .date-picker .day-initials { display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; } .date-picker .day-initials .day-initial { font-size: 15px; display: flex; align-items: center; justify-content: center; height: 36px; } .date-picker .buttons { display: flex; justify-content: flex-end; padding-right: unset; gap: 8px; } .date-picker .buttons .apply-btn, .date-picker .buttons .skip-btn { font-size: 15px; align-content: center; height: 40px; padding: 0 45px; cursor: pointer; user-select: none; color: #FFFFFF; border-radius: 8px; background: #1C1C1C; } @media (max-width: 340px) { .date-picker .buttons { padding: 0 6px; } .date-picker .buttons .apply-btn, .date-picker .buttons .skip-btn { flex: 1; text-align: center; } } .count-and-pills .sort-container { position: relative; display: none; box-sizing: border-box; min-width: 256px; height: 30px; box-shadow: 10px 0 5px white; } .count-and-pills .sort-container label { line-height: 30px; } .count-and-pills .sort-container .custom-select-container { position: absolute; top: 0; left: 58px; min-width: 196px; } .count-and-pills .sort-container .custom-select-container .active-option { padding: 2px 10px; } #filter-pill-container { display: flex; overflow: hidden; align-items: center; flex: auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px 8px; } #filter-pill-container .filter-pill { font-size: 14px; line-height: 14px; display: flex; align-items: center; justify-content: center; width: fit-content; height: 30px; padding: 0 10px; cursor: pointer; user-select: none; text-transform: capitalize; color: #1C1C1C; outline-offset: 2px; background: #EEEEEE; gap: 3px; } #filter-pill-container .filter-pill.clear { position: absolute; right: 975px; align-items: center; align-self: flex-end; padding: 0; border: none !important; background: none; } #filter-pill-container .filter-pill.clear .filter-pill-text { text-decoration: underline; } #filter-pill-container .filter-pill.clear .icon { display: none; } #filter-pill-container .filter-pill.clear .filter-count { line-height: 0; } #filter-pill-container .filter-pill .filter-pill-text { white-space: nowrap; } #filter-pill-container .filter-pill .filter-pill-text > span { font-variant: all-small-caps; } #filter-pill-container #toggle-filters { font-size: 14px; line-height: 14px; display: flex; align-items: center; justify-content: center; width: fit-content; height: 30px; padding: 0 24px; cursor: pointer; user-select: none; text-transform: capitalize; color: #FFFFFF; border-radius: 8px; outline-offset: 2px; background-color: #1C1C1C; gap: 3px; } #filter-pill-container #toggle-filters .icon { width: 18px; height: 18px; } #filter-pill-container #toggle-filters .icon.cross { filter: invert(1) brightness(10); } #filter-pill-container #active-filter-pills { display: flex; align-items: center; justify-content: flex-end; gap: 8px 8px; } #filter-pill-container .controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px 16px; } #filter-pill-container .icon { width: 14px; height: 14px; } #filter-pill-container .icon .styledIcon.grid { margin: -1px 0 0 0; fill: #FFFFFF; } #filter-pill-container .icon .styledIcon.cross { width: 14px; height: 14px; } #filter-pill-container .icon.minus { background-image: url("/assets/images/icons/minusIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #filter-pill-container button { font-size: 15px; font-weight: 400; line-height: 18px; display: flex; justify-content: center; width: 150px; padding: 8px 18px; outline-offset: 2px; gap: 8px; } #filter-pill-container button#toggle-filters { width: 190px; } #filter-pill-container button.open .icon { filter: invert(1) brightness(10); } #filter-pill-container button.open#toggle-filters { width: 150px; } #filters { display: flex; justify-content: space-between; padding-bottom: 24px; gap: 18px; } .filter-divider { margin-top: 15px; border: 1px solid #EEEEEE; } .filter-group { display: flex; flex-direction: column; margin-bottom: 12px; gap: 8px; } .filter-group .filter-group-title { font-size: 16px; line-height: 24px; max-width: 276px; padding-right: 2px; color: #1C1C1C; margin-block: 0; } .filter-group .filter-group-title span { font-size: 10px; font-weight: bold; float: right; color: #707070; } .filter-group .filter-group-items { display: flex; flex-direction: column; gap: 4px; } .filter-group .filter-group-items .filter-item { display: flex; align-items: center; max-width: 280px; gap: 6px; } .filter-group .filter-group-items .filter-item .filter-item-checkbox { width: 18px; min-width: 18px; max-width: 18px; height: 18px; margin: 0 0 0 4px; cursor: pointer; background-color: #EEEEEE; } .filter-group .filter-group-items .filter-item .filter-item-checkbox.active { display: flex; justify-content: center; outline-offset: 3px; background-color: #1C1C1C; } .filter-group .filter-group-items .filter-item .filter-item-checkbox-icon { display: flex; width: 12px; background-image: url("/assets/images/icons/tickIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .filter-group .filter-group-items .filter-item .filter-item-title { font-size: 12px; line-height: normal; flex: auto; cursor: pointer; color: #1C1C1C; } .filter-group .filter-group-items .filter-item .filter-item-title.rating { display: flex; align-items: flex-start; } .filter-group .filter-group-items .filter-item .filter-item-title.rating:before { display: inline-block; width: 14px; min-width: 14px; height: 14px; min-height: 14px; margin-top: -1px; margin-right: 4px; content: ""; background-image: url("/assets/images/icons/starIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: grayscale(1) brightness(0.2); } .filter-group .filter-group-items .filter-item .filter-item-title > span { text-transform: none; } .filter-group .filter-group-items .filter-item .currency-code { font-size: 10px; } .filter-group .filter-group-items .filter-item .price-info { font-size: 10px; line-height: normal; padding-right: 2px; white-space: nowrap; color: #707070; } .filter-group .filter-group-items .filter-item.disabled:not(:has(.filter-item-checkbox.active)) { cursor: default; pointer-events: none; } .filter-group .filter-group-items .filter-item.disabled .filter-item-title { cursor: default; color: #BFBFBF; } .filter-group .filter-group-items .filter-item.disabled .filter-item-checkbox.active { background-color: #BFBFBF; } .currency-info { font-size: 12px; } @media (max-width: 1230px) { body > .main div#filters-container { width: calc(100% - 16px); margin-left: 8px; } body > .main div#filters-container.floating { right: 16px; } body > .main div#filters-container.floating:not(.open) { left: 8px; width: calc(100% - 32px); } } @media (max-width: 1150px) { body:has(#filters-container.open) { overflow: hidden; } .main div#filters-container #filters { flex-wrap: wrap; padding-top: 50px; gap: 8px; } .main div#filters-container #filters .filter { margin-bottom: 0; } .main div#filters-container #filters .filter .filter-item .filter-item-checkbox { margin-left: 0; } .main div#filters-container #filters #categories { width: 100%; } .main div#filters-container #filters #categories .filter-items { column-count: 2; gap: 0; } .main div#filters-container.open { position: fixed; z-index: 100000; top: 10px; left: 0; overflow-x: hidden; overflow-y: scroll; width: calc(100% - 96px); height: auto; max-height: calc(100vh - 116px); margin: 32px; padding: 16px; background-color: #FFFFFF; -moz-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); } .main div#filters-container.open.floating { top: 0 !important; -moz-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.25); } .main div#filters-container.open { scrollbar-width: thin; scrollbar-color: #707070 transparent; } .main div#filters-container.open::-webkit-scrollbar { width: 5px; } .main div#filters-container.open::-webkit-scrollbar-track { background: transparent; } .main div#filters-container.open::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } .main div#filters-container.open .filters-controls { position: fixed; width: inherit; margin-top: -16px; padding: 16px 0 8px; background-color: #FFFFFF; } .main div#filters-container.open .filters-controls .filter-pill { display: none; } .main div#filters-container .filter-divider { display: none; } } @media (min-width: 926px) { .main #filter-pill-container #toggle-filters { display: none; } } @media (max-width: 925px) { body:has(#transfer-results-filters.filters-open) { overflow: hidden; height: 100%; } body:has(#transfer-results-filters.filters-open) header .burger-button .icon.burgActive { width: 18px; height: 18px; } body:has(#transfer-results-filters.filters-open) header .burger-button .icon.burgActive .styledIcon.burgerIcon { display: block; } body:has(#transfer-results-filters.filters-open) header .burger-button .icon.burgActive .styledIcon.cross { display: none; } .main #results .count-and-pills:not(.transferFiltersOpen) { margin-top: -26px; } .main #results .count-and-pills.transferFiltersOpen { position: fixed; z-index: 9000; top: 69px; left: 19px; width: calc(100% - 50px); height: 40px; padding-top: 20px; background: #FFFFFF; } .main #results .count-and-pills.transferFiltersOpen .sort-container { display: none; } .main #results .count-and-pills.transferFiltersOpen #num-results { flex: auto; width: unset; } .main #results .transfer-results-container:has(#transfer-results-filters.filters-open) { padding: 80px 0 0; } .main #results .transfer-results-container div#transfer-results-filters.filters-open { position: fixed; z-index: 1000; top: 70px; overflow-y: auto; width: calc(100% - 38px); max-width: unset; height: calc(100% - 150px); max-height: unset; margin: 0; padding: 60px 11px 50px; border: none; border-radius: 0; background-color: white; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .main #results .transfer-results-container div#transfer-results-filters.filters-open .filter-group .filter-group-title { max-width: unset; } .main #results .transfer-results-container div#transfer-results-filters.filters-open .filter-group .filter-group-items .filter-item { max-width: unset; } .main #transfer-results-filters:not(.filters-open) { display: none; } .main .count-and-pills { flex-wrap: wrap; } .main .count-and-pills .sort-container { box-shadow: unset; } .main .count-and-pills #filter-pill-container .filter-pill:not(.clear) { display: none; } .main .count-and-pills #filter-pill-container .icon.cross { display: none; } } @media (max-width: 720px) { .main #results .count-and-pills:not(.transferFiltersOpen) #filter-pill-container .filter-pill.clear { top: 7px; right: 11px; left: unset; padding: 0 2px; } .main #results .count-and-pills:not(.transferFiltersOpen) #filter-pill-container #toggle-filters { flex: auto; max-width: 200px; } .main #results .count-and-pills:not(.transferFiltersOpen) { gap: 8px; } } @media (max-width: 700px) { .main div#filters-container #categories .filter-items { column-count: 2; } } @media (max-width: 470px) { body > .main #results .count-and-pills:not(.transferFiltersOpen) .sort-container { min-width: calc(100% - 60px); } body > .main #results .count-and-pills:not(.transferFiltersOpen) .sort-container .custom-select-container { width: 100%; } body > .main #results .count-and-pills:not(.transferFiltersOpen) #num-results { display: none; } body > .main #results .count-and-pills:not(.transferFiltersOpen) #filter-pill-container { gap: 0; } body > .main #results .count-and-pills:not(.transferFiltersOpen) #filter-pill-container #toggle-filters { max-width: unset; } body > .main #results .transfer-results-container { padding-top: 44px; } body > .main div#filters-container .filters-controls .controls { width: 100%; } body > .main div#filters-container .filters-controls .active-filters { display: none; } body > .main div#filters-container .filters-controls button { flex-grow: 2; width: unset; } body > .main div#filters-container.open { position: fixed; top: 0; height: 100%; } body > .main div#filters-container.open .filters-controls { position: fixed; top: 0; left: 0; width: calc(100% - 32px); margin-top: unset; padding: 16px; background-color: white; } body > .main div#filters-container.floating:not(.open) { top: 108px; left: 0; width: calc(100% - 16px); padding-bottom: 8px; outline: 2px solid #FFFFFF; background-color: #FFFFFF; } body > .main div#filters-container.floating:not(.open) .filters-controls { margin: 0 8px; } body > .main div#filters-container #filters { flex-direction: column; flex-wrap: nowrap; padding-top: 90px; } body > .main div#filters-container #filters #categories .filter-items { column-count: 1; } } .date-picker-dual { display: flex; flex-direction: column; width: 548px; padding: 0 8px 6px 8px; box-shadow: rgba(0, 0, 0, 0.0588235294) 0 0 9px 0; } .date-picker-dual .panes { display: flex; gap: 8px; } .date-picker-dual .panes .pane { width: 50%; } .date-picker-dual .panes .divider { width: 0; margin: 20px 0; border-right: 0.5px dashed #BFBFBF; } .date-picker-dual .panes .month-container { display: flex; align-items: center; justify-content: space-between; height: 32px; } .date-picker-dual .panes .month-container .month-year { font-size: 16px; } .date-picker-dual .panes .month-container .prev-month, .date-picker-dual .panes .month-container .next-month { width: 24px; height: 24px; cursor: pointer; user-select: none; border-radius: 4px; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .date-picker-dual .panes .month-container .prev-month:hover, .date-picker-dual .panes .month-container .next-month:hover { background-color: #EEEEEE; } .date-picker-dual .panes .month-container .padding { width: 24px; } .date-picker-dual .panes .month-container .prev-month { transform: rotate(180deg); } .date-picker-dual .panes .days { display: grid; align-content: center; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(6, 36px); justify-items: center; } .date-picker-dual .panes .days .day-holder { display: flex; align-items: center; justify-content: center; width: 102%; height: 30px; margin-top: 3px; } .date-picker-dual .panes .days .day-holder.highlighted { border-radius: 0; background: #4F4F4F; } .date-picker-dual .panes .days .day-holder.highlighted:has(.day.selected.from) { background: linear-gradient(270deg, #4F4F4F 0%, #4F4F4F 50%, transparent 50%); } .date-picker-dual .panes .days .day-holder.highlighted:has(.day.selected.to) { background: linear-gradient(90deg, #4F4F4F 0%, #4F4F4F 50%, transparent 50%); } .date-picker-dual .panes .days .day-holder.highlighted .day { color: #FFFFFF; } .date-picker-dual .panes .days .day { font-size: 15px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; user-select: none; color: #1C1C1C; border-radius: 0; } .date-picker-dual .panes .days .day.disabled { cursor: default; color: #BFBFBF; } .date-picker-dual .panes .days .day.disabled:hover { background: none; } .date-picker-dual .panes .days .day.selected { color: #FFFFFF; background: #1C1C1C; } .date-picker-dual .panes .days .day.selected:hover { background: #EEEEEE; } .date-picker-dual .panes .days .day:hover { background: #EEEEEE; } .date-picker-dual .panes .day-initials { display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; } .date-picker-dual .panes .day-initials .day-initial { font-size: 15px; display: flex; align-items: center; justify-content: center; height: 36px; } .date-picker-dual .buttons { display: flex; justify-content: flex-end; padding-right: unset; gap: 8px; } .date-picker-dual .buttons .apply-btn, .date-picker-dual .buttons .clear-btn, .date-picker-dual .buttons .skip-btn { font-size: 15px; align-content: center; height: 40px; padding: 0 45px; cursor: pointer; user-select: none; color: #FFFFFF; border-radius: 8px; background: #1C1C1C; } @media (max-width: 500px) { .date-picker-dual .buttons { padding: 0 10px; } .date-picker-dual .buttons .apply-btn, .date-picker-dual .buttons .skip-btn, .date-picker-dual .buttons .clear-btn { flex: 1; padding: unset; text-align: center; } } #search-container { position: relative; min-width: 452px; max-width: 452px; } .search { font-size: 15px; font-weight: 400; position: absolute; z-index: 1; overflow: hidden; width: 440px; padding: 6px 5px 6px 0; color: #1C1C1C; border: solid 1px #BFBFBF; background-color: #FFFFFF; } .search.header { width: 326px; } .search-input-container { display: flex; flex-direction: row; height: 34px; padding: 0 0 0 14px; } .search-input-container .search-icon { display: flex; align-items: center; min-width: 18px; padding: 0 4px 0 0; fill: #BFBFBF; } .search-input-container .search-icon.active { fill: #1C1C1C; } .search-input-container .search-input { font-size: 15px; width: 100%; height: 34px; padding: 0 0 0 4px; border: none; } .search-input-container .search-input::placeholder { color: #BFBFBF; } .search-input-container .search-input:focus { outline: none; } .search-input-container .search-button-container { display: flex; align-items: center; gap: 16px; } .search-input-container .search-button-container .search-button { display: flex; align-items: center; justify-content: center; min-width: 68px; height: 18px; padding: 10px 16px; cursor: pointer; color: #FFFFFF; border: none; border-radius: 100px; background-color: #1C1C1C; } .search-input-container .search-button-container .search-button.header { display: none; } .search-clear-button { display: flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; margin: 0; padding: 0; cursor: pointer; border: none; } .search-clear-button:hover { background-color: #BFBFBF; } .search-clear-button.header { margin: 0 0 0 4px; } .search-results-categories { display: flex; align-items: center; flex-direction: row; justify-content: flex-start; margin: 16px 0 6px 8px; gap: 8px; } .search-results-categories.header { margin: 16px 0 6px 0; gap: 0; } .search-results-categories .category { font-size: 15px; font-weight: 400; display: flex; padding: 8px 12px 4px 16px; cursor: pointer; border: solid 1.1px transparent; border-radius: 100px; gap: 4px; } .search-results-categories .category.header { margin: 0 -2px 0 0; padding: 8px 8px 4px 10px; } .search-results-categories .category.selected { border: solid 1.1px #1C1C1C; } .search-results-categories .category .count { font-size: 11px; line-height: 8px; } .search-results-list { display: flex; flex-direction: column; margin: 0; padding: 0 5px; list-style: none; } .search-results { overflow-x: hidden; overflow-y: auto; max-height: 300px; margin: 16px 0 6px 0; scrollbar-width: thin; scrollbar-color: #707070 transparent; } .search-results::-webkit-scrollbar { width: 5px; } .search-results::-webkit-scrollbar-track { background: transparent; } .search-results::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } .search-results .search-result-type { font-size: 12px; padding: 10px 16px 0 16px; letter-spacing: 1.3px; text-transform: uppercase; color: #707070; } .search-result { display: flex; align-items: center; padding: 10px 16px; cursor: pointer; gap: 8px; } .search-result.hover { background-color: #BFBFBF; } .search-result.recent { justify-content: space-between; } .search-result.nearby { border-bottom: none; } .search-result .icon { width: 25px; min-width: 25px; height: 25px; vertical-align: middle; pointer-events: none; } .search-result .icon.searchIcon { background-image: url("/assets/images/icons/searchIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.outdoors { margin-top: -5px; background-image: url("/assets/images/icons/outdoorsIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.location, .search-result .icon.city { margin-top: -5px; background-image: url("/assets/images/icons/pinIconLine.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.attraction { margin-top: -5px; background-image: url("/assets/images/icons/attractionIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: 24px; } .search-result .icon.hotel, .search-result .icon.property { margin-top: -5px; background-image: url("/assets/images/icons/houseIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.airport { background-image: url("/assets/images/icons/airportIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.train { margin-top: -5px; background-image: url("/assets/images/icons/railIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.rail-station { margin-top: -5px; background-image: url("/assets/images/icons/mozio/type_express_train.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: saturate(0) brightness(0.3); } .search-result .icon.activity { margin-top: -5px; background-image: url("/assets/images/icons/eventsIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .icon.transfers { margin-top: -5px; background-image: url("/assets/images/icons/transfersIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-result .text-container { display: flex; flex-direction: column; } .search-result .result-title { font-size: 16px; font-weight: 400; line-height: 18px; display: -webkit-box; overflow: hidden; width: 100%; vertical-align: middle; pointer-events: none; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .search-result .result-secondary { font-size: 13px; line-height: 18px; color: #707070; } .search-result .result-subtext { font-size: 12px; line-height: 12px; letter-spacing: 1.3px; color: #707070; } @media (max-width: 925px) { .sw-input .search-clear-button { display: none; } .searchOpen .sw-input .search-clear-button { display: flex; } #page-search .search { width: calc(100% - 40px); max-width: 440px; } #page-search .search-input-container { padding: 0 0 0 9px; } #page-search .search-input-container .search-input { font-size: 14px; padding: 0; } #page-search .search-input-container .search-icon { display: none; } #page-search .search-input-container .search-button-container .search-button { width: 18px; min-width: 0; height: 18px; padding: 9px; background-image: url(/assets/images/icons/searchIconWhite.svg); background-repeat: no-repeat; background-position: center; } #page-search .search-input-container .search-button-container .search-button span { display: none; } } @media (min-width: 926px) { div.search-widget.summary.show-sTab { display: none; } } @media (max-width: 925px) { header.searchOpen #sw-summary { display: none; } header.burgActive #sw-summary { display: none; } .search-widget.summary { margin: 0; } .search-widget.summary .sw-summary { margin: 10px 11px 0; } #search-widget.search-widget.border #sw-summary { margin: 0; } #search-widget.search-widget.border #sw-summary .searchSummary { border: none; } #sw-summary .searchSummary { display: flex; flex-direction: column; height: auto; padding: 0; border-bottom: 1px solid #1C1C1C; border-radius: 0; background: none; gap: 0; } #sw-summary .searchSummary .icon { width: 22px; background-repeat: no-repeat; } #sw-summary .searchSummary .icon .styledIcon.magnifyingGlass { width: 14px; height: 14px; margin: 2px 0 1px 0; } #sw-summary .searchSummary .icon .styledIcon.pin { width: 14px; height: 14px; margin: 0 0 1px -2px; fill: #1C1C1C; } #sw-summary .searchSummary .icon .styledIcon.nextStep { margin: 0 0 -16px -3px; } #sw-summary .searchSummary .mainContext { line-height: 120%; display: flex; height: 16px; } #sw-summary .searchSummary .mainContext h4 { font-weight: normal; font-size: 14px; line-height: normal; display: -webkit-box; overflow: hidden; flex: auto; margin: 0; color: #1C1C1C; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #sw-summary .searchSummary .mainContext h4.placeholder { color: #1C1C1C; letter-spacing: 1px; } #sw-summary .searchSummary .additionalTerms { line-height: 100%; } #sw-summary .searchSummary ul { font-size: 16px; line-height: normal; display: inline-flex; overflow: hidden; flex-wrap: wrap; align-content: center; width: calc(100% - 16px); height: 34px; margin: 0; color: #1C1C1C; padding-inline-start: 0; gap: 27px; } #sw-summary .searchSummary ul li { white-space: nowrap; } #sw-summary .searchSummary ul li > span { display: inline-block; vertical-align: middle; } #sw-summary .searchSummary ul li:first-of-type { list-style: none; } #sw-summary .searchSummary.carRental:has(#sw-dropoff-date-time-transfer:not(.hidden)) #sw-passenger-transfer, #sw-summary .searchSummary.transfers:has(#sw-dropoff-date-time-transfer:not(.hidden)) #sw-passenger-transfer { display: none; } #sw-summary .searchSummary.carRental .carRentalGrid, #sw-summary .searchSummary.transfers .carRentalGrid { display: grid; grid-template-columns: 18px 1fr 0.2fr 1fr; } #sw-summary .searchSummary.carRental .carRentalGrid h4, #sw-summary .searchSummary.transfers .carRentalGrid h4 { font-size: 14px; letter-spacing: 1px; font-weight: normal; display: -webkit-box; overflow: hidden; flex: auto; margin: 0; color: #1C1C1C; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #sw-summary .searchSummary.carRental .carRentalGrid h4.placeholder, #sw-summary .searchSummary.transfers .carRentalGrid h4.placeholder { color: #1C1C1C; } #sw-summary .searchSummary.carRental .carRentalGrid p, #sw-summary .searchSummary.transfers .carRentalGrid p { font-size: 14px; display: -webkit-box; overflow: hidden; margin: 5px 0 8px; white-space: nowrap; text-overflow: ellipsis; color: #1C1C1C; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } header.elevated .search-widget:has([data-mode=hotelActivities].selected), header.elevated .search-widget:has([data-mode=hotelDirectory].selected) { bottom: 4px; } header.elevated .search-widget.tabs { position: absolute; z-index: 51; bottom: 82px; left: 50%; width: 100%; margin: 0; transform: translateX(-50%); } header.elevated .search-widget.tabs .sw-tab:before { left: -47px; } header.elevated .search-widget.tabs .sw-tab:after { right: -47px; } .search-widget { z-index: 50; display: flex; flex-direction: column; margin: 0; gap: 16px; } .search-widget.border { border: solid 1px #BFBFBF; } .search-widget.empty { border: none; background-color: transparent; } .search-widget.tabs { justify-content: flex-end; width: 100%; margin: unset; padding-right: 16px; } .search-widget.tabs .sw-tabs { justify-content: flex-end; border-bottom: 1px solid transparent; } .search-widget.tabs:not(.hidden) ~ .page-title { display: none; } .search-widget.body { border-radius: 16px; } .search-widget.body .sw-inputs.carRental .sw-input.destination .sw-dropdown { width: 50%; } .search-widget.body .sw-inputs .sw-input .text-input input { font-size: 16px; line-height: 22px; } .search-widget.body .sw-inputs .sw-input .text-input > .search-clear-button { width: 22px; height: 22px; } .search-widget.body .sw-inputs .sw-input .sw-input-field h2 { font-size: 16px; line-height: 24px; margin: 0; } .search-widget.body .sw-inputs .sw-input .sw-input-field > .search-clear-button { width: 22px; height: 22px; } .search-widget.body .sw-inputs .sw-input .sw-input-holder div.search-clear-button { margin-top: 0; } .search-widget.body .sw-inputs .sw-dropdown { z-index: -1; top: 68px; } .search-widget .divider { width: 0; margin: 20px 0 0; border-right: 0.5px dashed #BFBFBF; } .search-widget .popup-info { font-size: 14px; position: absolute; top: 5px; margin: 0 0 0 -12px; padding: 1px 6px; color: #1C1C1C; border: solid 1px #EEEEEE; border-radius: 10px; background: #FFFFFF; } .search-widget .sw-tabs { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 0 0 -1px; } .search-widget .sw-tabs .sw-tab { position: relative; z-index: 1; padding: 8px 16px 8px; cursor: pointer; border-bottom: none; background-size: cover; } .search-widget .sw-tabs .sw-tab:not(.selected) { z-index: 0; } .search-widget .sw-tabs .sw-tab p { font-size: 16px; line-height: 25px; margin: 0; color: #1C1C1C; } .search-widget .sw-tabs .sw-tab.selected { padding: 4px 8px; border: 1px solid #1C1C1C; border-radius: 3px; background-color: #1C1C1C; } .search-widget .sw-tabs .sw-tab.selected p { color: #FFFFFF; } .search-widget .sw-inputs { position: relative; display: flex; align-items: center; flex-direction: row; justify-content: space-between; margin-top: 12px; gap: 16px; } .search-widget .sw-inputs .search-clear-button > svg { width: 18px; height: 18px; } .search-widget .sw-inputs .styledIcon.static.calendarCoral { width: 18px; height: 18px; margin: -1px 0 0 -3px; fill: #FFB995; } .search-widget .sw-inputs .styledIcon.static.trip { width: 16px; height: 16px; margin: 0 0 1px 0; fill: #FFB995; } .search-widget .sw-inputs .styledIcon.static.pin { width: 15px; height: 15px; margin: 0 0 5px 0; fill: #FFB995; } .search-widget .sw-inputs .styledIcon.static.clock { width: 20px; height: 20px; margin: -2px 0 0 -3px; fill: #FFB995; } .search-widget .sw-inputs .styledIcon.static.magnifyingGlass { width: 15px; height: 15px; margin: 0 8px 1px 0; fill: #FFB995; } .search-widget .sw-inputs .sw-input-holder { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: 8px; } .search-widget .sw-inputs .sw-input-holder div.search-clear-button { width: 20px; min-width: 20px; height: 20px; margin-top: -8px; margin-bottom: 6px; } .search-widget .sw-inputs .sw-input-holder > div:not(.search-clear-button) { width: 100%; } .search-widget .sw-inputs .sw-input-holder.loading:after { box-sizing: border-box; width: 4px; height: 18px; align-self: center; margin: 18px 20px 0 0; content: ""; animation: animloader-search 0.8s linear infinite alternate; border-radius: 4px; } @keyframes animloader-search { 0% { box-shadow: 6px 0 rgba(0, 0, 0, 0.25), 12px 0 #1C1C1C, 18px 0 #1C1C1C; } 50% { box-shadow: 6px 0 #1C1C1C, 12px 0 rgba(0, 0, 0, 0.25), 18px 0 #1C1C1C; } 100% { box-shadow: 6px 0 #1C1C1C, 12px 0 #1C1C1C, 18px 0 rgba(0, 0, 0, 0.25); } } .search-widget .sw-inputs .sw-inputs-holder { display: flex; flex-wrap: wrap; } .search-widget .sw-inputs .sw-inputs-holder .drop-off-check { display: flex; align-items: center; flex: 1 1 100%; margin-top: 10px; user-select: none; gap: 6px; } .search-widget .sw-inputs .sw-inputs-holder .drop-off-check label { font-size: 14px; line-height: 16px; color: #1C1C1C; } .search-widget .sw-inputs .sw-inputs-holder .drop-off-check .checkbox { align-items: center; width: 18px; height: 18px; margin-bottom: 2px; cursor: pointer; border-radius: 4px; background-color: #EEEEEE; } .search-widget .sw-inputs .sw-inputs-holder .drop-off-check .checkbox.active { display: flex; justify-content: center; outline-offset: 3px; background-color: #1C1C1C; } .search-widget .sw-inputs .sw-inputs-holder .drop-off-check .checkbox .icon { width: 12px; height: 12px; background-image: url("/assets/images/icons/tickIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .search-widget .sw-inputs .separator { height: 100%; } .search-widget .sw-inputs .button { line-height: 36px; align-self: end; width: 110px; height: 36px; padding: unset; text-align: center; justify-self: end; } .search-widget .sw-inputs .button.disabled { cursor: not-allowed; pointer-events: none; opacity: 90%; color: #BFBFBF; background-color: #707070; } .search-widget .sw-inputs.transfers .button { width: 36px; margin-left: 20px; padding: 0; background-image: url("/assets/images/icons/searchIconWhite.svg"); background-repeat: no-repeat; background-position: 50%; content-visibility: hidden; } .search-widget .sw-inputs.transfers .sw-input .sw-input-holder:has(div.sw-input-hover) { position: relative; } .search-widget .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover { font-size: 14px; position: absolute; z-index: 20; top: 24px; box-sizing: border-box; width: max-content; max-width: 200%; padding: 3px 8px 2px; color: #1C1C1C; border: 1px solid #EEEEEE; background: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.1607843137) 0 1px 5px 0; } .search-widget .sw-inputs.transfers .sw-input.number .sw-input-field:has(input[type=number]) { border-bottom: 1px solid #1C1C1C; } .search-widget .sw-inputs.transfers .sw-input.number input[type=number] { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input.number.ride-duration .input-with-label .input-label { width: 30px; } .search-widget .sw-inputs.transfers .sw-input.passengers .sw-input-field { gap: 0; } .search-widget .sw-inputs.transfers .sw-input.separator { margin-left: 11px; padding-left: 12px; } .search-widget .sw-inputs.transfers .sw-input.date-time { width: 112px; } .search-widget .sw-inputs.transfers .sw-input.date-time div.search-clear-button { display: none; } .search-widget .sw-inputs.transfers .sw-input.date-time .sw-dropdown { width: 139px; } .search-widget .sw-inputs.transfers .sw-input .text-input input { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field .custom-select-container .active-option .label { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field h2 { font-size: 14px; } .search-widget .sw-inputs.carRental .button { padding: 0 39px; } .search-widget .sw-inputs.omni .sw-input.destination { flex: 1; } .search-widget .sw-inputs.omni .sw-input.date-range { flex: 0.7; } .search-widget .sw-inputs .sw-input { color: #1C1C1C; border-bottom: 1px solid #1C1C1C; } .search-widget .sw-inputs .sw-input .sw-input-title { display: flex; flex-direction: row; height: 16px; } .search-widget .sw-inputs .sw-input .sw-input-title .styledIcon.static { fill: #1C1C1C; filter: brightness(0); } .search-widget .sw-inputs .sw-input .sw-input-title .sw-icon { width: 22px; height: 16px; } .search-widget .sw-inputs .sw-input .sw-input-title label { font-size: 14px; line-height: 18px; margin: 0; white-space: nowrap; letter-spacing: 1px; text-transform: capitalize; color: inherit; } .search-widget .sw-inputs .sw-input .text-input { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; width: 100%; height: 34px; } .search-widget .sw-inputs .sw-input .text-input .sw-input-crumb { font-size: 12px; line-height: normal; display: -webkit-box; overflow: hidden; width: 100%; margin: 0 0 0 2px; height: inherit; padding: 0; color: #4F4F4F; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .search-widget .sw-inputs .sw-input .text-input input { font-size: 16px; line-height: normal; width: 100%; text-overflow: ellipsis; color: #1C1C1C; border: none; background-color: unset; box-shadow: none; } .search-widget .sw-inputs .sw-input .text-input input:focus { outline: none; } .search-widget .sw-inputs .sw-input .text-input input::placeholder { color: inherit; } .search-widget .sw-inputs .sw-input .text-input input.filled::placeholder { color: inherit; } .search-widget .sw-inputs .sw-input .text-input input#activityInput:first-letter { text-transform: capitalize; } .search-widget .sw-inputs .sw-input .sw-input-field { display: flex; align-items: center; justify-content: space-between; height: 33px; color: #1C1C1C; gap: 12px; } .search-widget .sw-inputs .sw-input .sw-input-field h2 { font-size: 16px; line-height: 32px; margin: 0 0 1px 0; color: inherit; margin-block: 0; } .search-widget .sw-inputs .sw-input .sw-input-field h2.placeholder { line-height: 32px; color: inherit; } .search-widget .sw-inputs .sw-input .sw-input-field .placeholder { color: inherit; } .search-widget .sw-inputs .sw-input.destination { flex: 1; } .search-widget .sw-inputs .sw-input.destination .sw-dropdown { width: 50%; } .search-widget .sw-inputs .sw-input.destination .sw-dropdown .sw-dd-bridge { width: 22vw; } .search-widget .sw-inputs .sw-input.activity { flex: 1; } .search-widget .sw-inputs .sw-input.activity .sw-dropdown { width: 50%; } .search-widget .sw-inputs .sw-input.date { width: 265px; } .search-widget .sw-inputs .sw-input.date .sw-dropdown { width: 25%; } .search-widget .sw-inputs .sw-input.date-time { width: 180px; } .search-widget .sw-inputs .sw-input.date-time .sw-dropdown { width: 200px; } .search-widget .sw-inputs .sw-input.date-range { width: 270px; } .search-widget .sw-inputs .sw-input.date-range .sw-dropdown { width: 275px; } .search-widget .sw-inputs .sw-input.number { border-bottom: unset; } .search-widget .sw-inputs .sw-input.number .sw-icon.passengers svg.styledIcon.passengers { width: 16px; height: 16px; stroke: #FFB995; } .search-widget .sw-inputs .sw-input.number .inc-dec-button { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 2px; border: solid 1px #1C1C1C; border-radius: 0; background-color: transparent; } .search-widget .sw-inputs .sw-input.number .inc-dec-button:hover { background-color: #BFBFBF; } .search-widget .sw-inputs .sw-input.number .input-with-label { display: flex; align-items: baseline; justify-content: center; } .search-widget .sw-inputs .sw-input.number .input-with-label .input-label { font-size: 16px; line-height: 16px; width: 58px; color: #1C1C1C; } .search-widget .sw-inputs .sw-input.number input[type=number] { font-family: "Swiss721BT", sans-serif; font-size: 16px; text-align: center; border: none; outline: none; background-color: transparent; -webkit-appearance: textfield; -moz-appearance: textfield; } .search-widget .sw-inputs .sw-input.number input[type=number]::-webkit-outer-spin-button, .search-widget .sw-inputs .sw-input.number input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .search-widget .sw-inputs .sw-input.mode .sw-input-field { position: relative; min-width: 92px; } .search-widget .sw-inputs .sw-input.mode .custom-select-container { position: absolute; z-index: 3; top: 0; min-width: 92px; border: none; background-color: transparent; } .search-widget .sw-inputs .sw-input.mode .custom-select-container .active-option { padding: 7px 0; } .search-widget .sw-inputs .sw-input.mode .custom-select-container .active-option .label { font-size: 16px; letter-spacing: unset; } .search-widget .sw-inputs .sw-input.mode .custom-select-container .options { background-color: #F9F6F4; } .search-widget .sw-inputs .sw-input.mode .custom-select-container .options .option { font-size: 14px; padding: 8px 10px; letter-spacing: unset; } .search-widget .sw-inputs .sw-dropdown { position: absolute; z-index: 2; top: 68px; color: #1C1C1C; } .search-widget .sw-inputs .sw-dropdown:not(:has(.mid)) { left: 0; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge { display: none; position: relative; z-index: 1; height: 16px; background-color: #FFFFFF; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge:not(.mid)::before { top: -22px; width: 22px; height: 22px; background-color: #FFFFFF; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge:not(.mid).spreadR::after { right: -16px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge::before, .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge::after { position: absolute; top: 0; width: 16px; height: 16px; content: ""; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge.mid { left: -16px; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge.mid.spreadR::before { left: -8px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge.mid.spreadR::after { right: -16px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge.mid.spreadL::before { left: -16px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge.mid.spreadL::after { right: -16px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-inputs .sw-dropdown .sw-dd-content { position: absolute; overflow-x: hidden; overflow-y: auto; min-width: 100%; max-height: 345px; padding: 16px; background-color: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.0588235294) 0 0 9px 0; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-picker, .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-picker-dual, .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker { overflow-y: hidden; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker { display: flex; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker { overflow-y: auto; width: 100px; margin: 20px 0 0 0; padding: 0 15px; scrollbar-width: thin; scrollbar-color: #707070 transparent; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker::-webkit-scrollbar { width: 5px; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker::-webkit-scrollbar-track { background: transparent; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker::-webkit-scrollbar-button { height: 0; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option { font-size: 16px; line-height: 29px; padding: 0 8px; cursor: pointer; text-align: center; color: #1C1C1C; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option.selected { background-color: #1C1C1C; color: #FFFFFF; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option.disabled { background-color: #EEEEEE; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .date-picker { width: 289px; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content { scrollbar-width: thin; scrollbar-color: #707070 transparent; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content::-webkit-scrollbar { width: 5px; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content::-webkit-scrollbar-track { background: transparent; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content::-webkit-scrollbar-thumb { border-radius: 999px; background: #707070; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content::-webkit-scrollbar-button { height: 0; } .search-widget .sw-inputs .sw-dropdown .spreadR.mid + .sw-dd-content { left: -16px; } .search-widget .sw-inputs .sw-dropdown .spreadL + .sw-dd-content { right: 16px; } .search-widget .sw-transfers-tab { position: absolute; z-index: 2; right: 0; bottom: -41px; display: flex; align-self: end; box-sizing: border-box; height: 41px; margin-right: 32px; padding: 8px 20px; color: #1C1C1C; border: 1px solid #BFBFBF; border-top: none !important; border-radius: 0 0 14px 14px; background: #FFFFFF; gap: 12px; } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle { display: flex; align-items: center; gap: 8px; } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle .toggle-text { font-size: 12px; margin: 0; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; color: #4F4F4F; } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle .toggle-switch { width: 36px; padding: 2px; cursor: pointer; transition: background-color 0.15s ease-in-out; border: 1px solid #707070; border-radius: 50px; background-color: #FFFFFF; } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle .toggle-switch.active { background-color: #FDD7C4; } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle .toggle-switch.active .toggle-switch-knob { transform: translateX(18px); } .search-widget .sw-transfers-tab .sw-transfers-tab-toggle .toggle-switch .toggle-switch-knob { width: 18px; height: 18px; transition: transform 0.15s ease-in-out; border-radius: 100%; background-color: #FF9662; } @media (max-width: 1200px) { .search-widget .sw-inputs.carRental, .search-widget.body .sw-inputs.carRental { padding: 0; } .search-widget .sw-inputs.carRental .button, .search-widget.body .sw-inputs.carRental .button { width: 40px; padding: 0; background-image: url("/assets/images/icons/searchIconWhite.svg"); background-repeat: no-repeat; background-position: 50%; content-visibility: hidden; } } @media (max-width: 1200px) and (min-width: 926px) { .search-widget .sw-inputs.transfers, .search-widget.body .sw-inputs.transfers { padding: 0; } .search-widget .sw-inputs.transfers .button, .search-widget.body .sw-inputs.transfers .button { width: 40px; padding: 0; background-image: url("/assets/images/icons/searchIconWhite.svg"); background-repeat: no-repeat; background-position: 50%; content-visibility: hidden; } .search-widget .sw-inputs.transfers .sw-input.number input[type=number], .search-widget.body .sw-inputs.transfers .sw-input.number input[type=number] { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input.separator, .search-widget.body .sw-inputs.transfers .sw-input.separator { margin-left: 11px; padding-left: 12px; } .search-widget .sw-inputs.transfers .sw-input.date-time, .search-widget.body .sw-inputs.transfers .sw-input.date-time { width: 120px; } .search-widget .sw-inputs.transfers .sw-input.date-time div.search-clear-button, .search-widget.body .sw-inputs.transfers .sw-input.date-time div.search-clear-button { display: none; } .search-widget .sw-inputs.transfers .sw-input .text-input input, .search-widget.body .sw-inputs.transfers .sw-input .text-input input { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field .custom-select-container .active-option .label, .search-widget.body .sw-inputs.transfers .sw-input .sw-input-field .custom-select-container .active-option .label { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field h2, .search-widget.body .sw-inputs.transfers .sw-input .sw-input-field h2 { font-size: 14px; } .search-widget:not(.body) .sw-inputs.transfers .sw-dropdown { top: 70px; } } @media (max-width: 925px) { body:has(.searchOpen) { overflow: hidden; height: 100%; } header.burgActive .search-widget { display: none; } header.searchOpen { z-index: 5000; overflow-y: auto; height: 100%; } header.searchOpen:after { position: fixed; height: 150lvh; } header.searchOpen .search-widget.body .sw-tabs { display: flex; } header.searchOpen .search-widget.body .sw-inputs, header.searchOpen .search-widget.body .sw-inputs-holder { flex-direction: column; padding: 24px 16px; } header.searchOpen .search-widget.body .sw-inputs .search-clear-button, header.searchOpen .search-widget.body .sw-inputs-holder .search-clear-button { margin-top: 19px; } header.searchOpen .search-widget.body .sw-inputs.carRental, header.searchOpen .search-widget.body .sw-inputs-holder.carRental { gap: 16px; } header.searchOpen .search-widget.body .sw-inputs.carRental .drop-off-check, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .drop-off-check { display: flex; order: 1; margin-top: 16px; padding-top: 16px; border-top: 1px dashed #EEEEEE; } header.searchOpen .search-widget.body .sw-inputs.carRental .button, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .button { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input { flex: unset; width: 100%; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.separator, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.separator { margin-top: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.pickup, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.pickup { order: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from { order: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from h2, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from h2 { line-height: 22px !important; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from .sw-input-title, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from .sw-input-title { display: flex; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to h2, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to h2 { line-height: 22px !important; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to .sw-input-title, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to .sw-input-title { display: flex; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to.separator, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to.separator { margin-left: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff.hidden ~ .to, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff.hidden ~ .to { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input .sw-dropdown { top: unset; width: 100%; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input .sw-dropdown .sw-dd-content { width: calc(100% - 28px); padding-top: 0; } header.searchOpen .search-widget.body .sw-inputs.transfers .sw-input.date-time .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder.transfers .sw-input.date-time .sw-dropdown { width: unset; } header.searchOpen .search-widget.body .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover, header.searchOpen .search-widget.body .sw-inputs-holder.transfers .sw-input .sw-input-holder div.sw-input-hover { max-width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input { width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container { overflow: visible; width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container .options, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container .options { overflow: hidden; margin-top: 8px; border-radius: 12px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1294117647); } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container .options .option, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container .options .option { padding: 16px 10px; } header.searchOpen .search-widget.body .sw-inputs .sw-input .sw-input-title .sw-icon.pin, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input .sw-input-title .sw-icon.pin { background-position-x: -2px; } header.searchOpen .search-widget.body .sw-inputs .sw-input .sw-input-field, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input .sw-input-field { margin-top: 4px; padding-left: 0; text-overflow: ellipsis; } header.searchOpen .search-widget.body .sw-inputs .sw-input.dropoff .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.dropoff .sw-dropdown .sw-dd-content { width: calc(100% - 28px); margin-left: 16px; } header.searchOpen .search-widget.body .sw-inputs .button, header.searchOpen .search-widget.body .sw-inputs-holder .button { display: block; width: calc(100% - 16px); height: unset; margin: 24px 0 0; padding: 8px; text-align: center; background-image: unset; content-visibility: unset; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown { position: relative; z-index: 2; top: unset; width: unset; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-bridge, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-bridge { display: none; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content { position: relative; min-width: unset; margin-top: 12px; padding-left: 13px; border-radius: 8px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content.date-picker-dual, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content.date-picker-dual { width: calc(100% - 28px); margin-top: 16px; margin-left: 16px; padding-top: 4px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker:has(.date-picker), header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content.date-time-picker:has(.date-picker) { width: fit-content; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result { padding: 10px 0; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result.nearby, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result.nearby { padding: 4px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result-type, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result-type { padding-left: 2px; } header.searchOpen .search-widget.body .sw-inputs .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input { width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.separator, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.separator { margin-top: 16px; margin-left: unset; padding-top: 16px; padding-left: unset; border-top: 1px dashed #EEEEEE; border-left: none; } header.searchOpen .search-widget.body .sw-inputs-holder { width: 100%; padding: 0; } header:not(.searchOpen) .search-widget.body { display: none; } header:not(.searchOpen) .search-widget.tabs { display: none; } header .search-widget.tabs { margin: 0 10px; } header .search-widget.tabs .sw-tabs { position: absolute; top: 79px; width: calc(100% - 32px); border-radius: 20px 20px 0 0; } header .search-widget.tabs .sw-tabs .sw-tab { margin: 2px; padding: 4px 12px; } header .search-widget.tabs .sw-tabs .sw-tab.selected p:before { bottom: 6px; } header .search-widget.body { margin: 52px 10px 5px 10px; border-top: none; border-radius: 0 0 20px 20px; } header .search-widget.body .sw-inputs { padding: 5px 12px; } header .search-widget.body .button { display: none; } header.searchOpen .search-widget.body { margin-bottom: 150px; } header:not(.searchOpen) #search-widget.search-widget .sw-tabs { display: none; } header:not(.searchOpen) #search-widget.search-widget .sw-body { display: none; } .hero-content > #search-widget.search-widget .sw-tabs, .main > #search-widget.search-widget .sw-tabs { display: none; } .hero-content > #search-widget.search-widget .sw-body, .main > #search-widget.search-widget .sw-body { display: none; } .search-widget .sw-inputs { padding: 10px 16px 6px; } .search-widget .sw-inputs.carRental { gap: 8px; } .search-widget .sw-inputs.carRental .sw-inputs-holder { flex-direction: row; flex-wrap: wrap; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input { flex: 1 1 40%; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.pickup { order: 0; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from { order: 2; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from h2 { line-height: 16px !important; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff { order: 1; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to { order: 3; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to h2 { line-height: 16px !important; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to.separator { margin-left: 12px; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to { order: 1; } .search-widget .sw-inputs.carRental .drop-off-check { display: none; } .search-widget .sw-inputs.carRental .sw-input .sw-dropdown { top: unset; } .search-widget .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover { max-width: 100%; } .search-widget .sw-inputs .sw-input .text-input { height: unset; } .search-widget .sw-inputs .sw-input .text-input input { font-size: 16px; height: 22px; } .search-widget .sw-inputs .sw-input .text-input p.sw-input-crumb { margin-left: 0; } .search-widget .sw-inputs .sw-input .sw-input-field h2 { font-size: 16px; line-height: 31px; } .search-widget .sw-inputs .sw-input.date-range { width: unset; } .search-widget .sw-inputs .sw-input.date { width: unset; } .search-widget .sw-inputs .sw-input.date-time { width: unset; } .search-widget .button { display: none; } } @media (max-width: 650px) { header.searchOpen .search-widget .date-picker-dual { width: calc(100% - 28px); margin-left: 16px; padding: 0 16px 16px; } header.searchOpen .search-widget .date-picker-dual .days { grid-template-rows: repeat(6, 34px); } header.searchOpen .search-widget .date-picker-dual .days .day-holder { margin-top: 2px; } header.searchOpen .search-widget .date-picker-dual .divider { display: none; } header.searchOpen .search-widget .date-picker-dual .pane { width: 100%; } header.searchOpen .search-widget .date-picker-dual .second.pane { position: absolute; right: 16px; width: 33%; } header.searchOpen .search-widget .date-picker-dual .second.pane .month-container { justify-content: flex-end; } header.searchOpen .search-widget .date-picker-dual .second.pane .month-container .month-year { display: none; } header.searchOpen .search-widget .date-picker-dual .second.pane .day-initials, header.searchOpen .search-widget .date-picker-dual .second.pane .days { display: none; } } @media (max-width: 535px) { header .search-widget.tabs .sw-tabs { justify-content: space-between; width: calc(100% - 30px); } header .search-widget.tabs .sw-tabs .sw-tab { flex: 1; margin: 1px 0 0; padding: 4px 12px; text-align: center; } header .search-widget.tabs .sw-tabs .sw-tab p { white-space: nowrap; } header .search-widget.tabs .sw-tabs .sw-tab p:before { left: 50%; width: 80%; translate: -50%; } header .search-widget.tabs .sw-tabs .sw-tab:first-child:before { content: unset; } header .search-widget.tabs .sw-tabs .sw-tab:last-child:after { content: unset; } header .search-widget.body .sw-inputs { border-radius: 0 0 16px 16px; } } @media (max-width: 520px) { header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker { width: calc(100% + 18px); margin-left: 0; padding: 0 4px 18px 10px; border-radius: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker .time-picker, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker .time-picker { padding: 0 11px 0 8px; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option { padding: 0; } } @media (max-width: 480px) { .search-widget .sw-inputs.carRental .sw-inputs-holder { flex-direction: column; flex-wrap: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input { flex: 1 1 100%; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.pickup { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.separator { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed #EEEEEE; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to.separator { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed #EEEEEE; border-left: none; } header.searchOpen .search-widget.body { margin-bottom: 150px; } .search-widget .sw-tabs .sw-tab { margin: 12px 12px; } } @media (max-width: 388px) { header .search-widget.tabs .sw-tabs .sw-tab { padding: 8px 6px; padding: 8px 2.1vw; } header .search-widget.tabs .sw-tabs .sw-tab p { font-size: 4vw; } header .search-widget.tabs .sw-tabs .sw-tab p:before { bottom: 6px; width: 80%; } } #hero .hero-content { width: unset; } .mozioLogo { font-size: 14px; line-height: 22px; width: fit-content; padding: 3px 95px 0 0; background-image: url("/assets/images/mozioLogo.svg"); background-repeat: no-repeat; background-position: right; background-size: 87px; margin-block-end: 0; } #results { min-height: calc(100vh - 486px); margin-top: 20px; } #results:has(#products:not(.hidden)) #toggle-filters { display: none; } #results .count-and-pills { display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 20px; } #results .count-and-pills:not(.transferFiltersOpen) { position: fixed; z-index: 1; box-sizing: border-box; width: 100%; max-width: 1200px; margin-top: -20px; padding: 8px 0; background-color: #FFFFFF; } #results .count-and-pills #num-results { margin-top: 4px; white-space: nowrap; } #results .info-container { display: flex; align-items: center; justify-content: center; padding-top: 60px; } #results .info-container .info { font-size: 24px; text-align: center; } #results .info-container .info .sub { font-size: 18px; } #results .info-container .loader { box-sizing: border-box; width: 6px; height: 24px; margin: 0 24px 0 0; animation: animloader-dark 1s linear infinite alternate; border-radius: 4px; } @keyframes animloader-dark { 0% { box-shadow: 12px 0 rgba(0, 0, 0, 0.25), 24px 0 #1C1C1C, 36px 0 #1C1C1C; } 50% { box-shadow: 12px 0 #1C1C1C, 24px 0 rgba(0, 0, 0, 0.25), 36px 0 #1C1C1C; } 100% { box-shadow: 12px 0 #1C1C1C, 24px 0 #1C1C1C, 36px 0 rgba(0, 0, 0, 0.25); } } #results .transfer-results-container { position: relative; display: flex; flex-direction: row-reverse; padding: 26px 0 0; gap: 24px; } #results .transfer-results-container #transfer-results-filters { width: 100%; min-width: 175px; max-width: 210px; height: 100%; height: -moz-available; /* WebKit-based browsers will ignore this. */ height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ height: stretch; padding: 0 0 0 16px; border-left: solid 1px #BFBFBF; } #results .transfer-results-container #transfer-results-pane { display: flex; flex-direction: column; margin-bottom: 24px; gap: 8px; } #results .transfer-results-container #transfer-results-pane #transfer-locations { display: flex; flex-direction: column; padding: 14px 16px; background-color: #F1F1F1; gap: 12px; } #results .transfer-results-container #transfer-results-pane #transfer-locations .transfer-locations-header { display: flex; flex-direction: column; gap: 4px; } #results .transfer-results-container #transfer-results-pane #transfer-locations .transfer-locations-header h2 { font-size: 22px; font-weight: 400; line-height: 22px; margin: 0; color: #1C1C1C; } #results .transfer-results-container #transfer-results-pane #transfer-locations .transfer-locations-header p { font-size: 16px; line-height: 16px; margin: 0; color: #1C1C1C; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content { display: flex; justify-content: space-between; gap: 16px; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location-separator { display: none; width: 16px; min-width: 16px; height: 16px; min-height: 16px; background-image: url("/assets/images/icons/arrowIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content:has(#arrival-location.filled) .transfer-location-separator { display: block; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location { display: flex; flex-basis: 50%; flex-direction: column; gap: 4px; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header { display: flex; align-items: flex-start; gap: 12px; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header h4 { font-family: serif, sans-serif; font-size: 16px; line-height: 16px; margin: 0; color: #1C1C1C; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header a { font-size: 12px; line-height: 12px; display: flex; align-items: center; margin: 0; text-decoration: none; color: #707070; gap: 4px; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header a:hover { text-decoration: none; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header a:visited { color: #707070; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header a:before { display: inline-block; width: 14px; min-width: 14px; height: 14px; min-height: 14px; content: ""; background-image: url("/assets/images/icons/mozio/map.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-text { font-size: 16px; line-height: 16px; color: #1C1C1C; } #results .transfer-results-container #transfer-results-pane #transfer-results { display: flex; flex-direction: column; gap: 24px; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section { display: flex; flex-direction: column; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time { display: flex; align-items: center; padding: 8px; background-color: #F1F1F1; gap: 16px; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: cover; filter: grayscale(1) brightness(0.2); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.sedan, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-sedan, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.minicab, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.taxi, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-taxi, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.shared-taxi { background-image: url("/assets/images/icons/mozio/type_sedan.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.suv, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-suv { background-image: url("/assets/images/icons/mozio/type_suv.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.private-van, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-van, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.shared-ride-van, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-shared-van { background-image: url("/assets/images/icons/mozio/type_private_van.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.limo, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-limo { background-image: url("/assets/images/icons/mozio/type_limo.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.mototaxi { background-image: url("/assets/images/icons/mozio/type_sedan.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.local-driver, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-local-driver { background-image: url("/assets/images/icons/mozio/type_sedan.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.airporter, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.private-bus, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-bus, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.bus { background-image: url("/assets/images/icons/mozio/type_bus.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.water-taxi, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.all-inclusive-water-taxi, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.water-shuttle, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.shared-water-taxi, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.shared-water-shuttle { background-image: url("/assets/images/icons/mozio/type_water_taxi.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.helicopter { background-image: url("/assets/images/icons/mozio/type_sedan.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.train, #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon.express-train { background-image: url("/assets/images/train/type_express_train.svg"); } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time h2 { font-family: serif, sans-serif; font-size: 24px; line-height: 24px; margin: 0; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .time { font-size: 14px; line-height: 14px; color: #707070; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .time:before { display: inline-block; width: 14px; min-width: 14px; height: 14px; min-height: 14px; margin-right: 4px; content: ""; background-image: url("/assets/images/clock.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .view-more-button { margin-right: auto; margin-left: auto; padding: 0 24px; } #results #products { margin-top: -24px; margin-bottom: 50px; } #results #products .buttons { display: flex; justify-content: center; } #results #products .buttons .view-all-button { font-size: 15px; font-weight: 400; line-height: 17.98px; padding: 8px 34px; text-align: center; } #faq { margin-top: 16px; } #faq h2 { font-size: 24px; margin-bottom: 0; } #faq .more-information-module { display: flex; align-items: baseline; gap: 34px; } #faq .more-information-module h3 { font-size: 20px; width: 30%; margin-bottom: 8px; } #faq .more-information-module .more-information-sections { width: 70%; } #faq .more-information-module .more-information-sections .more-information-section { padding: 16px 0 0 0; } #faq .more-information-module .more-information-sections .more-information-section:last-of-type { padding: 16px 0; } #faq .more-information-module .more-information-sections .more-information-section p:last-of-type { margin-bottom: 0; } #faq .more-information-module .more-information-sections .more-information-section p:first-of-type { margin-top: 0; } #faq .more-information-module .more-information-sections .more-information-section h4 { margin: 0 0 8px; } #faq .more-information-module .more-information-sections .more-information-section a { text-decoration: underline; } @media (max-width: 1230px) { #results .transfer-results-container #transfer-results-pane { width: 100%; } } @media (max-width: 1200px) { #faq { margin: 8px; } } @media (max-width: 925px) { body > .main:has(header.search-header) { margin-top: 160px; } #breadcrumbs { display: none; } #hero { justify-content: flex-end; height: calc(100svh - 180px); margin: 0 -8px; background-color: unset; } #hero.elevated { left: 0; width: calc(100svw - 16px); height: calc(100svh - 87px); margin: 73px 0 0 0; } #hero.elevated .hero-image { border-radius: 0; } #hero .hero-content { display: flex; flex-direction: column-reverse; } #hero .hero-content .hero-text h1 { line-height: normal; margin-bottom: 0; } #hero .hero-content .hero-text h1 + p { line-height: 1.35; margin-bottom: 0; } #hero .hero-content .search-widget { margin-top: 0; margin-bottom: 0; } #results { margin-top: 22px; } #results .count-and-pills:not(.transferFiltersOpen) { width: calc(100% - 14px); } #results:has(.hidden) ~ #why-us { margin-top: 22px; } #results .transfer-results-container { padding: 50px 8px 0; } } @media (max-width: 768px) { #faq .more-information-module { flex-direction: column; gap: 0; } #faq .more-information-module h3 { width: 100%; } #faq .more-information-module .more-information-sections { width: unset; } } @media (max-width: 580px) { #hero .hero-content .hero-text h1 { font-size: 8vw; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content { flex-direction: column; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content:has(#arrival-location.filled) .transfer-location-separator { transform: rotate(90deg); } } @media (max-width: 480px) { .main #hero .hero-content .hero-text h1 ~ p { font-size: 5vw; margin-top: 0; } .main #hero .hero-content .hero-text h1 ~ p.small { font-size: 4vw; } .main #hero .hero-content .hero-text h1 + p { margin-bottom: 0; } } @media (max-width: 470px) { .main #results .transfer-results-container #transfer-results-pane { gap: 16px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations { gap: 8px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations .transfer-locations-header p { font-size: 14px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content { gap: 4px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header h4 { font-size: 14px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-text { font-size: 14px; } } @font-face { font-family: "Swiss721BT"; src: url("/assets/fonts/Swiss721BT-Regular.woff2") format("woff2"); } @font-face { font-family: "Swiss721BT-Medium"; src: url("/assets/fonts/Swiss721BT-Medium.woff2") format("woff2"); } @font-face { font-family: "Swiss721BT-BlackCondensed"; src: url("/assets/fonts/Swiss721BT-BlackCondensed.woff2") format("woff2"); } @font-face { font-family: "Swiss721BT-Light"; src: url("/assets/fonts/Swiss721BT-Light.woff2") format("woff2"); } @font-face { font-family: "brandFontLC"; src: url("/assets/fonts/Acta-Light.woff2") format("woff2"); font-weight: 300; } @font-face { font-family: "brandFontLC"; src: url("/assets/fonts/Acta-Regular.woff2") format("woff2"); font-weight: 400; } @font-face { font-family: "brandFontLC"; src: url("/assets/fonts/Acta-Medium.woff2") format("woff2"); font-weight: 500; } @font-face { font-family: "brandFontLC_Title"; src: url("/assets/fonts/ActaDisplay-Light.woff2") format("woff2"); } @font-face { font-family: "SofiaPro"; src: url("/assets/fonts/Sofia-Pro-Regular.woff2") format("woff2"); font-weight: 400; } @font-face { font-family: "SofiaPro"; src: url("/assets/fonts/Sofia-Pro.woff2") format("woff2"); font-weight: 500; } @font-face { font-family: "SofiaPro"; src: url("/assets/fonts/Sofia-Pro-Light.woff2") format("woff2"); font-weight: 300; } @font-face { font-family: "Albert Sans"; src: url("/assets/fonts/Albert-Regular.woff2") format("woff2"); } @font-face { font-family: "Source Serif Pro"; src: url("/assets/fonts/SourceSerifPro-Regular.woff2") format("woff2"); } @font-face { font-family: "Hedvig Letters Serif"; src: url("/assets/fonts/Hedvig-letters-serif-Regular.woff2") format("woff2"); } body { font-family: "Swiss721BT"; line-height: 1.55; } input { font-family: "Swiss721BT"; } #hero { flex-direction: column; height: 600px; margin: 73px -8px 0; border-radius: 0; } #hero.elevated { left: 50%; width: 100vw; height: 640px; margin: 73px 0 0 -50vw; padding: 0; } #hero.elevated.property { flex-direction: column; margin: 0 0 0 -50vw; justify-content: flex-end; } #hero.elevated.property .hero-image-overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 55%); } #hero.elevated.property .hero-content { flex-direction: row; } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-ratings .star { filter: unset; } #hero.elevated.property .hero-content .hero-text .rating-info-elements .hotel-ratings .star.luxury { filter: grayscale(1) brightness(1.45); } #hero.elevated.property.poolside .hero-content { width: 95.7%; } #hero.elevated.property.unclaimed { border-radius: 20px; justify-content: flex-end; } #hero.elevated.property.unclaimed .hero-content { width: 95.7%; } #hero.elevated.property.unclaimed .hero-content .hero-text { font-size: 16px; line-height: 24.8px; gap: 12px; } #hero.elevated.property.unclaimed .hero-content .hero-text h1 { line-height: 32px; } #hero.elevated.property.unclaimed .hero-content .hero-text .location-holder .location-text { font-size: 16px; display: flex; align-items: center; gap: 8px; } #hero.elevated.property.unclaimed .hero-content .hero-text .location-holder .location-text:before { display: block; width: 16px; height: 16px; margin-top: -5px; content: ""; background-image: url("/assets/images/icons/pinIconLight.svg"); background-repeat: no-repeat; background-position: center; filter: unset; } #hero.product { height: fit-content; max-height: unset; margin: 20px 0 0 0; background-color: #FFFFFF; } #hero.product #hero-holder { display: block; } #hero.product #product-name { order: unset; margin: unset; text-align: unset; } #hero.product .key-points { justify-content: space-between; order: unset; margin-bottom: unset; } #hero.product .key-points .info { justify-content: normal; } #hero.product .key-points .info .item { justify-content: normal; } #hero.product .key-points .info .star-rating .star { filter: unset; } #hero.product .key-points .info .star-rating .star--black { filter: grayscale(1) brightness(0); } #hero.product .key-points .share-favourites-button-container { position: relative; z-index: unset; top: unset; right: unset; } #hero.product .gallery { display: grid; order: unset; margin-top: 20px; gap: 15px; } #hero.product .gallery .hero-image, #hero.product .gallery .image { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; border-radius: 10px; } #hero.product .gallery.two { grid-template-rows: 525px; height: 525px; gap: 16px; } #hero.product .gallery.three { grid-template-rows: 250px 250px; height: 516px; gap: 16px; } #hero.product .gallery.four { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; height: 516px; gap: 16px; } #hero.product .gallery.four .image { border-radius: 16px; } #hero.product .gallery.five { grid-template-rows: 250px 250px; height: 516px; gap: 16px; } #hero.product .gallery.one { display: flex; justify-content: center; align-items: center; height: auto; } #hero.product .gallery.one .image { display: block; width: auto; height: auto; max-width: clamp(320px, 58vw, 700px); max-height: clamp(240px, 43.5vw, 525px); border: 1px solid #BFBFBF; border-radius: 16px; } #hero.bottom-text .hero-content { flex-direction: column; height: 100%; margin-bottom: 32px; } #hero.bottom-text .hero-content .hero-text h1 { font-family: "Swiss721BT-Medium"; } #hero .hero-image-overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 15%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 35%); } #hero .hero-content { display: unset; width: 95.7%; margin: 0 auto; padding: unset; border-radius: unset; background-color: unset; backdrop-filter: unset; gap: unset; } #hero .hero-content:not(.search-widget) { width: 95.7%; } #hero .hero-content .search-widget { margin-top: 50px; margin-bottom: 41px; gap: unset; } #hero .hero-content .hero-text { color: #FFFFFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.4588235294); display: block; display: flex; gap: 16px; } #hero .hero-content .hero-text h1 { font-size: 52px; line-height: 52px; } #hero .hero-content .hero-text h1 + p { font-size: 22px; line-height: 22px; } #hero .hero-content .hero-text .location-holder { gap: 32px; } #hero .hero-content .hero-text .location-holder .location-text { color: #FFFFFF; } #hero .hero-content .hero-text .location-holder .location-text .icon { filter: unset; } #hero .hero-content .hero-text .location-holder .location-text .location-name a { color: #FFFFFF; } #hero .hero-content .hero-text .location-holder .location-text .location-name a:visited { color: #FFFFFF; } #hero .hero-content #weather .condition .icon.inverse { filter: invert(1); } #hero .hero-content #local-time .icon.inverse { filter: invert(1); } #hero .hero-content #location-pill { position: relative; border-radius: 42px; box-shadow: unset; bottom: unset; right: unset; } .card-layout-container { gap: 0 16px; } @media (max-width: 768px) { #hero #hero-holder h1 { margin-right: 50px; } } @media (max-width: 925px) { #main { margin: 0 8px; } body > .main:has(header.search-header) { margin: 148px auto 0 auto; } .main #hero { margin-top: 0; box-sizing: border-box; } .main #hero.bottom-text .hero-content { height: unset; } .main #hero .hero-content .location-holder { flex-wrap: wrap; align-items: unset; row-gap: 8px; } #hero { justify-content: flex-end; height: calc(100svh - 180px); margin: 0 -8px; padding: 16px 16px 80px; background-color: unset; border-radius: 20px; } #hero.property.elevated { left: 50%; width: 100vw; padding: 0 0 32px; border-radius: unset; } #hero.property.elevated .hero-image { border-radius: unset; } #hero.property.elevated.unclaimed { margin-top: 74px; height: calc(100vh - 85px); max-height: 583px; } #hero.property.elevated.unclaimed .hero-content { width: auto; } #hero.property.elevated.poolside .hero-content { margin: 0 16px; } #hero.property.elevated .hero-content { display: block; width: auto; margin: 0 16px; } #hero.property.elevated .hero-content .hero-text { display: flex; gap: 12px; margin: 0; } #hero.property.elevated .hero-content .hero-text h1 { margin: 0; line-height: 32px; } #hero.property.elevated .hero-content .hero-text p, #hero.property.elevated .hero-content .hero-text p.mid { font-size: 18px; font-weight: 400; line-height: 18px; margin: 0; } #hero.property.elevated .hero-content #location-pill { top: 20px; right: 16px; } #hero.product #product-name h1 { margin-bottom: 8px; } #hero.elevated { left: 0; width: calc(100svw - 16px); height: calc(100svh - 87px); margin: 73px 0 0 0; overflow: hidden; } #hero.elevated .hero-image { border-radius: 20px; } #hero .hero-content { display: flex; flex-direction: column-reverse; } #hero .hero-content .hero-text { margin: 0 10px; display: block; } #hero .hero-content .hero-text p, #hero .hero-content .hero-text p.mid { margin-bottom: 8px; } #hero .hero-content .hero-text h1 { line-height: normal; margin-bottom: 35px; } #hero .hero-content .hero-text h1 + p { line-height: 1.35; margin-bottom: 8px; } #hero .hero-content .search-widget { margin-top: 20px; margin-bottom: 66px; } } @media (max-width: 576px) { .hidden-sMob { display: none; } } @media (max-width: 925px) { .hidden-sTab { display: none; } } @media (min-width: 926px) { .show-sTab { display: none; } } @media (max-width: 768px) { .hidden-mob { display: none; } } @media (max-width: 1024px) { .hidden-tab { display: none; } } @media (max-width: 1200px) { .hidden-lTab { display: none; } } @media (min-width: 1201px) { .hidden-dTop { display: none; } } button, .button { border-radius: 100px; } .icon-button { border: solid 1px #BFBFBF; } header.elevated .menu-and-info #header-burger { width: 32px; min-width: 32px; height: 32px; min-height: 32px; cursor: pointer; background-image: url(/assets/images/icons/hamburger-menu.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .side-nav-item-text.icon-day-pass:before { background-image: url(/assets/images/icons/side-menu/day-pass-icon.svg); } body:has(#daypass-search-widget) .side-nav-separator { display: none; } #side-nav { position: fixed; z-index: 700; top: 74px; width: 325px; height: calc(100svh - 74px); } #side-nav .nav-scroll-wrapper { display: flex; overflow-x: hidden; overflow-y: auto; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; padding: 32px 0; gap: 16px; scrollbar-gutter: stable; } #side-nav.daypass .nav-scroll-wrapper { box-sizing: border-box; padding: 32px 24px 32px 0; } #side-nav.daypass .side-nav-separator { display: none; } #side-nav:before { position: absolute; z-index: -1; top: 0; right: 0; display: block; width: 100vw; height: 100%; content: ""; background: rgba(255, 255, 255, 0.9); box-shadow: 4px 8px 8px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(1.5px); } #side-nav #side-nav-hotel-info { display: flex; flex-direction: column; width: 100%; gap: 16px; } #side-nav #side-nav-hotel-info:not(:has(.info-item:not(:empty))) { display: none; } #side-nav #side-nav-hotel-info .bottom-row { display: flex; gap: 22px; } #side-nav #side-nav-hotel-info .info-item { font-size: 12px; line-height: 100%; display: flex; align-items: center; color: #1C1C1C; gap: 12px; } #side-nav #side-nav-hotel-info .info-item:empty { display: none; } #side-nav #side-nav-hotel-info .info-item:hover { cursor: pointer; text-decoration: underline; } #side-nav #side-nav-hotel-info .info-item:not(:empty):before { align-self: flex-start; min-width: 16px; height: 16px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } #side-nav #side-nav-hotel-info .info-item.address:before { background-image: url(/assets/images/icons/property_info/location.svg); } #side-nav #side-nav-hotel-info .info-item.phone:before { background-image: url(/assets/images/icons/property_info/phone.svg); } #side-nav #side-nav-hotel-info .info-item.website:before { background-image: url(/assets/images/icons/property_info/website.svg); } #side-nav #side-nav-hotel-info:before { display: block; width: 100%; content: ""; border-bottom: 1px solid #BFBFBF; } header:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); } header #user-login .user-initials { font-family: "Swiss721BT-Medium", sans-serif; } header #user-login .user-menu { border-radius: 8px; } header #user-login .user-menu .user-menu-section { border-radius: 0 0 8px 8px; background-color: #F9F6F4; } header #user-login .user-menu .user-menu-section.name { color: #1C1C1C; border-radius: 8px 8px 0 0; background-color: #CEDCDF; } header .nav-container { gap: 0; } header .logo .brand-logo { background-image: url("/assets/images/MBTA-logo.svg"); background-position-x: center; } @media (max-width: 1230px) { header { padding: 5px 4px 5px 8px; } } @media (max-width: 1060px) { header.elevated nav { flex-wrap: wrap; justify-content: flex-end; column-gap: 15px; row-gap: 8px; } header.elevated nav .item { flex: 100%; order: 2; width: 35px; text-align: end; } } @media (min-width: 926px) { #side-nav #side-nav-hotel-info, #side-nav #side-nav-footer { display: none; } } @media (max-width: 925px) { #hotel-info { display: none; } body:has(header.burgActive) { overflow-y: hidden; } header { left: 16px; width: 100%; min-height: 73px; margin: 0 0 0 -16px; padding: 5px 5px 8px; } header.elevated.filters-attached { padding: 5px 5px 8px; } header.elevated .burger-button { top: 25px; } header.elevated .favourites-button { top: 25px; } header.elevated.burgActive #header-login-button { font-family: var(--font); top: 105px; } header.filters-attached { padding: 5px; } header.expanded { height: 132px; } header:has(#user-login:not(.hidden)) .favourites-button { display: none; } header.burgActive { z-index: 5000; height: 100vh; } header:has(.search-widget.hidden):after { box-shadow: none; } header #user-login { position: absolute; z-index: 701; top: 10px; right: 8px; width: 53px; height: 50px; padding: 0 0 0 5px; justify-content: flex-end; } header #user-login.logged-out .user-initials { margin-left: 0; } header #user-login.logged-out .sign-in-text { display: none; } header #user-login .user-menu { top: 62px; min-width: calc(100vw - 32px); } header #user-login .user-menu .user-menu-section { font-size: 16px; } header .favourites-button { position: absolute; top: 8px; right: 16px; height: 49px; border: 1px solid #BFBFBF; background-color: #FFFFFF; } header .header-currency-select { position: absolute; z-index: 701; top: 10px; right: 65px; width: 62px; height: 50px; } header .header-currency-select .active-option::before { width: 20px; height: 20px; } header .header-currency-select .active-option .label { display: none; } header .header-currency-select .custom-select-container .options { right: -49px; min-width: calc(100vw - 32px); max-width: calc(100vw - 32px); } header .logo { margin: 0 auto; padding-bottom: 0; text-align: center; } header .burger-button { position: absolute; top: 10px; left: 16px; display: flex; border: 1px solid #BFBFBF; background-color: #FFFFFF; } header .activities-text { display: none; } header .nav-container { display: block; } header .header-search { top: 72px; left: 0; width: 100%; margin: 0 8px 0 -8px; } header .header-search .search.header { position: relative; width: calc(100% - 38px); margin: 0 24px; } .item, header .nav-container .share-page-button { display: none; } .burgMenu.burgActive { display: flex; overflow-x: hidden; overflow-y: auto; align-items: flex-start; flex-direction: column; max-height: calc(100lvh - 100px); margin: 28px 12px 0; gap: 12px; } .burgMenu.burgActive .item { font-size: 15px; line-height: 44px; display: block; box-sizing: border-box; width: 100%; text-align: center; border: 1px solid #BFBFBF; border-radius: 10px; } body:has(#side-nav:not(.hidden)) { margin: 0; } body > .main:has(#side-nav:not(.hidden)) { margin: 0; } body > .main header.elevated { border-bottom: 1px solid transparent; } body > .main header.elevated .logo:has(.elevated) { padding-right: 149px; } body > .main header.elevated:has(+ #side-nav:not(.hidden)) { border-bottom: 1px solid #BFBFBF; } body > .main header.elevated:has(+ #side-nav:not(.hidden)):after { box-shadow: none; } body > .main header.elevated .menu-and-info { width: 100%; gap: unset; justify-content: flex-start; } body > .main header.elevated .menu-and-info .header-info { display: none; } body > .main header.elevated .menu-and-info #header-burger { width: 48px; height: 48px; margin: 0 0 0 12px; border: 1px solid #BFBFBF; border-radius: 50px; background-size: 24px; } body > .main header.elevated .menu-and-info .logo { flex-grow: 0; margin-left: 8px; } body > .main header.elevated .nav-container { display: flex; flex-direction: row-reverse; } body > .main header.elevated .nav-container .logo { display: flex; } body > .main header.elevated .nav-container .logo a { top: 2px; margin-left: 0; } body > .main #side-nav.elevated:not(.hidden) { position: fixed; overflow: auto; width: calc(100vw - 32px); height: calc(100svh - 105px); padding: 26px 16px 32px; } body > .main #side-nav.elevated:not(.hidden) .nav-scroll-wrapper { overflow: unset; height: auto; padding: unset; } body > .main #side-nav.elevated:not(.hidden):before { position: fixed; width: 105vw; background: rgb(255, 255, 255); box-shadow: none; } body > .main #side-nav.elevated:not(.hidden) #side-nav-hotel-info:before { margin: 8px 0; } body > .main #side-nav.elevated:not(.hidden) #side-nav-hotel-info .info-item { font-size: 14px; } body > .main #side-nav.elevated:not(.hidden) #side-nav-hotel-info .info-item:before { background-size: cover; } body > .main #side-nav.elevated:not(.hidden) #side-nav-footer { margin-bottom: 16px; } body > .main #side-nav.elevated:not(.hidden) #side-nav-footer:before { width: 100vw; margin: 8px 0; } .tours-and-activities .content { flex-direction: column; } .tours-and-activities .icon { display: none; } .tours-and-activities .subtext { display: none; } .tours-and-activities .card-container { gap: 12px; } .tours-and-activities .card { justify-content: center; padding-bottom: 8px; } .tours-and-activities .card .title { font-size: 13px; line-height: 20px; margin: -7px 0 7px 0; } .tours-and-activities .card .image { background-size: 50px; } .cookie-banner .cookie-banner-content { padding: 0 18px; } .cookie-banner .cookie-banner-content p { margin-right: 8px; } } @media (max-width: 520px) { header:not(.elevated) .nav-container .logo { margin: 0; padding-left: 73px; text-align: left; } header:not(.elevated) .nav-container .logo .brand-logo { width: 148px; background-position-x: center; background-position-y: 60%; } header:not(.elevated) .nav-container .logo .brand-logo.elevated { width: 120px; background-position-y: center; } } @media (max-width: 470px) { header.filters-attached:after { box-shadow: none; } } header.expeditions { display: flex; align-items: center; justify-content: flex-start; height: clamp(80px, 10vw, 110px); max-width: unset; width: 100%; left: 0; margin: 0; padding: 30px 30px 30px 42px; } header.expeditions:after { content: none; } header.expeditions .expeditions-header-logos { display: flex; align-items: center; gap: clamp(16px, 3vw, 40px); } header.expeditions .expeditions-header-logos .expeditions-brand-logo { width: clamp(50px, 6.9vw, 89px); height: auto; } header.expeditions .expeditions-header-logos .expeditions-logo { width: clamp(110px, 15.3vw, 198px); height: auto; } header.expeditions .expeditions-header-logos .divider { width: 2px; height: clamp(30px, 4vw, 55px); background: #404040; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } @media (max-width: 400px) { header .nav-container:not(:has(.brand-logo.elevated)) { margin-right: 5.5vw; } } .custom-select-container { border-radius: 8px; } footer .currency-support .logos .powered-by { background-image: url(/assets/images/powered-by-travelcurious-new-logo.jpg); } footer .activities ul { flex-wrap: wrap; gap: 8px 40px; } footer .activities #teconsent:empty { display: none; } footer:has(.expeditions-footer-container) { margin-top: 0; padding-block: clamp(40px, 5.5vw, 82px); padding-inline: clamp(16px, 3.26vw, 42px); border-top: none; color: #404040; font-family: "SofiaPro", sans-serif; line-height: 1.35; font-weight: 400; } footer:has(.expeditions-footer-container) h3 { margin-block-end: 0.5em; } footer:has(.expeditions-footer-container) p.no-margin { margin-block-start: 2.5em; } footer:has(.expeditions-footer-container) a { color: #404040; text-decoration: none; font-family: "SofiaPro", sans-serif; } footer:has(.expeditions-footer-container) .expeditions-footer-container { display: flex; flex-direction: column; gap: 10px; } footer:has(.expeditions-footer-container) .expeditions-footer-container .expeditions-footer-logo { display: block; width: fit-content; margin-block-end: clamp(8px, 1.2vw, 16px); } footer:has(.expeditions-footer-container) .expeditions-footer-container .expeditions-footer-logo img { display: block; width: clamp(100px, 11vw, 145px); height: auto; } footer:has(.expeditions-footer-container) .expeditions-footer-container .expeditions-footer-tag { color: #404040; font-family: "brandFontLC", serif; font-size: 21px; font-weight: 400; } footer:has(.expeditions-footer-container) .expeditions-footer-container .socials { display: flex; gap: 24px; margin-bottom: 24px; } footer:has(.expeditions-footer-container) .expeditions-footer-container .socials .social svg { width: 25px; height: 25px; fill: #404040; display: block; } footer:has(.expeditions-footer-container) .activities { margin-top: 1em; margin-bottom: 6px; } footer:has(.expeditions-footer-container) .activities ul { display: flex; padding: 0; margin: 0; justify-content: space-around; } footer:has(.expeditions-footer-container) .activities li a { color: #000000; font-family: "SofiaPro", sans-serif; font-size: 12px !important; font-weight: 400; line-height: 23px; letter-spacing: 1.32px; text-transform: uppercase; text-decoration: none; } footer:has(.expeditions-footer-container) .copyright { color: #000000; font-family: "SofiaPro", sans-serif; font-size: 12px; font-weight: 400; line-height: 23px; letter-spacing: 1.32px; text-transform: uppercase; text-decoration: none; } @media (max-width: 925px) { .main .footer .activities ul { grid-template-rows: repeat(4, auto); gap: 2px 12px; } .main footer:has(.expeditions-footer-container) p.no-margin { margin-block-start: 0; } } @media (max-width: 460px) { .main footer .currency-support .logos .powered-by { background-size: 265px; } } .mozio-booking-summary { border-radius: 14px; background-color: #FFFFFF; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1019607843); } .mozio-booking-summary .trip-section .trip-title { font-family: "Swiss721BT-Medium", sans-serif; } .mozio-booking-summary .trip-section .vehicle-details .vehicle-info .capacity { font-family: "Swiss721BT-Medium", sans-serif; } .mozio-booking-summary .trip-section .trip-included .amenities .amenity:before { filter: unset; } .mozio-booking-summary .extras-container .extras .trip-title { font-family: "Swiss721BT-Medium", sans-serif; } .mozio-booking-summary .show-gift-code-input { color: #505673; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input { border: solid 1px #BFBFBF; border-radius: 8px; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input:focus { border: solid 1px #1C1C1C; } .mozio-booking-summary .field.coupon-code .coupon-code .coupon-code-input-container input:invalid { border: solid 1px #BFBFBF; } .mozio-booking-summary .field.coupon-code .coupon-code .apply-coupon { border-radius: 100px; } .mozio-booking-summary .tickets-container .tickets .item .name-and-count .remove-extra-button { background-color: #EEEEEE; border-radius: 4px; filter: unset; } .mozio-booking-summary #earn-points-banner { border-radius: 0 0 14px 14px; background-color: #CEDCDF; } .mozio-booking-summary #earn-points-banner .styledIcon { width: 24px; height: 24px; fill: #1C1C1C; } .mozio-booking-summary #earn-points-banner .points-text { color: #1C1C1C; } .mozio-booking-summary #earn-points-banner .points-text .login-signup-link { color: #505673; } @media (max-width: 925px) { .mozio-booking-summary { max-width: none; padding: 0; gap: 12px; } .mozio-booking-summary .trip-section { padding: 0 16px; gap: 24px; } .mozio-booking-summary:not(:has(#earn-points-banner)) { padding-bottom: 1px; } .mozio-booking-summary #earn-points-banner { margin: 0; padding: 16px; } .mozio-booking-summary #earn-points-banner .icon { min-width: 24px; } .mozio-booking-summary .name { margin: 0 16px 0; padding-top: 18px; } .mozio-booking-summary .details, .mozio-booking-summary .tickets-container { margin: 16px; } .mozio-booking-summary .show-gift-code-input { margin: 0 16px; } .mozio-booking-summary .field.coupon-code { width: unset; margin: 0 16px; } .mozio-booking-summary > hr { width: auto; margin: 8px 16px 0; } .mozio-booking-summary .tickets-container hr { margin: 0; padding-top: 0; } .mozio-booking-summary .title.sub { font-size: 16px; } .mozio-booking-summary .total { margin: 16px; padding-bottom: 4px; } .mozio-booking-summary .total .taxes-and-fees { margin-bottom: 0; } .mozio-booking-summary .total .total-holder .total-text { gap: 8px; } .mozio-booking-summary .total .price-container #sub-total { font-size: 16px; } .mozio-booking-summary .total .price-container .currency { min-width: 29px; text-align: right; } } @media (max-width: 400px) { .mozio-booking-summary .total .total-holder { align-items: flex-start; gap: 16px; } .mozio-booking-summary .total .total-holder .total-text:not(:has(.points-check-input)) { flex-direction: column; gap: 0; } .mozio-booking-summary .total .total-holder .use-points-container .total-text { align-items: flex-start; } } #why-us .content .reasons .reason .image.earn-points { background-image: url("/assets/images/icons/why-us/earn-points.svg"); } #why-us .content .reasons .reason .image.redeem-points { background-image: url("/assets/images/icons/why-us/redeem-points.svg"); } #why-us .content .reasons .reason .image.curation { background-image: url("/assets/images/icons/why-us/curated-experiences.svg"); } #why-us .content .reasons .reason .image.support { background-image: url("/assets/images/icons/why-us/live-support.svg"); } #login-window.overlay-login-background .overlay-login-window .overlay-login-content { border-radius: 8px; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content .overlay-login-external { font-family: "Swiss721BT-Medium", sans-serif; } #login-window.overlay-login-background .overlay-login-window .overlay-login-content iframe.overlay-login-iframe { border-radius: 6px; } .overlay-modal .overlay-modal-window { border-radius: 20px; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt h3 { font-family: "Swiss721BT-Medium", sans-serif; } .overlay-modal .overlay-modal-window .overlay-modal-content .checkout-login-prompt .separator h4 { font-family: "Swiss721BT-Medium", sans-serif; } .overlay-modal .overlay-modal-window .overlay-modal-content .close-button { border-radius: 4px; } .overlay-modal .overlay-modal-window .overlay-modal-content a { color: #B84C16; } #checkout-hero { position: relative; font-size: 30px; line-height: 36px; padding: 24px 0; background-color: inherit; } .custom-select-container { border: 1px solid #BFBFBF; } .custom-select-container .active-option { padding: 5px 10px; } #form-summary { justify-content: space-between; gap: 15px; flex-direction: row; } #form-summary .forms { padding-top: unset; flex: 1 1 563px; max-width: 563px; } #form-summary .forms #forms-top-banner, #form-summary .forms .form, #form-summary .forms .details-summary { margin-left: unset; } #form-summary .forms #forms-top-banner > .content, #form-summary .forms .form > .content, #form-summary .forms .details-summary > .content { margin-left: unset; } #form-summary .forms #forms-top-banner { border-radius: 14px; background-color: #CEDCDF; } #form-summary .forms #forms-top-banner .login-banner-text .login-signup-link { color: #505673; } #form-summary .form { margin-bottom: 16px; padding: 24px; border: solid 1px #BFBFBF; border-radius: 14px; } #form-summary .form #signed-in-as-banner { border-radius: 16px; background-color: #CEDCDF; } #form-summary .form #signed-in-as-banner .switch-user { color: #505673; } #form-summary .form .edit-details { color: #505673; } #form-summary .form.active { border: solid 1px #707070; } #form-summary .form.active .content #zero-transaction-info { border-radius: 8px; background-color: #CEDCDF; } #form-summary .form .title .number { font-size: 14px; border-radius: 100px; } #form-summary .form .title .number:after { content: unset; } #form-summary .form .fields .extras-title { font-family: "Swiss721BT-Medium", sans-serif; } #form-summary .form .fields .extra .extra-button-price .extra-button { border: none; border-radius: 100px; } #form-summary .form .fields .extra.added .extra-button-price .extra-button { background-color: #FF9662; border: none; color: #FFFFFF; } #form-summary .form .fields .extra.added .extra-button-price .extra-button:after { filter: unset; } #form-summary .form .fields .extra.added .extra-button-price .extra-button:hover { background-color: #FFB995; } #form-summary .form .fields .waiver-container .waiver-checkbox .styled-checkbox .checkbox { border-radius: 4px; } #form-summary .form .fields .field .custom-select-container .active-option { padding: 10px; } #form-summary .form .fields .field .multiline-holder { border-radius: 14px; } #form-summary .form .fields .field .multiline-holder .multiline { font-family: "Swiss721BT"; } #form-summary .form .fields .field label { text-transform: uppercase; color: #BFBFBF; } #form-summary .form .fields .field .date .month input[type=number].small-number { border-radius: 8px 0 0 8px; } #form-summary .form .fields .field .date .day input[type=number].small-number { border-radius: 0; } #form-summary .form .fields .field .date .year input[type=number].small-number { border-radius: 0 8px 8px 0; } #form-summary .form .fields .field .number-and-unit .custom-select-container { border-radius: 0 8px 8px 0; } #form-summary .form .fields .field .phone-container .custom-select-container { height: unset; min-height: 46px; border-radius: 8px 0 0 8px; } #form-summary .form .fields .field .phone-container .custom-select-container .options { border: solid 1px #BFBFBF; border-radius: 0 0 8px 8px; background-color: #FFFFFF; } #form-summary .form .fields .field .phone-container .custom-select-container .options:not(.hidden) { border-left: 0; } #form-summary .form .fields .field .phone-container .custom-select-container .active-option { padding: 10px; } #form-summary .form .fields .field .phone-container .custom-select-container .option { height: unset; } #form-summary .form .fields .field.coupon-code .coupon-code .apply-coupon { border-radius: 100px; } #form-summary .form .fields .field input { height: 46px; border: solid 1px #BFBFBF; border-radius: 8px; } #form-summary .form .fields .field input[type=number].small-number:has(~ select) { border-right: none; border-radius: 8px 0 0 8px; } #form-summary .form .fields .field input#phone { border-left: 0; border-radius: 0 8px 8px 0; } #form-summary .form .fields .field input:focus { border: solid 1px #1C1C1C; } #form-summary .form .fields .field input:invalid { border: solid 1px #BFBFBF; } #form-summary .form .select-options { background-color: #FFFFFF; } #form-summary .summary { background-color: #F9F6F4; } #form-summary .summary .sticky-container { margin: 0 30px; } .points-checkbox .checkbox, .guest-checkbox .checkbox, .terms-checkbox .checkbox, .field-checkbox .checkbox, .cancellation-checkbox .checkbox { border-radius: 4px; } @media (max-width: 925px) { #checkout-hero { padding: 8px 0 16px; } #form-summary { flex-direction: column; } #form-summary .summary .forms { padding-top: 40px; } #form-summary .summary .sticky-container { margin: 0; } #form-summary .summary:not(.foot) { width: calc(100% - 32px); padding: 8px 16px; } #form-summary .summary:not(.foot) .sticky-container { margin: 0; } #form-summary .summary:not(.foot) .sticky-container .product-confirmation { padding-bottom: 1px; } #form-summary .forms { max-width: 100%; padding: 0 16px; } #form-summary .forms .form .fields .field input { height: 38px; padding: 8px 12px; } } @media (max-width: 360px) { #form-summary .forms .form .fields .field .phone-container .custom-select-container { overflow: unset; } #form-summary .forms .form .fields .field .phone-container .custom-select-container .options { width: 100%; } #form-summary .forms .form .fields .field input#phone { border-left: solid 1px #BFBFBF; border-radius: 0 0 8px 8px; } } .property-card { border: solid 1px #BFBFBF; border-radius: 14px; } .property-card .card-image { border-bottom: 1px solid #BFBFBF; } .property-card .card-content { position: relative; bottom: unset; max-width: unset; } .product-card { flex: unset; flex-direction: column; width: 285px; max-width: unset; height: 375px; border: solid 1px #BFBFBF; border-radius: 20px; } .product-card .card-image { min-height: 180px; } .product-card .card-content { height: 100%; padding: 15px; } .product-card .card-content .card-title { font-size: 16px; line-height: 20px; } .product-card .card-content .card-pricing-container .card-rating-and-rates { flex-direction: row; flex-wrap: wrap; row-gap: 4px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-rating .star { min-width: 18px; min-height: 18px; max-height: 18px; max-width: 18px; background-image: url(/assets/images/icons/starIcon.svg); background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 2px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container .card-price { font-size: 16px; } .product-card .card-content .card-pricing-container .card-rating-and-rates .card-price-container .card-price .currency { font-size: inherit; } .product-card .card-content .card-pricing-container .card-rating-and-rates .premier-logo { position: relative; top: unset; left: unset; padding: 2px 0 4px 0; border-radius: unset; background-color: unset; box-shadow: unset; backdrop-filter: unset; } .product-card .card-content .card-pricing-container .card-rating-and-rates .premier-logo:after { width: 104%; height: 3px; content: ""; border-radius: 5px; background-color: #FFB995; } .product-card .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo { position: relative; top: unset; left: unset; padding: 2px 0 4px 0; border-radius: unset; background-color: unset; box-shadow: unset; backdrop-filter: unset; } .product-card .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo:after { width: 104%; height: 3px; content: ""; border-radius: 5px; background-color: #CFE0D2; } .product-card .card-favourite { top: 10px; right: 10px; left: unset; padding: 6px; border: solid 1px #BFBFBF; border-radius: 50%; background-color: #FFFFFF; box-shadow: unset; backdrop-filter: unset; } .product-card.opa { height: 421px; } .product-card.opa .card-favourite { left: unset; transform: unset; } .product-card.opa .card-image { position: relative; overflow: hidden; width: 100%; min-width: 200px; height: 260px; min-height: 260px; } .product-card.opa .card-image:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 50%); } .product-card.opa .card-image .image-content { position: relative; width: 100%; padding: 16px; } .product-card.opa .card-image .image-content .card-title { color: #FFFFFF; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5333333333); } .product-card.opa .card-image .image-content .category-icon { filter: unset; } .product-card.opa .card-content { padding: 8px 12px; } .product-card.luxury { height: 362px; } .product-card.luxury .card-image { min-height: 240px; } .product-card.luxury .card-content .card-title { -webkit-line-clamp: 2; } .product-card.luxury .card-content .card-description { -webkit-line-clamp: 2; } .product-card.luxury .card-content .card-pricing-container a, .product-card.luxury .card-content .card-pricing-container .card-availability-descriptor { display: none; } .product-card.luxury:not(.opa) { height: 352px; } .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-points { display: none; } .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates { justify-content: flex-end; } .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .premier-logo, .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo, .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .card-rating { display: none; } .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .premier-logo:after, .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .exclusive-logo:after, .product-card.luxury:not(.opa) .card-content .card-pricing-container .card-rating-and-rates .card-rating:after { content: unset; } .collection-card, .attraction-card, .top-destination-card, .nearby-destination-card, .opa-nav-card { border: solid 1px #BFBFBF; border-radius: 20px; } .collection-card .nav-card-image .card-image:after, .attraction-card .nav-card-image .card-image:after, .top-destination-card .nav-card-image .card-image:after, .nearby-destination-card .nav-card-image .card-image:after, .opa-nav-card .nav-card-image .card-image:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.41) 100%); } .collection-card .nav-card-image .card-title, .attraction-card .nav-card-image .card-title, .top-destination-card .nav-card-image .card-title, .nearby-destination-card .nav-card-image .card-title, .opa-nav-card .nav-card-image .card-title { bottom: 0; padding: 16px; color: #FFFFFF; background-color: unset; backdrop-filter: unset; } .collection-card .nav-card-image > .card-title, .attraction-card .nav-card-image > .card-title, .top-destination-card .nav-card-image > .card-title, .nearby-destination-card .nav-card-image > .card-title, .opa-nav-card .nav-card-image > .card-title { bottom: 0; max-width: unset; padding: 16px; color: #FFFFFF; background-color: unset; backdrop-filter: unset; } .attraction-card .nav-card-image .card-image:after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.75) 100%); } .attraction-card .nav-card-image .attraction-name { bottom: 0; max-width: unset; padding: 16px; background-color: unset; backdrop-filter: unset; } .attraction-card .nav-card-image .attraction-name a { color: #FFFFFF; } .outdoors-category-card { border: solid 1px #BFBFBF; border-radius: 20px; } .outdoors-category-card .nav-card-image .card-image-overlay { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 15%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 35%); } .outdoors-category-card .nav-card-image .image-content { bottom: 0; max-width: unset; padding: 16px; background-color: unset; backdrop-filter: unset; } .outdoors-category-card .nav-card-image .image-content .card-title { color: #FFFFFF; } .outdoors-category-card .nav-card-image .image-content .card-text { color: #FFFFFF; } .outdoors-category-card .nav-card-image .image-content .card-text:before { margin: 0 4px 0 0; filter: unset; } .top-destination-card .destination-name, .nearby-destination-card .destination-name { bottom: 0; padding: 16px; background-color: unset; gap: 6px; backdrop-filter: unset; } .top-destination-card .destination-name .title, .nearby-destination-card .destination-name .title { font-size: 24px; color: #FFFFFF; } .top-destination-card .destination-name .breadcrumb, .top-destination-card .destination-name .distance, .nearby-destination-card .destination-name .breadcrumb, .nearby-destination-card .destination-name .distance { color: #FFFFFF; } .top-destination-card .destination-name .breadcrumb a, .top-destination-card .destination-name .distance a, .nearby-destination-card .destination-name .breadcrumb a, .nearby-destination-card .destination-name .distance a { color: #FFFFFF; } .top-destination-card .destination-name .breadcrumb:before, .top-destination-card .destination-name .distance:before, .nearby-destination-card .destination-name .breadcrumb:before, .nearby-destination-card .destination-name .distance:before { margin: 0 6px 0 0; filter: unset; } .blog-card { flex: unset; width: 387px; border: solid 1px #BFBFBF; border-radius: 20px; } .event-category-card { align-items: center; justify-content: center; border-radius: 8px; box-shadow: unset; } .event-category-card:hover { transform: unset; box-shadow: unset; } .event-category-card:hover .event-category-card-text { text-shadow: #1C1C1C 0 0 10px; } .event-category-card:hover .event-category-card-image { -webkit-filter: grayscale(0%) brightness(1); -moz-filter: grayscale(0%) brightness(1); filter: grayscale(0%) brightness(1); } .event-category-card .event-category-card-text { font-size: 30px; line-height: 36px; position: relative; bottom: unset; padding: 0; transition: text-shadow 0.5s ease; text-transform: uppercase; color: #FFFFFF; background-color: unset; text-shadow: #1C1C1C 0 0 0; backdrop-filter: unset; } .event-category-card .event-category-card-image { transition: filter 0.5s ease; -webkit-filter: grayscale(100%) brightness(0.5); -moz-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); } .directory-card { flex-direction: column; flex: unset; width: 285px; max-width: unset; height: 346px; border: solid 1px #BFBFBF; border-radius: 20px; } .directory-card .card-front { flex-direction: column; } .directory-card .card-image { position: relative; overflow: hidden; width: 100%; min-width: 200px; height: 260px; min-height: 260px; } .directory-card .card-image:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 50%); } .directory-card .card-image .image-content { position: relative; width: 100%; padding: 16px; } .directory-card .card-image .image-content .card-title { color: #FFFFFF; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5333333333); } .directory-card .card-image .card-content { padding: 8px 12px; } .directory-card .card-content { padding: 0 15px 15px 15px; } .iris-section-card { border-radius: 4px; } .iris-section-card .iris-section-card-content { border-radius: 8px; } .iris-directory-card { border: solid 1px #BFBFBF; border-radius: 8px; } .iris-directory-card .iris-directory-card-content .iris-directory-card-text .iris-directory-card-title { font-family: "Swiss721BT-Medium", sans-serif; } .multi-transfer-card { width: 950px; border: solid 1px #BFBFBF; border-radius: 16px; } .multi-transfer-card .transfer-cards > .separator { border-bottom: 1px solid #BFBFBF; } .multi-transfer-card .rates-container { padding: 16px 16px 16px 0; border: 0 !important; border-radius: unset; } .transfer-card, .multi-transfer-card .rates-container { width: 920px; padding: 16px; border: solid 1px #BFBFBF; border-radius: 16px; } .transfer-card .separator, .multi-transfer-card .rates-container .separator { background-color: #BFBFBF; } .transfer-card .vehicle-details .class-banner, .multi-transfer-card .rates-container .vehicle-details .class-banner { top: 16px; left: 0; width: 126px; color: #FFFFFF; border-radius: 0 24px 24px 0; background-color: #FF9662; gap: 8px; } .transfer-card .vehicle-details .class-banner:before, .multi-transfer-card .rates-container .vehicle-details .class-banner:before { width: 16px; min-width: 16px; height: 16px; min-height: 16px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } .transfer-card .vehicle-details .class-banner.economy:before, .multi-transfer-card .rates-container .vehicle-details .class-banner.economy:before { background-image: url("/assets/images/icons/economyIcon.svg"); } .transfer-card .vehicle-details .class-banner.standard:before, .multi-transfer-card .rates-container .vehicle-details .class-banner.standard:before { background-image: url("/assets/images/icons/standardIcon.svg"); } .transfer-card .vehicle-details .class-banner.first-class:before, .multi-transfer-card .rates-container .vehicle-details .class-banner.first-class:before { background-image: url("/assets/images/icons/firstClassIcon.svg"); } .transfer-card .vehicle-details .capacity, .multi-transfer-card .rates-container .vehicle-details .capacity { font-family: "Swiss721BT-Medium", sans-serif; } .transfer-card .vehicle-details .capacity .passengers:before, .transfer-card .vehicle-details .capacity .luggage:before, .multi-transfer-card .rates-container .vehicle-details .capacity .passengers:before, .multi-transfer-card .rates-container .vehicle-details .capacity .luggage:before { filter: unset; } .transfer-card .provider-route-amenities-ride .provider h2, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider h2 { font-family: "Swiss721BT-Medium", sans-serif; } .transfer-card .provider-route-amenities-ride .provider .provider-rating:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .provider .provider-rating:before { display: block; width: 18px; min-width: 18px; height: 18px; min-height: 18px; content: ""; background-image: url("/assets/images/icons/starIcon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: unset; } .transfer-card .provider-route-amenities-ride .route > div, .multi-transfer-card .rates-container .provider-route-amenities-ride .route > div { filter: unset; } .transfer-card .provider-route-amenities-ride .amenities .amenity .icon, .multi-transfer-card .rates-container .provider-route-amenities-ride .amenities .amenity .icon { filter: invert(63%) sepia(69%) saturate(703%) hue-rotate(320deg) brightness(110%) contrast(101%); } .transfer-card .provider-route-amenities-ride .ride > div:before, .multi-transfer-card .rates-container .provider-route-amenities-ride .ride > div:before { filter: unset; } .transfer-card .rate-info-book .rate h2, .multi-transfer-card .rates-container .rate-info-book .rate h2 { font-family: "Swiss721BT-Medium", sans-serif; } .transfer-card .rate-info-book .info p.coral, .multi-transfer-card .rates-container .rate-info-book .info p.coral { color: #FF9662; } .transfer-card .rate-info-book .info p.tick:before, .multi-transfer-card .rates-container .rate-info-book .info p.tick:before { top: unset; filter: unset; } .poolside-area-card { flex-direction: row; border: 1px solid #BFBFBF; border-radius: 17px; } .poolside-area-card .card-content a.area-card-button { border-radius: 50%; } .poolside-product-type-card { border: 1px solid #BFBFBF; border-radius: 17px; } .poolside-product-type-card .card-favourite { right: 10px; background-color: #FFFFFF; box-shadow: unset; backdrop-filter: unset; } .poolside-product-type-card .card-content .product-icons .demand-level { border-radius: 25px; } .poolside-product-type-card .card-content .price-and-button a.product-card-button { border-radius: 50px; color: #1C1C1C; background-color: #FF9662; } .poolside-product-type-card .card-content .price-and-button a.product-card-button:hover { background-color: #FFB995; } .poolside-product-type-card .card-content .price-and-button a.product-card-button:after { filter: none; } .poolside-product-item-card { border: 1px solid #BFBFBF; border-radius: 17px; } .poolside-product-item-card .card-content .text-and-gallery { flex-direction: row; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .thumbnails .gallery-image { border-radius: 4px; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal { border-radius: 20px; background: #FFFFFF; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .close-gallery-modal { border-radius: 50%; background-color: #FF9662; background-color: color-mix(in srgb, #FF9662 75%, transparent); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .close-gallery-modal:hover { background-color: #FFB995; } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next { border-radius: 100%; background-color: #FF9662; background-color: color-mix(in srgb, #FF9662 75%, transparent); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev.disabled, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next.disabled { background-color: rgba(255, 150, 97, 0.2); background-color: color-mix(in srgb, #FF9662 20%, transparent); } .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .prev:hover, .poolside-product-item-card .card-content .text-and-gallery .product-gallery .gallery-modal-container .gallery-modal .nav .next:hover { background-color: #FFB995; } .poolside-product-item-card .price-and-button button.book-now { color: #1C1C1C; border-radius: 50px; background-color: #FF9662; } .poolside-product-item-card .price-and-button button.book-now:hover { background-color: #FFB995; } .poolside-product-item-card .price-and-button button.book-now:after { filter: unset; } .poolside-product-item-card .product-info-modal-container .product-info-modal { border-radius: 20px; } .card-notifications .card-notification-card { border: solid 1px #BFBFBF; border-radius: 14px; box-shadow: unset; } @media (max-width: 1230px) { .product-card, .collection-card, .directory-card, .blog-card, .top-destination-card, .property-card.destination-leaf { width: calc(33% - 10px); } } @media (max-width: 925px) { .collection-card, .product-card, .directory-card, .blog-card, .attraction-card, .top-destination-card, .property-card.destination-leaf { width: calc(50% - 10px); } .product-card { height: unset; flex: 100%; max-width: 48%; } .product-card .card-pricing-container > a { margin: 6px 0 4px; } } @media (max-width: 720px) { .transfer-card .rate-info-book .rate { margin-bottom: 12px; } } @media (max-width: 620px) { .product-card, .collection-card, .directory-card, .blog-card, .attraction-card, .top-destination-card, .property-card.destination-leaf { width: 100%; max-width: unset; } .product-card.luxury { height: unset; } .product-card.luxury:not(.opa) { height: unset; } .product-card .card-content { height: unset; } } @media (max-width: 550px) { .poolside-product-type-card, .poolside-area-card { border-top: solid 1px #EEEEEE; padding-top: unset; flex-direction: column; } .poolside-product-type-card .card-favourite, .poolside-area-card .card-favourite { top: 10px; } } @media (max-width: 470px) { .product-card .card-favourite { right: 10px; } } .date-picker .month-container { height: 56px; } .date-picker .month-container .prev-month, .date-picker .month-container .next-month { border-radius: 4px; } .date-picker .days .day { border-radius: 100px; } .date-picker .buttons { padding-right: 12px; } .date-picker .buttons .apply-btn, .date-picker .buttons .skip-btn { border-radius: 50px; } #filter-pill-container .filter-pill { border-radius: 50px; } #filter-pill-container #toggle-filters { border-radius: 50px; } .filter-divider { border-radius: 50px; } .filter-group .filter-group-items .filter-item .filter-item-checkbox { border-radius: 4px; } .filter-group .filter-group-items .filter-item .filter-item-title.rating:before { filter: unset; } @media (max-width: 1150px) { .main div#filters-container.open { border-radius: 16px; } } .date-picker-dual .panes .month-container { height: 56px; } .date-picker-dual .panes .days .day-holder.highlighted { background: #FFB995; } .date-picker-dual .panes .days .day-holder.highlighted:has(.day.selected.from) { background: linear-gradient(270deg, #FFB995 0%, #FFB995 50%, transparent 50%); } .date-picker-dual .panes .days .day-holder.highlighted:has(.day.selected.to) { background: linear-gradient(90deg, #FFB995 0%, #FFB995 50%, transparent 50%); } .date-picker-dual .panes .days .day-holder.highlighted .day { color: #1C1C1C; } .date-picker-dual .panes .days .day-holder:nth-child(1 of .day-holder).highlighted { clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); } .date-picker-dual .panes .days .day-holder:last-child.highlighted { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .date-picker-dual .panes .days .day { color: #1C1C1C; border-radius: 100px; } .date-picker-dual .panes .days .day.disabled { color: #BFBFBF; } .date-picker-dual .panes .days .day.selected { color: #1C1C1C; background: #FF9662; } .date-picker-dual .panes .days .day.selected:hover { background: #EEEEEE; } .date-picker-dual .panes .days .day:hover { background: #EEEEEE; } .date-picker-dual .buttons { padding-right: 12px; } .date-picker-dual .buttons .apply-btn, .date-picker-dual .buttons .clear-btn, .date-picker-dual .buttons .skip-btn { border-radius: 50px; } .search { border-radius: 14px; } .search-input-container .search-button-container .search-button { border-radius: 100px; } .search-clear-button { background-color: #EEEEEE; border-radius: 4px; } .search-results-categories .category { border-radius: 100px; } .search-results-list { border-radius: 10px; } .search-result { border-radius: 8px; } @media (max-width: 925px) { #sw-summary .searchSummary { height: 42px; padding: 12px 12px 10px; border: 1px solid #BFBFBF; border-radius: 20px; background: #FFFFFF; } #sw-summary .searchSummary .icon { width: 18px; } #sw-summary .searchSummary .icon .styledIcon.magnifyingGlass { fill: #FFB995; } #sw-summary .searchSummary .icon .styledIcon.pin { fill: #FFB995; } #sw-summary .searchSummary .icon .styledIcon.nextStep { margin: 0 0 -8px -3px; } #sw-summary .searchSummary .mainContext { height: auto; } #sw-summary .searchSummary .mainContext h4 { font-size: 16px; color: #4F4F4F; } #sw-summary .searchSummary .mainContext h4.placeholder { color: #707070; letter-spacing: normal; } #sw-summary .searchSummary ul { font-size: 14px; align-content: unset; height: 20px; margin: 0 0 0 18px; color: #707070; } #sw-summary .searchSummary.carRental .carRentalGrid, #sw-summary .searchSummary.transfers .carRentalGrid { grid-template-rows: repeat(2, 1fr); } #sw-summary .searchSummary.carRental .carRentalGrid h4, #sw-summary .searchSummary.transfers .carRentalGrid h4 { letter-spacing: normal; font-size: 16px; } #sw-summary .searchSummary.carRental .carRentalGrid h4.placeholder, #sw-summary .searchSummary.transfers .carRentalGrid h4.placeholder { color: #707070; } #sw-summary .searchSummary.carRental .carRentalGrid p, #sw-summary .searchSummary.transfers .carRentalGrid p { margin: 0; color: #707070; } } .search-widget { margin: 25px 0 25px 0; gap: unset; } .search-widget .sw-body .sw-inputs { border: 1px solid #BFBFBF; } .search-widget.tabs { justify-content: unset; width: unset; margin: 0 0 -13px 0; padding: 0; } .search-widget.tabs .sw-tabs { justify-content: center; border-bottom: 1px solid transparent; } .search-widget.body { margin: 0 0 5px 0; } .search-widget.body .sw-inputs { padding: 9px 24px 5px; } .search-widget.body .sw-inputs.carRental { gap: 0; } .search-widget.body .sw-inputs .button { margin: 0 0 0 12px; } .search-widget.body .sw-inputs .sw-input .sw-input-field h2 { line-height: 24px; margin: 0; } .search-widget.body .sw-inputs .sw-dropdown { top: 82px; } .search-widget.body .sw-inputs .sw-dropdown .spreadL + .sw-dd-content .spreadL + .sw-dd-content { border-radius: 8px 0 8px 8px; } .search-widget .sw-inputs { margin-top: unset; padding: 16px 24px 12px; border-radius: 16px; background-color: #FFFFFF; gap: unset; } .search-widget .sw-inputs .sw-input-holder { align-items: center; } .search-widget .sw-inputs .sw-input-holder div.search-clear-button { margin-bottom: unset; } .search-widget .sw-inputs .sw-input-holder.loading:after { align-self: flex-end; margin: -8px 20px 0 0; } .search-widget .sw-inputs .button { line-height: 40px; align-self: unset; width: unset; height: 40px; margin: 0 0 8px 12px; padding: 0 56px; text-align: unset; justify-self: unset; } .search-widget .sw-inputs .button.disabled { cursor: not-allowed; pointer-events: none; opacity: unset; color: #FFFFFF; background-color: #EEEEEE; } .search-widget .sw-inputs.transfers .button { width: 40px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover { border-radius: 8px; } .search-widget .sw-inputs.transfers .sw-input.number .sw-input-field:has(input[type=number]) { border: unset; } .search-widget .sw-inputs.transfers .sw-input.date-time { width: 176px; } .search-widget .sw-inputs.omni .sw-input.date-range { flex: unset; } .search-widget .sw-inputs .sw-input { border: unset; } .search-widget .sw-inputs .sw-input .sw-input-crumb { margin: 0 0 0 2px; font-size: 13px; } .search-widget .sw-inputs .sw-input .sw-input-title { height: 19px; } .search-widget .sw-inputs .sw-input .sw-input-title .styledIcon.static { fill: #FFB995; filter: unset; } .search-widget .sw-inputs .sw-input .sw-input-title label { font-size: 12px; line-height: 1.55; text-transform: uppercase; color: #4F4F4F; } .search-widget .sw-inputs .sw-input .text-input { height: 38px; } .search-widget .sw-inputs .sw-input .text-input input::placeholder { color: #BFBFBF; } .search-widget .sw-inputs .sw-input .text-input input.filled::placeholder { color: #1C1C1C; } .search-widget .sw-inputs .sw-input .sw-input-field { height: 38px; } .search-widget .sw-inputs .sw-input .sw-input-field h2 { line-height: 31px; } .search-widget .sw-inputs .sw-input .sw-input-field h2.placeholder { line-height: 1.55; color: #BFBFBF; } .search-widget .sw-inputs .sw-input .sw-input-field .placeholder { color: #BFBFBF; } .search-widget .sw-inputs .sw-input.separator { margin-left: 15px; padding-left: 16px; border-left: 1px dashed #EEEEEE; } .search-widget .sw-inputs .sw-input.number .inc-dec-button { border: unset; border-radius: 3px; background-color: #EEEEEE; } .search-widget .sw-inputs .sw-input.number .inc-dec-button:hover { background-color: #BFBFBF; } .search-widget .sw-inputs .sw-input.mode .custom-select-container { background-color: #FFFFFF; } .search-widget .sw-inputs .sw-input.mode .custom-select-container .options { background-color: #FFFFFF; } .search-widget .sw-inputs .sw-dropdown { top: 84px; } .search-widget .sw-inputs .sw-dropdown .sw-dd-bridge { display: unset; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option.selected { border-radius: 8px; background-color: #FFB995; color: #1C1C1C; } .search-widget .sw-inputs .sw-dropdown .sw-dd-content.date-picker .days .day.selected, .search-widget .sw-inputs .sw-dropdown .sw-dd-content .date-picker .days .day.selected { color: #1C1C1C; background-color: #FFB995; } .search-widget .sw-inputs .sw-dropdown .spreadR + .sw-dd-content { border-radius: 0 8px 8px 8px; } .search-widget .sw-tabs { align-items: unset; justify-content: center; width: unset; } .search-widget .sw-tabs .sw-tab { margin: 8px 2px 0 0; border: 1px solid #BFBFBF; border-radius: 16px 16px 0 0; background-color: #FFFFFF; } .search-widget .sw-tabs .sw-tab:not(.selected) { border-bottom: 1px solid #BFBFBF; background-color: #F1F1F1; } .search-widget .sw-tabs .sw-tab p { color: #4F4F4F; } .search-widget .sw-tabs .sw-tab.selected { padding: 8px 16px 8px; border: 1px solid #BFBFBF; border-bottom: none; border-radius: 16px 16px 0 0; background-color: #FFFFFF; } .search-widget .sw-tabs .sw-tab.selected:before, .search-widget .sw-tabs .sw-tab.selected:after { position: absolute; bottom: 0; width: 48px; height: 48px; content: ""; pointer-events: none; } .search-widget .sw-tabs .sw-tab.selected:before { left: -48px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-tabs .sw-tab.selected:after { right: -48px; background-image: url('data:image/svg+xml;utf8,'); } .search-widget .sw-tabs .sw-tab.selected p { color: #4F4F4F; } .search-widget .sw-tabs .sw-tab.selected p:before { position: absolute; bottom: 8px; width: calc(100% - 32px); height: 2px; content: ""; border-radius: 2px; background-color: #FFB995; } @media (max-width: 1200px) { .search-widget .sw-inputs.carRental, .search-widget.body .sw-inputs.carRental { padding: 16px 24px 12px; } .search-widget .sw-inputs.carRental .button, .search-widget.body .sw-inputs.carRental .button { width: 40px; padding: 0; background-image: url("/assets/images/icons/searchIconWhite.svg"); background-repeat: no-repeat; background-position: 50%; content-visibility: hidden; } } @media (max-width: 1200px) and (min-width: 926px) { .search-widget .sw-inputs.transfers, .search-widget.body .sw-inputs.transfers { padding: 9px 16px 5px; } .search-widget .sw-inputs.transfers .button, .search-widget.body .sw-inputs.transfers .button { width: 40px; padding: 0; background-image: url("/assets/images/icons/searchIconWhite.svg"); background-repeat: no-repeat; background-position: 50%; content-visibility: hidden; } .search-widget .sw-inputs.transfers .sw-input.number input[type=number], .search-widget.body .sw-inputs.transfers .sw-input.number input[type=number] { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input.separator, .search-widget.body .sw-inputs.transfers .sw-input.separator { margin-left: 11px; padding-left: 12px; } .search-widget .sw-inputs.transfers .sw-input.date-time, .search-widget.body .sw-inputs.transfers .sw-input.date-time { width: 150px; } .search-widget .sw-inputs.transfers .sw-input.date-time div.search-clear-button, .search-widget.body .sw-inputs.transfers .sw-input.date-time div.search-clear-button { display: none; } .search-widget .sw-inputs.transfers .sw-input .text-input input, .search-widget.body .sw-inputs.transfers .sw-input .text-input input { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field .custom-select-container .active-option .label, .search-widget.body .sw-inputs.transfers .sw-input .sw-input-field .custom-select-container .active-option .label { font-size: 14px; } .search-widget .sw-inputs.transfers .sw-input .sw-input-field h2, .search-widget.body .sw-inputs.transfers .sw-input .sw-input-field h2 { font-size: 14px; } .search-widget:not(.body) .sw-inputs.transfers .sw-dropdown { top: 70px; } } @media (max-width: 925px) { body:has(.searchOpen) { overflow: hidden; height: 100%; } header.burgActive .search-widget { display: none; } header.searchOpen { z-index: 5000; overflow-y: auto; height: 100%; } header.searchOpen:after { position: fixed; height: 150lvh; } header.searchOpen .search-widget.body .sw-tabs { display: flex; } header.searchOpen .search-widget.body .sw-inputs, header.searchOpen .search-widget.body .sw-inputs-holder { flex-direction: column; padding: 24px 16px; } header.searchOpen .search-widget.body .sw-inputs .search-clear-button, header.searchOpen .search-widget.body .sw-inputs-holder .search-clear-button { margin-top: 19px; } header.searchOpen .search-widget.body .sw-inputs.carRental, header.searchOpen .search-widget.body .sw-inputs-holder.carRental { gap: 16px; } header.searchOpen .search-widget.body .sw-inputs.carRental .drop-off-check, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .drop-off-check { display: flex; order: 1; margin-top: 16px; padding-top: 16px; border-top: 1px dashed #EEEEEE; } header.searchOpen .search-widget.body .sw-inputs.carRental .button, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .button { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input { flex: unset; width: 100%; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.separator, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.separator { margin-top: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.pickup, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.pickup { order: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from { order: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from h2, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from h2 { line-height: 22px !important; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.from .sw-input-title, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.from .sw-input-title { display: flex; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to h2, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to h2 { line-height: 22px !important; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to .sw-input-title, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to .sw-input-title { display: flex; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to.separator, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff:not(header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.hidden, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.hidden) ~ .to.separator { margin-left: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input.dropoff.hidden ~ .to, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input.dropoff.hidden ~ .to { order: 2; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input .sw-dropdown { top: unset; width: 100%; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-input .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder.carRental .sw-input .sw-dropdown .sw-dd-content { width: calc(100% - 28px); padding-top: 0; } header.searchOpen .search-widget.body .sw-inputs.transfers .sw-input.date-time .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder.transfers .sw-input.date-time .sw-dropdown { width: unset; } header.searchOpen .search-widget.body .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover, header.searchOpen .search-widget.body .sw-inputs-holder.transfers .sw-input .sw-input-holder div.sw-input-hover { max-width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input { width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container { overflow: visible; width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container .options, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container .options { overflow: hidden; margin-top: 8px; border-radius: 12px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1294117647); } header.searchOpen .search-widget.body .sw-inputs .sw-input.mode .custom-select-container .options .option, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.mode .custom-select-container .options .option { padding: 16px 10px; } header.searchOpen .search-widget.body .sw-inputs .sw-input .sw-input-title .sw-icon.pin, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input .sw-input-title .sw-icon.pin { background-position-x: -2px; } header.searchOpen .search-widget.body .sw-inputs .sw-input .sw-input-field, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input .sw-input-field { margin-top: 4px; padding-left: 0; text-overflow: ellipsis; } header.searchOpen .search-widget.body .sw-inputs .sw-input.dropoff .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.dropoff .sw-dropdown .sw-dd-content { width: calc(100% - 28px); margin-left: 16px; } header.searchOpen .search-widget.body .sw-inputs .button, header.searchOpen .search-widget.body .sw-inputs-holder .button { display: block; width: calc(100% - 16px); height: unset; margin: 24px 0 0; padding: 8px; text-align: center; background-image: unset; content-visibility: unset; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown { position: relative; z-index: 2; top: unset; width: unset; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-bridge, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-bridge { display: none; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content { position: relative; min-width: unset; margin-top: 12px; padding-left: 13px; border-radius: 8px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content.date-picker-dual, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content.date-picker-dual { width: calc(100% - 28px); margin-top: 16px; margin-left: 16px; padding-top: 4px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content.date-time-picker:has(.date-picker), header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content.date-time-picker:has(.date-picker) { width: fit-content; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result { padding: 10px 0; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result.nearby, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result.nearby { padding: 4px; } header.searchOpen .search-widget.body .sw-inputs .sw-dropdown .sw-dd-content .search-result-type, header.searchOpen .search-widget.body .sw-inputs-holder .sw-dropdown .sw-dd-content .search-result-type { padding-left: 2px; } header.searchOpen .search-widget.body .sw-inputs .sw-input, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input { width: 100%; } header.searchOpen .search-widget.body .sw-inputs .sw-input.separator, header.searchOpen .search-widget.body .sw-inputs-holder .sw-input.separator { margin-top: 16px; margin-left: unset; padding-top: 16px; padding-left: unset; border-top: 1px dashed #EEEEEE; border-left: none; } header.searchOpen .search-widget.body .sw-inputs-holder { width: 100%; padding: 0; } header:not(.searchOpen) .search-widget.body { display: none; } header:not(.searchOpen) .search-widget.tabs { display: none; } header .search-widget.tabs { margin: 0 10px; } header .search-widget.tabs .sw-tabs { position: absolute; top: 71px; width: calc(100% - 32px); border-radius: 20px 20px 0 0; } header .search-widget.tabs .sw-tabs .sw-tab { margin: 2px; padding: 4px 8px; } header .search-widget.tabs .sw-tabs .sw-tab.selected p:before { bottom: 6px; } header .search-widget.body { margin: 52px 10px 5px 10px; border-top: none; border-radius: 0 0 20px 20px; } header .search-widget.body .sw-inputs { padding: 5px 12px; } header .search-widget.body .button { display: none; } header.searchOpen .search-widget.body { margin-bottom: 150px; } header:not(.searchOpen) #search-widget.search-widget .sw-tabs { display: none; } header:not(.searchOpen) #search-widget.search-widget .sw-body { display: none; } .hero-content > #search-widget.search-widget .sw-tabs, .main > #search-widget.search-widget .sw-tabs { display: none; } .hero-content > #search-widget.search-widget .sw-body, .main > #search-widget.search-widget .sw-body { display: none; } .search-widget .sw-inputs { padding: 10px 16px 6px; } .search-widget .sw-inputs.carRental { gap: 8px; } .search-widget .sw-inputs.carRental .sw-inputs-holder { flex-direction: row; flex-wrap: wrap; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input { flex: 1 1 40%; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.pickup { order: 0; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from { order: 2; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from h2 { line-height: 16px !important; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff { order: 1; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to { order: 3; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to h2 { line-height: 16px !important; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to.separator { margin-left: 12px; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to { order: 1; } .search-widget .sw-inputs.carRental .drop-off-check { display: none; } .search-widget .sw-inputs.carRental .sw-input .sw-dropdown { top: unset; } .search-widget .sw-inputs.transfers .sw-input .sw-input-holder div.sw-input-hover { max-width: 100%; } .search-widget .sw-inputs .sw-input .text-input { height: unset; } .search-widget .sw-inputs .sw-input .text-input input { font-size: 16px; height: 22px; } .search-widget .sw-inputs .sw-input .text-input p.sw-input-crumb { margin-left: 0; } .search-widget .sw-inputs .sw-input .sw-input-field h2 { font-size: 16px; line-height: 31px; } .search-widget .sw-inputs .sw-input.date-range { width: unset; } .search-widget .sw-inputs .sw-input.date { width: unset; } .search-widget .sw-inputs .sw-input.date-time { width: unset; } .search-widget .button { display: none; } } @media (max-width: 650px) { header.searchOpen .search-widget .date-picker-dual { width: calc(100% - 28px); margin-left: 16px; padding: 0 16px 16px; } header.searchOpen .search-widget .date-picker-dual .days { grid-template-rows: repeat(6, 34px); } header.searchOpen .search-widget .date-picker-dual .days .day-holder { margin-top: 2px; } header.searchOpen .search-widget .date-picker-dual .divider { display: none; } header.searchOpen .search-widget .date-picker-dual .pane { width: 100%; } header.searchOpen .search-widget .date-picker-dual .second.pane { position: absolute; right: 16px; width: 33%; } header.searchOpen .search-widget .date-picker-dual .second.pane .month-container { justify-content: flex-end; } header.searchOpen .search-widget .date-picker-dual .second.pane .month-container .month-year { display: none; } header.searchOpen .search-widget .date-picker-dual .second.pane .day-initials, header.searchOpen .search-widget .date-picker-dual .second.pane .days { display: none; } } @media (max-width: 535px) { header .search-widget.tabs .sw-tabs { justify-content: space-between; width: calc(100% - 30px); } header .search-widget.tabs .sw-tabs .sw-tab { flex: 1; margin: 1px 0 0; padding: 8px; text-align: center; } header .search-widget.tabs .sw-tabs .sw-tab p { white-space: nowrap; } header .search-widget.tabs .sw-tabs .sw-tab p:before { left: 50%; width: 80%; translate: -50%; } header .search-widget.tabs .sw-tabs .sw-tab:first-child:before { content: unset; } header .search-widget.tabs .sw-tabs .sw-tab:last-child:after { content: unset; } header .search-widget.body .sw-inputs { border-radius: 0 0 16px 16px; } } @media (max-width: 520px) { header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker { width: calc(100% + 18px); margin-left: 0; padding: 0 4px 18px 10px; border-radius: 0; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker .time-picker, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker .time-picker { padding: 0 11px 0 8px; } header.searchOpen .search-widget.body .sw-inputs.carRental .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option, header.searchOpen .search-widget.body .sw-inputs.transfers .sw-dropdown .sw-dd-content.date-time-picker .time-picker .time-option { padding: 0; } } @media (max-width: 480px) { .search-widget .sw-inputs.carRental .sw-inputs-holder { flex-direction: column; flex-wrap: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input { flex: 1 1 100%; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.pickup { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.from.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.separator { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed #EEEEEE; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to .sw-input-title { display: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff:not(.search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.hidden) ~ .to.separator { margin-left: 0; padding-left: 2px; border-left: none; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to { order: unset; } .search-widget .sw-inputs.carRental .sw-inputs-holder .sw-input.dropoff.hidden ~ .to.separator { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed #EEEEEE; border-left: none; } header.searchOpen .search-widget.body { margin-bottom: 150px; } .search-widget .sw-tabs .sw-tab { margin: 12px 12px; } } @media (max-width: 388px) { header .search-widget.tabs .sw-tabs .sw-tab { padding: 8px 6px; padding: 8px 2.1vw; } header .search-widget.tabs .sw-tabs .sw-tab p { font-size: 4vw; } header .search-widget.tabs .sw-tabs .sw-tab p:before { bottom: 6px; width: 80%; } } #hero .hero-content { width: 95.7%; } #hero .hero-content .hero-text { max-width: 510px; display: flex; gap: 16px; } #results .count-and-pills { flex-direction: row; } #results .count-and-pills:not(.transferFiltersOpen) { margin-top: -12px; padding: 8px 11px; } #results .count-and-pills:not(.transferFiltersOpen):after { position: absolute; z-index: -2; top: 0; left: 50%; width: 104vw; height: 100%; margin-left: -52vw; content: ""; background-color: #FFFFFF; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); } #results .transfer-results-container { flex-direction: row; padding: 50px 0 0; gap: 16px; } #results .transfer-results-container #transfer-results-filters { height: fit-content; padding: 24px 10px; border: solid 1px #BFBFBF; border-radius: 14px; } #results .transfer-results-container #transfer-results-pane { gap: 24px; } #results .transfer-results-container #transfer-results-pane #transfer-locations { border-radius: 16px; background-color: rgba(255, 150, 98, 0.25); } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header h4 { font-family: "Swiss721BT-Medium", sans-serif; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section { gap: 16px; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time { padding: 0; background-color: unset; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time .icon { filter: unset; } #results .transfer-results-container #transfer-results-pane #transfer-results .results-section .type-time h2 { font-family: "Swiss721BT-Medium", sans-serif; } @media (max-width: 1230px) { #results .transfer-results-container #transfer-results-pane { width: 100%; } } @media (max-width: 1200px) { #faq { margin: 8px; } } @media (max-width: 925px) { body > .main:has(header.search-header) { margin-top: 160px; } #breadcrumbs { display: none; } #hero { justify-content: flex-end; height: calc(100svh - 180px); margin: 0 -8px; background-color: unset; } #hero.elevated { left: 0; width: calc(100svw - 16px); height: calc(100svh - 87px); margin: 73px 0 0 0; } #hero.elevated .hero-image { border-radius: 20px; } #hero .hero-content { display: flex; flex-direction: column-reverse; } #hero .hero-content .hero-text h1 { line-height: normal; margin-bottom: 35px; } #hero .hero-content .hero-text h1 + p { line-height: 1.35; margin-bottom: 8px; } #hero .hero-content .search-widget { margin-top: 20px; margin-bottom: 66px; } #results { margin-top: 22px; } #results .count-and-pills:not(.transferFiltersOpen) { width: calc(100% - 14px); } #results:has(.hidden) ~ #why-us { margin-top: 22px; } #results .transfer-results-container { padding: 50px 8px 0; } } @media (max-width: 768px) { #faq .more-information-module { flex-direction: column; gap: 0; } #faq .more-information-module h3 { width: 100%; } #faq .more-information-module .more-information-sections { width: unset; } } @media (max-width: 580px) { #hero .hero-content .hero-text h1 { font-size: 9vw; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content { flex-direction: column; } #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content:has(#arrival-location.filled) .transfer-location-separator { transform: rotate(90deg); } } @media (max-width: 480px) { .main #hero .hero-content .hero-text h1 ~ p { font-size: 5vw; margin-top: 0; } .main #hero .hero-content .hero-text h1 ~ p.small { font-size: 4vw; } .main #hero .hero-content .hero-text h1 + p { margin-bottom: 0; } } @media (max-width: 470px) { .main #results .transfer-results-container #transfer-results-pane { gap: 16px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations { gap: 8px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations .transfer-locations-header p { font-size: 14px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content { gap: 4px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-header h4 { font-size: 14px; } .main #results .transfer-results-container #transfer-results-pane #transfer-locations #transfer-locations-content .transfer-location .transfer-location-text { font-size: 14px; } } /*# sourceMappingURL=transfers_mbta.css.map */