#mktoForm_3765>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField:after, #mktoForm_3765>div:nth-child(8)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField:after, .Accordion-item--collapsed .Accordion-item-title:after, .Accordion-item-title:after, .BodySection--dark .QuoteAndImage .Quote-text:after, .BodySection--dark .QuoteAndImage .Quote-text:before, .BodySection--light .QuoteAndImage .Quote-text:after, .BodySection--light .QuoteAndImage .Quote-text:before, .BottomNavigation-left-arrow:before, .BottomNavigation-right-arrow:before, .Button--close--black:before, .Button--close--blueGreen:before, .Button--close--dark:before, .Button--close--greenGreen:before, .Button--close--greenPink:before, .Button--close--light:before, .Button--close--lightBlueGreen:before, .Button--close--pinkRed:before, .Button--close--white:before, .Button--close--yellowOrange:before, .Button--labeledPlay--black:before, .Button--labeledPlay--blueGreen:before, .Button--labeledPlay--dark:before, .Button--labeledPlay--greenGreen:before, .Button--labeledPlay--greenPink:before, .Button--labeledPlay--light:before, .Button--labeledPlay--lightBlueGreen:before, .Button--labeledPlay--pinkRed:before, .Button--labeledPlay--white:before, .Button--labeledPlay--yellowOrange:before, .Button--nextIcon--black:before, .Button--nextIcon--blueGreen:before, .Button--nextIcon--dark:before, .Button--nextIcon--greenGreen:before, .Button--nextIcon--greenPink:before, .Button--nextIcon--light:before, .Button--nextIcon--lightBlueGreen:before, .Button--nextIcon--pinkRed:before, .Button--nextIcon--white:before, .Button--nextIcon--yellowOrange:before, .Button--pauseIcon--black:before, .Button--pauseIcon--blueGreen:before, .Button--pauseIcon--dark:before, .Button--pauseIcon--greenGreen:before, .Button--pauseIcon--greenPink:before, .Button--pauseIcon--light:before, .Button--pauseIcon--lightBlueGreen:before, .Button--pauseIcon--pinkRed:before, .Button--pauseIcon--white:before, .Button--pauseIcon--yellowOrange:before, .Button--playIcon--black:before, .Button--playIcon--blueGreen:before, .Button--playIcon--dark:before, .Button--playIcon--greenGreen:before, .Button--playIcon--greenPink:before, .Button--playIcon--light:before, .Button--playIcon--lightBlueGreen:before, .Button--playIcon--pinkRed:before, .Button--playIcon--white:before, .Button--playIcon--yellowOrange:before, .Button--prevIcon--black:before, .Button--prevIcon--blueGreen:before, .Button--prevIcon--dark:before, .Button--prevIcon--greenGreen:before, .Button--prevIcon--greenPink:before, .Button--prevIcon--light:before, .Button--prevIcon--lightBlueGreen:before, .Button--prevIcon--pinkRed:before, .Button--prevIcon--white:before, .Button--prevIcon--yellowOrange:before, .CTA--arrow--black:after, .CTA--arrow--blueGreen:after, .CTA--arrow--dark:after, .CTA--arrow--greenGreen:after, .CTA--arrow--greenPink:after, .CTA--arrow--light:after, .CTA--arrow--lightBlueGreen:after, .CTA--arrow--pinkRed:after, .CTA--arrow--white:after, .CTA--arrow--yellowOrange:after, .CTA--backButton--black:before, .CTA--backButton--blueGreen:before, .CTA--backButton--dark:before, .CTA--backButton--greenGreen:before, .CTA--backButton--greenPink:before, .CTA--backButton--light:before, .CTA--backButton--lightBlueGreen:before, .CTA--backButton--pinkRed:before, .CTA--backButton--white:before, .CTA--backButton--yellowOrange:before, .CTA--labeledPlay--black:before, .CTA--labeledPlay--blueGreen:before, .CTA--labeledPlay--dark:before, .CTA--labeledPlay--greenGreen:before, .CTA--labeledPlay--greenPink:before, .CTA--labeledPlay--light:before, .CTA--labeledPlay--lightBlueGreen:before, .CTA--labeledPlay--pinkRed:before, .CTA--labeledPlay--white:before, .CTA--labeledPlay--yellowOrange:before, .CTA--underlined--black--checkmark:before, .CTA--underlined--black--gallery_external:before, .CTA--underlined--blueGreen--checkmark:before, .CTA--underlined--blueGreen--gallery_external:before, .CTA--underlined--dark--checkmark:before, .CTA--underlined--dark--gallery_external:before, .CTA--underlined--greenGreen--checkmark:before, .CTA--underlined--greenGreen--gallery_external:before, .CTA--underlined--greenPink--checkmark:before, .CTA--underlined--greenPink--gallery_external:before, .CTA--underlined--light--checkmark:before, .CTA--underlined--light--gallery_external:before, .CTA--underlined--lightBlueGreen--checkmark:before, .CTA--underlined--lightBlueGreen--gallery_external:before, .CTA--underlined--pinkRed--checkmark:before, .CTA--underlined--pinkRed--gallery_external:before, .CTA--underlined--white--checkmark:before, .CTA--underlined--white--gallery_external:before, .CTA--underlined--yellowOrange--checkmark:before, .CTA--underlined--yellowOrange--gallery_external:before, .CardCarousel-row .flickity-prev-next-button.next:before, .CardCarousel-row .flickity-prev-next-button.next:lang(ar):before, .CardCarousel-row .flickity-prev-next-button.previous:before, .CardCarousel-row .flickity-prev-next-button.previous:lang(ar):before, .CardGridTall-Button-label.less:after, .CardGridTall-Button-label:after, .Checkbox-decoration:before, .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--chevron:after, .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--collapsed .Accordion-item-title--plusMinus:after, .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title--plusMinus:after, .ContactCardGrid-viewMoreButton-icon:after, .Dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after, .Dropdown:after, .EliteGuestCard-ctas-email:before, .EliteGuestCard-ctas-phone:before, .EliteGuestCard-logo:before, .FeaturedRentalDestinations-ctaBtn--more:after, .FeaturedRentalDestinations-selectContainer:after, .FeaturedRentals-ctaBtn--more:after, .FeaturedRentals-nextButtonIcon:before, .FeaturedRentals-nextButtonIcon:lang(ar):before, .FeaturedRentals-prevButtonIcon:before, .FeaturedRentals-prevButtonIcon:lang(ar):before, .Gallery-currentPageNumber:after, .Gallery-currentPageNumber:lang(ar):before, .IconTextLinks-link--text:after, .IconTextLinks-link--text:lang(ar):after, .InspirationCarousel-title-link:after, .MapAndFloorplan-dropdown:after, .MapAndFloorplan-floorPlanSelectWrapper:after, .Navigation-logo:before, .Navigation-sm .Navigation-logo:before, .Navigation-sm .Navigation-menuButton:before, .NavigationItem--collapsed .NavigationItem-subLinksButton:before, .NavigationItem-subLinksButton:before, .NavigationOverlay-Logo:before, .OfferCard-cta-details--expanded:after, .OfferCard-cta-details:after, .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos):after, .OpportunitiesTable-modal-mobileBack.Button--close--light:before, .PRFilteredListing .PaginatedFilter-pagination-showAll:after, .PRFilteredListing .PaginatedFilter-pagination-showLess:after, .PageFooter-socialProperty--facebook:before, .PageFooter-socialProperty--instagram:before, .PageFooter-socialProperty--pinterest:before, .PageFooter-socialProperty--twitter:before, .PageFooter-socialProperty--youtube:before, .PaginatedFilter .FilterGroup-TextFilter .TextInput:after, .PaginatedFilter .FilterGroup-toggle-button:after, .PreferredPartnerPageFooter-socialProperty--facebook:before, .PreferredPartnerPageFooter-socialProperty--instagram:before, .PreferredPartnerPageFooter-socialProperty--pinterest:before, .PreferredPartnerPageFooter-socialProperty--twitter:before, .PreferredPartnerPageFooter-socialProperty--youtube:before, .PropertyPicker-DropdownContainer:after, .Quote--large--dark .Quote-text:after, .Quote--large--dark .Quote-text:before, .Quote--large--light .Quote-text:after, .Quote--large--light .Quote-text:before, .QuoteAndImage-quote .Quote-text:after, .QuoteAndImage-quote .Quote-text:before, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:after, .SimpleList--js .SimpleList-toggle .toggle-close:before, .SimpleList--js .SimpleList-toggle .toggle-open:before, .SocialLink--douban:before, .SocialLink--facebook:before, .SocialLink--foursquare:before, .SocialLink--googleplus:before, .SocialLink--instagram:before, .SocialLink--pinterest:before, .SocialLink--qq:before, .SocialLink--tripadvisor:before, .SocialLink--twitter:before, .SocialLink--wechat:before, .SocialLink--weibo:before, .SocialLink--youku:before, .SocialLink--youtube:before, .TakeYourTime-filter .Dropdown.formElement:after, .TextMobileCarousel-row .flickity-prev-next-button.next:before, .TextMobileCarousel-row .flickity-prev-next-button.next:lang(ar):before, .TextMobileCarousel-row .flickity-prev-next-button.previous:before, .TextMobileCarousel-row .flickity-prev-next-button.previous:lang(ar):before, .TitleAndDescription-title-link:after, .TruncatedList-hint-toggle:after, .VideoList-types-select:after, .facebook:before, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.view-all:after, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.view-all:lang(ar):after, .icon:before, .instagram:before, .pinterest:before, .twitter:before, .widget-container #offer-mail-icon:after { font-family: fs-iconfont !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none } @media only screen and (min-width:701px) { .Dropdown.minimal:after { font-family: fs-iconfont !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none } } @layer base { .BodySection--dark { --color-backdrop: #03030380; --color-border-default: #ffffff73; --color-border-inverse: #4d4d4d73; --color-border-strong-default: #fffffff2; --color-border-strong-inverse: #4d4d4df2; --color-border-subtle-default: #ffffff26; --color-border-subtle-inverse: #4d4d4d26; --color-button-on-image-primary-default: #fff; --color-button-on-image-primary-disabled: #7d7d7d; --color-button-on-image-primary-hover: #f5f5f5; --color-button-on-image-primary-pressed: #e6e6e6; --color-button-on-image-primary-ghost-hover: #ffffff0a; --color-button-on-image-primary-ghost-pressed: #ffffff14; --color-button-on-image-primary-inverse-default: #030303; --color-button-on-image-primary-inverse-disabled: #3d3d3d; --color-button-primary-default: #fff; --color-button-primary-hover: #e6e6e6; --color-button-primary-inverse: #030303; --color-button-primary-pressed: #d8d8d8; --color-button-primary-disabled-default: #7d7d7d; --color-button-primary-disabled-inverse: #3d3d3d; --color-button-primary-ghost-hover: #ffffff0a; --color-button-primary-ghost-pressed: #ffffff14; --color-button-primary-inactive-default: #1f1f1f; --color-button-primary-inactive-hover: #2d2d2d; --color-button-primary-inactive-inverse: #e6e6e6; --color-button-primary-inactive-pressed: #3d3d3d; --color-error-border-default: #f63232; --color-error-container-default: #fcb1b1; --color-error-container-hover: #fa8f8f; --color-error-container-pressed: #f86262; --color-error-container-subtle-default: #530404; --color-error-container-subtle-hover: #7a0505; --color-error-container-subtle-pressed: #9d0707; --color-error-icon-default: #f86262; --color-error-icon-inverse: #7a0505; --color-error-text-default: #fef0f0; --color-error-text-inverse: #310202; --color-img-overlay-20: #03030333; --color-img-overlay-40: #03030366; --color-img-overlay-60: #03030399; --color-img-overlay-80: #030303cc; --color-security-border-default: #3a87df; --color-security-container-default: #a7caf1; --color-security-container-hover: #84b4eb; --color-security-container-pressed: #5c9ce5; --color-security-container-subtle-default: #091d35; --color-security-container-subtle-hover: #0e3158; --color-security-container-subtle-pressed: #15467f; --color-security-icon-default: #5c9ce5; --color-security-icon-inverse: #0e3158; --color-security-text-default: #e9f2fb; --color-security-text-inverse: #05111f; --color-success-border-default: #26974c; --color-success-container-default: #70db94; --color-success-container-hover: #31c462; --color-success-container-pressed: #2aa654; --color-success-container-subtle-default: #0c3119; --color-success-container-subtle-hover: #134e27; --color-success-container-subtle-pressed: #185e2f; --color-success-icon-default: #2aa654; --color-success-icon-inverse: #134e27; --color-success-text-default: #def7e7; --color-success-text-inverse: #071d0e; --color-surface-default: #0f0f0f; --color-surface-form: #ffffff14; --color-surface-inverse: #f5f5f5; --color-surface-recessed: #030303; --color-surface-sticky: #2d2d2d; --color-surface-translucent: #2d2d2d99; --color-surface-overlay-default: #2d2d2d; --color-surface-overlay-raised: #3d3d3d; --color-surface-raised-default: #2d2d2d; --color-surface-raised-subtle: #1f1f1f; --color-text-disabled: #9c9c9c; --color-text-heading: #fff; --color-text-primary: #e6e6e6; --color-text-secondary: #bababa; --color-text-inverse-disabled: #6b6b6b; --color-text-inverse-heading: #030303; --color-text-inverse-primary: #1f1f1f; --color-text-inverse-secondary: #4d4d4d; --color-text-on-image-disabled: #ffffff61; --color-text-on-image-heading: #fff; --color-text-on-image-primary: #ffffffde; --color-text-on-image-secondary: #ffffffab; --color-warning-border-default: #e28b08; --color-warning-container-default: #f9bc61; --color-warning-container-hover: #f8ad3d; --color-warning-container-pressed: #f69b13; --color-warning-container-subtle-default: #452a02; --color-warning-container-subtle-hover: #673f04; --color-warning-container-subtle-pressed: #855205; --color-warning-icon-default: #f69b13; --color-warning-icon-inverse: #673f04; --color-warning-text-default: #fef3e1; --color-warning-text-inverse: #2c1b02; --vos-surface-default: #8080804d; --border-radius-card: 8px; --border-radius-button: 50px; --shadow-carousel-arrow: 0px 5px 15px 0px rgba(3, 3, 3, .12); --gradient-overlay-dark: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); --surface-raised-subtle-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .2) } .BodySection--light { --color-backdrop: #03030380; --color-border-default: #4d4d4d73; --color-border-inverse: #ffffff73; --color-border-strong-default: #4d4d4df2; --color-border-strong-inverse: #fffffff2; --color-border-subtle-default: #4d4d4d26; --color-border-subtle-inverse: #ffffff26; --color-button-on-image-primary-default: #fff; --color-button-on-image-primary-disabled: #7d7d7d; --color-button-on-image-primary-hover: #f5f5f5; --color-button-on-image-primary-pressed: #e6e6e6; --color-button-on-image-primary-ghost-hover: #ffffff0a; --color-button-on-image-primary-ghost-pressed: #ffffff14; --color-button-on-image-primary-inverse-default: #030303; --color-button-on-image-primary-inverse-disabled: #3d3d3d; --color-button-primary-default: #030303; --color-button-primary-hover: #1f1f1f; --color-button-primary-inverse: #fff; --color-button-primary-pressed: #2d2d2d; --color-button-primary-disabled-default: #8c8c8c; --color-button-primary-disabled-inverse: #d8d8d8; --color-button-primary-ghost-hover: #0303030a; --color-button-primary-ghost-pressed: #03030314; --color-button-primary-inactive-default: #e6e6e6; --color-button-primary-inactive-hover: #d8d8d8; --color-button-primary-inactive-inverse: #0f0f0f; --color-button-primary-inactive-pressed: #c9c9c9; --color-error-border-default: #fa8f8f; --color-error-container-default: #9d0707; --color-error-container-hover: #c40808; --color-error-container-pressed: #ea0a0a; --color-error-container-subtle-default: #fef0f0; --color-error-container-subtle-hover: #fdd3d3; --color-error-container-subtle-pressed: #fcb1b1; --color-error-icon-default: #ea0a0a; --color-error-icon-inverse: #fdd3d3; --color-error-text-default: #310202; --color-error-text-inverse: #fef0f0; --color-img-overlay-20: #03030333; --color-img-overlay-40: #03030366; --color-img-overlay-60: #03030399; --color-img-overlay-80: #030303cc; --color-security-border-default: #84b4eb; --color-security-container-default: #15467f; --color-security-container-hover: #1a579e; --color-security-container-pressed: #1f6bc1; --color-security-container-subtle-default: #e9f2fb; --color-security-container-subtle-hover: #c2daf5; --color-security-container-subtle-pressed: #a7caf1; --color-security-icon-default: #1f6bc1; --color-security-icon-inverse: #c2daf5; --color-security-text-default: #05111f; --color-security-text-inverse: #e9f2fb; --color-success-border-default: #31c462; --color-success-container-default: #185e2f; --color-success-container-hover: #1c6e38; --color-success-container-pressed: #218242; --color-success-container-subtle-default: #def7e7; --color-success-container-subtle-hover: #adebc2; --color-success-container-subtle-pressed: #70db94; --color-success-icon-default: #218242; --color-success-icon-inverse: #adebc2; --color-success-text-default: #071d0e; --color-success-text-inverse: #def7e7; --color-surface-default: #fff; --color-surface-form: #03030314; --color-surface-inverse: #0f0f0f; --color-surface-recessed: #e6e6e6; --color-surface-sticky: #fff; --color-surface-translucent: #ffffff99; --color-surface-overlay-default: #fff; --color-surface-overlay-raised: #fff; --color-surface-raised-default: #fff; --color-surface-raised-subtle: #f5f5f5; --color-text-disabled: #6b6b6b; --color-text-heading: #030303; --color-text-primary: #1f1f1f; --color-text-secondary: #4d4d4d; --color-text-inverse-disabled: #9c9c9c; --color-text-inverse-heading: #fff; --color-text-inverse-primary: #e6e6e6; --color-text-inverse-secondary: #bababa; --color-text-on-image-disabled: #ffffff61; --color-text-on-image-heading: #fff; --color-text-on-image-primary: #fff; --color-text-on-image-secondary: #ffffffab; --color-warning-border-default: #f8ad3d; --color-warning-container-default: #855205; --color-warning-container-hover: #9e6106; --color-warning-container-pressed: #c57907; --color-warning-container-subtle-default: #fef3e1; --color-warning-container-subtle-hover: #fcdcab; --color-warning-container-subtle-pressed: #f9bc61; --color-warning-icon-default: #c57907; --color-warning-icon-inverse: #fcdcab; --color-warning-text-default: #2c1b02; --color-warning-text-inverse: #fef3e1; --vos-surface-default: #8080804d; --border-radius-card: 8px; --border-radius-button: 50px; --shadow-carousel-arrow: 0px 5px 15px 0px rgba(3, 3, 3, .12); --gradient-overlay-dark: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); --surface-raised-subtle-shadow: none } body { --color-neutral-1700: #030303; --color-neutral-1600: #0f0f0f; --color-neutral-1500: #1f1f1f; --color-neutral-1400: #2d2d2d; --color-neutral-1300: #3d3d3d; --color-neutral-1200: #4d4d4d; --color-neutral-1100: #5c5c5c; --color-neutral-1000: #6b6b6b; --color-neutral-900: #7d7d7d; --color-neutral-800: #8c8c8c; --color-neutral-700: #9c9c9c; --color-neutral-600: #ababab; --color-neutral-500: #bababa; --color-neutral-400: #c9c9c9; --color-neutral-300: #d8d8d8; --color-neutral-200: #e6e6e6; --color-neutral-100: #f5f5f5; --color-neutral-0: #fff; --color-red-1200: #310202; --color-red-1100: #530404; --color-red-1000: #7a0505; --color-red-900: #9d0707; --color-red-800: #c40808; --color-red-700: #ea0a0a; --color-red-600: #f63232; --color-red-500: #f86262; --color-red-400: #fa8f8f; --color-red-300: #fcb1b1; --color-red-200: #fdd3d3; --color-red-100: #fef0f0; --color-yellow-1200: #2c1b02; --color-yellow-1100: #452a02; --color-yellow-1000: #673f04; --color-yellow-900: #855205; --color-yellow-800: #9e6106; --color-yellow-700: #c57907; --color-yellow-600: #e28b08; --color-yellow-500: #f69b13; --color-yellow-400: #f8ad3d; --color-yellow-300: #f9bc61; --color-yellow-200: #fcdcab; --color-yellow-100: #fef3e1; --color-green-1200: #071d0e; --color-green-1100: #0c3119; --color-green-1000: #134e27; --color-green-900: #185e2f; --color-green-800: #1c6e38; --color-green-700: #218242; --color-green-600: #26974c; --color-green-500: #2aa654; --color-green-400: #31c462; --color-green-300: #70db94; --color-green-200: #adebc2; --color-green-100: #def7e7; --color-blue-1200: #05111f; --color-blue-1100: #091d35; --color-blue-1000: #0e3158; --color-blue-900: #15467f; --color-blue-800: #1a579e; --color-blue-700: #1f6bc1; --color-blue-600: #3a87df; --color-blue-500: #5c9ce5; --color-blue-400: #84b4eb; --color-blue-300: #a7caf1; --color-blue-200: #c2daf5; --color-blue-100: #e9f2fb; --color-eci-green-1200: #0a2424; --color-eci-green-1100: #113c3c; --color-eci-green-1000: #175252; --color-eci-green-900: #34605d; --color-eci-green-800: #417770; --color-eci-green-700: #519488; --color-eci-green-600: #6bae9e; --color-eci-green-500: #85bcad; --color-eci-green-400: #a3cdbf; --color-eci-green-300: #bfdcd1; --color-eci-green-200: #d1e6de; --color-eci-green-100: #f2f8f6; --color-eci-lime-green-1200: #1f2207; --color-eci-lime-green-1100: #373b0d; --color-eci-lime-green-1000: #4a5011; --color-eci-lime-green-900: #5a6015; --color-eci-lime-green-800: #6e7519; --color-eci-lime-green-700: #8d9721; --color-eci-lime-green-600: #acb828; --color-eci-lime-green-500: #cbd747; --color-eci-lime-green-400: #d6df6c; --color-eci-lime-green-300: #e1e896; --color-eci-lime-green-200: #ebf0b8; --color-eci-lime-green-100: #f2f5d1; --color-eci-powder-blue-1200: #051d29; --color-eci-powder-blue-1100: #082d40; --color-eci-powder-blue-1000: #0b415b; --color-eci-powder-blue-900: #0f587c; --color-eci-powder-blue-800: #1476a4; --color-eci-powder-blue-700: #188dc4; --color-eci-powder-blue-600: #2eabe6; --color-eci-powder-blue-500: #57bceb; --color-eci-powder-blue-400: #80cef0; --color-eci-powder-blue-300: #a4dcf4; --color-eci-powder-blue-200: #bfe7f7; --color-eci-powder-blue-100: #dff3fb; --color-eci-burnt-orange-1200: #270c06; --color-eci-burnt-orange-1100: #4b170c; --color-eci-burnt-orange-1000: #722412; --color-eci-burnt-orange-900: #9a3019; --color-eci-burnt-orange-800: #b83a1e; --color-eci-burnt-orange-700: #dc4827; --color-eci-burnt-orange-600: #e05b3e; --color-eci-burnt-orange-500: #e67d65; --color-eci-burnt-orange-400: #eb9784; --color-eci-burnt-orange-300: #f1b8ac; --color-eci-burnt-orange-200: #f8dad3; --color-eci-burnt-orange-100: #fdf4f2; --color-eci-pink-1200: #280615; --color-eci-pink-1100: #4b0c28; --color-eci-pink-1000: #661037; --color-eci-pink-900: #8d164c; --color-eci-pink-800: #b51c62; --color-eci-pink-700: #d27; --color-eci-pink-600: #e2458d; --color-eci-pink-500: #e869a3; --color-eci-pink-400: #ed8cb8; --color-eci-pink-300: #f3b4d1; --color-eci-pink-200: #f9d7e7; --color-eci-pink-100: #fdf2f7; --Component-Specific-Card-padding-card-padding-xs: 15px; --Component-Specific-Card-padding-card-padding-s: 25px; --Component-Specific-Card-padding-card-padding-m: 30px; --Component-Specific-Card-padding-card-padding-l: 40px; --Component-Specific-Card-stack-card-stack-xs: 15px; --Component-Specific-Card-stack-card-stack-s: 25px; --Element-gap-Inline-inline-xs: 6px; --Element-gap-Inline-inline-s: 10px; --Element-gap-Inline-inline-m: 15px; --Element-gap-Inline-inline-l: 20px; --Element-gap-Inline-inline-xl: 30px; --Element-gap-Stack-stack-2xs: 4px; --Element-gap-Stack-stack-xs: 6px; --Element-gap-Stack-stack-s: 10px; --Element-gap-Stack-stack-m: 15px; --Element-gap-Stack-stack-l: 20px; --Element-gap-Stack-stack-xl: 30px; --Page-Layout-fluid-grid-gutter: 15px; --Page-Layout-section-margin: 40px } @media only screen and (min-width:701px) { body { --Component-Specific-Card-padding-card-padding-xs: 20px; --Component-Specific-Card-padding-card-padding-s: 30px; --Component-Specific-Card-padding-card-padding-m: 40px; --Component-Specific-Card-padding-card-padding-l: 60px } } @media only screen and (min-width:961px) { body { --Component-Specific-Card-padding-card-padding-xs: 20px; --Component-Specific-Card-padding-card-padding-s: 30px; --Component-Specific-Card-padding-card-padding-m: 50px; --Component-Specific-Card-padding-card-padding-l: 70px } } @media only screen and (min-width:701px) { body { --Component-Specific-Card-stack-card-stack-xs: 20px; --Component-Specific-Card-stack-card-stack-s: 30px } } @media only screen and (min-width:961px) { body { --Component-Specific-Card-stack-card-stack-xs: 20px; --Component-Specific-Card-stack-card-stack-s: 30px } } @media only screen and (min-width:701px) { body { --Element-gap-Inline-inline-xs: 8px; --Element-gap-Inline-inline-s: 15px; --Element-gap-Inline-inline-m: 20px; --Element-gap-Inline-inline-l: 30px; --Element-gap-Inline-inline-xl: 40px } } @media only screen and (min-width:961px) { body { --Element-gap-Inline-inline-xs: 10px; --Element-gap-Inline-inline-s: 15px; --Element-gap-Inline-inline-m: 20px; --Element-gap-Inline-inline-l: 30px; --Element-gap-Inline-inline-xl: 50px } } @media only screen and (min-width:1701px) { body { --Element-gap-Inline-inline-xs: 10px; --Element-gap-Inline-inline-s: 15px; --Element-gap-Inline-inline-m: 20px; --Element-gap-Inline-inline-l: 30px; --Element-gap-Inline-inline-xl: 50px } } @media only screen and (min-width:701px) { body { --Element-gap-Stack-stack-2xs: 6px; --Element-gap-Stack-stack-xs: 8px; --Element-gap-Stack-stack-s: 15px; --Element-gap-Stack-stack-m: 20px; --Element-gap-Stack-stack-l: 30px; --Element-gap-Stack-stack-xl: 40px } } @media only screen and (min-width:961px) { body { --Element-gap-Stack-stack-2xs: 6px; --Element-gap-Stack-stack-xs: 10px; --Element-gap-Stack-stack-s: 15px; --Element-gap-Stack-stack-m: 20px; --Element-gap-Stack-stack-l: 30px; --Element-gap-Stack-stack-xl: 50px } } @media only screen and (min-width:1701px) { body { --Element-gap-Stack-stack-2xs: 6px; --Element-gap-Stack-stack-xs: 10px; --Element-gap-Stack-stack-s: 15px; --Element-gap-Stack-stack-m: 20px; --Element-gap-Stack-stack-l: 30px; --Element-gap-Stack-stack-xl: 50px } } @media only screen and (min-width:701px) { body { --Page-Layout-fluid-grid-gutter: 20px; --Page-Layout-section-margin: 70px } } @media only screen and (min-width:961px) { body { --Page-Layout-fluid-grid-gutter: 30px; --Page-Layout-section-margin: 70px } } @media only screen and (min-width:1701px) { body { --Page-Layout-fluid-grid-gutter: 30px; --Page-Layout-section-margin: 70px } } } .spacing-body { margin-bottom: 40px; margin-top: 40px } @media only screen and (min-width:701px) { .spacing-body { margin-bottom: 70px; margin-top: 70px } } @media only screen and (min-width:961px) { .spacing-body { margin-bottom: 70px; margin-top: 70px } } .IconButtonLinks--Wrapper, .spacing-grid-gutter { gap: 15px } @media only screen and (min-width:701px) { .IconButtonLinks--Wrapper, .spacing-grid-gutter { gap: 30px } } @media only screen and (min-width:961px) { .IconButtonLinks--Wrapper, .spacing-grid-gutter { gap: 30px } } .PreferredPartnerPageFooter-linksContent, .PreferredPartnerPageFooter-lists .Accordion, .spacing-fluid-grid-gutter { gap: 15px } @media only screen and (min-width:701px) { .PreferredPartnerPageFooter-linksContent, .PreferredPartnerPageFooter-lists .Accordion, .spacing-fluid-grid-gutter { gap: 20px } } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-linksContent, .PreferredPartnerPageFooter-lists .Accordion, .spacing-fluid-grid-gutter { gap: 30px } } .spacing-stack-margin { row-gap: 40px } @media only screen and (min-width:701px) { .spacing-stack-margin { row-gap: 70px } } @media only screen and (min-width:961px) { .spacing-stack-margin { row-gap: 70px } } .spacing-section-margin { margin-bottom: 40px; margin-top: 40px } @media only screen and (min-width:701px) { .spacing-section-margin { margin-bottom: 70px; margin-top: 70px } } @media only screen and (min-width:961px) { .spacing-section-margin { margin-bottom: 70px; margin-top: 70px } } .spacing-inline-2xs { -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px } @media only screen and (min-width:701px) { .spacing-inline-2xs { -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px } } @media only screen and (min-width:961px) { .spacing-inline-2xs { -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px } } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos), .spacing-inline-xs { -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px } @media only screen and (min-width:701px) { .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos), .spacing-inline-xs { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px } } @media only screen and (min-width:961px) { .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos), .spacing-inline-xs { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px } } .FullBleedMessageCard-contact, .spacing-inline-s { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px } @media only screen and (min-width:701px) { .FullBleedMessageCard-contact, .spacing-inline-s { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px } } @media only screen and (min-width:961px) { .FullBleedMessageCard-contact, .spacing-inline-s { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px } } .spacing-inline-m { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px } @media only screen and (min-width:701px) { .spacing-inline-m { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px } } @media only screen and (min-width:961px) { .spacing-inline-m { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px } } .spacing-inline-l { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px } @media only screen and (min-width:701px) { .spacing-inline-l { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } @media only screen and (min-width:961px) { .spacing-inline-l { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } .spacing-inline-xl { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } @media only screen and (min-width:701px) { .spacing-inline-xl { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px } } @media only screen and (min-width:961px) { .spacing-inline-xl { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px } } .spacing-inline-2xl { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px } @media only screen and (min-width:701px) { .spacing-inline-2xl { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px } } @media only screen and (min-width:961px) { .spacing-inline-2xl { -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px } } .spacing-stack-2xs { row-gap: 4px } @media only screen and (min-width:701px) { .spacing-stack-2xs { row-gap: 6px } } @media only screen and (min-width:961px) { .spacing-stack-2xs { row-gap: 6px } } .FullBleedMessageCard-footer, .LinkButton--container, .spacing-stack-xs { row-gap: 6px } @media only screen and (min-width:701px) { .FullBleedMessageCard-footer, .LinkButton--container, .spacing-stack-xs { row-gap: 8px } } @media only screen and (min-width:961px) { .FullBleedMessageCard-footer, .LinkButton--container, .spacing-stack-xs { row-gap: 10px } } .FullBleedMessageCard-content, .PreferredPartnerPageFooter-legalContent, .spacing-stack-s { row-gap: 10px } @media only screen and (min-width:701px) { .FullBleedMessageCard-content, .PreferredPartnerPageFooter-legalContent, .spacing-stack-s { row-gap: 15px } } @media only screen and (min-width:961px) { .FullBleedMessageCard-content, .PreferredPartnerPageFooter-legalContent, .spacing-stack-s { row-gap: 15px } } .spacing-stack-m { row-gap: 15px } @media only screen and (min-width:701px) { .spacing-stack-m { row-gap: 20px } } @media only screen and (min-width:961px) { .spacing-stack-m { row-gap: 20px } } .spacing-stack-l { row-gap: 20px } @media only screen and (min-width:701px) { .spacing-stack-l { row-gap: 30px } } @media only screen and (min-width:961px) { .spacing-stack-l { row-gap: 30px } } .spacing-stack-xl { row-gap: 30px } @media only screen and (min-width:701px) { .spacing-stack-xl { row-gap: 40px } } @media only screen and (min-width:961px) { .spacing-stack-xl { row-gap: 50px } } .PreferredPartnerPageFooter-linksContent, .spacing-stack-2xl { row-gap: 40px } @media only screen and (min-width:701px) { .PreferredPartnerPageFooter-linksContent, .spacing-stack-2xl { row-gap: 60px } } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-linksContent, .spacing-stack-2xl { row-gap: 70px } } .spacing-stack-3xl { row-gap: 60px } @media only screen and (min-width:701px) { .spacing-stack-3xl { row-gap: 80px } } @media only screen and (min-width:961px) { .spacing-stack-3xl { row-gap: 100px } } .spacing-heading-xs { margin-bottom: 10px } @media only screen and (min-width:701px) { .spacing-heading-xs { margin-bottom: 10px } } @media only screen and (min-width:961px) { .spacing-heading-xs { margin-bottom: 10px } } .FullBleedMessageCard-title, .spacing-heading-s { margin-bottom: 15px } @media only screen and (min-width:701px) { .FullBleedMessageCard-title, .spacing-heading-s { margin-bottom: 20px } } @media only screen and (min-width:961px) { .FullBleedMessageCard-title, .spacing-heading-s { margin-bottom: 20px } } .spacing-heading-m { margin-bottom: 20px } @media only screen and (min-width:701px) { .spacing-heading-m { margin-bottom: 30px } } @media only screen and (min-width:961px) { .spacing-heading-m { margin-bottom: 30px } } .spacing-heading-l { margin-bottom: 25px } @media only screen and (min-width:701px) { .spacing-heading-l { margin-bottom: 30px } } @media only screen and (min-width:961px) { .spacing-heading-l { margin-bottom: 40px } } .spacing-heading-xl { margin-bottom: 40px } @media only screen and (min-width:701px) { .spacing-heading-xl { margin-bottom: 50px } } @media only screen and (min-width:961px) { .spacing-heading-xl { margin-bottom: 60px } } .spacing-button-padding-x { padding-left: 20px; padding-right: 20px } @media only screen and (min-width:701px) { .spacing-button-padding-x { padding-left: 20px; padding-right: 20px } } @media only screen and (min-width:961px) { .spacing-button-padding-x { padding-left: 20px; padding-right: 20px } } .spacing-button-stack { margin-bottom: 15px } @media only screen and (min-width:701px) { .spacing-button-stack { margin-bottom: 15px } } @media only screen and (min-width:961px) { .spacing-button-stack { margin-bottom: 15px } } .spacing-button-inline { margin-right: 15px } @media only screen and (min-width:701px) { .spacing-button-inline { margin-right: 15px } } @media only screen and (min-width:961px) { .spacing-button-inline { margin-right: 15px } } .spacing-button-inline-icon>* { margin-right: 10px } @media only screen and (min-width:701px) { .spacing-button-inline-icon>* { margin-right: 10px } } @media only screen and (min-width:961px) { .spacing-button-inline-icon>* { margin-right: 10px } } .spacing-button-inline-icon>:last-child { margin-right: 0 } .LinkButton--container, .spacing-card-padding-xs { padding: 15px } @media only screen and (min-width:701px) { .LinkButton--container, .spacing-card-padding-xs { padding: 20px } } @media only screen and (min-width:961px) { .LinkButton--container, .spacing-card-padding-xs { padding: 20px } } @media only screen and (min-width:701px) { .spacing-card-padding-x-xs { padding-left: 20px; padding-right: 20px } } @media only screen and (min-width:961px) { .spacing-card-padding-x-xs { padding-left: 20px; padding-right: 20px } } .spacing-card-padding-s { padding: 25px } @media only screen and (min-width:701px) { .spacing-card-padding-s { padding: 30px } } @media only screen and (min-width:961px) { .spacing-card-padding-s { padding: 30px } } .FullBleedMessageCard-body, .spacing-card-padding-m { padding: 30px } @media only screen and (min-width:701px) { .FullBleedMessageCard-body, .spacing-card-padding-m { padding: 40px } } @media only screen and (min-width:961px) { .FullBleedMessageCard-body, .spacing-card-padding-m { padding: 50px } } .spacing-card-padding-l { padding: 40px } @media only screen and (min-width:701px) { .spacing-card-padding-l { padding: 60px } } @media only screen and (min-width:961px) { .spacing-card-padding-l { padding: 70px } } .spacing-card-padding-x-xs { padding-left: 15px; padding-right: 15px } @media only screen and (min-width:701px) { .spacing-card-padding-x-xs { padding-left: 20px; padding-right: 20px } } @media only screen and (min-width:961px) { .spacing-card-padding-x-xs { padding-left: 20px; padding-right: 20px } } .spacing-card-padding-x-s { padding-left: 25px; padding-right: 25px } @media only screen and (min-width:701px) { .spacing-card-padding-x-s { padding-left: 30px; padding-right: 30px } } @media only screen and (min-width:961px) { .spacing-card-padding-x-s { padding-left: 30px; padding-right: 30px } } .spacing-card-padding-x-m { padding-left: 30px; padding-right: 30px } @media only screen and (min-width:701px) { .spacing-card-padding-x-m { padding-left: 40px; padding-right: 40px } } @media only screen and (min-width:961px) { .spacing-card-padding-x-m { padding-left: 50px; padding-right: 50px } } .spacing-card-padding-x-l { padding-left: 40px; padding-right: 40px } @media only screen and (min-width:701px) { .spacing-card-padding-x-l { padding-left: 60px; padding-right: 60px } } @media only screen and (min-width:961px) { .spacing-card-padding-x-l { padding-left: 70px; padding-right: 70px } } .spacing-card-padding-y-xs { padding-bottom: 15px; padding-top: 15px } @media only screen and (min-width:701px) { .spacing-card-padding-y-xs { padding-bottom: 20px; padding-top: 20px } } @media only screen and (min-width:961px) { .spacing-card-padding-y-xs { padding-bottom: 20px; padding-top: 20px } } .spacing-card-padding-y-s { padding-bottom: 25px; padding-top: 25px } @media only screen and (min-width:701px) { .spacing-card-padding-y-s { padding-bottom: 30px; padding-top: 30px } } @media only screen and (min-width:961px) { .spacing-card-padding-y-s { padding-bottom: 30px; padding-top: 30px } } .spacing-card-padding-y-m { padding-bottom: 30px; padding-top: 30px } @media only screen and (min-width:701px) { .spacing-card-padding-y-m { padding-bottom: 40px; padding-top: 40px } } @media only screen and (min-width:961px) { .spacing-card-padding-y-m { padding-bottom: 50px; padding-top: 50px } } .spacing-card-padding-y-l { padding-bottom: 40px; padding-top: 40px } @media only screen and (min-width:701px) { .spacing-card-padding-y-l { padding-bottom: 60px; padding-top: 60px } } @media only screen and (min-width:961px) { .spacing-card-padding-y-l { padding-bottom: 70px; padding-top: 70px } } .spacing-card-stack-xs { row-gap: 15px } @media only screen and (min-width:701px) { .spacing-card-stack-xs { row-gap: 20px } } @media only screen and (min-width:961px) { .spacing-card-stack-xs { row-gap: 20px } } .spacing-card-stack-s { row-gap: 25px } @media only screen and (min-width:701px) { .spacing-card-stack-s { row-gap: 30px } } @media only screen and (min-width:961px) { .spacing-card-stack-s { row-gap: 30px } } .spacing-card-stack-m { row-gap: 30px } @media only screen and (min-width:701px) { .spacing-card-stack-m { row-gap: 40px } } @media only screen and (min-width:961px) { .spacing-card-stack-m { row-gap: 50px } } .spacing-card-stack-l { row-gap: 40px } @media only screen and (min-width:701px) { .spacing-card-stack-l { row-gap: 60px } } @media only screen and (min-width:961px) { .spacing-card-stack-l { row-gap: 70px } } .spacing-tag-padding-x { padding-left: 8px; padding-right: 8px } @media only screen and (min-width:701px) { .spacing-tag-padding-x { padding-left: 10px; padding-right: 10px } } @media only screen and (min-width:961px) { .spacing-tag-padding-x { padding-left: 10px; padding-right: 10px } } .spacing-tag-padding-y { padding-bottom: 4px; padding-top: 4px } @media only screen and (min-width:701px) { .spacing-tag-padding-y { padding-bottom: 6px; padding-top: 6px } } @media only screen and (min-width:961px) { .spacing-tag-padding-y { padding-bottom: 6px; padding-top: 6px } } .spacing-modal-padding-x { padding-left: 20px; padding-right: 20px } @media only screen and (min-width:701px) { .spacing-modal-padding-x { padding-left: 40px; padding-right: 40px } } @media only screen and (min-width:961px) { .spacing-modal-padding-x { padding-left: 40px; padding-right: 40px } } .spacing-modal-padding-y { padding-bottom: 40px } @media only screen and (min-width:701px) { .spacing-modal-padding-y { padding-bottom: 40px } } @media only screen and (min-width:961px) { .spacing-modal-padding-y { padding-bottom: 40px } } .Button--labeledPlay--black, .Button--labeledPlay--blueGreen, .Button--labeledPlay--dark, .Button--labeledPlay--greenGreen, .Button--labeledPlay--greenPink, .Button--labeledPlay--light, .Button--labeledPlay--lightBlueGreen, .Button--labeledPlay--pinkRed, .Button--labeledPlay--white, .Button--labeledPlay--yellowOrange, .Button--underlined--black, .Button--underlined--blueGreen, .Button--underlined--dark, .Button--underlined--greenGreen, .Button--underlined--greenPink, .Button--underlined--light, .Button--underlined--lightBlueGreen, .Button--underlined--pinkRed, .Button--underlined--white, .Button--underlined--yellowOrange, .CTA--arrow--black, .CTA--arrow--blueGreen, .CTA--arrow--dark, .CTA--arrow--greenGreen, .CTA--arrow--greenPink, .CTA--arrow--light, .CTA--arrow--lightBlueGreen, .CTA--arrow--pinkRed, .CTA--arrow--white, .CTA--arrow--yellowOrange, .CTA--backButton--black, .CTA--backButton--blueGreen, .CTA--backButton--dark, .CTA--backButton--greenGreen, .CTA--backButton--greenPink, .CTA--backButton--light, .CTA--backButton--lightBlueGreen, .CTA--backButton--pinkRed, .CTA--backButton--white, .CTA--backButton--yellowOrange, .CTA--labeledPlay--black, .CTA--labeledPlay--blueGreen, .CTA--labeledPlay--dark, .CTA--labeledPlay--greenGreen, .CTA--labeledPlay--greenPink, .CTA--labeledPlay--light, .CTA--labeledPlay--lightBlueGreen, .CTA--labeledPlay--pinkRed, .CTA--labeledPlay--white, .CTA--labeledPlay--yellowOrange, .CTA--text--black, .CTA--text--blueGreen, .CTA--text--dark, .CTA--text--greenGreen, .CTA--text--greenPink, .CTA--text--light, .CTA--text--lightBlueGreen, .CTA--text--pinkRed, .CTA--text--white, .CTA--text--yellowOrange, .CTA--underlined--black, .CTA--underlined--black--checkmark, .CTA--underlined--black--gallery_external, .CTA--underlined--blueGreen, .CTA--underlined--blueGreen--checkmark, .CTA--underlined--blueGreen--gallery_external, .CTA--underlined--dark, .CTA--underlined--dark--checkmark, .CTA--underlined--dark--gallery_external, .CTA--underlined--greenGreen, .CTA--underlined--greenGreen--checkmark, .CTA--underlined--greenGreen--gallery_external, .CTA--underlined--greenPink, .CTA--underlined--greenPink--checkmark, .CTA--underlined--greenPink--gallery_external, .CTA--underlined--light, .CTA--underlined--light--checkmark, .CTA--underlined--light--gallery_external, .CTA--underlined--lightBlueGreen, .CTA--underlined--lightBlueGreen--checkmark, .CTA--underlined--lightBlueGreen--gallery_external, .CTA--underlined--pinkRed, .CTA--underlined--pinkRed--checkmark, .CTA--underlined--pinkRed--gallery_external, .CTA--underlined--red, .CTA--underlined--white, .CTA--underlined--white--checkmark, .CTA--underlined--white--gallery_external, .CTA--underlined--yellowOrange, .CTA--underlined--yellowOrange--checkmark, .CTA--underlined--yellowOrange--gallery_external, .ContactBar-container--dark .ContactBar-phone, .ContactBar-container--light .ContactBar-phone, .EliteGuestCard-email, .EliteGuestCard-phone, .Feature--dark .Feature-cta--noLink, .Feature--light .Feature-cta--noLink, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label, .LocationBar--dark .LocationBar-cta, .LocationBar--dark .LocationBar-phone, .LocationBar--light .LocationBar-cta, .LocationBar--light .LocationBar-phone, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA, .ReservationBar--dark .ReservationBar-phone, .ReservationBar--light .ReservationBar-phone, .mktoForm a { background: none; border: 0; cursor: pointer; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; padding: 0; text-decoration: none; text-transform: uppercase } .Button--labeledPlay--black:lang(ar), .Button--labeledPlay--blueGreen:lang(ar), .Button--labeledPlay--dark:lang(ar), .Button--labeledPlay--greenGreen:lang(ar), .Button--labeledPlay--greenPink:lang(ar), .Button--labeledPlay--light:lang(ar), .Button--labeledPlay--lightBlueGreen:lang(ar), .Button--labeledPlay--pinkRed:lang(ar), .Button--labeledPlay--white:lang(ar), .Button--labeledPlay--yellowOrange:lang(ar), .Button--underlined--black:lang(ar), .Button--underlined--blueGreen:lang(ar), .Button--underlined--dark:lang(ar), .Button--underlined--greenGreen:lang(ar), .Button--underlined--greenPink:lang(ar), .Button--underlined--light:lang(ar), .Button--underlined--lightBlueGreen:lang(ar), .Button--underlined--pinkRed:lang(ar), .Button--underlined--white:lang(ar), .Button--underlined--yellowOrange:lang(ar), .CTA--arrow--black:lang(ar), .CTA--arrow--blueGreen:lang(ar), .CTA--arrow--dark:lang(ar), .CTA--arrow--greenGreen:lang(ar), .CTA--arrow--greenPink:lang(ar), .CTA--arrow--light:lang(ar), .CTA--arrow--lightBlueGreen:lang(ar), .CTA--arrow--pinkRed:lang(ar), .CTA--arrow--white:lang(ar), .CTA--arrow--yellowOrange:lang(ar), .CTA--backButton--black:lang(ar), .CTA--backButton--blueGreen:lang(ar), .CTA--backButton--dark:lang(ar), .CTA--backButton--greenGreen:lang(ar), .CTA--backButton--greenPink:lang(ar), .CTA--backButton--light:lang(ar), .CTA--backButton--lightBlueGreen:lang(ar), .CTA--backButton--pinkRed:lang(ar), .CTA--backButton--white:lang(ar), .CTA--backButton--yellowOrange:lang(ar), .CTA--labeledPlay--black:lang(ar), .CTA--labeledPlay--blueGreen:lang(ar), .CTA--labeledPlay--dark:lang(ar), .CTA--labeledPlay--greenGreen:lang(ar), .CTA--labeledPlay--greenPink:lang(ar), .CTA--labeledPlay--light:lang(ar), .CTA--labeledPlay--lightBlueGreen:lang(ar), .CTA--labeledPlay--pinkRed:lang(ar), .CTA--labeledPlay--white:lang(ar), .CTA--labeledPlay--yellowOrange:lang(ar), .CTA--text--black:lang(ar), .CTA--text--blueGreen:lang(ar), .CTA--text--dark:lang(ar), .CTA--text--greenGreen:lang(ar), .CTA--text--greenPink:lang(ar), .CTA--text--light:lang(ar), .CTA--text--lightBlueGreen:lang(ar), .CTA--text--pinkRed:lang(ar), .CTA--text--white:lang(ar), .CTA--text--yellowOrange:lang(ar), .CTA--underlined--black--checkmark:lang(ar), .CTA--underlined--black--gallery_external:lang(ar), .CTA--underlined--black:lang(ar), .CTA--underlined--blueGreen--checkmark:lang(ar), .CTA--underlined--blueGreen--gallery_external:lang(ar), .CTA--underlined--blueGreen:lang(ar), .CTA--underlined--dark--checkmark:lang(ar), .CTA--underlined--dark--gallery_external:lang(ar), .CTA--underlined--dark:lang(ar), .CTA--underlined--greenGreen--checkmark:lang(ar), .CTA--underlined--greenGreen--gallery_external:lang(ar), .CTA--underlined--greenGreen:lang(ar), .CTA--underlined--greenPink--checkmark:lang(ar), .CTA--underlined--greenPink--gallery_external:lang(ar), .CTA--underlined--greenPink:lang(ar), .CTA--underlined--light--checkmark:lang(ar), .CTA--underlined--light--gallery_external:lang(ar), .CTA--underlined--light:lang(ar), .CTA--underlined--lightBlueGreen--checkmark:lang(ar), .CTA--underlined--lightBlueGreen--gallery_external:lang(ar), .CTA--underlined--lightBlueGreen:lang(ar), .CTA--underlined--pinkRed--checkmark:lang(ar), .CTA--underlined--pinkRed--gallery_external:lang(ar), .CTA--underlined--pinkRed:lang(ar), .CTA--underlined--red:lang(ar), .CTA--underlined--white--checkmark:lang(ar), .CTA--underlined--white--gallery_external:lang(ar), .CTA--underlined--white:lang(ar), .CTA--underlined--yellowOrange--checkmark:lang(ar), .CTA--underlined--yellowOrange--gallery_external:lang(ar), .CTA--underlined--yellowOrange:lang(ar), .ContactBar-container--dark .ContactBar-phone:lang(ar), .ContactBar-container--light .ContactBar-phone:lang(ar), .EliteGuestCard-email:lang(ar), .EliteGuestCard-phone:lang(ar), .Feature--dark .Feature-cta--noLink:lang(ar), .Feature--light .Feature-cta--noLink:lang(ar), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ar), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ar), .LocationBar--dark .LocationBar-cta:lang(ar), .LocationBar--dark .LocationBar-phone:lang(ar), .LocationBar--light .LocationBar-cta:lang(ar), .LocationBar--light .LocationBar-phone:lang(ar), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(ar), .ReservationBar--dark .ReservationBar-phone:lang(ar), .ReservationBar--light .ReservationBar-phone:lang(ar), .mktoForm a:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--black:lang(ru), .Button--labeledPlay--blueGreen:lang(ru), .Button--labeledPlay--dark:lang(ru), .Button--labeledPlay--greenGreen:lang(ru), .Button--labeledPlay--greenPink:lang(ru), .Button--labeledPlay--light:lang(ru), .Button--labeledPlay--lightBlueGreen:lang(ru), .Button--labeledPlay--pinkRed:lang(ru), .Button--labeledPlay--white:lang(ru), .Button--labeledPlay--yellowOrange:lang(ru), .Button--underlined--black:lang(ru), .Button--underlined--blueGreen:lang(ru), .Button--underlined--dark:lang(ru), .Button--underlined--greenGreen:lang(ru), .Button--underlined--greenPink:lang(ru), .Button--underlined--light:lang(ru), .Button--underlined--lightBlueGreen:lang(ru), .Button--underlined--pinkRed:lang(ru), .Button--underlined--white:lang(ru), .Button--underlined--yellowOrange:lang(ru), .CTA--arrow--black:lang(ru), .CTA--arrow--blueGreen:lang(ru), .CTA--arrow--dark:lang(ru), .CTA--arrow--greenGreen:lang(ru), .CTA--arrow--greenPink:lang(ru), .CTA--arrow--light:lang(ru), .CTA--arrow--lightBlueGreen:lang(ru), .CTA--arrow--pinkRed:lang(ru), .CTA--arrow--white:lang(ru), .CTA--arrow--yellowOrange:lang(ru), .CTA--backButton--black:lang(ru), .CTA--backButton--blueGreen:lang(ru), .CTA--backButton--dark:lang(ru), .CTA--backButton--greenGreen:lang(ru), .CTA--backButton--greenPink:lang(ru), .CTA--backButton--light:lang(ru), .CTA--backButton--lightBlueGreen:lang(ru), .CTA--backButton--pinkRed:lang(ru), .CTA--backButton--white:lang(ru), .CTA--backButton--yellowOrange:lang(ru), .CTA--labeledPlay--black:lang(ru), .CTA--labeledPlay--blueGreen:lang(ru), .CTA--labeledPlay--dark:lang(ru), .CTA--labeledPlay--greenGreen:lang(ru), .CTA--labeledPlay--greenPink:lang(ru), .CTA--labeledPlay--light:lang(ru), .CTA--labeledPlay--lightBlueGreen:lang(ru), .CTA--labeledPlay--pinkRed:lang(ru), .CTA--labeledPlay--white:lang(ru), .CTA--labeledPlay--yellowOrange:lang(ru), .CTA--text--black:lang(ru), .CTA--text--blueGreen:lang(ru), .CTA--text--dark:lang(ru), .CTA--text--greenGreen:lang(ru), .CTA--text--greenPink:lang(ru), .CTA--text--light:lang(ru), .CTA--text--lightBlueGreen:lang(ru), .CTA--text--pinkRed:lang(ru), .CTA--text--white:lang(ru), .CTA--text--yellowOrange:lang(ru), .CTA--underlined--black--checkmark:lang(ru), .CTA--underlined--black--gallery_external:lang(ru), .CTA--underlined--black:lang(ru), .CTA--underlined--blueGreen--checkmark:lang(ru), .CTA--underlined--blueGreen--gallery_external:lang(ru), .CTA--underlined--blueGreen:lang(ru), .CTA--underlined--dark--checkmark:lang(ru), .CTA--underlined--dark--gallery_external:lang(ru), .CTA--underlined--dark:lang(ru), .CTA--underlined--greenGreen--checkmark:lang(ru), .CTA--underlined--greenGreen--gallery_external:lang(ru), .CTA--underlined--greenGreen:lang(ru), .CTA--underlined--greenPink--checkmark:lang(ru), .CTA--underlined--greenPink--gallery_external:lang(ru), .CTA--underlined--greenPink:lang(ru), .CTA--underlined--light--checkmark:lang(ru), .CTA--underlined--light--gallery_external:lang(ru), .CTA--underlined--light:lang(ru), .CTA--underlined--lightBlueGreen--checkmark:lang(ru), .CTA--underlined--lightBlueGreen--gallery_external:lang(ru), .CTA--underlined--lightBlueGreen:lang(ru), .CTA--underlined--pinkRed--checkmark:lang(ru), .CTA--underlined--pinkRed--gallery_external:lang(ru), .CTA--underlined--pinkRed:lang(ru), .CTA--underlined--red:lang(ru), .CTA--underlined--white--checkmark:lang(ru), .CTA--underlined--white--gallery_external:lang(ru), .CTA--underlined--white:lang(ru), .CTA--underlined--yellowOrange--checkmark:lang(ru), .CTA--underlined--yellowOrange--gallery_external:lang(ru), .CTA--underlined--yellowOrange:lang(ru), .ContactBar-container--dark .ContactBar-phone:lang(ru), .ContactBar-container--light .ContactBar-phone:lang(ru), .EliteGuestCard-email:lang(ru), .EliteGuestCard-phone:lang(ru), .Feature--dark .Feature-cta--noLink:lang(ru), .Feature--light .Feature-cta--noLink:lang(ru), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ru), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ru), .LocationBar--dark .LocationBar-cta:lang(ru), .LocationBar--dark .LocationBar-phone:lang(ru), .LocationBar--light .LocationBar-cta:lang(ru), .LocationBar--light .LocationBar-phone:lang(ru), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(ru), .ReservationBar--dark .ReservationBar-phone:lang(ru), .ReservationBar--light .ReservationBar-phone:lang(ru), .mktoForm a:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(ko-KR), .Button--labeledPlay--blueGreen:lang(ko-KR), .Button--labeledPlay--dark:lang(ko-KR), .Button--labeledPlay--greenGreen:lang(ko-KR), .Button--labeledPlay--greenPink:lang(ko-KR), .Button--labeledPlay--light:lang(ko-KR), .Button--labeledPlay--lightBlueGreen:lang(ko-KR), .Button--labeledPlay--pinkRed:lang(ko-KR), .Button--labeledPlay--white:lang(ko-KR), .Button--labeledPlay--yellowOrange:lang(ko-KR), .Button--underlined--black:lang(ko-KR), .Button--underlined--blueGreen:lang(ko-KR), .Button--underlined--dark:lang(ko-KR), .Button--underlined--greenGreen:lang(ko-KR), .Button--underlined--greenPink:lang(ko-KR), .Button--underlined--light:lang(ko-KR), .Button--underlined--lightBlueGreen:lang(ko-KR), .Button--underlined--pinkRed:lang(ko-KR), .Button--underlined--white:lang(ko-KR), .Button--underlined--yellowOrange:lang(ko-KR), .CTA--arrow--black:lang(ko-KR), .CTA--arrow--blueGreen:lang(ko-KR), .CTA--arrow--dark:lang(ko-KR), .CTA--arrow--greenGreen:lang(ko-KR), .CTA--arrow--greenPink:lang(ko-KR), .CTA--arrow--light:lang(ko-KR), .CTA--arrow--lightBlueGreen:lang(ko-KR), .CTA--arrow--pinkRed:lang(ko-KR), .CTA--arrow--white:lang(ko-KR), .CTA--arrow--yellowOrange:lang(ko-KR), .CTA--backButton--black:lang(ko-KR), .CTA--backButton--blueGreen:lang(ko-KR), .CTA--backButton--dark:lang(ko-KR), .CTA--backButton--greenGreen:lang(ko-KR), .CTA--backButton--greenPink:lang(ko-KR), .CTA--backButton--light:lang(ko-KR), .CTA--backButton--lightBlueGreen:lang(ko-KR), .CTA--backButton--pinkRed:lang(ko-KR), .CTA--backButton--white:lang(ko-KR), .CTA--backButton--yellowOrange:lang(ko-KR), .CTA--labeledPlay--black:lang(ko-KR), .CTA--labeledPlay--blueGreen:lang(ko-KR), .CTA--labeledPlay--dark:lang(ko-KR), .CTA--labeledPlay--greenGreen:lang(ko-KR), .CTA--labeledPlay--greenPink:lang(ko-KR), .CTA--labeledPlay--light:lang(ko-KR), .CTA--labeledPlay--lightBlueGreen:lang(ko-KR), .CTA--labeledPlay--pinkRed:lang(ko-KR), .CTA--labeledPlay--white:lang(ko-KR), .CTA--labeledPlay--yellowOrange:lang(ko-KR), .CTA--text--black:lang(ko-KR), .CTA--text--blueGreen:lang(ko-KR), .CTA--text--dark:lang(ko-KR), .CTA--text--greenGreen:lang(ko-KR), .CTA--text--greenPink:lang(ko-KR), .CTA--text--light:lang(ko-KR), .CTA--text--lightBlueGreen:lang(ko-KR), .CTA--text--pinkRed:lang(ko-KR), .CTA--text--white:lang(ko-KR), .CTA--text--yellowOrange:lang(ko-KR), .CTA--underlined--black--checkmark:lang(ko-KR), .CTA--underlined--black--gallery_external:lang(ko-KR), .CTA--underlined--black:lang(ko-KR), .CTA--underlined--blueGreen--checkmark:lang(ko-KR), .CTA--underlined--blueGreen--gallery_external:lang(ko-KR), .CTA--underlined--blueGreen:lang(ko-KR), .CTA--underlined--dark--checkmark:lang(ko-KR), .CTA--underlined--dark--gallery_external:lang(ko-KR), .CTA--underlined--dark:lang(ko-KR), .CTA--underlined--greenGreen--checkmark:lang(ko-KR), .CTA--underlined--greenGreen--gallery_external:lang(ko-KR), .CTA--underlined--greenGreen:lang(ko-KR), .CTA--underlined--greenPink--checkmark:lang(ko-KR), .CTA--underlined--greenPink--gallery_external:lang(ko-KR), .CTA--underlined--greenPink:lang(ko-KR), .CTA--underlined--light--checkmark:lang(ko-KR), .CTA--underlined--light--gallery_external:lang(ko-KR), .CTA--underlined--light:lang(ko-KR), .CTA--underlined--lightBlueGreen--checkmark:lang(ko-KR), .CTA--underlined--lightBlueGreen--gallery_external:lang(ko-KR), .CTA--underlined--lightBlueGreen:lang(ko-KR), .CTA--underlined--pinkRed--checkmark:lang(ko-KR), .CTA--underlined--pinkRed--gallery_external:lang(ko-KR), .CTA--underlined--pinkRed:lang(ko-KR), .CTA--underlined--red:lang(ko-KR), .CTA--underlined--white--checkmark:lang(ko-KR), .CTA--underlined--white--gallery_external:lang(ko-KR), .CTA--underlined--white:lang(ko-KR), .CTA--underlined--yellowOrange--checkmark:lang(ko-KR), .CTA--underlined--yellowOrange--gallery_external:lang(ko-KR), .CTA--underlined--yellowOrange:lang(ko-KR), .ContactBar-container--dark .ContactBar-phone:lang(ko-KR), .ContactBar-container--light .ContactBar-phone:lang(ko-KR), .EliteGuestCard-email:lang(ko-KR), .EliteGuestCard-phone:lang(ko-KR), .Feature--dark .Feature-cta--noLink:lang(ko-KR), .Feature--light .Feature-cta--noLink:lang(ko-KR), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ko-KR), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ko-KR), .LocationBar--dark .LocationBar-cta:lang(ko-KR), .LocationBar--dark .LocationBar-phone:lang(ko-KR), .LocationBar--light .LocationBar-cta:lang(ko-KR), .LocationBar--light .LocationBar-phone:lang(ko-KR), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(ko-KR), .ReservationBar--dark .ReservationBar-phone:lang(ko-KR), .ReservationBar--light .ReservationBar-phone:lang(ko-KR), .mktoForm a:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(zh), .Button--labeledPlay--blueGreen:lang(zh), .Button--labeledPlay--dark:lang(zh), .Button--labeledPlay--greenGreen:lang(zh), .Button--labeledPlay--greenPink:lang(zh), .Button--labeledPlay--light:lang(zh), .Button--labeledPlay--lightBlueGreen:lang(zh), .Button--labeledPlay--pinkRed:lang(zh), .Button--labeledPlay--white:lang(zh), .Button--labeledPlay--yellowOrange:lang(zh), .Button--underlined--black:lang(zh), .Button--underlined--blueGreen:lang(zh), .Button--underlined--dark:lang(zh), .Button--underlined--greenGreen:lang(zh), .Button--underlined--greenPink:lang(zh), .Button--underlined--light:lang(zh), .Button--underlined--lightBlueGreen:lang(zh), .Button--underlined--pinkRed:lang(zh), .Button--underlined--white:lang(zh), .Button--underlined--yellowOrange:lang(zh), .CTA--arrow--black:lang(zh), .CTA--arrow--blueGreen:lang(zh), .CTA--arrow--dark:lang(zh), .CTA--arrow--greenGreen:lang(zh), .CTA--arrow--greenPink:lang(zh), .CTA--arrow--light:lang(zh), .CTA--arrow--lightBlueGreen:lang(zh), .CTA--arrow--pinkRed:lang(zh), .CTA--arrow--white:lang(zh), .CTA--arrow--yellowOrange:lang(zh), .CTA--backButton--black:lang(zh), .CTA--backButton--blueGreen:lang(zh), .CTA--backButton--dark:lang(zh), .CTA--backButton--greenGreen:lang(zh), .CTA--backButton--greenPink:lang(zh), .CTA--backButton--light:lang(zh), .CTA--backButton--lightBlueGreen:lang(zh), .CTA--backButton--pinkRed:lang(zh), .CTA--backButton--white:lang(zh), .CTA--backButton--yellowOrange:lang(zh), .CTA--labeledPlay--black:lang(zh), .CTA--labeledPlay--blueGreen:lang(zh), .CTA--labeledPlay--dark:lang(zh), .CTA--labeledPlay--greenGreen:lang(zh), .CTA--labeledPlay--greenPink:lang(zh), .CTA--labeledPlay--light:lang(zh), .CTA--labeledPlay--lightBlueGreen:lang(zh), .CTA--labeledPlay--pinkRed:lang(zh), .CTA--labeledPlay--white:lang(zh), .CTA--labeledPlay--yellowOrange:lang(zh), .CTA--text--black:lang(zh), .CTA--text--blueGreen:lang(zh), .CTA--text--dark:lang(zh), .CTA--text--greenGreen:lang(zh), .CTA--text--greenPink:lang(zh), .CTA--text--light:lang(zh), .CTA--text--lightBlueGreen:lang(zh), .CTA--text--pinkRed:lang(zh), .CTA--text--white:lang(zh), .CTA--text--yellowOrange:lang(zh), .CTA--underlined--black--checkmark:lang(zh), .CTA--underlined--black--gallery_external:lang(zh), .CTA--underlined--black:lang(zh), .CTA--underlined--blueGreen--checkmark:lang(zh), .CTA--underlined--blueGreen--gallery_external:lang(zh), .CTA--underlined--blueGreen:lang(zh), .CTA--underlined--dark--checkmark:lang(zh), .CTA--underlined--dark--gallery_external:lang(zh), .CTA--underlined--dark:lang(zh), .CTA--underlined--greenGreen--checkmark:lang(zh), .CTA--underlined--greenGreen--gallery_external:lang(zh), .CTA--underlined--greenGreen:lang(zh), .CTA--underlined--greenPink--checkmark:lang(zh), .CTA--underlined--greenPink--gallery_external:lang(zh), .CTA--underlined--greenPink:lang(zh), .CTA--underlined--light--checkmark:lang(zh), .CTA--underlined--light--gallery_external:lang(zh), .CTA--underlined--light:lang(zh), .CTA--underlined--lightBlueGreen--checkmark:lang(zh), .CTA--underlined--lightBlueGreen--gallery_external:lang(zh), .CTA--underlined--lightBlueGreen:lang(zh), .CTA--underlined--pinkRed--checkmark:lang(zh), .CTA--underlined--pinkRed--gallery_external:lang(zh), .CTA--underlined--pinkRed:lang(zh), .CTA--underlined--red:lang(zh), .CTA--underlined--white--checkmark:lang(zh), .CTA--underlined--white--gallery_external:lang(zh), .CTA--underlined--white:lang(zh), .CTA--underlined--yellowOrange--checkmark:lang(zh), .CTA--underlined--yellowOrange--gallery_external:lang(zh), .CTA--underlined--yellowOrange:lang(zh), .ContactBar-container--dark .ContactBar-phone:lang(zh), .ContactBar-container--light .ContactBar-phone:lang(zh), .EliteGuestCard-email:lang(zh), .EliteGuestCard-phone:lang(zh), .Feature--dark .Feature-cta--noLink:lang(zh), .Feature--light .Feature-cta--noLink:lang(zh), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(zh), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(zh), .LocationBar--dark .LocationBar-cta:lang(zh), .LocationBar--dark .LocationBar-phone:lang(zh), .LocationBar--light .LocationBar-cta:lang(zh), .LocationBar--light .LocationBar-phone:lang(zh), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(zh), .ReservationBar--dark .ReservationBar-phone:lang(zh), .ReservationBar--light .ReservationBar-phone:lang(zh), .mktoForm a:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(zh-TW), .Button--labeledPlay--blueGreen:lang(zh-TW), .Button--labeledPlay--dark:lang(zh-TW), .Button--labeledPlay--greenGreen:lang(zh-TW), .Button--labeledPlay--greenPink:lang(zh-TW), .Button--labeledPlay--light:lang(zh-TW), .Button--labeledPlay--lightBlueGreen:lang(zh-TW), .Button--labeledPlay--pinkRed:lang(zh-TW), .Button--labeledPlay--white:lang(zh-TW), .Button--labeledPlay--yellowOrange:lang(zh-TW), .Button--underlined--black:lang(zh-TW), .Button--underlined--blueGreen:lang(zh-TW), .Button--underlined--dark:lang(zh-TW), .Button--underlined--greenGreen:lang(zh-TW), .Button--underlined--greenPink:lang(zh-TW), .Button--underlined--light:lang(zh-TW), .Button--underlined--lightBlueGreen:lang(zh-TW), .Button--underlined--pinkRed:lang(zh-TW), .Button--underlined--white:lang(zh-TW), .Button--underlined--yellowOrange:lang(zh-TW), .CTA--arrow--black:lang(zh-TW), .CTA--arrow--blueGreen:lang(zh-TW), .CTA--arrow--dark:lang(zh-TW), .CTA--arrow--greenGreen:lang(zh-TW), .CTA--arrow--greenPink:lang(zh-TW), .CTA--arrow--light:lang(zh-TW), .CTA--arrow--lightBlueGreen:lang(zh-TW), .CTA--arrow--pinkRed:lang(zh-TW), .CTA--arrow--white:lang(zh-TW), .CTA--arrow--yellowOrange:lang(zh-TW), .CTA--backButton--black:lang(zh-TW), .CTA--backButton--blueGreen:lang(zh-TW), .CTA--backButton--dark:lang(zh-TW), .CTA--backButton--greenGreen:lang(zh-TW), .CTA--backButton--greenPink:lang(zh-TW), .CTA--backButton--light:lang(zh-TW), .CTA--backButton--lightBlueGreen:lang(zh-TW), .CTA--backButton--pinkRed:lang(zh-TW), .CTA--backButton--white:lang(zh-TW), .CTA--backButton--yellowOrange:lang(zh-TW), .CTA--labeledPlay--black:lang(zh-TW), .CTA--labeledPlay--blueGreen:lang(zh-TW), .CTA--labeledPlay--dark:lang(zh-TW), .CTA--labeledPlay--greenGreen:lang(zh-TW), .CTA--labeledPlay--greenPink:lang(zh-TW), .CTA--labeledPlay--light:lang(zh-TW), .CTA--labeledPlay--lightBlueGreen:lang(zh-TW), .CTA--labeledPlay--pinkRed:lang(zh-TW), .CTA--labeledPlay--white:lang(zh-TW), .CTA--labeledPlay--yellowOrange:lang(zh-TW), .CTA--text--black:lang(zh-TW), .CTA--text--blueGreen:lang(zh-TW), .CTA--text--dark:lang(zh-TW), .CTA--text--greenGreen:lang(zh-TW), .CTA--text--greenPink:lang(zh-TW), .CTA--text--light:lang(zh-TW), .CTA--text--lightBlueGreen:lang(zh-TW), .CTA--text--pinkRed:lang(zh-TW), .CTA--text--white:lang(zh-TW), .CTA--text--yellowOrange:lang(zh-TW), .CTA--underlined--black--checkmark:lang(zh-TW), .CTA--underlined--black--gallery_external:lang(zh-TW), .CTA--underlined--black:lang(zh-TW), .CTA--underlined--blueGreen--checkmark:lang(zh-TW), .CTA--underlined--blueGreen--gallery_external:lang(zh-TW), .CTA--underlined--blueGreen:lang(zh-TW), .CTA--underlined--dark--checkmark:lang(zh-TW), .CTA--underlined--dark--gallery_external:lang(zh-TW), .CTA--underlined--dark:lang(zh-TW), .CTA--underlined--greenGreen--checkmark:lang(zh-TW), .CTA--underlined--greenGreen--gallery_external:lang(zh-TW), .CTA--underlined--greenGreen:lang(zh-TW), .CTA--underlined--greenPink--checkmark:lang(zh-TW), .CTA--underlined--greenPink--gallery_external:lang(zh-TW), .CTA--underlined--greenPink:lang(zh-TW), .CTA--underlined--light--checkmark:lang(zh-TW), .CTA--underlined--light--gallery_external:lang(zh-TW), .CTA--underlined--light:lang(zh-TW), .CTA--underlined--lightBlueGreen--checkmark:lang(zh-TW), .CTA--underlined--lightBlueGreen--gallery_external:lang(zh-TW), .CTA--underlined--lightBlueGreen:lang(zh-TW), .CTA--underlined--pinkRed--checkmark:lang(zh-TW), .CTA--underlined--pinkRed--gallery_external:lang(zh-TW), .CTA--underlined--pinkRed:lang(zh-TW), .CTA--underlined--red:lang(zh-TW), .CTA--underlined--white--checkmark:lang(zh-TW), .CTA--underlined--white--gallery_external:lang(zh-TW), .CTA--underlined--white:lang(zh-TW), .CTA--underlined--yellowOrange--checkmark:lang(zh-TW), .CTA--underlined--yellowOrange--gallery_external:lang(zh-TW), .CTA--underlined--yellowOrange:lang(zh-TW), .ContactBar-container--dark .ContactBar-phone:lang(zh-TW), .ContactBar-container--light .ContactBar-phone:lang(zh-TW), .EliteGuestCard-email:lang(zh-TW), .EliteGuestCard-phone:lang(zh-TW), .Feature--dark .Feature-cta--noLink:lang(zh-TW), .Feature--light .Feature-cta--noLink:lang(zh-TW), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(zh-TW), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(zh-TW), .LocationBar--dark .LocationBar-cta:lang(zh-TW), .LocationBar--dark .LocationBar-phone:lang(zh-TW), .LocationBar--light .LocationBar-cta:lang(zh-TW), .LocationBar--light .LocationBar-phone:lang(zh-TW), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(zh-TW), .ReservationBar--dark .ReservationBar-phone:lang(zh-TW), .ReservationBar--light .ReservationBar-phone:lang(zh-TW), .mktoForm a:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(ja), .Button--labeledPlay--blueGreen:lang(ja), .Button--labeledPlay--dark:lang(ja), .Button--labeledPlay--greenGreen:lang(ja), .Button--labeledPlay--greenPink:lang(ja), .Button--labeledPlay--light:lang(ja), .Button--labeledPlay--lightBlueGreen:lang(ja), .Button--labeledPlay--pinkRed:lang(ja), .Button--labeledPlay--white:lang(ja), .Button--labeledPlay--yellowOrange:lang(ja), .Button--underlined--black:lang(ja), .Button--underlined--blueGreen:lang(ja), .Button--underlined--dark:lang(ja), .Button--underlined--greenGreen:lang(ja), .Button--underlined--greenPink:lang(ja), .Button--underlined--light:lang(ja), .Button--underlined--lightBlueGreen:lang(ja), .Button--underlined--pinkRed:lang(ja), .Button--underlined--white:lang(ja), .Button--underlined--yellowOrange:lang(ja), .CTA--arrow--black:lang(ja), .CTA--arrow--blueGreen:lang(ja), .CTA--arrow--dark:lang(ja), .CTA--arrow--greenGreen:lang(ja), .CTA--arrow--greenPink:lang(ja), .CTA--arrow--light:lang(ja), .CTA--arrow--lightBlueGreen:lang(ja), .CTA--arrow--pinkRed:lang(ja), .CTA--arrow--white:lang(ja), .CTA--arrow--yellowOrange:lang(ja), .CTA--backButton--black:lang(ja), .CTA--backButton--blueGreen:lang(ja), .CTA--backButton--dark:lang(ja), .CTA--backButton--greenGreen:lang(ja), .CTA--backButton--greenPink:lang(ja), .CTA--backButton--light:lang(ja), .CTA--backButton--lightBlueGreen:lang(ja), .CTA--backButton--pinkRed:lang(ja), .CTA--backButton--white:lang(ja), .CTA--backButton--yellowOrange:lang(ja), .CTA--labeledPlay--black:lang(ja), .CTA--labeledPlay--blueGreen:lang(ja), .CTA--labeledPlay--dark:lang(ja), .CTA--labeledPlay--greenGreen:lang(ja), .CTA--labeledPlay--greenPink:lang(ja), .CTA--labeledPlay--light:lang(ja), .CTA--labeledPlay--lightBlueGreen:lang(ja), .CTA--labeledPlay--pinkRed:lang(ja), .CTA--labeledPlay--white:lang(ja), .CTA--labeledPlay--yellowOrange:lang(ja), .CTA--text--black:lang(ja), .CTA--text--blueGreen:lang(ja), .CTA--text--dark:lang(ja), .CTA--text--greenGreen:lang(ja), .CTA--text--greenPink:lang(ja), .CTA--text--light:lang(ja), .CTA--text--lightBlueGreen:lang(ja), .CTA--text--pinkRed:lang(ja), .CTA--text--white:lang(ja), .CTA--text--yellowOrange:lang(ja), .CTA--underlined--black--checkmark:lang(ja), .CTA--underlined--black--gallery_external:lang(ja), .CTA--underlined--black:lang(ja), .CTA--underlined--blueGreen--checkmark:lang(ja), .CTA--underlined--blueGreen--gallery_external:lang(ja), .CTA--underlined--blueGreen:lang(ja), .CTA--underlined--dark--checkmark:lang(ja), .CTA--underlined--dark--gallery_external:lang(ja), .CTA--underlined--dark:lang(ja), .CTA--underlined--greenGreen--checkmark:lang(ja), .CTA--underlined--greenGreen--gallery_external:lang(ja), .CTA--underlined--greenGreen:lang(ja), .CTA--underlined--greenPink--checkmark:lang(ja), .CTA--underlined--greenPink--gallery_external:lang(ja), .CTA--underlined--greenPink:lang(ja), .CTA--underlined--light--checkmark:lang(ja), .CTA--underlined--light--gallery_external:lang(ja), .CTA--underlined--light:lang(ja), .CTA--underlined--lightBlueGreen--checkmark:lang(ja), .CTA--underlined--lightBlueGreen--gallery_external:lang(ja), .CTA--underlined--lightBlueGreen:lang(ja), .CTA--underlined--pinkRed--checkmark:lang(ja), .CTA--underlined--pinkRed--gallery_external:lang(ja), .CTA--underlined--pinkRed:lang(ja), .CTA--underlined--red:lang(ja), .CTA--underlined--white--checkmark:lang(ja), .CTA--underlined--white--gallery_external:lang(ja), .CTA--underlined--white:lang(ja), .CTA--underlined--yellowOrange--checkmark:lang(ja), .CTA--underlined--yellowOrange--gallery_external:lang(ja), .CTA--underlined--yellowOrange:lang(ja), .ContactBar-container--dark .ContactBar-phone:lang(ja), .ContactBar-container--light .ContactBar-phone:lang(ja), .EliteGuestCard-email:lang(ja), .EliteGuestCard-phone:lang(ja), .Feature--dark .Feature-cta--noLink:lang(ja), .Feature--light .Feature-cta--noLink:lang(ja), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ja), .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ja), .LocationBar--dark .LocationBar-cta:lang(ja), .LocationBar--dark .LocationBar-phone:lang(ja), .LocationBar--light .LocationBar-cta:lang(ja), .LocationBar--light .LocationBar-phone:lang(ja), .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(ja), .ReservationBar--dark .ReservationBar-phone:lang(ja), .ReservationBar--light .ReservationBar-phone:lang(ja), .mktoForm a:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ContactBar-container--dark html.WhiteLabelSite .ContactBar-phone, .ContactBar-container--light html.WhiteLabelSite .ContactBar-phone, .Feature--dark html.WhiteLabelSite .Feature-cta--noLink, .Feature--light html.WhiteLabelSite .Feature-cta--noLink, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark html.WhiteLabelSite .Button-label, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light html.WhiteLabelSite .Button-label, .LocationBar--dark html.WhiteLabelSite .LocationBar-cta, .LocationBar--dark html.WhiteLabelSite .LocationBar-phone, .LocationBar--light html.WhiteLabelSite .LocationBar-cta, .LocationBar--light html.WhiteLabelSite .LocationBar-phone, .RandomSlidesList--dark .RandomSlidesList-GenericSlide html.WhiteLabelSite .CTA, .ReservationBar--dark html.WhiteLabelSite .ReservationBar-phone, .ReservationBar--light html.WhiteLabelSite .ReservationBar-phone, .mktoForm html.WhiteLabelSite a, html.WhiteLabelSite .Button--labeledPlay--black, html.WhiteLabelSite .Button--labeledPlay--blueGreen, html.WhiteLabelSite .Button--labeledPlay--dark, html.WhiteLabelSite .Button--labeledPlay--greenGreen, html.WhiteLabelSite .Button--labeledPlay--greenPink, html.WhiteLabelSite .Button--labeledPlay--light, html.WhiteLabelSite .Button--labeledPlay--lightBlueGreen, html.WhiteLabelSite .Button--labeledPlay--pinkRed, html.WhiteLabelSite .Button--labeledPlay--white, html.WhiteLabelSite .Button--labeledPlay--yellowOrange, html.WhiteLabelSite .Button--underlined--black, html.WhiteLabelSite .Button--underlined--blueGreen, html.WhiteLabelSite .Button--underlined--dark, html.WhiteLabelSite .Button--underlined--greenGreen, html.WhiteLabelSite .Button--underlined--greenPink, html.WhiteLabelSite .Button--underlined--light, html.WhiteLabelSite .Button--underlined--lightBlueGreen, html.WhiteLabelSite .Button--underlined--pinkRed, html.WhiteLabelSite .Button--underlined--white, html.WhiteLabelSite .Button--underlined--yellowOrange, html.WhiteLabelSite .CTA--arrow--black, html.WhiteLabelSite .CTA--arrow--blueGreen, html.WhiteLabelSite .CTA--arrow--dark, html.WhiteLabelSite .CTA--arrow--greenGreen, html.WhiteLabelSite .CTA--arrow--greenPink, html.WhiteLabelSite .CTA--arrow--light, html.WhiteLabelSite .CTA--arrow--lightBlueGreen, html.WhiteLabelSite .CTA--arrow--pinkRed, html.WhiteLabelSite .CTA--arrow--white, html.WhiteLabelSite .CTA--arrow--yellowOrange, html.WhiteLabelSite .CTA--backButton--black, html.WhiteLabelSite .CTA--backButton--blueGreen, html.WhiteLabelSite .CTA--backButton--dark, html.WhiteLabelSite .CTA--backButton--greenGreen, html.WhiteLabelSite .CTA--backButton--greenPink, html.WhiteLabelSite .CTA--backButton--light, html.WhiteLabelSite .CTA--backButton--lightBlueGreen, html.WhiteLabelSite .CTA--backButton--pinkRed, html.WhiteLabelSite .CTA--backButton--white, html.WhiteLabelSite .CTA--backButton--yellowOrange, html.WhiteLabelSite .CTA--labeledPlay--black, html.WhiteLabelSite .CTA--labeledPlay--blueGreen, html.WhiteLabelSite .CTA--labeledPlay--dark, html.WhiteLabelSite .CTA--labeledPlay--greenGreen, html.WhiteLabelSite .CTA--labeledPlay--greenPink, html.WhiteLabelSite .CTA--labeledPlay--light, html.WhiteLabelSite .CTA--labeledPlay--lightBlueGreen, html.WhiteLabelSite .CTA--labeledPlay--pinkRed, html.WhiteLabelSite .CTA--labeledPlay--white, html.WhiteLabelSite .CTA--labeledPlay--yellowOrange, html.WhiteLabelSite .CTA--text--black, html.WhiteLabelSite .CTA--text--blueGreen, html.WhiteLabelSite .CTA--text--dark, html.WhiteLabelSite .CTA--text--greenGreen, html.WhiteLabelSite .CTA--text--greenPink, html.WhiteLabelSite .CTA--text--light, html.WhiteLabelSite .CTA--text--lightBlueGreen, html.WhiteLabelSite .CTA--text--pinkRed, html.WhiteLabelSite .CTA--text--white, html.WhiteLabelSite .CTA--text--yellowOrange, html.WhiteLabelSite .CTA--underlined--black, html.WhiteLabelSite .CTA--underlined--black--checkmark, html.WhiteLabelSite .CTA--underlined--black--gallery_external, html.WhiteLabelSite .CTA--underlined--blueGreen, html.WhiteLabelSite .CTA--underlined--blueGreen--checkmark, html.WhiteLabelSite .CTA--underlined--blueGreen--gallery_external, html.WhiteLabelSite .CTA--underlined--dark, html.WhiteLabelSite .CTA--underlined--dark--checkmark, html.WhiteLabelSite .CTA--underlined--dark--gallery_external, html.WhiteLabelSite .CTA--underlined--greenGreen, html.WhiteLabelSite .CTA--underlined--greenGreen--checkmark, html.WhiteLabelSite .CTA--underlined--greenGreen--gallery_external, html.WhiteLabelSite .CTA--underlined--greenPink, html.WhiteLabelSite .CTA--underlined--greenPink--checkmark, html.WhiteLabelSite .CTA--underlined--greenPink--gallery_external, html.WhiteLabelSite .CTA--underlined--light, html.WhiteLabelSite .CTA--underlined--light--checkmark, html.WhiteLabelSite .CTA--underlined--light--gallery_external, html.WhiteLabelSite .CTA--underlined--lightBlueGreen, html.WhiteLabelSite .CTA--underlined--lightBlueGreen--checkmark, html.WhiteLabelSite .CTA--underlined--lightBlueGreen--gallery_external, html.WhiteLabelSite .CTA--underlined--pinkRed, html.WhiteLabelSite .CTA--underlined--pinkRed--checkmark, html.WhiteLabelSite .CTA--underlined--pinkRed--gallery_external, html.WhiteLabelSite .CTA--underlined--red, html.WhiteLabelSite .CTA--underlined--white, html.WhiteLabelSite .CTA--underlined--white--checkmark, html.WhiteLabelSite .CTA--underlined--white--gallery_external, html.WhiteLabelSite .CTA--underlined--yellowOrange, html.WhiteLabelSite .CTA--underlined--yellowOrange--checkmark, html.WhiteLabelSite .CTA--underlined--yellowOrange--gallery_external, html.WhiteLabelSite .ContactBar-container--dark .ContactBar-phone, html.WhiteLabelSite .ContactBar-container--light .ContactBar-phone, html.WhiteLabelSite .EliteGuestCard-email, html.WhiteLabelSite .EliteGuestCard-phone, html.WhiteLabelSite .Feature--dark .Feature-cta--noLink, html.WhiteLabelSite .Feature--light .Feature-cta--noLink, html.WhiteLabelSite .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label, html.WhiteLabelSite .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label, html.WhiteLabelSite .LocationBar--dark .LocationBar-cta, html.WhiteLabelSite .LocationBar--dark .LocationBar-phone, html.WhiteLabelSite .LocationBar--light .LocationBar-cta, html.WhiteLabelSite .LocationBar--light .LocationBar-phone, html.WhiteLabelSite .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA, html.WhiteLabelSite .ReservationBar--dark .ReservationBar-phone, html.WhiteLabelSite .ReservationBar--light .ReservationBar-phone, html.WhiteLabelSite .mktoForm a { font-family: EB Garamond; font-size: 1rem; font-size: .875rem; letter-spacing: .0625em; letter-spacing: .0714285714em; line-height: 1.6875em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--close--black, .Button--close--blueGreen, .Button--close--dark, .Button--close--greenGreen, .Button--close--greenPink, .Button--close--light, .Button--close--lightBlueGreen, .Button--close--pinkRed, .Button--close--white, .Button--close--yellowOrange, .Button--nextIcon--black, .Button--nextIcon--blueGreen, .Button--nextIcon--dark, .Button--nextIcon--greenGreen, .Button--nextIcon--greenPink, .Button--nextIcon--light, .Button--nextIcon--lightBlueGreen, .Button--nextIcon--pinkRed, .Button--nextIcon--white, .Button--nextIcon--yellowOrange, .Button--pauseIcon--black, .Button--pauseIcon--blueGreen, .Button--pauseIcon--dark, .Button--pauseIcon--greenGreen, .Button--pauseIcon--greenPink, .Button--pauseIcon--light, .Button--pauseIcon--lightBlueGreen, .Button--pauseIcon--pinkRed, .Button--pauseIcon--white, .Button--pauseIcon--yellowOrange, .Button--playIcon--black, .Button--playIcon--blueGreen, .Button--playIcon--dark, .Button--playIcon--greenGreen, .Button--playIcon--greenPink, .Button--playIcon--light, .Button--playIcon--lightBlueGreen, .Button--playIcon--pinkRed, .Button--playIcon--white, .Button--playIcon--yellowOrange, .Button--prevIcon--black, .Button--prevIcon--blueGreen, .Button--prevIcon--dark, .Button--prevIcon--greenGreen, .Button--prevIcon--greenPink, .Button--prevIcon--light, .Button--prevIcon--lightBlueGreen, .Button--prevIcon--pinkRed, .Button--prevIcon--white, .Button--prevIcon--yellowOrange, .Navigation-sm .Navigation-menuButton, .PageFooter-socialProperty--facebook, .PageFooter-socialProperty--instagram, .PageFooter-socialProperty--pinterest, .PageFooter-socialProperty--twitter, .PageFooter-socialProperty--youtube, .PreferredPartnerPageFooter-socialProperty--facebook, .PreferredPartnerPageFooter-socialProperty--instagram, .PreferredPartnerPageFooter-socialProperty--pinterest, .PreferredPartnerPageFooter-socialProperty--twitter, .PreferredPartnerPageFooter-socialProperty--youtube, .SocialLink--douban, .SocialLink--facebook, .SocialLink--foursquare, .SocialLink--googleplus, .SocialLink--instagram, .SocialLink--pinterest, .SocialLink--qq, .SocialLink--tripadvisor, .SocialLink--twitter, .SocialLink--wechat, .SocialLink--weibo, .SocialLink--youku, .SocialLink--youtube { background: none; border: 0; cursor: pointer; font-size: 1.25rem; height: 48px; padding: 0; width: 48px } .Button--close--black .Button-label, .Button--close--blueGreen .Button-label, .Button--close--dark .Button-label, .Button--close--greenGreen .Button-label, .Button--close--greenPink .Button-label, .Button--close--light .Button-label, .Button--close--lightBlueGreen .Button-label, .Button--close--pinkRed .Button-label, .Button--close--white .Button-label, .Button--close--yellowOrange .Button-label, .Button--nextIcon--black .Button-label, .Button--nextIcon--blueGreen .Button-label, .Button--nextIcon--dark .Button-label, .Button--nextIcon--greenGreen .Button-label, .Button--nextIcon--greenPink .Button-label, .Button--nextIcon--light .Button-label, .Button--nextIcon--lightBlueGreen .Button-label, .Button--nextIcon--pinkRed .Button-label, .Button--nextIcon--white .Button-label, .Button--nextIcon--yellowOrange .Button-label, .Button--pauseIcon--black .Button-label, .Button--pauseIcon--blueGreen .Button-label, .Button--pauseIcon--dark .Button-label, .Button--pauseIcon--greenGreen .Button-label, .Button--pauseIcon--greenPink .Button-label, .Button--pauseIcon--light .Button-label, .Button--pauseIcon--lightBlueGreen .Button-label, .Button--pauseIcon--pinkRed .Button-label, .Button--pauseIcon--white .Button-label, .Button--pauseIcon--yellowOrange .Button-label, .Button--playIcon--black .Button-label, .Button--playIcon--blueGreen .Button-label, .Button--playIcon--dark .Button-label, .Button--playIcon--greenGreen .Button-label, .Button--playIcon--greenPink .Button-label, .Button--playIcon--light .Button-label, .Button--playIcon--lightBlueGreen .Button-label, .Button--playIcon--pinkRed .Button-label, .Button--playIcon--white .Button-label, .Button--playIcon--yellowOrange .Button-label, .Button--prevIcon--black .Button-label, .Button--prevIcon--blueGreen .Button-label, .Button--prevIcon--dark .Button-label, .Button--prevIcon--greenGreen .Button-label, .Button--prevIcon--greenPink .Button-label, .Button--prevIcon--light .Button-label, .Button--prevIcon--lightBlueGreen .Button-label, .Button--prevIcon--pinkRed .Button-label, .Button--prevIcon--white .Button-label, .Button--prevIcon--yellowOrange .Button-label, .Navigation-sm .Navigation-menuButton .Button-label, .PageFooter-socialProperty--facebook .Button-label, .PageFooter-socialProperty--instagram .Button-label, .PageFooter-socialProperty--pinterest .Button-label, .PageFooter-socialProperty--twitter .Button-label, .PageFooter-socialProperty--youtube .Button-label, .PreferredPartnerPageFooter-socialProperty--facebook .Button-label, .PreferredPartnerPageFooter-socialProperty--instagram .Button-label, .PreferredPartnerPageFooter-socialProperty--pinterest .Button-label, .PreferredPartnerPageFooter-socialProperty--twitter .Button-label, .PreferredPartnerPageFooter-socialProperty--youtube .Button-label, .SocialLink--douban .Button-label, .SocialLink--facebook .Button-label, .SocialLink--foursquare .Button-label, .SocialLink--googleplus .Button-label, .SocialLink--instagram .Button-label, .SocialLink--pinterest .Button-label, .SocialLink--qq .Button-label, .SocialLink--tripadvisor .Button-label, .SocialLink--twitter .Button-label, .SocialLink--wechat .Button-label, .SocialLink--weibo .Button-label, .SocialLink--youku .Button-label, .SocialLink--youtube .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } @layer base { html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } h1 { font-size: 2em; margin: .67em 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden], template { display: none } } @font-face { font-family: fs-iconfont; src: url(/alt/fshr/design3/fonts/fs-iconfont.woff2?54f66c99e969b0e0309becbeb4fe611a) format("woff2"), url(/alt/fshr/design3/fonts/fs-iconfont.woff?54f66c99e969b0e0309becbeb4fe611a) format("woff"), url(/alt/fshr/design3/fonts/fs-iconfont.ttf?54f66c99e969b0e0309becbeb4fe611a) format("truetype") } .icon-accessibility:before { content: "\f101" } .icon-activities:before { content: "\f102" } .icon-alarm:before { content: "\f103" } .icon-arrow_left:before { content: "\f104" } .icon-arrow_right:before { content: "\f105" } .icon-arrow_right_large:before { content: "\f106" } .icon-banquet:before { content: "\f107" } .icon-bathroom:before { content: "\f108" } .icon-beds:before { content: "\f109" } .icon-blizzard:before { content: "\f10a" } .icon-blowing_snow:before { content: "\f10b" } .icon-boardroom:before { content: "\f10c" } .icon-brightness:before { content: "\f10d" } .icon-business_centre:before { content: "\f10e" } .icon-call:before { content: "\f10f" } .icon-call_alt:before { content: "\f110" } .icon-caret:before { content: "\f111" } .icon-caret_down:before { content: "\f112" } .icon-chat:before { content: "\f113" } .icon-chat_outline:before { content: "\f114" } .icon-checkmark:before { content: "\f115" } .icon-checkmark_simple:before { content: "\f116" } .icon-chevron_left:before { content: "\f117" } .icon-chevron_right:before { content: "\f118" } .icon-classroom:before { content: "\f119" } .icon-close:before { content: "\f11a" } .icon-close_alt:before { content: "\f11b" } .icon-close_circle:before { content: "\f11c" } .icon-cloudy:before { content: "\f11d" } .icon-cloudy_fog:before { content: "\f11e" } .icon-cloudy_sunny_breaks:before { content: "\f11f" } .icon-collapse:before { content: "\f120" } .icon-condo:before { content: "\f121" } .icon-contact_email:before { content: "\f122" } .icon-contact_phone:before { content: "\f123" } .icon-dairy_free:before { content: "\f124" } .icon-decor:before { content: "\f125" } .icon-desktop:before { content: "\f126" } .icon-detached_house:before { content: "\f127" } .icon-dining:before { content: "\f128" } .icon-douban:before { content: "\f129" } .icon-drizzle:before { content: "\f12a" } .icon-egg_free:before { content: "\f12b" } .icon-email:before { content: "\f12c" } .icon-exclusive_amenities:before { content: "\f12d" } .icon-exclusive_offer:before { content: "\f12e" } .icon-express_pressing:before { content: "\f12f" } .icon-eye_closed:before { content: "\f130" } .icon-eye_open:before { content: "\f131" } .icon-eye_outline:before { content: "\f132" } .icon-facebook:before { content: "\f133" } .icon-facebook_tag:before { content: "\f134" } .icon-fitness_facilities:before { content: "\f135" } .icon-floorplan:before { content: "\f136" } .icon-fog-patches:before { content: "\f137" } .icon-fog:before { content: "\f138" } .icon-foursquare:before { content: "\f139" } .icon-freezing_drizzle:before { content: "\f13a" } .icon-freezing_fog:before { content: "\f13b" } .icon-freezing_rain:before { content: "\f13c" } .icon-gallery:before { content: "\f13d" } .icon-gallery_external:before { content: "\f13e" } .icon-gluten_free:before { content: "\f13f" } .icon-googleplus:before { content: "\f140" } .icon-hamburger:before { content: "\f141" } .icon-hamburguer_small:before { content: "\f142" } .icon-haze_variable_clouds:before { content: "\f143" } .icon-heart:before { content: "\f144" } .icon-hollow_square:before { content: "\f145" } .icon-hotel:before { content: "\f146" } .icon-ice_pellets:before { content: "\f147" } .icon-information:before { content: "\f148" } .icon-instagram:before { content: "\f149" } .icon-isolated_showers:before { content: "\f14a" } .icon-item_add:before { content: "\f14b" } .icon-item_remove:before { content: "\f14c" } .icon-itinerary:before { content: "\f14d" } .icon-kids:before { content: "\f14e" } .icon-kitchen:before { content: "\f14f" } .icon-laundry:before { content: "\f150" } .icon-less_sign:before { content: "\f151" } .icon-light_snow:before { content: "\f152" } .icon-location_pin:before { content: "\f153" } .icon-location_pin_brand:before { content: "\f154" } .icon-location_pin_small:before { content: "\f155" } .icon-mail:before { content: "\f156" } .icon-mainly_clear:before { content: "\f157" } .icon-mobile:before { content: "\f158" } .icon-night_clear_cloudy:before { content: "\f159" } .icon-night_cloudy:before { content: "\f15a" } .icon-night_cloudy_clear:before { content: "\f15b" } .icon-night_isolated_showers:before { content: "\f15c" } .icon-night_scattered_flurries:before { content: "\f15d" } .icon-night_scattered_showers:before { content: "\f15e" } .icon-night_snow_rain:before { content: "\f15f" } .icon-night_thunderstorm_chance:before { content: "\f160" } .icon-notes:before { content: "\f161" } .icon-nut_free:before { content: "\f162" } .icon-occupancy:before { content: "\f163" } .icon-offers:before { content: "\f164" } .icon-outbound:before { content: "\f165" } .icon-pagination_line:before { content: "\f166" } .icon-partly_cloudy:before { content: "\f167" } .icon-pause_button_large:before { content: "\f168" } .icon-pause_button_small:before { content: "\f169" } .icon-pinterest:before { content: "\f16a" } .icon-play_button_large:before { content: "\f16b" } .icon-play_button_small:before { content: "\f16c" } .icon-plus_sign:before { content: "\f16d" } .icon-pool:before { content: "\f16e" } .icon-pool_alt:before { content: "\f16f" } .icon-qq:before { content: "\f170" } .icon-quotation_marks_l:before { content: "\f171" } .icon-quotation_marks_outline:before { content: "\f172" } .icon-quotation_marks_s:before { content: "\f173" } .icon-rain:before { content: "\f174" } .icon-reception:before { content: "\f175" } .icon-refreshments:before { content: "\f176" } .icon-room_cleaning:before { content: "\f177" } .icon-scattered_flurries:before { content: "\f178" } .icon-scattered_showers:before { content: "\f179" } .icon-search:before { content: "\f17a" } .icon-shoe:before { content: "\f17b" } .icon-shopping_cart:before { content: "\f17c" } .icon-showers:before { content: "\f17d" } .icon-snow:before { content: "\f17e" } .icon-snow_rain:before { content: "\f17f" } .icon-snow_rain_showers:before { content: "\f180" } .icon-snow_squalls:before { content: "\f181" } .icon-spa:before { content: "\f182" } .icon-sunny:before { content: "\f183" } .icon-sunny_cloudy:before { content: "\f184" } .icon-support_staff:before { content: "\f185" } .icon-tablet:before { content: "\f186" } .icon-theatre:before { content: "\f187" } .icon-thunderstorm:before { content: "\f188" } .icon-thunderstorm_chance:before { content: "\f189" } .icon-tours:before { content: "\f18a" } .icon-townhouse:before { content: "\f18b" } .icon-transportation:before { content: "\f18c" } .icon-tray_removal:before { content: "\f18d" } .icon-tree:before { content: "\f18e" } .icon-tree_large:before { content: "\f18f" } .icon-tripadvisor:before { content: "\f190" } .icon-turn_down_service:before { content: "\f191" } .icon-twitter:before { content: "\f192" } .icon-u_shape:before { content: "\f193" } .icon-valet_parking:before { content: "\f194" } .icon-variable_clouds:before { content: "\f195" } .icon-vegan:before { content: "\f196" } .icon-vegetarian:before { content: "\f197" } .icon-views:before { content: "\f198" } .icon-washer:before { content: "\f199" } .icon-wechat:before { content: "\f19a" } .icon-weibo:before { content: "\f19b" } .icon-wet_snow:before { content: "\f19c" } .icon-wine:before { content: "\f19d" } .icon-youku:before { content: "\f19e" } .icon-youtube:before { content: "\f19f" } .icon-africa-middle-east:before { content: "\f1a0" } .icon-asia-pacific:before { content: "\f1a1" } .icon-beach:before { content: "\f1a2" } .icon-central-south-america:before { content: "\f1a3" } .icon-europe:before { content: "\f1a4" } .icon-exclusives-buyouts:before { content: "\f1a5" } .icon-golf:before { content: "\f1a6" } .icon-north-america:before { content: "\f1a7" } .icon-outdoor-function-space:before { content: "\f1a8" } .icon-resort:before { content: "\f1a9" } .icon-resort-urban:before { content: "\f1aa" } .icon-urban:before { content: "\f1ab" } .icon-call_alt_inverted:before { content: "\f1ac" } .icon-airline_check_in:before { content: "\f1ad" } .icon-flight_arrival:before { content: "\f1ae" } .icon-itinerary_default:before { content: "\f1af" } .icon-mail_default_circle:before { content: "\f1b0" } .icon-ramdan_menu:before { content: "\f1b1" } .icon-shuttle_bus_schedule:before { content: "\f1b2" } .icon-terms_and_conditions:before { content: "\f1b3" } .icon-book:before { content: "\f1b4" } .icon-flight_departure:before { content: "\f1b5" } .icon-itinerary_new:before { content: "\f1b6" } .icon-mobile_key:before { content: "\f1b7" } .icon-residence:before { content: "\f1b8" } .icon-standard_wifi:before { content: "\f1b9" } .icon-time:before { content: "\f1ba" } .icon-chat_default_circle:before { content: "\f1bb" } .icon-flight_info:before { content: "\f1bc" } .icon-multilingual_concierge:before { content: "\f1bd" } .icon-resort_activities:before { content: "\f1be" } .icon-takeaway:before { content: "\f1bf" } .icon-tv_channel_listings:before { content: "\f1c0" } .icon-festive_menu:before { content: "\f1c1" } .icon-in-room_dining:before { content: "\f1c2" } .icon-luxury_bath_products:before { content: "\f1c3" } .icon-pressreader:before { content: "\f1c4" } .icon-safety_and_security:before { content: "\f1c5" } .icon-telephone_directory:before { content: "\f1c6" } .icon-weddings:before { content: "\f1c7" } .icon-commercial_flight:before { content: "\f1c8" } .icon-private_flight:before { content: "\f1c9" } .icon-smoke_free:before { content: "\f1ca" } .icon-photo_and_video:before { content: "\f1cb" } .icon-more:before { content: "\f1cc" } .icon-credit_card:before { content: "\f1cd" } .icon-bellcart_luggage:before { content: "\f1ce" } .icon-shopping:before { content: "\f1cf" } .icon-pet:before { content: "\f1d0" } .icon-covid_testing:before { content: "\f1d1" } .icon-diving_snorkeling:before { content: "\f1d2" } .icon-enhanced_cleaning:before { content: "\f1d3" } .icon-faqs:before { content: "\f1d4" } .icon-find_hotel_status:before { content: "\f1d5" } .icon-health_and_safety:before { content: "\f1d6" } .icon-mask:before { content: "\f1d7" } .icon-surfing:before { content: "\f1d8" } .icon-temperature_check:before { content: "\f1d9" } .icon-unique_stays:before { content: "\f1da" } .icon-wellness:before { content: "\f1db" } .icon-adventure:before { content: "\f1dc" } .icon-arts_culture:before { content: "\f1dd" } .icon-award_winning_spa:before { content: "\f1de" } .icon-cocktail:before { content: "\f1df" } .icon-cold:before { content: "\f1e0" } .icon-comfort:before { content: "\f1e1" } .icon-culinary_experience:before { content: "\f1e2" } .icon-dress_code:before { content: "\f1e3" } .icon-experience:before { content: "\f1e4" } .icon-extension:before { content: "\f1e5" } .icon-family:before { content: "\f1e6" } .icon-hot:before { content: "\f1e7" } .icon-late_checkout:before { content: "\f1e8" } .icon-mountain:before { content: "\f1e9" } .icon-my_neighborhood:before { content: "\f1ea" } .icon-order_grocery:before { content: "\f1eb" } .icon-outdoor_experience:before { content: "\f1ec" } .icon-premium_wifi:before { content: "\f1ed" } .icon-private_jet:before { content: "\f1ee" } .icon-private_retreats:before { content: "\f1ef" } .icon-property_info:before { content: "\f1f0" } .icon-residence_a_la_carte:before { content: "\f1f1" } .icon-residence_dining:before { content: "\f1f2" } .icon-residence_my_building:before { content: "\f1f3" } .icon-residence_services:before { content: "\f1f4" } .icon-room_upgrade:before { content: "\f1f5" } .icon-services_and_amenities:before { content: "\f1f6" } .icon-ski:before { content: "\f1f7" } .icon-sporting_events:before { content: "\f1f8" } .icon-sustainable_travel:before { content: "\f1f9" } .icon-tennis:before { content: "\f1fa" } .icon-windy:before { content: "\f1fb" } .icon-parking:before { content: "\f1fc" } .icon-meetings_and_events:before { content: "\f1fd" } .icon-check_in:before { content: "\f1fe" } .icon-check_out:before { content: "\f1ff" } .icon-itinerary_notification:before { content: "\f200" } .icon-settings:before { content: "\f201" } .icon-call_circle_outline:before { content: "\f202" } .icon-chat_notification:before { content: "\f203" } .icon-chat_notification_large:before { content: "\f204" } .icon-details:before { content: "\f205" } .icon-dining_reservation:before { content: "\f206" } .icon-email_fill:before { content: "\f207" } .icon-exclusive_amenities_filled:before { content: "\f208" } .icon-location_pin_large_fill:before { content: "\f209" } .icon-location_pin_small_fill:before { content: "\f20a" } .icon-no_available_date:before { content: "\f20b" } .icon-alert:before { content: "\f20c" } .icon-edit:before { content: "\f20d" } .icon-environmental_programs:before { content: "\f20e" } .icon-environment:before { content: "\f20f" } .icon-energy_reduction:before { content: "\f210" } .icon-energy_carbon_and_water_reduction:before { content: "\f211" } .icon-documents_and_downloads:before { content: "\f212" } .icon-diversity_inclusion_and_belonging:before { content: "\f213" } .icon-biodiversity_and_conservation:before { content: "\f214" } .icon-governance:before { content: "\f215" } .icon-handshake:before { content: "\f216" } .icon-purchasing_practices:before { content: "\f217" } .icon-social:before { content: "\f218" } .icon-sustainable_food_and_beverage:before { content: "\f219" } .icon-waste_reduction:before { content: "\f21a" } .icon-water_reduction:before { content: "\f21b" } .icon-whats_included:before { content: "\f21c" } .icon-caret_up:before { content: "\f21d" } .icon-lock:before { content: "\f21e" } .icon-safety_and_security_inverted:before { content: "\f21f" } .icon-pr_and_hotel:before { content: "\f220" } .icon-shopping_cart_outlined:before { content: "\f221" } .icon-maintenance:before { content: "\f222" } .icon-storage:before { content: "\f223" } .icon-yacht:before { content: "\f224" } .icon-horseback_riding:before { content: "\f225" } .icon-yoga:before { content: "\f226" } .icon-download:before { content: "\f227" } .icon-filter:before { content: "\f228" } .icon-switch_view:before { content: "\f229" } .icon-person:before { content: "\f22a" } .icon-list:before { content: "\f22b" } .icon-castle:before { content: "\f22c" } .icon-pillow:before { content: "\f22d" } .icon-checkmark_fill:before { content: "\f22e" } .icon-checkmark_outline:before { content: "\f22f" } .icon-extra_charge_outline:before { content: "\f230" } .icon-extra_charge_fill:before { content: "\f231" } .icon-trash_bin:before { content: "\f232" } .icon-luggage:before { content: "\f233" } .icon-find_contact:before { content: "\f234" } .icon-illume_dashboard:before { content: "\f235" } .icon-emergency_broadcast:before { content: "\f236" } .icon-location_pin_large_dashed:before { content: "\f237" } .icon-location_pin_brand_dashed:before { content: "\f238" } :lang(ar), :lang(fr), :lang(it), :lang(pt), :lang(ru) { quotes: "«" "»" } :lang(de) { quotes: "„" "“" } :lang(ko) { quotes: "⟪" "⟫" } :lang(ja) { quotes: "⎡" "⎦" } :lang(en), :lang(es), :lang(pt-br) { quotes: "“" "”" } .wide-grid-row-lg-1, .wide-grid-row-lg-10, .wide-grid-row-lg-11, .wide-grid-row-lg-12, .wide-grid-row-lg-2, .wide-grid-row-lg-3, .wide-grid-row-lg-4, .wide-grid-row-lg-5, .wide-grid-row-lg-6, .wide-grid-row-lg-7, .wide-grid-row-lg-8, .wide-grid-row-lg-9, .wide-grid-row-md-1, .wide-grid-row-md-10, .wide-grid-row-md-11, .wide-grid-row-md-12, .wide-grid-row-md-2, .wide-grid-row-md-3, .wide-grid-row-md-4, .wide-grid-row-md-5, .wide-grid-row-md-6, .wide-grid-row-md-7, .wide-grid-row-md-8, .wide-grid-row-md-9, .wide-grid-row-sm-1, .wide-grid-row-sm-10, .wide-grid-row-sm-11, .wide-grid-row-sm-12, .wide-grid-row-sm-2, .wide-grid-row-sm-3, .wide-grid-row-sm-4, .wide-grid-row-sm-5, .wide-grid-row-sm-6, .wide-grid-row-sm-7, .wide-grid-row-sm-8, .wide-grid-row-sm-9, .wide-grid-row-xl-1, .wide-grid-row-xl-10, .wide-grid-row-xl-11, .wide-grid-row-xl-12, .wide-grid-row-xl-2, .wide-grid-row-xl-3, .wide-grid-row-xl-4, .wide-grid-row-xl-5, .wide-grid-row-xl-6, .wide-grid-row-xl-7, .wide-grid-row-xl-8, .wide-grid-row-xl-9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-flow: wrap; flex-flow: wrap; gap: 20px 15px; justify-content: flex-start; --colGap: 15px } @media only screen and (min-width:701px) { .wide-grid-row-lg-1, .wide-grid-row-lg-10, .wide-grid-row-lg-11, .wide-grid-row-lg-12, .wide-grid-row-lg-2, .wide-grid-row-lg-3, .wide-grid-row-lg-4, .wide-grid-row-lg-5, .wide-grid-row-lg-6, .wide-grid-row-lg-7, .wide-grid-row-lg-8, .wide-grid-row-lg-9, .wide-grid-row-md-1, .wide-grid-row-md-10, .wide-grid-row-md-11, .wide-grid-row-md-12, .wide-grid-row-md-2, .wide-grid-row-md-3, .wide-grid-row-md-4, .wide-grid-row-md-5, .wide-grid-row-md-6, .wide-grid-row-md-7, .wide-grid-row-md-8, .wide-grid-row-md-9, .wide-grid-row-sm-1, .wide-grid-row-sm-10, .wide-grid-row-sm-11, .wide-grid-row-sm-12, .wide-grid-row-sm-2, .wide-grid-row-sm-3, .wide-grid-row-sm-4, .wide-grid-row-sm-5, .wide-grid-row-sm-6, .wide-grid-row-sm-7, .wide-grid-row-sm-8, .wide-grid-row-sm-9, .wide-grid-row-xl-1, .wide-grid-row-xl-10, .wide-grid-row-xl-11, .wide-grid-row-xl-12, .wide-grid-row-xl-2, .wide-grid-row-xl-3, .wide-grid-row-xl-4, .wide-grid-row-xl-5, .wide-grid-row-xl-6, .wide-grid-row-xl-7, .wide-grid-row-xl-8, .wide-grid-row-xl-9 { gap: 25px 20px; --colGap: 20px } } @media only screen and (min-width:961px) { .wide-grid-row-lg-1, .wide-grid-row-lg-10, .wide-grid-row-lg-11, .wide-grid-row-lg-12, .wide-grid-row-lg-2, .wide-grid-row-lg-3, .wide-grid-row-lg-4, .wide-grid-row-lg-5, .wide-grid-row-lg-6, .wide-grid-row-lg-7, .wide-grid-row-lg-8, .wide-grid-row-lg-9, .wide-grid-row-md-1, .wide-grid-row-md-10, .wide-grid-row-md-11, .wide-grid-row-md-12, .wide-grid-row-md-2, .wide-grid-row-md-3, .wide-grid-row-md-4, .wide-grid-row-md-5, .wide-grid-row-md-6, .wide-grid-row-md-7, .wide-grid-row-md-8, .wide-grid-row-md-9, .wide-grid-row-sm-1, .wide-grid-row-sm-10, .wide-grid-row-sm-11, .wide-grid-row-sm-12, .wide-grid-row-sm-2, .wide-grid-row-sm-3, .wide-grid-row-sm-4, .wide-grid-row-sm-5, .wide-grid-row-sm-6, .wide-grid-row-sm-7, .wide-grid-row-sm-8, .wide-grid-row-sm-9, .wide-grid-row-xl-1, .wide-grid-row-xl-10, .wide-grid-row-xl-11, .wide-grid-row-xl-12, .wide-grid-row-xl-2, .wide-grid-row-xl-3, .wide-grid-row-xl-4, .wide-grid-row-xl-5, .wide-grid-row-xl-6, .wide-grid-row-xl-7, .wide-grid-row-xl-8, .wide-grid-row-xl-9 { gap: 30px; --colGap: 30px } } .wide-grid-container { margin: auto; max-width: 700px; padding: 0 15px } @media only screen and (min-width:701px) { .wide-grid-container { max-width: 834px; padding-left: 60px; padding-right: 60px } } @media only screen and (min-width:961px) { .wide-grid-container { max-width: 1440px; padding-left: 90px; padding-right: 90px } } @media only screen and (min-width:1701px) { .wide-grid-container { max-width: 1920px; padding-left: 120px; padding-right: 120px } } .wide-grid-row-sm-1 { --colsPerRow: 1 } .wide-grid-item-sm-1 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)); flex-basis: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)) } .wide-grid-row-sm-2 { --colsPerRow: 2 } .wide-grid-item-sm-2 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)); flex-basis: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)) } .wide-grid-row-sm-3 { --colsPerRow: 3 } .wide-grid-item-sm-3 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)); flex-basis: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)) } .wide-grid-row-sm-4 { --colsPerRow: 4 } .wide-grid-item-sm-4 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)); flex-basis: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)) } .wide-grid-row-sm-5 { --colsPerRow: 5 } .wide-grid-item-sm-5 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)); flex-basis: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)) } .wide-grid-row-sm-6 { --colsPerRow: 6 } .wide-grid-item-sm-6 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)); flex-basis: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)) } .wide-grid-row-sm-7 { --colsPerRow: 7 } .wide-grid-item-sm-7 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)); flex-basis: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)) } .wide-grid-row-sm-8 { --colsPerRow: 8 } .wide-grid-item-sm-8 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)); flex-basis: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)) } .wide-grid-row-sm-9 { --colsPerRow: 9 } .wide-grid-item-sm-9 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)); flex-basis: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)) } .wide-grid-row-sm-10 { --colsPerRow: 10 } .wide-grid-item-sm-10 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)); flex-basis: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)) } .wide-grid-row-sm-11 { --colsPerRow: 11 } .wide-grid-item-sm-11 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)); flex-basis: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)) } .wide-grid-row-sm-12 { --colsPerRow: 12 } .wide-grid-item-sm-12 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)); flex-basis: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)) } @media only screen and (min-width:701px) { .wide-grid-row-md-1 { --colsPerRow: 1 } .wide-grid-item-md-1 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)); flex-basis: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)) } .wide-grid-row-md-2 { --colsPerRow: 2 } .wide-grid-item-md-2 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)); flex-basis: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)) } .wide-grid-row-md-3 { --colsPerRow: 3 } .wide-grid-item-md-3 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)); flex-basis: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)) } .wide-grid-row-md-4 { --colsPerRow: 4 } .wide-grid-item-md-4 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)); flex-basis: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)) } .wide-grid-row-md-5 { --colsPerRow: 5 } .wide-grid-item-md-5 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)); flex-basis: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)) } .wide-grid-row-md-6 { --colsPerRow: 6 } .wide-grid-item-md-6 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)); flex-basis: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)) } .wide-grid-row-md-7 { --colsPerRow: 7 } .wide-grid-item-md-7 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)); flex-basis: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)) } .wide-grid-row-md-8 { --colsPerRow: 8 } .wide-grid-item-md-8 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)); flex-basis: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)) } .wide-grid-row-md-9 { --colsPerRow: 9 } .wide-grid-item-md-9 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)); flex-basis: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)) } .wide-grid-row-md-10 { --colsPerRow: 10 } .wide-grid-item-md-10 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)); flex-basis: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)) } .wide-grid-row-md-11 { --colsPerRow: 11 } .wide-grid-item-md-11 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)); flex-basis: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)) } .wide-grid-row-md-12 { --colsPerRow: 12 } .wide-grid-item-md-12 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)); flex-basis: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)) } } @media only screen and (min-width:961px) { .wide-grid-row-lg-1 { --colsPerRow: 1 } .wide-grid-item-lg-1 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)); flex-basis: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)) } .wide-grid-row-lg-2 { --colsPerRow: 2 } .wide-grid-item-lg-2 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)); flex-basis: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)) } .wide-grid-row-lg-3 { --colsPerRow: 3 } .wide-grid-item-lg-3 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)); flex-basis: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)) } .wide-grid-row-lg-4 { --colsPerRow: 4 } .wide-grid-item-lg-4 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)); flex-basis: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)) } .wide-grid-row-lg-5 { --colsPerRow: 5 } .wide-grid-item-lg-5 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)); flex-basis: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)) } .wide-grid-row-lg-6 { --colsPerRow: 6 } .wide-grid-item-lg-6 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)); flex-basis: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)) } .wide-grid-row-lg-7 { --colsPerRow: 7 } .wide-grid-item-lg-7 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)); flex-basis: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)) } .wide-grid-row-lg-8 { --colsPerRow: 8 } .wide-grid-item-lg-8 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)); flex-basis: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)) } .wide-grid-row-lg-9 { --colsPerRow: 9 } .wide-grid-item-lg-9 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)); flex-basis: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)) } .wide-grid-row-lg-10 { --colsPerRow: 10 } .wide-grid-item-lg-10 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)); flex-basis: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)) } .wide-grid-row-lg-11 { --colsPerRow: 11 } .wide-grid-item-lg-11 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)); flex-basis: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)) } .wide-grid-row-lg-12 { --colsPerRow: 12 } .wide-grid-item-lg-12 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)); flex-basis: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)) } } @media only screen and (min-width:1701px) { .wide-grid-row-xl-1 { --colsPerRow: 1 } .wide-grid-item-xl-1 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)); flex-basis: calc(100%/(var(--colsPerRow)/1) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 1)) } .wide-grid-row-xl-2 { --colsPerRow: 2 } .wide-grid-item-xl-2 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)); flex-basis: calc(100%/(var(--colsPerRow)/2) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 2)) } .wide-grid-row-xl-3 { --colsPerRow: 3 } .wide-grid-item-xl-3 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)); flex-basis: calc(100%/(var(--colsPerRow)/3) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 3)) } .wide-grid-row-xl-4 { --colsPerRow: 4 } .wide-grid-item-xl-4 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)); flex-basis: calc(100%/(var(--colsPerRow)/4) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 4)) } .wide-grid-row-xl-5 { --colsPerRow: 5 } .wide-grid-item-xl-5 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)); flex-basis: calc(100%/(var(--colsPerRow)/5) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 5)) } .wide-grid-row-xl-6 { --colsPerRow: 6 } .wide-grid-item-xl-6 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)); flex-basis: calc(100%/(var(--colsPerRow)/6) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 6)) } .wide-grid-row-xl-7 { --colsPerRow: 7 } .wide-grid-item-xl-7 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)); flex-basis: calc(100%/(var(--colsPerRow)/7) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 7)) } .wide-grid-row-xl-8 { --colsPerRow: 8 } .wide-grid-item-xl-8 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)); flex-basis: calc(100%/(var(--colsPerRow)/8) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 8)) } .wide-grid-row-xl-9 { --colsPerRow: 9 } .wide-grid-item-xl-9 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)); flex-basis: calc(100%/(var(--colsPerRow)/9) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 9)) } .wide-grid-row-xl-10 { --colsPerRow: 10 } .wide-grid-item-xl-10 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)); flex-basis: calc(100%/(var(--colsPerRow)/10) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 10)) } .wide-grid-row-xl-11 { --colsPerRow: 11 } .wide-grid-item-xl-11 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)); flex-basis: calc(100%/(var(--colsPerRow)/11) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 11)) } .wide-grid-row-xl-12 { --colsPerRow: 12 } .wide-grid-item-xl-12 { position: relative; -ms-flex-preferred-size: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)); flex-basis: calc(100%/(var(--colsPerRow)/12) - var(--colGap)/var(--colsPerRow)*(var(--colsPerRow) - 12)) } } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; vertical-align: middle; width: 100% } .col-lg-10:lang(ar), .col-lg-11:lang(ar), .col-lg-12:lang(ar), .col-lg-1:lang(ar), .col-lg-2:lang(ar), .col-lg-3:lang(ar), .col-lg-4:lang(ar), .col-lg-5:lang(ar), .col-lg-6:lang(ar), .col-lg-7:lang(ar), .col-lg-8:lang(ar), .col-lg-9:lang(ar), .col-md-10:lang(ar), .col-md-11:lang(ar), .col-md-12:lang(ar), .col-md-1:lang(ar), .col-md-2:lang(ar), .col-md-3:lang(ar), .col-md-4:lang(ar), .col-md-5:lang(ar), .col-md-6:lang(ar), .col-md-7:lang(ar), .col-md-8:lang(ar), .col-md-9:lang(ar), .col-sm-10:lang(ar), .col-sm-11:lang(ar), .col-sm-12:lang(ar), .col-sm-1:lang(ar), .col-sm-2:lang(ar), .col-sm-3:lang(ar), .col-sm-4:lang(ar), .col-sm-5:lang(ar), .col-sm-6:lang(ar), .col-sm-7:lang(ar), .col-sm-8:lang(ar), .col-sm-9:lang(ar), .col-xl-10:lang(ar), .col-xl-11:lang(ar), .col-xl-12:lang(ar), .col-xl-1:lang(ar), .col-xl-2:lang(ar), .col-xl-3:lang(ar), .col-xl-4:lang(ar), .col-xl-5:lang(ar), .col-xl-6:lang(ar), .col-xl-7:lang(ar), .col-xl-8:lang(ar), .col-xl-9:lang(ar) { float: right } @media only screen and (min-width:701px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-left: 15px; padding-right: 15px } } .clearfix:after, .clearfix:before { content: ""; display: table } .clearfix:after { clear: both } .container { margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px } @media only screen and (min-width:701px) { .container { padding: 0 } } .row { margin-left: -15px; margin-right: -15px } .row:after, .row:before { content: ""; display: table } .row:after { clear: both } @media only screen and (min-width:701px) { .row { margin-left: -15px; margin-right: -15px } } .container { max-width: 100% } .hide-sm { display: none } .offset-sm-start { margin-left: 0 } .offset-sm-start:lang(ar) { margin-right: 0 } .col-sm-1 { width: 8.3333333333% } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-1:lang(ar) { margin-left: 0; margin-right: 8.3333333333% } .col-sm-2 { width: 16.6666666666% } .offset-sm-2 { margin-left: 16.6666666666% } .offset-sm-2:lang(ar) { margin-left: 0; margin-right: 16.6666666666% } .col-sm-3 { width: 24.9999999999% } .offset-sm-3 { margin-left: 24.9999999999% } .offset-sm-3:lang(ar) { margin-left: 0; margin-right: 24.9999999999% } .col-sm-4 { width: 33.3333333332% } .offset-sm-4 { margin-left: 33.3333333332% } .offset-sm-4:lang(ar) { margin-left: 0; margin-right: 33.3333333332% } .col-sm-5 { width: 41.6666666665% } .offset-sm-5 { margin-left: 41.6666666665% } .offset-sm-5:lang(ar) { margin-left: 0; margin-right: 41.6666666665% } .col-sm-6 { width: 49.9999999998% } .offset-sm-6 { margin-left: 49.9999999998% } .offset-sm-6:lang(ar) { margin-left: 0; margin-right: 49.9999999998% } .col-sm-7 { width: 58.3333333331% } .offset-sm-7 { margin-left: 58.3333333331% } .offset-sm-7:lang(ar) { margin-left: 0; margin-right: 58.3333333331% } .col-sm-8 { width: 66.6666666664% } .offset-sm-8 { margin-left: 66.6666666664% } .offset-sm-8:lang(ar) { margin-left: 0; margin-right: 66.6666666664% } .col-sm-9 { width: 74.9999999997% } .offset-sm-9 { margin-left: 74.9999999997% } .offset-sm-9:lang(ar) { margin-left: 0; margin-right: 74.9999999997% } .col-sm-10 { width: 83.333333333% } .offset-sm-10 { margin-left: 83.333333333% } .offset-sm-10:lang(ar) { margin-left: 0; margin-right: 83.333333333% } .col-sm-11 { width: 91.6666666663% } .offset-sm-11 { margin-left: 91.6666666663% } .offset-sm-11:lang(ar) { margin-left: 0; margin-right: 91.6666666663% } .col-sm-12 { width: 99.9999999996% } .offset-sm-12 { margin-left: 99.9999999996% } .offset-sm-12:lang(ar) { margin-left: 0; margin-right: 99.9999999996% } @media screen and (min-width:701px) { .container { max-width: 690px } .hide-md { display: none } .offset-md-start { margin-left: 0 } .offset-md-start:lang(ar) { margin-right: 0 } .col-md-1 { width: 8.3333333333% } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-1:lang(ar) { margin-left: 0; margin-right: 8.3333333333% } .col-md-2 { width: 16.6666666666% } .offset-md-2 { margin-left: 16.6666666666% } .offset-md-2:lang(ar) { margin-left: 0; margin-right: 16.6666666666% } .col-md-3 { width: 24.9999999999% } .offset-md-3 { margin-left: 24.9999999999% } .offset-md-3:lang(ar) { margin-left: 0; margin-right: 24.9999999999% } .col-md-4 { width: 33.3333333332% } .offset-md-4 { margin-left: 33.3333333332% } .offset-md-4:lang(ar) { margin-left: 0; margin-right: 33.3333333332% } .col-md-5 { width: 41.6666666665% } .offset-md-5 { margin-left: 41.6666666665% } .offset-md-5:lang(ar) { margin-left: 0; margin-right: 41.6666666665% } .col-md-6 { width: 49.9999999998% } .offset-md-6 { margin-left: 49.9999999998% } .offset-md-6:lang(ar) { margin-left: 0; margin-right: 49.9999999998% } .col-md-7 { width: 58.3333333331% } .offset-md-7 { margin-left: 58.3333333331% } .offset-md-7:lang(ar) { margin-left: 0; margin-right: 58.3333333331% } .col-md-8 { width: 66.6666666664% } .offset-md-8 { margin-left: 66.6666666664% } .offset-md-8:lang(ar) { margin-left: 0; margin-right: 66.6666666664% } .col-md-9 { width: 74.9999999997% } .offset-md-9 { margin-left: 74.9999999997% } .offset-md-9:lang(ar) { margin-left: 0; margin-right: 74.9999999997% } .col-md-10 { width: 83.333333333% } .offset-md-10 { margin-left: 83.333333333% } .offset-md-10:lang(ar) { margin-left: 0; margin-right: 83.333333333% } .col-md-11 { width: 91.6666666663% } .offset-md-11 { margin-left: 91.6666666663% } .offset-md-11:lang(ar) { margin-left: 0; margin-right: 91.6666666663% } .col-md-12 { width: 99.9999999996% } .offset-md-12 { margin-left: 99.9999999996% } .offset-md-12:lang(ar) { margin-left: 0; margin-right: 99.9999999996% } } @media screen and (min-width:961px) { .container { max-width: 930px } .hide-lg { display: none } .offset-lg-start { margin-left: 0 } .offset-lg-start:lang(ar) { margin-right: 0 } .col-lg-1 { width: 8.3333333333% } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-1:lang(ar) { margin-left: 0; margin-right: 8.3333333333% } .col-lg-2 { width: 16.6666666666% } .offset-lg-2 { margin-left: 16.6666666666% } .offset-lg-2:lang(ar) { margin-left: 0; margin-right: 16.6666666666% } .col-lg-3 { width: 24.9999999999% } .offset-lg-3 { margin-left: 24.9999999999% } .offset-lg-3:lang(ar) { margin-left: 0; margin-right: 24.9999999999% } .col-lg-4 { width: 33.3333333332% } .offset-lg-4 { margin-left: 33.3333333332% } .offset-lg-4:lang(ar) { margin-left: 0; margin-right: 33.3333333332% } .col-lg-5 { width: 41.6666666665% } .offset-lg-5 { margin-left: 41.6666666665% } .offset-lg-5:lang(ar) { margin-left: 0; margin-right: 41.6666666665% } .col-lg-6 { width: 49.9999999998% } .offset-lg-6 { margin-left: 49.9999999998% } .offset-lg-6:lang(ar) { margin-left: 0; margin-right: 49.9999999998% } .col-lg-7 { width: 58.3333333331% } .offset-lg-7 { margin-left: 58.3333333331% } .offset-lg-7:lang(ar) { margin-left: 0; margin-right: 58.3333333331% } .col-lg-8 { width: 66.6666666664% } .offset-lg-8 { margin-left: 66.6666666664% } .offset-lg-8:lang(ar) { margin-left: 0; margin-right: 66.6666666664% } .col-lg-9 { width: 74.9999999997% } .offset-lg-9 { margin-left: 74.9999999997% } .offset-lg-9:lang(ar) { margin-left: 0; margin-right: 74.9999999997% } .col-lg-10 { width: 83.333333333% } .offset-lg-10 { margin-left: 83.333333333% } .offset-lg-10:lang(ar) { margin-left: 0; margin-right: 83.333333333% } .col-lg-11 { width: 91.6666666663% } .offset-lg-11 { margin-left: 91.6666666663% } .offset-lg-11:lang(ar) { margin-left: 0; margin-right: 91.6666666663% } .col-lg-12 { width: 99.9999999996% } .offset-lg-12 { margin-left: 99.9999999996% } .offset-lg-12:lang(ar) { margin-left: 0; margin-right: 99.9999999996% } } @media screen and (min-width:1701px) { .container { max-width: 1530px } .hide-xl { display: none } .offset-xl-start { margin-left: 0 } .offset-xl-start:lang(ar) { margin-right: 0 } .col-xl-1 { width: 8.3333333333% } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-1:lang(ar) { margin-left: 0; margin-right: 8.3333333333% } .col-xl-2 { width: 16.6666666666% } .offset-xl-2 { margin-left: 16.6666666666% } .offset-xl-2:lang(ar) { margin-left: 0; margin-right: 16.6666666666% } .col-xl-3 { width: 24.9999999999% } .offset-xl-3 { margin-left: 24.9999999999% } .offset-xl-3:lang(ar) { margin-left: 0; margin-right: 24.9999999999% } .col-xl-4 { width: 33.3333333332% } .offset-xl-4 { margin-left: 33.3333333332% } .offset-xl-4:lang(ar) { margin-left: 0; margin-right: 33.3333333332% } .col-xl-5 { width: 41.6666666665% } .offset-xl-5 { margin-left: 41.6666666665% } .offset-xl-5:lang(ar) { margin-left: 0; margin-right: 41.6666666665% } .col-xl-6 { width: 49.9999999998% } .offset-xl-6 { margin-left: 49.9999999998% } .offset-xl-6:lang(ar) { margin-left: 0; margin-right: 49.9999999998% } .col-xl-7 { width: 58.3333333331% } .offset-xl-7 { margin-left: 58.3333333331% } .offset-xl-7:lang(ar) { margin-left: 0; margin-right: 58.3333333331% } .col-xl-8 { width: 66.6666666664% } .offset-xl-8 { margin-left: 66.6666666664% } .offset-xl-8:lang(ar) { margin-left: 0; margin-right: 66.6666666664% } .col-xl-9 { width: 74.9999999997% } .offset-xl-9 { margin-left: 74.9999999997% } .offset-xl-9:lang(ar) { margin-left: 0; margin-right: 74.9999999997% } .col-xl-10 { width: 83.333333333% } .offset-xl-10 { margin-left: 83.333333333% } .offset-xl-10:lang(ar) { margin-left: 0; margin-right: 83.333333333% } .col-xl-11 { width: 91.6666666663% } .offset-xl-11 { margin-left: 91.6666666663% } .offset-xl-11:lang(ar) { margin-left: 0; margin-right: 91.6666666663% } .col-xl-12 { width: 99.9999999996% } .offset-xl-12 { margin-left: 99.9999999996% } .offset-xl-12:lang(ar) { margin-left: 0; margin-right: 99.9999999996% } } .row-sm-vcenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .row-sm-vreset { display: block } .row-sm-vreset [class*=col-] { display: block; float: left } @media only screen and (min-width:701px) { .row-md-vcenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .row-md-vreset { display: block } .row-md-vreset [class*=col-] { display: block; float: left } } @media only screen and (min-width:961px) { .row-lg-vcenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .row-lg-vreset { display: block } .row-lg-vreset [class*=col-] { display: block; float: left } } @media only screen and (min-width:1701px) { .row-xl-vcenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .row-xl-vreset { display: block } .row-xl-vreset [class*=col-] { display: block; float: left } } .auto-clear-sm .col-sm-1:nth-child(12n+1), .auto-clear-sm .col-sm-2:nth-child(6n+1), .auto-clear-sm .col-sm-3:nth-child(4n+1), .auto-clear-sm .col-sm-4:nth-child(3n+1), .auto-clear-sm .col-sm-6:nth-child(odd) { clear: both } @media only screen and (min-width:701px) { .auto-clear-md .col-md-1:nth-child(12n+1), .auto-clear-md .col-md-2:nth-child(6n+1), .auto-clear-md .col-md-3:nth-child(4n+1), .auto-clear-md .col-md-4:nth-child(3n+1), .auto-clear-md .col-md-6:nth-child(odd) { clear: both } } @media only screen and (min-width:961px) { .auto-clear-lg .col-lg-1:nth-child(12n+1), .auto-clear-lg .col-lg-2:nth-child(6n+1), .auto-clear-lg .col-lg-3:nth-child(4n+1), .auto-clear-lg .col-lg-4:nth-child(3n+1), .auto-clear-lg .col-lg-6:nth-child(odd) { clear: both } } @media only screen and (min-width:1701px) { .auto-clear-xl .col-xl-1:nth-child(12n+1), .auto-clear-xl .col-xl-2:nth-child(6n+1), .auto-clear-xl .col-xl-3:nth-child(4n+1), .auto-clear-xl .col-xl-4:nth-child(3n+1), .auto-clear-xl .col-xl-6:nth-child(odd) { clear: both } } .Heading-quote .Quote-text { margin: 10px 0 30px } .dt-display, .dt-display-1, .dt-display-2, .dt-display-3 { color: var(--color-text-heading, #fff); font-family: Saol Display; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 48px; font-style: normal; font-weight: 300; line-height: 100%; text-transform: uppercase } .dt-display-1 { font-size: 48px } .dt-display-2 { font-size: 42px } .dt-display-3 { font-size: 36px } @media only screen and (min-width:701px) { .dt-display-1 { font-size: 74px } .dt-display-2 { font-size: 62px } .dt-display-3 { font-size: 52px } } @media only screen and (min-width:961px) { .dt-display-1 { font-size: 112px } .dt-display-2 { font-size: 90px } .dt-display-3 { font-size: 72px } } .WgHoverCardList .TitleAndCards-title, .heading, .heading-1, .heading-2, .heading-3, .heading-4 { color: var(--color-text-heading, #030303); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-style: normal; font-weight: 300; letter-spacing: 3.68px; line-height: 120% } .heading-1 { font-size: 28px; letter-spacing: .84px; line-height: 120% } .heading-1, .heading-2 { font-weight: 300; text-transform: none } .heading-2 { font-size: 24px; letter-spacing: .72px; line-height: 125% } .WgHoverCardList .TitleAndCards-title, .heading-3 { font-size: 20px; font-weight: 500; letter-spacing: 1px; line-height: 130% } .heading-4 { font-size: 20px; font-weight: 300; letter-spacing: .6px; line-height: 135% } @media only screen and (min-width:701px) { .heading-1 { font-size: 36px; letter-spacing: 4.32px; line-height: 120% } .heading-1, .heading-2 { text-transform: uppercase } .heading-2 { font-size: 30px; letter-spacing: 2.4px; line-height: 125% } .WgHoverCardList .TitleAndCards-title, .heading-3 { font-size: 24px; font-weight: 500; letter-spacing: .72px; line-height: 130% } .heading-4 { font-size: 20px; font-weight: 300; letter-spacing: .6px; line-height: 135% } } @media only screen and (min-width:961px) { .heading-1 { font-size: 46px } .heading-1, .heading-2 { text-transform: uppercase } .heading-2 { font-size: 36px; letter-spacing: 2.88px; line-height: 125% } .WgHoverCardList .TitleAndCards-title, .heading-3 { font-size: 30px; font-weight: 400; letter-spacing: .9px; line-height: 130% } .heading-4 { font-size: 24px; font-weight: 300; letter-spacing: .72px; line-height: 135% } } .title-1-primary { color: var(--color-text-on-image-primary, hsla(0, 0%, 100%, .87)); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: .48px; line-height: 140% } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title.PreferredPartnerPageFooter-heading, .PreferredPartnerPageFooter .PreferredPartnerPageFooter-heading, .PreferredPartnerPageFooter-listItem .CTA, .subtitle, .subtitle-1, .subtitle-2 { color: var(--color-text-heading, #030303); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-style: normal; font-weight: 500; line-height: 140% } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title.PreferredPartnerPageFooter-heading, .PreferredPartnerPageFooter .PreferredPartnerPageFooter-heading, .subtitle-1 { font-size: 16px; letter-spacing: .48px } .PreferredPartnerPageFooter-listItem .CTA, .subtitle-2 { font-size: 14px; letter-spacing: .42px } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title.PreferredPartnerPageFooter-heading, .PreferredPartnerPageFooter .PreferredPartnerPageFooter-heading, .subtitle-1 { font-size: 20px; letter-spacing: .6px } .PreferredPartnerPageFooter-listItem .CTA, .subtitle-2 { font-size: 16px; letter-spacing: .48px } } .body, .body-1, .body-2, .body-3 { color: var(--color-text-heading, #030303); font-family: Garamond MT Std; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-style: normal; font-weight: 400; line-height: 150% } .body-1 { font-size: 18px; letter-spacing: .36px } .body-1-primary { color: var(--color-text-on-image-primary, hsla(0, 0%, 100%, .87)) } .body-1-secondary { color: var(--color-text-on-image-secondary, hsla(0, 0%, 100%, .67)) } .body-2 { font-size: 16px; letter-spacing: .48px } .body-2-disabled { color: var(--color-text-on-image-disabled, hsla(0, 0%, 100%, .38)) } .body-3 { font-size: 14px; letter-spacing: .56px } @media only screen and (min-width:701px) { .body-1 { font-size: 20px; letter-spacing: .4px } } @media only screen and (min-width:961px) { .body-1 { font-size: 24px; letter-spacing: .48px } .body-2 { font-size: 20px } .body-2, .body-3 { letter-spacing: .6px } .body-3 { font-size: 16px } } .labels { color: var(--color-text-heading, #030303); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-style: normal; line-height: 150% } .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem, .PreferredPartnerPageFooter-legalContent .PageFooter-legalLink, .labels-caption { color: var(--color-text-heading, #030303); font-family: Helvetica Neue, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: .72px; line-height: 150% } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem, .PreferredPartnerPageFooter-legalContent .PageFooter-legalLink, .labels-caption { font-size: 14px; letter-spacing: .84px } } .labels-overline { font-family: Garamond MT Std; font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: .64px; line-height: 140% } .LinkButton--text, .WgLinksList-link, .button, .button-filled, .button-filled-image, .button-filled-loading, .button-ghost, .button-outline, .button-outline-loading, .button-text, .button-text-icon, .labels-button, .labels-button-1, .labels-button-2, .labels-button-3 { color: var(--color-button-primary-default, #030303); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 10px; font-style: normal; font-weight: 700; line-height: 150%; text-transform: uppercase } .LinkButton--text, .WgLinksList-link, .labels-button-1 { font-size: 12px; letter-spacing: 2.4px } .button, .button-filled, .button-filled-image, .button-filled-loading, .button-ghost, .button-outline, .button-outline-loading, .button-text, .button-text-icon, .labels-button-2 { font-size: 10px; letter-spacing: 2px } .labels-button-3 { font-size: 12px; font-weight: 500; letter-spacing: 1.8px; line-height: 200% } .labels-secondary { color: var(--color-text-on-image-secondary, hsla(0, 0%, 100%, .67)); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off } .labels-label, .labels-secondary { font-family: Helvetica Neue, sans-serif; font-size: 10px; font-style: normal; font-weight: 500; letter-spacing: 1.5px; line-height: 150%; text-transform: uppercase } .labels-label { color: var(--color-text-disabled, #6b6b6b) } @media only screen and (min-width:961px) { .labels-label { font-size: 12px; letter-spacing: 1.8px } } .labels--underlined { text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 8.5% } .Attribution { display: block; font-style: normal; text-align: center } .Attribution .Attribution-author { margin-bottom: 20px } @media only screen and (min-width:701px) { .Attribution .Attribution-author { margin-bottom: 10px } } @media only screen and (min-width:961px) { .Attribution .Attribution-role:before { content: ""; display: inline-block; width: 10px } } .Image+.Attribution, .Image+figcaption .Attribution { margin-top: 12.5px; text-align: left } .Image+.Attribution:lang(ar), .Image+figcaption .Attribution:lang(ar) { text-align: right } .Image+.Attribution .Attribution-author, .Image+figcaption .Attribution .Attribution-author { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .Image+.Attribution .Attribution-author:lang(ar), .Image+figcaption .Attribution .Attribution-author:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Image+.Attribution .Attribution-author:lang(ru), .Image+figcaption .Attribution .Attribution-author:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Image+.Attribution .Attribution-author:lang(ko-KR), .Image+figcaption .Attribution .Attribution-author:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Image+.Attribution .Attribution-author:lang(zh), .Image+figcaption .Attribution .Attribution-author:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Image+.Attribution .Attribution-author:lang(zh-TW), .Image+figcaption .Attribution .Attribution-author:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Image+.Attribution .Attribution-author:lang(ja), .Image+figcaption .Attribution .Attribution-author:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Image+.Attribution .Attribution-author, html.WhiteLabelSite .Image+figcaption .Attribution .Attribution-author { font-family: EB Garamond; text-transform: none } .Image+.Attribution:before, .Image+figcaption .Attribution:before { font-size: .8125rem; vertical-align: middle } @layer base { html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; -webkit-font-smoothing: antialiased } html:before { content: "small"; display: none; visibility: hidden } @media only screen and (min-width:701px) { html:before { content: "medium" } } @media only screen and (min-width:961px) { html:before { content: "large" } } @media only screen and (min-width:1701px) { html:before { content: "xlarge" } } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } address { font-style: normal } blockquote { margin: 0 } body:lang(ar) { direction: rtl } button { background: none; border: none; color: inherit; cursor: pointer; font: inherit; padding: 0 } button, input { border-radius: 0 } input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important } input::-ms-clear { display: none } figure, ul { margin: 0 } ul { list-style: none; padding: 0 } dl { margin: 0 } table { border-spacing: 0 } img[data-sizes=auto] { display: block } .SignatureCard-video video[src=""]+.Video-playButton--hasAvailabilityMessage, video[src=""]+.Video-playButton { display: none } select::-ms-expand { display: none } .visuallyhidden { border: 0; clip: rect(0 0 0 0); font-size: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .hide { display: none !important } .tailwind-root { all: initial; color: inherit; visibility: inherit } } .facebook:before { content: "\f134"; display: inline-block; font-size: .9375rem; margin-right: 8px; vertical-align: bottom } :lang(ar).facebook:before { margin-left: 8px; margin-right: 0 } .instagram:before { content: "\f149"; display: inline-block; font-size: .9375rem; margin-right: 8px; vertical-align: bottom } :lang(ar).instagram:before { margin-left: 8px; margin-right: 0 } .twitter:before { content: "\f192"; display: inline-block; font-size: .9375rem; margin-right: 8px; vertical-align: bottom } :lang(ar).twitter:before { margin-left: 8px; margin-right: 0 } .pinterest:before { content: "\f16a"; display: inline-block; font-size: .9375rem; margin-right: 8px; vertical-align: bottom } :lang(ar).pinterest:before { margin-left: 8px; margin-right: 0 } .Button--primary--dark { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--dark { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--dark:focus, .Button--primary--dark:hover { background-color: #000; border-color: #fff; color: #fff } .Button--primary--light { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--light { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--light:focus, .Button--primary--light:hover { background-color: #fff; border-color: #000; color: #000 } .Button--primary--greenPink { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #fbe4ee; color: #fbe4ee; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--greenPink { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--greenPink:focus, .Button--primary--greenPink:hover { background-color: #fbe4ee; border-color: #fbe4ee; color: #175250 } .Button--primary--greenGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #f3ffd1; border: 1px solid #175250; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--greenGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--greenGreen:focus, .Button--primary--greenGreen:hover { background-color: #175250; border-color: #175250; color: #f3ffd1 } .Button--primary--blueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #0f587c; border: 1px solid #f3ffd1; color: #f3ffd1; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--blueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--blueGreen:focus, .Button--primary--blueGreen:hover { background-color: #f3ffd1; border-color: #f3ffd1; color: #0f587c } .Button--primary--pinkRed { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fbe4ee; border: 1px solid #d10023; color: #d10023; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--pinkRed { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--pinkRed:focus, .Button--primary--pinkRed:hover { background-color: #d10023; border-color: #d10023; color: #fbe4ee } .Button--primary--lightBlueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #dff3fb; border: 1px solid #175250; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--lightBlueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--lightBlueGreen:focus, .Button--primary--lightBlueGreen:hover { background-color: #175250; border-color: #175250; color: #dff3fb } .Button--primary--black { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--black { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--black:focus, .Button--primary--black:hover { background-color: #fff; border-color: #000; color: #000 } .Button--primary--white { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--white { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--white:focus, .Button--primary--white:hover { background-color: #000; border-color: #fff; color: #fff } .Button--primary--yellowOrange { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #ffc550; border: 1px solid #a72906; color: #a72906; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--primary--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--primary--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--primary--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--primary--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--primary--yellowOrange { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--primary--yellowOrange:focus, .Button--primary--yellowOrange:hover { background-color: #a72906; border-color: #a72906; color: #ffc550 } .Button--secondary--dark { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #fff; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--dark { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--dark:focus, .Button--secondary--dark:hover { background-color: #fff; border-color: #fff; color: #000 } .Button--secondary--light { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #000; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--light { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--light:focus, .Button--secondary--light:hover { background-color: #000; border-color: #000; color: #fff } .Button--secondary--greenPink { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fbe4ee; border: 1px solid #fbe4ee; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--greenPink { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--greenPink:focus, .Button--secondary--greenPink:hover { background-color: #175250; border-color: #fbe4ee; color: #fbe4ee } .Button--secondary--greenGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #175250; color: #f3ffd1; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--greenGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--greenGreen:focus, .Button--secondary--greenGreen:hover { background-color: #f3ffd1; border-color: #175250; color: #175250 } .Button--secondary--blueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #f3ffd1; border: 1px solid #f3ffd1; color: #0f587c; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--blueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--blueGreen:focus, .Button--secondary--blueGreen:hover { background-color: #0f587c; border-color: #f3ffd1; color: #f3ffd1 } .Button--secondary--pinkRed { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #d10023; border: 1px solid #d10023; color: #fbe4ee; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--pinkRed { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--pinkRed:focus, .Button--secondary--pinkRed:hover { background-color: #fbe4ee; border-color: #d10023; color: #d10023 } .Button--secondary--lightBlueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #175250; color: #dff3fb; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--lightBlueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--lightBlueGreen:focus, .Button--secondary--lightBlueGreen:hover { background-color: #dff3fb; border-color: #175250; color: #175250 } .Button--secondary--black { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--black { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--black:focus, .Button--secondary--black:hover { background-color: #fff; border-color: #000; color: #000 } .Button--secondary--white { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--white { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--white:focus, .Button--secondary--white:hover { background-color: #000; border-color: #fff; color: #fff } .Button--secondary--yellowOrange { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #a72906; border: 1px solid #a72906; color: #ffc550; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--secondary--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--secondary--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--secondary--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--secondary--yellowOrange { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .Button--secondary--yellowOrange:focus, .Button--secondary--yellowOrange:hover { background-color: #ffc550; border-color: #a72906; color: #a72906 } .Button--underlined--dark { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--dark:focus, .Button--underlined--dark:focus:before, .Button--underlined--dark:hover, .Button--underlined--dark:hover:before { border-bottom-color: transparent } .Button--underlined--dark:focus, .Button--underlined--dark:hover { border-color: #999; color: #999 } .Button--underlined--light { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--light:focus, .Button--underlined--light:focus:before, .Button--underlined--light:hover, .Button--underlined--light:hover:before { border-bottom-color: transparent } .Button--underlined--light:focus, .Button--underlined--light:hover { border-color: #767676; color: #767676 } .Button--underlined--greenPink { border-bottom: 1px solid #fbe4ee; color: #fbe4ee; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--greenPink:focus, .Button--underlined--greenPink:focus:before, .Button--underlined--greenPink:hover, .Button--underlined--greenPink:hover:before { border-bottom-color: transparent } .Button--underlined--greenPink:focus, .Button--underlined--greenPink:hover { border-color: #fff; color: #fff } .Button--underlined--greenGreen { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--greenGreen:focus, .Button--underlined--greenGreen:focus:before, .Button--underlined--greenGreen:hover, .Button--underlined--greenGreen:hover:before { border-bottom-color: transparent } .Button--underlined--greenGreen:focus, .Button--underlined--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--underlined--blueGreen { border-bottom: 1px solid #f3ffd1; color: #f3ffd1; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--blueGreen:focus, .Button--underlined--blueGreen:focus:before, .Button--underlined--blueGreen:hover, .Button--underlined--blueGreen:hover:before { border-bottom-color: transparent } .Button--underlined--blueGreen:focus, .Button--underlined--blueGreen:hover { border-color: #fff; color: #fff } .Button--underlined--pinkRed { border-bottom: 1px solid #d10023; color: #d10023; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--pinkRed:focus, .Button--underlined--pinkRed:focus:before, .Button--underlined--pinkRed:hover, .Button--underlined--pinkRed:hover:before { border-bottom-color: transparent } .Button--underlined--pinkRed:focus, .Button--underlined--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--underlined--lightBlueGreen { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--lightBlueGreen:focus, .Button--underlined--lightBlueGreen:focus:before, .Button--underlined--lightBlueGreen:hover, .Button--underlined--lightBlueGreen:hover:before { border-bottom-color: transparent } .Button--underlined--lightBlueGreen:focus, .Button--underlined--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--underlined--black { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--black:focus, .Button--underlined--black:focus:before, .Button--underlined--black:hover, .Button--underlined--black:hover:before { border-bottom-color: transparent } .Button--underlined--black:focus, .Button--underlined--black:hover { border-color: #999; color: #999 } .Button--underlined--white { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--white:focus, .Button--underlined--white:focus:before, .Button--underlined--white:hover, .Button--underlined--white:hover:before { border-bottom-color: transparent } .Button--underlined--white:focus, .Button--underlined--white:hover { border-color: #767676; color: #767676 } .Button--underlined--yellowOrange { border-bottom: 1px solid #a72906; color: #a72906; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--underlined--yellowOrange:focus, .Button--underlined--yellowOrange:focus:before, .Button--underlined--yellowOrange:hover, .Button--underlined--yellowOrange:hover:before { border-bottom-color: transparent } .Button--underlined--yellowOrange:focus, .Button--underlined--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--labeledPlay--dark { border-bottom-color: #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--dark { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--dark .Button-label { vertical-align: middle } .Button--labeledPlay--dark:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--dark:focus, .Button--labeledPlay--dark:focus:before, .Button--labeledPlay--dark:hover, .Button--labeledPlay--dark:hover:before { border-bottom-color: transparent } .Button--labeledPlay--dark:focus, .Button--labeledPlay--dark:hover { border-color: #999; color: #999 } .Button--labeledPlay--light { border-bottom-color: #000; color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--light { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--light .Button-label { vertical-align: middle } .Button--labeledPlay--light:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--light:focus, .Button--labeledPlay--light:focus:before, .Button--labeledPlay--light:hover, .Button--labeledPlay--light:hover:before { border-bottom-color: transparent } .Button--labeledPlay--light:focus, .Button--labeledPlay--light:hover { border-color: #767676; color: #767676 } .Button--labeledPlay--greenPink { border-bottom-color: #fbe4ee; color: #fbe4ee; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--greenPink { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--greenPink .Button-label { vertical-align: middle } .Button--labeledPlay--greenPink:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--greenPink:focus, .Button--labeledPlay--greenPink:focus:before, .Button--labeledPlay--greenPink:hover, .Button--labeledPlay--greenPink:hover:before { border-bottom-color: transparent } .Button--labeledPlay--greenPink:focus, .Button--labeledPlay--greenPink:hover { border-color: #fff; color: #fff } .Button--labeledPlay--greenGreen { border-bottom-color: #175250; color: #175250; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--greenGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--greenGreen .Button-label { vertical-align: middle } .Button--labeledPlay--greenGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--greenGreen:focus, .Button--labeledPlay--greenGreen:focus:before, .Button--labeledPlay--greenGreen:hover, .Button--labeledPlay--greenGreen:hover:before { border-bottom-color: transparent } .Button--labeledPlay--greenGreen:focus, .Button--labeledPlay--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--labeledPlay--blueGreen { border-bottom-color: #f3ffd1; color: #f3ffd1; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--blueGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--blueGreen .Button-label { vertical-align: middle } .Button--labeledPlay--blueGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--blueGreen:focus, .Button--labeledPlay--blueGreen:focus:before, .Button--labeledPlay--blueGreen:hover, .Button--labeledPlay--blueGreen:hover:before { border-bottom-color: transparent } .Button--labeledPlay--blueGreen:focus, .Button--labeledPlay--blueGreen:hover { border-color: #fff; color: #fff } .Button--labeledPlay--pinkRed { border-bottom-color: #d10023; color: #d10023; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--pinkRed { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--pinkRed .Button-label { vertical-align: middle } .Button--labeledPlay--pinkRed:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--pinkRed:focus, .Button--labeledPlay--pinkRed:focus:before, .Button--labeledPlay--pinkRed:hover, .Button--labeledPlay--pinkRed:hover:before { border-bottom-color: transparent } .Button--labeledPlay--pinkRed:focus, .Button--labeledPlay--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--labeledPlay--lightBlueGreen { border-bottom-color: #175250; color: #175250; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--lightBlueGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--lightBlueGreen .Button-label { vertical-align: middle } .Button--labeledPlay--lightBlueGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--lightBlueGreen:focus, .Button--labeledPlay--lightBlueGreen:focus:before, .Button--labeledPlay--lightBlueGreen:hover, .Button--labeledPlay--lightBlueGreen:hover:before { border-bottom-color: transparent } .Button--labeledPlay--lightBlueGreen:focus, .Button--labeledPlay--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--labeledPlay--black { border-bottom-color: #000; color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--black { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--black .Button-label { vertical-align: middle } .Button--labeledPlay--black:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--black:focus, .Button--labeledPlay--black:focus:before, .Button--labeledPlay--black:hover, .Button--labeledPlay--black:hover:before { border-bottom-color: transparent } .Button--labeledPlay--black:focus, .Button--labeledPlay--black:hover { border-color: #999; color: #999 } .Button--labeledPlay--white { border-bottom-color: #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--white { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--white .Button-label { vertical-align: middle } .Button--labeledPlay--white:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--white:focus, .Button--labeledPlay--white:focus:before, .Button--labeledPlay--white:hover, .Button--labeledPlay--white:hover:before { border-bottom-color: transparent } .Button--labeledPlay--white:focus, .Button--labeledPlay--white:hover { border-color: #767676; color: #767676 } .Button--labeledPlay--yellowOrange { border-bottom-color: #a72906; color: #a72906; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--labeledPlay--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Button--labeledPlay--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Button--labeledPlay--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Button--labeledPlay--yellowOrange { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Button--labeledPlay--yellowOrange .Button-label { vertical-align: middle } .Button--labeledPlay--yellowOrange:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .Button--labeledPlay--yellowOrange:focus, .Button--labeledPlay--yellowOrange:focus:before, .Button--labeledPlay--yellowOrange:hover, .Button--labeledPlay--yellowOrange:hover:before { border-bottom-color: transparent } .Button--labeledPlay--yellowOrange:focus, .Button--labeledPlay--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--nextIcon--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--dark:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--dark:focus:before, .Button--nextIcon--dark:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--dark:focus, .Button--nextIcon--dark:hover { border-color: #999; color: #999 } .Button--nextIcon--dark:lang(ar):before { content: "\f117" } .Button--nextIcon--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--light:before { color: #000; content: "\f118"; line-height: 48px } .Button--nextIcon--light:focus:before, .Button--nextIcon--light:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--light:focus, .Button--nextIcon--light:hover { border-color: #767676; color: #767676 } .Button--nextIcon--light:lang(ar):before { content: "\f117" } .Button--nextIcon--greenPink { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--greenPink:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--greenPink:focus:before, .Button--nextIcon--greenPink:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--greenPink:focus, .Button--nextIcon--greenPink:hover { border-color: #fff; color: #fff } .Button--nextIcon--greenPink:lang(ar):before { content: "\f117" } .Button--nextIcon--greenGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--greenGreen:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--greenGreen:focus:before, .Button--nextIcon--greenGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--greenGreen:focus, .Button--nextIcon--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--nextIcon--greenGreen:lang(ar):before { content: "\f117" } .Button--nextIcon--blueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--blueGreen:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--blueGreen:focus:before, .Button--nextIcon--blueGreen:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--blueGreen:focus, .Button--nextIcon--blueGreen:hover { border-color: #fff; color: #fff } .Button--nextIcon--blueGreen:lang(ar):before { content: "\f117" } .Button--nextIcon--pinkRed { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--pinkRed:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--pinkRed:focus:before, .Button--nextIcon--pinkRed:hover:before { color: #8f0018; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--pinkRed:focus, .Button--nextIcon--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--nextIcon--pinkRed:lang(ar):before { content: "\f117" } .Button--nextIcon--lightBlueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--lightBlueGreen:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--lightBlueGreen:focus:before, .Button--nextIcon--lightBlueGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--lightBlueGreen:focus, .Button--nextIcon--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--nextIcon--lightBlueGreen:lang(ar):before { content: "\f117" } .Button--nextIcon--black { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--black:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--black:focus:before, .Button--nextIcon--black:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--black:focus, .Button--nextIcon--black:hover { border-color: #999; color: #999 } .Button--nextIcon--black:lang(ar):before { content: "\f117" } .Button--nextIcon--white { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--white:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--white:focus:before, .Button--nextIcon--white:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--white:focus, .Button--nextIcon--white:hover { border-color: #767676; color: #767676 } .Button--nextIcon--white:lang(ar):before { content: "\f117" } .Button--nextIcon--yellowOrange { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--yellowOrange:before { color: #fff; content: "\f118"; line-height: 48px } .Button--nextIcon--yellowOrange:focus:before, .Button--nextIcon--yellowOrange:hover:before { color: #651904; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--nextIcon--yellowOrange:focus, .Button--nextIcon--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--nextIcon--yellowOrange:lang(ar):before { content: "\f117" } .Button--prevIcon--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--dark:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--dark:focus:before, .Button--prevIcon--dark:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--dark:focus, .Button--prevIcon--dark:hover { border-color: #999; color: #999 } .Button--prevIcon--dark:lang(ar):before { content: "\f118" } .Button--prevIcon--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--light:before { color: #000; content: "\f117"; line-height: 48px } .Button--prevIcon--light:focus:before, .Button--prevIcon--light:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--light:focus, .Button--prevIcon--light:hover { border-color: #767676; color: #767676 } .Button--prevIcon--light:lang(ar):before { content: "\f118" } .Button--prevIcon--greenPink { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--greenPink:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--greenPink:focus:before, .Button--prevIcon--greenPink:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--greenPink:focus, .Button--prevIcon--greenPink:hover { border-color: #fff; color: #fff } .Button--prevIcon--greenPink:lang(ar):before { content: "\f118" } .Button--prevIcon--greenGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--greenGreen:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--greenGreen:focus:before, .Button--prevIcon--greenGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--greenGreen:focus, .Button--prevIcon--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--prevIcon--greenGreen:lang(ar):before { content: "\f118" } .Button--prevIcon--blueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--blueGreen:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--blueGreen:focus:before, .Button--prevIcon--blueGreen:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--blueGreen:focus, .Button--prevIcon--blueGreen:hover { border-color: #fff; color: #fff } .Button--prevIcon--blueGreen:lang(ar):before { content: "\f118" } .Button--prevIcon--pinkRed { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--pinkRed:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--pinkRed:focus:before, .Button--prevIcon--pinkRed:hover:before { color: #8f0018; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--pinkRed:focus, .Button--prevIcon--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--prevIcon--pinkRed:lang(ar):before { content: "\f118" } .Button--prevIcon--lightBlueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--lightBlueGreen:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--lightBlueGreen:focus:before, .Button--prevIcon--lightBlueGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--lightBlueGreen:focus, .Button--prevIcon--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--prevIcon--lightBlueGreen:lang(ar):before { content: "\f118" } .Button--prevIcon--black { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--black:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--black:focus:before, .Button--prevIcon--black:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--black:focus, .Button--prevIcon--black:hover { border-color: #999; color: #999 } .Button--prevIcon--black:lang(ar):before { content: "\f118" } .Button--prevIcon--white { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--white:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--white:focus:before, .Button--prevIcon--white:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--white:focus, .Button--prevIcon--white:hover { border-color: #767676; color: #767676 } .Button--prevIcon--white:lang(ar):before { content: "\f118" } .Button--prevIcon--yellowOrange { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--yellowOrange:before { color: #fff; content: "\f117"; line-height: 48px } .Button--prevIcon--yellowOrange:focus:before, .Button--prevIcon--yellowOrange:hover:before { color: #651904; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--prevIcon--yellowOrange:focus, .Button--prevIcon--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--prevIcon--yellowOrange:lang(ar):before { content: "\f118" } .Button--playIcon--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--dark:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--dark:focus:before, .Button--playIcon--dark:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--dark:focus, .Button--playIcon--dark:hover { border-color: #999; color: #999 } .Button--playIcon--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--light:before { color: #000; content: "\f16c"; line-height: 48px } .Button--playIcon--light:focus:before, .Button--playIcon--light:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--light:focus, .Button--playIcon--light:hover { border-color: #767676; color: #767676 } .Button--playIcon--greenPink { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--greenPink:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--greenPink:focus:before, .Button--playIcon--greenPink:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--greenPink:focus, .Button--playIcon--greenPink:hover { border-color: #fff; color: #fff } .Button--playIcon--greenGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--greenGreen:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--greenGreen:focus:before, .Button--playIcon--greenGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--greenGreen:focus, .Button--playIcon--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--playIcon--blueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--blueGreen:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--blueGreen:focus:before, .Button--playIcon--blueGreen:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--blueGreen:focus, .Button--playIcon--blueGreen:hover { border-color: #fff; color: #fff } .Button--playIcon--pinkRed { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--pinkRed:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--pinkRed:focus:before, .Button--playIcon--pinkRed:hover:before { color: #8f0018; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--pinkRed:focus, .Button--playIcon--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--playIcon--lightBlueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--lightBlueGreen:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--lightBlueGreen:focus:before, .Button--playIcon--lightBlueGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--lightBlueGreen:focus, .Button--playIcon--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--playIcon--black { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--black:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--black:focus:before, .Button--playIcon--black:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--black:focus, .Button--playIcon--black:hover { border-color: #999; color: #999 } .Button--playIcon--white { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--white:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--white:focus:before, .Button--playIcon--white:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--white:focus, .Button--playIcon--white:hover { border-color: #767676; color: #767676 } .Button--playIcon--yellowOrange { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--yellowOrange:before { color: #fff; content: "\f16c"; line-height: 48px } .Button--playIcon--yellowOrange:focus:before, .Button--playIcon--yellowOrange:hover:before { color: #651904; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--playIcon--yellowOrange:focus, .Button--playIcon--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--pauseIcon--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--dark:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--dark:focus:before, .Button--pauseIcon--dark:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--dark:focus, .Button--pauseIcon--dark:hover { border-color: #999; color: #999 } .Button--pauseIcon--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--light:before { color: #000; content: "\f169"; line-height: 48px } .Button--pauseIcon--light:focus:before, .Button--pauseIcon--light:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--light:focus, .Button--pauseIcon--light:hover { border-color: #767676; color: #767676 } .Button--pauseIcon--greenPink { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--greenPink:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--greenPink:focus:before, .Button--pauseIcon--greenPink:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--greenPink:focus, .Button--pauseIcon--greenPink:hover { border-color: #fff; color: #fff } .Button--pauseIcon--greenGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--greenGreen:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--greenGreen:focus:before, .Button--pauseIcon--greenGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--greenGreen:focus, .Button--pauseIcon--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--pauseIcon--blueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--blueGreen:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--blueGreen:focus:before, .Button--pauseIcon--blueGreen:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--blueGreen:focus, .Button--pauseIcon--blueGreen:hover { border-color: #fff; color: #fff } .Button--pauseIcon--pinkRed { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--pinkRed:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--pinkRed:focus:before, .Button--pauseIcon--pinkRed:hover:before { color: #8f0018; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--pinkRed:focus, .Button--pauseIcon--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--pauseIcon--lightBlueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--lightBlueGreen:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--lightBlueGreen:focus:before, .Button--pauseIcon--lightBlueGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--lightBlueGreen:focus, .Button--pauseIcon--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--pauseIcon--black { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--black:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--black:focus:before, .Button--pauseIcon--black:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--black:focus, .Button--pauseIcon--black:hover { border-color: #999; color: #999 } .Button--pauseIcon--white { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--white:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--white:focus:before, .Button--pauseIcon--white:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--white:focus, .Button--pauseIcon--white:hover { border-color: #767676; color: #767676 } .Button--pauseIcon--yellowOrange { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--yellowOrange:before { color: #fff; content: "\f169"; line-height: 48px } .Button--pauseIcon--yellowOrange:focus:before, .Button--pauseIcon--yellowOrange:hover:before { color: #651904; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--pauseIcon--yellowOrange:focus, .Button--pauseIcon--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--close--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--dark:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--dark:focus:before, .Button--close--dark:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--dark:focus, .Button--close--dark:hover { border-color: #999; color: #999 } .Button--close--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--light:before { color: #000; content: "\f11a"; line-height: 48px } .Button--close--light:focus:before, .Button--close--light:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--light:focus, .Button--close--light:hover { border-color: #767676; color: #767676 } .Button--close--greenPink { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--greenPink:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--greenPink:focus:before, .Button--close--greenPink:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--greenPink:focus, .Button--close--greenPink:hover { border-color: #fff; color: #fff } .Button--close--greenGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--greenGreen:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--greenGreen:focus:before, .Button--close--greenGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--greenGreen:focus, .Button--close--greenGreen:hover { border-color: #000c0b; color: #000c0b } .Button--close--blueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--blueGreen:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--blueGreen:focus:before, .Button--close--blueGreen:hover:before { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--blueGreen:focus, .Button--close--blueGreen:hover { border-color: #fff; color: #fff } .Button--close--pinkRed { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--pinkRed:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--pinkRed:focus:before, .Button--close--pinkRed:hover:before { color: #8f0018; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--pinkRed:focus, .Button--close--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .Button--close--lightBlueGreen { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--lightBlueGreen:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--lightBlueGreen:focus:before, .Button--close--lightBlueGreen:hover:before { color: #000c0b; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--lightBlueGreen:focus, .Button--close--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .Button--close--black { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--black:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--black:focus:before, .Button--close--black:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--black:focus, .Button--close--black:hover { border-color: #999; color: #999 } .Button--close--white { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--white:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--white:focus:before, .Button--close--white:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--white:focus, .Button--close--white:hover { border-color: #767676; color: #767676 } .Button--close--yellowOrange { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--yellowOrange:before { color: #fff; content: "\f11a"; line-height: 48px } .Button--close--yellowOrange:focus:before, .Button--close--yellowOrange:hover:before { color: #651904; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Button--close--yellowOrange:focus, .Button--close--yellowOrange:hover { border-color: #651904; color: #651904 } .Button--secondary--dark { height: 40px } .Button--secondary--dark:disabled { background-color: #999; border-color: #999; cursor: default } .Button--secondary--dark:disabled:hover { background-color: #999; border-color: #999; color: #fff } .button, .button-filled, .button-filled-image, .button-filled-loading, .button-ghost, .button-outline, .button-outline-loading, .button-text, .button-text-icon { text-align: center } .button-filled { background: var(--color-button-primary-default, #fff); border-radius: 5px; color: var(--color-button-primary-inverse, #000); padding: 10px 20px } .button-filled:hover { background: var(--color-button-primary-hover, #e6e6e6); border-radius: 5px } .button-filled:focus { background: var(--color-button-primary-pressed, #d8d8d8); border-radius: 5px } .button-filled-loading, .button-filled:disabled { background: var(--color-button-primary-disabled-default, #7d7d7d); border-radius: 5px } .button-filled-loading { padding: 10px 20px } .button-filled-image { background: var(--color-button-on-image-primary-default, #fff); border-radius: 5px; color: var(--color-button-on-image-primary-inverse-default, #000); padding: 10px 20px } .button-filled-image:hover { background: var(--color-button-on-image-primary-hover, #e6e6e6); border-radius: 5px } .button-filled-image:focus { background: var(--color-button-on-image-primary-pressed, #d8d8d8); border-radius: 5px } .button-filled-image:disabled { background: var(--color-button-on-image-primary-disabled-default, #7d7d7d); border-radius: 5px } .button-outline { border: 1px solid var(--color-button-primary-default, #fff); border-radius: 5px; padding: 10px 20px } .button-outline:hover { background: var(--color-button-primary-ghost-hover, hsla(0, 0%, 100%, .04)); border: 1px solid var(--color-button-primary-hover, #e6e6e6); border-radius: 5px } .button-outline:focus { background: var(--color-button-primary-ghost-pressed, hsla(0, 0%, 100%, .08)); border: 1px solid var(--color-button-primary-pressed, #d8d8d8); border-radius: 5px } .button-outline-loading, .button-outline:disabled { border: 1px solid var(--color-button-primary-disabled-default, #7d7d7d); border-radius: 5px } .button-ghost, .button-outline-loading { padding: 10px 20px } .button-ghost { border-radius: 5px } .button-ghost:hover { background: var(--color-button-primary-ghost-hover, hsla(0, 0%, 100%, .04)); border-radius: 5px } .button-ghost:focus { background: var(--color-button-primary-ghost-pressed, hsla(0, 0%, 100%, .08)); border-radius: 5px } .button-text { background: none; text-decoration: underline; text-underline-offset: 6px } .button-text:hover { color: var(--color-button-primary-hover, #e6e6e6) } .button-text:focus { color: var(--color-button-primary-pressed, #d8d8d8) } .button-text:disabled { color: var(--color-button-primary-disabled-default, #7d7d7d) } .button-text-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; gap: 10px } .button-text-icon:hover { color: var(--color-button-primary-hover, #e6e6e6) } .button-text-icon:focus { color: var(--color-button-primary-pressed, #d8d8d8) } .button-text-icon:disabled { color: var(--color-button-primary-disabled-default, #7d7d7d) } .divider, .divider-subtle { height: 1px; -webkit-box-flex: 1; background: var(--color-border-default, hsla(0, 0%, 100%, .45)); -ms-flex: 1 0 0px; flex: 1 0 0 } .divider-subtle { background: var(--color-border-subtle-default, hsla(0, 0%, 100%, .15)) } .box-outline, .box-outline-subtle { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid var(--color-border-default, hsla(0, 0%, 100%, .45)) } .box-outline-subtle { border: 1px solid var(--color-border-subtle-default, hsla(0, 0%, 100%, .15)) } .CTA--primary--light { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--light { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--light:focus, .CTA--primary--light:hover { background-color: #fff; border-color: #000; color: #000 } .CTA--primary--dark { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--dark { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--dark:focus, .CTA--primary--dark:hover { background-color: #000; border-color: #fff; color: #fff } .CTA--primary--greenPink { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #fbe4ee; color: #fbe4ee; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--greenPink { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--greenPink:focus, .CTA--primary--greenPink:hover { background-color: #fbe4ee; border-color: #fbe4ee; color: #175250 } .CTA--primary--greenGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #f3ffd1; border: 1px solid #175250; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--greenGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--greenGreen:focus, .CTA--primary--greenGreen:hover { background-color: #175250; border-color: #175250; color: #f3ffd1 } .CTA--primary--blueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #0f587c; border: 1px solid #f3ffd1; color: #f3ffd1; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--blueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--blueGreen:focus, .CTA--primary--blueGreen:hover { background-color: #f3ffd1; border-color: #f3ffd1; color: #0f587c } .CTA--primary--pinkRed { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fbe4ee; border: 1px solid #d10023; color: #d10023; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--pinkRed { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--pinkRed:focus, .CTA--primary--pinkRed:hover { background-color: #d10023; border-color: #d10023; color: #fbe4ee } .CTA--primary--lightBlueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #dff3fb; border: 1px solid #175250; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--lightBlueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--lightBlueGreen:focus, .CTA--primary--lightBlueGreen:hover { background-color: #175250; border-color: #175250; color: #dff3fb } .CTA--primary--black { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--black { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--black:focus, .CTA--primary--black:hover { background-color: #fff; border-color: #000; color: #000 } .CTA--primary--white { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--white { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--white:focus, .CTA--primary--white:hover { background-color: #000; border-color: #fff; color: #fff } .CTA--primary--yellowOrange { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #ffc550; border: 1px solid #a72906; color: #a72906; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--primary--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--primary--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--primary--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--primary--yellowOrange { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--primary--yellowOrange:focus, .CTA--primary--yellowOrange:hover { background-color: #a72906; border-color: #a72906; color: #ffc550 } .CTA--secondary--light { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #000; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--light { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--light:focus, .CTA--secondary--light:hover { background-color: #000; border-color: #000; color: #fff } .CTA--secondary--dark { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #fff; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--dark { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--dark:focus, .CTA--secondary--dark:hover { background-color: #fff; border-color: #fff; color: #000 } .CTA--secondary--greenPink { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fbe4ee; border: 1px solid #fbe4ee; color: #175250; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--greenPink { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--greenPink:focus, .CTA--secondary--greenPink:hover { background-color: #175250; border-color: #fbe4ee; color: #fbe4ee } .CTA--secondary--greenGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #175250; color: #f3ffd1; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--greenGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--greenGreen:focus, .CTA--secondary--greenGreen:hover { background-color: #f3ffd1; border-color: #175250; color: #175250 } .CTA--secondary--blueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #f3ffd1; border: 1px solid #f3ffd1; color: #0f587c; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--blueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--blueGreen:focus, .CTA--secondary--blueGreen:hover { background-color: #0f587c; border-color: #f3ffd1; color: #f3ffd1 } .CTA--secondary--pinkRed { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #d10023; border: 1px solid #d10023; color: #fbe4ee; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--pinkRed { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--pinkRed:focus, .CTA--secondary--pinkRed:hover { background-color: #fbe4ee; border-color: #d10023; color: #d10023 } .CTA--secondary--lightBlueGreen { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #175250; border: 1px solid #175250; color: #dff3fb; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--lightBlueGreen { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--lightBlueGreen:focus, .CTA--secondary--lightBlueGreen:hover { background-color: #dff3fb; border-color: #175250; color: #175250 } .CTA--secondary--black { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--black { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--black:focus, .CTA--secondary--black:hover { background-color: #fff; border-color: #000; color: #000 } .CTA--secondary--white { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #fff; border: 1px solid #fff; color: #000; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--white { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--white:focus, .CTA--secondary--white:hover { background-color: #000; border-color: #fff; color: #fff } .CTA--secondary--yellowOrange { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #a72906; border: 1px solid #a72906; color: #ffc550; justify-content: center; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--secondary--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--secondary--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--secondary--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--secondary--yellowOrange { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .CTA--secondary--yellowOrange:focus, .CTA--secondary--yellowOrange:hover { background-color: #ffc550; border-color: #a72906; color: #a72906 } .CTA--underlined--light { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--light:focus, .CTA--underlined--light:focus:before, .CTA--underlined--light:hover, .CTA--underlined--light:hover:before { border-bottom-color: transparent } .CTA--underlined--light:focus, .CTA--underlined--light:hover { border-color: #767676; color: #767676 } .CTA--underlined--dark { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--dark:focus, .CTA--underlined--dark:focus:before, .CTA--underlined--dark:hover, .CTA--underlined--dark:hover:before { border-bottom-color: transparent } .CTA--underlined--dark:focus, .CTA--underlined--dark:hover { border-color: #999; color: #999 } .CTA--underlined--greenPink { border-bottom: 1px solid #fbe4ee; color: #fbe4ee; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenPink:focus, .CTA--underlined--greenPink:focus:before, .CTA--underlined--greenPink:hover, .CTA--underlined--greenPink:hover:before { border-bottom-color: transparent } .CTA--underlined--greenPink:focus, .CTA--underlined--greenPink:hover { border-color: #fff; color: #fff } .CTA--underlined--greenGreen { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenGreen:focus, .CTA--underlined--greenGreen:focus:before, .CTA--underlined--greenGreen:hover, .CTA--underlined--greenGreen:hover:before { border-bottom-color: transparent } .CTA--underlined--greenGreen:focus, .CTA--underlined--greenGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--blueGreen { border-bottom: 1px solid #f3ffd1; color: #f3ffd1; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--blueGreen:focus, .CTA--underlined--blueGreen:focus:before, .CTA--underlined--blueGreen:hover, .CTA--underlined--blueGreen:hover:before { border-bottom-color: transparent } .CTA--underlined--blueGreen:focus, .CTA--underlined--blueGreen:hover { border-color: #fff; color: #fff } .CTA--underlined--pinkRed { border-bottom: 1px solid #d10023; color: #d10023; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--pinkRed:focus, .CTA--underlined--pinkRed:focus:before, .CTA--underlined--pinkRed:hover, .CTA--underlined--pinkRed:hover:before { border-bottom-color: transparent } .CTA--underlined--pinkRed:focus, .CTA--underlined--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .CTA--underlined--lightBlueGreen { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--lightBlueGreen:focus, .CTA--underlined--lightBlueGreen:focus:before, .CTA--underlined--lightBlueGreen:hover, .CTA--underlined--lightBlueGreen:hover:before { border-bottom-color: transparent } .CTA--underlined--lightBlueGreen:focus, .CTA--underlined--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--black { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--black:focus, .CTA--underlined--black:focus:before, .CTA--underlined--black:hover, .CTA--underlined--black:hover:before { border-bottom-color: transparent } .CTA--underlined--black:focus, .CTA--underlined--black:hover { border-color: #999; color: #999 } .CTA--underlined--white { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--white:focus, .CTA--underlined--white:focus:before, .CTA--underlined--white:hover, .CTA--underlined--white:hover:before { border-bottom-color: transparent } .CTA--underlined--white:focus, .CTA--underlined--white:hover { border-color: #767676; color: #767676 } .CTA--underlined--yellowOrange { border-bottom: 1px solid #a72906; color: #a72906; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--yellowOrange:focus, .CTA--underlined--yellowOrange:focus:before, .CTA--underlined--yellowOrange:hover, .CTA--underlined--yellowOrange:hover:before { border-bottom-color: transparent } .CTA--underlined--yellowOrange:focus, .CTA--underlined--yellowOrange:hover { border-color: #651904; color: #651904 } .CTA--labeledPlay--light { border-bottom-color: #000; color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--light { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--light .Button-label { vertical-align: middle } .CTA--labeledPlay--light:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--light:focus, .CTA--labeledPlay--light:focus:before, .CTA--labeledPlay--light:hover, .CTA--labeledPlay--light:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--light:focus, .CTA--labeledPlay--light:hover { border-color: #767676; color: #767676 } .CTA--labeledPlay--dark { border-bottom-color: #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--dark { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--dark .Button-label { vertical-align: middle } .CTA--labeledPlay--dark:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--dark:focus, .CTA--labeledPlay--dark:focus:before, .CTA--labeledPlay--dark:hover, .CTA--labeledPlay--dark:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--dark:focus, .CTA--labeledPlay--dark:hover { border-color: #999; color: #999 } .CTA--labeledPlay--greenPink { border-bottom-color: #fbe4ee; color: #fbe4ee; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--greenPink { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--greenPink .Button-label { vertical-align: middle } .CTA--labeledPlay--greenPink:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--greenPink:focus, .CTA--labeledPlay--greenPink:focus:before, .CTA--labeledPlay--greenPink:hover, .CTA--labeledPlay--greenPink:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--greenPink:focus, .CTA--labeledPlay--greenPink:hover { border-color: #fff; color: #fff } .CTA--labeledPlay--greenGreen { border-bottom-color: #175250; color: #175250; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--greenGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--greenGreen .Button-label { vertical-align: middle } .CTA--labeledPlay--greenGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--greenGreen:focus, .CTA--labeledPlay--greenGreen:focus:before, .CTA--labeledPlay--greenGreen:hover, .CTA--labeledPlay--greenGreen:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--greenGreen:focus, .CTA--labeledPlay--greenGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--labeledPlay--blueGreen { border-bottom-color: #f3ffd1; color: #f3ffd1; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--blueGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--blueGreen .Button-label { vertical-align: middle } .CTA--labeledPlay--blueGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--blueGreen:focus, .CTA--labeledPlay--blueGreen:focus:before, .CTA--labeledPlay--blueGreen:hover, .CTA--labeledPlay--blueGreen:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--blueGreen:focus, .CTA--labeledPlay--blueGreen:hover { border-color: #fff; color: #fff } .CTA--labeledPlay--pinkRed { border-bottom-color: #d10023; color: #d10023; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--pinkRed { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--pinkRed .Button-label { vertical-align: middle } .CTA--labeledPlay--pinkRed:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--pinkRed:focus, .CTA--labeledPlay--pinkRed:focus:before, .CTA--labeledPlay--pinkRed:hover, .CTA--labeledPlay--pinkRed:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--pinkRed:focus, .CTA--labeledPlay--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .CTA--labeledPlay--lightBlueGreen { border-bottom-color: #175250; color: #175250; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--lightBlueGreen { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--lightBlueGreen .Button-label { vertical-align: middle } .CTA--labeledPlay--lightBlueGreen:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--lightBlueGreen:focus, .CTA--labeledPlay--lightBlueGreen:focus:before, .CTA--labeledPlay--lightBlueGreen:hover, .CTA--labeledPlay--lightBlueGreen:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--lightBlueGreen:focus, .CTA--labeledPlay--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--labeledPlay--black { border-bottom-color: #000; color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--black { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--black .Button-label { vertical-align: middle } .CTA--labeledPlay--black:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--black:focus, .CTA--labeledPlay--black:focus:before, .CTA--labeledPlay--black:hover, .CTA--labeledPlay--black:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--black:focus, .CTA--labeledPlay--black:hover { border-color: #999; color: #999 } .CTA--labeledPlay--white { border-bottom-color: #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--white { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--white .Button-label { vertical-align: middle } .CTA--labeledPlay--white:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--white:focus, .CTA--labeledPlay--white:focus:before, .CTA--labeledPlay--white:hover, .CTA--labeledPlay--white:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--white:focus, .CTA--labeledPlay--white:hover { border-color: #767676; color: #767676 } .CTA--labeledPlay--yellowOrange { border-bottom-color: #a72906; color: #a72906; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--labeledPlay--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--labeledPlay--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--labeledPlay--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--labeledPlay--yellowOrange { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .CTA--labeledPlay--yellowOrange .Button-label { vertical-align: middle } .CTA--labeledPlay--yellowOrange:before { content: "\f16c"; display: inline-block; font-size: 1.25rem; font-size: 1.6666666667em; line-height: 1.4375em; vertical-align: middle } .CTA--labeledPlay--yellowOrange:focus, .CTA--labeledPlay--yellowOrange:focus:before, .CTA--labeledPlay--yellowOrange:hover, .CTA--labeledPlay--yellowOrange:hover:before { border-bottom-color: transparent } .CTA--labeledPlay--yellowOrange:focus, .CTA--labeledPlay--yellowOrange:hover { border-color: #651904; color: #651904 } .CTA--arrow--light { border-bottom-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--light:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--light:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--light:focus, .CTA--arrow--light:focus:before, .CTA--arrow--light:hover, .CTA--arrow--light:hover:before { border-bottom-color: transparent } .CTA--arrow--light:focus, .CTA--arrow--light:hover { border-color: #767676; color: #767676 } .CTA--arrow--dark { border-bottom-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--dark:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--dark:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--dark:focus, .CTA--arrow--dark:focus:before, .CTA--arrow--dark:hover, .CTA--arrow--dark:hover:before { border-bottom-color: transparent } .CTA--arrow--dark:focus, .CTA--arrow--dark:hover { border-color: #999; color: #999 } .CTA--arrow--greenPink { border-bottom-color: #fbe4ee; color: #fbe4ee; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--greenPink:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--greenPink:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--greenPink:focus, .CTA--arrow--greenPink:focus:before, .CTA--arrow--greenPink:hover, .CTA--arrow--greenPink:hover:before { border-bottom-color: transparent } .CTA--arrow--greenPink:focus, .CTA--arrow--greenPink:hover { border-color: #fff; color: #fff } .CTA--arrow--greenGreen { border-bottom-color: #175250; color: #175250; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--greenGreen:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--greenGreen:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--greenGreen:focus, .CTA--arrow--greenGreen:focus:before, .CTA--arrow--greenGreen:hover, .CTA--arrow--greenGreen:hover:before { border-bottom-color: transparent } .CTA--arrow--greenGreen:focus, .CTA--arrow--greenGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--arrow--blueGreen { border-bottom-color: #f3ffd1; color: #f3ffd1; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--blueGreen:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--blueGreen:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--blueGreen:focus, .CTA--arrow--blueGreen:focus:before, .CTA--arrow--blueGreen:hover, .CTA--arrow--blueGreen:hover:before { border-bottom-color: transparent } .CTA--arrow--blueGreen:focus, .CTA--arrow--blueGreen:hover { border-color: #fff; color: #fff } .CTA--arrow--pinkRed { border-bottom-color: #d10023; color: #d10023; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--pinkRed:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--pinkRed:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--pinkRed:focus, .CTA--arrow--pinkRed:focus:before, .CTA--arrow--pinkRed:hover, .CTA--arrow--pinkRed:hover:before { border-bottom-color: transparent } .CTA--arrow--pinkRed:focus, .CTA--arrow--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .CTA--arrow--lightBlueGreen { border-bottom-color: #175250; color: #175250; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--lightBlueGreen:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--lightBlueGreen:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--lightBlueGreen:focus, .CTA--arrow--lightBlueGreen:focus:before, .CTA--arrow--lightBlueGreen:hover, .CTA--arrow--lightBlueGreen:hover:before { border-bottom-color: transparent } .CTA--arrow--lightBlueGreen:focus, .CTA--arrow--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--arrow--black { border-bottom-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--black:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--black:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--black:focus, .CTA--arrow--black:focus:before, .CTA--arrow--black:hover, .CTA--arrow--black:hover:before { border-bottom-color: transparent } .CTA--arrow--black:focus, .CTA--arrow--black:hover { border-color: #999; color: #999 } .CTA--arrow--white { border-bottom-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--white:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--white:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--white:focus, .CTA--arrow--white:focus:before, .CTA--arrow--white:hover, .CTA--arrow--white:hover:before { border-bottom-color: transparent } .CTA--arrow--white:focus, .CTA--arrow--white:hover { border-color: #767676; color: #767676 } .CTA--arrow--yellowOrange { border-bottom-color: #a72906; color: #a72906; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--arrow--yellowOrange:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .CTA--arrow--yellowOrange:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .CTA--arrow--yellowOrange:focus, .CTA--arrow--yellowOrange:focus:before, .CTA--arrow--yellowOrange:hover, .CTA--arrow--yellowOrange:hover:before { border-bottom-color: transparent } .CTA--arrow--yellowOrange:focus, .CTA--arrow--yellowOrange:hover { border-color: #651904; color: #651904 } .CTA--backButton--light { border-bottom-color: #000; color: #000; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--light:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--light:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--light:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--light:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--light:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--light:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--light { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--light { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--light { left: 40px; top: 40px } } .CTA--backButton--light:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--light:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--light:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--light:lang(ar) { right: 40px } } .CTA--backButton--light:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--light:focus, .CTA--backButton--light:focus:before, .CTA--backButton--light:hover, .CTA--backButton--light:hover:before { border-bottom-color: transparent } .CTA--backButton--light:focus, .CTA--backButton--light:hover { border-color: #767676; color: #767676 } .CTA--backButton--dark { border-bottom-color: #fff; color: #fff; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--dark:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--dark:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--dark:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--dark:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--dark:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--dark:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--dark { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--dark { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--dark { left: 40px; top: 40px } } .CTA--backButton--dark:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--dark:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--dark:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--dark:lang(ar) { right: 40px } } .CTA--backButton--dark:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--dark:focus, .CTA--backButton--dark:focus:before, .CTA--backButton--dark:hover, .CTA--backButton--dark:hover:before { border-bottom-color: transparent } .CTA--backButton--dark:focus, .CTA--backButton--dark:hover { border-color: #999; color: #999 } .CTA--backButton--greenPink { border-bottom-color: #fbe4ee; color: #fbe4ee; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--greenPink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--greenPink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenPink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenPink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenPink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenPink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--greenPink { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--greenPink { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--greenPink { left: 40px; top: 40px } } .CTA--backButton--greenPink:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--greenPink:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--greenPink:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--greenPink:lang(ar) { right: 40px } } .CTA--backButton--greenPink:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--greenPink:focus, .CTA--backButton--greenPink:focus:before, .CTA--backButton--greenPink:hover, .CTA--backButton--greenPink:hover:before { border-bottom-color: transparent } .CTA--backButton--greenPink:focus, .CTA--backButton--greenPink:hover { border-color: #fff; color: #fff } .CTA--backButton--greenGreen { border-bottom-color: #175250; color: #175250; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--greenGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--greenGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--greenGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--greenGreen { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--greenGreen { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--greenGreen { left: 40px; top: 40px } } .CTA--backButton--greenGreen:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--greenGreen:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--greenGreen:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--greenGreen:lang(ar) { right: 40px } } .CTA--backButton--greenGreen:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--greenGreen:focus, .CTA--backButton--greenGreen:focus:before, .CTA--backButton--greenGreen:hover, .CTA--backButton--greenGreen:hover:before { border-bottom-color: transparent } .CTA--backButton--greenGreen:focus, .CTA--backButton--greenGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--backButton--blueGreen { border-bottom-color: #f3ffd1; color: #f3ffd1; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--blueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--blueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--blueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--blueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--blueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--blueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--blueGreen { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--blueGreen { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--blueGreen { left: 40px; top: 40px } } .CTA--backButton--blueGreen:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--blueGreen:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--blueGreen:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--blueGreen:lang(ar) { right: 40px } } .CTA--backButton--blueGreen:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--blueGreen:focus, .CTA--backButton--blueGreen:focus:before, .CTA--backButton--blueGreen:hover, .CTA--backButton--blueGreen:hover:before { border-bottom-color: transparent } .CTA--backButton--blueGreen:focus, .CTA--backButton--blueGreen:hover { border-color: #fff; color: #fff } .CTA--backButton--pinkRed { border-bottom-color: #d10023; color: #d10023; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--pinkRed:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--pinkRed:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--pinkRed:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--pinkRed:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--pinkRed:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--pinkRed:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--pinkRed { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--pinkRed { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--pinkRed { left: 40px; top: 40px } } .CTA--backButton--pinkRed:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--pinkRed:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--pinkRed:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--pinkRed:lang(ar) { right: 40px } } .CTA--backButton--pinkRed:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--pinkRed:focus, .CTA--backButton--pinkRed:focus:before, .CTA--backButton--pinkRed:hover, .CTA--backButton--pinkRed:hover:before { border-bottom-color: transparent } .CTA--backButton--pinkRed:focus, .CTA--backButton--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .CTA--backButton--lightBlueGreen { border-bottom-color: #175250; color: #175250; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--lightBlueGreen:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--lightBlueGreen:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--lightBlueGreen:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--lightBlueGreen:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--lightBlueGreen:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--lightBlueGreen:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--lightBlueGreen { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--lightBlueGreen { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--lightBlueGreen { left: 40px; top: 40px } } .CTA--backButton--lightBlueGreen:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--lightBlueGreen:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--lightBlueGreen:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--lightBlueGreen:lang(ar) { right: 40px } } .CTA--backButton--lightBlueGreen:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--lightBlueGreen:focus, .CTA--backButton--lightBlueGreen:focus:before, .CTA--backButton--lightBlueGreen:hover, .CTA--backButton--lightBlueGreen:hover:before { border-bottom-color: transparent } .CTA--backButton--lightBlueGreen:focus, .CTA--backButton--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--backButton--black { border-bottom-color: #000; color: #000; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--black:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--black:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--black:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--black:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--black:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--black:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--black { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--black { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--black { left: 40px; top: 40px } } .CTA--backButton--black:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--black:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--black:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--black:lang(ar) { right: 40px } } .CTA--backButton--black:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--black:focus, .CTA--backButton--black:focus:before, .CTA--backButton--black:hover, .CTA--backButton--black:hover:before { border-bottom-color: transparent } .CTA--backButton--black:focus, .CTA--backButton--black:hover { border-color: #999; color: #999 } .CTA--backButton--white { border-bottom-color: #fff; color: #fff; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--white:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--white:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--white:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--white:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--white:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--white:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--white { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--white { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--white { left: 40px; top: 40px } } .CTA--backButton--white:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--white:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--white:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--white:lang(ar) { right: 40px } } .CTA--backButton--white:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--white:focus, .CTA--backButton--white:focus:before, .CTA--backButton--white:hover, .CTA--backButton--white:hover:before { border-bottom-color: transparent } .CTA--backButton--white:focus, .CTA--backButton--white:hover { border-color: #767676; color: #767676 } .CTA--backButton--yellowOrange { border-bottom-color: #a72906; color: #a72906; display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; left: 30px; letter-spacing: .3em; line-height: 1.3em; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--backButton--yellowOrange:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CTA--backButton--yellowOrange:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--yellowOrange:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--yellowOrange:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--yellowOrange:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CTA--backButton--yellowOrange:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CTA--backButton--yellowOrange { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .CTA--backButton--yellowOrange { left: 30px; top: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--yellowOrange { left: 40px; top: 40px } } .CTA--backButton--yellowOrange:before { content: "\f117"; display: inline-block; font-size: 20px; padding-right: 10px; vertical-align: middle } .CTA--backButton--yellowOrange:lang(ar) { left: inherit; right: 30px } @media only screen and (min-width:701px) { .CTA--backButton--yellowOrange:lang(ar) { right: 30px } } @media only screen and (min-width:961px) { .CTA--backButton--yellowOrange:lang(ar) { right: 40px } } .CTA--backButton--yellowOrange:lang(ar):before { content: "\f118"; padding-left: 10px; padding-right: 0 } .CTA--backButton--yellowOrange:focus, .CTA--backButton--yellowOrange:focus:before, .CTA--backButton--yellowOrange:hover, .CTA--backButton--yellowOrange:hover:before { border-bottom-color: transparent } .CTA--backButton--yellowOrange:focus, .CTA--backButton--yellowOrange:hover { border-color: #651904; color: #651904 } .CTA--text--light { border-bottom-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--light:focus, .CTA--text--light:focus:before, .CTA--text--light:hover, .CTA--text--light:hover:before { border-bottom-color: transparent } .CTA--text--light:focus, .CTA--text--light:hover { border-color: #767676; color: #767676 } .CTA--text--dark { border-bottom-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--dark:focus, .CTA--text--dark:focus:before, .CTA--text--dark:hover, .CTA--text--dark:hover:before { border-bottom-color: transparent } .CTA--text--dark:focus, .CTA--text--dark:hover { border-color: #999; color: #999 } .CTA--text--greenPink { border-bottom-color: #fbe4ee; color: #fbe4ee; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--greenPink:focus, .CTA--text--greenPink:focus:before, .CTA--text--greenPink:hover, .CTA--text--greenPink:hover:before { border-bottom-color: transparent } .CTA--text--greenPink:focus, .CTA--text--greenPink:hover { border-color: #fff; color: #fff } .CTA--text--greenGreen { border-bottom-color: #175250; color: #175250; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--greenGreen:focus, .CTA--text--greenGreen:focus:before, .CTA--text--greenGreen:hover, .CTA--text--greenGreen:hover:before { border-bottom-color: transparent } .CTA--text--greenGreen:focus, .CTA--text--greenGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--text--blueGreen { border-bottom-color: #f3ffd1; color: #f3ffd1; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--blueGreen:focus, .CTA--text--blueGreen:focus:before, .CTA--text--blueGreen:hover, .CTA--text--blueGreen:hover:before { border-bottom-color: transparent } .CTA--text--blueGreen:focus, .CTA--text--blueGreen:hover { border-color: #fff; color: #fff } .CTA--text--pinkRed { border-bottom-color: #d10023; color: #d10023; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--pinkRed:focus, .CTA--text--pinkRed:focus:before, .CTA--text--pinkRed:hover, .CTA--text--pinkRed:hover:before { border-bottom-color: transparent } .CTA--text--pinkRed:focus, .CTA--text--pinkRed:hover { border-color: #8f0018; color: #8f0018 } .CTA--text--lightBlueGreen { border-bottom-color: #175250; color: #175250; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--lightBlueGreen:focus, .CTA--text--lightBlueGreen:focus:before, .CTA--text--lightBlueGreen:hover, .CTA--text--lightBlueGreen:hover:before { border-bottom-color: transparent } .CTA--text--lightBlueGreen:focus, .CTA--text--lightBlueGreen:hover { border-color: #000c0b; color: #000c0b } .CTA--text--black { border-bottom-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--black:focus, .CTA--text--black:focus:before, .CTA--text--black:hover, .CTA--text--black:hover:before { border-bottom-color: transparent } .CTA--text--black:focus, .CTA--text--black:hover { border-color: #999; color: #999 } .CTA--text--white { border-bottom-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--white:focus, .CTA--text--white:focus:before, .CTA--text--white:hover, .CTA--text--white:hover:before { border-bottom-color: transparent } .CTA--text--white:focus, .CTA--text--white:hover { border-color: #767676; color: #767676 } .CTA--text--yellowOrange { border-bottom-color: #a72906; color: #a72906; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--text--yellowOrange:focus, .CTA--text--yellowOrange:focus:before, .CTA--text--yellowOrange:hover, .CTA--text--yellowOrange:hover:before { border-bottom-color: transparent } .CTA--text--yellowOrange:focus, .CTA--text--yellowOrange:hover { border-color: #651904; color: #651904 } .CTA--underlined--red { border-bottom: 1px solid; font-weight: 700; padding-bottom: 3px; text-transform: uppercase } .CTA--underlined--red:focus, .CTA--underlined--red:focus:before, .CTA--underlined--red:hover, .CTA--underlined--red:hover:before { border-bottom-color: transparent } .CTA--underlined--light--gallery_external { border-bottom: 1px solid #000; color: #000; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--light--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--light--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--light--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--light--gallery_external:focus, .CTA--underlined--light--gallery_external:focus:before, .CTA--underlined--light--gallery_external:hover, .CTA--underlined--light--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--light--gallery_external:focus, .CTA--underlined--light--gallery_external:hover { border-color: #767676; color: #767676 } .CTA--underlined--dark--gallery_external { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--dark--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--dark--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--dark--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--dark--gallery_external:focus, .CTA--underlined--dark--gallery_external:focus:before, .CTA--underlined--dark--gallery_external:hover, .CTA--underlined--dark--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--dark--gallery_external:focus, .CTA--underlined--dark--gallery_external:hover { border-color: #999; color: #999 } .CTA--underlined--greenPink--gallery_external { border-bottom: 1px solid #fbe4ee; color: #fbe4ee; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenPink--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--greenPink--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--greenPink--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--greenPink--gallery_external:focus, .CTA--underlined--greenPink--gallery_external:focus:before, .CTA--underlined--greenPink--gallery_external:hover, .CTA--underlined--greenPink--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--greenPink--gallery_external:focus, .CTA--underlined--greenPink--gallery_external:hover { border-color: #fff; color: #fff } .CTA--underlined--greenGreen--gallery_external { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenGreen--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--greenGreen--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--greenGreen--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--greenGreen--gallery_external:focus, .CTA--underlined--greenGreen--gallery_external:focus:before, .CTA--underlined--greenGreen--gallery_external:hover, .CTA--underlined--greenGreen--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--greenGreen--gallery_external:focus, .CTA--underlined--greenGreen--gallery_external:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--blueGreen--gallery_external { border-bottom: 1px solid #f3ffd1; color: #f3ffd1; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--blueGreen--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--blueGreen--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--blueGreen--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--blueGreen--gallery_external:focus, .CTA--underlined--blueGreen--gallery_external:focus:before, .CTA--underlined--blueGreen--gallery_external:hover, .CTA--underlined--blueGreen--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--blueGreen--gallery_external:focus, .CTA--underlined--blueGreen--gallery_external:hover { border-color: #fff; color: #fff } .CTA--underlined--pinkRed--gallery_external { border-bottom: 1px solid #d10023; color: #d10023; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--pinkRed--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--pinkRed--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--pinkRed--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--pinkRed--gallery_external:focus, .CTA--underlined--pinkRed--gallery_external:focus:before, .CTA--underlined--pinkRed--gallery_external:hover, .CTA--underlined--pinkRed--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--pinkRed--gallery_external:focus, .CTA--underlined--pinkRed--gallery_external:hover { border-color: #8f0018; color: #8f0018 } .CTA--underlined--lightBlueGreen--gallery_external { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--lightBlueGreen--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--lightBlueGreen--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--lightBlueGreen--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--lightBlueGreen--gallery_external:focus, .CTA--underlined--lightBlueGreen--gallery_external:focus:before, .CTA--underlined--lightBlueGreen--gallery_external:hover, .CTA--underlined--lightBlueGreen--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--lightBlueGreen--gallery_external:focus, .CTA--underlined--lightBlueGreen--gallery_external:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--black--gallery_external { border-bottom: 1px solid #000; color: #000; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--black--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--black--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--black--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--black--gallery_external:focus, .CTA--underlined--black--gallery_external:focus:before, .CTA--underlined--black--gallery_external:hover, .CTA--underlined--black--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--black--gallery_external:focus, .CTA--underlined--black--gallery_external:hover { border-color: #999; color: #999 } .CTA--underlined--white--gallery_external { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--white--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--white--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--white--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--white--gallery_external:focus, .CTA--underlined--white--gallery_external:focus:before, .CTA--underlined--white--gallery_external:hover, .CTA--underlined--white--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--white--gallery_external:focus, .CTA--underlined--white--gallery_external:hover { border-color: #767676; color: #767676 } .CTA--underlined--yellowOrange--gallery_external { border-bottom: 1px solid #a72906; color: #a72906; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--yellowOrange--gallery_external:before { content: "\f13e"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--yellowOrange--gallery_external:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--yellowOrange--gallery_external:lang(ar):before { left: auto; right: -30px } .CTA--underlined--yellowOrange--gallery_external:focus, .CTA--underlined--yellowOrange--gallery_external:focus:before, .CTA--underlined--yellowOrange--gallery_external:hover, .CTA--underlined--yellowOrange--gallery_external:hover:before { border-bottom-color: transparent } .CTA--underlined--yellowOrange--gallery_external:focus, .CTA--underlined--yellowOrange--gallery_external:hover { border-color: #651904; color: #651904 } .CTA--underlined--light--checkmark { border-bottom: 1px solid #000; color: #000; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--light--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--light--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--light--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--light--checkmark:focus, .CTA--underlined--light--checkmark:focus:before, .CTA--underlined--light--checkmark:hover, .CTA--underlined--light--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--light--checkmark:focus, .CTA--underlined--light--checkmark:hover { border-color: #767676; color: #767676 } .CTA--underlined--dark--checkmark { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--dark--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--dark--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--dark--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--dark--checkmark:focus, .CTA--underlined--dark--checkmark:focus:before, .CTA--underlined--dark--checkmark:hover, .CTA--underlined--dark--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--dark--checkmark:focus, .CTA--underlined--dark--checkmark:hover { border-color: #999; color: #999 } .CTA--underlined--greenPink--checkmark { border-bottom: 1px solid #fbe4ee; color: #fbe4ee; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenPink--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--greenPink--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--greenPink--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--greenPink--checkmark:focus, .CTA--underlined--greenPink--checkmark:focus:before, .CTA--underlined--greenPink--checkmark:hover, .CTA--underlined--greenPink--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--greenPink--checkmark:focus, .CTA--underlined--greenPink--checkmark:hover { border-color: #fff; color: #fff } .CTA--underlined--greenGreen--checkmark { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--greenGreen--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--greenGreen--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--greenGreen--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--greenGreen--checkmark:focus, .CTA--underlined--greenGreen--checkmark:focus:before, .CTA--underlined--greenGreen--checkmark:hover, .CTA--underlined--greenGreen--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--greenGreen--checkmark:focus, .CTA--underlined--greenGreen--checkmark:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--blueGreen--checkmark { border-bottom: 1px solid #f3ffd1; color: #f3ffd1; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--blueGreen--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--blueGreen--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--blueGreen--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--blueGreen--checkmark:focus, .CTA--underlined--blueGreen--checkmark:focus:before, .CTA--underlined--blueGreen--checkmark:hover, .CTA--underlined--blueGreen--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--blueGreen--checkmark:focus, .CTA--underlined--blueGreen--checkmark:hover { border-color: #fff; color: #fff } .CTA--underlined--pinkRed--checkmark { border-bottom: 1px solid #d10023; color: #d10023; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--pinkRed--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--pinkRed--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--pinkRed--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--pinkRed--checkmark:focus, .CTA--underlined--pinkRed--checkmark:focus:before, .CTA--underlined--pinkRed--checkmark:hover, .CTA--underlined--pinkRed--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--pinkRed--checkmark:focus, .CTA--underlined--pinkRed--checkmark:hover { border-color: #8f0018; color: #8f0018 } .CTA--underlined--lightBlueGreen--checkmark { border-bottom: 1px solid #175250; color: #175250; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--lightBlueGreen--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--lightBlueGreen--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--lightBlueGreen--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--lightBlueGreen--checkmark:focus, .CTA--underlined--lightBlueGreen--checkmark:focus:before, .CTA--underlined--lightBlueGreen--checkmark:hover, .CTA--underlined--lightBlueGreen--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--lightBlueGreen--checkmark:focus, .CTA--underlined--lightBlueGreen--checkmark:hover { border-color: #000c0b; color: #000c0b } .CTA--underlined--black--checkmark { border-bottom: 1px solid #000; color: #000; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--black--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--black--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--black--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--black--checkmark:focus, .CTA--underlined--black--checkmark:focus:before, .CTA--underlined--black--checkmark:hover, .CTA--underlined--black--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--black--checkmark:focus, .CTA--underlined--black--checkmark:hover { border-color: #999; color: #999 } .CTA--underlined--white--checkmark { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--white--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--white--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--white--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--white--checkmark:focus, .CTA--underlined--white--checkmark:focus:before, .CTA--underlined--white--checkmark:hover, .CTA--underlined--white--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--white--checkmark:focus, .CTA--underlined--white--checkmark:hover { border-color: #767676; color: #767676 } .CTA--underlined--yellowOrange--checkmark { border-bottom: 1px solid #a72906; color: #a72906; font-weight: 700; margin-left: 30px; padding-bottom: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CTA--underlined--yellowOrange--checkmark:before { content: "\f115"; display: inline-block; font-size: 1.1875rem; left: -30px; position: absolute; top: 6px } .CTA--underlined--yellowOrange--checkmark:lang(ar) { margin-left: 0; margin-right: 30px } .CTA--underlined--yellowOrange--checkmark:lang(ar):before { left: auto; right: -30px } .CTA--underlined--yellowOrange--checkmark:focus, .CTA--underlined--yellowOrange--checkmark:focus:before, .CTA--underlined--yellowOrange--checkmark:hover, .CTA--underlined--yellowOrange--checkmark:hover:before { border-bottom-color: transparent } .CTA--underlined--yellowOrange--checkmark:focus, .CTA--underlined--yellowOrange--checkmark:hover { border-color: #651904; color: #651904 } .CTA--small { padding: 7px 20px } .CTA { pointer-events: all } .Image-ratioContainer { position: relative; width: 100% } .Image-ratioContainer:after { content: ""; display: block; height: 0; width: 100% } .Image-ratioContainer>.Image-picture { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .Image-ratioContainer .Image-img { height: 100%; width: 100% } .ImageAndCTABlockWithEyebrows[has-video-id] .Image-ratioContainer:after { display: none !important } .ImageAndCTABlockWithEyebrows[has-video-id] .Image-picture { position: relative !important } .ImageCircle-img { border-radius: 50% } .lazyload, .lazyloading { opacity: 0 } .lazyloaded { opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .fade-in { opacity: .3 } .fade-in.fade-in-completed { opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .phone:lang(ar) { direction: ltr } .Hero { overflow: hidden; position: relative } .Hero-headingContainer { bottom: 70px; padding: 0 30px; position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); width: 100%; z-index: 2 } .hasEliteGuestComponent .Hero-headingContainer { -webkit-transform: translate(50%, -80px); transform: translate(50%, -80px) } @media only screen and (min-width:701px) { .Hero-headingContainer { bottom: 75px; padding: 0; width: 690px } .Hero-headingContainer .Heading-subtitle { display: inline-block; width: 370px } } @media only screen and (min-width:961px) { .Hero-headingContainer { bottom: 80px; width: 930px } .Hero-headingContainer .Heading-subtitle { width: 635px } } @media only screen and (min-width:1701px) { .Hero-headingContainer { bottom: 100px; width: 1530px } .Hero-headingContainer .Heading-subtitle { width: 1300px } } .Hero .hero-background-desktop { display: none } @media only screen and (min-width:961px) { .Hero .hero-background-desktop { display: block } } .Hero .hero-background-device { display: none } @media only screen and (min-width:0)and (max-width:960px) { .Hero .hero-background-device { display: block } } .Hero .BackgroundImage { height: 75vw; position: relative } @media only screen and (min-width:701px) { .Hero .BackgroundImage { height: 56.25vw } } .Hero .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); background: -webkit-gradient(linear, left top, left bottom, color-stop(4.22%, transparent), color-stop(61.44%, rgba(0, 0, 0, .9))); background: linear-gradient(180deg, transparent 4.22%, rgba(0, 0, 0, .9) 61.44%); bottom: 0; content: ""; display: block; height: 90%; position: absolute; width: 100%; z-index: 1 } @media only screen and (min-width:701px) { .Hero .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 55%; width: 100% } } @media only screen and (min-width:961px) { .Hero .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 45%; width: 100% } } .Hero .BackgroundImage .Heading { color: #fff; line-height: .8888888889em; text-align: center; width: 100% } @media only screen and (min-width:701px) { .Hero .BackgroundImage .Heading { line-height: 1.5em } } .Hero .BackgroundImage .Heading-eyebrow { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .Hero .BackgroundImage .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Hero .BackgroundImage .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Hero .BackgroundImage .Heading-eyebrow { font-family: EB Garamond; text-transform: none } .Hero .BackgroundImage .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 200; letter-spacing: .2142857143em; line-height: 1.5em; margin: 10px 0 23px; text-transform: uppercase } @media only screen and (min-width:701px) { .Hero .BackgroundImage .Heading-title { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } @media only screen and (min-width:961px) { .Hero .BackgroundImage .Heading-title { font-size: 2.75rem; letter-spacing: .1363636364em; line-height: 1.4090909091em } } @media only screen and (min-width:1701px) { .Hero .BackgroundImage .Heading-title { font-size: 4.5rem; letter-spacing: .1388888889em; line-height: 1.3888888889em } } .Hero .BackgroundImage .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Hero .BackgroundImage .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Hero .BackgroundImage .Heading-title { font-family: EB Garamond; text-transform: none } .Hero .BackgroundImage .Heading-title:after { background-color: #fff; content: ""; display: block; height: 2px; margin: 0 auto; position: relative; top: 8px; width: 40px } @media only screen and (min-width:1701px) { .Hero .BackgroundImage .Heading-title { margin: 10px 0 30px } } .Hero .BackgroundImage .Heading-title:lang(ar) { letter-spacing: -1px } .Hero .BackgroundImage .Heading-subtitle { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .Hero .BackgroundImage .Heading-subtitle:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Hero .BackgroundImage .Heading-subtitle:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-subtitle:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-subtitle:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-subtitle:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Hero .BackgroundImage .Heading-subtitle:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Hero .BackgroundImage .Heading-subtitle { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Hero-video { position: absolute; top: 0; width: 100%; z-index: 1 } @media only screen and (min-width:1701px) { .Hero-video { max-height: 1200px } } .Hero-video:lang(ar) { direction: ltr } .Hero-video:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; display: block; height: 45%; position: absolute; width: 100%; z-index: 1 } .Hero-video .Video-video { width: 100% } @media only screen and (min-width:961px) { .Hero-video .Video-video { aspect-ratio: 16/9; display: block; left: 50%; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } } .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Hero-video .Video-playButton, .SignatureCard-video .Hero-video .Video-playButton--hasAvailabilityMessage { bottom: 16px; position: absolute; right: 16px; z-index: 3 } .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Hero-video .Video-playButton:lang(ar), .SignatureCard-video .Hero-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 16px; right: auto } @media only screen and (min-width:961px) { .Hero .BackgroundImage, .Hero-video { height: calc(90vh - 160px); max-height: 1050px; min-height: 680px } } @media only screen and (min-width:1701px) { .Hero .BackgroundImage, .Hero-video { max-height: 1200px } } .Hero-gallery .Gallery-button { bottom: 25px; display: block; position: absolute; right: 50%; text-align: center; -webkit-transform: translateX(50%); transform: translateX(50%); white-space: nowrap; z-index: 2 } .hasEliteGuestComponent .Hero-gallery .Gallery-button { -webkit-transform: translate(50%, -80px); transform: translate(50%, -80px) } @media only screen and (min-width:701px) { .Hero-gallery .Gallery-button { bottom: 30px; left: 30px; right: auto; -webkit-transform: none; transform: none } .Hero-gallery .Gallery-button:lang(ar) { left: auto; right: 30px } .Hero--meetingsAndEvents .BackgroundImage:after, .Hero--privateResidences .BackgroundImage:after, .Hero--privateRetreats .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 70%; width: 100% } } @media only screen and (min-width:961px) { .Hero--meetingsAndEvents .BackgroundImage:after, .Hero--privateResidences .BackgroundImage:after, .Hero--privateRetreats .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 60%; width: 100% } } .Hero--meetingsAndEvents .Hero-video:after, .Hero--privateResidences .Hero-video:after, .Hero--privateRetreats .Hero-video:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 60%; width: 100% } .HomepageHero { position: relative } @media only screen and (min-width:701px) { .HomepageHero .PropertyPicker { height: 152px } } @media only screen and (min-width:1701px) { .HomepageHero .PropertyPicker { height: 262px } } @media only screen and (min-width:961px) { .HomepageHero { padding-bottom: 76px } } @media only screen and (min-width:1701px) { .HomepageHero { padding-bottom: 131px } } .WeddingsHero { position: relative } @media only screen and (min-width:701px) { .WeddingsHero .Hero-headingContainer { bottom: 100px } } @media only screen and (min-width:961px) { .WeddingsHero .Hero-headingContainer { bottom: 140px } .WeddingsHero { padding-bottom: 135px } } .WeddingsHero--dark { background-color: #000 } .formElement { margin: 15px 0 10px; padding-bottom: 17px } .formElement-message { bottom: 0; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 200; left: 0; letter-spacing: .0833333333em; line-height: 1.5em; position: absolute } .formElement-message:lang(ar) { left: auto; right: 0 } .formElement-field { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f0f0f0; border: none; border-bottom: 1px solid; border-radius: 0; color: #000; cursor: pointer; height: 47px; overflow: hidden; padding: .5em 0 .5em 16px; text-overflow: ellipsis; white-space: nowrap; width: 100% } .formElement-field:lang(ar) { padding-left: 0; padding-right: 16px } .formElement-field.ty-b2 { line-height: 1em } .formElement-field:invalid, .formElement-field:required { -webkit-box-shadow: none; box-shadow: none } .formElement-field:invalid:not(:focus), .formElement-field:required:not(:focus) { outline: none } .formElement-field--invalid, .formElement-field--invalid~.Dropdown-labelContainer .mask, .formElement-field--invalid~.chosen-container-multi.chosen-container .chosen-choices, .formElement-field--invalid~.formElement-label, .formElement-field--invalid~.formElement-message { border-color: #ea0a0a; color: #ea0a0a } .formElement-field--invalid::-webkit-input-placeholder { border-color: #ea0a0a; color: #ea0a0a } .formElement-field--invalid::-moz-placeholder { border-color: #ea0a0a; color: #ea0a0a } .formElement-field--invalid::-ms-input-placeholder { border-color: #ea0a0a; color: #ea0a0a } .formElement-field--invalid::placeholder { border-color: #ea0a0a; color: #ea0a0a } .formElement-field--invalid:-ms-input-placeholder { border-color: #ea0a0a; color: #ea0a0a } .formElement-field.textarea { border-bottom: 1px solid rgba(77, 77, 77, .45) } .formElement-label { left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: .5s ease; transition: .5s ease } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .formElement-label { -webkit-transition: none; transition: none } } .formElement-label:lang(ar) { left: auto; right: 0 } .formElement-text .formElement--focusAlways, .formElement-text .formElement-field--filled+.formElement-label, .formElement-text .formElement-field--labelOn+.formElement-label, .formElement-text .formElement-field--readOnly+.formElement-label:not(.formElement-label--hidden), .formElement-text .formElement-field:focus+.formElement-label { opacity: 1; -webkit-transform: translateY(-15px); transform: translateY(-15px) } .formElement-text .formElement-field::-webkit-input-placeholder { opacity: 1; -webkit-transition: 1s ease; transition: 1s ease } .formElement-text .formElement-field::-moz-placeholder { opacity: 1; -moz-transition: 1s ease; transition: 1s ease } .formElement-text .formElement-field::-ms-input-placeholder { opacity: 1; -ms-transition: 1s ease; transition: 1s ease } .formElement-text .formElement-field::placeholder { opacity: 1; -webkit-transition: 1s ease; transition: 1s ease } .formElement-text .formElement-field:-ms-input-placeholder { opacity: 1; -ms-transition: 1s ease; transition: 1s ease } .formElement-text .formElement-field:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: .3s ease; transition: .3s ease } .formElement-text .formElement-field:focus::-moz-placeholder { opacity: 0; -moz-transition: .3s ease; transition: .3s ease } .formElement-text .formElement-field:focus::-ms-input-placeholder { opacity: 0; -ms-transition: .3s ease; transition: .3s ease } .formElement-text .formElement-field:focus::placeholder { opacity: 0; -webkit-transition: .3s ease; transition: .3s ease } .formElement-text .formElement-field:focus:-ms-input-placeholder { opacity: 0; -ms-transition: .3s ease; transition: .3s ease } .formElement-text .formElement-field--disabled::-webkit-input-placeholder, .formElement-text .formElement-field--disabled:hover::-webkit-input-placeholder { color: #7d7d7d } .formElement-text .formElement-field--disabled::-moz-placeholder, .formElement-text .formElement-field--disabled:hover::-moz-placeholder { color: #7d7d7d } .formElement-text .formElement-field--disabled::-ms-input-placeholder, .formElement-text .formElement-field--disabled:hover::-ms-input-placeholder { color: #7d7d7d } .formElement-text .formElement-field--disabled::placeholder, .formElement-text .formElement-field--disabled:hover::placeholder { color: #7d7d7d } .formElement-text .formElement-field--disabled:-ms-input-placeholder, .formElement-text .formElement-field--disabled:hover:-ms-input-placeholder { color: #7d7d7d } .TextInput { position: relative } .TextInput .icon-close { fill: #000 } .TextInput-field--readOnly { border-bottom: 0; padding-bottom: 0 } .TextInput-field.formElement-field--valid { padding-left: 16px; padding-right: 25px } .TextInput-field.formElement-field--valid:lang(ar) { padding-left: 25px; padding-right: 16px } .TextInput-field--disabled { cursor: not-allowed } .TextInput--error .TextInput-field { border-color: #ea0a0a; color: #ea0a0a } .TextareaField { position: relative } .TextareaField-field { display: block; min-height: 200px; overflow: auto; padding-right: 16px; white-space: normal; width: 100% } .TextareaField-field:lang(ar) { padding-left: 16px } .TextareaField.formElement-field { overflow: scroll; white-space: normal } .Dropdown { position: relative } .Dropdown .formElement-field { white-space: pre } .Dropdown:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 16px; top: 10px } .Dropdown.noCaret:after { content: ""; display: none } .Dropdown-removeAll { background-color: #7d7d7d; border-radius: 50%; color: #f0f0f0; cursor: pointer; display: none; height: 16px; line-height: 10px; opacity: .6; padding: 2px; pointer-events: all; position: absolute; right: 16px; text-align: center; top: 15px; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out; width: 16px; z-index: 10 } .Dropdown-removeAll:lang(ar) { left: 16px; right: auto } .Dropdown.showRemoveAll .Dropdown-removeAll { display: block } .Dropdown.showRemoveAll .Dropdown-removeAll:before { font-size: 8px; font-weight: 700 } .Dropdown.showRemoveAll .Dropdown-removeAll:hover { background-color: #2d2d2d } .Dropdown.minimal { width: 100% } .Dropdown.minimal .formElement-label { font-size: 8px; font-weight: 300; letter-spacing: 2.5px; line-height: 15px; text-transform: uppercase; white-space: nowrap } .Dropdown.minimal .Dropdown-field, .Dropdown.minimal .formElement-field { border: none } @media only screen and (min-width:701px) { .Dropdown.minimal { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .Dropdown.minimal:after { content: "\f112"; right: 6px; top: 3px } .Dropdown.minimal:lang(ar):after { left: 6px; right: auto } .Dropdown.minimal .Dropdown-field, .Dropdown.minimal .formElement-field { background-color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-size: 10px; font-style: normal; font-weight: 200; font-weight: 400; height: auto; letter-spacing: .1666666667em; letter-spacing: 3px; line-height: 1.2916666667em; line-height: 13px; padding-left: 0; text-transform: uppercase; width: auto } .Dropdown.minimal .Dropdown-field:lang(ar), .Dropdown.minimal .formElement-field:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Dropdown.minimal .Dropdown-field:lang(ru), .Dropdown.minimal .formElement-field:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Dropdown.minimal .Dropdown-field:lang(ko-KR), .Dropdown.minimal .formElement-field:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Dropdown.minimal .Dropdown-field:lang(zh), .Dropdown.minimal .formElement-field:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Dropdown.minimal .Dropdown-field:lang(zh-TW), .Dropdown.minimal .formElement-field:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Dropdown.minimal .Dropdown-field:lang(ja), .Dropdown.minimal .formElement-field:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Dropdown.minimal .Dropdown-field, html.WhiteLabelSite .Dropdown.minimal .formElement-field { font-family: EB Garamond; text-transform: none } .Dropdown.minimal .Dropdown-field:lang(ar), .Dropdown.minimal .formElement-field:lang(ar) { padding-left: 27px; padding-right: 0 } } .Dropdown:lang(ar):after { left: 16px; right: auto } .Dropdown-field { padding-left: 16px; padding-right: 27.5px; position: relative } .Dropdown-field:lang(ar) { padding-left: 27.5px; padding-right: 16px } .Dropdown-field.Dropdown-field--filled~.Dropdown-labelContainer .mask, .Dropdown-field.formElement-field--filled~.Dropdown-labelContainer .mask, .Dropdown-field.formElement-field--labelOn~.Dropdown-labelContainer .mask, .Dropdown-field:focus~.Dropdown-labelContainer .mask, .Dropdown-field~.Dropdown-labelContainer .formElement--focusAlways+.mask, .Dropdown-field~.chosen-container-active~.Dropdown-labelContainer .mask { opacity: 0; -webkit-transition: .3s ease; transition: .3s ease } .Dropdown-field option { color: #000 } .Dropdown-field[multiple] { overflow-y: scroll } .Dropdown-field--changed { color: #000 } .Dropdown .formElement--focusAlways { opacity: 1; -webkit-transform: translateY(-15px); transform: translateY(-15px) } .Dropdown .mask { color: #000; left: 16px; max-width: 90%; opacity: 1; overflow: hidden; padding-right: 27.5px; pointer-events: none; position: absolute; text-align: left; text-overflow: ellipsis; top: 10px; -webkit-transition: 1s ease; transition: 1s ease; white-space: nowrap } .Dropdown .mask:lang(ar) { left: 0; padding-left: 27.5px; padding-right: 0; right: 16px; text-align: right } .Dropdown .Dropdown-field--filled~.Dropdown-labelContainer .formElement-label, .Dropdown .Dropdown-field--filled~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden), .Dropdown .Dropdown-field--readOnly~.Dropdown-labelContainer .formElement-label, .Dropdown .Dropdown-field--readOnly~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden), .Dropdown .Dropdown-field.formElement-field--filled~.Dropdown-labelContainer .formElement-label, .Dropdown .Dropdown-field.formElement-field--filled~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden), .Dropdown .Dropdown-field:focus~.Dropdown-labelContainer .formElement-label, .Dropdown .Dropdown-field:focus~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden), .Dropdown .chosen-container-active~.Dropdown-labelContainer .formElement-label, .Dropdown .chosen-container-active~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden), .Dropdown .formElement-field--labelOn~.Dropdown-labelContainer .formElement-label, .Dropdown .formElement-field--labelOn~.Dropdown-labelContainer .formElement-label:not(.formElement-label--hidden) { opacity: 1; -webkit-transform: translateY(-15px); transform: translateY(-15px) } .Dropdown .chosen-container-multi .chosen-choices { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f0f0f0; border: none; border-bottom: 1px solid; border-radius: 0; color: #000; cursor: pointer; min-height: 47px; overflow-x: hidden; padding: .5em 27.5px .5em 0; text-overflow: ellipsis; white-space: nowrap; width: 100% } .Dropdown .chosen-container-multi .chosen-choices li.search-choice { background-color: #000; background-image: none; border: none; border-radius: 0; color: #fff; font-size: 18px; line-height: 27px; margin-left: 10px; padding: 0 33px 0 11px } .Dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: none; color: #fff; display: block; font-size: 10px; height: 10px; right: 10px; text-align: right; top: 0; width: 10px } .Dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { content: "\f11a" } .Dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { color: #7d7d7d } .Dropdown .chosen-container-multi .chosen-results .active-result, .Dropdown .chosen-container-multi .chosen-results .result-selected { color: #000; margin: 0; padding: 5px 0 5px 10px } .Dropdown .chosen-container-multi:lang(ar) .chosen-results .active-result, .Dropdown .chosen-container-multi:lang(ar) .chosen-results .result-selected { padding-left: 0; padding-right: 10px } .Dropdown .chosen-container-multi .chosen-results .active-result.highlighted { background-color: #f0f0f0; background-image: none } .Dropdown .chosen-container-multi .chosen-results .Checkbox-decoration { height: 16px; margin-bottom: auto; margin-top: auto; width: 16px } .Dropdown .chosen-container-multi .chosen-results .Checkbox-decoration:before { font-size: 10px; left: 2px; top: 2px } .Dropdown .chosen-container-multi .chosen-results .Checkbox-label { cursor: pointer } .Dropdown .chosen-container-multi .chosen-results .result-selected .Checkbox-decoration { background-color: #000 } .Dropdown .chosen-container-multi .chosen-results .result-selected .Checkbox-decoration:before { opacity: 1 } .Dropdown .chosen-container-multi .chosen-results .result-selected .Checkbox-label { color: #000 } .Dropdown .chosen-container-multi .chosen-results .no-results .Checkbox-decoration { display: none } .DropdownSwitch { position: relative } .DropdownSwitch-switch { position: absolute; right: 0; top: -22px } .DropdownSwitch-switch .SwitchField-switch { height: .625em; width: 1.25em } .DropdownSwitch-switch .SwitchField-checkbox:checked+.SwitchField-slider:before { -webkit-transform: translateX(.625em); transform: translateX(.625em) } .DropdownSwitch-switch .SwitchField-slider { border-radius: .625em } .DropdownSwitch-switch .SwitchField-slider:before { height: .625em; width: .625em } .EmptyElement { height: 64px } .EmptyElement--desktop { display: none } @media only screen and (min-width:701px) { .EmptyElement--desktop { display: block } } .PhoneField-countryCode { -webkit-box-flex: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M4 5 0 0h8z'/%3E%3C/svg%3E"); background-position: right 8px center; background-repeat: no-repeat; background-size: 8px 5px; border: none; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; min-width: 80px; padding: 0 25px 0 15px } .PhoneField-divider { color: #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .PhoneField-number { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; background: transparent; border: none; -ms-flex: 1; flex: 1; height: 100%; min-width: 0; padding: 0 15px 0 10px } .PhoneField .formElement-label { left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: .5s ease; transition: .5s ease } .PhoneField-number:not(:-moz-placeholder)+.PhoneField .formElement-label { opacity: 1; transform: translateY(-15px) } .PhoneField-number:not(:-ms-input-placeholder)+.PhoneField .formElement-label { opacity: 1; transform: translateY(-15px) } .PhoneField-number:focus+.PhoneField .formElement-label, .PhoneField-number:not(:placeholder-shown)+.PhoneField .formElement-label { opacity: 1; -webkit-transform: translateY(-15px); transform: translateY(-15px) } .PhoneField-container:focus-within { border-color: #000; outline: none } .TableList-container { display: block } .TableList-container--dark { background-color: #000; color: #fff } .TableList-container--light { background-color: #fff; color: #000 } .TableList-item { border-top: 1px solid; display: block; padding: 20px 0 } @media only screen and (min-width:961px) { .TableList-item { padding-bottom: 20px } } @media only screen and (min-width:1701px) { .TableList-item { padding-bottom: 25px } } .TableList-item:last-of-type { padding-bottom: 0 } .TableList--verticallyCentered .TableList-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .TableList-item-description, .TableList-item-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .TableList-item-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding-top: 10px; text-align: left; width: 100% } .TableList-item-description:lang(ar) { text-align: right } .TableList-item-description-text:last-of-type+.TableList-item-description-cta { margin-top: 20px } @media only screen and (min-width:1701px) { .TableList-item-description-text:last-of-type+.TableList-item-description-cta { margin-top: 40px } } .TableList-item-description-text:not(:last-of-type) { padding-bottom: 10px } .TableList-item-description-cta { margin-top: 20px } .TableList--verticallyCentered .TableList-item-description-cta { margin: 0 } .TableList-item-description-cta .CTA { display: inline-block } .TableList-item-description-cta--onlyText { color: #000; display: inline-block } .TableList-container--dark .TableList-item-description-cta--onlyText { color: #fff } .TableList-item--assets { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center } .TableList-item--assets .TableList-item-title { margin: auto 0; padding-right: 15px; text-align: left } .TableList-item--assets .TableList-item-title:lang(ar) { padding-left: 15px; padding-right: 0; text-align: right } .TableList-item--assets .TableList-item-description { margin: auto 0; max-width: 50%; padding-left: 15px; text-align: right } .TableList-item--assets .TableList-item-description:lang(ar) { padding-left: 0; padding-right: 15px; text-align: left } .TableList-item--assets .TableList-item-description-cta { margin: 0 } .TableList-container--light .TableList-item--assets .TableList-item-description-cta .CTA { color: #fff } .TableList-item-disclaimer { display: block; padding-bottom: 30px; text-align: left } @media only screen and (min-width:701px) { .TableList-item-disclaimer { text-align: center } } .TableList-item-disclaimer:lang(ar) { text-align: right } .TruncatedList { overflow: hidden; position: relative } .TruncatedList-hint { bottom: 0; display: block; height: 160px; position: absolute; width: 100% } .TruncatedList-hint:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(85%, #fff), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 85%, #fff); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .TruncatedList-hint--dark.TruncatedList-hint:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(85%, #000), to(#000)); background: linear-gradient(180deg, transparent 0, #000 85%, #000) } .TruncatedList-hint--hidden { display: none } .TruncatedList-hint-toggle { bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .TruncatedList-hint-toggle:after { content: "\f16d"; padding-left: 10px; vertical-align: middle } .TruncatedList-hint-toggle:lang(ar):after { padding-right: 10px } .Overlay { bottom: 0; display: none; height: 100%; left: 0; opacity: 0; overflow-x: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 10 } .Overlay--dark { background-color: #000; color: #fff } .Overlay--light { background-color: #fff; color: #000 } .Overlay-content { display: none; opacity: 0; position: relative } .Overlay-closeButton { cursor: pointer; font-size: inherit; height: 20px; line-height: 0; position: absolute; right: 30px; top: 30px; width: 20px; z-index: 10 } .Overlay-closeButton:lang(ar) { left: 30px; right: auto } .Overlay-closeButton:before { line-height: 20px } .Overlay--open-transition-start { display: block; opacity: 0; overflow: hidden; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in } .Overlay--open-transition-start .Overlay-content { display: block; opacity: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transition-delay: .5s; transition-delay: .5s } .Overlay--open-transition-start .TopNav-overlay-campaign, .Overlay--open-transition-start .TopNav-overlay-headline, .Overlay--open-transition-start .TopNav-overlay-links { -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transition-delay: .5s; transition-delay: .5s } .Overlay--open-transition, .Overlay--open-transition .Overlay-content { opacity: 1 } .Overlay--open-transition .TopNav-overlay-campaign, .Overlay--open-transition .TopNav-overlay-headline, .Overlay--open-transition .TopNav-overlay-links { -webkit-transform: translateY(0); transform: translateY(0) } .Overlay--opened, .Overlay--opened .Overlay-content { display: block; opacity: 1 } .Overlay--opened .TopNav-overlay-campaign, .Overlay--opened .TopNav-overlay-headline, .Overlay--opened .TopNav-overlay-links { -webkit-transform: translateY(0); transform: translateY(0) } .Overlay--close-transition-start { display: block; opacity: 1; overflow: hidden; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in } .Overlay--close-transition-start .Overlay-content { display: block; opacity: 1; -webkit-transition: all .3s ease-in; transition: all .3s ease-in } .Overlay--close-transition-start .TopNav-overlay-campaign, .Overlay--close-transition-start .TopNav-overlay-headline, .Overlay--close-transition-start .TopNav-overlay-links { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .4s ease-in; transition: all .4s ease-in } .Overlay--close-transition, .Overlay--close-transition .Overlay-content { opacity: 0 } .Overlay--close-transition-end { display: none; opacity: 0 } .Overlay--close-transition-end .Overlay-content { display: none; opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } .backdrop { backdrop-filter: blur(7.5px); background: var(--color-backdrop, rgba(3, 3, 3, .5)); position: absolute } .overlay-20 { background: var(--color-img-overlay-20, rgba(3, 3, 3, .2)) } .overlay-40 { background: var(--color-img-overlay-40, rgba(3, 3, 3, .4)) } .overlay-60 { background: var(--color-img-overlay-20, rgba(3, 3, 3, .6)) } .overlay-80 { background: var(--color-img-overlay-20, rgba(3, 3, 3, .8)) } .gradient-top { background: var(--dark-gradient-top-down, linear-gradient(180deg, rgba(3, 3, 3, .8) 0, rgba(3, 3, 3, 0) 100%)) } .gradient-bottom { background: var(--dark-gradient-bottom-up, linear-gradient(180deg, rgba(3, 3, 3, 0) 0, rgba(3, 3, 3, .8) 100%)) } .blur-5 { backdrop-filter: blur(2.5px) } .blur-15 { backdrop-filter: blur(7.5px) } .blur-30 { backdrop-filter: blur(15px) } .Accordion-item { border-top: 1px solid #000; padding: 32px 0 25px; position: relative } .BodySection--dark .Accordion-item { border-top: 1px solid #fff } .Accordion-item-button { background-color: transparent; border: none; margin: 0; padding: 0; text-align: left; width: 100% } .Accordion-item-button, .Accordion-item-button:focus:after, .Accordion-item-button:hover:after { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Accordion-item-button:focus:after, .Accordion-item-button:hover:after { color: #767676 } .Accordion-item-button:focus, .Accordion-item-button:hover { border-color: #767676; color: #767676 } .Accordion-item-button:lang(ar) { text-align: right } .BodySection--dark .Accordion-item-button { color: #fff } .BodySection--dark .Accordion-item-button, .BodySection--dark .Accordion-item-button:focus:after, .BodySection--dark .Accordion-item-button:hover:after { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .Accordion-item-button:focus:after, .BodySection--dark .Accordion-item-button:hover:after { color: #999 } .BodySection--dark .Accordion-item-button:focus, .BodySection--dark .Accordion-item-button:hover { border-color: #999; color: #999 } .Accordion-item-region { margin: 0; overflow: hidden } .Accordion-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 7px } .Accordion-item-title:after { content: "\f151"; display: block; font-size: 12px } .Accordion-item-description { margin: 18px 0 0 } @media only screen and (min-width:701px) { .Accordion-item-description { margin-bottom: 10px; padding-right: 40px } .Accordion-item-description:lang(ar) { padding-left: 40px; padding-right: 0 } } @media only screen and (min-width:961px) { .Accordion-item-description { padding-right: 80px } .Accordion-item-description:lang(ar) { padding-left: 80px; padding-right: 0 } } @media only screen and (min-width:1701px) { .Accordion-item-description { margin-bottom: 30px; padding-right: 130px } .Accordion-item-description:lang(ar) { padding-left: 130px; padding-right: 0 } } .Accordion-item--collapsed .Accordion-item-title:after { content: "\f16d"; font-size: 12px; position: relative; top: 2px } .Banner { background-color: #000; border: 0 solid #2d2d2d; color: #fff; display: none; padding-bottom: 15px; padding-top: 15px; position: relative; text-align: center } .Banner--shown { display: block } .Banner-closeButton { font-size: 13px; position: absolute; right: 0; top: -6px } .Banner-closeButton:lang(ar) { left: 0; right: auto } .Banner .CtaBlock { font-family: Monotype Garamond, garamond, serif; font-size: .9375rem; font-style: normal; font-weight: 400; letter-spacing: .0333333333em; line-height: 1.6666666667em } .Banner .CtaBlock:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Banner .CtaBlock:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Banner .CtaBlock:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Banner .CtaBlock:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Banner .CtaBlock:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Banner .CtaBlock:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Banner .CtaBlock { font-family: Work Sans; font-size: .6875rem; letter-spacing: .0454545455em; line-height: 2.2727272727em } .Banner .CtaBlock:before { content: ""; display: inline-block; height: 25px; vertical-align: middle } .Banner .CtaBlock-cta { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; vertical-align: bottom } .Banner .CtaBlock-cta:focus, .Banner .CtaBlock-cta:hover { border-color: #999; color: #999 } .Banner .CtaBlock-cta:lang(ar) { vertical-align: baseline } .Banner .CtaBlock-text { display: inline; margin: 0 10px 0 0; vertical-align: bottom } .Banner .CtaBlock-text:lang(ar) { margin-left: 10px; margin-right: 0; vertical-align: baseline } .AlertBanner { border-bottom-width: 1px; padding: 4px 0; position: relative; top: 0; -webkit-transition: z-index .3s; transition: z-index .3s; width: 100%; z-index: 10 } .Body-navigationOverlay--shown .AlertBanner { z-index: 9 } .AlertBanner-ctaBlock { position: relative; z-index: 1 } .AlertBanner-WebMessage { margin: auto; max-width: 930px; padding: 0 30px } .AlertBanner-WebMessage>p { vertical-align: bottom } .AlertBanner-WebMessage>p:first-of-type { display: inline } .AlertBanner-WebMessage>p:last-of-type { margin-bottom: 0 } .AlertBanner-WebMessage>p a { color: inherit } .AlertBanner-WebMessage>p a:hover { color: #767676 } .ItalicText-text { font-family: Monotype Garamond, garamond, serif; font-style: italic; font-weight: 400 } .ItalicText-text, .ItalicText-text>p { margin-bottom: 0; margin-top: 0 } .LanguageToggle { display: inline-block; position: relative; z-index: 1 } .LanguageToggle, .LanguageToggle:focus:after, .LanguageToggle:hover:after { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .LanguageToggle:focus:after, .LanguageToggle:hover:after { color: #999 } .LanguageToggle:focus, .LanguageToggle:hover { border-color: #999; color: #999 } .LanguageToggle:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; content: ""; height: 0; position: absolute; right: 4px; top: 6px; width: 0; z-index: -1 } @media only screen and (min-width:961px) { html.WhiteLabelSite .LanguageToggle:after { top: 12px } } .LanguageToggle:lang(ar):after { left: 0; right: auto } .LanguageToggle-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; color: inherit; cursor: pointer; padding: 0 18px 0 0 } .LanguageToggle-select:lang(ar) { padding-left: 18px; padding-right: 0; -moz-text-align-last: left; text-align-last: left } .LanguageToggle-select option { color: #000 } html.WhiteLabelSite .LanguageToggle-select.ty-c1 { font-family: Work Sans; font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 14px } .Checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .Checkbox-input { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(1px); display: block; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .Checkbox-decoration { display: block; height: 20px; width: 20px; -ms-flex-negative: 0; border: 1px solid #000; cursor: pointer; flex-shrink: 0; line-height: 1; margin-right: 16px; margin-top: .15625em; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s } .Checkbox-decoration:lang(ar) { margin-left: 16px; margin-right: 0 } .Checkbox--dark .Checkbox-decoration { border-color: #fff } .Checkbox-input:checked~.Checkbox-decoration { background-color: #000 } .Checkbox--dark .Checkbox-input:checked~.Checkbox-decoration { background-color: #fff } .Checkbox-input:indeterminate~.Checkbox-decoration { background-color: #000 } .Checkbox--dark .Checkbox-input:indeterminate~.Checkbox-decoration { background-color: #fff } .Checkbox-input:disabled~.Checkbox-decoration { opacity: .4 } .Checkbox-input:focus~.Checkbox-decoration { outline: 1px solid #000 } .Checkbox-input.formElement-field--invalid~.Checkbox-decoration { border-color: #ea0a0a } .Checkbox-decoration:before { color: #fff; content: "\f116"; font-size: 12px; left: 3px; opacity: 0; position: absolute; top: 3px; speak: none; -webkit-transition: opacity .3s; transition: opacity .3s } .Checkbox--dark .Checkbox-decoration:before { color: #000 } .Checkbox-input:checked~.Checkbox-decoration:before { opacity: 1 } .Checkbox-input:indeterminate~.Checkbox-decoration:before { background-color: #fff; content: ""; font-family: initial; font-size: 0; height: 2px; left: 50%; opacity: 1; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px } .Checkbox--dark .Checkbox-input:indeterminate~.Checkbox-decoration:before { background-color: #000 } .Checkbox--large .Checkbox-decoration { height: 25px; width: 25px } .Checkbox--large .Checkbox-decoration:before { font-size: 16px } .Checkbox-label { text-align: left } .Checkbox-label:lang(ar) { text-align: right } .Checkbox-input:disabled~.Checkbox-label { opacity: .4 } .Checkbox-icon { margin-right: 10px } .Checkbox-icon:before { display: block; line-height: 0 } .Checkbox--errorLabel { opacity: 0 !important; pointer-events: none } .Checkbox.checkbox-token .Checkbox-label { color: var(--color-text-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-decoration { border-color: var(--color-text-primary, #1f1f1f); margin-top: 0 } .Checkbox.checkbox-token .Checkbox-input:checked~.Checkbox-decoration { background-color: var(--color-text-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-input:checked~.Checkbox-decoration:before { color: var(--color-text-inverse-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-input:indeterminate~.Checkbox-decoration { background-color: var(--color-text-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-input:indeterminate~.Checkbox-decoration:before { background-color: var(--color-text-inverse-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-input:focus~.Checkbox-decoration { outline-color: var(--color-text-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-icon { color: var(--color-text-primary, #1f1f1f) } .Checkbox.checkbox-token .Checkbox-icon:before { line-height: inherit } .StandardHero { background-color: #000; padding-top: 30px; text-align: center } .StandardHero.hasEliteGuestComponent { padding-bottom: 50px } @media only screen and (min-width:1100px) { .StandardHero.hasEliteGuestComponent { padding-bottom: 0 } } .StandardHero .Hero { margin-top: 0 } .StandardHero-breadcrumb { border: 0; display: inline-block; margin: 0 0 4px; text-decoration: none; text-transform: none } .StandardHero-eyebrow { font-family: Monotype Garamond, garamond, serif; font-style: italic; font-weight: 400; font-weight: 700 } .StandardHero-title { padding-bottom: 30px } .StandardHero-title .ty-h4 { font-size: 16px; letter-spacing: .5px; line-height: 24px } html.WhiteLabelSite .StandardHero-title .ty-h4 { font-family: EB Garamond; font-size: 1.125rem; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .StandardHero-heading .Heading-title { font-size: 28px; letter-spacing: 6px; line-height: 42px; margin: 0 } html.WhiteLabelSite .StandardHero-heading .Heading-title { font-family: EB Garamond; font-size: 2.25rem; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.45em } @media only screen and (min-width:701px) { .StandardHero-heading .Heading-title { font-size: 32px; letter-spacing: 5px; line-height: 42px } html.WhiteLabelSite .StandardHero-heading .Heading-title { font-family: EB Garamond; font-size: 2.5rem; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.305em } } .StandardHero-cta { display: inline-block; margin-left: 14px; margin-top: 21px } .StandardHero-cta:before { font-size: 14px; left: -22px; top: 0 } .StandardHero-cta:lang(ar) { margin-right: 14px } .StandardHero-cta:lang(ar):before { right: -22px } .StandardHero--light .StandardHero-cta { border-color: #d8d8d8 } .StandardHero--dark .StandardHero-cta { border-color: #7d7d7d } .StandardHero-cta.text-only { border-bottom: none; cursor: text } .StandardHero-cta.text-only:focus, .StandardHero-cta.text-only:hover { color: #fff } .StandardHero-hero .BackgroundImage { height: 75vw } @media only screen and (min-width:701px) { .StandardHero-hero .BackgroundImage { height: 56.25vw } } @media only screen and (min-width:961px) { .StandardHero-hero .BackgroundImage { height: calc(90vh - 200px) } } @media only screen and (min-width:0)and (max-width:700px) { .StandardHero-hero .Hero-video { height: 75vw; width: 100vw } .StandardHero-hero .Hero-video:after { bottom: 0; height: 25% } } @media only screen and (min-width:0)and (max-width:960px) { .SignatureCard-video .StandardHero-hero .Hero-video .Video-playButton--hasAvailabilityMessage, .StandardHero-hero .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .StandardHero-hero .Hero-video .Video-playButton { bottom: 0; right: 1px } } .StandardHero-hero .BackgroundImage, .StandardHero-hero .Hero-video { height: 75vw } @media only screen and (min-width:701px) { .StandardHero-hero .BackgroundImage, .StandardHero-hero .Hero-video { height: 56.25vw } } @media only screen and (min-width:961px) { .StandardHero-hero .BackgroundImage, .StandardHero-hero .Hero-video { height: calc(90vh - 200px) } } .StandardHero-hero .BackgroundImage:after, .StandardHero-hero .Hero-video:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 25%; width: 100% } @media only screen and (min-width:961px) { .StandardHero-hero .BackgroundImage:after, .StandardHero-hero .Hero-video:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 38%; width: 100% } } .StandardHero-hero .BackgroundImage .video-mobile, .StandardHero-hero .Hero-video .video-mobile { z-index: 1 } .StandardHero-anchors { margin-top: 21px } .StandardHero--light { background-color: #fff; color: #000 } .StandardHero--dark { background-color: #000; color: #fff } .StandardHero--greenPink { background-color: #175250; color: #fbe4ee; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--greenPink { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--greenPink { padding-top: 50px } } .StandardHero--greenPink .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--greenPink .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--greenPink .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--greenPink .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--greenPink .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--greenPink .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenPink .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenPink .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenPink .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenPink .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--greenPink .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--greenPink .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--greenPink .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--greenPink .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--greenPink .StandardHero-title { padding-bottom: 40px } } .StandardHero--greenPink .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--greenPink .StandardHero-title i { margin-right: 5px } } .StandardHero--greenPink .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--greenPink .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--greenPink .StandardHero-hero .BackgroundImage:after, .StandardHero--greenPink .StandardHero-hero .Hero-video:after { background: none } .StandardHero--greenPink .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--greenPink .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--greenGreen { background-color: #f3ffd1; color: #175250; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--greenGreen { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--greenGreen { padding-top: 50px } } .StandardHero--greenGreen .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--greenGreen .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--greenGreen .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--greenGreen .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--greenGreen .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--greenGreen .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--greenGreen .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--greenGreen .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--greenGreen .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--greenGreen .StandardHero-title { padding-bottom: 40px } } .StandardHero--greenGreen .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--greenGreen .StandardHero-title i { margin-right: 5px } } .StandardHero--greenGreen .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--greenGreen .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--greenGreen .StandardHero-hero .BackgroundImage:after, .StandardHero--greenGreen .StandardHero-hero .Hero-video:after { background: none } .StandardHero--greenGreen .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--greenGreen .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--blueGreen { background-color: #0f587c; color: #f3ffd1; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--blueGreen { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--blueGreen { padding-top: 50px } } .StandardHero--blueGreen .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--blueGreen .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--blueGreen .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--blueGreen .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--blueGreen .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--blueGreen .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--blueGreen .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--blueGreen .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--blueGreen .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--blueGreen .StandardHero-title { padding-bottom: 40px } } .StandardHero--blueGreen .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--blueGreen .StandardHero-title i { margin-right: 5px } } .StandardHero--blueGreen .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--blueGreen .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--blueGreen .StandardHero-hero .BackgroundImage:after, .StandardHero--blueGreen .StandardHero-hero .Hero-video:after { background: none } .StandardHero--blueGreen .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--blueGreen .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--pinkRed { background-color: #fbe4ee; color: #d10023; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--pinkRed { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--pinkRed { padding-top: 50px } } .StandardHero--pinkRed .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--pinkRed .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--pinkRed .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--pinkRed .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--pinkRed .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--pinkRed .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--pinkRed .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--pinkRed .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--pinkRed .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--pinkRed .StandardHero-title { padding-bottom: 40px } } .StandardHero--pinkRed .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--pinkRed .StandardHero-title i { margin-right: 5px } } .StandardHero--pinkRed .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--pinkRed .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--pinkRed .StandardHero-hero .BackgroundImage:after, .StandardHero--pinkRed .StandardHero-hero .Hero-video:after { background: none } .StandardHero--pinkRed .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--pinkRed .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--lightBlueGreen { background-color: #dff3fb; color: #175250; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--lightBlueGreen { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--lightBlueGreen { padding-top: 50px } } .StandardHero--lightBlueGreen .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--lightBlueGreen .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--lightBlueGreen .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--lightBlueGreen .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--lightBlueGreen .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--lightBlueGreen .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--lightBlueGreen .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--lightBlueGreen .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--lightBlueGreen .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--lightBlueGreen .StandardHero-title { padding-bottom: 40px } } .StandardHero--lightBlueGreen .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--lightBlueGreen .StandardHero-title i { margin-right: 5px } } .StandardHero--lightBlueGreen .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--lightBlueGreen .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--lightBlueGreen .StandardHero-hero .BackgroundImage:after, .StandardHero--lightBlueGreen .StandardHero-hero .Hero-video:after { background: none } .StandardHero--lightBlueGreen .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--lightBlueGreen .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--yellowOrange { background-color: #ffc550; color: #a72906; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--yellowOrange { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--yellowOrange { padding-top: 50px } } .StandardHero--yellowOrange .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--yellowOrange .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--yellowOrange .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--yellowOrange .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--yellowOrange .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--yellowOrange .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--yellowOrange .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--yellowOrange .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--yellowOrange .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--yellowOrange .StandardHero-title { padding-bottom: 40px } } .StandardHero--yellowOrange .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--yellowOrange .StandardHero-title i { margin-right: 5px } } .StandardHero--yellowOrange .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--yellowOrange .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--yellowOrange .StandardHero-hero .BackgroundImage:after, .StandardHero--yellowOrange .StandardHero-hero .Hero-video:after { background: none } .StandardHero--yellowOrange .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--yellowOrange .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--black { background-color: #fff; color: #000; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--black { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--black { padding-top: 50px } } .StandardHero--black .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--black .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--black .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--black .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--black .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--black .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--black .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--black .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--black .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--black .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--black .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--black .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--black .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--black .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--black .StandardHero-title { padding-bottom: 40px } } .StandardHero--black .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--black .StandardHero-title i { margin-right: 5px } } .StandardHero--black .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--black .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--black .StandardHero-hero .BackgroundImage:after, .StandardHero--black .StandardHero-hero .Hero-video:after { background: none } .StandardHero--black .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--black .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .StandardHero--white { background-color: #000; color: #fff; padding-top: 20px } @media only screen and (min-width:701px) { .StandardHero--white { padding-top: 40px } } @media only screen and (min-width:961px) { .StandardHero--white { padding-top: 50px } } .StandardHero--white .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .StandardHero--white .Heading-title { font-size: 60px; line-height: 55px } } @media only screen and (min-width:961px) { .StandardHero--white .Heading-title { font-size: 80px; line-height: 65px } } .StandardHero--white .StandardHero-breadcrumb { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .StandardHero--white .StandardHero-breadcrumb:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .StandardHero--white .StandardHero-breadcrumb:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--white .StandardHero-breadcrumb:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .StandardHero--white .StandardHero-breadcrumb:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--white .StandardHero-breadcrumb:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .StandardHero--white .StandardHero-breadcrumb:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .StandardHero--white .StandardHero-breadcrumb { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .StandardHero--white .StandardHero-breadcrumb { margin-bottom: 20px } } .StandardHero--white .StandardHero-title { padding-bottom: 15px } @media only screen and (min-width:701px) { .StandardHero--white .StandardHero-title { padding-bottom: 30px } } @media only screen and (min-width:961px) { .StandardHero--white .StandardHero-title { padding-bottom: 40px } } .StandardHero--white .StandardHero-title i { margin-right: 3px } @media only screen and (min-width:701px) { .StandardHero--white .StandardHero-title i { margin-right: 5px } } .StandardHero--white .StandardHero-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .StandardHero--white .StandardHero-title i:lang(ar) { margin-left: 5px } } .StandardHero--white .StandardHero-hero .BackgroundImage:after, .StandardHero--white .StandardHero-hero .Hero-video:after { background: none } .StandardHero--white .StandardHero-hero .Button--pauseIcon--dark:before, .StandardHero--white .StandardHero-hero .Button--playIcon--dark:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .CAWIframe { display: none; height: 0; opacity: 0; position: fixed; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; width: 0; z-index: -100000 } .CAWIframe__frame { height: 100%; left: 0; opacity: 0; position: fixed; top: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s; width: 100% } .CAWIframe--block { display: block } .CAWIframe--active { background: #fff; height: 100%; left: 0; opacity: 1; top: 0; width: 100%; z-index: 100000 } .CAWIframe--active .CAWIframe__frame { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .PopupCaw { display: none; position: fixed; right: 30px; top: 140px; z-index: 11 } .PopupCaw:lang(ar) { left: 30px; right: inherit } .ContactForm { padding-bottom: 40px; padding-top: 80px } @media only screen and (min-width:701px) { .ContactForm { padding-bottom: 60px; padding-top: 120px } } @media only screen and (min-width:961px) { .ContactForm { padding-bottom: 70px; padding-top: 140px } } @media only screen and (min-width:1701px) { .ContactForm { padding-bottom: 90px; padding-top: 180px } } .ContactForm-Phone { margin-bottom: 5px; padding-bottom: 0 } .ContactForm-PrimaryPhone { margin: 0 0 19px; padding-bottom: 0 } @media only screen and (min-width:701px) { .ContactForm-PrimaryPhone { margin-bottom: 4px } } .ContactForm-PrimaryPhone-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 200; letter-spacing: .0833333333em; line-height: 1.5em } .ContactForm-PrimaryPhone .Checkbox-input:disabled~.Checkbox-label { color: #2d2d2d; opacity: 1 } .ContactForm-PrimaryPhone .Checkbox-decoration { height: 12px; margin-right: 10px; margin-top: .25em; width: 12px } .ContactForm-PrimaryPhone .Checkbox-decoration:before { font-size: 10px; left: 0; top: 0 } .ContactForm-SubmitContainer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .ContactForm-SubmitContainer { text-align: left } .ContactForm-SubmitContainer:lang(ar) { text-align: right } } .ContactForm-SubmitCTA { display: inline-block; float: right } @media only screen and (min-width:701px) { .ContactForm-SubmitCTA { min-width: 216px } } .ContactForm-form--hidden { display: none } .ContactForm-success { text-align: center } .ContactForm-success--hidden { display: none } .ContactForm-return-cta { margin-bottom: 30px } .ContactForm-developers-cta .WarningModal-textContainer { margin-top: 30px } .ContactForm-error { background-color: #ea0a0a; color: #fff; padding-bottom: 30px; padding-left: 14px; padding-top: 30px } .ContactForm-error:lang(ar) { padding-left: 0; padding-right: 14px } @media only screen and (min-width:701px) { .ContactForm-error:lang(ar) { padding-right: 48px } .ContactForm-error { padding-left: 48px } } .ContactForm-error--hidden { display: none } .ContactForm-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 2rem; font-style: normal; font-weight: 200; letter-spacing: .15625em; line-height: 1.3125em; margin-top: 0; text-transform: uppercase } .ContactForm-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ContactForm-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ContactForm-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ContactForm-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ContactForm-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ContactForm-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ContactForm-subtitle { margin-bottom: 40px } @media only screen and (min-width:701px) { .ContactForm-subtitle { margin-bottom: 50px } } .SocialLinks-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 70% } @media only screen and (min-width:701px) { .SocialLinks-container { max-width: none } } .SocialLink { display: block; height: 48px; margin: 0 10px; text-align: center; text-decoration: none } .SocialLink[class*=SocialLink--] { padding: 0 10px; width: auto } .BodySection--light .SocialLink[class*=SocialLink--], .BodySection--light .SocialLink[class*=SocialLink--]:focus:before, .BodySection--light .SocialLink[class*=SocialLink--]:hover:before { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--light .SocialLink[class*=SocialLink--]:focus:before, .BodySection--light .SocialLink[class*=SocialLink--]:hover:before { color: #767676 } .BodySection--light .SocialLink[class*=SocialLink--]:focus, .BodySection--light .SocialLink[class*=SocialLink--]:hover { border-color: #767676; color: #767676 } .BodySection--light .SocialLink[class*=SocialLink--]:before { color: #000 } .SocialLink--twitter { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--twitter:before { color: #fff; content: "\f192"; line-height: 48px } .SocialLink--twitter:focus:before, .SocialLink--twitter:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--twitter:focus, .SocialLink--twitter:hover { border-color: #999; color: #999 } .SocialLink--facebook { font-size: 16.5px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--facebook:before { color: #fff; content: "\f133"; line-height: 48px } .SocialLink--facebook:focus:before, .SocialLink--facebook:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--facebook:focus, .SocialLink--facebook:hover { border-color: #999; color: #999 } .SocialLink--tripadvisor { font-size: 16.5px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--tripadvisor:before { color: #fff; content: "\f190"; line-height: 48px } .SocialLink--tripadvisor:focus:before, .SocialLink--tripadvisor:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--tripadvisor:focus, .SocialLink--tripadvisor:hover { border-color: #999; color: #999 } .SocialLink--youtube { font-size: 14px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--youtube:before { color: #fff; content: "\f19f"; line-height: 48px } .SocialLink--youtube:focus:before, .SocialLink--youtube:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--youtube:focus, .SocialLink--youtube:hover { border-color: #999; color: #999 } .SocialLink--pinterest { font-size: 16.5px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--pinterest:before { color: #fff; content: "\f16a"; line-height: 48px } .SocialLink--pinterest:focus:before, .SocialLink--pinterest:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--pinterest:focus, .SocialLink--pinterest:hover { border-color: #999; color: #999 } .SocialLink--googleplus { font-size: 16.5px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--googleplus:before { color: #fff; content: "\f140"; line-height: 48px } .SocialLink--googleplus:focus:before, .SocialLink--googleplus:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--googleplus:focus, .SocialLink--googleplus:hover { border-color: #999; color: #999 } .SocialLink--instagram { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--instagram:before { color: #fff; content: "\f149"; line-height: 48px } .SocialLink--instagram:focus:before, .SocialLink--instagram:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--instagram:focus, .SocialLink--instagram:hover { border-color: #999; color: #999 } .SocialLink--foursquare { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--foursquare:before { color: #fff; content: "\f139"; line-height: 48px } .SocialLink--foursquare:focus:before, .SocialLink--foursquare:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--foursquare:focus, .SocialLink--foursquare:hover { border-color: #999; color: #999 } .SocialLink--weibo { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--weibo:before { color: #fff; content: "\f19b"; line-height: 48px } .SocialLink--weibo:focus:before, .SocialLink--weibo:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--weibo:focus, .SocialLink--weibo:hover { border-color: #999; color: #999 } .SocialLink--youku { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--youku:before { color: #fff; content: "\f19e"; line-height: 48px } .SocialLink--youku:focus:before, .SocialLink--youku:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--youku:focus, .SocialLink--youku:hover { border-color: #999; color: #999 } .SocialLink--douban { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--douban:before { color: #fff; content: "\f129"; line-height: 48px } .SocialLink--douban:focus:before, .SocialLink--douban:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--douban:focus, .SocialLink--douban:hover { border-color: #999; color: #999 } .SocialLink--qq { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--qq:before { color: #fff; content: "\f170"; line-height: 48px } .SocialLink--qq:focus:before, .SocialLink--qq:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--qq:focus, .SocialLink--qq:hover { border-color: #999; color: #999 } .SocialLink--wechat { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--wechat:before { color: #fff; content: "\f19a"; line-height: 48px } .SocialLink--wechat:focus:before, .SocialLink--wechat:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SocialLink--wechat:focus, .SocialLink--wechat:hover { border-color: #999; color: #999 } .flickity-enabled { position: relative } .flickity-enabled:focus { outline: none } .flickity-viewport { height: 100%; position: relative } .flickity-slider { height: 100%; position: absolute; width: 100% } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .flickity-prev-next-button { background: none; border: none; cursor: pointer; height: 100%; opacity: 1; padding: 0; position: absolute; top: 0; -webkit-transition: opacity .8s; transition: opacity .8s; width: 15px } @media only screen and (min-width:701px) { .flickity-prev-next-button { width: 30px } } .flickity-prev-next-button:focus { -webkit-box-shadow: 0 0 0 5px #09f; box-shadow: 0 0 0 5px #09f; outline: none } .flickity-prev-next-button:active { -webkit-box-shadow: 0 0 0 5px #d8d8d8; box-shadow: 0 0 0 5px #d8d8d8 } .flickity-prev-next-button.previous { left: 0 } @media only screen and (min-width:701px) { .flickity-prev-next-button.previous { left: -15px } } .flickity-prev-next-button.next { right: 0 } @media only screen and (min-width:701px) { .flickity-prev-next-button.next { right: -15px } } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -7.5px } .flickity-rtl .flickity-prev-next-button.next { left: -7.5px; right: auto } .flickity-prev-next-button:disabled { opacity: 0 } .flickity-prev-next-button svg { height: 60%; left: 20%; position: absolute; top: 20%; width: 60% } .flickity-prev-next-button .arrow { fill: transparent; display: none } .flickity-page-dots { bottom: 12px; display: block; line-height: 1; list-style: none; margin: 0; padding: 0; pointer-events: none; position: absolute; text-align: center; width: 100% } .flickity-rtl .flickity-page-dots { direction: rtl } .flickity-page-dots .dot { background: #7d7d7d; border-radius: 50%; cursor: pointer; display: inline-block; height: 6px; margin: 0 3px; opacity: .5; width: 6px } .flickity-page-dots .dot.is-selected { background: #fff; height: 8px; margin: -1px 3px; opacity: 1; width: 8px } .flickity-enabled.is-fade .flickity-slider>* { pointer-events: none; z-index: 0 } .flickity-enabled.is-fade .flickity-slider>.is-selected { pointer-events: auto; z-index: 1 } .chosen-container { display: inline-block; font-size: 13px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle } .chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box } .chosen-container .chosen-drop { background: #fff; border: 1px solid #aaa; border-top: 0; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); position: absolute; top: 100%; width: 100%; z-index: 1010; clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%) } .chosen-container.chosen-with-drop .chosen-drop { clip: auto; clip-path: none } .chosen-container a { cursor: pointer } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { color: #999; font-weight: 400; margin-right: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top } .chosen-container-single .chosen-single { background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4)); background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4); background-clip: padding-box; border: 1px solid #aaa; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0, 0, 0, .1); color: #444; display: block; height: 25px; line-height: 24px; overflow: hidden; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap } .chosen-container-single .chosen-default { color: #999 } .chosen-container-single .chosen-single span { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px } .chosen-container-single .chosen-single abbr { display: block; font-size: 1px; height: 12px; position: absolute; right: 26px; top: 6px; width: 12px } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px } .chosen-container-single .chosen-single div { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 18px } .chosen-container-single .chosen-single div b { display: block; height: 100%; width: 100% } .chosen-container-single .chosen-search { margin: 0; padding: 3px 4px; position: relative; white-space: nowrap; z-index: 1010 } .chosen-container-single .chosen-search input[type=text] { border: 1px solid #aaa; border-radius: 0; font-family: sans-serif; font-size: 1em; height: auto; line-height: normal; margin: 1px 0; outline: 0; padding: 4px 20px 4px 5px; width: 100% } .chosen-container-single .chosen-drop { background-clip: padding-box; border-radius: 0 0 4px 4px; margin-top: -1px } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%) } .chosen-container .chosen-results { color: #444; margin: 0 4px 4px 0; max-height: 240px; overflow-x: hidden; overflow-y: auto; padding: 0 0 0 4px; position: relative; -webkit-overflow-scrolling: touch } .chosen-container .chosen-results li { display: none; line-height: 15px; list-style: none; margin: 0; padding: 5px 6px; word-wrap: break-word; -webkit-touch-callout: none } .chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item } .chosen-container .chosen-results li.disabled-result { color: #ccc; cursor: default; display: list-item } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff } .chosen-container .chosen-results li.no-results { background: #f4f4f4; color: #777; display: list-item } .chosen-container .chosen-results li.group-result { cursor: default; display: list-item; font-weight: 700 } .chosen-container .chosen-results li.group-option { padding-left: 15px } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline } .chosen-container-multi .chosen-choices { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); border: 1px solid #aaa; cursor: text; height: auto; margin: 0; overflow: hidden; padding: 0 5px; position: relative; width: 100% } .chosen-container-multi .chosen-choices li { float: left; list-style: none } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap } .chosen-container-multi .chosen-choices li.search-field input[type=text] { background: transparent !important; border: 0 !important; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #999; font-family: sans-serif; font-size: 100%; height: 25px; line-height: normal; margin: 1px 0; outline: 0; padding: 0; width: 25px } .chosen-container-multi .chosen-choices li.search-choice { background-clip: padding-box; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee); background-repeat: repeat-x; background-size: 100% 19px; border: 1px solid #aaa; border-radius: 3px; -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05); box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05); color: #333; cursor: default; line-height: 13px; margin: 3px 5px 3px 0; max-width: 100%; padding: 3px 20px 3px 5px; position: relative } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { display: block; font-size: 1px; height: 12px; position: absolute; right: 3px; top: 4px; width: 12px } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px } .chosen-container-multi .chosen-choices li.search-choice-disabled { background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee); border: 1px solid #ccc; color: #666; padding-right: 5px } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4 } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px } .chosen-container-multi .chosen-results { margin: 0; padding: 0 } .chosen-container-multi .chosen-drop .result-selected { color: #ccc; cursor: default; display: list-item } .chosen-container-active .chosen-single { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active.chosen-with-drop .chosen-single { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: linear-gradient(#eee 20%, #fff 80%); border: 1px solid #aaa; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff } .chosen-container-active.chosen-with-drop .chosen-single div { background: transparent; border-left: none } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222 !important } .chosen-disabled { cursor: default; opacity: .5 !important } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default } .chosen-rtl { text-align: right } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0 } .chosen-rtl .chosen-single span { direction: rtl; margin-left: 26px; margin-right: 0 } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px } .chosen-rtl .chosen-single div { left: 3px; right: auto } .chosen-rtl .chosen-single abbr { left: 26px; right: auto } .chosen-rtl .chosen-choices li { float: right } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { left: 4px; right: auto } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0 } .chosen-rtl .chosen-results li.group-option { padding-left: 0; padding-right: 15px } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none } .chosen-rtl .chosen-search input[type=text] { direction: rtl; padding: 4px 5px 4px 20px } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), only screen and (min-resolution:144dpi) { .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-repeat: no-repeat !important; background-size: 52px 37px !important } } @font-face { font-family: Monotype Garamond; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/2facc835-78c9-4456-b5dc-807374ccbaa4.woff2) format("woff2"), url(/alt/fshr/design3/fonts/e9de9cfc-1efd-400f-a2d6-e934b42180ee.woff) format("woff"), url(/alt/fshr/design3/fonts/639a7000-1f6f-4e79-968c-03640a20f45f.ttf) format("truetype") } @font-face { font-family: Monotype Garamond; font-style: italic; font-weight: 400; src: url(/alt/fshr/design3/fonts/b25db2e7-6a38-4599-9f7a-9672078d6278.woff2) format("woff2"), url(/alt/fshr/design3/fonts/2169b5c6-dae9-4259-85d0-044dee7be22e.woff) format("woff"), url(/alt/fshr/design3/fonts/27a7d804-99f3-4851-b7e0-c4c8d85abca2.ttf) format("truetype") } @font-face { font-family: Neue Helvetica; font-style: normal; font-weight: 200; src: url(/alt/fshr/design3/fonts/18fbcb9a-96e4-4820-8f60-312aadce6d35.woff2) format("woff2"), url(/alt/fshr/design3/fonts/e9722702-4fb8-436a-9342-c5f4f5c3a75d.woff) format("woff"), url(/alt/fshr/design3/fonts/0cadd069-b191-4897-b28a-a7df7a06a582.ttf) format("truetype") } @font-face { font-family: Neue Helvetica; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2) format("woff2"), url(/alt/fshr/design3/fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff) format("woff"), url(/alt/fshr/design3/fonts/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf) format("truetype") } @font-face { font-family: Neue Helvetica; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/f350f87a-2ea2-408b-98bb-580827d1a634.woff2) format("woff2"), url(/alt/fshr/design3/fonts/0552ce48-950c-471f-b843-1afac814d259.woff) format("woff"), url(/alt/fshr/design3/fonts/df2262d6-48cc-478c-aed1-5ce7421b4cf4.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/Cairo-Bold.eot); src: url(/alt/fshr/design3/fonts/Cairo-Bold.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-Bold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-Bold.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-Bold.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/Cairo-Regular.eot); src: url(/alt/fshr/design3/fonts/Cairo-Regular.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-Regular.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-Regular.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-Regular.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 200; src: url(/alt/fshr/design3/fonts/Cairo-ExtraLight.eot); src: url(/alt/fshr/design3/fonts/Cairo-ExtraLight.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-ExtraLight.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-ExtraLight.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-ExtraLight.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 900; src: url(/alt/fshr/design3/fonts/Cairo-Black.eot); src: url(/alt/fshr/design3/fonts/Cairo-Black.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-Black.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-Black.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-Black.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 600; src: url(/alt/fshr/design3/fonts/Cairo-SemiBold.eot); src: url(/alt/fshr/design3/fonts/Cairo-SemiBold.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-SemiBold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-SemiBold.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-SemiBold.ttf) format("truetype") } @font-face { font-family: Cairo; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/Cairo-Light.eot); src: url(/alt/fshr/design3/fonts/Cairo-Light.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/Cairo-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/Cairo-Light.woff) format("woff"), url(/alt/fshr/design3/fonts/Cairo-Light.ttf) format("truetype") } @font-face { font-family: Open Sans; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/OpenSans-Light.eot); src: url(/alt/fshr/design3/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/OpenSans-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/OpenSans-Light.woff) format("woff"), url(/alt/fshr/design3/fonts/OpenSans-Light.ttf) format("truetype") } @font-face { font-family: Open Sans; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/OpenSans-Bold.eot); src: url(/alt/fshr/design3/fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/OpenSans-Bold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/OpenSans-Bold.woff) format("woff"), url(/alt/fshr/design3/fonts/OpenSans-Bold.ttf) format("truetype") } @font-face { font-family: Open Sans; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/OpenSans-Regular.eot); src: url(/alt/fshr/design3/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/OpenSans-Regular.woff2) format("woff2"), url(/alt/fshr/design3/fonts/OpenSans-Regular.woff) format("woff"), url(/alt/fshr/design3/fonts/OpenSans-Regular.ttf) format("truetype") } @font-face { font-family: Open Sans; font-style: italic; font-weight: 400; src: url(/alt/fshr/design3/fonts/OpenSans-Italic.eot); src: url(/alt/fshr/design3/fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/OpenSans-Italic.woff2) format("woff2"), url(/alt/fshr/design3/fonts/OpenSans-Italic.woff) format("woff"), url(/alt/fshr/design3/fonts/OpenSans-Italic.ttf) format("truetype") } @font-face { font-family: NanumGothic; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/NanumGothic.eot); src: url(/alt/fshr/design3/fonts/NanumGothic.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/NanumGothic.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NanumGothic.woff) format("woff"), url(/alt/fshr/design3/fonts/NanumGothic.ttf) format("truetype") } @font-face { font-family: NanumGothic; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.eot); src: url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.woff) format("woff"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.ttf) format("truetype") } @font-face { font-family: NanumGothic; font-style: normal; font-weight: 800; src: url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.eot); src: url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.woff) format("woff"), url(/alt/fshr/design3/fonts/NanumGothic-ExtraBold.ttf) format("truetype") } @font-face { font-family: Noto Sans TC; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/NotoSansTC-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansTC-Light.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansTC-Light.otf) format("opentype") } @font-face { font-family: Noto Sans TC; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/NotoSansTC-Regular.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansTC-Regular.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansTC-Regular.otf) format("opentype") } @font-face { font-family: Noto Sans TC; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/NotoSansTC-Bold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansTC-Bold.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansTC-Bold.otf) format("opentype") } @font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/NotoSansSC-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansSC-Light.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansSC-Light.otf) format("opentype") } @font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/NotoSansSC-Regular.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansSC-Regular.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansSC-Regular.otf) format("opentype") } @font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/NotoSansSC-Bold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansSC-Bold.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansSC-Bold.otf) format("opentype") } @font-face { font-family: Noto Sans Japanese; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/NotoSansJP-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansJP-Light.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansJP-Light.otf) format("opentype") } @font-face { font-family: Noto Sans Japanese; font-style: normal; font-weight: 400; src: url(/alt/fshr/design3/fonts/NotoSansJP-Regular.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansJP-Regular.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansJP-Regular.otf) format("opentype") } @font-face { font-family: Noto Sans Japanese; font-style: normal; font-weight: 700; src: url(/alt/fshr/design3/fonts/NotoSansJP-Bold.woff2) format("woff2"), url(/alt/fshr/design3/fonts/NotoSansJP-Bold.woff) format("woff"), url(/alt/fshr/design3/fonts/NotoSansJP-Bold.otf) format("opentype") } @font-face { font-family: Saol Display; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/SaolDisplay-Light.eot); src: url(/alt/fshr/design3/fonts/SaolDisplay-Light.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/SaolDisplay-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/SaolDisplay-Light.woff) format("woff") } @font-face { font-family: Saol Display; font-style: italic; font-weight: 400; src: url(/alt/fshr/design3/fonts/SaolDisplay-LightItalic.eot); src: url(/alt/fshr/design3/fonts/SaolDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/SaolDisplay-LightItalic.woff2) format("woff2"), url(/alt/fshr/design3/fonts/SaolDisplay-LightItalic.woff) format("woff") } @font-face { font-family: Saol Standard; font-style: normal; font-weight: 300; src: url(/alt/fshr/design3/fonts/SaolStandard-Light.eot); src: url(/alt/fshr/design3/fonts/SaolStandard-Light.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/SaolStandard-Light.woff2) format("woff2"), url(/alt/fshr/design3/fonts/SaolStandard-Light.woff) format("woff") } @font-face { font-family: Saol Standard; font-style: italic; font-weight: 400; src: url(/alt/fshr/design3/fonts/SaolStandard-LightItalic.eot); src: url(/alt/fshr/design3/fonts/SaolStandard-LightItalic.eot?#iefix) format("embedded-opentype"), url(/alt/fshr/design3/fonts/SaolStandard-LightItalic.woff2) format("woff2"), url(/alt/fshr/design3/fonts/SaolStandard-LightItalic.woff) format("woff") } @font-face { font-family: EB Garamond; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL99U6g.woff2) format("woff2") } @font-face { font-family: EB Garamond; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format("woff2") } @font-face { font-family: EB Garamond; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format("woff2") } @font-face { font-family: Work Sans; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2") } @font-face { font-family: Work Sans; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2") } @font-face { font-family: Work Sans; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2") } .ty-h1 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 200; letter-spacing: .2142857143em; line-height: 1.5em; text-transform: uppercase } @media only screen and (min-width:701px) { .ty-h1 { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } @media only screen and (min-width:961px) { .ty-h1 { font-size: 2.75rem; letter-spacing: .1363636364em; line-height: 1.4090909091em } } @media only screen and (min-width:1701px) { .ty-h1 { font-size: 4.5rem; letter-spacing: .1388888889em; line-height: 1.3888888889em } } .ty-h1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-h1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-h1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-h1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-h1 { font-family: EB Garamond; text-transform: none } .ty-h2 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } .ty-h2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-h2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-h2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-h2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-h2 { font-family: EB Garamond; text-transform: none } .ty-h3 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .ty-h3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-h3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-h3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-h3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-h3 { font-family: EB Garamond; text-transform: none } .ty-h4 { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .ty-h4:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-h4:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h4:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-h4:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-h4:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-h4:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-h4 { font-family: EB Garamond; text-transform: none } .ty-b1 { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em } .ty-b1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-b1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-b1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-b1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-b1 { font-family: Work Sans } .ty-b2, html.WhiteLabelSite .ty-b1 { font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .ty-b2 { font-family: Monotype Garamond, garamond, serif; font-style: normal; font-weight: 400 } .ty-b2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-b2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-b2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-b2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .ty-b2 { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .ty-b3 { font-family: Monotype Garamond, garamond, serif; font-size: .9375rem; font-style: normal; font-weight: 400; letter-spacing: .0333333333em; line-height: 1.6666666667em } .ty-b3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-b3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-b3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-b3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-b3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-b3 { font-family: Work Sans; font-size: .6875rem; letter-spacing: .0454545455em; line-height: 2.2727272727em } .ty-q1 { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em } @media only screen and (min-width:701px) { .ty-q1 { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .ty-q1 { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .ty-q1 { font-size: 4.75rem; letter-spacing: -.0065789474em } } .ty-q1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-q1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-q1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-q1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-q1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-q1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-q2 { font-family: Monotype Garamond, garamond, serif; font-size: 1.3125rem; font-style: italic; font-weight: 400; letter-spacing: .0238095238em; line-height: 1.5em } .ty-q2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-q2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-q2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-q2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-q2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-q2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c1 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ty-c1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-c1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-c1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-c1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-c1 { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ty-c2 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .ty-c2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-c2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-c2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-c2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-c2 { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ty-c3 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .ty-c3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-c3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-c3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-c3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-c3 { font-family: EB Garamond; text-transform: none } .ty-c4 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .ty-c4:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-c4:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c4:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-c4:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-c4:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-c4:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ty-c4 { font-family: EB Garamond; text-transform: none } .ty-cc1 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .0833333333em; line-height: 1.3333333333em } .ty-cc1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-cc1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-cc1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-cc1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc2 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .0833333333em; line-height: 1.5em } .ty-cc2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-cc2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-cc2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-cc2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc3 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .1em; line-height: 1.3em } .ty-cc3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-cc3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-cc3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-cc3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc4 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .1em; line-height: 1.3em } .ty-cc4:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ty-cc4:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc4:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ty-cc4:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ty-cc4:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ty-cc4:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .PropertyPicker { background-color: #fff; padding: 40px 15px; position: relative; text-align: center; z-index: 1 } @media only screen and (min-width:701px) { .PropertyPicker { bottom: 0; max-width: 690px; padding: 40px 30px 30px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); width: 100% } .PropertyPicker:lang(ar) { left: 50%; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } @media only screen and (min-width:961px) { .PropertyPicker { max-width: 770px; padding: 40px 40px 30px; position: absolute } } @media only screen and (min-width:1701px) { .PropertyPicker { max-width: 1270px; padding: 80px 80px 65px } } .PropertyPicker-Title { margin-bottom: 40px; margin-top: 0 } @media only screen and (min-width:701px) { .PropertyPicker-Title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; margin-bottom: 35px; text-transform: uppercase } .PropertyPicker-Title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PropertyPicker-Title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PropertyPicker-Title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PropertyPicker-Title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PropertyPicker-Title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PropertyPicker-Title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PropertyPicker-Title { font-family: EB Garamond; text-transform: none } } .PropertyPicker-Form { margin-bottom: 14px } @media only screen and (min-width:701px) { .PropertyPicker-Form { display: -webkit-box; display: -ms-flexbox; display: flex } } @media only screen and (min-width:1701px) { .PropertyPicker-Form { margin-bottom: 23px } } .PropertyPicker-DropdownContainer { margin-bottom: 20px; position: relative } @media only screen and (min-width:701px) { .PropertyPicker-DropdownContainer { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } .PropertyPicker-DropdownContainer:after { content: "\f112"; font-size: 8px; pointer-events: none; position: absolute; right: 20px; top: 9px } @media only screen and (min-width:1701px) { .PropertyPicker-DropdownContainer:after { right: 40px; top: 18px } } .PropertyPicker-DropdownContainer:lang(ar):after { left: 20px; right: auto } @media only screen and (min-width:1701px) { .PropertyPicker-DropdownContainer:lang(ar):after { left: 40px; right: auto } } .PropertyPicker-Dropdown { background: #f5f5f5; border-bottom: 0; height: 40px; line-height: 45px; padding: 0 20px } @media only screen and (min-width:1701px) { .PropertyPicker-Dropdown { height: 60px; line-height: 65px; padding: 0 40px } } .PropertyPicker-CTA { display: -webkit-inline-box; width: 100% } .PropertyPicker-CTAContainer { z-index: 1 } @media only screen and (min-width:701px) { .PropertyPicker-CTA { width: auto; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; min-width: 160px } } @media only screen and (min-width:1701px) { .PropertyPicker-CTA { font-size: 12px; height: 60px; min-width: 240px; padding: 0 60px } } .PropertyPicker-ArrowCTA.CTA { font-size: 10px } .PropertyPicker-ArrowCTA.CTA:after { float: none } .SkipLink-container { height: 15px; position: relative } .SkipLink-link { height: 1px; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 1px } .SkipLink-link:active, .SkipLink-link:focus { color: #000; height: auto; left: 0; overflow: visible; top: 0; width: auto } .BodySection--dark .SkipLink-link:active, .BodySection--dark .SkipLink-link:focus { color: #fff } .SkipLink-link:lang(ar) { left: auto; right: -1000px } .SkipLink-link:lang(ar):active, .SkipLink-link:lang(ar):focus { right: 0 } .SkipToMainContent { background-color: #000; border: 1px solid #2d2d2d; color: #000; display: block; height: 0; left: -999px; outline: none; overflow: hidden; padding: 0 20px; position: absolute; top: auto; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out, height .3s ease-out, padding .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out, height .3s ease-out, padding .3s ease-out; width: 0; z-index: -999 } .SkipToMainContent:lang(ar) { left: auto; right: -999px } .SkipToMainContent:active, .SkipToMainContent:focus { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; left: 0; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; border-color: #2d2d2d; cursor: pointer; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; height: auto; justify-content: center; letter-spacing: .3em; line-height: 1.3em; margin: 0; min-height: 35px; min-width: 250px; overflow: hidden; padding: 10px 20px; text-align: center; text-decoration: underline; text-transform: uppercase; width: 250px; z-index: 999 } .SkipToMainContent:active:lang(ar), .SkipToMainContent:focus:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .SkipToMainContent:active:lang(ru), .SkipToMainContent:focus:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .SkipToMainContent:active:lang(ko-KR), .SkipToMainContent:focus:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .SkipToMainContent:active:lang(zh), .SkipToMainContent:focus:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .SkipToMainContent:active:lang(zh-TW), .SkipToMainContent:focus:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .SkipToMainContent:active:lang(ja), .SkipToMainContent:focus:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .SkipToMainContent:active, html.WhiteLabelSite .SkipToMainContent:focus { font-family: EB Garamond; text-transform: none } .SkipToMainContent:active:lang(ar), .SkipToMainContent:focus:lang(ar) { left: auto; right: 0 } .SkipToMainContent:active:hover, .SkipToMainContent:focus:hover { background-color: #fff; border-color: #2d2d2d; color: #000 } .SwitchField-switch { display: inline-block; height: 1.5em; position: relative; vertical-align: middle; width: 3em } .SwitchField-checkbox { height: 0; opacity: 0; width: 0 } .SwitchField-checkbox:checked+.SwitchField-slider:before { -webkit-transform: translateX(1.5em); transform: translateX(1.5em) } .SwitchField-slider { background-color: #d8d8d8; border-radius: 1.5em; bottom: 0; cursor: pointer; left: 0; right: 0; top: 0 } .SwitchField-slider, .SwitchField-slider:before { position: absolute; -webkit-transition: .4s; transition: .4s } .SwitchField-slider:before { background-color: #000; border-radius: 50%; content: ""; height: 1.5em; width: 1.5em } .CheckboxGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .CheckboxGroup .CheckboxGroup-checkbox { margin-bottom: 20px; margin-top: 20px; padding-left: 0 } .RadioButtons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: inherit; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left } .RadioButtons--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .RadioButtons--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .RadioButtons-input { display: block; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .RadioButtons-input:focus { outline: none } .RadioButtons-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0 } .RadioButtons-button:not(:last-child) { margin-right: 60px } .RadioButtons-button:not(:last-child):lang(ar) { margin-left: 60px; margin-right: 0 } .RadioButtons-decoration { display: block; height: 20px; width: 20px; -ms-flex-negative: 0; border: 1px solid #7d7d7d; border-radius: 50%; cursor: pointer; flex-shrink: 0; line-height: 1; margin-right: 20px; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s } .RadioButtons-decoration:lang(ar) { margin-left: 20px; margin-right: 0 } .RadioButtons--dark .RadioButtons-decoration { border-color: #fff } .RadioButtons-input:disabled~.RadioButtons-decoration { opacity: .4 } .RadioButtons-input:focus~.RadioButtons-decoration { border: 2px solid #000 } .RadioButtons--dark .RadioButtons-input:focus~.RadioButtons-decoration { border: 2px solid #fff } .RadioButtons-decoration:after { background-color: #000; border-radius: 50%; content: ""; height: 10px; left: 4px; opacity: 0; position: absolute; top: 4px; width: 10px; speak: none; -webkit-transition: opacity .3s; transition: opacity .3s } .RadioButtons--dark .RadioButtons-decoration:after { background-color: #fff } .RadioButtons-input:checked~.RadioButtons-decoration:after { opacity: 1 } .RadioButtons-input:focus~.RadioButtons-decoration:after { left: 3px; top: 3px } .RadioButtons-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .RadioButtons-input:disabled~.RadioButtons-label { opacity: .4 } .IndicatorColor { border-radius: 50%; height: 6px; width: 6px } .IndicatorColor--red { background-color: #ff1e1e } .IndicatorColor--green { background-color: #2ad062 } .IndicatorColor--orange { background-color: #df943c } .IndicatorColor--gray { background-color: #7d7d7d } .surface-sticky { background: var(--color-surface-sticky, #2d2d2d); -webkit-box-shadow: 0 15px 35px 0 rgba(3, 3, 3, .4); box-shadow: 0 15px 35px 0 rgba(3, 3, 3, .4) } .surface-translucent { backdrop-filter: blur(15px); background: var(--color-surface-translucent, rgba(45, 45, 45, .6)) } .surface-page { background: var(--color-surface-default, #0f0f0f) } .surface-raised-subtle { background: var(--color-surface-raised-subtle, #1f1f1f); -webkit-box-shadow: var(--surface-raised-subtle-shadow, none); box-shadow: var(--surface-raised-subtle-shadow, none) } .surface-raised { background: var(--color-surface-raised-default, #2d2d2d); -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2) } .surface-overlay-raised { background: var(--color-surface-overlay-raised, #3d3d3d); -webkit-box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .12); box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .12) } .surface-overlay { background: var(--color-surface-overlay-default, #2d2d2d); border-radius: 10px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2) } .surface-recessed { background: var(--color-surface-recessed, #030303); -webkit-box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, .04); box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, .04) } .text-error, .text-error-filled, .text-error-filled-inverse, .text-error-outline { border-radius: 5px; color: var(--color-error-text-default, #fef0f0); padding: 10px } .text-error-outline { border: 1px solid var(--color-error-border-default, #f63232) } .text-error-filled-inverse { background: var(--color-error-container-default, #fcb1b1); color: var(--color-error-text-inverse, #310202) } .text-error-filled { background: var(--color-error-container-subtle-default, #530404) } .text-warning, .text-warning-filled, .text-warning-filled-inverse, .text-warning-outline { border-radius: 5px; color: var(--color-warning-text-default, #fef3e1); padding: 10px } .text-warning-outline { border: 1px solid var(--color-warning-border-default, #e28b08) } .text-warning-filled-inverse { background: var(--color-warning-container-default, #f9bc61); color: var(--color-warning-text-inverse, #2c1b02) } .text-warning-filled { background: var(--color-warning-container-subtle-default, #452a02) } .text-success, .text-success-filled, .text-success-filled-inverse, .text-success-outline { border-radius: 5px; color: var(--color-success-text-default, #def7e7); padding: 10px } .text-success-outline { border: 1px solid var(--color-success-border-default, #26974c) } .text-success-filled-inverse { background: var(--color-success-container-default, #70db94); color: var(--color-success-text-inverse, #071d0e) } .text-success-filled { background: var(--color-success-container-subtle-default, #0c3119) } .text-information, .text-information-filled, .text-information-filled-inverse, .text-information-outline { border-radius: 5px; color: var(--color-security-text-default, #e9f2fb); padding: 10px } .text-information-outline { border: 1px solid var(--color-security-border-default, #3a87df) } .text-information-filled-inverse { background: var(--color-security-container-default, #a7caf1); color: var(--color-security-text-inverse, #05111f) } .text-information-filled { background: var(--color-security-container-subtle-default, #091d35) } .ItineraryOverlay.Dialog[aria-hidden=true] { display: none } .ItineraryOverlay .Dialog-wrapper { border-radius: 0; height: 100%; margin: 0; max-width: 100vw; overflow: hidden; overflow-y: auto; padding: 0; position: absolute; right: 0; -webkit-transform: translateY(0) translateX(100%); transform: translateY(0) translateX(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; width: 560px } .ItineraryOverlay-open .Dialog-overlay { display: -webkit-box; display: -ms-flexbox; display: flex } .ItineraryOverlay-open .Dialog-wrapper { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible } .AccountDelete { margin: 70px auto; width: 325px } .AccountDeleteForm { padding-top: 0 } .AccountDelete-confirmation-text, .AccountDelete-initial-text { margin-bottom: 20px } .AccountDelete-confirmation-text p, .AccountDelete-initial-text p { margin: 0 } .AccountDelete-deletion, .AccountDelete-signin { text-align: center } .AccountDelete-deletion-cta, .AccountDelete-signin-cta { margin-bottom: 20px; text-align: center } @media only screen and (min-width:961px) { .AccountDelete-deletion-cta, .AccountDelete-signin-cta { margin-top: 30px } } .AccountDelete .ContactForm-SubmitCTA { float: none } @media only screen and (min-width:701px) { .AccountDelete { margin: 74px auto; width: 450px } } @media only screen and (min-width:961px) { .AccountDelete { margin: 94px auto; width: 700px } } .AccountDelete .hidden, .AccountDelete.hidden { display: none } .AddToCart-react-ssr-placeholder.container { max-width: none; padding-left: 0; padding-right: 0 } @media screen and (min-width:701px) { .AfricaTravelTime { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } } .AfricaTravelTime--initialized { opacity: 1 } @media screen and (min-width:1275px) { .AfricaTravelTime { background-image: url(/alt/fshr/design3/images/africa-travel-time/map-background.jpg); background-size: cover } } .AfricaTravelTime-mapContainer { background-image: url(/alt/fshr/design3/images/africa-travel-time/map-background.jpg); background-size: cover; opacity: 0; position: relative; -webkit-transition: opacity .5s; transition: opacity .5s } @media screen and (min-width:1275px) { .AfricaTravelTime-mapContainer { background-image: none } } .AfricaTravelTime-mapContainer--initialized { opacity: 1 } .AfricaTravelTime-container { margin-left: auto; margin-right: auto; max-width: 1530px; position: relative } .AfricaTravelTime-map { position: relative; width: 100% } @media screen and (min-width:1275px) { .AfricaTravelTime-map { width: 90% } } .AfricaTravelTime-map svg { height: 100%; position: absolute; top: 0; width: 100% } @media screen and (min-width:1275px) { .AfricaTravelTime-map svg { max-height: calc(100vh - 60px); width: 65% } } .AfricaTravelTime-map--desktop { display: none } @media screen and (min-width:701px) { .AfricaTravelTime-map--desktop { display: block } } .AfricaTravelTime-map--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:701px) { .AfricaTravelTime-map--mobile { display: none } } .AfricaTravelTime-pin { pointer-events: none } @media screen and (min-width:701px) { .AfricaTravelTime-pin { cursor: pointer; opacity: 0; pointer-events: all; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s } .AfricaTravelTime-pin.AfricaTravelTime--animate { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .AfricaTravelTime-flightTime { opacity: 0; pointer-events: none; -webkit-transition: opacity .2s; transition: opacity .2s } .AfricaTravelTime-flightTime.AfricaTravelTime--animate { opacity: 1 } .AfricaTravelTime-instructions { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .AfricaTravelTime-instructions.AfricaTravelTime--animate { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s } .AfricaTravelTime-instructions .AfricaTravelTime-blur { -webkit-filter: blur(13px); filter: blur(13px) } .AfricaTravelTime-textContainer { margin: auto; max-width: calc(100% - 20px); text-align: center; width: 100% } @media screen and (min-width:701px) { .AfricaTravelTime-textContainer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: calc(100% - 44px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media screen and (min-width:1275px) { .AfricaTravelTime-textContainer { color: #000; display: block; margin: 0; max-width: 460px; position: absolute; right: 20px; text-align: left; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media screen and (min-width:1400px) { .AfricaTravelTime-textContainer { right: 50px } } @media screen and (min-width:1460px) { .AfricaTravelTime-textContainer { right: 80px } } @media screen and (min-width:1480px) { .AfricaTravelTime-textContainer { right: 100px } } .AfricaTravelTime-text { font-family: Monotype Garamond, garamond, serif; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: .5px; line-height: 1.5em } @media screen and (min-width:700px) { .AfricaTravelTime-text { font-size: 22px } } .AfricaTravelTime-legend { display: none } .AfricaTravelTime-legend--private { color: #085f62 } .AfricaTravelTime-legend-icon { vertical-align: middle } @media screen and (min-width:1275px) { .AfricaTravelTime-legend { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left } } .AfricaTravelTime-legend--mobile { background-color: hsla(0, 0%, 100%, .7); color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; left: 3%; margin: 0; opacity: 0; position: absolute; top: 3%; -webkit-transition: opacity .5s; transition: opacity .5s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: .625rem; line-height: 1em; padding: .3em .8em; text-align: left; z-index: 1 } .AfricaTravelTime-legend--mobile.AfricaTravelTime--animate { opacity: 1 } @media screen and (min-width:701px) { .AfricaTravelTime-legend--mobile { line-height: 1.5em } } @media screen and (min-width:1275px) { .AfricaTravelTime-legend--mobile { display: none } } .AfricaTravelTime-propertySelector { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; font-size: 10px; letter-spacing: 3px; line-height: 0; line-height: 13px; padding: 20px 0 0; position: relative; width: 100% } @media screen and (min-width:701px) { .AfricaTravelTime-propertySelector { display: none } } .AfricaTravelTime-propertySelector--dark { background-color: #000; color: #fff } .AfricaTravelTime-propertySelectorContainer { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; border-top: 1px solid #d3d3d3; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; gap: 30px; height: 60px; overflow-x: scroll; padding: 0 24px; scrollbar-width: none; width: 100% } .AfricaTravelTime-propertySelectorContainer::-webkit-scrollbar { display: none } .AfricaTravelTime-propertySelectorContainer:lang(ar):after { left: 7px; right: auto } .AfricaTravelTime-propertySelector-tab { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; -ms-flex-item-align: center; align-self: center; background: none; border: none; display: inline-block; font-weight: 400; height: 100%; position: relative; text-align: center } .AfricaTravelTime-propertySelector-tab--dark { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .AfricaTravelTime-propertySelector-tab--dark:focus, .AfricaTravelTime-propertySelector-tab--dark:hover { border-color: #999; color: #999 } .AfricaTravelTime-propertySelector-tab--light { color: #2d2d2d; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .AfricaTravelTime-propertySelector-tab--light:focus, .AfricaTravelTime-propertySelector-tab--light:hover { border-color: #767676; color: #767676 } .AfricaTravelTime-propertySelector-tab:before { content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden } .AfricaTravelTime-propertySelector-tab-active-tab { font-weight: 700 } .AfricaTravelTime-propertySelector-tab-active-tab:after { bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100% } .AfricaTravelTime-propertySelector-tab-active-tab:after:lang(ar) { left: auto; right: 0 } .AfricaTravelTime-propertySelectorContainer--light .AfricaTravelTime-propertySelector-tab-active-tab:after { background-color: #000 } .AfricaTravelTime-propertySelectorContainer--dark .AfricaTravelTime-propertySelector-tab-active-tab:after { background-color: #fff } .AlignableArticle .Image-picture { position: relative } .AlignableImageCTA .ImageAndCTABlockWithEyebrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-imageWrapper, .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper { width: 100% } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 200; letter-spacing: .2142857143em; line-height: 1.5em; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase } @media only screen and (min-width:701px) { .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } @media only screen and (min-width:961px) { .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title { font-size: 2.75rem; letter-spacing: .1363636364em; line-height: 1.4090909091em } } @media only screen and (min-width:1701px) { .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title { font-size: 4.5rem; letter-spacing: .1388888889em; line-height: 1.3888888889em } } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-title { font-family: EB Garamond; text-transform: none } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; margin-bottom: 20px } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AlignableImageCTA .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AlignableImageCTA .ImageAndCTABlockWithEyebrows-eyebrow { font-family: EB Garamond; text-transform: none } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AlignableImageCTA .ImageAndCTABlockWithEyebrows-bullet { font-family: EB Garamond; text-transform: none } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AlignableImageCTA .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: EB Garamond; text-transform: none } .AlignableImageCTA .ImageAndCTABlockWithEyebrows-playButton { color: #fff } @media only screen and (min-width:961px) { .AlignableImageCTA .ImageAndCTABlockWithEyebrows--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--center .ImageAndCTABlockWithEyebrows-imageWrapper { padding-bottom: 30px } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--left .ImageAndCTABlockWithEyebrows-imageWrapper { width: 50% } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--left .ImageAndCTABlockWithEyebrows-textWrapper { margin-left: 30px; width: calc(50% - 30px) } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--right .ImageAndCTABlockWithEyebrows-imageWrapper { width: 50% } .AlignableImageCTA .ImageAndCTABlockWithEyebrows--right .ImageAndCTABlockWithEyebrows-textWrapper { margin-right: 30px; width: calc(50% - 30px) } } .AlignableImage { display: block; text-align: left } .AlignableImage--left [class*=col-] { float: left } .AlignableImage--right [class*=col-] { float: right } .AlignableImage--center [class*=col-] { float: none; margin: 0 auto } .AlignableImage-picture { display: block } .AlignableImage-title { padding-bottom: 10px; padding-top: 20px } .AnchorLinks { overflow: auto; text-align: center } @media only screen and (min-width:961px) { .AnchorLinks { overflow: hidden } } .AnchorLinks-link { border: 0; display: inline-block; margin-bottom: 10px; padding-left: 25px; padding-right: 25px; text-decoration: none; text-underline-offset: 3px; text-underline-position: under; white-space: nowrap } .AnchorLinks-link:hover { text-decoration: underline } @media only screen and (min-width:961px) { .AnchorLinks-link { margin-bottom: 20px; padding-left: 30px; padding-right: 30px } } .AnchorLinks-hidden { display: none } .AnchorLinks-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 30px; max-width: 100%; overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none } .AnchorLinks-container .CTA--underlined--dark .CTA--underlined-light { margin-bottom: -15px } .AnchorLinks-container :not(:first-child) { border-left: 1px solid } .AnchorLinks-container :not(:first-child):lang(ar) { border-left: 0 } .AnchorLinks-container :not(:first-child):lang(ar) :not(:first-child) { border-right: 1px solid } .AnchorLinks-container:lang(ar) { border-left: 0 } .AnchorLinks-container:lang(ar) :not(:first-child) { border-right: 1px solid } .AnchorLinks-container::-webkit-scrollbar { display: none } @media only screen and (min-width:961px) { .AnchorLinks-container { margin-bottom: -20px; margin-top: 40px; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center } } .AnchorLinks-container-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100% } @media only screen and (min-width:961px) { .AnchorLinks-container-1 { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center } } .AnchorLinks-container-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100% } .AnchorLinks-container-2 .AnchorLinks-link, .AnchorLinks-container-2 .AnchorLinks-link:lang(ar) { border: none } @media only screen and (min-width:961px) { .AnchorLinks-container-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .AnchorLinks-container-2 :not(:first-child) { border-left: 1px solid } .AnchorLinks-container-2 :not(:first-child):lang(ar) { border-left: 0 } .AnchorLinks-container-2 :not(:first-child):lang(ar) :not(:first-child) { border-right: 1px solid } .AnchorLinks-container-2:lang(ar) { border-left: 0 } .AnchorLinks-container-2:lang(ar) :not(:first-child) { border-right: 1px solid } } .AnchorLinks--GrayBox { background: var(--color-surface-raised-subtle, #f5f5f5); min-width: 100vw; padding: 20px 0 10px } .AnchorLinks-anchors { background: var(--color-surface-default, #fff); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 0 10px; width: calc(100vw - 1rem) } .AnchorLinks-anchors .AnchorLinks-container { margin: 0 } .AnchorLinks-anchors .AnchorLinks-container .AnchorLinks-link { margin: 0 0 10px } .AnchorLinks-added-link { display: none !important } .AnimatedCardCarouselBackground { background-color: #000; color: #fff; position: relative } .AnimatedCardCarouselBackground-BackgroundImage { display: none } @media only screen and (min-width:701px) { .AnimatedCardCarouselBackground-BackgroundImage { display: block; height: 100%; opacity: 0; position: absolute !important; top: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; width: 100% } .AnimatedCardCarouselBackground-BackgroundImage:after { background: rgba(0, 0, 0, .65); content: ""; display: block; height: 100%; pointer-events: none; position: absolute; top: 0; width: 100% } .AnimatedCardCarouselBackground-BackgroundImage--active { opacity: 1 } } .AnimatedCardCarouselBackground .CenterFocusCarousel { padding: 60px 0; z-index: 2 } @media only screen and (min-width:701px) { .AnimatedCardCarouselBackground .CenterFocusCarousel { padding: 100px 0 } } .AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport { margin-left: calc(50% - 145px) } .AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport:lang(ar) { margin-left: 0; margin-right: calc(50% - 145px) } @media only screen and (min-width:701px) { .AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport { margin-left: 0 } .AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport:lang(ar) { margin-right: 0 } } .AnimatedCardCarouselBackground .CenterFocusCarousel-heading, .AnimatedCardCarouselBackground .CenterFocusCarousel-navigation { z-index: inherit } .AnimatedCardCarouselBackground .CenterFocusCarousel-heading .Heading-title { margin-top: 0 } .AnimatedCardCarouselBackground .CenterFocusCarousel-navigation { margin-top: 20px } @media only screen and (min-width:701px) { .AnimatedCardCarouselBackground .CenterFocusCarousel-navigation { margin-top: 40px } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination { font-family: EB Garamond; text-transform: none } .AnimatedCardCarouselBackground .CenterFocusCarousel-pagination--button { font-size: 1.25rem } } .AnimatedCardCarouselBackground .CenterFocusCarousel-mobile .CenterFocusCarousel-navigation--mobile .CenterFocusCarousel-pagination { font-size: .75rem; margin: 0 14px } .AnimatedCardCarouselBackground .CenterFocusCarousel-mobile .CenterFocusCarousel-navigation--mobile .CenterFocusCarousel-pagination--button { font-size: 1rem } @media only screen and (min-width:701px) { .HasBulletPointCard .AnimatedCardCarouselBackground-BackgroundImage { display: block; height: 100%; opacity: 0; position: absolute !important; top: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; width: 100% } .HasBulletPointCard .AnimatedCardCarouselBackground-BackgroundImage:after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .74)), color-stop(25%, transparent), color-stop(75%, transparent), to(rgba(0, 0, 0, .74))); background: linear-gradient(0deg, rgba(0, 0, 0, .74), transparent 25%, transparent 75%, rgba(0, 0, 0, .74)); content: ""; display: block; height: 100%; pointer-events: none; position: absolute; top: 0; width: 100% } .HasBulletPointCard .AnimatedCardCarouselBackground-BackgroundImage--active { opacity: 1 } } .HasBulletPointCard .AnimatedCardCarouselBackground-Card { min-height: 0 } @media only screen and (min-width:701px) { .HasBulletPointCard .AnimatedCardCarouselBackground-Card--active { min-height: 500px } } .HasBulletPointCard .CenterFocusCarousel { padding-bottom: 36.5px } .HasBulletPointCard .CenterFocusCarousel-navigation--desktop { margin-top: 16.5px } .HasBulletPointCard.AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport { margin-left: calc(50% - 155px) } .HasBulletPointCard.AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport:lang(ar) { margin-left: 0; margin-right: calc(50% - 155px) } @media only screen and (min-width:701px) { .HasBulletPointCard.AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport { margin-left: 0 } .HasBulletPointCard.AnimatedCardCarouselBackground .CenterFocusCarousel .flickity-viewport:lang(ar) { margin-right: 0 } .BulletPointCard { min-height: 500px } } .BulletPointCard.AnimatedCardCarousel--slide { width: 310px } @media only screen and (min-width:701px) { .BulletPointCard.AnimatedCardCarouselBackground--slide.animated { -webkit-transition: width .5s linear, margin .5s linear, height .5s linear; transition: width .5s linear, margin .5s linear, height .5s linear } .BulletPointCard.AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide { width: 410px } .BulletPointCard.AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected { margin-left: -5px; width: 450px } .BulletPointCard.AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected:lang(ar) { margin-right: -5px } .BulletPointCard.AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected .AnimatedCardCarouselBackground-Card { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2) } } .BulletPointCard .AnimatedCardCarouselBackground-Card { border: none } .BulletPointCard .AnimatedCardCarouselBackground-Card-icon { font-size: 36px; height: 36px; line-height: 36px } @media only screen and (min-width:701px) { .BulletPointCard .AnimatedCardCarouselBackground-Card-icon { font-size: 50px; height: 50px; line-height: 50px } } .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList { padding: 20px 15px 30px } @media only screen and (min-width:701px) { .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList { padding: 45px 45px 60px } } .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList .BulletedList-heading .Heading-title { margin: 20px 0 0 } .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList .BulletedList-list { -webkit-columns: 1 auto; -moz-columns: 1 auto; column-count: 1; margin-top: 30px } .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList .BulletedList-item { padding-bottom: 0; text-align: left } .BulletPointCard .AnimatedCardCarouselBackground-Card-bulletedList .BulletedList-item:lang(ar) { text-align: right } .BulletPointCard .AnimatedCardCarouselBackground-Card--active { backdrop-filter: blur(10px); background-color: hsla(0, 0%, 100%, .95); -webkit-transition: none; transition: none; width: 100% } .BulletPointCard .AnimatedCardCarouselBackground-Card--inactive { display: none; -webkit-transition: none; transition: none } @media only screen and (min-width:701px) { .BulletPointCard .AnimatedCardCarouselBackground-Card--inactive { background-color: #fff; border: none; color: #000; display: block; opacity: .8; padding: 0; width: 100% } .BulletPointCard .AnimatedCardCarouselBackground-Card--inactive .AnimatedCardCarouselBackground-Card-bulletedList { height: calc(100% - 36px); overflow: hidden } } @media only screen and (min-width:701px)and (min-width:701px) { .BulletPointCard .AnimatedCardCarouselBackground-Card--inactive .AnimatedCardCarouselBackground-Card-icon { font-size: 42px; height: 42px; line-height: 42px } } @media only screen and (min-width:701px) { .BulletPointCard .AnimatedCardCarouselBackground-Card.AnimatedCardCarousel-Card { height: calc(100% - 46px); margin-top: 23px } .AnimatedCardCarouselBackground { position: relative } .AnimatedCardCarouselBackground--slide { background-color: transparent; height: 100% } .AnimatedCardCarouselBackground--slide.animated { -webkit-transition: width .5s linear, margin .5s linear, height .5s linear; transition: width .5s linear, margin .5s linear, height .5s linear } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide { margin: 0 15px; width: 350px } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected { height: 100%; margin-left: -10px; width: 400px } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected:lang(ar) { margin-right: -10px } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected .AnimatedCardCarouselBackground-Card { border: none; -webkit-box-shadow: 0 0 30px 0 #000; box-shadow: 0 0 30px 0 #000; height: 100%; margin: 0; opacity: 1 } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected .AnimatedCardCarouselBackground-Card--active { opacity: 1 } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected .AnimatedCardCarouselBackground-Card--inactive { opacity: 0 } .AnimatedCardCarouselBackground--slide.CenterFocusCarousel--slide.is-selected .AnimatedCardCarouselBackground-Card-CTA { pointer-events: all } .AnimatedCardCarouselBackground-Card { background-color: #fff; border: 1px solid #d8d8d8; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 45px; overflow: hidden; -webkit-transition: height .5s linear, margin .5s linear; transition: height .5s linear, margin .5s linear } .AnimatedCardCarouselBackground-Card.AnimatedCardCarousel-Card { background-color: transparent; border-color: #fff; height: calc(100% - 90px); opacity: 1 } .AnimatedCardCarouselBackground-Card--active { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; min-height: 626px; opacity: 0; position: absolute; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .AnimatedCardCarouselBackground-Card--active .AnimatedCardCarouselBackground-Card-title { margin: 40px 25px } .AnimatedCardCarouselBackground-Card--active-noDescription { min-height: 520px } .AnimatedCardCarouselBackground-Card--active-noDescription .AnimatedCardCarouselBackground-Card-CTA { margin-bottom: 27.5px; margin-top: 0 } .AnimatedCardCarouselBackground-Card--inactive { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; padding: 0 30px; position: absolute; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; height: 100%; justify-content: space-between; pointer-events: none } .AnimatedCardCarouselBackground-Card--inactive .AnimatedCardCarouselBackground-Card-subheading { padding-bottom: 40px } .AnimatedCardCarouselBackground-Card--inactive .AnimatedCardCarouselBackground-Card-text { display: none } .AnimatedCardCarouselBackground-Card-title { margin: 40px 0 } .AnimatedCardCarouselBackground-Card-subheading { margin: 0; padding-bottom: 10px } .AnimatedCardCarouselBackground-Card-noSubheading { margin: 0 } .AnimatedCardCarouselBackground-Card-text { height: 108px; margin: 0 } .AnimatedCardCarouselBackground-Card-body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 30px 25px 50px; width: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .AnimatedCardCarouselBackground-Card-body--mobile { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .AnimatedCardCarouselBackground-Card-CTA { display: inline-block; margin: 30px auto 0; min-width: 130px; pointer-events: none } } @media only screen and (min-width:701px)and (min-width:961px) { .AnimatedCardCarouselBackground-Card-CTA { min-width: 150px } } @media only screen and (min-width:701px) { .AnimatedCardCarouselBackground-Card-MobileLink { text-decoration: none } } .AnimatedCardCarouselBackground .CenterFocusCarousel-mobile .AnimatedCardCarousel-Card { border-color: #2d2d2d } .AnimatedCardCarousel { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; max-width: 100%; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .AnimatedCardCarousel-heading { margin-bottom: 10px; text-align: center } @media only screen and (min-width:701px) { .AnimatedCardCarousel-heading { margin-bottom: 30px } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-heading { margin-bottom: 20px } } .AnimatedCardCarousel-mobile { display: block } @media only screen and (min-width:701px) { .AnimatedCardCarousel-mobile { display: none } } .AnimatedCardCarousel-container--desktop { display: none } @media only screen and (min-width:701px) { .AnimatedCardCarousel-container--desktop { display: block } } .AnimatedCardCarousel-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px auto auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .AnimatedCardCarousel-navigation--desktop { display: none } @media only screen and (min-width:701px) { .AnimatedCardCarousel-navigation--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 80px } } .AnimatedCardCarousel-navigation--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:701px) { .AnimatedCardCarousel-navigation--mobile { display: none } } .AnimatedCardCarousel-navigation--mobile .AnimatedCardCarousel-pagination { font-size: .625rem } .AnimatedCardCarousel-navigation--mobile .AnimatedCardCarousel-pagination--button, .AnimatedCardCarousel-navigation--mobile .AnimatedCardCarousel-pagination--button:lang(ar) { font-size: 10px } .AnimatedCardCarousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 12px } .AnimatedCardCarousel-pagination--button, .AnimatedCardCarousel-pagination--button:lang(ar) { font-size: 15px } .AnimatedCardCarousel-pagination--button.button-disabled { opacity: .5 } .AnimatedCardCarousel .WarningModal-content { height: auto; left: 50%; max-height: 95%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } @media only screen and (min-width:701px) { .AnimatedCardCarousel .WarningModal-content { margin: auto } } @media only screen and (min-width:961px) { .AnimatedCardCarousel .WarningModal-content { width: 830px } } .AnimatedCardCarousel--slide { margin: 0 7.5px; width: 290px } @media only screen and (min-width:701px) { .AnimatedCardCarousel--slide { margin: 60px 15px 0 } } .AnimatedCardCarousel--slide.animated { -webkit-transition: width .5s linear, margin .5s linear; transition: width .5s linear, margin .5s linear } @media only screen and (min-width:701px) { .AnimatedCardCarousel--slide.is-selected { margin-left: -5px; margin-top: 0; width: 330px } .AnimatedCardCarousel--slide.is-selected:lang(ar) { margin-right: -5px } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card { margin: 0; opacity: 1 } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card--light { border: none; -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .25) } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-image { padding-top: 56.24% } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin: 0 30px; text-transform: uppercase } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title { font-family: EB Garamond; text-transform: none } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--title:after { margin: 20px auto auto; opacity: 1 } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-heading--eyebrow { margin: 0 30px 5px } .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-CTAContainer, .AnimatedCardCarousel--slide.is-selected .AnimatedCardCarousel-Card-description { opacity: 1 } } @media only screen and (min-width:961px) { .AnimatedCardCarousel--slide.is-selected { margin-left: -25px; width: 370px } .AnimatedCardCarousel--slide.is-selected:lang(ar) { margin-right: -25px } } .AnimatedCardCarousel-Card { background-color: #fff; border: 1px solid #d8d8d8; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; min-height: 427.5px; overflow: hidden; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .AnimatedCardCarousel-Card--animate, .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-heading--title, .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-image { -webkit-transition: all .5s linear; transition: all .5s linear } .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-heading--title:after { -webkit-transition: opacity .5s linear, margin .5s linear; transition: opacity .5s linear, margin .5s linear } .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-CTAContainer, .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-body, .AnimatedCardCarousel-Card--animate .AnimatedCardCarousel-Card-description { -webkit-transition: all .5s linear; transition: all .5s linear } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card { opacity: .9 } } .AnimatedCardCarousel-Card--dark { border: 1px solid #7d7d7d } .AnimatedCardCarousel-Card-image { padding-top: 125%; width: 100% } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-image { width: 330px } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-Card-image { width: 370px } } .AnimatedCardCarousel-Card-body { height: calc(100% - 184.45px) } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-body { width: 330px } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-Card-body { height: calc(100% - 208.08px); width: 370px } } .AnimatedCardCarousel-Card-body--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .AnimatedCardCarousel-Card-heading--title { margin: 0 20px; opacity: 1; padding: 25px 0 } .AnimatedCardCarousel-Card-heading--title--hasBorder { margin-bottom: 0; position: relative } .AnimatedCardCarousel-Card-heading--title--hasBorder:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; width: 40px } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-heading--title { margin: 0 40px } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-Card-heading--title { margin: 0 60px } } .AnimatedCardCarousel-Card-heading--title:after { margin: 0 auto } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-heading--title:after { opacity: 0 } } .AnimatedCardCarousel-Card-heading--eyebrow { margin: 0 20px 5px; padding-top: 25px } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-heading--eyebrow { margin: 0 40px 5px } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-Card-heading--eyebrow { margin: 0 60px 5px } } .AnimatedCardCarousel-Card-heading--eyebrow+.AnimatedCardCarousel-Card-heading--title { padding-top: 0 } .AnimatedCardCarousel-Card-description { margin: 0 30px; overflow: hidden } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-description { opacity: 0 } } .AnimatedCardCarousel-Card-CTA { min-width: 130px; -webkit-box-flex: 2; -ms-flex: 2 1 0px; flex: 2 1 0 } .AnimatedCardCarousel-Card-CTAContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 30px 30px } @media only screen and (min-width:701px) { .AnimatedCardCarousel-Card-CTAContainer { opacity: 0 } } @media only screen and (min-width:961px) { .AnimatedCardCarousel-Card-CTA { min-width: 150px } } .AnimatedCardCarousel-Card-CTA--button { margin: 10px 0 } .AnimatedCardCarousel-Card-CTA--button+.AnimatedCardCarousel-Card-CTA--button { margin-left: 10px } .AnimatedCardCarousel-Card-CTA--button+.AnimatedCardCarousel-Card-CTA--button:lang(ar) { margin-left: 0; margin-right: 10px } .AnimatedCardCarousel-Card-CTA--button--primary { width: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .AnimatedCardCarousel-Card-CTA--link { border: none; margin-top: 10px; padding-right: 5px; text-align: center } .AnimatedCardCarousel-Card-CTA--link+.AnimatedCardCarousel-Card-CTA--link { border-left: 1px solid #7d7d7d; padding-left: 5px; padding-right: 0 } .AnimatedCardCarousel-Card-CTA--link+.AnimatedCardCarousel-Card-CTA--link:lang(ar) { border-left: none; border-right: 1px solid #7d7d7d } .AnimatedCardCarousel-Card-MobileLink { text-decoration: none } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card { margin-bottom: 20px; min-height: 0 } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-image { margin-bottom: 30px; padding-top: 56.24% } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin: 0 30px; padding-top: 0; text-transform: uppercase } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title { font-family: EB Garamond; text-transform: none } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--title:after { margin: 20px auto auto; opacity: 1 } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-heading--eyebrow { margin: 0 30px 5px; padding-top: 0 } .AnimatedCardCarousel .AnimatedCardCarousel-container--stacked .AnimatedCardCarousel-Card-CTAContainer { margin: 10px auto 30px; width: 310px } .AnimatedCardCarousel .IndicatorColor { border-radius: 50%; height: 8px; position: static; width: 8px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-positive: 0; flex-grow: 0; margin-right: 8px } .AnimatedCardCarousel .IndicatorColor:lang(ar) { margin-left: 8px; margin-right: 0 } .AnimatedCardCarousel .IndicatorBackground { backdrop-filter: blur(10px); background: rgba(0, 0, 0, .6); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1); box-shadow: 0 2px 10px rgba(0, 0, 0, .1); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 36px; position: absolute; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; justify-content: center } @media only screen and (min-width:701px) { .AnimatedCardCarousel .IndicatorBackground { border: none } } .AnimatedCardCarousel .IndicatorBackground--stacked { border: none; width: calc(100% - 30px) } .AnimatedCardCarousel .IndicatorMessage { color: #fff; position: static; text-align: center } .AnimatedCardCarousel .IndicatorMessage-subtext { color: #fff; text-align: center } .AnimatedCardCarousel .IndicatorMessage-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ChatOptions { text-align: center } .ChatOptions .container { padding-left: 30px; padding-right: 30px } .ChatOptions-image-default { max-width: 300px; width: 100% } .ChatOptions-image .Image-ratioContainer { margin: 0 auto; max-width: 300px } .ChatOptions-title { text-transform: uppercase } .ChatOptions-intro { margin: 40px 0 } @media only screen and (min-width:701px) { .ChatOptions-intro { margin: 50px 0 } } .ChatOptions-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px } .ChatOptions-grid, .ChatOptions-option { display: -webkit-box; display: -ms-flexbox; display: flex } .ChatOptions-option { margin-bottom: 30px; width: 50% } @media only screen and (min-width:701px) { .ChatOptions-option { margin-bottom: 40px; width: 25% } } .ChatOptions-option-center { margin: 0 auto } .ChatOptions-option a { text-decoration: none } .ChatOptions-option a .Image { height: 100px; margin: 0 auto; width: 100px } .ChatOptions-option a .Image.needs-padding { border-radius: 20%; -webkit-box-shadow: inset .5px .5px .5px 1px #d8d8d8; box-shadow: inset .5px .5px .5px 1px #d8d8d8; padding: 10px } .ChatOptions-option a .Image.needs-padding img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ChatOptions-icon { max-height: 100%; max-width: 100% } .ChatLanguageToggle { position: absolute; right: 3px } .ChatLanguageToggle:lang(ar) { left: 3px; right: auto } .appPromotion { background-color: #000; color: #fff; width: 100% } .appPromotion-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 200; letter-spacing: .025em; line-height: 1.2em; padding-bottom: 20px; padding-top: 10px; text-align: center; width: 242px } @media only screen and (min-width:701px) { .appPromotion-title { font-size: 3.125rem; letter-spacing: .04em; line-height: 1.28em; padding-top: 0; width: 579px } } @media only screen and (min-width:1309px) { .appPromotion-title { padding-bottom: 58px; padding-top: 110px } } .appPromotion-paragraph { padding-left: 38px; padding-right: 37px; text-align: center; width: 368px } @media only screen and (min-width:701px) { .appPromotion-paragraph { font-size: 1.125rem; line-height: 1.5em; width: 580px } } @media only screen and (min-width:1309px) { .appPromotion-paragraph { padding-bottom: 86px } } .appPromotion-titleContainer { padding-bottom: 40px } .appPromotion-storeAndTitleContainer, .appPromotion-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .appPromotion-storeAndTitleContainer-sectionTitle { line-height: 18px; padding-bottom: 20px; text-align: center; width: 211px } @media only screen and (min-width:701px) { .appPromotion-storeAndTitleContainer-sectionTitle { font-size: 1rem; letter-spacing: .25em; line-height: 1.3125em; padding-bottom: 39px; width: 462px } } .appPromotion-appleStore { padding-bottom: 21.47px } .appPromotion-iPhoneContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .appPromotion-iPhoneContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 70px } } .appPromotion-phoneHomeScreen { padding-bottom: 20px } .appPromotion-phoneHomeScreen-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:701px) { .appPromotion-phoneHomeScreen-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .appPromotion-phoneHomeScreen-textContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .appPromotion-phoneHomeScreen-title { line-height: 2.25em; padding-bottom: 19px; text-align: center } @media only screen and (min-width:701px) { .appPromotion-phoneHomeScreen-title { line-height: 18px } } .appPromotion-phoneHomeScreen-text { padding-bottom: 28px; padding-left: 87px; padding-right: 86px; text-align: center; width: 365px } .appPromotion-phoneItineraryScreen-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:1309px) { .appPromotion-phoneItineraryScreen-container { padding-top: 10px } } .appPromotion-phoneItineraryScreen-textContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .appPromotion-phoneItineraryScreen-title { line-height: 2.25em; padding-bottom: 19px; text-align: center } @media only screen and (min-width:701px) { .appPromotion-phoneItineraryScreen-title { line-height: 18px } } .appPromotion-phoneItineraryScreen-text { padding-bottom: 28px; padding-left: 87px; padding-right: 86px; text-align: center; width: 365px } @media only screen and (min-width:701px) { .appPromotion-phoneItineraryScreen-text { padding-bottom: 11px } } .appPromotion-storeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .appPromotion-storeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .appPromotion-storeContainer .appStore { padding-right: 19px } .appPromotion-storeContainer .googlePlay { padding-left: 19px } } .appPromotion .topIcon { display: none } @media only screen and (min-width:701px) { .appPromotion .topIcon { display: -webkit-box; display: -ms-flexbox; display: flex } .appPromotion .bottomIcon { display: none } } .appPromotion .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media only screen and (min-width:1309px) { .appPromotion .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .appPromotion .appStore .googlePlay { width: 152px } .ArticlesHeading-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ArticlesHeading-article { margin-top: 20px } .ArticlesHeading-article:first-child { margin-top: 0 } .ArticlesHeading-cta { white-space: nowrap } .ArticlesHeading-column { float: none } .BodySection .ArticlesHeading .SpacedComponent:not(:last-child) { margin-bottom: 0 } .ArticlesListing-ArticleCard { margin-bottom: 10px; margin-top: 80px } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper, .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock { margin-top: 20px } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-size: 1.5rem; font-style: normal; font-weight: 400; font-weight: 600px; letter-spacing: .0227272727em; letter-spacing: .025em; line-height: 1.5em } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-textWrapper .CtaBlock .CtaBlock-title { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; font-weight: 400; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; margin-left: 10px; margin-right: 10px; text-transform: uppercase } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ArticlesListing-ArticleCard .ImageAndCTABlockWithEyebrows-bullet { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ArticlesListing .PaginatedFilter-paginationContainer { margin-bottom: 80px } .ArticlesListing .PaginatedFilter-pagination-navigation { border-top: 1px solid #000; margin-top: 0; padding-top: 80px } @media only screen and (min-width:961px) { .AutomotiveCharts { margin: 0 40px } } .AutomotiveCharts .Chart { margin: 0 } .AutomotiveCharts .ComponentAccordion .Accordion-item-title { font-style: italic; font-weight: 400; text-transform: none } .AutomotiveCharts-unitSelectWrapper { margin-bottom: 42px; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .AutomotiveCharts-unitSelectWrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; cursor: pointer; height: 39px; line-height: 39px; padding-right: 15px; width: 100% } @media only screen and (min-width:701px) { .AutomotiveCharts-unitSelectWrapper select { margin-top: 10px } } .AutomotiveCharts-unitSelectWrapper select:lang(ar) { padding-left: 15px; padding-right: 0 } .AutomotiveCharts-unitSelectWrapper select option { font-size: .75rem } .AutomotiveCharts-unitSelectWrapper:after { right: 0 } .AutomotiveCharts-unitSelectWrapper:lang(ar):after { left: 0 } @media only screen and (min-width:701px) { .AutomotiveCharts-unitSelectWrapper:after { top: 15px } } @media only screen and (min-width:961px) { .AutomotiveCharts .container { max-width: 1530px } .AutomotiveCharts .Accordion-item dt { padding: 0 5px } } .AutomotiveChart-chart { margin-bottom: 32px } .AutomotiveChart-chart .ChartCell-text a { color: #000; text-decoration: none } .AutomotiveChart-chart .ChartCell-cta { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; text-transform: none } .AutomotiveChart-chart .ChartCell-cta:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .AutomotiveChart-chart .ChartCell-cta:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .AutomotiveChart-chart .ChartCell-cta:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .AutomotiveChart-chart .ChartCell-cta:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .AutomotiveChart-chart .ChartCell-cta:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .AutomotiveChart-chart .ChartCell-cta:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .AutomotiveChart-chart .ChartCell-cta { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .AutomotiveChart-chart .Chart-table { width: 100% } .BestRateGuaranteeForm .ContactForm { padding-top: 0 } .BestRateGuaranteeForm-Title { margin-bottom: 30px; text-align: center } .BestRateGuaranteeForm-IntroCopy { font-size: 1.25rem; letter-spacing: .0311111111em; margin-bottom: 65px; text-align: center } .BestRateGuaranteeForm-Heading { margin-bottom: 42px } .BestRateGuaranteeForm-Heading--title { color: #000; text-align: center } .BestRateGuaranteeForm-Section { margin-bottom: 15px } .BestRateGuaranteeForm-GrayLine { border-bottom: 1px solid #d8d8d8 } .BestRateGuaranteeForm-GrayLine--top { margin-bottom: 27px } .BestRateGuaranteeForm-GrayLine--bottom { margin-bottom: 35px; margin-top: 8px } .BestRateGuaranteeForm-ThankYou { font-size: 1.375rem; font-weight: 200; letter-spacing: .0386363636em; line-height: 1.3636363636em; text-transform: none } .BestRateGuaranteeForm-ThankYou--active .BestRateGuaranteeForm-Title { margin-bottom: 80px } .BestRateGuaranteeForm-ThankYou--active .BestRateGuaranteeForm-Text--container { display: none } .BestRateGuaranteeForm-ThankYou--active .BestRateGuaranteeForm-form--container { padding-bottom: 0 } .BestRateGuaranteeForm-ButtonCTA { float: none; margin-top: 37px; max-width: 379px; width: 100% } .BestRateGuaranteeForm-ButtonCTA--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .BestRateGuaranteeForm-SuccessCTA { margin-top: 68px } .BestRateGuaranteeForm-TermsAndConditions { font-weight: 700; padding-bottom: 0; text-transform: none } .BodySection { padding-bottom: var(--Element-gap-Stack-stack-l); padding-top: var(--Element-gap-Stack-stack-l) } .BodySection--not-first { padding-top: 0 } .BodySection .SpacedComponent:not(:last-child) { margin-bottom: 40px } @media only screen and (min-width:701px) { .BodySection .SpacedComponent:not(:last-child) { margin-bottom: 50px } } @media only screen and (min-width:961px) { .BodySection .SpacedComponent:not(:last-child) { margin-bottom: 50px } } @media only screen and (min-width:1701px) { .BodySection .SpacedComponent:not(:last-child) { margin-bottom: 50px } } .BodySection--light { background-color: #fff; color: #000 } .BodySection--dark { background-color: #000; color: #fff } .BodySection--dark+.BodySection--dark, .BodySection--light+.BodySection--light { padding-top: 0 } .pin-spacer .BodySection.tabbed:focus-within { z-index: 3 } .BookOfComplaintsForm a { color: #000 } .BodySection--dark .BookOfComplaintsForm a { color: #fff } .BookOfComplaintsForm-Section { margin-bottom: 50px } .BookOfComplaintsForm-Header { margin-bottom: 30px; margin-top: 0; text-align: center } .BookOfComplaintsForm-Header-intro { margin-bottom: 40px; margin-top: 0; text-align: center } .BookOfComplaintsForm-Header-intro p { margin: 0 } .BookOfComplaintsForm-RadioButtons { margin-top: 15px } .BookOfComplaintsForm-RadioButtons .RadioButtons-label { font-size: 1.25rem } .BookOfComplaintsForm-RadioButtons .RadioButtons-button { margin: 0 } .BookOfComplaintsForm-RadioButtons .RadioButtons-button:not(:last-child) { margin-right: 30px } .BookOfComplaintsForm-RadioButtonsLabel { display: block; line-height: 1.5em } .BookOfComplaintsForm .ContactForm { padding-top: 75px } .BookOfComplaintsForm .ContactForm .CTA-light-on-light { border-color: #000 } .BookOfComplaintsForm .ContactForm .ContactForm-SubmitCTA { max-width: 175px; min-width: 175px; width: 175px } .BookOfComplaintsForm .ContactForm .ContactForm-SubmitCTA:disabled { background: #7d7d7d; border: 1px solid #7d7d7d; cursor: default } .BookOfComplaintsForm .ContactForm .ContactForm-SubmitCTA:disabled:hover { color: #fff } @media screen and (max-width:480px) { .BookOfComplaintsForm .TextareaField:lang(es) { margin-top: 30px } } @media screen and (max-width:420px) { .BookOfComplaintsForm .TextareaField { margin-top: 30px } } .BookOfComplaintsForm .TextareaField.formElement-text .formElement--focusAlways, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--filled+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--labelOn+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--readOnly+.formElement-label:not(.formElement-label--hidden), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field:focus+.formElement-label { -webkit-transform: translateY(-15px); transform: translateY(-15px) } @media screen and (max-width:960px) { .BookOfComplaintsForm .TextareaField.formElement-text .formElement--focusAlways, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--filled+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--labelOn+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--readOnly+.formElement-label:not(.formElement-label--hidden), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field:focus+.formElement-label { -webkit-transform: translateY(-30px); transform: translateY(-30px) } } @media screen and (max-width:480px) { .BookOfComplaintsForm .TextareaField.formElement-text .formElement--focusAlways:lang(es), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--filled+.formElement-label:lang(es), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--labelOn+.formElement-label:lang(es), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--readOnly+.formElement-label:not(.formElement-label--hidden):lang(es), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field:focus+.formElement-label:lang(es) { -webkit-transform: translateY(-45px); transform: translateY(-45px) } } @media screen and (max-width:420px) { .BookOfComplaintsForm .TextareaField.formElement-text .formElement--focusAlways, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--filled+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--labelOn+.formElement-label, .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field--readOnly+.formElement-label:not(.formElement-label--hidden), .BookOfComplaintsForm .TextareaField.formElement-text .formElement-field:focus+.formElement-label { -webkit-transform: translateY(-45px); transform: translateY(-45px) } } .BookOfComplaintsForm .hidden { display: none } .BottomNavigation { border: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .BottomNavigation--dark { background-color: #000; border: 1px solid #fff; color: #fff } .BottomNavigation-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 15px 22px; width: 100% } @media only screen and (min-width:701px) { .BottomNavigation-column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 40px } } @media only screen and (min-width:961px) { .BottomNavigation-column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 46px } } .BottomNavigation-column--right { border-left: 1px solid #000; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right } .BottomNavigation--dark .BottomNavigation-column--right { border-left: 1px solid #fff } .BottomNavigation-column-content { line-height: 0; padding-top: 16px; position: relative; width: 100% } @media only screen and (min-width:701px) { .BottomNavigation-column-content { padding-top: 0 } } .BottomNavigation-icon { line-height: 1; position: absolute; top: 0 } @media only screen and (min-width:701px) { .BottomNavigation-icon { left: auto; position: relative; right: auto; top: auto } } .BottomNavigation-left-arrow { left: 0; padding-right: 10px } .BottomNavigation-left-arrow:before { content: "\f104" } .BottomNavigation-right-arrow { padding-left: 10px; right: 0 } .BottomNavigation-right-arrow:before { content: "\f105" } .BottomNavigation-link { color: #000; text-decoration: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BottomNavigation-link:focus, .BottomNavigation-link:hover { border-color: #767676; color: #767676 } .BottomNavigation--dark .BottomNavigation-link { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BottomNavigation--dark .BottomNavigation-link:focus, .BottomNavigation--dark .BottomNavigation-link:hover { border-color: #999; color: #999 } @media only screen and (min-width:701px) { .BottomNavigation-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } .Bubble { padding: 60px 0 } @media only screen and (min-width:701px) { .Bubble { padding: 70px 0 } } .Bubble-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px } @media only screen and (min-width:701px) { .Bubble-title-container { margin-bottom: 50px } } .Bubble--light { background-color: #f5f5f5; color: #000 } .Bubble--dark { background-color: #2d2d2d; color: #fff } .Bubble-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .Bubble-title { margin: 0; text-align: center } .Bubble-cta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px } @media only screen and (min-width:701px) { .Bubble-cta-container { margin-top: 70px } } .Bubble-item { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 210px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-preferred-size: calc(50% - 45px); flex-basis: calc(50% - 45px) } @media only screen and (min-width:701px) { .Bubble-item { -ms-flex-preferred-size: calc(50% - 90px); flex-basis: calc(50% - 90px) } } @media only screen and (min-width:961px) { .Bubble-item { -ms-flex-preferred-size: calc(25% - 30px); flex-basis: calc(25% - 30px); max-width: none } } .Bubble-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } @media only screen and (min-width:701px) { .Bubble-item-container { gap: 50px 90px } } @media only screen and (min-width:961px) { .Bubble-item-container { gap: 50px 30px } .Bubble-item-container.max3 { margin: auto; max-width: 75% } .Bubble-item-container.max3 .Bubble-item { -ms-flex-preferred-size: calc(33.33333% - 30px); flex-basis: calc(33.33333% - 30px) } } .Bubble-item-text { text-align: center } .Bubble-item-image { line-height: 0 } .Bubble-item-image .ImageCircle-img { aspect-ratio: 1; width: 100% } .BulletedList-separator { border-top: 1px solid } .BulletedList-body { padding-bottom: 50px; padding-top: 32px } .BulletedList-body:after, .BulletedList-body:before { content: ""; display: table } .BulletedList-body:after { clear: both } @media only screen and (min-width:961px) { .BulletedList-body { padding-bottom: 100px; padding-top: 60px } } @media only screen and (min-width:1701px) { .BulletedList-body { padding-bottom: 120px; padding-top: 80px } } .BulletedList-list { margin-top: 27px } @media only screen and (min-width:961px) { .BulletedList-list { -webkit-columns: 2 auto; -moz-columns: 2 auto; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } .BulletedList-item { padding-bottom: .3055555556em; padding-left: 15px; position: relative; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; overflow: hidden } .BulletedList-item:before { border: 2px solid; border-radius: 10px; content: ""; left: 0; position: absolute; top: 8px } .BulletedList-item:lang(ar) { padding-left: 0; padding-right: 15px } .BulletedList-item:lang(ar):before { left: auto; right: 0 } .BulletedList-top-heading .Heading-title { margin-bottom: 60px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .BulletedList-top-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .BulletedList-top-heading .Heading-title { margin-bottom: 80px } } @media only screen and (min-width:1701px) { .BulletedList-top-heading .Heading-title { margin-bottom: 80px } } .CardCarousel-heading { margin-bottom: 20px; text-align: center } @media only screen and (min-width:701px) { .CardCarousel-heading { margin-bottom: 40px } } @media only screen and (min-width:961px) { .CardCarousel-heading { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .CardCarousel-heading { margin-bottom: 40px } } .CardCarousel-heading .Heading-title { margin: 0 0 20px } .CardCarousel-heading .Heading-text { margin-bottom: 20px; margin-top: 0 } @media only screen and (min-width:701px)and (max-width:960px) { .CardCarousel-heading .Heading-text { margin-bottom: 0 } } .CardCarousel-item { background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 7.5px; width: calc(83.33333vw - 27.5px) } @media only screen and (min-width:701px) { .CardCarousel-item { margin: 0 15px; width: 329.9999999986px } } @media only screen and (min-width:961px) { .CardCarousel-item { width: 289.9999999987px } } @media only screen and (min-width:1701px) { .CardCarousel-item { width: 489.9999999979px } } .CardCarousel-parent { overflow: hidden } .CardCarousel-row { position: relative } .CardCarousel-row.flickity-enabled:focus { outline: revert } .CardCarousel-row .flickity-viewport { left: calc(8.33333vw - 1.25px) } @media only screen and (min-width:701px) { .CardCarousel-row .flickity-viewport { left: 0 } } .CardCarousel-row .flickity-prev-next-button:before { content: ""; height: 100%; position: absolute; right: 50%; top: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .CardCarousel-row .flickity-prev-next-button.previous { display: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CardCarousel-row .flickity-prev-next-button.previous:focus, .CardCarousel-row .flickity-prev-next-button.previous:hover { border-color: #767676; color: #767676 } .CardCarousel-row .flickity-prev-next-button.previous:before { content: "\f117" } .CardCarousel-row .flickity-prev-next-button.previous:lang(ar):before { content: "\f118" } @media only screen and (min-width:701px) { .CardCarousel-row .flickity-prev-next-button.previous { display: block; left: -30px; -webkit-transform: translateX(50%); transform: translateX(50%) } .CardCarousel-row .flickity-prev-next-button.previous:lang(ar) { left: auto; right: 0 } } @media only screen and (min-width:961px) { .CardCarousel-row .flickity-prev-next-button.previous { left: -30px } .CardCarousel-row .flickity-prev-next-button.previous:lang(ar) { left: auto; right: 0 } } .BodySection--dark .CardCarousel-row .flickity-prev-next-button.previous { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .CardCarousel-row .flickity-prev-next-button.previous:focus, .BodySection--dark .CardCarousel-row .flickity-prev-next-button.previous:hover { border-color: #999; color: #999 } .CardCarousel-row .flickity-prev-next-button.next { display: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CardCarousel-row .flickity-prev-next-button.next:focus, .CardCarousel-row .flickity-prev-next-button.next:hover { border-color: #767676; color: #767676 } .CardCarousel-row .flickity-prev-next-button.next:before { content: "\f118" } .CardCarousel-row .flickity-prev-next-button.next:lang(ar):before { content: "\f117" } @media only screen and (min-width:701px) { .CardCarousel-row .flickity-prev-next-button.next { display: block; right: 0; -webkit-transform: translateX(50%); transform: translateX(50%) } .CardCarousel-row .flickity-prev-next-button.next:lang(ar) { left: -30px; right: auto } } @media only screen and (min-width:961px) { .CardCarousel-row .flickity-prev-next-button.next { left: auto; right: 0 } .CardCarousel-row .flickity-prev-next-button.next:lang(ar) { left: -30px; right: auto } } .BodySection--dark .CardCarousel-row .flickity-prev-next-button.next { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .CardCarousel-row .flickity-prev-next-button.next:focus, .BodySection--dark .CardCarousel-row .flickity-prev-next-button.next:hover { border-color: #999; color: #999 } .CardCarousel-card { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; width: 100% } .CardCarousel-card .Card-container { background-color: #f5f5f5; width: 100% } .BodySection--dark .CardCarousel-card .Card-container { background-color: #2d2d2d } .CardCarousel-card .Card-heading { color: #000 } .CardCarousel-card .Card-heading .Heading-title { position: relative } .CardCarousel-card .Card-heading .Heading-title:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; width: 40px } .BodySection--dark .CardCarousel-card .Card-heading { color: #fff } .CardCarousel-card .Card-body { padding: 18px 15px 60px } @media only screen and (min-width:1701px) { .CardCarousel-card .Card-body { padding-bottom: 130px; padding-top: 36px } } .BodySection--dark .CardCarousel-card .Card-body { background-color: #2d2d2d } .CardCarousel-card .Card-cta { bottom: 30px; display: inline-block; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .BodySection--dark .CardCarousel-card .Card-cta { border-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .CardCarousel-card .Card-cta:focus, .BodySection--dark .CardCarousel-card .Card-cta:hover { border-color: #999; color: #999 } .CardCarousel-card .Card-reservationCta { bottom: 70px; display: inline-block; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } @media only screen and (min-width:1701px) { .CardCarousel-card .Card-reservationCta { bottom: 100px } } .CardCarousel-card:has(.Card-reservationCta) .Card-body { padding-bottom: 120px } @media only screen and (min-width:1701px) { .CardCarousel-card:has(.Card-reservationCta) .Card-body { padding-bottom: 190px } } .CardCarousel-warningModalWrapper .WarningModal-content { height: auto; left: 50%; max-height: 95%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } @media only screen and (min-width:701px) { .CardCarousel-warningModalWrapper .WarningModal-content { margin: auto } } @media only screen and (min-width:961px) { .CardCarousel-warningModalWrapper .WarningModal-content { width: 830px } } .StaticAccommodation .TallImageCard-title { margin-bottom: 0 } .StaticAccommodation .TallImageCard-image { aspect-ratio: 4/5; height: auto; overflow: hidden } .StaticAccommodation .TallImageCard-image img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .TallImageCard { background-color: #fff; width: 100% } .BodySection--dark .TallImageCard { background-color: #000 } .TallImageCard-link { color: #000; text-decoration: none } .BodySection--dark .TallImageCard-link { color: #fff } .TallImageCard-image { left: 0; overflow: hidden; position: relative; top: 0 } .TallImageCard-image img { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .TallImageCard-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .TallImageCard-eyebrowContainer { line-height: 0; margin-top: 20px } .TallImageCard-title { color: #000; letter-spacing: .5px; margin-bottom: 15px; margin-top: 20px; text-transform: capitalize; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-positive: 0; flex-grow: 0 } .BodySection--dark .TallImageCard-title { color: #fff } .TallImageCard-title.has-eyebrows { margin-top: 10px } .TallImageCard-title.sm-gap { margin-bottom: 0 } .TallImageCard-icon-eyebrowListItem, .TallImageCard-icon-subtitleListItem { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 10px 0 0 } .TallImageCard-icon-eyebrowListItem:lang(ar), .TallImageCard-icon-subtitleListItem:lang(ar) { margin: 0 0 0 10px } .TallImageCard-icon-eyebrowListItem .TallImageCard-icon { font-size: 18px; line-height: 12px } @media only screen and (min-width:961px) { .TallImageCard-icon-eyebrowListItem .TallImageCard-icon { line-height: 16px } } .TallImageCard-icon { margin: 0 8px 0 0; position: relative } .TallImageCard-icon:lang(ar) { margin: 0 0 0 8px } .TallImageCard-icon-subtitle { color: #000; font-size: 14px; letter-spacing: 1.5px; line-height: 18px; max-width: 95%; padding-top: 3px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } .BodySection--dark .TallImageCard-icon-subtitle { color: #fff } .TallImageCard-icon-eyebrow { color: #000; font-size: 10px; letter-spacing: 3px; line-height: 12px; max-width: 95%; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } @media only screen and (min-width:961px) { .TallImageCard-icon-eyebrow { font-size: 12px; line-height: 16px } } .BodySection--dark .TallImageCard-icon-eyebrow { color: #fff } .TallImageCard-description { color: #000; font-size: 15px; letter-spacing: .5px; line-height: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-positive: 0; display: -webkit-box; flex-grow: 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .BodySection--dark .TallImageCard-description { color: #fff } .TallImageCard-callout { color: #000; font-size: 16px; letter-spacing: 1px; line-height: 21px; margin-top: 5px; text-transform: unset; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-positive: 0; flex-grow: 0 } .BodySection--dark .TallImageCard-callout { color: #fff } .TallImageCard-qualifier { color: #2d2d2d; font-size: 14px; letter-spacing: 1.5px; line-height: 18px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } .BodySection--dark .TallImageCard-qualifier { color: #d2d2d2 } .TallImageCard-CTA { display: inline-block; margin-top: 15px } .TallImageCard-cardsContainer { display: block } .CardColumns-heading .Heading-title { margin-bottom: 40px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .CardColumns-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CardColumns-heading .Heading-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .CardColumns-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CardColumns-list, .CardColumns-list-item { display: -webkit-box; display: -ms-flexbox; display: flex } } @media only screen and (min-width:1701px) { .CardColumns-list-item.col-lg-10 { display: block } } .CardColumns-card--no-eyebrow .Card-heading { display: block; margin-top: calc(30px + .75em) } @media only screen and (min-width:701px) { .CardColumns-card--no-eyebrow .Card-heading { margin-top: calc(43px + .75em) } } @media only screen and (min-width:961px) { .col-lg-10 .CardColumns-card--no-eyebrow .Card-heading { margin-top: calc(87px + .75em) } } @media only screen and (min-width:1701px) { .CardColumns-card--no-eyebrow .Card-heading { margin-top: calc(49px + .75em) } .col-lg-5 .CardColumns-card--no-eyebrow .Card-heading { margin-top: calc(52px + .75em) } .col-lg-10 .CardColumns-card--no-eyebrow .Card-heading { margin-top: calc(72px + .75em) } } .CardColumns-card { background-color: #000; color: #fff; margin-bottom: 40px; padding: 6px } @media only screen and (min-width:701px) { .CardColumns-card { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CardColumns-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0 } } @media only screen and (min-width:1701px) { .col-lg-10 .CardColumns-card { display: block } } .BodySection--dark .CardColumns-card { background-color: #f5f5f5; color: #000 } .CardColumns-card .Card-container { border: 1px solid #7d7d7d; min-height: 262px; padding: 34px 24px; text-align: center } @media only screen and (min-width:701px) { .CardColumns-card .Card-container { padding: 34px 114px 29px } } @media only screen and (min-width:961px) { .CardColumns-card .Card-container { padding: 41px 24px; position: relative; width: 100% } .col-lg-10 .CardColumns-card .Card-container { padding: 38px 24px } .col-lg-5 .CardColumns-card .Card-container { padding: 38px 30px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-container, .col-lg-10 .CardColumns-card .Card-container, .col-lg-5 .CardColumns-card .Card-container { padding: 74px 24px } } .CardColumns-card .Card-heading { margin-left: auto; margin-right: auto } @media only screen and (min-width:961px) { .col-lg-10 .CardColumns-card .Card-heading { width: 59% } } @media only screen and (min-width:1701px) { .col-lg-10 .CardColumns-card .Card-heading { width: 35.67% } .col-lg-5 .CardColumns-card .Card-heading { width: 56.3% } } .CardColumns-card .Card-heading .Heading-eyebrow { display: block; margin-bottom: 30px } @media only screen and (min-width:701px) { .CardColumns-card .Card-heading .Heading-eyebrow { margin-bottom: 40px } } @media only screen and (min-width:961px) { .col-lg-10 .CardColumns-card .Card-heading .Heading-eyebrow { margin-bottom: 87px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-heading .Heading-eyebrow { margin-bottom: 49px } .col-lg-5 .CardColumns-card .Card-heading .Heading-eyebrow { margin-bottom: 52px } .col-lg-10 .CardColumns-card .Card-heading .Heading-eyebrow { margin-bottom: 72px } } .CardColumns-card .Card-heading .Heading-title { margin-bottom: 36px; margin-top: 0; position: relative } .CardColumns-card .Card-heading .Heading-title:after { border-bottom: 1px solid; bottom: -20px; content: ""; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 30px } @media only screen and (min-width:701px) { .CardColumns-card .Card-heading .Heading-title:after { bottom: -21px } } @media only screen and (min-width:961px) { .CardColumns-card .Card-heading .Heading-title:after { bottom: -24px } .col-lg-5 .CardColumns-card .Card-heading .Heading-title:after { bottom: -21px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-heading .Heading-title:after { border-width: 2px; bottom: -32px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 40px } .col-lg-10 .CardColumns-card .Card-heading .Heading-title:after { bottom: -22px } .col-lg-5 .CardColumns-card .Card-heading .Heading-title:after { bottom: -30px } } @media only screen and (min-width:961px) { .CardColumns-card .Card-heading .Heading-title { margin-bottom: 42px } .col-lg-5 .CardColumns-card .Card-heading .Heading-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-heading .Heading-title { margin-bottom: 62px } .col-lg-10 .CardColumns-card .Card-heading .Heading-title { margin-bottom: 37px } .col-lg-5 .CardColumns-card .Card-heading .Heading-title { margin-bottom: 65px } } .CardColumns-card .Card-heading .Heading-text { margin-bottom: 50px; margin-top: 0 } .CardColumns-card .Card-heading .Heading-text:lang(ja) { font-size: 1rem } @media only screen and (min-width:701px) { .CardColumns-card .Card-heading .Heading-text { margin-bottom: 42px } } @media only screen and (min-width:961px) { .CardColumns-card .Card-heading .Heading-text { margin-bottom: 66px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-heading .Heading-text { margin-bottom: 76px } } @media only screen and (min-width:961px) { .col-lg-10 .CardColumns-card .Card-heading .Heading-text { margin-bottom: 94px } .col-lg-5 .CardColumns-card .Card-heading .Heading-text { margin-bottom: 113px } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-heading .Heading-text { margin-bottom: 117px } .col-lg-10 .CardColumns-card .Card-heading .Heading-text { margin-bottom: 78px } .col-lg-5 .CardColumns-card .Card-heading .Heading-text { margin-bottom: 45px } } @media only screen and (min-width:961px) { .CardColumns-card .Card-cta { bottom: 34px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } @media only screen and (min-width:1701px) { .CardColumns-card .Card-cta { bottom: 84px } .col-lg-10 .CardColumns-card .Card-cta { bottom: 40px } .col-lg-5 .CardColumns-card .Card-cta { bottom: 43px } } .BodySection--dark .CardColumns-card .Card-cta { border-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .CardColumns-card .Card-cta:focus, .BodySection--dark .CardColumns-card .Card-cta:hover { border-color: #767676; color: #767676 } .CardGridTall-heading { font-size: 24px; margin: 0 0 30px } @media only screen and (min-width:961px) { .CardGridTall-heading { margin: 0 0 40px } } .CardGridTall-heading .Heading-title { margin: 0 } .CardGridTall-cardContainer-mobile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 30px 15px; width: 100% } @media only screen and (min-width:961px) { .CardGridTall-cardContainer-mobile { display: none } } .CardGridTall-cardContainer-mobile .TallImageCard-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-right: 1em; text-overflow: ellipsis } .CardGridTall-cardContainer-mobile .CardGridTall-button-container { grid-column: 1/span 2; margin: 10px auto 0 } .CardGridTall-cardContainer-desktop { display: none; width: 100% } @media only screen and (min-width:961px) { .CardGridTall-cardContainer-desktop { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px 30px } } .CardGridTall-cardContainer-desktop .CardGridTall-button-container { grid-column: 1/span 3; margin: 10px auto 0 } .CardGridTall-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .CardGridTall .hide { display: none } .CardGridTall-Button-label:after { content: "\f16d"; font-size: 8px; font-weight: 700; margin-left: 7px; position: relative } .CardGridTall-Button-label:after:lang(ar) { margin-left: 0; margin-right: 7px } .CardGridTall-Button-label.less:after { content: "\f151" } .CardGrid .CardGridCard:not(:last-child) { margin-bottom: 60px } @media only screen and (min-width:961px) { .CardGrid .CardGridCard:not(:last-child) { margin-bottom: 70px } } @media only screen and (min-width:1701px) { .CardGrid .CardGridCard:not(:last-child) { margin-bottom: 90px } } @media only screen and (min-width:701px) { .CardGrid .CardGridCard:nth-last-child(2):nth-child(odd) { margin-bottom: 0 } } .CardGrid .CardGridCard-image { display: block; margin-bottom: 27px } @media only screen and (min-width:701px) { .CardGrid .CardGridCard-image { margin-bottom: 10px } } @media only screen and (min-width:1701px) { .CardGrid .CardGridCard-image { margin-bottom: 20px } } .CardGrid .CardGridCard-text { margin-bottom: 0; margin-top: 7px } @media only screen and (min-width:701px) { .CardTrio { min-height: 830px } } .CardTrio-title { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .CardTrio-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } .CardTrio-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CardTrio-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CardTrio-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CardTrio-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CardTrio-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CardTrio-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CardTrio-title { font-family: EB Garamond; text-transform: none } } .CardTrio-Item-title { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 } .CardTrio-image { border: 1px solid #d8d8d8; margin-bottom: 20px } .CardTrio-CTA { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px } .CardTrio-text { margin-bottom: 40px; margin-top: 10px } @media only screen and (min-width:701px) { .CardTrio-text { margin-bottom: 30px } .CardTrio-text--one, .CardTrio-text--three { margin-bottom: 0 } } @media only screen and (min-width:961px) { .CardTrio-text { margin-bottom: 20px } .CardTrio-text--one, .CardTrio-text--three { margin-bottom: 0 } } .CardTrio-Cardtext--dark { color: #fff } .CardTrio-Cardtext--light { color: #000 } .CardTrio--dark .CardTrio-image { border: 1px solid #2d2d2d } @media only screen and (min-width:701px) { .CardTrio .offset-md-0 { margin-left: 0 } .CardTrio .offset-md-0:lang(ar) { margin-right: 0 } } .CardTrio a { text-decoration: none } .CategoryFeature-intro { margin-bottom: 40px } @media only screen and (min-width:701px) { .CategoryFeature-intro { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CategoryFeature-intro { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .CategoryFeature-intro { margin-bottom: 60px } } .CategoryFeature-intro-container { text-align: center } .CategoryFeature-intro .Heading-title { margin: 0; position: relative; position: static; text-align: center } .CategoryFeature-intro .Heading-title:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; margin: 15px auto; width: 40px } .CategoryFeature-intro .Heading-quote { margin: 0 } .CategoryFeature-intro .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.3125rem; font-style: italic; font-weight: 400; letter-spacing: .0238095238em; line-height: 1.5em; text-align: center } .CategoryFeature-intro .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CategoryFeature-intro .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CategoryFeature-intro .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CategoryFeature-intro .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CategoryFeature-intro .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CategoryFeature-intro .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .CategoryFeature-intro .Quote-text:before { content: open-quote } .CategoryFeature-intro .Quote-text:after { content: close-quote } .CategoryFeature-intro .Quote-text:after, .CategoryFeature-intro .Quote-text:before { display: inline } .CategoryFeature-intro .Attribution .Attribution-author, .CategoryFeature-intro .Attribution .Attribution-role { display: block } @media only screen and (min-width:961px) { .CategoryFeature-intro .Attribution .Attribution-author, .CategoryFeature-intro .Attribution .Attribution-role { display: inline } } .CategoryFeature-image { position: relative } .CategoryFeature-backgroundImage { height: 56.25vw } .CategoryFeature-backgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; display: block; height: 60%; position: absolute; width: 100% } .CategoryFeature-videoOverlay { bottom: 26px; padding: 0 30px; position: absolute } @media only screen and (min-width:701px) { .CategoryFeature-videoOverlay { bottom: 26px; padding: 0 30px } } @media only screen and (min-width:1701px) { .CategoryFeature-videoOverlay { bottom: 36px; padding: 0 40px } } .CenteredCTA { text-align: center } .CenteredFeatureCollage-heading { margin-bottom: 40px } @media only screen and (min-width:701px) { .CenteredFeatureCollage-heading { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-heading { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-heading { margin-bottom: 60px } } .CenteredFeatureCollage-heading .Heading-title { margin-top: 0; text-align: center } .CenteredFeatureCollage-items { margin: 0; padding: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item { list-style: none } .CenteredFeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 60px } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 80px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 80px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item { padding-bottom: 60px } .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin: 0 0 40px } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin-bottom: 60px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin-bottom: 0; position: relative; width: calc(50% - 15px) } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { width: calc(50% - 27.5px) } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture .Attribution { position: absolute } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture .Attribution { position: static } } .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-cta { position: relative } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .ImageAndCta-cta { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(50% - 45px); flex-basis: calc(50% - 45px); padding-bottom: 60px; -ms-flex-preferred-size: calc(50% - 82.5px); flex-basis: calc(50% - 82.5px) } } .CenteredFeatureCollage-items .ImageCtaCollage-item .Image { font-size: 0; line-height: 0 } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock { position: relative } } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { display: inline-block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin-bottom: 35px; position: relative; text-transform: uppercase } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { font-family: EB Garamond; text-transform: none } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { border-bottom: 2px solid; bottom: -15px; content: ""; left: 0; position: absolute; width: 40px } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { bottom: -20px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { border-bottom-width: 3px; bottom: -30px } } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ar):after { left: inherit; right: 0 } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { margin-bottom: 42px; width: 329.9999999986px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { width: 100% } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { content: none } } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin: 0 0 30px } @media only screen and (min-width:701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { margin-bottom: 35px; width: 329.9999999986px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { width: 100% } } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item .CtaBlock-cta { margin-top: 60px; min-width: 200px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture { margin-right: 15px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture { margin-right: 27.5px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture:lang(ar) { margin-left: 15px; margin-right: 0 } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture:lang(ar) { margin-left: 27.5px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta { padding-left: 45px; text-align: left } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:before { background: currentColor; content: ""; display: block; height: 75%; left: 15px; position: absolute; width: 1px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta { padding-left: 82.5px } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:before { height: 50%; left: 27.5px } } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:lang(ar) { text-align: right } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:lang(ar) { padding-left: 0; padding-right: 45px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:lang(ar) { padding-left: 82.5px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-title:after { left: 0; right: inherit } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-title:lang(ar):after { left: inherit; right: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-cta { left: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-cta:lang(ar) { left: inherit; right: 0 } .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture { margin-left: 15px; margin-right: 0 } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture { margin-left: 27.5px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture:lang(ar) { margin-left: 0; margin-right: 15px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture:lang(ar) { margin-right: 27.5px } } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta { padding-left: 0; padding-right: 45px; text-align: right } .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:before { background: currentColor; content: ""; display: block; height: 75%; position: absolute; right: 15px; width: 1px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta { padding-right: 82.5px } .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:before { height: 50%; right: 27.5px } } .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:lang(ar) { text-align: left } @media only screen and (min-width:961px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:lang(ar) { padding-left: 0; padding-right: 45px } } @media only screen and (min-width:1701px) { .CenteredFeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:lang(ar) { padding-right: 82.5px } } .Chart { position: relative } @media only screen and (min-width:961px) { .Chart { margin: 0 40px } .Chart.container { max-width: 1530px } } .Chart--overflowingLeft:before { background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0))); background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)); content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100px; z-index: 1 } .Chart--dark.Chart--overflowingLeft:before { background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)); background: linear-gradient(90deg, transparent, #000) } .Chart--overflowingRight:after { background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); content: ""; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 100px; z-index: 1 } .Chart--dark.Chart--overflowingRight:after { background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)); background: linear-gradient(90deg, transparent, #000) } .Chart-container { overflow-x: auto; overflow-y: hidden; position: relative; -ms-overflow-style: none } .Chart-header>.Chart-row:last-child { border-bottom: 1px solid #000 } .Chart-table { border-collapse: collapse } .Chart-row { background-color: #fff } .Chart-row--superHeader { background-color: #ececec } .Chart-row--header { background-color: #f7f7f7 } tbody>.Chart-row:nth-child(2n) { background-color: #f2f2f2 } .Chart-row .ChartCell { border-left: 1px solid #d8d8d8; color: #000 } .Chart-row .ChartCell:first-child { border-left: none } .ChartCell { font-size: 15px; line-height: 17px; padding: 20px; text-align: center } .ChartCell--header { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: 3px; line-height: 1.5em; padding: 20px; text-transform: uppercase } .ChartCell--header:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ChartCell--header:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ChartCell--header:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ChartCell--header:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ChartCell--header:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ChartCell--header:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ChartCell--image .ChartCell-image { margin-bottom: 30px } .ChartCell--image .ChartCell-image .Image-picture { height: auto; width: auto } .ChartCell--tooltip { padding: 0 } .ChartCell--tooltip .ChartCell-tooltipIcon { cursor: pointer; font-style: normal } .ChartCell--tooltip .ChartCell-text { display: block; padding: 20px; position: relative } .ChartCell--tooltip .WarningModal-text { text-transform: none } .ChartCell--tooltip .WarningModal-content { left: 0; right: 0 } .ChartCell--dual .ChartCell-ctaGroup { display: grid; gap: 20px; grid-template-rows: auto auto; width: 100% } .ChartCell--dual .ChartCell-ctaGroup .ChartCell-cta { width: 100% } .ChartCell--dual .ChartCell-ctaGroup .ChartCell-cta--primary { grid-row: 1; margin-bottom: 0 } .ChartCell--dual .ChartCell-ctaGroup .ChartCell-cta--secondary { grid-row: 2; margin-top: 0 } .ChartCell--dual.ChartCell--dual-single .ChartCell-ctaGroup { grid-template-rows: 39px auto } .ChartCell--dual.ChartCell--dual-single .ChartCell-ctaGroup .ChartCell-cta--secondary { grid-row: 2 } .Collage-item .Image { display: block; line-height: 0 } .Collage-item:first-of-type { margin-bottom: 30px } @media only screen and (min-width:701px) { .Collage-item:first-of-type { margin-bottom: 0 } } .Collage-heading { margin-bottom: 54px; text-align: center } .Collage-title { text-transform: uppercase } .Collage-title:after { content: ""; display: block; height: 2px; margin: 0 auto; position: relative; top: 8px; width: 40px } .Collage-cta { margin-top: 30px; text-align: center } .Collage--light .Collage-title:after { background-color: #000 } .Collage--dark .Collage-title:after { background-color: #fff } .Accordion-item-subtitle-additionalSubtitle-Bold { font-weight: 700; white-space: nowrap } .Accordion-item-subtitle-additionalSubtitle-Italic { font-style: italic } .Accordion-item-subtitle-additionalSubtitle-Regular { letter-spacing: 1px; line-height: 18px; text-transform: none } .ComponentAccordion-title { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .ComponentAccordion-title { margin-bottom: 40px } } @media only screen and (min-width:961px) { .ComponentAccordion-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .ComponentAccordion-title { margin-bottom: 40px } } .ComponentAccordion .Accordion-item-region { padding: 30px 0 5px } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--inline-desktop+.Accordion-item { border-top: none } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--inline-desktop+.Accordion-item { border-top: 1px solid #000 } } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--inline-desktop .Accordion-item-button--with-subtitle { margin-bottom: 0 } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--inline-desktop .Accordion-item-button--with-subtitle .Accordion-item-title--titleContainer { width: auto } } @media only screen and (min-width:961px)and (min-width:961px) { .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--inline-desktop .Accordion-item-button--with-subtitle .Accordion-item-title--plusMinus { display: none } } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title { margin-bottom: 0 } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title:after { content: none } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title--titleContainer { width: 100% } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title--titleContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-title--plusMinus:after { content: "\f151"; font-size: 12px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-subtitle { margin-left: 20px } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item-button--with-subtitle .Accordion-item-subtitle:lang(ar) { margin-left: 0; margin-right: 20px } } .ComponentAccordion .Accordion--expansion-plusMinus .Accordion-item--collapsed .Accordion-item-title--plusMinus:after { content: "\f16d" } .ComponentAccordion .Accordion-item-title--titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item-title--titleContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .ComponentAccordion .Accordion-item-subtitle { margin-top: 5px; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease } .ComponentAccordion .Accordion-item--collapsed .Accordion-item-subtitle { color: #595959; display: block; opacity: 1 } .ComponentAccordion .Accordion-item--dark .Accordion-item-subtitle { color: #fff } .ComponentAccordion .Accordion-item--inline-desktop { background-color: #f5f5f5; border-top: none; padding-bottom: 30px; padding-top: 30px; position: relative; -webkit-transition: padding-top 1s ease; transition: padding-top 1s ease; z-index: 1 } .ComponentAccordion .Accordion-item--inline-desktop:before { background-color: inherit; content: ""; height: 100%; left: calc(50% - 50vw); position: absolute; top: 0; width: 100vw; z-index: -1 } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop:before { content: none } } @media only screen and (min-width:701px) { .ComponentAccordion .Accordion-item--inline-desktop { padding-bottom: 40px; padding-top: 40px } } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop { background-color: inherit } } .ComponentAccordion .Accordion-item--inline-desktop.Accordion-item--collapsed { padding-bottom: 10px; padding-top: 20px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop.Accordion-item--dark .Accordion-item-button { color: #fff } } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-region { overflow: visible; padding-top: 0 } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-region { padding-bottom: 80px } } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-button { border-bottom: none !important; color: #000; padding-bottom: 10px !important } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-button { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-button--with-subtitle .Accordion-item-title--expansionContainer { padding-bottom: 27px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-button--with-subtitle .Accordion-item-title--expansionContainer { padding-bottom: 0 } } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title { margin-bottom: 0 } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title { margin: 0 20px } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title:after { content: none } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title--chevron, .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title--hide, .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title--view { display: none } } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title--line { display: none } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-title--line { border-bottom: 1px solid #7d7d7d; display: block; margin: auto 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .ComponentAccordion .Accordion-item--inline-desktop .Accordion-item-subtitle { display: none } } .ComponentAccordion--list-desktop .ComponentAccordion-title { margin: 0 0 60px } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .ComponentAccordion-title { margin: 0; text-align: left } .ComponentAccordion--list-desktop .ComponentAccordion-title:lang(ar) { text-align: right } } .BodySection--light .ComponentAccordion--list-desktop .Accordion-item { border-color: #000 } .BodySection--dark .ComponentAccordion--list-desktop .Accordion-item { border-color: #fff } .ComponentAccordion--list-desktop .Accordion-item:first-child:not(.Accordion-item--inline-desktop) { border: 0; padding: 0 0 30px } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item:first-child:not(.Accordion-item--inline-desktop) { padding: 0 0 20px } } .ComponentAccordion--list-desktop .Accordion-item:not(:first-child):not(.Accordion-item--inline-desktop) { padding: 30px 0 } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item:not(:first-child):not(.Accordion-item--inline-desktop) { padding: 20px 0 } .ComponentAccordion--list-desktop .Accordion-item--inline-desktop:first-child { padding-top: 0 } .ComponentAccordion--list-desktop .Accordion-item-button { cursor: default } .ComponentAccordion--list-desktop .Accordion-item-button:focus, .ComponentAccordion--list-desktop .Accordion-item-button:hover { color: inherit } .ComponentAccordion--list-desktop .Accordion-item--inline-desktop .Accordion-item-title { margin: 0 } } @media only screen and (min-width:961px)and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item--inline-desktop .Accordion-item-title { margin: 0 20px; width: auto } } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item-title:after { content: none } .ComponentAccordion--list-desktop .Accordion-item-title--expansionContainer { display: none !important } } .ComponentAccordion--list-desktop .Accordion-item-description { margin: 0; padding: 0 } .ComponentAccordion--list-desktop .Accordion-item-title { margin-bottom: 0; width: 100% } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item-title--plusMinus { display: none } } .ComponentAccordion--list-desktop .Accordion-item-region { padding-bottom: 0; padding-right: 40px; padding-top: 14px } .ComponentAccordion--list-desktop .Accordion-item-region:lang(ar) { padding-left: 40px; padding-right: 0 } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item-region { padding-top: 10px } } .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region { margin-left: 45px } .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region:lang(ar) { margin-left: 0; margin-right: 45px } @media only screen and (min-width:701px) { .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region { margin-left: 60px } .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region:lang(ar) { margin-left: 0; margin-right: 60px } } @media only screen and (min-width:961px) { .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region { margin-left: 82px } .ComponentAccordion--list-desktop .Accordion-item--with-icon .Accordion-item-region:lang(ar) { margin-left: 0; margin-right: 82px } } .ComponentAccordion .Accordion-item--with-image .Image { border-radius: 10px; height: 60px; position: absolute; text-align: center; width: 100px } .ComponentAccordion .Accordion-item--with-image .Accordion-item-title--plusMinus { display: none } .ComponentAccordion .Accordion-item--with-image .Accordion-item-title--titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: 110px; margin-top: 20px } .ComponentAccordion .Accordion-item--with-image .Accordion-item-title--titleContainer:lang(ar) { margin-left: 0; margin-right: 110px } .ComponentAccordion .Accordion-item--with-image .Accordion-item-title--titleContainer .Accordion-item-title-additionalSubtitlesContainer { display: none } .ComponentAccordion .Accordion-item--with-image.Accordion-item { padding-bottom: 35px } @media only screen and (min-width:701px) { .ComponentAccordion .Accordion-item--with-image.Accordion-item { padding-bottom: 50px } } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title { margin-bottom: 0 } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title.ty-c1:after { font-size: 16px; top: 15px } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title--titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 110px; margin-top: 2px } @media only screen and (min-width:701px) { .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title--titleContainer { margin-top: 5px } } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title--titleContainer:lang(ar) { margin-left: 0; margin-right: 110px; margin-top: 6px } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title-additionalSubtitlesContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:701px) { .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title-additionalSubtitlesContainer { margin-top: 10px } } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title-additionalSubtitlesContainer:lang(ar) { margin-top: 10px } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title-additionalSubtitlesContainer .Accordion-item-subtitle-additionalSubtitle-Bold { margin-right: 5px } .ComponentAccordion .Accordion-item--with-image.Accordion-item--collapsed .Accordion-item-title-additionalSubtitlesContainer .Accordion-item-subtitle-additionalSubtitle-Bold:lang(ar) { margin-left: 5px; margin-right: 0 } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--with-icon .Accordion-item-button { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal } } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle, .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title { margin-left: 45px } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle:lang(ar), .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title:lang(ar) { margin-left: 0; margin-right: 45px } @media only screen and (min-width:701px) { .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle, .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title { margin-left: 60px } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle:lang(ar), .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title:lang(ar) { margin-left: 0; margin-right: 60px } } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle, .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title { margin-left: 82px } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle:lang(ar), .ComponentAccordion .Accordion-item--with-icon .Accordion-item-title:lang(ar) { margin-left: 0; margin-right: 82px } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle { margin-left: 20px } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-subtitle:lang(ar) { margin-left: 0; margin-right: 20px } } .ComponentAccordion .Accordion-item--with-icon .Accordion-item-button:not(.Accordion-item-button--with-subtitle) .Accordion-item-title { width: 100% } .ComponentAccordion .Accordion-item--with-icon .icon { font-size: 32px; height: 32px; line-height: 32px; position: absolute; text-align: center; width: 32px } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) { border-top: 1px solid #d8d8d8; padding-bottom: 20px; padding-top: 20px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) { padding-bottom: 0; padding-top: 32px } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2) { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2):lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title:not(.subtitle-2) { font-family: EB Garamond; text-transform: none } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-region { padding-top: 10px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-region { padding-top: 30px } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; position: relative; -webkit-transition: padding-bottom 1s ease; transition: padding-bottom 1s ease } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button--with-subtitle { margin-bottom: -18px; -webkit-transition: padding-bottom 1s ease, margin-bottom 1s ease; transition: padding-bottom 1s ease, margin-bottom 1s ease } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button--with-subtitle { margin-bottom: 0; -webkit-transition: padding-bottom 1s ease; transition: padding-bottom 1s ease } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button--with-subtitle .Accordion-item-title--expansionContainer { padding-bottom: 18px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button--with-subtitle .Accordion-item-title--expansionContainer { padding-bottom: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button { padding-bottom: 15px } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-region { padding-bottom: 10px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-region { padding-bottom: 50px } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title { margin-bottom: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--titleContainer { width: calc(100% - 55px) } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--titleContainer { width: auto } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--expansionContainer { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; -webkit-transition: padding-bottom 1s ease; transition: padding-bottom 1s ease } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--expansionContainer:lang(ar) { left: 0; right: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title:after { content: none } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--hide { margin-right: 2px; opacity: 1 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--hide:not(.no-fade) { -webkit-transition: opacity 1s ease; transition: opacity 1s ease } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--hide:lang(ar) { margin-left: 5px; margin-right: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--view { margin-right: 2px; opacity: 0; width: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--view:lang(ar) { margin-left: 5px; margin-right: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--chevron { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-title--chevron:after { content: "\f111"; font-size: 5px } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-subtitle { margin-left: 20px } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-subtitle:lang(ar) { margin-left: 0; margin-right: 20px } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-button--with-subtitle { margin-bottom: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-button--with-subtitle .Accordion-item-title--expansionContainer { padding-bottom: 0 } @media only screen and (min-width:961px) { .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-button { padding-bottom: 30px } } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-title--hide { opacity: 0 } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-title--view { opacity: 1; width: auto } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-title--chevron { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .ComponentAccordion .Accordion--expansion-chevron .Accordion-item--collapsed .Accordion-item-title--chevron:lang(ar) { -webkit-transform: rotate(1turn); transform: rotate(1turn) } .ComponentContainer { position: relative } @media only screen and (min-width:961px) { .ComponentContainer-stickyContainer { position: absolute; width: 100% } } .ComponentContainer-stickyContainer.is-stick { position: fixed; top: 0; -webkit-transition: top .3s; transition: top .3s } .ComponentContainer-stickyContainer.is-bottomStick { bottom: 0 } .ComponentContainer-navigation { margin-bottom: 8px } @media only screen and (min-width:961px) { .ComponentContainer-navigation { margin-bottom: 0; padding-right: 50px } .ComponentContainer-navigation:lang(ar) { padding-left: 50px; padding-right: 0 } } @media only screen and (min-width:1701px) { .ComponentContainer-navigation { padding-right: 0 } .ComponentContainer-navigation:lang(ar) { padding-left: 0 } } .ComponentContainer-title { margin: 32px 0 21px } .ComponentContainer-links { border-bottom: 1px solid #fff; border-top: 1px solid #fff } .BodySection--light .ComponentContainer-links { border-color: #000 } @media only screen and (min-width:961px) { .ComponentContainer-links { border-bottom: none } } .ComponentContainer-link { padding-bottom: 20px } .ComponentContainer-link:first-child { padding-top: 20px } .ComponentContainer-items { position: relative; z-index: 1 } .ComponentContainer .ComponentContainer-item.SpacedComponent { margin-bottom: 40px } @media only screen and (min-width:961px) { .ComponentContainer .ComponentContainer-item.SpacedComponent { margin-bottom: 60px } } @media only screen and (min-width:1701px) { .ComponentContainer .ComponentContainer-item.SpacedComponent { margin-bottom: 80px } } .ComponentContainer-item .container { padding-left: 0; padding-right: 0 } .ComponentContainer-item.RichText, .ComponentContainer-item.container { margin-bottom: 40px; padding-left: 0; padding-right: 0 } @media only screen and (min-width:701px) { .ComponentContainer-item.RichText, .ComponentContainer-item.container { margin-bottom: 60px } } @media only screen and (min-width:961px) { .ComponentContainer-item.RichText, .ComponentContainer-item.container { margin-bottom: 80px } } .ComponentContainer-item.RichText:last-child, .ComponentContainer-item.container:last-child { margin-bottom: 0 } .ComponentContainer-item.HeadingComponent:first-child { border-top: 0; margin-top: 0; padding-top: 0 } .ComponentContainer-item.HeadingComponent:last-child .Heading-text { margin-bottom: 0 } .ComponentContainer-item.HeadingComponent .Heading-text { margin-bottom: 40px } @media only screen and (min-width:961px) { .ComponentContainer-item.HeadingComponent .Heading-text { margin-bottom: 60px } } .ComponentContainer-item.HeadingComponent .Heading-text:lang(ja) { font-size: 1rem } .ComponentContainer-item.HeadingComponent+.RichText { margin-top: -30px } @media only screen and (min-width:961px) { .ComponentContainer-item.HeadingComponent+.RichText { margin-top: -50px } } .DiningContactBarWithLegalModal .WarningModal-content { height: auto; left: 50%; max-height: 95%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } @media only screen and (min-width:701px) { .DiningContactBarWithLegalModal .WarningModal-content { margin: auto } } @media only screen and (min-width:961px) { .DiningContactBarWithLegalModal .WarningModal-content { width: 830px } } .FullWidthContactBar .ContactBar-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px } @media only screen and (min-width:701px) { .FullWidthContactBar .ContactBar-container { margin: 0 } } .FullWidthContactBar .ContactBar-title { display: block; margin: 15px 0 0 } @media only screen and (min-width:701px) { .FullWidthContactBar .ContactBar-title { margin: 0 auto } } .FullWidthContactBar .ContactBar-phone { margin-top: 20px } @media only screen and (min-width:701px) { .FullWidthContactBar .ContactBar-phone { margin-top: 0 } } .FullWidthContactBar-header:not(:last-child) { display: block; margin-bottom: 10px } .FullWidthContactBar-header-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .FullWidthContactBar-header-wrapper { margin-right: auto; text-align: left } } .FullWidthContactBar .CTA:not(:last-child) { margin: 20px 0 30px } @media only screen and (min-width:701px) { .FullWidthContactBar .CTA:not(:last-child) { margin: 0 } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .FullWidthContactBar .ContactBar-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .ContactBar-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 0; text-align: center } @media only screen and (min-width:701px) { .ContactBar-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 25px 30px } } @media only screen and (min-width:1701px) { .ContactBar-container { padding-left: 60px; padding-right: 60px } } .ContactBar-container--dark { background-color: #fff; color: #000 } .ContactBar-container--light { background-color: #000; color: #fff } .ContactBar-title { margin: 0 30px 20px } @media only screen and (min-width:701px) { .ContactBar-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 15px 0 0; text-align: left } .ContactBar-title:lang(ar) { margin: 0 0 0 15px; text-align: right } .ContactBar-cta { margin-left: 30px } .ContactBar-cta:lang(ar) { margin-left: 0; margin-right: 30px } } .ContactBar-phone { margin-bottom: 30px; white-space: nowrap } @media only screen and (min-width:701px) { .ContactBar-phone { margin: 0 } } .ContactBar-container--dark .ContactBar-phone { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .ContactBar-container--dark .ContactBar-phone:focus, .ContactBar-container--dark .ContactBar-phone:focus:before, .ContactBar-container--dark .ContactBar-phone:hover, .ContactBar-container--dark .ContactBar-phone:hover:before { border-bottom-color: transparent } .ContactBar-container--dark .ContactBar-phone:focus, .ContactBar-container--dark .ContactBar-phone:hover { border-color: #767676; color: #767676 } .ContactBar-container--light .ContactBar-phone { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .ContactBar-container--light .ContactBar-phone:focus, .ContactBar-container--light .ContactBar-phone:focus:before, .ContactBar-container--light .ContactBar-phone:hover, .ContactBar-container--light .ContactBar-phone:hover:before { border-bottom-color: transparent } .ContactBar-container--light .ContactBar-phone:focus, .ContactBar-container--light .ContactBar-phone:hover { border-color: #999; color: #999 } .ContactCardGrid-title { color: var(--color-text-primary); margin-left: 0; margin-right: 0; margin-top: 0 } .ContactCardGrid--expanded .ContactCardGrid-viewMoreButton-icon:after { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .ContactCardGrid .hide { display: none } .ContactCardGrid-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .ContactCardGrid-items { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: 1fr } @media only screen and (min-width:701px) { .ContactCardGrid-items { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media only screen and (min-width:961px) { .ContactCardGrid-items { grid-template-columns: repeat(3, minmax(0, 1fr)) } } .ContactCardGrid-buttonContainer { display: -webkit-box; display: -ms-flexbox; display: flex } .ContactCardGrid-buttonContainer, .ContactCardGrid-viewMoreButton { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ContactCardGrid-viewMoreButton { background-color: var(--color-button-primary-inverse, #fff); border: 1px solid var(--color-button-primary-default, #000); border-radius: 4px; color: var(--color-button-primary-default, #000); cursor: pointer; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .ContactCardGrid-viewMoreButton-label { color: inherit } .ContactCardGrid-viewMoreButton-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; height: 5px; justify-content: center; width: 11px; -ms-flex-negative: 0; color: inherit; flex-shrink: 0; pointer-events: none } .ContactCardGrid-viewMoreButton-icon:after { content: "\f120"; display: block; font-size: 5px; line-height: 5px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .ContactCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: var(--color-surface-raised-subtle, #f5f5f5); gap: var(--Element-gap-Stack-stack-l) } .ContactCard, .ContactCard-topSection { display: -webkit-box; display: -ms-flexbox; display: flex } .ContactCard-topSection { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .ContactCard-topSection--imageOnly { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .ContactCard-topText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0 } .ContactCard-description, .ContactCard-subtitle, .ContactCard-title { margin: 0 } .ContactCard-title { color: var(--color-text-primary) } .ContactCard-description, .ContactCard-subtitle { color: var(--color-text-secondary) } .ContactCard-image { -ms-flex-negative: 0; flex-shrink: 0 } .ContactCard-image:empty { display: none } .ContactCard-imageCircle { border-radius: 50%; height: 82px; overflow: hidden; width: 82px } .ContactCard-imageCircle .ImageCircle-img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ContactCard-labels { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .ContactCard-labels, .LabelTextItem { display: -webkit-box; display: -ms-flexbox; display: flex } .LabelTextItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .LabelTextItem-label { font-weight: 700 } .LabelTextItem-label, .LabelTextItem-text { color: var(--color-text-primary) } .ContactIntro-container { text-align: center } .ContactIntro-title { margin-bottom: 40px; margin-top: 0 } @media only screen and (min-width:701px) { .ContactIntro-title { margin-bottom: 60px; margin-bottom: 70px } } .ContactIntro-image { margin: 0 auto } .ContactIntro-description { margin-bottom: 40px; margin-top: 30px } .ContactIntro-info { display: block } .ContactIntro--noDescription .ContactIntro-info, .ContactIntro--noImage .ContactIntro-info { margin-top: 40px } @media only screen and (min-width:701px) { .ContactIntro--noDescription .ContactIntro-info, .ContactIntro--noImage .ContactIntro-info { margin-top: 60px; margin-top: 70px } } .ContactIntro-contact { border-top: 1px solid #7d7d7d; margin-bottom: 35px; margin-top: 20px; padding-top: 10px } @media only screen and (min-width:701px) { .ContactIntro-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 60px } } .ContactIntro-emailContainer { margin-bottom: 25px } @media only screen and (min-width:701px) { .ContactIntro-emailContainer { margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .ContactIntro-phoneContainer { margin-bottom: 25px } @media only screen and (min-width:701px) { .ContactIntro-phoneContainer { margin-bottom: 0 } } .ContactIntro-email, .ContactIntro-phone { display: inline-block } .ContactTable-title { margin-bottom: 50px; text-align: center } @media only screen and (min-width:701px) { .ContactTable-title { margin-bottom: 80px } } @media only screen and (min-width:1701px) { .ContactTable-title { margin-bottom: 100px } } .ConversationCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: #fff; color: #000; -ms-flex-direction: column; flex-direction: column; margin: auto; padding: 30px 25px 10px; width: 345px } @media only screen and (min-width:701px) { .ConversationCard { padding: 30px 40px 10px; width: 435px } } @media only screen and (min-width:961px) { .ConversationCard { padding: 50px 60px 30px; width: 550px } } .Hero .BackgroundImage .ConversationCard .Heading { text-align: left } .Hero .BackgroundImage .ConversationCard .Heading:lang(ar) { text-align: right } .ConversationCard .Heading .Heading-eyebrow { color: #000; display: inline-block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; margin-bottom: 12px; text-transform: uppercase } .ConversationCard .Heading .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ConversationCard .Heading .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ConversationCard .Heading .Heading-eyebrow { font-family: EB Garamond; text-transform: none } .ConversationCard .Heading .Heading-title { display: none } .ConversationCard .Heading .Heading-text { color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.375rem; font-style: normal; font-weight: 200; letter-spacing: .0386363636em; line-height: 1.3636363636em; margin-bottom: 25px; margin-top: 0 } .ConversationCard .Heading .Heading-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ConversationCard .Heading .Heading-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ConversationCard .Heading .Heading-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ConversationCard-iconLinks { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .ConversationCard-iconLinks .QuickLinks-link--column { padding: 0 0 20px; width: auto } .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container { height: 85px; margin: 0; padding: 11px 5px; width: 90px } @media only screen and (min-width:961px) { .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container { height: 120px; padding: 34px 10px; width: 130px } } .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--icon { font-size: 1.0625rem } @media only screen and (min-width:961px) { .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--icon { font-size: 1.4375rem } } .ConversationCard-buttonLinks, .ConversationCard-textLinks { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (min-width:701px) { .ConversationCard-buttonLinks, .ConversationCard-textLinks { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px } } .ConversationCard-buttonLinks .ConversationCard-link, .ConversationCard-textLinks .ConversationCard-link { padding: 0 0 20px } .ConversationCard-buttonLinks .CTA { letter-spacing: .22em; padding: 13.5px 12px } @media only screen and (min-width:701px) { .ConversationCard-buttonLinks .CTA { letter-spacing: .3em; padding: 13.5px 20px } } .ConversationCard-highlighted { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; margin: 0 0 25px; padding: 15px 0 10px } .ConversationCard-highlighted p { font-weight: 600; margin: 0 } .ConversationCard-highlighted .CTA { -ms-flex-preferred-size: 0; flex-basis: 0; text-align: center } @media only screen and (min-width:961px) { .ConversationCard-highlighted .CTA { -ms-flex-preferred-size: unset; flex-basis: unset } } .ConversationCard-heroWrapper { padding-right: 20px; z-index: 2; -ms-flex-item-align: end; align-self: flex-end } @media only screen and (min-width:701px) { .ConversationCard-heroWrapper { margin-left: 30px } } @media only screen and (min-width:961px) { .ConversationCard-heroWrapper { margin-bottom: 70px; padding-right: 30px } } .ConversationCard-checkRatesCta { display: -webkit-box; display: -ms-flexbox; display: flex; height: 43px; width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .9375rem; font-weight: 700; justify-content: center; letter-spacing: 2.5px; line-height: 1.2; margin-top: 10px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; white-space: normal; word-break: break-word } .ConversationCard-checkRatesCta:focus, .ConversationCard-checkRatesCta:hover { background-color: #fff; border-color: #000; color: #000 } .ConversationCard-checkRatesCta.is-active { background-color: #fff; border: 1px solid #000; color: #000 } @media only screen and (min-width:701px) { .ConversationCard-checkRatesCta { display: none } } .DownloadCTAList .Heading { margin-bottom: 30px } @media only screen and (min-width:701px) { .DownloadCTAList .Heading { margin-bottom: 60px } } .CTAsSideBySide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .CTAsSideBySide--centered { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .CTAsSideBySide--centered .Heading-title { text-align: center } .CTAsSideBySide--right { -webkit-box-align: end; -ms-flex-align: end; align-items: end } .CTAsSideBySide--right .Heading-title { text-align: right } .CTAsSideBySide--right .Heading-title:lang(ar) { text-align: left } .CTAsSideBySide--left { -webkit-box-align: start; -ms-flex-align: start; align-items: start } .CTAsSideBySide--left .Heading-title { text-align: left } .CTAsSideBySide--left .Heading-title:lang(ar) { text-align: right } .CTAsSideBySide-ctas { display: table-row } .CTAsSideBySide-cta { display: table-cell; height: 100%; padding-right: 15px; vertical-align: middle } @media only screen and (min-width:701px) { .CTAsSideBySide-cta { padding-right: 25px } } .CTAsSideBySide-ctas>.CTAsSideBySide-cta:last-child { padding-left: 0; padding-right: 0 } .CTAsSideBySide-cta .CAWCTA-cta { height: 100% } .CTAsSideBySide-cta:lang(ar) { padding-left: 15px; padding-right: 0 } @media only screen and (min-width:701px) { .CTAsSideBySide-cta:lang(ar) { padding-left: 25px } } .CTAsSideBySide .Heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; height: 100%; justify-content: center } .CTAsSideBySide .Heading-title { color: currentColor; font-family: Helvetica Neue Light, Neue Helvetica, Helvetica, sans-serif; font-size: 24px; font-weight: 200; letter-spacing: 4px; padding-bottom: 14px; text-transform: uppercase } .CurrencyDropdown { display: inline-block; margin-left: 23px; position: relative; z-index: 1 } .CurrencyDropdown, .CurrencyDropdown:focus:after, .CurrencyDropdown:hover:after { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .CurrencyDropdown:focus:after, .CurrencyDropdown:hover:after { color: #999 } .CurrencyDropdown:focus, .CurrencyDropdown:hover { border-color: #999; color: #999 } .DetailedList { margin: 0 auto } .DetailedList-title .Heading-title { margin: 0 0 40px; text-align: center } @media only screen and (min-width:701px) { .DetailedList-title .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .DetailedList-title .Heading-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .DetailedList-title .Heading-title { margin-bottom: 60px } } .DetailedList-term { border-top: 1px solid; padding: 30px 0 20px } .DetailedList-term .CTA { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .BodySection--dark .DetailedList-term .CTA { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .DetailedList-term .CTA:focus, .BodySection--dark .DetailedList-term .CTA:hover { border-color: #999; color: #999 } .DetailedList-item { margin-bottom: 40px; margin-top: 0 } @media only screen and (min-width:701px) { .DetailedList-item { margin-bottom: 30px } } @media only screen and (min-width:961px) { .DetailedList-item { margin-bottom: 60px } } .DetailedList-definition { margin: 0; padding-right: 14px } @media only screen and (min-width:701px) { .DetailedList-definition { padding-right: 20px } } .DetailedList-definition:lang(ar) { padding-left: 14px; padding-right: 0 } @media only screen and (min-width:701px) { .DetailedList-definition:lang(ar) { padding-left: 20px } } .DetailedList-definition-text { margin: 0 } .EliteGuestCard { background-color: #fff; -webkit-box-shadow: 0 1px 30px 4px rgba(0, 0, 0, .12); box-shadow: 0 1px 30px 4px rgba(0, 0, 0, .12); color: #000; margin: 35px auto 50px; max-width: 310px; padding: 35px 20px 50px; position: relative; text-align: center; z-index: 1 } .Navigation--hasHero+.Hero+.EliteGuestCard { -webkit-transform: translateY(-60px); transform: translateY(-60px) } @media only screen and (min-width:1100px) { .EliteGuestCard { -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .3); box-shadow: 0 10px 10px rgba(0, 0, 0, .3); margin-bottom: 0; max-width: 100%; padding: 25px 30px } } .EliteGuestCard .a { margin: 0; padding: 0 } .EliteGuestCard-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:1100px) { .EliteGuestCard-ctas { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .EliteGuestCard-ctas-email, .EliteGuestCard-ctas-phone { display: block; word-break: break-all } @media only screen and (min-width:1100px) { .EliteGuestCard-ctas-email, .EliteGuestCard-ctas-phone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0 } } .EliteGuestCard-ctas-email a, .EliteGuestCard-ctas-phone a { font-size: 10px; letter-spacing: 2.5px } .EliteGuestCard-ctas-email:before, .EliteGuestCard-ctas-phone:before { display: block; font-size: 20px; height: 30px; margin: auto; padding-bottom: 5px; vertical-align: middle; width: 30px } @media only screen and (min-width:1100px) { .EliteGuestCard-ctas-email:before, .EliteGuestCard-ctas-phone:before { margin-right: 10px; padding-bottom: 0 } } .EliteGuestCard-ctas-email { word-break: break-all } .EliteGuestCard-ctas-email:before { content: "\f156"; font-size: 16px } .EliteGuestCard-ctas-phone { margin-bottom: 30px } @media only screen and (min-width:1100px) { .EliteGuestCard-ctas-phone { margin-bottom: 12px } } .EliteGuestCard-ctas-phone:before { content: "\f1ac"; font-size: 20px } .Hero~.EliteGuestCard { margin-bottom: 0 } @media only screen and (min-width:1100px) { .Hero~.EliteGuestCard { display: none } } .EliteGuestCard a { color: #000; outline: none } .EliteGuestCard-logo { color: #000; font-size: 40px; font-weight: 700; line-height: 0; margin: 0 0 15px } .EliteGuestCard-logo:before { color: #000; content: "\f18e"; display: inline-block; line-height: 1 } @media(min-width:1100px) { .EliteGuestCard-textContainer { margin-right: 75px } } .EliteGuestCard-title { display: none; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin-top: 0; text-align: left; text-transform: uppercase } .EliteGuestCard-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .EliteGuestCard-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .EliteGuestCard-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .EliteGuestCard-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .EliteGuestCard-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .EliteGuestCard-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .EliteGuestCard-title { font-family: EB Garamond; text-transform: none } @media(min-width:1100px) { .EliteGuestCard-title { display: block } } .EliteGuestCard-text { margin: 0 auto 30px; max-width: 325px } @media only screen and (min-width:1100px) { .EliteGuestCard-text { margin-bottom: 0 } } .EliteGuestCard-email { border-bottom: 1px solid #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 2.3vw; font-weight: 700; margin: auto; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .EliteGuestCard-email:focus, .EliteGuestCard-email:focus:before, .EliteGuestCard-email:hover, .EliteGuestCard-email:hover:before { border-bottom-color: transparent } .EliteGuestCard-email:focus, .EliteGuestCard-email:hover { border-color: #999; color: #999 } @media only screen and (min-width:701px) { .EliteGuestCard-email { font-size: 1.2vw } } @media only screen and (min-width:961px) { .EliteGuestCard-email { font-size: .85vw } } .EliteGuestCard-phone { border-bottom: 1px solid #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 2.3vw; font-weight: 700; margin: auto; min-width: 118px; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .EliteGuestCard-phone:focus, .EliteGuestCard-phone:focus:before, .EliteGuestCard-phone:hover, .EliteGuestCard-phone:hover:before { border-bottom-color: transparent } .EliteGuestCard-phone:focus, .EliteGuestCard-phone:hover { border-color: #999; color: #999 } @media only screen and (min-width:701px) { .EliteGuestCard-phone { font-size: 1.2vw } } @media only screen and (min-width:961px) { .EliteGuestCard-phone { font-size: .85vw } } .cawComponent .EliteGuestCard { background: none; -webkit-box-shadow: none; box-shadow: none; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: auto; max-width: 1440px; padding: 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media only screen and (min-width:701px) { .cawComponent .EliteGuestCard { -webkit-transform: translateY(0); transform: translateY(0) } } .cawComponent .EliteGuestCard a { color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .0833333333em; line-height: 1.3333333333em; margin-left: 0; white-space: nowrap } .cawComponent .EliteGuestCard a:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .cawComponent .EliteGuestCard a:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .cawComponent .EliteGuestCard a:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .cawComponent .EliteGuestCard a:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .cawComponent .EliteGuestCard a:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .cawComponent .EliteGuestCard a:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .cawComponent .EliteGuestCard .EliteGuestCard-logo { display: none } .cawComponent .EliteGuestCard .EliteGuestCard-text { max-width: 100%; padding-right: 20px; text-align: left } .cawComponent .EliteGuestCard .cawFieldsContainer { margin: auto } .PPCHero .cawComponent .EliteGuestCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasDestinationPicker.hasEliteGuestComponent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; background-color: hsla(0, 0%, 100%, .8); height: auto; justify-content: center; min-height: 130px; padding-bottom: 20px; padding-top: 20px; z-index: 0 } .Navigation.has-Secondary .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasDestinationPicker.hasEliteGuestComponent { height: auto; min-height: 135px; padding-bottom: 20px; padding-top: 20px } @media(min-width:1100px) { .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasDestinationPicker.hasEliteGuestComponent .cawFieldsContainer { padding-left: 147px; padding-right: 25px } } .App-wrapper_mainCol.eliteGuestWrapper { position: relative } .App-wrapper_mainCol.eliteGuestWrapper .hideButton { height: 40px; letter-spacing: 2.05px; padding: 0; position: absolute; right: 110px; text-transform: uppercase; top: 0 } .App-wrapper_mainCol.eliteGuestWrapper .hideButton:after { border-bottom: 10px solid hsla(0, 0%, 100%, .8); border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 24px; content: ""; display: inline-block; position: relative; right: 50% } .Navigation.Navigation--moreLinkClicked .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasDestinationPicker.hasEliteGuestComponent, .Navigation.Navigation--moreLinkExpanded .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasDestinationPicker.hasEliteGuestComponent { z-index: -1 } .EmbeddedMap-map--fixedHeight { height: 457px; margin-bottom: 17px; width: 100% } @media only screen and (min-width:701px) { .EmbeddedMap-map--fixedHeight { height: 388px; margin-bottom: 27px } } @media only screen and (min-width:961px) { .EmbeddedMap-map--fixedHeight { height: 523px } } @media only screen and (min-width:1701px) { .EmbeddedMap-map--fixedHeight { height: 861px } } .widget-container.eo-container { display: none } .widget-container .circle-base { border-radius: 50% } .widget-container #offer-mail-icon { background-color: #000; border: 1px solid #d3d3d3; display: none; height: 55px; padding: 15px 12px 0; position: fixed; right: 40px; top: 175px; width: 55px; z-index: 3 } .widget-container #offer-mail-icon:after { color: #d3d3d3; content: "\f12e"; font-size: 27px } .widget-container .Loading-Indicator { z-index: 10 } .widget-container #dialog-container { color: #fff; line-height: 1.4em; overflow: hidden; position: fixed; right: 40px; top: 235px; width: 295px; z-index: 8 } .widget-container #dialog-arrow { border-bottom: 7px solid #d3d3d3; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none; margin-left: 260px; width: 0; z-index: 8 } .widget-container #dialog-container:after.fs-teale-background { border-bottom: 7px solid #007b8a } .widget-container #dialog-container ul li.with-before:before { content: "► "; font-family: Arial; font-size: 6pt; left: 33px; position: absolute } .widget-container #dialog-container ul { font-size: .7em; margin: 1em 0; padding-left: 15px } .widget-container #offer-dialog, .widget-container #previous-search-dialog, .widget-container .dialog-box { background-color: hsla(0, 0%, 9%, .9); border: 1px solid #d3d3d3; display: none; margin-bottom: 15px; padding: 15px 30px } .widget-container #offer-dialog { padding: 15px 30px 7px } .widget-container .bordered-box { border: 1px solid #d3d3d3; margin-bottom: 15px; padding: 15px 30px 5px } .widget-container #previous-search-dialog hr { border-color: gray; margin-left: -30px; margin-right: -30px } .widget-container #widget-notification { background-color: hsla(0, 0%, 9%, .9); border: 1px solid #d3d3d3; display: none; padding: 15px } .widget-container .offer-reminder { margin-left: 79px } .widget-container .previous-search-reminder { margin-left: 109px } .widget-container #offer-dialog p { color: #fff; font-size: 15pt; letter-spacing: 3px; line-height: 1.4em; margin: 0 } .widget-container #previous-search-dialog p { color: #fff; font-size: .8em; margin: 0; text-align: center } .widget-container #widget-notification p { color: #fff; font-size: .8em; line-height: 1.2em; margin: 0 } .widget-container #previous-search-dialog.fs-teale hr { border-top: 1px solid #007b8a } .widget-container #previous-search-dialog ul { margin-top: -5px; padding-left: 35px } .widget-container #previous-search-dialog ul li:before { font-family: Arial; margin-left: 15px } .widget-container #previous-search-dialog .header { line-height: .8em; text-transform: unset } .widget-container .overlay { background-color: rgba(0, 0, 0, .9); bottom: 0; display: none; height: 100%; left: 0; line-height: 1.2; position: fixed; right: 0; top: 0; width: 100%; z-index: 10 } .widget-container #toc-overlay { z-index: 10 } .widget-container .overlay .header { font-size: 18pt; letter-spacing: 4px; text-transform: uppercase } .widget-container .overlay-text { border-left: 1px solid #fff; color: #fff; left: 50%; padding-left: 25px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 35% } .widget-container .overlay-text .eo-toc { max-width: 275px; padding: 5px } .widget-container .overlay-text .explore-offers-btn { max-width: 275px; overflow-y: auto } .widget-container .eo-toc { z-index: 10 } .widget-container #toc-overlay-text .body, .widget-container #toc-overlay-text .body-1, .widget-container #toc-overlay-text .body-2, .widget-container #toc-overlay-text .body-3 { color: #fff; font-size: .5em; list-style: disc; margin: 1em 0 } .widget-container #offer-overlay-text { max-width: 375px } .widget-container #offer-overlay-text ul { color: #fff; font-size: .8em; margin: 1em 0; padding-left: 15px } .widget-container #offer-overlay-text ul li.with-before:before { content: "► "; font-family: Arial; font-size: 6pt; left: 25px; line-height: 3em; position: absolute } .widget-container #toc-overlay-text p { color: #fff; font-size: 1.5em; margin: 0 0 15px; text-align: justify } .widget-container #toc-overlay-text p.header { text-align: left } .widget-container #offer-overlay-text p { color: #fff; font-size: 1.5em; margin: 0 } .widget-container .explore-offers-btn { border: 1px solid #fff; color: #fff; display: inherit; font-size: 9pt; font-weight: 700; letter-spacing: 3px; line-height: 1; overflow: hidden; padding-bottom: 10px; padding-top: 10px; text-align: center; text-decoration: none !important; white-space: nowrap } .widget-container #offer-dialog>a.explore-offers-btn.font-helvetica-neue, .widget-container #offer-dialog>a.explore-offers-btn.font-helvetica-neue:visited { color: #fff } .widget-container .resume-search-btn { border: 1px solid #fff; color: #fff; display: inherit; font-size: 9pt; font-weight: 700; letter-spacing: 3px; line-height: 1; margin-bottom: 15px; overflow: hidden; padding-bottom: 10px; padding-top: 10px; text-align: center; text-decoration: none !important; white-space: nowrap } .widget-container .fs-teale-background { background-color: #007b8a } .widget-container .fs-teale-border { border: 1px solid #007b8a !important } .widget-container .eo-toc { color: #fff; cursor: pointer; display: block; font-size: x-small; padding: 10px 0 0; text-align: center; text-decoration: underline } .widget-container .text-left { text-align: left } .widget-container .text-black { color: #000 } .widget-container .text-decoration-none { text-decoration: none !important } .widget-container .text-decoration-underline { text-decoration: underline !important } .widget-container .font-helvetica-neue { font-family: Helvetica Neue LT W01_35 Thin, Helvetica, sans-serif } .widget-container .font-pt-serif { font-family: "PT Serif", HelveticaNeue, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif } .widget-container ul.font-pt-serif li { font-size: 12.6px; letter-spacing: .5px; line-height: 25.2px } .widget-container .explore-offers-btn.font-helvetica-neue { cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: 3px; line-height: 12px } .widget-container .widget-x { color: gray; cursor: pointer; float: left; font-family: HelveticaNeue-Light, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif; margin: inherit; position: absolute } .widget-container .dialog-x { font-size: 17pt; left: 10px; top: 10px } .widget-container .overlay-x { font-size: 30pt; left: -45px; top: -11px } @media only screen and (min-width:1100px) { .widget-container .Navigation-sm { display: none } } .widget-container #offer-mail-icon line, .widget-container #offer-mail-icon path, .widget-container #offer-mail-icon polyline { stroke: #bbb } .widget-container .eo-icon { color: #000; font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .widget-container .icon-arrow-up:before { content: "^" } .widget-container .icon-arrow-down:before { content: "V" } @media only screen and (min-width:961px) { .ExclusivesAndBuyoutsCharts { margin: 0 40px } } .ExclusivesAndBuyoutsCharts .Chart { margin: auto } @media only screen and (min-width:961px) { .ExclusivesAndBuyoutsChart .container { max-width: 1530px } } .ExclusivesAndBuyoutsChart .ChartCell-cta { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; text-transform: none } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ExclusivesAndBuyoutsChart .ChartCell-cta:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .ExclusivesAndBuyoutsChart .ChartCell-cta { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } @media only screen and (min-width:961px) { .ExclusivesAndBuyoutsChart .Accordion-item dt { padding: 0 5px } } .Experiences-carouselcontainer { overflow: hidden; padding-left: 0; padding-right: 0 } .Experiences .ImageCtaCollage { margin-bottom: 60px } .Experiences .ImageCtaCollage:after { content: "flickity"; display: none } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage:after { content: "" } .Experiences .ImageCtaCollage { margin-bottom: 0 } } .Experiences .ImageCtaCollage .flickity-viewport { left: calc(8.33333vw + 13.75px) } .Experiences .ImageCtaCollage .Experience:after, .Experiences .ImageCtaCollage .Experience:before { content: ""; display: table } .Experiences .ImageCtaCollage .Experience:after { clear: both } .Experiences .ImageCtaCollage .ImageCtaCollage-item { width: calc(83.33333vw - 12.5px) } .Experiences .ImageCtaCollage .ImageCtaCollage-item:after, .Experiences .ImageCtaCollage .ImageCtaCollage-item:before { content: ""; display: table } .Experiences .ImageCtaCollage .ImageCtaCollage-item:after { clear: both } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item { margin-bottom: 60px; width: 100% } } @media only screen and (min-width:961px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item { margin-bottom: 70px } } @media only screen and (min-width:1701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item { margin-bottom: 90px } } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) { margin-bottom: 50px } .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-picture { float: left; padding-left: 15px; padding-right: 15px; width: 58.3333333331% } } @media only screen and (min-width:701px)and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-picture { padding-left: 15px; padding-right: 15px } } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-picture:lang(ar) { float: right } .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-cta { float: left; padding-left: 45px; padding-right: 15px; width: 41.6666666665% } .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-cta:lang(ar) { padding-left: 15px; padding-right: 45px } .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-cta .CtaBlock-text { padding-left: 0; padding-right: 15px } .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) .Experience-cta .CtaBlock-text:lang(ar) { padding-left: 15px; padding-right: 0 } } @media only screen and (min-width:1701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item:not(.ImageCtaCollage-item-primary) { margin-bottom: 70px } } .Experiences .ImageCtaCollage .ImageCtaCollage-item-primary { margin-left: calc(8.33333vw + 13.75px) } .Experiences .ImageCtaCollage .ImageCtaCollage-item-primary:lang(ar) { margin-left: 0; margin-right: calc(8.33333vw + 13.75px) } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item-primary:lang(ar) { margin-right: 0 } .Experiences .ImageCtaCollage .ImageCtaCollage-item-primary { margin-left: 0 } } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-picture { float: left; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; width: 99.9999999996% } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-picture { padding-left: 15px; padding-right: 15px } } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta { float: left; padding-left: 30px; padding-right: 15px; position: relative; width: 99.9999999996% } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta { padding-left: 15px; padding-right: 15px } } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:before { background: #fff; content: ""; display: block; height: 100%; left: 7.5px; position: absolute; width: 1px } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:before { left: 15px } } .BodySection--light .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:before { background: #000 } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:lang(ar) { padding-left: 7.5px; padding-right: 30px } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:lang(ar):before { left: auto; right: 7.5px } @media only screen and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:lang(ar):before { right: 15px } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta { float: left; margin-left: 0; padding-left: 45px; padding-right: 15px; width: 58.3333333331% } .Experiences .ImageCtaCollage .ImageCtaCollage-item .Experience-cta:lang(ar) { float: right; padding-left: 15px; padding-right: 45px } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-picture { float: right } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-picture:lang(ar) { float: left } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta { padding-left: 15px; padding-right: 45px; text-align: right } } @media only screen and (min-width:701px)and (min-width:701px) { .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta:before { left: auto; right: 15px } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta:lang(ar) { padding-left: 45px; padding-right: 15px; text-align: left } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta:lang(ar):before { left: 15px; right: auto } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta .CtaBlock-text { padding-left: 15px; padding-right: 0 } .Experiences .ImageCtaCollage .ImageCtaCollage-item.ImageCtaCollage-item--left:not(.ImageCtaCollage-item-primary) .Experience .Experience-cta .CtaBlock-text:lang(ar) { padding-left: 0; padding-right: 15px } } .ExperiencesPanel-heading { margin: 0 0 40px; text-align: center } @media only screen and (min-width:701px) { .ExperiencesPanel-heading { margin: 0 0 60px } } @media only screen and (min-width:961px) { .ExperiencesPanel-heading { margin: 0 0 70px } } .ExperiencesPanel-item { border-bottom: 1px solid #d8d8d8; margin-bottom: 80px; padding-bottom: 40px } .BodySection--dark .ExperiencesPanel-item { border-color: #7d7d7d } .ExperiencesPanel-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } @media only screen and (min-width:701px) { .ExperiencesPanel-item { margin-bottom: 60px } } @media only screen and (min-width:961px) { .ExperiencesPanel-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; padding-bottom: 30px } .ExperiencesPanel-item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .ExperiencesPanel-item:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .ExperiencesPanel-itemImage { margin: 0 0 30px } @media only screen and (min-width:961px) { .ExperiencesPanel-itemImage { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 56.7%; flex: 0 0 56.7% } .ExperiencesPanel-itemDetail { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 39.6%; flex: 0 0 39.6% } } .ExperiencesPanel-itemHeading { margin: 0 0 30px } .ExperiencesPanel-itemHeadingText { margin: 0 0 15px } .ExperiencesPanel-itemDescription { margin: 0 } .ExperiencesPanel-featureList { margin: 0 0 40px } .ExperiencesPanel-feature { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ExperiencesPanel-feature:last-child { margin-bottom: 0 } .ExperiencesPanel-featureIcon { font-size: 1.625rem; text-align: center; -ms-flex-preferred-size: 35px; flex-basis: 35px; margin: 0 14px 0 0 } .ExperiencesPanel-featureIcon:lang(ar) { margin: 0 0 0 14px } .ExperiencesPanel-featureIcon:before { display: block } .ExperiencesPanel-featureText { line-height: 1.125rem } .ExperiencesPanel-itemCta { display: inline-block } .BodySection--dark .ExperiencesPanel-itemCta { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .ExperiencesPanel-itemCta:focus, .BodySection--dark .ExperiencesPanel-itemCta:hover { border-color: #999; color: #999 } .Experiences { overflow-x: hidden; position: relative } .Experiences-spotlight { display: block; padding-top: 56.25%; position: relative } .Experiences-spotlight:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; height: 28%; left: 0; position: absolute; width: 100%; z-index: 1 } @media only screen and (min-width:701px) { .Experiences-spotlight:after { height: 38% } } @media only screen and (min-width:961px) { .Experiences-spotlight:after { height: 28% } } @media only screen and (min-width:1701px) { .Experiences-spotlight:after { height: 16% } } .Experiences-intro-container { padding-bottom: 40px; padding-top: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .Experiences-intro-container { padding-bottom: 60px; padding-top: 60px } } @media only screen and (min-width:961px) { .Experiences-intro-container { padding-bottom: 70px; padding-top: 70px } } @media only screen and (min-width:1701px) { .Experiences-intro-container { padding-bottom: 90px; padding-top: 90px } } .Experiences-intro .Heading-title { margin: 0; position: relative; position: static; text-align: center } .Experiences-intro .Heading-title:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; margin: 15px auto; width: 40px } .Experiences-intro .Heading-quote { margin: 0 } .Experiences-intro .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.3125rem; font-style: italic; font-weight: 400; letter-spacing: .0238095238em; line-height: 1.5em; text-align: center } .Experiences-intro .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Experiences-intro .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences-intro .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences-intro .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Experiences-intro .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Experiences-intro .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences-intro .Quote-text:before { content: open-quote } .Experiences-intro .Quote-text:after { content: close-quote } .Experiences-intro .Quote-text:after, .Experiences-intro .Quote-text:before { display: inline } .Experiences-intro .Attribution .Attribution-author, .Experiences-intro .Attribution .Attribution-role { display: block } @media only screen and (min-width:961px) { .Experiences-intro .Attribution .Attribution-author, .Experiences-intro .Attribution .Attribution-role { display: inline } } .Experiences-background { position: relative } .Experiences-video { display: none } @media only screen and (min-width:961px) { .Experiences-video { display: block; left: 0; padding-top: 56.25%; position: absolute; right: 0; top: 0 } } .Experiences-video .Video-video { position: absolute; top: 0; width: 100% } .Experiences-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Experiences-video .Video-playButton, .SignatureCard-video .Experiences-video .Video-playButton--hasAvailabilityMessage { bottom: 16px; position: absolute; right: 16px; z-index: 1 } .Experiences-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Experiences-video .Video-playButton:lang(ar), .SignatureCard-video .Experiences-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 16px; right: auto } .Experiences .Image-img { width: 100% } .Experiences .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; max-width: 100%; text-transform: uppercase } .Experiences .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Experiences .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Experiences .CtaBlock-title { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Experiences .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin: 15px 0 30px; max-width: 100% } .Experiences .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Experiences .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Experiences .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .Experiences .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .Experiences .CtaBlock-text:last-child { margin-bottom: 0 } .Experiences-container { text-align: center } .BodySection--dark .Experiences-container .CTA { background-color: #000; border-color: #fff; color: #fff } .BodySection--dark .Experiences-container .CTA:focus, .BodySection--dark .Experiences-container .CTA:hover { background-color: #fff; color: #000 } .FeaturedRentalDestinations { display: none } .FeaturedRentalDestinations-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; overflow: hidden; position: relative } @media only screen and (min-width:701px) { .FeaturedRentalDestinations-container { margin-bottom: -60px } } .FeaturedRentalDestinations-container:before { content: none } .FeaturedRentalDestinations-container--noTruncated { margin-bottom: -40px } @media only screen and (min-width:701px) { .FeaturedRentalDestinations-container--noTruncated { margin-bottom: -60px } } .FeaturedRentalDestinations-ctaMoreWrapper { bottom: 0; height: 160px; left: 0; position: absolute; width: 100% } .FeaturedRentalDestinations-ctaMoreWrapper:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(85%, #fff), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 85%, #fff); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } @media only screen and (min-width:701px) { .FeaturedRentalDestinations-ctaMoreWrapper { display: none } } .FeaturedRentalDestinations-ctaMoreWrapper--hidden { display: none } .FeaturedRentalDestinations-ctaBtn { bottom: 0; height: 39px; position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .FeaturedRentalDestinations-ctaBtn--more { margin-right: 15px; position: relative; width: 100% } .FeaturedRentalDestinations-ctaBtn--more:after { content: "\f16d"; font-size: 8px; padding-left: 7px; position: absolute } .FeaturedRentalDestinations-ctaBtn--more:lang(ar) { margin-left: 15px; margin-right: 0 } .FeaturedRentalDestinations-ctaBtn--more:lang(ar):after { padding-left: 0; padding-right: 7px } .FeaturedRentalDestinations-buttonsTab { display: none } @media only screen and (min-width:961px) { .FeaturedRentalDestinations-buttonsTab { display: block; margin-bottom: 100px } } .FeaturedRentalDestinations-buttons { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; height: 80px } .FeaturedRentalDestinations-buttonsWrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0 auto; max-width: 640px; -ms-flex-pack: distribute; justify-content: space-around } .FeaturedRentalDestinations-dropdownContainer { margin-bottom: 60px } @media only screen and (min-width:701px) { .FeaturedRentalDestinations-dropdownContainer { margin-bottom: 80px } } @media only screen and (min-width:961px) { .FeaturedRentalDestinations-dropdownContainer { display: none; margin-bottom: 0 } } .FeaturedRentalDestinations-dropdown { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; height: 80px; padding: 22px 0; position: relative } .FeaturedRentalDestinations-selectContainer { position: relative } .FeaturedRentalDestinations-selectContainer:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 7px; top: 7px } .FeaturedRentalDestinations-selectContainer:lang(ar):after { left: 7px; right: auto } @media only screen and (min-width:701px) { .FeaturedRentalDestinations-selectContainer:after { right: 15px } .FeaturedRentalDestinations-selectContainer:lang(ar):after { left: 15px; right: auto } } .FeaturedRentalDestinations-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; display: block; padding-top: 5px; width: 100% } .FeaturedRentalDestinations-buttonContainer { display: -webkit-box; display: -ms-flexbox; display: flex } .FeaturedRentalDestinations-button { background: none; border: none; color: #000; padding: 0; position: relative; text-align: center; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FeaturedRentalDestinations-button:focus, .FeaturedRentalDestinations-button:hover { border-color: #767676; color: #767676 } .FeaturedRentalDestinations-button--active { font-weight: 700 } .FeaturedRentalDestinations-button--active:after { background-color: #000; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100% } .FeaturedRentalDestinations-button--active:active, .FeaturedRentalDestinations-button--active:focus, .FeaturedRentalDestinations-button--active:hover { color: #000 } @media only screen and (min-width:961px) { .FeaturedRentalDestinations-content { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8 } } .FeaturedRentalDestinations .DestinationCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .FeaturedRentalDestinations .DestinationCard { margin-bottom: 4px } } .FeaturedRentalDestinations .DestinationCard-container, .FeaturedRentalDestinations .DestinationCard-ctaContainer { display: block } .FeaturedRentalDestinations .DestinationCard-textContainer { margin: 20px 0 25px } .FeaturedRentalDestinations .DestinationCard-cta { border-top: 1px solid #d8d8d8; display: block; padding: 20px 0 } .FeaturedRentalDestinations .DestinationCard-cta .CTA { display: block; position: relative } .FeaturedRentalDestinations .DestinationCard-cta .CTA:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .FeaturedRentalDestinations .DestinationCard-cta .CTA:lang(ar):after { left: 0; right: auto } .FeaturedRentalDestinations .DestinationCard-cta--secondaryText { color: #7d7d7d; display: inline-block } .FeaturedRentalDestinations .DestinationCard-allRentalsCta { margin-bottom: 60px } @media only screen and (min-width:701px) { .FeaturedRentalDestinations .DestinationCard-allRentalsCta { margin-bottom: 0 } } .FeaturedRentalDestinations .DestinationCard-ctaMissing { display: block; height: 56px } .FeaturedRentalDestinations .DestinationCard-ctaMissingRentals { margin-bottom: 4px } @media only screen and (min-width:701px) { .FeaturedRentalDestinations .DestinationCard-ctaMissingRentals { margin-bottom: 0 } } .FeaturedRentalDestinations .DestinationCard--spacing { margin-bottom: 60px } .hotelSearchBar { display: inline-block; max-width: 100%; width: 345px; z-index: 2 } @media only screen and (min-width:701px) { .hotelSearchBar { -webkit-transition: width .3s linear, height .3s linear; transition: width .3s linear, height .3s linear; width: 425px } } .hotelSearchBar .hotelSearchBar-input { position: relative; width: 100% } .hotelSearchBar .hotelSearchBar-input .textInput__field, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid { border-bottom: 1px solid #d8d8d8; height: 50px; padding: 12px 15px; width: 100% } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-input .textInput__field, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid { height: 40px; padding: 8px 20px; -webkit-transition: height .3s linear; transition: height .3s linear } } .hotelSearchBar .hotelSearchBar-input .textInput__field:-moz-placeholder~.icon-search, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:-moz-placeholder~.icon-search { display: block; opacity: 1; top: calc(50% - 13px) } .hotelSearchBar .hotelSearchBar-input .textInput__field:-ms-input-placeholder~.icon-search, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:-ms-input-placeholder~.icon-search { display: block; opacity: 1; top: calc(50% - 13px) } .hotelSearchBar .hotelSearchBar-input .textInput__field:placeholder-shown~.icon-search, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:placeholder-shown~.icon-search { display: block; opacity: 1; top: calc(50% - 13px) } .hotelSearchBar .hotelSearchBar-input .textInput__field:not(:-moz-placeholder)~.icon-close, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:not(:-moz-placeholder)~.icon-close { display: block; opacity: 1 } .hotelSearchBar .hotelSearchBar-input .textInput__field:not(:-ms-input-placeholder)~.icon-close, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:not(:-ms-input-placeholder)~.icon-close { display: block; opacity: 1 } .hotelSearchBar .hotelSearchBar-input .textInput__field:not(:placeholder-shown)~.icon-close, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:not(:placeholder-shown)~.icon-close { display: block; opacity: 1 } .hotelSearchBar .hotelSearchBar-input .textInput__field:focus-visible, .hotelSearchBar .hotelSearchBar-input .textInput__field:valid:focus-visible { outline: none } .hotelSearchBar .hotelSearchBar-input .textInput__label { color: #fff; letter-spacing: 3px; top: 0 } .hotelSearchBar .hotelSearchBar-input .icon { bottom: 0; color: #000; display: none; height: 100%; opacity: 0; position: absolute; right: 16px; width: 15px } .hotelSearchBar .hotelSearchBar-input .icon:lang(ar) { left: 16px; right: auto } .hotelSearchBar .hotelSearchBar-input .icon.icon-close:before { font-size: .8125rem; font-weight: 900 } .hotelSearchBar .hotelSearchBar-input .icon.icon-search:before { font-size: 1.25rem; font-weight: 900 } .hotelSearchBar .hotelSearchBar-results { background: #fff; display: none; max-height: 250px; overflow-y: auto; -webkit-transition: max-height .3s linear; transition: max-height .3s linear; width: 100% } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-results { max-height: 315px } } .hotelSearchBar .hotelSearchBar-results .results .hotelSearchBar-result:first-of-type { border: none } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; border-top: 1px solid #d8d8d8; color: #000; height: 60px; justify-content: center; margin: 0 15px; text-align: left; text-decoration: none } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result { margin: 0 22px } } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:lang(ar) { text-align: right } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group { border: none; height: auto; padding-top: 10px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .group-title { display: -webkit-box; display: -ms-flexbox; display: flex; height: 27px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .group-title .icon { padding-right: 10px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .group-title .icon:lang(ar) { padding-left: 10px; padding-right: 0 } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .hotelSearchBar-result { margin-left: 35px; margin-right: 0 } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .hotelSearchBar-result:lang(ar) { margin-left: 0; margin-right: 35px } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .hotelSearchBar-result { margin-left: 40px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.group .hotelSearchBar-result:lang(ar) { margin-right: 40px } } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):focus-visible, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):hover { background: #2d2d2d; color: #fff; margin: 0; padding-left: 15px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):focus-visible:lang(ar), .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):hover:lang(ar) { padding-left: 0; padding-right: 15px } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):focus-visible, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):hover { padding-left: 22px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):focus-visible:lang(ar), .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result:not(.group):hover:lang(ar) { padding-right: 22px } } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:focus-visible, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:hover { margin: 0 -15px; padding-left: 50px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:focus-visible:lang(ar), .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:hover:lang(ar) { padding-left: 0; padding-right: 50px } @media only screen and (min-width:701px) { .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:focus-visible, .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:hover { margin: 0 -22px; padding-left: 62px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:focus-visible:lang(ar), .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .group-results .hotelSearchBar-result:hover:lang(ar) { padding-right: 62px } } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.no-results { border: none; color: #2d2d2d; display: none; font-size: .625rem; height: 43px; letter-spacing: .1875rem; text-transform: uppercase } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.view-all { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-color: #7d7d7d; font-size: .625rem; height: 46px; letter-spacing: .1875rem; text-transform: uppercase } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.view-all:after { content: "\f105"; display: inline-block; font-size: .75rem; height: 14px; padding-left: 4px; vertical-align: middle } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result.view-all:lang(ar):after { content: "\f104"; padding-left: 0; padding-right: 4px } .hotelSearchBar .hotelSearchBar-results .hotelSearchBar-result .results { display: none } @media only screen and (min-width:701px) { .hotelSearchBar.active { width: 460px } } @media only screen and (min-width:701px) { .hotelSearchBar.active .hotelSearchBar-input .textInput__field, .hotelSearchBar.active .hotelSearchBar-input .textInput__field:valid { height: 56px } } .hotelSearchBar.active .hotelSearchBar-input .textInput__label { opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px) } .textInput { position: relative } .textInput .icon-close { fill: #000 } .textInput--error { color: #ea0a0a } .textInput--error .icon-close { fill: #ea0a0a } .textInput--toggled { padding: 0 } .textInput--destination { padding-bottom: 0 } .textInput__field { background: #fff; border: none; border-bottom: 1px solid #000; color: #2d2d2d; overflow: hidden; padding: .5em 0; text-overflow: ellipsis; white-space: nowrap; width: 100% } .textInput__field--readOnly { border-bottom: 0; padding-bottom: 0 } .textInput__field:invalid { -webkit-box-shadow: none; box-shadow: none } .textInput__field:valid { padding-left: 0; padding-right: 30px } .textInput__field:valid:lang(ar) { padding-left: 30px; padding-right: 15px } .textInput__field--disabled { cursor: not-allowed } .textInput--error .textInput__field { border-color: #ea0a0a; color: #ea0a0a } .textInput__label { left: 0; opacity: 0; position: absolute; -webkit-transition: .5s ease; transition: .5s ease } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .textInput__label { -webkit-transition: none; transition: none } } .textInput__label:lang(ar) { left: auto; right: 0 } .textInput--error .textInput__label { color: #ea0a0a } .textInput__field:focus+.textInput__label:not(.textInput__label--hidden) { letter-spacing: 2.05px; opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px) } .textInput__field:valid+.textInput__label:not(.textInput__label--hidden) { letter-spacing: 2.05px; opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px) } .textInput__field--labelAbove+.textInput__label:not(.textInput__label--hidden), .textInput__field--readOnly+.textInput__label:not(.textInput__label--hidden) { letter-spacing: 2.05px; opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px) } ::-webkit-input-placeholder { color: #2d2d2d; opacity: 1; -webkit-transition: 1s ease; transition: 1s ease } .textInput--error ::-webkit-input-placeholder { color: #ea0a0a } :-moz-placeholder { color: #2d2d2d; opacity: 1; -moz-transition: 1s ease; transition: 1s ease } .textInput--error :-moz-placeholder { color: #ea0a0a } ::-moz-placeholder { color: #2d2d2d; opacity: 1; -moz-transition: 1s ease; transition: 1s ease } .textInput--error ::-moz-placeholder { color: #ea0a0a } :-ms-input-placeholder { color: #2d2d2d; opacity: 1; -ms-transition: 1s ease; transition: 1s ease } .textInput--error :-ms-input-placeholder { color: #ea0a0a } .textInput__field:hover::-webkit-input-placeholder { color: #2d2d2d } .textInput__field:hover:-moz-placeholder, .textInput__field:hover::-moz-placeholder { color: #2d2d2d } .textInput__field:hover:-ms-input-placeholder { color: #2d2d2d } .textInput__field:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: .3s ease; transition: .3s ease } .textInput__field:focus:-moz-placeholder, .textInput__field:focus::-moz-placeholder { opacity: 0; -moz-transition: .3s ease; transition: .3s ease } .textInput__field:focus:-ms-input-placeholder { opacity: 0; -ms-transition: .3s ease; transition: .3s ease } .textInput__field--disabled::-webkit-input-placeholder, .textInput__field--disabled:hover::-webkit-input-placeholder { color: #7d7d7d } .textInput__field--disabled:-moz-placeholder, .textInput__field--disabled::-moz-placeholder, .textInput__field--disabled:hover:-moz-placeholder, .textInput__field--disabled:hover::-moz-placeholder { color: #7d7d7d } .textInput__field--disabled:-ms-input-placeholder, .textInput__field--disabled:hover:-ms-input-placeholder { color: #7d7d7d } .textInput_clear { bottom: 17px; color: #2d2d2d; height: 15px; opacity: 0; position: absolute; right: 0; -webkit-transition: .3s ease; transition: .3s ease; width: 15px } .textInput_clear:focus { opacity: 1 } .textInput_clear:lang(ar) { left: 13px; right: auto } .textInput__field:focus:valid~.textInput_clear, .textInput__field:focus~.textInput_clear, .textInput__field:valid~.textInput_clear { opacity: 1 } [class$=__takeover] .textInput__field+.textInput__label:not(.textInput__label--hidden) { letter-spacing: 2.05px; opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px) } [class$=__takeover] .textInput__field::-webkit-input-placeholder { color: transparent } [class$=__takeover] .textInput__field:-moz-placeholder, [class$=__takeover] .textInput__field::-moz-placeholder { color: transparent } [class$=__takeover] .textInput__field:-ms-input-placeholder { color: transparent } .FeatureCollage-heading { margin-bottom: 40px } @media only screen and (min-width:701px) { .FeatureCollage-heading { margin-bottom: 60px } } @media only screen and (min-width:961px) { .FeatureCollage-heading { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .FeatureCollage-heading { margin-bottom: 60px } } .FeatureCollage-heading .Heading-title { margin-top: 0; text-align: center } .FeatureCollage-items { margin: 0; padding: 0 } .FeatureCollage-items .ImageCtaCollage-item { list-style: none } .FeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 60px } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 80px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item:not(:last-of-type) { margin-bottom: 80px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item { padding-bottom: 60px } .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin: 0 0 40px } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin-bottom: 60px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { margin-bottom: 0; position: relative; width: 66.6666666667% } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture { width: 58.3333333333% } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture .Attribution { position: absolute } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-picture .Attribution { position: static } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-cta { -webkit-box-flex: 0; -ms-flex: 0 0 289.9999999987px; flex: 0 0 289.9999999987px; padding-bottom: 60px } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .ImageAndCta-cta { -webkit-box-flex: 0; -ms-flex: 0 0 619.9999999974px; flex: 0 0 619.9999999974px; height: auto } } .FeatureCollage-items .ImageCtaCollage-item .Image { font-size: 0; line-height: 0 } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock { position: relative } } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { display: inline-block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin-bottom: 30px; position: relative; text-transform: uppercase } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { font-family: EB Garamond; font-size: 20px; letter-spacing: .05em; line-height: 1.2em; text-transform: none } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { margin-bottom: 42px; width: 329.9999999986px } html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { margin-bottom: 24px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { width: 100% } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title { margin-bottom: 64px } } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { border-bottom: 2px solid; bottom: -15px; content: ""; left: 0; position: absolute; width: 40px } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { bottom: -20px } html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { bottom: -15px } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:after { border-bottom-width: 3px; bottom: -30px } } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-title:lang(ar):after { left: inherit; right: 0 } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin: 0 0 30px } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { margin-bottom: 0; width: 329.9999999986px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle, .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { width: 100% } } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(ar), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(ar), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(ru), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(ru), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(ko-KR), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(ko-KR), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(zh), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(zh), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(zh-TW), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(zh-TW), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone:lang(ja), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle:lang(ja), .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone, html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle, html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-subtitle { margin-bottom: 20px } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-phone .phone { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-cta:lang(ar) { left: 0; right: inherit } @media only screen and (min-width:701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-cta { line-height: 14px; position: absolute; right: 0; top: 0 } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-cta { bottom: 0; right: inherit; top: inherit } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item .CtaBlock-cta { bottom: inherit; left: inherit; margin-top: 60px; min-width: 200px; right: inherit } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture { margin-right: 30px } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture { margin-right: 55px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture:lang(ar) { margin-left: 30px; margin-right: 0 } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-picture:lang(ar) { margin-left: 55px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta { text-align: left } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta:lang(ar) { text-align: right } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-title:after { left: 0; right: inherit } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-title:lang(ar):after { left: inherit; right: 0 } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-cta { left: 0 } .FeatureCollage-items .ImageCtaCollage-item--left .ImageAndCta-cta .CtaBlock-cta:lang(ar) { left: inherit; right: 0 } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture { margin-left: 30px; margin-right: 0 } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture { margin-left: 55px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture:lang(ar) { margin-left: 0; margin-right: 30px } } @media only screen and (min-width:1701px) { .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-picture:lang(ar) { margin-right: 55px } } @media only screen and (min-width:961px) { .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta { text-align: right } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta:lang(ar) { text-align: left } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta .CtaBlock-title:after { left: inherit; right: 0 } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta .CtaBlock-title:lang(ar):after { left: 0; right: inherit } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta .CtaBlock-cta { right: 0 } .FeatureCollage-items .ImageCtaCollage-item--right .ImageAndCta-cta .CtaBlock-cta:lang(ar) { left: 0; right: inherit } } .FeatureList-heading { margin-bottom: 35px } @media only screen and (min-width:701px) { .FeatureList-heading { margin-bottom: 50px } } .FeatureList-heading .Heading-title { letter-spacing: 3px; margin: 0 0 16px } .FeatureList-heading .Heading-text { margin: 0 } .FeatureList-features { display: block } @media only screen and (min-width:701px) { .FeatureList-features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } } .FeatureList-featuresItem { margin-bottom: 30px } @media only screen and (min-width:701px) { .FeatureList-featuresItem { width: calc(50% - 15px) } .FeatureList-featuresItem:nth-child(odd) { margin-right: 30px } } .Feature-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .Feature-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; line-height: 1em; margin-right: 15px; width: 25px } .Feature--light .Feature-icon { color: #000 } .Feature--dark .Feature-icon { color: #fff } .Feature-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 40px } .Feature-icon+.Feature-cta { margin-left: 0 } .Feature-cta--noLink { margin-bottom: 0; margin-top: 0 } .Feature--light .Feature-cta--noLink { border-bottom-color: #000; color: #000; cursor: auto; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Feature--light .Feature-cta--noLink:focus, .Feature--light .Feature-cta--noLink:focus:before, .Feature--light .Feature-cta--noLink:hover, .Feature--light .Feature-cta--noLink:hover:before { border-bottom-color: transparent } .Feature--light .Feature-cta--noLink:focus, .Feature--light .Feature-cta--noLink:hover { border-color: #767676; color: #767676 } .Feature--dark .Feature-cta--noLink { border-bottom-color: #fff; color: #fff; cursor: auto; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Feature--dark .Feature-cta--noLink:focus, .Feature--dark .Feature-cta--noLink:focus:before, .Feature--dark .Feature-cta--noLink:hover, .Feature--dark .Feature-cta--noLink:hover:before { border-bottom-color: transparent } .Feature--dark .Feature-cta--noLink:focus, .Feature--dark .Feature-cta--noLink:hover { border-color: #999; color: #999 } .Feature-cta--noLink:hover { color: #000 } .Feature-content { padding-left: 40px } .Feature-subtext, .Feature-text { margin: 0 0 10px } .Feature-text { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; letter-spacing: 2.5px; line-height: 1.5em; text-transform: uppercase; text-transform: none } .Feature-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Feature-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Feature-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Feature-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Feature-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Feature-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Feature-text { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Feature-subtext { color: #595959; font: italic 400 .75rem/16px Neue Helvetica, helvetica, sans-serif; letter-spacing: 2.5px; text-transform: none } .Feature--dark .Feature-subtext { color: #999 } .FeaturedArticles .Image-picture { position: relative } .FeaturedGeneric { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (min-width:701px) { .FeaturedGeneric { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } .FeaturedGeneric-heading { text-align: center; -webkit-box-flex: 9; -ms-flex: 9 3 0px; flex: 9 3 0 } @media only screen and (min-width:701px) { .FeaturedGeneric-heading { text-align: left } .FeaturedGeneric-heading:lang(ar) { text-align: right } } .FeaturedGeneric-heading .Heading-title { margin-bottom: 20px; margin-top: 5px } @media only screen and (min-width:701px) { .FeaturedGeneric-heading .Heading-title { margin-bottom: 10px } } .FeaturedGeneric-heading .Heading-text { margin-bottom: 20px; margin-top: 0 } @media only screen and (min-width:701px) { .FeaturedGeneric-heading .Heading-text { margin-bottom: 20px } } .FeaturedGeneric-heading .Heading-text.HasVideoButton { margin-bottom: 20px } .FeaturedGeneric-gallery { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; text-align: center } @media only screen and (min-width:701px) { .FeaturedGeneric-gallery { margin-left: 50px; text-align: right } .FeaturedGeneric-gallery:lang(ar) { margin-left: 0; margin-right: 50px; text-align: left } } @media only screen and (min-width:961px) { .FeaturedGeneric-gallery { margin-left: 80px } .FeaturedGeneric-gallery:lang(ar) { margin-left: 0; margin-right: 80px } } .FeaturedGeneric-gallery .Gallery-button { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; margin-bottom: 30px; text-align: inherit; text-transform: uppercase; white-space: nowrap } @media only screen and (min-width:701px) { .FeaturedGeneric-gallery .Gallery-button { margin-bottom: 20px } } .FeaturedGeneric-gallery .Gallery-button:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeaturedGeneric-gallery .Gallery-button:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FeaturedGeneric-gallery .Gallery-button { font-family: EB Garamond; text-transform: none } .FeaturedGeneric-gallery .Gallery-button:before { margin-right: 4px } .FeaturedGeneric-gallery .Gallery-button:lang(ar):before { margin-left: 10px; margin-right: 0 } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label { border-bottom: 1px solid #000; color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:focus, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:focus:before, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:hover, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:hover:before { border-bottom-color: transparent } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:focus, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:hover { border-color: #767676; color: #767676 } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label { font-family: EB Garamond; text-transform: none } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--light .Button-label:lang(ar) { padding-bottom: 1px } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label { border-bottom: 1px solid #fff; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:focus, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:focus:before, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:hover, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:hover:before { border-bottom-color: transparent } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:focus, .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:hover { border-color: #999; color: #999 } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label { font-family: EB Garamond; text-transform: none } .FeaturedGeneric-gallery .Gallery-button.Button--labeledPlay--dark .Button-label:lang(ar) { padding-bottom: 1px } .FeaturedGeneric-cta { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; margin: 0 auto 30px; text-align: inherit; text-transform: uppercase; white-space: nowrap } .FeaturedGeneric-cta:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FeaturedGeneric-cta:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-cta:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-cta:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-cta:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FeaturedGeneric-cta:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FeaturedGeneric-cta { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .FeaturedGeneric-cta { margin-bottom: 20px; margin-left: 50px; text-align: right } .FeaturedGeneric-cta:lang(ar) { margin-left: 0; margin-right: 50px; text-align: left } } @media only screen and (min-width:961px) { .FeaturedGeneric-cta { margin-left: 80px } .FeaturedGeneric-cta:lang(ar) { margin-left: 0; margin-right: 80px } } .FeaturedGeneric-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .FeaturedRentals-rentals { overflow: hidden; position: relative } @media only screen and (min-width:701px) { .FeaturedRentals-rentals { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .FeaturedRentals-rentals:before { content: none } .FeaturedRentals-rentals--noTruncated { margin-bottom: -60px } .FeaturedRentals-ctaMoreWrapper { bottom: 0; height: 350px; left: 0; position: absolute; width: 100% } .FeaturedRentals-ctaMoreWrapper:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(85%, #fff), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 85%, #fff); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .BodySection--dark .FeaturedRentals-ctaMoreWrapper:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(85%, #000), to(#000)); background: linear-gradient(180deg, transparent 0, #000 85%, #000) } .FeaturedRentals-ctaMoreWrapper--hidden { display: none } .FeaturedRentals-ctaBtn { bottom: 5px; height: 39px; position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .FeaturedRentals-ctaBtn--more { margin-right: 15px; position: relative; width: 100% } .FeaturedRentals-ctaBtn--more:after { content: "\f16d"; font-size: 8px; padding-left: 7px; position: absolute } .FeaturedRentals-ctaBtn--more:lang(ar) { margin-left: 15px; margin-right: 0 } .FeaturedRentals-ctaBtn--more:lang(ar):after { padding-left: 0; padding-right: 7px } .FeaturedRentals-heading { text-align: center } .FeaturedRentals-headingTitle { margin-bottom: 40px; margin-top: 0 } @media only screen and (min-width:701px) { .FeaturedRentals-headingTitle { margin-bottom: 60px } } .FeaturedRentals-rentalCard { margin-bottom: 60px; position: relative } @media only screen and (min-width:701px) { .FeaturedRentals-rentalCard { padding-bottom: 15px } } .FeaturedRentals-rentalProperty { margin-bottom: 10px; margin-top: 0 } .FeaturedRentals-rentalDescription, .FeaturedRentals-rentalName { margin-bottom: 20px; margin-top: 0 } .FeaturedRentals-rentalCta { display: inline-block } @media only screen and (min-width:701px) { .FeaturedRentals-rentalCta { bottom: 0; position: absolute } } .FeaturedRentals-rentalCarousel { margin-bottom: 20px; position: relative } @media only screen and (min-width:961px) { .FeaturedRentals-rentalCarousel:hover .FeaturedRentals-nextButton, .FeaturedRentals-rentalCarousel:hover .FeaturedRentals-prevButton { -webkit-transform: translateX(0); transform: translateX(0) } } .FeaturedRentals-rentalCarouselList { overflow: hidden } .FeaturedRentals-rentalItemCarousel { overflow: hidden; position: relative; width: 100% } .FeaturedRentals-rentalItemCarousel .FeaturedRentals-rentalImage:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, transparent), color-stop(110%, #000)); background: linear-gradient(180deg, transparent 54%, #000 110%); content: ""; left: -3px; position: relative; top: 2px; width: 102% } .FeaturedRentals-rentalItemCarousel:lang(ar) .FeaturedRentals-rentalImage:after { left: 4px } .FeaturedRentals-rentalItem360 .FeaturedRentals-rentalImage:after { background: rgba(0, 0, 0, .45); content: ""; height: 100%; left: 0; position: relative; top: 0; width: 100% } .FeaturedRentals-rentalItem360:lang(ar) .FeaturedRentals-rentalImage:after { left: 0 } .FeaturedRentals-rental360Cta { border-color: #fff; bottom: 50%; position: absolute; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .FeaturedRentals-rentalButtons { bottom: 0; display: none; overflow: hidden; padding: 10px; position: absolute; width: 100% } @media only screen and (min-width:961px) { .FeaturedRentals-rentalButtons { display: block } } .FeaturedRentals-nextButton, .FeaturedRentals-prevButton { background-color: transparent; border: none; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } .FeaturedRentals-prevButton { float: left; padding-left: 5px; padding-top: 5px; position: relative; -webkit-transform: translateX(-125%); transform: translateX(-125%); z-index: 1 } .FeaturedRentals-prevButton:lang(ar) { padding-left: inherit } .FeaturedRentals-nextButton, .FeaturedRentals-prevButton:lang(ar) { float: right; padding-right: 5px; -webkit-transform: translateX(125%); transform: translateX(125%) } .FeaturedRentals-nextButton { padding-top: 5px; position: relative } .FeaturedRentals-nextButton:lang(ar) { float: left; padding-left: 5px; padding-right: inherit; -webkit-transform: translateX(-125%); transform: translateX(-125%) } .FeaturedRentals-prevButtonIcon:before { color: #fff; content: "\f117" } .FeaturedRentals-prevButtonIcon:lang(ar):before { content: "\f118" } .FeaturedRentals-nextButtonIcon:before { color: #fff; content: "\f118" } .FeaturedRentals-nextButtonIcon:lang(ar):before { content: "\f117" } .FeaturedRentals--arrowTabActive, .FeaturedRentals--arrowTabActive:lang(ar) { -webkit-transform: translateX(0); transform: translateX(0) } .FindMeetingVenueWizard { background-color: #f5f5f5; overflow: hidden } .FindMeetingVenueWizard .flickity-viewport { -webkit-transition: height .2s; transition: height .2s } .FindMeetingVenueWizard .WizardPage { padding: 40px 0; width: 100% } @media only screen and (min-width:961px) { .FindMeetingVenueWizard .WizardPage { padding: 60px 0 } } .FindMeetingVenueWizard--uninitialized { max-height: 300px; visibility: hidden } .FindMeetingVenueWizard-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .FindMeetingVenueWizard-page--hidden { display: none } .FindMeetingVenueWizard-page-heading { text-align: center } .FindMeetingVenueWizard-page-buttons { margin-top: 50px } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-page-buttons { display: -webkit-box; display: -ms-flexbox; display: flex } } .FindMeetingVenueWizard-page-optionalLabel { margin-top: 30px; text-align: center } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-page-optionalLabel { margin-top: 50px } } .FindMeetingVenueWizard-page-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .FindMeetingVenueWizard-page-navigation-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .FindMeetingVenueWizard-page-navigation-button { margin: 0 15px 30px } .FindMeetingVenueWizard-page-navigation-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .FindMeetingVenueWizard-page-navigation-number-line:lang(ar) { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .FindMeetingVenueWizard-wizardButton { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; margin-top: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton { margin-bottom: 15px; margin-top: 15px } } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton { margin-bottom: 30px; margin-top: 30px } } .FindMeetingVenueWizard-wizardButton-button { background-color: #fff; height: 100px; margin-bottom: 30px; position: relative; -webkit-transition: opacity .5s; transition: opacity .5s; width: 100% } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button { height: 125px; width: 125px } } @media only screen and (min-width:1701px) { .FindMeetingVenueWizard-wizardButton-button { height: 165px; width: 165px } } .FindMeetingVenueWizard-wizardButton-button--active:not(.FindMeetingVenueWizard-wizardButton-button--noBackground) { border: 1px solid #000 } .FindMeetingVenueWizard-wizardButton-button--inactive { opacity: .5 } .FindMeetingVenueWizard-wizardButton-button-icon { color: transparent; font-size: 0; left: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button-icon { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .FindMeetingVenueWizard-wizardButton-button-icon:before { color: #000; font-size: 3rem; vertical-align: middle } .FindMeetingVenueWizard-wizardButton-button-textOnly { display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button-textOnly { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 70% } } @media only screen and (min-width:1701px) { .FindMeetingVenueWizard-wizardButton-button-textOnly { width: 60% } } .FindMeetingVenueWizard-wizardButton-button-textOnly span { padding: 0 10px } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button-textOnly span { padding: 0 } } .FindMeetingVenueWizard-wizardButton-button--noBackground { background-color: #f5f5f5; height: 165px } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton-button--noBackground { height: 115px } } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button--noBackground { height: 125px } } @media only screen and (min-width:1701px) { .FindMeetingVenueWizard-wizardButton-button--noBackground { height: 165px } } .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon { color: transparent; font-size: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color .5s; transition: color .5s } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon { left: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon:before { color: #7d7d7d; font-size: 7rem; vertical-align: top } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon:before { font-size: 5rem } } @media only screen and (min-width:1701px) { .FindMeetingVenueWizard-wizardButton-button--noBackground .FindMeetingVenueWizard-wizardButton-button-icon:before { font-size: 6rem } } .FindMeetingVenueWizard-wizardButton-button--noBackground.FindMeetingVenueWizard-wizardButton-button--active .FindMeetingVenueWizard-wizardButton-button-icon { color: #000 } .FindMeetingVenueWizard-wizardButton-label { vertical-align: middle } .FindMeetingVenueWizard-wizardButton-label-container.mobile { display: block; left: 40%; position: absolute; text-align: left; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 140px } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-label-container.mobile { display: none } } .FindMeetingVenueWizard-wizardButton-label-container.desktop { display: none; margin: auto; position: relative; text-align: center; width: 100% } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-label-container.desktop { display: block } } @media only screen and (min-width:1701px) { .FindMeetingVenueWizard-wizardButton-label-container { width: 165px } } .FindMeetingVenueWizard-wizardButton-label--noBackground.mobile { display: none } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton-label--noBackground.mobile { display: block } } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-label--noBackground.mobile { display: none } } .FindMeetingVenueWizard-wizardButton-label--noBackground.desktop { display: block } @media only screen and (min-width:701px) { .FindMeetingVenueWizard-wizardButton-label--noBackground.desktop { display: none } } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-label--noBackground.desktop { display: block } } .FindMeetingVenueWizard-wizardButton-text--italic { background: #fff; font-style: italic } .FindMeetingVenueWizard-wizardButton-text--centerLine { border-bottom: 1px solid #d8d8d8; line-height: .1em; text-align: center; width: 33% } @media only screen and (min-width:961px) { .FindMeetingVenueWizard-wizardButton-text--centerLine { width: 100% } } .FindMeetingVenueWizard-wizardButton-text--centerLine span { padding: 0 15px } .FindMeetingVenueWizard-wizardButton-text--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .FolioRequestForm .ContactForm { padding-bottom: 0; padding-top: 0 } @media only screen and (min-width:701px) { .FolioRequestForm .ContactForm { padding-top: 20px } } .FolioRequestForm-Heading { border-bottom: 1px solid #d8d8d8; margin-bottom: 30px } .FolioRequestForm-Heading--title { color: #000; margin: 0 0 30px; text-align: center } .FolioRequestForm-Section { margin-bottom: 23px } .FolioRequestForm-Section--disclaimer { margin: 0; padding-top: 7px; text-align: center } .FolioRequestForm-ButtonCTA { float: none; margin-bottom: 20px; max-width: 379px; width: 100% } .FolioRequestForm-ButtonCTA--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .FolioRequestForm-TermsAndConditions { font-weight: 700; padding-bottom: 0; text-transform: none } .FolioRequestForm-ThankYou--body { margin: 0 auto 50px; max-width: 480px } .PageFooter { background: #000; color: #fff; padding: 80px 0 45px } .PageFooter-logo { margin-bottom: 60px; text-align: center } @media only screen and (min-width:701px) { .PageFooter-logo { margin-bottom: 105px } } .PageFooter-logo img { max-width: 100% } @media only screen and (min-width:701px) { .PageFooter-lists { margin-bottom: 30px } } @media only screen and (min-width:961px) { .PageFooter-lists { margin-bottom: 26px } } .PageFooter-listTitle { margin: 0 0 18px } .PageFooter-list { font-size: .625rem; margin-bottom: 60px } .PageFooter-listItem { line-height: 2em; margin-bottom: 20px } .PageFooter-listItem .CTA { font-size: .625rem } .PageFooter-social { display: table; margin-bottom: -20px } .PageFooter-social:after, .PageFooter-social:before { content: ""; display: table } .PageFooter-social:after { clear: both } .PageFooter-social li { display: table-cell; padding: 0 30px; vertical-align: middle } .PageFooter-social li:first-child { padding-left: 0 } .PageFooter-social li:last-child { padding-right: 0 } .PageFooter-social li:lang(ar):first-child { padding-left: 30px; padding-right: 0 } .PageFooter-social li:lang(ar):last-child { padding-left: 0; padding-right: 30px } .PageFooter-socialProperty { position: relative; text-decoration: none } .PageFooter-socialProperty--twitter { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--twitter:before { color: #fff; content: "\f192"; line-height: 48px } .PageFooter-socialProperty--twitter:focus:before, .PageFooter-socialProperty--twitter:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--twitter:focus, .PageFooter-socialProperty--twitter:hover { border-color: #999; color: #999 } .PageFooter-socialProperty--facebook { font-size: 16.5px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--facebook:before { color: #fff; content: "\f133"; line-height: 48px } .PageFooter-socialProperty--facebook:focus:before, .PageFooter-socialProperty--facebook:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--facebook:focus, .PageFooter-socialProperty--facebook:hover { border-color: #999; color: #999 } .PageFooter-socialProperty--instagram { font-size: 15px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--instagram:before { color: #fff; content: "\f149"; line-height: 48px } .PageFooter-socialProperty--instagram:focus:before, .PageFooter-socialProperty--instagram:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--instagram:focus, .PageFooter-socialProperty--instagram:hover { border-color: #999; color: #999 } .PageFooter-socialProperty--youtube { font-size: 14px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--youtube:before { color: #fff; content: "\f19f"; line-height: 48px } .PageFooter-socialProperty--youtube:focus:before, .PageFooter-socialProperty--youtube:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--youtube:focus, .PageFooter-socialProperty--youtube:hover { border-color: #999; color: #999 } .PageFooter-socialProperty--pinterest { font-size: 14px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--pinterest:before { color: #fff; content: "\f16a"; line-height: 48px } .PageFooter-socialProperty--pinterest:focus:before, .PageFooter-socialProperty--pinterest:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PageFooter-socialProperty--pinterest:focus, .PageFooter-socialProperty--pinterest:hover { border-color: #999; color: #999 } .PageFooter hr { border-color: #4d4d4d; margin: 20px 0 } .PageFooter-lang { position: relative } .PageFooter-lang .LanguageToggle { margin-bottom: 30px } .PageFooter-lang .LanguageToggle-select { font-size: .625rem; max-width: 110px } @media only screen and (min-width:701px) { .PageFooter-lang .LanguageToggle { position: absolute; right: 0; top: -54px } .PageFooter-lang .LanguageToggle:lang(ar) { left: 0; right: auto } } .PageFooter-copyright:after, .PageFooter-copyright:before, .PageFooter-legalList:after, .PageFooter-legalList:before { content: ""; display: table } .PageFooter-copyright:after, .PageFooter-legalList:after { clear: both } .PageFooter-legal:after, .PageFooter-legal:before { content: ""; display: table } .PageFooter-legal:after { clear: both } .PageFooter-legalItem { float: left; font-size: .625rem; position: relative; text-transform: none } .PageFooter-legalItem:not(:last-child):after { content: "•"; display: inline-block; margin-right: 6px; text-align: center; width: 14px } .PageFooter-legalItem:lang(ar) { float: none; float: right } .PageFooter-legalLink { color: #fff; font-size: .625rem; letter-spacing: .078125rem; text-decoration: none; text-transform: none; -webkit-transition: color .3s ease-out; transition: color .3s ease-out } .PageFooter-legalLink:link, .PageFooter-legalLink:visited { color: #fff } .PageFooter-legalLink:focus, .PageFooter-legalLink:hover { color: #7d7d7d } .PageFooter-copyright { color: #7d7d7d; letter-spacing: .125em; letter-spacing: .078125rem; line-height: 1.5em; text-transform: none } .PageFooter-copyright:after, .PageFooter-copyright:before { content: ""; display: table } .PageFooter-copyright:after { clear: both } .PageFooter-copyright a:link, .PageFooter-copyright a:visited { color: #7d7d7d } .PageFooter-copyright a:focus, .PageFooter-copyright a:hover { color: #fff } .FullBleedHero-heading-noSub .Heading-title:after { display: none } .FullBleedMessageCard { position: relative; width: 100% } .FullBleedMessageCard-wrapper { display: grid; overflow: hidden } @media only screen and (min-width:701px) { .FullBleedMessageCard-wrapper { grid-template-columns: 1fr 1fr; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } @media only screen and (min-width:961px) { .FullBleedMessageCard-wrapper { grid-template-columns: .49fr .51fr; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } @media only screen and (min-width:1701px) { .FullBleedMessageCard-wrapper { grid-template-columns: .49fr .51fr; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } .FullBleedMessageCard-imageContainer { aspect-ratio: 4/3; overflow: hidden; position: relative } @media only screen and (min-width:701px) { .FullBleedMessageCard-imageContainer { aspect-ratio: 3/4; min-height: 100% } } @media only screen and (min-width:961px) { .FullBleedMessageCard-imageContainer { aspect-ratio: 4/3; min-height: 100% } } @media only screen and (min-width:1701px) { .FullBleedMessageCard-imageContainer { aspect-ratio: 4/3; min-height: 100% } } .FullBleedMessageCard-image, .FullBleedMessageCard-image .Image { height: 100%; width: 100% } .FullBleedMessageCard-image .Image-img, .FullBleedMessageCard-image .Image-picture { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .FullBleedMessageCard-body { background-color: var(--color-surface-raised-subtle, #fff); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0 } @media only screen and (min-width:961px) { .FullBleedMessageCard-body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width:1701px) { .FullBleedMessageCard-body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .FullBleedMessageCard-title { color: var(--color-text-heading, #030303) } .FullBleedMessageCard-title h2 { margin: 0 !important } .FullBleedMessageCard-content, .FullBleedMessageCard-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .FullBleedMessageCard-copy { color: var(--color-text-heading, #030303) } .FullBleedMessageCard-signatureBlock { display: -webkit-box; display: -ms-flexbox; display: flex } .FullBleedMessageCard-signature { display: inline-block; height: 56px; line-height: 0; max-width: 110px; width: 100% } .FullBleedMessageCard-signature .Image-ratioContainer { height: 100%; width: 100% } .FullBleedMessageCard-signature .Image-img, .FullBleedMessageCard-signature .Image-picture { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .FullBleedMessageCard-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .FullBleedMessageCard-contactImage { -ms-flex-negative: 0; flex-shrink: 0; height: 60px !important; width: 60px !important } .FullBleedMessageCard-contactImage .ImageCircle-img { height: 60px !important; -o-object-fit: cover; object-fit: cover; width: 60px !important } .FullBleedMessageCard-contactInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px } .FullBleedMessageCard-contactName { color: var(--color-text-heading, #030303); margin: 0 } .FullBleedMessageCard-contactTitle { color: var(--color-text-secondary, #4d4d4d); margin: 0 } .FullBleedVideoOverlay { position: relative } .FullBleedVideoOverlay-backgroundImage { height: 56.25vw } .FullBleedVideoOverlay-backgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; display: block; height: 20%; position: absolute; width: 100% } .FullBleedVideoOverlay-gallery { bottom: 20px; left: 20px; position: absolute } @media only screen and (min-width:701px) { .FullBleedVideoOverlay-gallery { left: 40px } } @media only screen and (min-width:961px) { .FullBleedVideoOverlay-gallery { bottom: 30px; left: 30px } } .FullBleedVideoOverlay-gallery .Gallery-button:before { margin-right: 15px } .FullscreenHero+div[id^=caw-] { margin-left: auto; margin-right: auto; margin-top: -60px; max-width: 790px; position: relative; z-index: 2 } @media only screen and (max-width:1266px) { .FullscreenHero+div[id^=caw-] { display: none } } body.has-sticky-check-rates { margin-top: 60px } .FullscreenHero.FullscreenHero-CenteredContent .Hero, .FullscreenHero.FullscreenHero-CenteredContent .Hero .BackgroundImage, .FullscreenHero.FullscreenHero-CenteredContent .Hero-video { max-height: calc(640px - var(--alertheight, 0)) } @media only screen and (min-width:701px) { .FullscreenHero.FullscreenHero-CenteredContent .Hero, .FullscreenHero.FullscreenHero-CenteredContent .Hero .BackgroundImage, .FullscreenHero.FullscreenHero-CenteredContent .Hero-video { max-height: calc(950px - var(--alertheight, 0)) } } @media only screen and (min-width:961px) { .FullscreenHero.FullscreenHero-CenteredContent .Hero, .FullscreenHero.FullscreenHero-CenteredContent .Hero .BackgroundImage, .FullscreenHero.FullscreenHero-CenteredContent .Hero-video { max-height: calc(100vh - var(--alertheight, 0)) } } .FullscreenHero.FullscreenHero-CenteredContent .Hero .BackgroundImage:after, .FullscreenHero.FullscreenHero-CenteredContent .Hero-video:after, .FullscreenHero.FullscreenHero-CenteredContent .Hero:after { background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); background: linear-gradient(0deg, transparent 0, #000); top: 0 } @media only screen and (min-width:961px) { .FullscreenHero.FullscreenHero-CenteredContent .Hero .BackgroundImage:after, .FullscreenHero.FullscreenHero-CenteredContent .Hero-video:after, .FullscreenHero.FullscreenHero-CenteredContent .Hero:after { background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); background: linear-gradient(0deg, transparent 0, #000); top: 0 } } @media only screen and (min-width:701px)and (max-width:960px) { .FullscreenHero.FullscreenHero-CenteredContent .Hero .hero-background-device .BackgroundImage { min-height: calc(510px - var(--alertheight, 0)) } .FullscreenHero.FullscreenHero-CenteredContent .Hero .hero-background-device .BackgroundImage .BackgroundImage-picture { height: 56.25vw } .FullscreenHero.FullscreenHero-CenteredContent .Hero .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .FullscreenHero.FullscreenHero-CenteredContent .Hero .Hero-video .Video-playButton, .SignatureCard-video .FullscreenHero.FullscreenHero-CenteredContent .Hero .Hero-video .Video-playButton--hasAvailabilityMessage { bottom: 15% } } .FullscreenHero-dark { background-color: #000 } .FullscreenHero .Hero .BackgroundImage { z-index: auto } .FullscreenHero .Hero, .FullscreenHero .Hero .BackgroundImage, .FullscreenHero .Hero-video { max-height: calc(950px - var(--alertheight, 0)); min-height: calc(150px - var(--alertheight, 0)) } @media only screen and (min-width:701px) { .FullscreenHero .Hero, .FullscreenHero .Hero .BackgroundImage, .FullscreenHero .Hero-video { min-height: calc(350px - var(--alertheight, 0)) } } @media only screen and (min-width:961px) { .FullscreenHero .Hero, .FullscreenHero .Hero .BackgroundImage, .FullscreenHero .Hero-video { height: calc(100vh - var(--alertheight, 0)); max-height: calc(100vh - var(--alertheight, 0)); min-height: calc(90vh - var(--alertheight, 0)) } } .FullscreenHero .Hero .BackgroundImage:after, .FullscreenHero .Hero-video:after, .FullscreenHero .Hero:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 25% } .FullscreenHero .Hero .BackgroundImage:after, .FullscreenHero .Hero-video:after, .FullscreenHero-prioritize-links.FullscreenHero .Hero:after { height: 25% } @media only screen and (min-width:961px) { .FullscreenHero .Hero .BackgroundImage:after, .FullscreenHero .Hero-video:after, .FullscreenHero .Hero:after, .FullscreenHero-prioritize-links.FullscreenHero .Hero:after { height: 55% } } .FullscreenHero.has-conversation-card .FullscreenHero-checkRatesContainer { display: none !important } @media only screen and (min-width:0)and (max-width:960px) { .FullscreenHero .Hero-video { height: 56.25vw; width: 100vw } .FullscreenHero .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .FullscreenHero .Hero-video .Video-playButton, .SignatureCard-video .FullscreenHero .Hero-video .Video-playButton--hasAvailabilityMessage { bottom: 0; right: 1px } .FullscreenHero .Hero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .FullscreenHero .Hero-video .Video-playButton:lang(ar), .SignatureCard-video .FullscreenHero .Hero-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 1px; right: auto } } @media only screen and (min-width:0)and (max-width:700px) { .FullscreenHero .Hero-video { height: 75vw } } .FullscreenHero .FullscreenHero-container .rectangle { background: #7d7d7d; bottom: 0; display: none; height: 40px; left: calc(50% + 1px); opacity: 0; overflow: hidden; position: absolute; width: 2px; z-index: 2 } @media only screen and (min-width:961px) { .FullscreenHero .FullscreenHero-container .rectangle { display: block } } .FullscreenHero .FullscreenHero-container .rectangle .innerRectangle { background: #fff; bottom: 100%; height: 40px; position: relative; width: 2px } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; align-self: center } @media only screen and (min-width:701px) { .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard { padding-bottom: 24px; padding-top: 44px; width: 690px } } @media only screen and (min-width:1701px) { .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard { padding-bottom: 44px; padding-top: 64px; width: 760px } } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard-iconLinks { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard .Heading-text { font-size: 1.5rem; font-weight: 300; letter-spacing: .0208333333em; line-height: 1.2916666667em; margin-bottom: 30px } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container { height: 120px; padding: 34px 10px; width: 130px } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--icon { font-size: 1.4375rem } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .ConversationCard-heroWrapper .ConversationCard .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--text { font-size: .625rem; letter-spacing: .2em } .FullscreenHero-CenteredContent.FullscreenHero .FullscreenHero-container .Heading { text-align: center } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; width: 100% } @media only screen and (min-width:961px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container { height: 90vh } } .has-conversation-card.FullscreenHero .Hero .BackgroundImage .FullscreenHero-container { -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center } @media only screen and (min-width:961px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container .Heading-title { font-size: 44px; letter-spacing: 6px; line-height: 62px } } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container .Heading-title:after, .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) { display: none } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) { display: block } .has-quick-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) { -ms-flex-item-align: end; align-self: flex-end } .has-quick-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) .QuickLinks-link--container { margin-bottom: 0 } } @media only screen and (min-width:961px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) { margin-bottom: 70px; opacity: 0; -webkit-transform: translate(150px, 100%); transform: translate(150px, 100%) } .has-quick-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer) { padding-bottom: 0 } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-container>div:not(.rectangle):not(.FullscreenHero-headingContainer):lang(ar) { -webkit-transform: translate(-150px, 100%); transform: translate(-150px, 100%) } } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { z-index: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: end; align-self: flex-end; padding: 10px 15px 20px } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 50px; padding-left: 22px; padding-right: 0 } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer:lang(ar) { padding-left: 0; padding-right: 22px } .has-quick-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 30px } } @media only screen and (min-width:961px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { max-width: 50%; padding-bottom: 70px; padding-left: 45px } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer:lang(ar) { padding-left: 0; padding-right: 45px } .has-quick-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { max-width: 545px; padding-bottom: 70px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { max-width: 100% } } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 180px; padding-top: 50px; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0; flex: 0 } @media only screen and (min-width:701px) { .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 130px; padding-left: 0; padding-top: 70px } } @media only screen and (min-width:961px) { .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 40px; padding-top: 160px } } @media only screen and (min-width:1701px) { .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer { padding-bottom: 100px; padding-top: 165px } } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading { width: auto } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading { text-align: left } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading:lang(ar) { text-align: right } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading, .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading:lang(ar) { text-align: center } } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow { font-size: .9375rem; line-height: 1.6666666667em } @media only screen and (min-width:701px) { .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-eyebrow { font-family: EB Garamond; text-transform: none } } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-title { font-size: 1.25rem; letter-spacing: .1em; line-height: 1.1em; margin-top: 5px } @media only screen and (min-width:701px) { .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-title { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-subtitle { display: none } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-headingContainer .Heading .Heading-subtitle { display: block } } .FullscreenHero .Hero .BackgroundImage .FullscreenHero-linksContainer { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .FullscreenHero-prioritize-links.FullscreenHero .Hero .BackgroundImage .FullscreenHero-linksContainer { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage .FullscreenHero-linksContainer { -webkit-box-pack: normal; -ms-flex-pack: normal; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: normal } } .FullscreenHero .Hero .BackgroundImage .VideoHero-heading-noTitle { display: none } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage .QuickLinks.QuickLinks--hero { width: 100%; -ms-flex-item-align: center; align-self: center } @media only screen and (min-width:0)and (max-width:960px) { .FullscreenHero .Hero .BackgroundImage.Hero-yield { background-color: #000; height: 100%; max-height: calc(950px - var(--alertheight, 0)); min-height: calc(120px - var(--alertheight, 0)) } .FullscreenHero .Hero .BackgroundImage.Hero-yield:after { height: 0% } .FullscreenHero-CenteredContent.FullscreenHero .Hero .BackgroundImage.Hero-yield .FullscreenHero-headingContainer { padding-bottom: 180px; padding-top: 0; -ms-flex-item-align: start; align-self: flex-start } } @media only screen and (min-width:701px) { .FullscreenHero .Hero .BackgroundImage.Hero-yield .FullscreenHero-container { height: auto } } .FullscreenHero-underHero { display: none; height: 15vh; opacity: 1; padding-top: 20px; text-align: center } @media only screen and (min-width:961px) { .FullscreenHero-underHero { display: block } } .FullscreenHero-underHero-dark { background-color: #000; color: #fff } .FullscreenHero-underHero-light { background-color: #fff; color: #000 } .FullscreenHero-mobileUnderHero { margin-top: 30px; padding-bottom: 50px } .FullscreenHero-mobileUnderHero-dark { background-color: #000; color: #fff } .FullscreenHero-mobileUnderHero-light { background-color: #fff; color: #000 } .has-quick-links .FullscreenHero-mobileUnderHero { margin-bottom: 0 } @media only screen and (min-width:701px) { .FullscreenHero-mobileUnderHero { display: none } } .FullscreenHero-mobileUnderHero .Heading-eyebrow, .FullscreenHero-mobileUnderHero .Heading-title { display: none } .FullscreenHero-mobileUnderHero .Heading-subtitle { margin: 0 35px 20px; text-align: center } .FullscreenHero-mobileUnderHero .FullscreenHero-linksContainer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; padding: 0 } .FullscreenHero-mobileUnderHero .FullscreenHero-separator { border: 1px solid #d8d8d8; margin: 20px 25px; width: calc(100% - 50px) } .FullscreenHero-mobileUnderHero .ConversationCard { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25); box-shadow: 0 0 20px rgba(0, 0, 0, .25); margin: 0 15px; opacity: 0; position: absolute; width: calc(100% - 30px); z-index: 2 } .FullscreenHero-CenteredContent .ConversationCard { margin: 0 auto } .FullscreenHero-CenteredContent .ConversationCard-iconLinks { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .FullscreenHero-CenteredContent .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container { height: 120px; padding: 34px 10px; width: 130px } .FullscreenHero-CenteredContent .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--icon { font-size: 1.4375rem } .FullscreenHero-CenteredContent .ConversationCard-iconLinks .QuickLinks-link--column .QuickLinks-link--container .QuickLinks-link--text { font-size: .625rem; letter-spacing: .2em } .FullscreenHero-CenteredContent .ConversationCard-buttonLinks, .FullscreenHero-CenteredContent .ConversationCard-textLinks { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .FullscreenHero-CenteredContent .Heading, .FullscreenHero-CenteredContent .Heading:lang(ar) { text-align: center } .FullscreenHero-CenteredContent .Heading .Heading-text { font-size: 1.25rem; font-weight: 300; letter-spacing: .025em; line-height: 1.2em } .FullscreenHero-linksContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px } .FullscreenHero-linksContainer .CTA { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .FullscreenHero-linksContainer .CTA:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FullscreenHero-linksContainer .CTA:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-linksContainer .CTA:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-linksContainer .CTA:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-linksContainer .CTA:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero-linksContainer .CTA:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FullscreenHero-linksContainer .CTA { font-family: EB Garamond; text-transform: none } .FullscreenHero .Heading { width: auto } @media only screen and (min-width:701px) { .FullscreenHero .Heading { text-align: left } .FullscreenHero .Heading:lang(ar) { text-align: right } .FullscreenHero-CenteredContent.FullscreenHero .Heading, .FullscreenHero-CenteredContent.FullscreenHero .Heading:lang(ar) { text-align: center } } .FullscreenHero .Heading .Heading-title { margin: 0 } @media only screen and (min-width:701px) { .FullscreenHero .Heading .Heading-title.has-subtitle { margin: 0 0 15px } } .FullscreenHero .Heading .Heading-subtitle { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase } .FullscreenHero .Heading .Heading-subtitle:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FullscreenHero .Heading .Heading-subtitle:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero .Heading .Heading-subtitle:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero .Heading .Heading-subtitle:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero .Heading .Heading-subtitle:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FullscreenHero .Heading .Heading-subtitle:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FullscreenHero .Heading .Heading-subtitle { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .FullscreenHero-CenteredContent .Hero .BackgroundImage .ConversationCard .Heading:lang(ar) { text-align: center } .FullscreenHero-checkRatesContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 15px 15px } @media only screen and (min-width:701px) { .FullscreenHero-checkRatesContainer { display: none } } .FullscreenHero-checkRatesCta { background-color: #000; border: 1px solid #000; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .9375rem; font-weight: 700; height: 43px; letter-spacing: 4.5px; line-height: 19px; max-width: 343px; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100% } .FullscreenHero-checkRatesCta:focus, .FullscreenHero-checkRatesCta:hover { background-color: #fff; border-color: #000; color: #000 } .FullscreenHero-checkRatesCta.is-active { background-color: #fff; border: 1px solid #000; color: #000 } .FullscreenHero-light .FullscreenHero-checkRatesCta { background-color: #000; border: 1px solid #000; color: #fff } .FullscreenHero-light .FullscreenHero-checkRatesCta:focus, .FullscreenHero-light .FullscreenHero-checkRatesCta:hover { background-color: #fff; border-color: #000; color: #000 } .FullscreenHero-light .FullscreenHero-checkRatesCta.is-active { background-color: #fff; border: 1px solid #000; color: #000 } .FullscreenTabContainer-title { margin-bottom: 30px; text-align: center } .FullscreenTabContainer-title-text { margin: 0 } .FullscreenTabContainer-tabs { padding: 0 20px; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; gap: 20px; height: auto; justify-content: flex-start; overflow-x: scroll; scrollbar-width: none } .FullscreenTabContainer-tabs, .FullscreenTabContainer-tabsContainer { -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .FullscreenTabContainer-tabsContainer { margin-bottom: 50px; -webkit-box-orient: vertical; border-bottom: 1px solid #d8d8d8; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative } .FullscreenTabContainer-tabs::-webkit-scrollbar { display: none } @media only screen and (min-width:961px) { .FullscreenTabContainer-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .FullscreenTabContainer-tabs-arrow { height: 100%; pointer-events: all } .FullscreenTabContainer-tabs-arrowContainer { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90px } .FullscreenTabContainer-tabs-arrowContainer:lang(ar) { -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg) } .FullscreenTabContainer-tabs-arrowContainer-right { background: -webkit-gradient(linear, right top, left top, color-stop(34.96%, var(--color-text-inverse-heading, #fff)), color-stop(86.96%, hsla(0, 0%, 100%, 0))); background: linear-gradient(270deg, var(--color-text-inverse-heading, #fff) 34.96%, hsla(0, 0%, 100%, 0) 86.96%); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; right: 0 } .FullscreenTabContainer-tabs-arrowContainer-right:lang(ar) { left: 0; right: unset; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .FullscreenTabContainer-tabs-arrowContainer-left { background: -webkit-gradient(linear, left top, right top, color-stop(34.96%, var(--color-text-inverse-heading, #fff)), color-stop(86.96%, hsla(0, 0%, 100%, 0))); background: linear-gradient(90deg, var(--color-text-inverse-heading, #fff) 34.96%, hsla(0, 0%, 100%, 0) 86.96%); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; left: 0 } .FullscreenTabContainer-tabs-arrowContainer-left:lang(ar) { left: unset; right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } .FullscreenTabContainer-tabs-arrow:before { background: var(--color-surface-default, #fff); border: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); border-radius: 100px; padding: 9px 13.5px } .FullscreenTabContainer-tabs-arrow-left { padding-left: 20px } .FullscreenTabContainer-tabs-arrow-right { padding-right: 20px } .FullscreenTabContainer-tab { height: 100%; padding: 10px 20px 20px; width: 100%; -ms-flex-item-align: stretch; align-self: stretch; background: none; border: none; display: inline-block; font-weight: 400; max-width: 160px; min-width: 160px; text-align: center } .FullscreenTabContainer-tab--dark { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FullscreenTabContainer-tab--dark:focus, .FullscreenTabContainer-tab--dark:hover { border-color: #999; color: #999 } .FullscreenTabContainer-tab--light { color: #2d2d2d; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FullscreenTabContainer-tab--light:focus, .FullscreenTabContainer-tab--light:hover { border-color: #767676; color: #767676 } .FullscreenTabContainer-tab:before { content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden } .FullscreenTabContainer-tab--active { border-bottom: 4px solid var(--color-text-heading, #030303) !important; font-weight: 700; padding-bottom: 16px } .FullscreenTabContainer-pages { display: block; width: auto } .FullscreenTabContainer-page { display: none; left: 0; position: relative; top: 0 } .FullscreenTabContainer-page--active { display: block } .FunctionRoom-bulleted-list .BulletedList-heading .Heading-title { text-align: left } .Gallery-overlay { background-color: #fff; color: #000; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100vw; z-index: 10 } .Gallery-overlay, .Gallery-overlay--shown { -webkit-transition: visibility .8s 0s, opacity .8s ease-out; transition: visibility .8s 0s, opacity .8s ease-out } .Gallery-overlay--shown { opacity: 1; visibility: visible } .Gallery-pagination { display: none; left: 30px; position: absolute; top: 30px } .Gallery-overlay--paginated .Gallery-pagination { display: block } .Gallery-overlay--paginated .Gallery-pagination:lang(ar) { display: -webkit-box; display: -ms-flexbox; display: flex; left: auto; right: 30px } @media only screen and (min-width:961px) { .Gallery-overlay--paginated .Gallery-pagination, .Gallery-overlay--paginated .Gallery-pagination:lang(ar) { left: auto; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } } .Gallery-currentPageNumber:after { content: "\f166"; font-size: 20px; margin-left: 7px; vertical-align: middle } .Gallery-currentPageNumber:lang(ar):before { content: "\f166"; font-size: 20px; margin-right: 7px; vertical-align: middle } .Gallery-currentPageNumber:lang(ar):after { content: "" } .Gallery-closeButton { position: absolute; right: 15px; top: 15px; z-index: 1 } .Gallery-closeButton:lang(ar) { left: 15px; right: auto } .Gallery-slide { height: 100vh; padding: 104px 15px; text-align: center; width: 100vw } @media only screen and (min-width:568px) { .Gallery-slide { padding: 70px 23.08% 102px } } @media only screen and (min-width:701px) { .Gallery-slide { padding: 128px 12.5% } } @media only screen and (min-width:961px) { .Gallery-slide { padding: 96px 12.5% } } @media only screen and (min-width:1701px) { .Gallery-slide { padding: 135px 12.5% } } .Gallery-slide .Image { height: 100%; width: 100% } .Gallery-slide .Image-img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .Gallery-slide .Image-img--ieFixed { height: auto; width: auto } .Gallery-slide .Image-img--taller { height: 100%; margin: auto } .Gallery-slide .Image-img--wider, .Gallery-slide .ThirdPartyVideo--wider { width: 100% } .Gallery-slide .ThirdPartyVideo--taller { height: 100%; margin: 0 auto } .Gallery .GalleryItem-caption { bottom: 30px; line-height: 13px; position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .Gallery .GalleryItem-captionSeparator { background-color: #d8d8d8; height: 1px; margin: 12px 7.5px 0; text-align: center } @media only screen and (min-width:701px) { .Gallery .GalleryItem-captionSeparator { margin: 15px 15px 0 } } .Gallery .GalleryItem--grip { bottom: 40px; left: 0; position: absolute; top: 32px; width: calc(50% - 50px); z-index: 3 } .Gallery .GalleryItem--grip:before { content: ""; display: block; height: 42%; left: 100%; position: absolute; top: 0; width: 60% } .Gallery .GalleryItem--grip+.GalleryItem--grip { left: auto; right: 0 } .Gallery .GalleryItem--grip+.GalleryItem--grip:before { bottom: 0; height: 39%; left: auto; right: 100%; top: auto } .Gallery .GalleryItem--image { -webkit-transform: translateZ(0); transform: translateZ(0) } .Gallery .GalleryItem-attribution { float: none; margin: 14px auto 0; text-align: center } @media only screen and (min-width:701px) { .Gallery .GalleryItem-attribution { margin-top: 15px } } .Gallery .GalleryItem-attribution .Attribution-author { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .Gallery .GalleryItem-attribution .Attribution-author:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Gallery .GalleryItem-attribution .Attribution-author:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Gallery .GalleryItem-attribution .Attribution-author:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Gallery .GalleryItem-attribution .Attribution-author:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Gallery .GalleryItem-attribution .Attribution-author:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Gallery .GalleryItem-attribution .Attribution-author:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Gallery .GalleryItem-attribution .Attribution-author { font-family: EB Garamond; text-transform: none } .Gallery .GalleryItem-attribution:lang(ar) { text-align: center } .Gallery .GalleryItem-wrapper { height: 100%; position: relative; width: 100% } .Gallery .GalleryItem-wrapper--taller { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Gallery-navigationButton { bottom: 50%; display: none; position: absolute; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 1 } @media only screen and (min-width:701px) { .Gallery-overlay--paginated .Gallery-navigationButton { display: block } } .Gallery-prevButton { left: 30px } .Gallery-prevButton:lang(ar) { left: auto; right: 30px } .Gallery-nextButton { right: 30px } .Gallery-nextButton:lang(ar) { left: 30px; right: auto } .Gallery-list-single-item .GalleryItem--grip { display: none } .GeneralInterestForm a { color: #000 } .BodySection--dark .GeneralInterestForm a { color: #fff } .GeneralInterestForm-Section { margin-bottom: 50px } .GeneralInterestForm-Header { margin-bottom: 30px; margin-top: 0; text-align: center } .GeneralInterestForm-Header-intro { margin-bottom: 40px; margin-top: 0; text-align: center } .GeneralInterestForm-Header-intro p { margin: 0 } .GeneralInterestForm-RadioButtons { margin-top: 15px } .GeneralInterestForm-RadioButtons .RadioButtons-label { font-size: 1.25rem } .GeneralInterestForm-RadioButtons .RadioButtons-button { margin: 0 } .GeneralInterestForm-RadioButtons .RadioButtons-button:not(:last-child) { margin-right: 30px } .GeneralInterestForm-RadioButtonsLabel { display: block; line-height: 1.5em } .GeneralInterestForm .ContactForm { padding-top: 75px } .GeneralInterestForm .ContactForm .CTA-light-on-light { border-color: #000 } .GeneralInterestForm .ContactForm .ContactForm-SubmitCTA { max-width: 175px; min-width: 175px; width: 175px } .GeneralInterestForm .ContactForm .ContactForm-SubmitCTA:disabled { background: #7d7d7d; border: 1px solid #7d7d7d; cursor: default } .GeneralInterestForm .ContactForm .ContactForm-SubmitCTA:disabled:hover { color: #fff } .GeneralInterestForm .hidden { display: none } .GeneralInterestForm .LegalAgreement { margin-left: 15px; margin-right: 15px } @media only screen and (min-width:701px) { .GeneralInterestForm .LegalAgreement { margin-left: 15px; margin-right: 15px } } .GeneralInterestForm .LegalDisclaimer { margin-bottom: 20px } .HeadingAndImageGroup-heading { margin-bottom: 40px; text-align: center } .HeadingAndImageGroup-heading .ty-h2 { font-size: 3.375rem; font-weight: 100; letter-spacing: .0625rem; line-height: 4rem; text-align: center; text-transform: none } .HeadingAndImageGroup-items { display: none } @media only screen and (min-width:701px) { .HeadingAndImageGroup-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap } .HeadingAndImageGroup-items, .HeadingAndImageGroup-items.moreThan3 { -ms-flex-pack: distribute; justify-content: space-around } .HeadingAndImageGroup-items.moreThan3 .HeadingAndImageGroupItem { margin-left: 0; margin-right: 0 } .HeadingAndImageGroup .MobileCarousel { display: none } } .HeadingAndImageGroup .MobileCarousel .flickity-page-dots { bottom: 0 } .HeadingAndImageGroup .MobileCarousel--light .dot.is-selected { background-color: #000 } .HeadingAndImageGroupItem { margin-left: 8.33333%; width: 83.33333% } .HeadingAndImageGroupItem:lang(ar) { margin-left: 0; margin-right: 8.33333% } @media only screen and (min-width:701px) { .HeadingAndImageGroupItem { margin-left: 7%; margin-right: 7%; -ms-flex-preferred-size: 28.33333%; flex-basis: 28.33333% } } .HeadingAndImageGroupItem-image { margin-bottom: 40px; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s } .HeadingAndImageGroupItem-text { text-align: center } .HeadingAndImage-heading { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .HeadingAndImage-heading { margin-bottom: 60px } } @media only screen and (min-width:961px) { .HeadingAndImage-heading { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .HeadingAndImage-heading { margin-bottom: 60px } } .HeadingAndImage-heading .Heading-title { margin-bottom: 40px; position: relative } .HeadingAndImage-heading .Heading-title:after { border-bottom: 2px solid #fff; bottom: -20px; content: ""; left: calc(50% - 15px); position: absolute; width: 30px } @media only screen and (min-width:701px) { .HeadingAndImage-heading .Heading-title:after { left: calc(50% - 20px); width: 40px } } .HeadingAndImage-image .Image { display: block; font-size: 0 } .HeadingAndImage .VideoOverlay .Gallery-button { margin-top: 20px } @media only screen and (min-width:1701px) { .HeadingAndImage .VideoOverlay .Gallery-button { margin-top: 30px } } .HeadingAndLinks-heading { margin-bottom: 60px; text-align: center } @media only screen and (min-width:961px) { .HeadingAndLinks-heading { margin-bottom: 80px } } .HeadingAndLinks-heading .Heading-title { margin-bottom: 0; padding-bottom: 30px; position: relative } @media only screen and (min-width:701px) { .HeadingAndLinks-heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } .HeadingAndLinks-heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .HeadingAndLinks-heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .HeadingAndLinks-heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .HeadingAndLinks-heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .HeadingAndLinks-heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .HeadingAndLinks-heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .HeadingAndLinks-heading .Heading-title { font-family: EB Garamond; text-transform: none } } .HeadingAndLinks-heading .Heading-title:after { border-top: 2px solid; bottom: 15px; content: ""; display: block; left: calc(50% - 20px); position: absolute; width: 40px } .HeadingAndLinks-heading .Heading-title+.Heading-text { margin-top: 0 } .HeadingAndLinks-list { list-style: none; margin: 0; padding: 0 } @media only screen and (min-width:701px) { .HeadingAndLinks-col { padding: 0 } } .HeadingAndLinks-table { border-collapse: separate; width: 100% } .HeadingAndLinks-item { display: block; position: relative; width: 100% } .HeadingAndLinks-item:before { border-top: 1px solid; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0 } @media only screen and (min-width:701px) { .HeadingAndLinks-item { display: table-cell; padding: 0 15px; width: 50% } .HeadingAndLinks-item:before { left: 15px; right: 15px } .HeadingAndLinks .col-md-6:nth-child(odd) { clear: both } } .HeadingAndLinks .CTA { display: block; padding-bottom: 31px; padding-right: 37px; padding-top: 31px; position: relative } .HeadingAndLinks .CTA:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .HeadingAndLinks .CTA:lang(ar) { padding-left: 37px; padding-right: 0 } .HeadingAndLinks .CTA:lang(ar):after { left: 0; right: auto } .HeadingAndList-heading .Heading-title { margin-bottom: 40px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .HeadingAndList-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .HeadingAndList-heading .Heading-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .HeadingAndList-heading .Heading-title { margin-bottom: 60px } } .HeadingAndList .TableList-item { display: block; padding: 30px 0 55px } @media only screen and (min-width:701px) { .HeadingAndList .TableList-item { padding-bottom: 35px } } @media only screen and (min-width:961px) { .HeadingAndList .TableList-item { padding-bottom: 55px } } @media only screen and (min-width:1701px) { .HeadingAndList .TableList-item { padding-bottom: 75px } } .HeadingAndList .TableList-item-title { margin-bottom: 5px } @media only screen and (min-width:701px) { .HeadingAndList .TableList-item-title { margin-bottom: 15px } } .HeadingAndList .TableList-item-description { margin-left: 0; text-align: left } .HeadingAndList .TableList-item-description:lang(ar) { text-align: right } .HeadingAndList .TableList-item-description-head:not(:last-child) { margin-bottom: 15px } @media only screen and (min-width:1701px) { .HeadingAndList .TableList-item-description-head:not(:last-child) { margin-bottom: 33px } } .HeadingAndList .TableList-item-description-cta { margin-top: 0; text-align: left } .HeadingAndList .TableList-item-description-cta:lang(ar) { text-align: right } .HeadingDescriptionHighlight-heading { text-align: center } .HeadingDescriptionHighlight-heading .Heading-title { margin-bottom: 20px; margin-top: 0 } .HeadingDescriptionHighlight-heading .Heading-text { margin-bottom: 0; margin-top: 0 } .HeadingDescriptionHighlight-heading .Heading-text:lang(ja) { font-size: 1rem } @media only screen and (min-width:961px) { .HeadingDescriptionHighlight-heading .Heading-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em } .HeadingDescriptionHighlight-heading .Heading-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .HeadingDescriptionHighlight-heading .Heading-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .HeadingDescriptionHighlight-heading .Heading-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .HeadingDescriptionHighlight-heading .Heading-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .HeadingDescriptionHighlight-heading .Heading-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .HeadingDescriptionHighlight-heading .Heading-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .HeadingDescriptionHighlight-heading .Heading-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } } .HeadingTextCta { margin: 70px auto; width: 325px } .HeadingTextCta-heading { margin-bottom: 20px; text-align: center } .HeadingTextCta-heading p { margin: 0 } .HeadingTextCta-title { text-transform: uppercase } .HeadingTextCta-cta { margin-bottom: 20px; text-align: center } @media only screen and (min-width:961px) { .HeadingTextCta-cta { margin-top: 30px } } .HeadingTextCta--light .HeadingTextCta-title:after { background-color: #000 } .HeadingTextCta--dark .HeadingTextCta-title:after { background-color: #fff } @media only screen and (min-width:701px) { .HeadingTextCta { margin: 74px auto; width: 450px } } @media only screen and (min-width:961px) { .HeadingTextCta { margin: 94px auto; width: 700px } } @media only screen and (min-width:701px) { .HeadlineQRBlock .container { margin: 0 auto; max-width: 1200px; padding: 0 20px } } .HeadlineQRBlock-textSection { padding: 60px 0 } @media only screen and (min-width:701px) { .HeadlineQRBlock-textSection { padding: 80px 0 } } .HeadlineQRBlock-content { margin: 0 auto; max-width: 530px } @media only screen and (min-width:701px) { .HeadlineQRBlock-content { margin: 0; padding-right: 0 } } .HeadlineQRBlock-headline { margin-bottom: 30px } @media only screen and (min-width:701px) { .HeadlineQRBlock-headline { margin-bottom: 40px } } .HeadlineQRBlock-headline .HeadlineQRBlock-headlineText .Heading-title.ty-h1 { color: #000; font-family: Neue Helvetica, Helvetica, sans-serif; font-size: 46px; font-weight: 300; letter-spacing: 8%; line-height: 120%; margin-bottom: 0; text-transform: uppercase } .HeadlineQRBlock-subheadline { margin-bottom: 40px } @media only screen and (min-width:701px) { .HeadlineQRBlock-subheadline { margin-bottom: 50px } } .HeadlineQRBlock-subheadline .HeadlineQRBlock-subheadlineText .Quote { border: none; margin: 0; padding: 0 } .HeadlineQRBlock-subheadline .HeadlineQRBlock-subheadlineText .Quote .Quote-text { color: #000; font-family: Monotype Garamond, garamond, serif; font-size: 24px; font-weight: 400; letter-spacing: 2%; line-height: 150%; margin: 0 0 20px; max-width: 530px; white-space: pre-line; word-wrap: break-word } .HeadlineQRBlock-qrSection { margin-bottom: 40px } .HeadlineQRBlock-qrContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-surface-raised-subtle, #f5f5f5); border: 1px solid #d8d8d8; border-radius: 8px; -webkit-box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .122); box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .122); gap: 20px; height: 170px; padding: 20px; position: relative; width: 530px } .HeadlineQRBlock-qrCode { height: 100px; width: 100px; -ms-flex-negative: 0; flex-shrink: 0 } .HeadlineQRBlock-qrCode .Image-picture { height: 100%; width: 100% } .HeadlineQRBlock-qrCode .Image-picture img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .HeadlineQRBlock-qrText { -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; gap: 8px; justify-content: center } .HeadlineQRBlock-qrTitle { color: #000; font-size: 16px; font-weight: 600; line-height: 1.4 } .HeadlineQRBlock-qrSubtitle, .HeadlineQRBlock-qrTitle { font-family: Neue Helvetica, helvetica, sans-serif; margin: 0; white-space: pre-line; word-wrap: break-word } .HeadlineQRBlock-qrSubtitle { color: #7d7d7d; font-size: 14px; font-weight: 400; line-height: 1.3 } .HeadlineQRBlock-phoneSection { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .HeadlineQRBlock-phoneSection { padding: 0; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .HeadlineQRBlock-phoneContainer { display: inline-block; position: relative; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } @media only screen and (min-width:701px) { .HeadlineQRBlock-phoneContainer { display: block } } .HeadlineQRBlock-phoneContainer:hover { -webkit-transform: scale(1.02); transform: scale(1.02) } .HeadlineQRBlock-phoneImage { height: auto; max-width: 100%; width: 340px } @media only screen and (min-width:701px) { .HeadlineQRBlock-phoneImage { width: 340px } } .HeadlineQRBlock-phoneImage .Image-picture { height: auto; width: 100% } .HeadlineQRBlock-phoneImage .Image-picture img { display: block; height: auto; width: 100% } @media only screen and (min-width:701px) { .HeadlineQRBlock .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .HeadlineQRBlock .col-lg-6:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 530px } .HeadlineQRBlock .col-lg-6:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 160px; max-width: 340px } } .HeadlineQRBlock-content { padding-right: 0 } .HeadlineQRBlock-qrContainer { height: auto; min-height: 170px; width: 100% } .HeadlineQRBlock .HeadlineQRBlock-subheadlineText .Quote .Quote-text { max-width: 100% } .HeroCaw { bottom: -250px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; position: relative } .HeroCaw .ReactCAW.InlineCaw { width: 100% } .HeroCaw--hero { bottom: -250px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content } .HeroCaw, .HeroCaw--hero, .HeroCaw--hero .cawComponent { overflow: visible !important } .HeroCaw--hero .cawComponent { position: relative; z-index: 3001 } .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .CTA:disabled, .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .CTA:disabled:hover, .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .CTA[disabled], .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .CTA[disabled]:hover, .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .form__submit-button:disabled, .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .form__submit-button:disabled:hover, .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .form__submit-button[disabled], .HeroCaw--hero .cawComponent.caw--variant-hero .Submit-container .form__submit-button[disabled]:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA:disabled, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA:disabled:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[class*=CTA--]:disabled, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[class*=CTA--]:disabled:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[class*=CTA--][disabled], .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[class*=CTA--][disabled]:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[disabled], .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .CTA[disabled]:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .form__submit-button:disabled, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .form__submit-button:disabled:hover, .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .form__submit-button[disabled], .cawComponent.caw--variant-hero.caw--variant-hero .Submit-container .form__submit-button[disabled]:hover { background-color: var(--color-button-on-image-primary-disabled, #7d7d7d) !important; border-color: var(--color-button-on-image-primary-disabled, #7d7d7d) !important; color: var(--color-button-on-image-primary-inverse-disabled, #3d3d3d) !important } .TabbedHero .TabbedHero-overlay { margin-bottom: -30px } .TabbedHero .TabbedHero-overlay .HeroCaw, .TabbedHero .TabbedHero-overlay .HeroCaw--hero { bottom: auto !important; left: auto !important; position: static !important; right: auto !important; top: auto !important; -webkit-transform: none !important; transform: none !important } .TabbedHero .TabbedHero-overlay .HeroCaw--hero>.HeroCaw__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto !important; padding-inline: 0 !important; width: 100% !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .TabbedHero .TabbedHero-overlay .HeroCaw--hero .cawComponent { position: relative; width: 100%; z-index: 4 } .TabbedHero .TabbedHero-overlay .caw-comp__wrapper .App-wrapper .container .row .cawComponent, .TabbedHero .TabbedHero-overlay .caw-popup__wrapper .App-wrapper .container .row .cawComponent { margin: 0 !important; max-width: 100% !important; padding: 0 !important; width: 100% !important } @media(min-width:1100px) { .HeroCaw--hero { display: block; max-width: 100%; position: absolute; width: 100% !important; z-index: 3000 } .HeroCaw--hero>.HeroCaw__inner { margin: 0 auto !important; padding-inline: 24px; width: min(1440px, 100%) !important } .HeroCaw--hero .cawComponent.caw--variant-hero { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 100% !important } .bl-container .HeroCaw--hero { left: -45px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: none; top: 220px; -webkit-transform: none; transform: none; width: auto; z-index: 3000 } .TabbedHero .TabbedHero-overlay { pointer-events: none } .TabbedHero .TabbedHero-overlay:has(.HeroCaw .cawComponent.isOffline) { max-width: none !important; padding-left: 0 !important; width: 100% !important } .TabbedHero .TabbedHero-overlay .HeroCaw, .TabbedHero .TabbedHero-overlay .HeroCaw * { pointer-events: auto } .TabbedHero:has(.Calendar-container.Dialog) .TabbedHero-logoContainer { pointer-events: none !important } } @media(max-width:1099px) { .HeroCaw--hero { bottom: auto; margin-top: 16px; max-width: 100%; position: static; -webkit-transform: none; transform: none; width: 100% !important } .HeroCaw--hero>.HeroCaw__inner { margin: 0 auto !important; padding-inline: 16px; width: 100% !important } } @media(min-width:1920px)and (min-height:1024px) { .TabbedHero-icons .TabbedHero-overlay { max-width: calc(100% - 100px) !important } .TabbedHero .TabbedHero-overlay .HeroCaw, .TabbedHero .TabbedHero-overlay .HeroCaw--hero { left: -19px !important; position: relative !important; right: auto !important; top: 10px !important } } @media(min-width:1440px)and (min-height:1024px) { .TabbedHero .TabbedHero-overlay .HeroCaw, .TabbedHero .TabbedHero-overlay .HeroCaw--hero { left: -19px !important; position: relative !important; right: auto !important } } .HorizontalLabelTextList-items { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--Page-Layout-fluid-grid-gutter) } .HorizontalLabelTextItem, .HorizontalLabelTextList-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .HorizontalLabelTextItem { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 145.5px; min-width: 145.5px; -webkit-box-flex: 0; -ms-flex: 0 0 145.5px; flex: 0 0 145.5px } @media only screen and (min-width:701px) { .HorizontalLabelTextItem { max-width: 118px; min-width: 118px; -webkit-box-flex: 0; -ms-flex: 0 0 118px; flex: 0 0 118px } } @media only screen and (min-width:961px) { .HorizontalLabelTextItem { max-width: 130px; min-width: 129px; -webkit-box-flex: 0; -ms-flex: 0 0 129px; flex: 0 0 129px } } .HorizontalLabelTextItem-label, .HorizontalLabelTextItem-text { color: var(--color-text-primary); -ms-flex-item-align: stretch; align-self: stretch; display: block; overflow-wrap: anywhere; white-space: normal; width: 100%; word-break: break-word } @media only screen and (min-width:961px) { .HotelCapacityCharts { margin: 0 40px } } .HotelCapacityCharts .Chart { margin: 0 } .HotelCapacityCharts .ComponentAccordion .Accordion-item-title { font-style: italic; font-weight: 400; text-transform: none } .HotelCapacityCharts-unitSelectWrapper { margin-bottom: 42px; margin-left: auto; width: 136px } .HotelCapacityCharts-unitSelectWrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; cursor: pointer; height: 39px; line-height: 39px; padding-right: 15px; width: 100% } @media only screen and (min-width:701px) { .HotelCapacityCharts-unitSelectWrapper select { margin-top: 10px } } .HotelCapacityCharts-unitSelectWrapper select:lang(ar) { padding-left: 15px; padding-right: 0 } .HotelCapacityCharts-unitSelectWrapper select option { font-size: .75rem } .HotelCapacityCharts-unitSelectWrapper:after { right: 0 } .HotelCapacityCharts-unitSelectWrapper:lang(ar):after { left: 0 } @media only screen and (min-width:701px) { .HotelCapacityCharts-unitSelectWrapper:after { top: 15px } } @media only screen and (min-width:961px) { .HotelCapacityCharts .container { max-width: 1530px } .HotelCapacityCharts .Accordion-item dt { padding: 0 5px } } .HotelCapacityChart-chart { margin-bottom: 32px } .HotelCapacityChart-chart .ChartCell-text a { color: #000; text-decoration: none } .HotelCapacityChart-chart .ChartCell-cta { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; text-transform: none } .HotelCapacityChart-chart .ChartCell-cta:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .HotelCapacityChart-chart .ChartCell-cta:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .HotelCapacityChart-chart .ChartCell-cta:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .HotelCapacityChart-chart .ChartCell-cta:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .HotelCapacityChart-chart .ChartCell-cta:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .HotelCapacityChart-chart .ChartCell-cta:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .HotelCapacityChart-chart .ChartCell-cta { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .HoverCardGrid-GenericCard { color: #fff; margin-bottom: 15px; overflow: hidden; position: relative } @media only screen and (min-width:701px) { .HoverCardGrid-GenericCard { margin-bottom: 30px } } .HoverCardGrid-GenericCard--dark { border: 1px solid #2d2d2d } .HoverCardGrid-GenericCard-image { padding-top: 125% } .HoverCardGrid-GenericCard-image:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; display: block; height: 70%; position: absolute; width: 100%; z-index: 1 } .HoverCardGrid-GenericCard-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; bottom: 30px; -ms-flex-direction: column; flex-direction: column; left: 30px; margin-right: 30px; overflow-wrap: anywhere; pointer-events: none; position: absolute; z-index: 2 } @media only screen and (min-width:961px) { .HoverCardGrid-GenericCard-overlay { bottom: 20px; left: 20px; margin-right: 20px } } .HoverCardGrid-GenericCard-location { font-size: 1rem; line-height: 1.5em; margin: 0 } .HoverCardGrid-GenericCard-title { line-height: 1.5em; margin: 0 0 10px } .HoverCardGrid-GenericCard-description { height: 0; line-height: 1.5em; margin: 0; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .HoverCardGrid-GenericCard-description--show { height: auto; margin-bottom: 20px } .HoverCardGrid-GenericCard-subtext { margin: 0 } .HoverCardGrid-GenericCard-cta { margin-right: auto } .HoverCardGrid-GenericCard-cta:lang(ar) { margin-left: auto; margin-right: 0 } .HoverCardGrid-GenericCard-cta:after { display: none } @media only screen and (min-width:961px) { .HoverCardGrid-GenericCard:focus .HoverCardGrid-GenericCard-image:after, .HoverCardGrid-GenericCard:focus-within .HoverCardGrid-GenericCard-image:after, .HoverCardGrid-GenericCard:hover .HoverCardGrid-GenericCard-image:after { backdrop-filter: blur(13px); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .9))); background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)); height: 100% } .HoverCardGrid-GenericCard:focus .HoverCardGrid-GenericCard-cta, .HoverCardGrid-GenericCard:focus-within .HoverCardGrid-GenericCard-cta, .HoverCardGrid-GenericCard:hover .HoverCardGrid-GenericCard-cta { font-weight: 700 } .HoverCardGrid-GenericCard:focus .HoverCardGrid-GenericCard-cta:after, .HoverCardGrid-GenericCard:focus-within .HoverCardGrid-GenericCard-cta:after, .HoverCardGrid-GenericCard:hover .HoverCardGrid-GenericCard-cta:after { display: inline-block } } .HoverCardList-GenericCard-image--landscape { display: none } .HoverCardList-GenericCard-image--landscape:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 60%; width: 100% } .HoverCardList.TitleAndCards { display: none } @media only screen and (min-width:701px) { .HoverCardList.TitleAndCards { display: block } .HoverCardList-MobileCarousel { display: none } } .HoverCardList-MobileCarousel--container { overflow: hidden; padding-left: 15px } .HoverCardList-MobileCarousel--slide { padding-left: 7.5px; padding-right: 7.5px; width: 61.25% } .HoverCardList-MobileCarousel--slide .HoverCardList-column { padding: 0 } .HoverCardList-MobileCarousel--title { text-align: center } .HoverCardList-MobileCarousel--title .TitleAndCards-title { margin-bottom: 30px } .HoverCardList-MobileCarousel--cta { text-align: center } .HoverCardList-MobileCarousel .row { margin-left: 0; margin-right: 0 } .HoverCardList .HoverCardGrid-GenericCard-overlay { bottom: 20px; left: 20px; margin-right: 20px } .HoverCardList .HoverCardGrid-GenericCard-overlay:lang(ar) { left: 0; margin-left: 20px; margin-right: 0; right: 20px } @media only screen and (min-width:701px) { .HoverCardList .HoverCardGrid-GenericCard-overlay { bottom: 30px; left: 30px; margin-right: 30px } .HoverCardList .HoverCardGrid-GenericCard-overlay:lang(ar) { left: 0; margin-left: 30px; margin-right: 0; right: 30px } } @media only screen and (min-width:961px) { .HoverCardList .HoverCardGrid-GenericCard-overlay { bottom: 20px; left: 20px; margin-right: 20px } .HoverCardList .HoverCardGrid-GenericCard-overlay:lang(ar) { left: 0; margin-left: 20px; margin-right: 0; right: 20px } } .HoverCardList--2 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--landscape { display: none } @media only screen and (min-width:961px) { .HoverCardList--2 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--landscape { display: block; padding-top: 56.25% } } .HoverCardList--2 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--portrait { display: block } @media only screen and (min-width:961px) { .HoverCardList--2 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--portrait { display: none } } .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column:first-child .HoverCardList-GenericCard-image--landscape { display: block; padding-top: 56.25% } @media only screen and (min-width:961px) { .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column:first-child .HoverCardList-GenericCard-image--landscape { display: none } } .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column:first-child .HoverCardList-GenericCard-image--portrait { display: none } @media only screen and (min-width:961px) { .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column:first-child .HoverCardList-GenericCard-image--portrait { display: block } } .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--landscape { display: none } .HoverCardList--3 .TitleAndCards-cardsContainer .HoverCardList-column .HoverCardList-GenericCard-image--portrait { display: block } .IconTextLinks { color: #000 } .IconTextLinks--Wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .IconTextLinks--Wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media only screen and (min-width:961px) { .IconTextLinks--Wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .IconTextLinks-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .IconTextLinks-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media only screen and (min-width:961px) { .IconTextLinks-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .IconTextLinks-titleContainer:lang(ar) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .IconTextLinks-titleContainer:lang(ar) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media only screen and (min-width:961px) { .IconTextLinks-titleContainer:lang(ar) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .IconTextLinks-title { margin: 0; text-align: center } .IconTextLinks--dark { background-color: #000; color: #fff } .IconTextLinks-link--Wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .IconTextLinks-link--column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .IconTextLinks-link--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 24px; padding: 21px; text-align: left; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100% } .IconTextLinks-link--container:lang(ar) { text-align: right } .IconTextLinks-link--container--dark { background-color: #2d2d2d; border: .5px solid hsla(0, 0%, 85%, .1); color: #fff } @media only screen and (min-width:701px) { .IconTextLinks-link--container--dark:focus, .IconTextLinks-link--container--dark:hover { background-color: #4d4d4d; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } } .IconTextLinks-link--container--light { background-color: #fff; border: .5px solid #d8d8d8; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); color: #000 } @media only screen and (min-width:701px) { .IconTextLinks-link--container--light:focus, .IconTextLinks-link--container--light:hover { background-color: #f5f5f5; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } } .IconTextLinks-link--textContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100% } .IconTextLinks-link--icon { font-size: 30px; margin-right: 17px } .IconTextLinks-link--icon:lang(ar) { margin-left: 17px; margin-right: 0 } .IconTextLinks-link--subText { font-size: 15px; letter-spacing: .5px } .IconTextLinks-link--text { letter-spacing: 3px; width: 100%; word-break: normal } @media only screen and (min-width:961px) { .IconTextLinks-link--text { font-size: 12px; word-break: normal } } .IconTextLinks-link--text:after { content: "\f105"; display: inline-block; font-size: 12px; padding-left: 5px; vertical-align: middle } .IconTextLinks-link--text:lang(ar):after { content: "\f104"; display: inline-block; font-size: 12px; padding-left: 0; padding-right: 5px; vertical-align: middle } @media only screen and (min-width:701px) { .IconTextLinks-link--Horizontal .IconTextLinks-link--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .IconTextLinks-link--Horizontal .IconTextLinks-link--icon { margin-bottom: 21px } } @media only screen and (min-width:961px) { .IconTextLinks-link--Horizontal .IconTextLinks-link--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .IconTextLinks-link--Horizontal .IconTextLinks-link--icon { margin-bottom: 21px } } .IconButtonLinks--Wrapper { display: grid; grid-template-columns: repeat(2, 1fr); width: 100% } @media only screen and (min-width:961px) { .IconButtonLinks--Wrapper { grid-template-columns: repeat(4, 1fr) } } .IconTabContainer { background-color: #f5f5f5; color: #000; overflow: hidden; padding-bottom: 100px; position: relative } @media only screen and (min-width:1701px) { .IconTabContainer .container { max-width: 930px } } .IconTabContainer-container { margin: auto 15px; max-width: 760px } @media only screen and (min-width:701px) { .IconTabContainer-container { margin: auto } } @media only screen and (min-width:961px) { .IconTabContainer-container { max-width: 1060px } } .IconTabContainer-centerBox { background-color: #2d2d2d; height: calc(100% + 30px); left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px } @media only screen and (min-width:961px) { .IconTabContainer-centerBox { height: calc(100% + 34px); width: 130px } } .IconTabContainer-centerBox:after { border-left: 1px solid #2d2d2d; bottom: -20px; content: ""; height: 20px; left: 50px; position: absolute } @media only screen and (min-width:701px) { .IconTabContainer-centerBox:after { bottom: -30px; height: 30px } } @media only screen and (min-width:961px) { .IconTabContainer-centerBox:after { bottom: -50px; height: 50px; left: 65px } } .IconTabContainer-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 120px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 } @media only screen and (min-width:701px) { .IconTabContainer-tabs { margin: auto } } @media only screen and (min-width:961px) { .IconTabContainer-tabs { min-height: 184px } } @media only screen and (min-width:701px) { .IconTabContainer-tabs .container { max-width: 760px } } @media only screen and (min-width:961px) { .IconTabContainer-tabs .container { max-width: 930px } } .IconTabContainer-tab.is-selected .IconTabContainer-list-item-text { font-weight: 700 } .IconTabContainer-pagination-button { display: none } @media only screen and (min-width:961px) { .IconTabContainer-pagination-button { display: block; top: 0; z-index: 3 } .IconTabContainer-pagination-button, .IconTabContainer-pagination-button:lang(ar) { font-size: 12px; height: 100%; padding-top: 45px; width: 65px } } .IconTabContainer-pagination--prev { left: 15px; padding-left: 9px } .IconTabContainer-pagination--prev:lang(ar) { left: auto; padding-left: 0; padding-right: 9px; right: 15px } .IconTabContainer-pagination--next { padding-right: 9px; right: 15px } .IconTabContainer-pagination--next:lang(ar) { left: 15px; padding-left: 9px; padding-right: 0; right: auto } .IconTabContainer-listContainer { margin: 0; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; width: 100% } .IconTabContainer-list { overflow: visible; z-index: 2 } .IconTabContainer-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 2.5px 7.5px; text-align: center; width: 95px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: color .3s linear; transition: color .3s linear } .IconTabContainer-list-item-icon { font-size: 20px; line-height: 20px; margin-bottom: 15px } .IconTabContainer-list-item-text { font-size: .5rem; letter-spacing: .3125em; line-height: 1.375em } @media only screen and (min-width:961px) { .IconTabContainer-list-item-text { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .IconTabContainer-list-item-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .IconTabContainer-list-item-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .IconTabContainer-list-item-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .IconTabContainer-list-item-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .IconTabContainer-list-item-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .IconTabContainer-list-item-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .IconTabContainer-list-item-text { font-family: EB Garamond; text-transform: none } } .IconTabContainer-list-item.is-selected { color: #fff } @media only screen and (min-width:701px) { .IconTabContainer-list-item { padding: 35px 7.5px 10px; width: 105px } } @media only screen and (min-width:961px) { .IconTabContainer-list-item { padding: 90px 10px 20px; width: 135px } } @media only screen and (min-width:701px) { .IconTabContainer-list { overflow: hidden } } .IconTabContainer-body { background-color: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .149); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .149); overflow: hidden; padding: 65px 0 } @media only screen and (min-width:701px) { .IconTabContainer-body { padding: 75px 0 } } @media only screen and (min-width:961px) { .IconTabContainer-body { -webkit-box-shadow: none; box-shadow: none; padding: 114px 0 } } .IconTabContainer-pages { position: relative } .IconTabContainer-page:not(.IconTabContainer-page--init) { -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .IconTabContainer-page--active { opacity: 1 } .IconTabContainer-page--inactive { opacity: 0; position: absolute; top: 0; width: calc(100% - 15px) } @media only screen and (min-width:701px) { .IconTabContainer-page--inactive { width: calc(100% - 30px) } } .IconTabContainer--init.IconTabContainer-listContainer { -webkit-transform: translateX(-20px); transform: translateX(-20px) } .IconTabContainer--init.IconTabContainer-listContainer:lang(ar) { -webkit-transform: translateX(20px); transform: translateX(20px) } .IconTabContainer--init.IconTabContainer-page { opacity: 0 } .IconTabContainer--init.IconTabContainer-page.IconTabContainer-page--active { -webkit-transition: opacity 1s ease; transition: opacity 1s ease } .IconTable-Cell-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 } @media only screen and (min-width:701px) { .IconTable-Cell-inner { padding: 12px 0 } } @media only screen and (min-width:961px) { .IconTable-Cell-inner { padding: 20px 0 } } .IconTable-Cell .icon { font-size: 22px; height: 24px; width: 24px } .IconTable-Cell .IndicatorColor { left: 24px; position: absolute; top: calc(50% - 24px) } @media only screen and (min-width:961px) { .IconTable-Cell .IndicatorColor { top: calc(50% - 12px) } } .IconTable-Cell .IndicatorColor:lang(ar) { left: auto; right: 24px } .IconTable-Cell--label { display: inline-block; margin-left: 15px } .IconTable-Cell--label:lang(ar) { margin-left: 0; margin-right: 15px } @media only screen and (min-width:961px) { .IconTable-Cell--label { width: 150px; -ms-flex-negative: 0; flex-shrink: 0 } } .IconTable-Cell--text-wrap { margin-left: 39px; width: 100% } .IconTable-Cell--text-wrap:lang(ar) { margin-left: 0; margin-right: 39px } @media only screen and (min-width:701px) { .IconTable-Cell--text-wrap { margin-left: 0 } .IconTable-Cell--text-wrap:lang(ar) { margin-left: 0; margin-right: 0 } } @media only screen and (min-width:961px) { .IconTable-Cell--text-wrap { margin-left: 30px; width: auto } .IconTable-Cell--text-wrap:lang(ar) { margin-left: 0; margin-right: 30px } } .IconTable-Cell--text { display: inline-block } .IconTable-Cell.has-indicator .IconTable-Cell--label, .IconTable-Cell.has-indicator .IconTable-Cell--text { font-style: italic } .IconTable-heading .Heading-title { margin-bottom: 30px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .IconTable-heading .Heading-title { margin-bottom: 50px } } .IconTable-Table { border: 1px solid #d8d8d8; padding: 20px 30px } @media only screen and (min-width:701px) { .IconTable-Table { padding: 30px } } @media only screen and (min-width:961px) { .IconTable-Table { padding: 20px 30px } } .IconTable-Table .CTA:after { float: none } .IconTable-Table.two-column .IconTable-Cell { width: 100% } @media only screen and (min-width:701px) { .IconTable-Table.two-column .IconTable-Cell { width: 50% } .IconTable-Table.two-column .IconTable-Cell:nth-child(odd) .IconTable-Cell-inner { margin-right: 15px } .IconTable-Table.two-column .IconTable-Cell:nth-child(odd):lang(ar) .IconTable-Cell-inner { margin-left: 15px; margin-right: 0 } .IconTable-Table.two-column .IconTable-Cell:nth-child(2n) .IconTable-Cell-inner { margin-left: 15px } .IconTable-Table.two-column .IconTable-Cell:nth-child(2n):lang(ar) .IconTable-Cell-inner { margin-left: 0; margin-right: 15px } } @media only screen and (min-width:961px) { .IconTable-Table.two-column .IconTable-Cell .IconTable-Cell-inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .IconTable-Table.two-column .IconTable-Cell:nth-child(odd) .IconTable-Cell-inner { margin-right: 40px } .IconTable-Table.two-column .IconTable-Cell:nth-child(odd):lang(ar) .IconTable-Cell-inner { margin-left: 40px; margin-right: 0 } .IconTable-Table.two-column .IconTable-Cell:nth-child(2n) .IconTable-Cell-inner { margin-left: 40px } .IconTable-Table.two-column .IconTable-Cell:nth-child(2n):lang(ar) .IconTable-Cell-inner { margin-left: 0; margin-right: 40px } } .IconTable-Table.two-column .IconTable-Cell:not(:last-child) .IconTable-Cell-inner { border-bottom: 1px solid #d8d8d8 } @media only screen and (min-width:701px) { .IconTable-Table.two-column .IconTable-Cell:nth-last-child(-n+2) .IconTable-Cell-inner { border: 0 } .IconTable-Table.two-column .IconTable-Table-Cells { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media only screen and (min-width:961px) { .IconTable-Table.one-column .IconTable-Cell-inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .IconTable-Table.one-column .IconTable-Cell:not(:last-child) .IconTable-Cell-inner { border-bottom: 1px solid #d8d8d8 } .IconsList-IconText { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 10px } @media only screen and (min-width:701px) { .IconsList-IconText { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 10px } .IconsList-IconText:first-child { margin-left: 0 } .IconsList-IconText:first-child:lang(ar) { margin-left: 10px; margin-right: 0 } .IconsList-IconText:last-child { margin-right: 0 } .IconsList-IconText:last-child:lang(ar) { margin-left: 0; margin-right: 10px } .IconsList-IconText--1 { width: 100% } .IconsList-IconText--2 { width: 50% } .IconsList-IconText--3 { width: 33.33333% } .IconsList-IconText--4 { width: 25% } .IconsList-IconText--5 { width: 20% } .IconsList-IconText--6 { width: 16.66667% } .IconsList-IconText--7 { width: 14.28571% } } .IconsList-IconText-icon { font-size: 24px; height: 24px; margin-right: 7px; min-width: 24px; text-align: center } .IconsList-IconText-icon:lang(ar) { margin-left: 7px; margin-right: 0 } @media only screen and (min-width:701px) { .IconsList-IconText-icon { font-size: 32px; height: 32px; margin-bottom: 7px; margin-right: 0; width: 100% } .IconsList-IconText-icon:lang(ar) { margin-left: 7px } } @media only screen and (min-width:961px) { .IconsList-IconText-icon--large { font-size: 40px; height: 40px; margin-bottom: 10px } } .IconsList-IconText-text { text-align: left } @media only screen and (min-width:701px) { .IconsList-IconText-text { text-align: center; width: 100% } } .IconsList-IconText-HasSubText { margin-left: 15px } .IconsList-IconText-HasSubText:lang(ar) { margin-left: 0; margin-right: 15px } @media only screen and (min-width:701px) { .IconsList-IconText-HasSubText { margin-left: 0 } .IconsList-IconText-HasSubText:lang(ar) { margin-right: 0 } } .IconsList-IconText--IconsItem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .IconsList-IconText-line { background-color: #fff; height: 1px; margin: 0 auto 20px; text-align: center; width: 50px } .IconsList-IconText-line--dark { background-color: #000 } .IconsList-IconText-line--light { background-color: #fff } .IconsList-IconText-subText { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px; margin-left: 46px; text-align: left; width: 100% } .IconsList-IconText-subText:lang(ar) { margin-left: 0; margin-right: 46px; text-align: right } .IconsList-IconText-subText--dark { color: #000 } .IconsList-IconText-subText--light { color: #fff } @media only screen and (min-width:701px) { .IconsList-IconText-subText { margin-bottom: 0; margin-left: 0; text-align: center; width: auto } .IconsList-IconText-subText:lang(ar) { margin-right: 0; text-align: center } } .IconsList-IconText .IndicatorColor { left: 10%; position: absolute; top: 0; -webkit-transform: translate(-50%); transform: translate(-50%) } .IconsList-IconText .IndicatorColor:lang(ar) { left: 0; right: 10% } @media only screen and (min-width:701px) { .IconsList-IconText .IndicatorColor { left: calc(50% + 19px); top: -6px; -webkit-transform: translate(-50%); transform: translate(-50%) } .IconsList-IconText .IndicatorColor:lang(ar) { left: 0; right: calc(50% + 19px) } } @media only screen and (min-width:961px) { .IconsList-IconText .IndicatorColor { left: calc(50% + 19px); top: calc(50% - 29px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .IconsList-IconText .IndicatorColor:lang(ar) { left: 0; right: calc(50% + 19px) } } @media only screen and (min-width:701px) { .IconsList-bottomPart .IconsList-IconText { overflow: hidden } } .IconsList { background-color: #f5f5f5; color: #000; padding: 50px 30px } .IconsList--dark { background-color: #000; color: #fff } .IconsList--dark .IconsList-IconText-line { background-color: #fff } .IconsList--dark .IconsList-IconText-subText { color: #fff } .IconsList--light .IconsList-IconText-line { background-color: #7d7d7d } .IconsList--light .IconsList-IconText-subText { color: #000 } @media only screen and (min-width:701px) { .IconsList-mobile.IconsList-iconsContainer { display: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .IconsList-desktop.IconsList-titleContainer, .IconsList-mobile.IconsList-iconsContainer .IconsList-IconText-line { display: none } @media only screen and (min-width:701px) { .IconsList-desktop.IconsList-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .IconsList { padding: 50px 0 } } @media only screen and (min-width:961px) { .IconsList { padding: 80px 0 } } .IconsList-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .IconsList-title { margin: 0; text-align: center; text-align: left } .IconsList-cta { text-align: right; -ms-flex-negative: 0; flex-shrink: 0 } .IconsList-cta .CTA { display: block; font-size: 10px } .IconsList-iconsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .IconsList-iconsContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .IconsList-topPart { margin-bottom: 8px } .ImageAndCTABlocksRowOfThree .col-sm-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .ImageAndCTABlocksRowOfThree .col-sm-12 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows { margin-bottom: 30px; margin-right: 30px; width: 100% } @media only screen and (min-width:701px) { .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows { margin-bottom: 0; width: 33.3333333333% } } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows:last-of-type { margin-right: 0 } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-image { margin-bottom: 20px } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet, .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(ar), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(ru), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(ko-KR), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(zh), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(zh-TW), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet:lang(ja), .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-bullet, html.WhiteLabelSite .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 24px; font-weight: 300; line-height: 33px } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; margin-bottom: 20px; margin-top: 10px } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfThree .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .ImageAndCTABlocksRowOfThree--vertical .col-sm-12 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .ImageAndCTABlocksRowOfThree--vertical .col-sm-12 .ImageAndCTABlockWithEyebrows { margin-bottom: 30px; margin-right: 0 } @media only screen and (min-width:701px) { .ImageAndCTABlocksRowOfThree--vertical .col-sm-12 .ImageAndCTABlockWithEyebrows { width: 100% } } .ImageAndCTABlocksRowOfTwo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .ImageAndCTABlocksRowOfTwo { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .ImageAndCTABlocksRowOfTwo-imageAndCTABlock--1 { margin-right: 30px } .ImageAndCTABlocksRowOfTwo-imageAndCTABlock--2 { margin-left: 15px } } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows { margin-bottom: 30px; width: 100% } @media only screen and (min-width:701px) { .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows { margin-bottom: 0; width: 50% } } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-image { margin-bottom: 20px } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet, .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(ar), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(ru), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(ko-KR), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(zh), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(zh-TW), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet:lang(ja), .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-bullet, html.WhiteLabelSite .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 24px; font-weight: 300; line-height: 33px } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; margin-bottom: 20px; margin-top: 10px } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTABlocksRowOfTwo .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .ImageAndCTAGrid-columnHeading, .ImageAndCTAGrid-featuredHeading { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 24px; font-weight: 300; letter-spacing: 4px; line-height: 33px; text-transform: uppercase } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows { margin-bottom: 30px } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-image { margin-bottom: 20px } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet, .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(ar), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(ru), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(ko-KR), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(zh), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(zh-TW), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet:lang(ja), .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-bullet, html.WhiteLabelSite .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows-secondaryEyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 24px; font-weight: 300; line-height: 33px } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; margin-bottom: 20px; margin-top: 10px } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCTAGrid .ImageAndCTABlockWithEyebrows .CtaBlock-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .ImageAndCtaTitled-title { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .ImageAndCtaTitled-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .ImageAndCtaTitled-title { margin-bottom: 80px } } @media only screen and (min-width:1701px) { .ImageAndCtaTitled-title { margin-bottom: 60px } } .ImageAndCtaTitled .Image { font-size: 0; margin-bottom: 30px } .ImageAndCtaTitled .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .ImageAndCtaTitled .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCtaTitled .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndCtaTitled .CtaBlock-title { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:701px) { .ImageAndCtaTitled .CtaBlock-title { max-width: 66.6666666667% } } @media only screen and (min-width:961px) { .ImageAndCtaTitled .CtaBlock-title { max-width: 50% } } @media only screen and (min-width:1701px) { .ImageAndCtaTitled .CtaBlock-title { max-width: 33.3333333333% } } .ImageAndCtaTitled .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin-bottom: 30px; margin-top: 20px } .ImageAndCtaTitled .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndCtaTitled .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndCtaTitled .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .ImageAndCtaTitled .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } @media only screen and (min-width:701px) { .ImageAndCtaTitled .CtaBlock-text { margin-top: 10px; max-width: 66.6666666667% } } @media only screen and (min-width:961px) { .ImageAndCtaTitled .CtaBlock-text { max-width: 50% } } @media only screen and (min-width:1701px) { .ImageAndCtaTitled .CtaBlock-text { max-width: 41.6666666667% } } .ImageAndTable-container--dark { background-color: #000; color: #fff } .ImageAndTable-container--light { background-color: #fff; color: #000 } .ImageAndTable-image { margin-bottom: 60px } @media only screen and (min-width:701px) { .ImageAndTable-image { margin-bottom: 65px } } @media only screen and (min-width:961px) { .ImageAndTable-image { margin-bottom: 0 } } .ImageAndTable-image .Attribution { text-align: left } .ImageAndTable-image .Attribution:lang(ar) { text-align: right } .ImageAndTable-image .Attribution-author { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .ImageAndTable-image .Attribution-author:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndTable-image .Attribution-author:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndTable-image .Attribution-author:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndTable-image .Attribution-author:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndTable-image .Attribution-author:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndTable-image .Attribution-author:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndTable-image .Attribution-author { font-family: EB Garamond; text-transform: none } .ImageAndTable-image .Image { display: block; font-size: 0; line-height: 0; margin-bottom: 20px } .ImageAndTable-image .Image img { width: 100% } @media only screen and (min-width:701px) { .ImageAndTable-table { padding-bottom: 80px } } @media only screen and (min-width:961px) { .ImageAndTable-table { padding-bottom: 0 } } .ImageAndTable-table .TableList-items { margin: 0 } .BodySection--light .ImageAndTable-table .TableList-items { background-color: #fff; color: #000 } .ImageAndTable-table .TableList-item { padding-bottom: 30px } @media only screen and (min-width:1701px) { .ImageAndTable-table .TableList-item { padding-bottom: 40px } } .ImageAndTable-table .TableList-container { padding-left: 0; padding-right: 0 } .ImageAndTable-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; margin-left: 8.3333333333%; padding-left: 15px; padding-right: 15px; width: 83.333333333%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 50px; text-align: center } @media only screen and (min-width:701px) { .ImageAndTable-ctas { float: none; margin-left: auto; padding-left: 15px; padding-left: 0; padding-right: 15px; padding-right: 0; width: 100% } } @media only screen and (min-width:961px) { .ImageAndTable-ctas { padding-top: 60px } } .ImageAndTable-ctas .CTA { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0 } .ImageAndTable-ctas .CTA:not(:last-of-type) { margin-right: 15px } .ImageAndTable-ctas .CTA:not(:last-of-type):lang(ar) { margin-left: 15px; margin-right: 0 } @media only screen and (min-width:701px) { .ImageAndTable-ctas .CTA:not(:last-of-type):lang(ar) { margin-left: 30px } .ImageAndTable-ctas .CTA:not(:last-of-type) { margin-right: 30px } } .ImageAndTextCollage-heading { text-align: center } .ImageAndTextCollage-heading .ty-h2 { font-size: 2rem; font-weight: 100; letter-spacing: .0725rem; line-height: 2.4375rem; text-transform: none } @media only screen and (min-width:701px) { .ImageAndTextCollage-heading .ty-h2 { font-size: 3.375rem; letter-spacing: .0625rem; line-height: 4rem; margin-bottom: 60px } } .ImageAndTextCollage .ImageAndTextCollageItem-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media only screen and (min-width:701px) { .ImageAndTextCollage .ImageAndTextCollageItem-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 5% } } .ImageAndTextCollage .ImageAndTextCollageItem-container:last-child { margin-bottom: 0 } @media only screen and (min-width:701px) { .ImageAndTextCollage .ImageAndTextCollageItem-image-container { margin-right: 5%; width: 45% } .ImageAndTextCollage .ImageAndTextCollageItem-image-container:lang(ar) { margin-left: 5%; margin-right: 0 } } .ImageAndTextCollage .ImageAndTextCollageItem-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.325rem; letter-spacing: .03125rem; line-height: 2.0625rem; text-align: center } .ImageAndTextCollage .ImageAndTextCollageItem-text-container { margin-left: 8.33333%; width: 83.33333% } .ImageAndTextCollage .ImageAndTextCollageItem-text-container:lang(ar) { margin-left: 0; margin-right: 8.33333% } @media only screen and (min-width:701px) { .ImageAndTextCollage .ImageAndTextCollageItem-text-container { margin-left: 5%; margin-right: 0; width: 45% } .ImageAndTextCollage .ImageAndTextCollageItem-text-container:lang(ar) { margin-left: 0; margin-right: 5% } .ImageAndTextCollage .ImageAndTextCollageItem-text { font-family: Neue Helvetica, helvetica, sans-serif; font-weight: 100; text-align: left } } @media only screen and (min-width:701px)and (min-width:961px) { .ImageAndTextCollage .ImageAndTextCollageItem-text { font-size: 2rem; letter-spacing: .036875rem; line-height: 3.125rem } } @media only screen and (min-width:701px) { .ImageAndTextCollage .ImageAndTextCollageItem-text:lang(ar) { text-align: right } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-image-container { margin-left: 5%; margin-right: 0 } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-image-container:lang(ar), .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-text-container { margin-left: 0; margin-right: 5% } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-text-container:lang(ar) { margin-left: 5%; margin-right: 0 } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-text { text-align: right } .ImageAndTextCollage .ImageAndTextCollageItem--right-aligned .ImageAndTextCollageItem-text:lang(ar) { text-align: left } } .ImageAndTextPanel-title { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .ImageAndTextPanel-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .ImageAndTextPanel-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .ImageAndTextPanel-title { margin-bottom: 60px } } .ImageAndTextPanel-item { margin-bottom: 80px } @media only screen and (min-width:701px) { .ImageAndTextPanel-item { margin-bottom: 100px } } @media only screen and (min-width:1701px) { .ImageAndTextPanel-item { margin-bottom: 120px } } .ImageAndTextPanel-item:last-of-type { margin-bottom: 0 } @media only screen and (min-width:701px) { .ImageAndTextPanel-itemContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ImageAndTextPanel-item:nth-child(2n) .ImageAndTextPanel-itemContent { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .ImageAndTextPanel .ImageAndTextPanel--withAttribution { padding-bottom: 40px } } .ImageAndTextPanel .ImageAndTextPanel--withAttribution .Collage-figure { margin-bottom: 100px } @media only screen and (min-width:701px) { .ImageAndTextPanel .ImageAndTextPanel--withAttribution .Collage-figure { margin-bottom: 0 } } .ImageAndTextPanel .Collage-figure { margin: 0 0 60px; position: relative } @media only screen and (min-width:701px) { .ImageAndTextPanel .Collage-figure { margin: 0 } } .ImageAndTextPanel .Collage-figcaption { bottom: -40px; position: absolute } @media only screen and (min-width:701px) { .ImageAndTextPanel-textPanel { padding: 0 25px } } @media only screen and (min-width:961px) { .ImageAndTextPanel-textPanel { padding: 0 } } @media only screen and (min-width:1701px) { .ImageAndTextPanel-textPanel { padding: 0 100px } } .ImageAndTextPanel-Heading { text-align: center } .ImageAndTextPanel-Heading .Heading-title { position: relative } .ImageAndTextPanel-Heading .Heading-title:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; width: 40px } .ImageAndTextPanel-Heading .Heading-text { margin-bottom: 30px; margin-top: 20px } @media only screen and (min-width:701px) { .ImageAndTextPanel-Heading .Heading-text { margin-bottom: 40px } } .ImageAndTextPanel-Heading .Heading-text:lang(ja) { font-size: 1rem } .ImageAndTextPanel-CTA { display: block; text-align: center } .BodySection--dark .ImageAndTextPanel-CTA .CTA { background-color: #fff; border-color: #fff; color: #000 } .BodySection--dark .ImageAndTextPanel-CTA .CTA:focus, .BodySection--dark .ImageAndTextPanel-CTA .CTA:hover { background-color: #000; border-color: #fff; color: #fff } .ImageAndText-picture { display: block; font-size: 0; line-height: 0; margin-bottom: 40px } @media only screen and (min-width:701px) { .ImageAndText-picture { margin-bottom: 0; margin-right: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .ImageAndText-picture:lang(ar) { margin-left: 30px; margin-right: 0 } } .ImageAndText-picture .Image-picture { height: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ImageAndText-picture img { width: 100% } .ImageAndText-primaryHeading .Heading-title { margin-bottom: 40px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .ImageAndText-primaryHeading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .ImageAndText-primaryHeading .Heading-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .ImageAndText-primaryHeading .Heading-title { margin-bottom: 60px } } .ImageAndText-secondaryHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .ImageAndText-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .ImageAndText-text { text-align: left } .ImageAndText-text:lang(ar) { text-align: right } @media only screen and (min-width:701px) { .ImageAndText-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } } .ImageAndText-text .Heading-title { margin-bottom: 27px; margin-top: 0; position: relative } @media only screen and (min-width:961px) { .ImageAndText-text .Heading-title { margin-bottom: 42px } } .ImageAndText-text .Heading-title:after { border-bottom: 2px solid; bottom: -15px; content: ""; left: 0; position: absolute; width: 40px } @media only screen and (min-width:961px) { .ImageAndText-text .Heading-title:after { bottom: -20px } } @media only screen and (min-width:1701px) { .ImageAndText-text .Heading-title:after { width: 53px } } .ImageAndText-text .Heading-title:lang(ar):after { left: inherit; right: 0 } .ImageAndText-text .Heading-subtitle { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; margin-bottom: 40px; text-transform: uppercase } .ImageAndText-text .Heading-subtitle:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndText-text .Heading-subtitle:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-subtitle:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-subtitle:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-subtitle:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-subtitle:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndText-text .Heading-subtitle { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .ImageAndText-text .Heading-subtitle:nth-last-of-type(2) { margin-bottom: 0 } .ImageAndText-text .Heading-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; margin: 0; order: 1 } .ImageAndText-text .Heading-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndText-text .Heading-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .ImageAndText-text .Heading-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .ImageAndText-text .Heading-text:lang(ja) { font-size: 1rem } .ImageAndText-text .Heading-quote { font-family: Monotype Garamond, garamond, serif; font-size: 1.3125rem; font-style: italic; font-weight: 400; letter-spacing: .0238095238em; line-height: 1.5em } .ImageAndText-text .Heading-quote:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .ImageAndText-text .Heading-quote:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-quote:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-quote:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-quote:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-quote:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .ImageAndText-text .Heading-quote .Quote-text { margin-bottom: 20px; margin-top: 0 } @media only screen and (min-width:701px) { .ImageAndText-text .Heading-quote .Quote-text { margin-bottom: 30px } } @media only screen and (min-width:961px) { .ImageAndText-text .Heading-quote .Quote-text { margin-bottom: 40px } } @media only screen and (min-width:701px) { .ImageAndText--right-aligned .ImageAndText-picture { margin-left: 30px; margin-right: 0 } .ImageAndText--right-aligned .ImageAndText-picture:lang(ar) { margin-left: 0; margin-right: 30px } .ImageAndText--right-aligned .ImageAndText-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .ImageAndText--right-aligned .ImageAndText-text { text-align: right } .ImageAndText--right-aligned .ImageAndText-text:lang(ar) { text-align: left } .ImageAndText--right-aligned .ImageAndText-text .Heading-title:after { left: inherit; right: 0 } .ImageAndText--right-aligned .ImageAndText-text .Heading-title:lang(ar):after { left: 0; right: inherit } } .ImageGrid { padding-bottom: 40px; padding-top: 40px } @media only screen and (min-width:701px) { .ImageGrid { padding-bottom: 60px; padding-top: 60px } } @media only screen and (min-width:961px) { .ImageGrid { padding-bottom: 70px; padding-top: 70px } } @media only screen and (min-width:1701px) { .ImageGrid { padding-bottom: 90px; padding-top: 90px } } .ImageGrid--light { background-color: #fff; color: #000 } .ImageGrid--dark { background-color: #000; color: #fff } .ImageGrid-ItemWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center } @media only screen and (min-width:961px) { .ImageGrid-ItemWrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .ImageGrid-Item { display: inline-block; padding: 15px; width: 30%; -ms-flex-preferred-size: 33%; flex-basis: 33%; text-align: center } @media only screen and (min-width:961px) { .ImageGrid-Item { padding: 10px } } .ImageGrid-Item-Text { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 3px; line-height: 16px } .ImageItem { margin-bottom: 60px } @media only screen and (min-width:701px) { .ImageItem { margin-bottom: 80px } } @media only screen and (min-width:961px) { .ImageItem { margin-bottom: 100px } } @media only screen and (min-width:1701px) { .ImageItem { margin-bottom: 120px } } .ImageItem:last-child { margin-bottom: 0 } .ImageItem-picture { display: block; margin-bottom: 30px } @media only screen and (min-width:701px) { .ImageItem-picture { margin-bottom: 20px } } .ImageItem-picture .Image-img { width: 100% } .ImageItem-title { margin: 0 0 10px } @media only screen and (min-width:701px) { .ImageItem-title { margin: 0 0 6px } } .ImageItem-text { font-style: italic; margin: 0 } .InformationCards-Card { margin: 15px 0 } .InformationCards-Card--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; height: 100%; padding: 30px 20px } @media only screen and (min-width:701px) { .InformationCards-Card--container { padding: 30px } } @media only screen and (min-width:961px) { .InformationCards-Card--container { padding: 40px } } .InformationCards-Card--icon { margin-bottom: 20px } .InformationCards-Card--icon .icon { font-size: 42px; line-height: 42px; width: 42px } .InformationCards-Card--title { margin-bottom: 24px } .InformationCards-Card--text p { margin: 0 } .InformationCards-Card--viewMore { margin-top: 15px } .InformationCards-Card--viewMore--hidden { display: none } @media only screen and (min-width:701px) { .InformationCards-Card.col-md-12 .InformationCards-Card--container { padding: 40px 83px } } @media only screen and (min-width:961px) { .InformationCards-Card.col-md-12 .InformationCards-Card--container { padding: 40px 161.5px } } .InformationCards-Card .WarningModal-cta { display: none } .InformationCards-heading .Heading-title { margin-bottom: 30px; margin-top: 0; padding: 0 15px; text-align: center } @media only screen and (min-width:701px) { .InformationCards-heading .Heading-title { margin-bottom: 50px } } .InformationCards-Container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: #000 } .InformationCards-Card--text { width: 100% } .InformationCards .RichText ol, .InformationCards .RichText ul { padding-left: 0 } .InformationCards .RichText ol:lang(ar), .InformationCards .RichText ul:lang(ar) { padding-right: 0 } .InformationCards .RichText ul li { list-style-position: inside; list-style-type: disc } .InformationCards .RichText ul li:before { display: none } .InformationCards .RichText ol li { list-style-position: inside } .InlineCarousel-title { margin-bottom: 30px; text-align: center } .InlineCarousel-title .Heading-title { margin: 0 auto; padding: 0 } @media only screen and (min-width:701px) { .InlineCarousel-title .Heading-title { padding: 0 15px } } .InlineCarousel-list { list-style-type: none; margin: 0; padding: 0 } .InlineCarousel-list:lang(ja) { font-size: 1rem } .InlineCarousel-list .CarouselSlide { margin-bottom: 80px; width: 100% } .InlineCarousel-list .CarouselSlide:lang(ja) { font-size: 1rem } .InlineCarousel-list .CarouselSlide .ImageAndCta .Image { margin-bottom: 30px; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s } .InlineCarousel-list .CarouselSlide .ImageAndCta:lang(ja) { font-size: 1rem } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock { text-align: left } @media only screen and (min-width:701px) { .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock { width: 50% } } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock:lang(ar) { text-align: right } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-title { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin: 10px 0 0 } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-text:lang(ja) { font-size: 1rem } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-cta { display: inline-block; margin-top: 10px } .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-cta:lang(zh), .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-cta:lang(zh-TW) { font-size: 1.125rem } @media only screen and (min-width:701px) { .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock-cta { margin-top: 30px } } .InlineCarousel-list .CarouselSlide.is-selected .CarouselSlide--grip { bottom: 130px; height: 62%; left: 0; position: absolute; top: 0; width: calc(50% - 55px); z-index: 3 } .InlineCarousel-list .CarouselSlide.is-selected .CarouselSlide--grip:before { content: ""; display: block; height: 74%; left: 100%; position: absolute; top: 0; width: 50% } .InlineCarousel-list .CarouselSlide.is-selected .CarouselSlide--grip+.CarouselSlide--grip { left: auto; right: 0 } .InlineCarousel-list .CarouselSlide.is-selected .CarouselSlide--grip+.CarouselSlide--grip:before { bottom: 0; content: ""; height: 12%; left: auto; right: 100%; top: auto } .InlineCarousel-list .CarouselSlide-video { margin-bottom: 30px; position: relative } .InlineCarousel-list .CarouselSlide-video .ThirdPartyVideo { margin-top: 30px } .InlineCarousel-cta:lang(zh), .InlineCarousel-cta:lang(zh-TW) { font-size: 1.125rem; line-height: .9em; padding-bottom: 11px; padding-top: 11px } .InlineCarousel-cta-wrapper { margin-top: 30px; text-align: center; width: 100% } @media only screen and (min-width:701px) { .InlineCarousel-cta-wrapper { margin-top: 0; position: absolute; right: 50%; text-align: right; -webkit-transform: translateX(50%); transform: translateX(50%) } .InlineCarousel-cta-wrapper:lang(ar) { text-align: left } } .InlineCarousel--js { overflow: hidden; position: relative } .InlineCarousel--js.InlineCarousel--transition .InlineCarousel-button { opacity: 0; -webkit-transition: none; transition: none } .InlineCarousel--js .InlineCarousel-button { display: block; height: calc(46.875vw - 15.46875px); line-height: calc(46.875vw - 15.46875px); margin: 0 calc(41.66667vw - 13.75px); opacity: 1; position: absolute; text-align: center; top: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; width: 15px; z-index: 1 } .InlineCarousel--js .InlineCarousel-button[hidden], .touch .InlineCarousel--js .InlineCarousel-button { display: none } @media only screen and (min-width:701px) { .InlineCarousel--js .InlineCarousel-button { height: 320.6249999986px; line-height: 320.6249999986px; margin: 0 284.9999999988px; width: 20px } } @media only screen and (min-width:961px) { .InlineCarousel--js .InlineCarousel-button { height: 523.1249999978px; line-height: 523.1249999978px; margin: 0 464.9999999981px; width: 30px } } .InlineCarousel--js .InlineCarousel-prevButton { right: 50% } .InlineCarousel--js .InlineCarousel-prevButton:lang(ar) { left: 50%; right: auto } .InlineCarousel--js .InlineCarousel-prevButton:focus~.InlineCarousel-list .CarouselSlide--prev .Image, .InlineCarousel--js .InlineCarousel-prevButton:hover~.InlineCarousel-list .CarouselSlide--prev .Image { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .InlineCarousel--js .InlineCarousel-nextButton { left: 50% } .InlineCarousel--js .InlineCarousel-nextButton:lang(ar) { left: auto; right: 50% } .InlineCarousel--js .InlineCarousel-nextButton:focus~.InlineCarousel-list .CarouselSlide--next .Image, .InlineCarousel--js .InlineCarousel-nextButton:hover~.InlineCarousel-list .CarouselSlide--next .Image { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .InlineCarousel--js .InlineCarousel-list { position: relative } .InlineCarousel--js .InlineCarousel-list:lang(ja) { font-size: 1rem } .InlineCarousel--js .InlineCarousel-list .CarouselSlide { margin: 0 7.5px; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; width: calc(83.33333vw - 27.5px) } .InlineCarousel--js .InlineCarousel-list .CarouselSlide:lang(ja) { font-size: 1rem } @media only screen and (min-width:701px) { .InlineCarousel--js .InlineCarousel-list .CarouselSlide { width: 569.9999999976px } } @media only screen and (min-width:961px) { .InlineCarousel--js .InlineCarousel-list .CarouselSlide { width: 929.9999999962px } } @media only screen and (min-width:701px) { .InlineCarousel--js .InlineCarousel-list .CarouselSlide { margin: 0 10px } } @media only screen and (min-width:961px) { .InlineCarousel--js .InlineCarousel-list .CarouselSlide { margin: 0 15px } } .InlineCarousel--js .InlineCarousel-list .CarouselSlide .Image { display: block } .InlineCarousel--js .InlineCarousel-list .CarouselSlide .ImageAndCta .CtaBlock { margin: 0 } .InlineCarousel--js .InlineCarousel-list .CarouselSlide.is-selected .CtaBlock, .InlineCarousel--js .InlineCarousel-list .CarouselSlide.is-selected .Image { opacity: 1; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in } .InlineCarousel--js .InlineCarousel-list .CarouselSlide:not(.is-selected) { cursor: pointer } .InlineCarousel--js .InlineCarousel-list .CarouselSlide:not(.is-selected) .Image { opacity: .6; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out } .InlineCarousel--js .InlineCarousel-list .CarouselSlide:not(.is-selected) .Image:hover { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .InlineCarousel--js .InlineCarousel-list .CarouselSlide:not(.is-selected) .CtaBlock { opacity: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out } @media only screen and (min-width:701px) { .InlineCarousel--js .InlineCarousel-cta-wrapper { top: 380.6249999986px; width: 569.9999999976px } } @media only screen and (min-width:961px) { .InlineCarousel--js .InlineCarousel-cta-wrapper { top: 583.1249999978px; width: 929.9999999962px } } .InlineCarousel--single { position: relative } .InlineCarousel--single .CarouselSlide { margin-bottom: 0 } .InlineCarousel--single .CarouselSlide:lang(ja) { font-size: 1rem } .InlineCarousel--single .InlineCarousel-button { display: none } .InlineCarousel--single .InlineCarousel-cta-wrapper { -webkit-transform: none; transform: none } @media only screen and (min-width:701px) { .InlineCarousel--single .InlineCarousel-cta-wrapper { right: 15px; top: 448.125px } .InlineCarousel--single .InlineCarousel-cta-wrapper:lang(ar) { left: 15px; right: auto } } @media only screen and (min-width:961px) { .InlineCarousel--single .InlineCarousel-cta-wrapper { top: 583.125px } } @media only screen and (min-width:1701px) { .InlineCarousel--single .InlineCarousel-cta-wrapper { top: 920.625px } } .InlineCarousel--dark .Heading-title { color: #fff } .InlineCarousel--light .Heading-title { color: #000 } .InlineCarousel--greenPink .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--greenPink .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--greenPink .Heading { margin-bottom: 0 } } .InlineCarousel--greenPink .Heading-title { color: #fbe4ee; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--greenPink .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--greenPink .Heading-title { line-height: 55px } } .InlineCarousel--greenPink .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--greenPink .Heading-title i { margin-right: 5px } } .InlineCarousel--greenPink .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--greenPink .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--greenGreen .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--greenGreen .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--greenGreen .Heading { margin-bottom: 0 } } .InlineCarousel--greenGreen .Heading-title { color: #175250; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--greenGreen .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--greenGreen .Heading-title { line-height: 55px } } .InlineCarousel--greenGreen .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--greenGreen .Heading-title i { margin-right: 5px } } .InlineCarousel--greenGreen .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--greenGreen .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--blueGreen .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--blueGreen .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--blueGreen .Heading { margin-bottom: 0 } } .InlineCarousel--blueGreen .Heading-title { color: #f3ffd1; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--blueGreen .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--blueGreen .Heading-title { line-height: 55px } } .InlineCarousel--blueGreen .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--blueGreen .Heading-title i { margin-right: 5px } } .InlineCarousel--blueGreen .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--blueGreen .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--pinkRed .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--pinkRed .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--pinkRed .Heading { margin-bottom: 0 } } .InlineCarousel--pinkRed .Heading-title { color: #d10023; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--pinkRed .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--pinkRed .Heading-title { line-height: 55px } } .InlineCarousel--pinkRed .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--pinkRed .Heading-title i { margin-right: 5px } } .InlineCarousel--pinkRed .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--pinkRed .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--lightBlueGreen .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlueGreen .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--lightBlueGreen .Heading { margin-bottom: 0 } } .InlineCarousel--lightBlueGreen .Heading-title { color: #175250; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlueGreen .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--lightBlueGreen .Heading-title { line-height: 55px } } .InlineCarousel--lightBlueGreen .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlueGreen .Heading-title i { margin-right: 5px } } .InlineCarousel--lightBlueGreen .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--lightBlueGreen .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--yellowOrange .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--yellowOrange .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--yellowOrange .Heading { margin-bottom: 0 } } .InlineCarousel--yellowOrange .Heading-title { color: #a72906; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--yellowOrange .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--yellowOrange .Heading-title { line-height: 55px } } .InlineCarousel--yellowOrange .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--yellowOrange .Heading-title i { margin-right: 5px } } .InlineCarousel--yellowOrange .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--yellowOrange .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--white .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--white .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--white .Heading { margin-bottom: 0 } } .InlineCarousel--white .Heading-title { color: #000; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--white .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--white .Heading-title { line-height: 55px } } .InlineCarousel--white .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--white .Heading-title i { margin-right: 5px } } .InlineCarousel--white .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--white .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--black .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--black .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--black .Heading { margin-bottom: 0 } } .InlineCarousel--black .Heading-title { color: #fff; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--black .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--black .Heading-title { line-height: 55px } } .InlineCarousel--black .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--black .Heading-title i { margin-right: 5px } } .InlineCarousel--black .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--black .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--lightOrange .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--lightOrange .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--lightOrange .Heading { margin-bottom: 0 } } .InlineCarousel--lightOrange .Heading-title { color: #f3ad9f; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--lightOrange .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--lightOrange .Heading-title { line-height: 55px } } .InlineCarousel--lightOrange .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--lightOrange .Heading-title i { margin-right: 5px } } .InlineCarousel--lightOrange .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--lightOrange .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--yellow .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--yellow .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--yellow .Heading { margin-bottom: 0 } } .InlineCarousel--yellow .Heading-title { color: #ffc550; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--yellow .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--yellow .Heading-title { line-height: 55px } } .InlineCarousel--yellow .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--yellow .Heading-title i { margin-right: 5px } } .InlineCarousel--yellow .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--yellow .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--lightYellow .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--lightYellow .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--lightYellow .Heading { margin-bottom: 0 } } .InlineCarousel--lightYellow .Heading-title { color: #f9d8a1; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--lightYellow .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--lightYellow .Heading-title { line-height: 55px } } .InlineCarousel--lightYellow .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--lightYellow .Heading-title i { margin-right: 5px } } .InlineCarousel--lightYellow .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--lightYellow .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--pastelGreen .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--pastelGreen .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--pastelGreen .Heading { margin-bottom: 0 } } .InlineCarousel--pastelGreen .Heading-title { color: #bfdcd1; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--pastelGreen .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--pastelGreen .Heading-title { line-height: 55px } } .InlineCarousel--pastelGreen .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--pastelGreen .Heading-title i { margin-right: 5px } } .InlineCarousel--pastelGreen .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--pastelGreen .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--blue .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--blue .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--blue .Heading { margin-bottom: 0 } } .InlineCarousel--blue .Heading-title { color: #0f587c; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--blue .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--blue .Heading-title { line-height: 55px } } .InlineCarousel--blue .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--blue .Heading-title i { margin-right: 5px } } .InlineCarousel--blue .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--blue .Heading-title i:lang(ar) { margin-left: 5px } } .InlineCarousel--lightBlue .Heading { margin-bottom: -10px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlue .Heading { margin-bottom: 10px } } @media only screen and (min-width:961px) { .InlineCarousel--lightBlue .Heading { margin-bottom: 0 } } .InlineCarousel--lightBlue .Heading-title { color: #dff3fb; font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 35px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlue .Heading-title { font-size: 60px; line-height: 60px } } @media only screen and (min-width:961px) { .InlineCarousel--lightBlue .Heading-title { line-height: 55px } } .InlineCarousel--lightBlue .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .InlineCarousel--lightBlue .Heading-title i { margin-right: 5px } } .InlineCarousel--lightBlue .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .InlineCarousel--lightBlue .Heading-title i:lang(ar) { margin-left: 5px } } .InlineVideo { width: 100% } .InlineVideo-video { display: none; width: 100% } .InspirationCard { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 0; overflow: hidden } .InspirationCard, .InspirationCard-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-s); text-decoration: none } .InspirationCard-link { color: inherit; width: 100% } .InspirationCard-image { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover } .InspirationCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:961px) { .InspirationCard-content { gap: var(--Element-gap-Stack-stack-s) } } .InspirationCard-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-2xs); -ms-flex-item-align: stretch; align-self: stretch } .InspirationCard-eyebrow { color: var(--color-text-secondary); margin: 0 } .InspirationCard-title { color: var(--color-text-primary); margin: 0 } .InspirationCard-location { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--Element-gap-Inline-inline-xs); margin: 0 } .InspirationCard-location, .InspirationCard-location .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .InspirationCard-location .icon { height: 16px; width: 16px; -ms-flex-negative: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 16px; justify-content: center; line-height: 1 } .InspirationCard-description, .InspirationCard-location .icon, .InspirationCard-location .labels-label { color: var(--color-text-secondary) } .InspirationCard-description { display: none; margin: 0 } @media only screen and (min-width:701px) { .InspirationCard-description { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch } } .InspirationFilter { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: var(--Element-gap-Stack-stack-m); padding-top: var(--Element-gap-Stack-stack-m) } .InspirationFilter.pt-0 { padding-top: 0 } .InspirationFilter.pb-0 { padding-bottom: 0 } .InspirationFilter-wg-tabs { width: 100% } .InspirationFilter-tabs-container { padding-top: var(--Element-gap-Stack-stack-m); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); width: 100% } .InspirationFilter-tabs, .InspirationFilter-tabs-container { align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex } .InspirationFilter-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: stretch; border-bottom: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); gap: var(--Element-gap-Inline-inline-xl) } .InspirationFilter-tab { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: var(--Element-gap-Stack-stack-m); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px 20px 0 0; gap: var(--Element-gap-Inline-inline-xs) } .InspirationFilter-tab--active { border-bottom: 3px solid var(--color-border-strong-default, rgba(77, 77, 77, .95)) } .InspirationFilter-icon { display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; line-height: 1em } .InspirationFilter-icon.mobile { display: none } .InspirationFilter-icon-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "liga" off, "clig" off; font-feature-settings: "liga" off, "clig" off; overflow: hidden; text-overflow: ellipsis } .InspirationFilter-icon-text.desktop { display: none } @media only screen and (min-width:701px) { .InspirationFilter-icon-text.desktop { display: -webkit-box; display: -ms-flexbox; display: flex } } .InspirationFilter-icon-text.mobile { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:701px) { .InspirationFilter-icon-text.mobile { display: none } } .InspirationFilter-pages { display: block; width: 100% } .InspirationFilter-page { display: none } .InspirationFilter-page--active { display: block } .InspirationFilter .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container) { border-left: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: 5px; padding-left: 15px } .InspirationFilter .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container):lang(ar) { border-left: none; border-right: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: unset; margin-right: 5px; padding-left: unset; padding-right: 15px } @media only screen and (min-width:961px) { .InspirationFilter .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container.WideGridFilter-bar-allFilters-container { border-left: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: 5px; padding-left: 15px } .InspirationFilter .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container.WideGridFilter-bar-allFilters-container:lang(ar) { border-left: none; border-right: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: unset; margin-right: 5px; padding-left: unset; padding-right: 15px } } .InteractiveHero-backButton, .InteractiveHero-list { display: none } @media only screen and (min-width:701px) { .InteractiveHero .Hero-headingContainer { bottom: 110px } } @media only screen and (min-width:1701px) { .InteractiveHero .Hero-headingContainer { bottom: 80px } } .InteractiveHero .BackgroundImage { -webkit-transition: background-image 1s ease-in-out; transition: background-image 1s ease-in-out } @media only screen and (min-width:961px) { .InteractiveHero .BackgroundImage { height: auto; max-height: none; min-height: calc(100vh - 300px) } } @media only screen and (min-width:1701px) { .InteractiveHero .BackgroundImage { height: auto; max-height: none; min-height: calc(100vh - 300px) } } .InteractiveHero .BackgroundImage:after { background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); background: linear-gradient(0deg, transparent 0, #000); top: 0 } @media only screen and (min-width:1100px) { .InteractiveHero .BackgroundImage:after { display: none } } .InteractiveHero .BackgroundImage .InteractiveHero-variants .BackgroundImage:after { background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); background: linear-gradient(0deg, transparent 0, #000); bottom: auto; content: ""; display: block; height: 60%; position: absolute; top: 0; width: 100%; z-index: 0 } .InteractiveHero .BackgroundImage .InteractiveHero-variants .BackgroundImage .Variant--flickity { position: relative; z-index: 1 } .InteractiveHero-map { padding-bottom: 250px; padding-top: 40px; text-align: center } .InteractiveHero-map svg { height: calc(88vh - 155px); max-height: calc(68vh - 200px); max-width: 95vw; min-height: 400px; width: auto } .InteractiveHero-map svg a circle { position: relative; stroke: transparent; border-radius: 9999px; stroke-width: 70 } .InteractiveHero-map svg a:hover circle.circle-hover { -webkit-animation: sonar 1s linear infinite; animation: sonar 1s linear infinite; stroke: #118761 } @-webkit-keyframes sonar { 0% { stroke-width: 10; opacity: .6 } to { stroke-width: 120; opacity: 0 } } @keyframes sonar { 0% { stroke-width: 10; opacity: .6 } to { stroke-width: 120; opacity: 0 } } @media only screen and (min-width:701px) { .InteractiveHero--showing-variant .BackgroundImage { min-height: 910px } } @media only screen and (min-width:961px) { .InteractiveHero--showing-variant .BackgroundImage { min-height: 910px } } .InteractiveHero--showing-variant .BackgroundImage .Heading-title:after { display: none } .InteractiveHero--showing-variant .InteractiveHero-backButton { display: block; margin: 0 auto; position: relative; width: 990px } .InteractiveHero--showing-variant .InteractiveHero-backButton a { display: inline-block; left: 0; padding: 0 5px 5px 0; top: 53px; z-index: 2 } @media only screen and (max-width:1099px) { .InteractiveHero--showing-variant .InteractiveHero-backButton { display: none } } @media only screen and (max-width:1160px) { .InteractiveHero--showing-variant .InteractiveHero-heading { display: block } } @media only screen and (max-width:1099px) { .InteractiveHero--showing-variant .BackgroundImage { height: auto !important; min-height: none !important; padding-bottom: 100px } } .InteractiveHero .Hero+.InlineCaw { margin: -60px 80px 0; position: relative; z-index: 1 } @media only screen and (max-width:1160px) { .InteractiveHero .Hero+.InlineCaw { display: none } } @media only screen and (min-width:1161px)and (max-width:1265px) { .InteractiveHero .Hero+.InlineCaw { display: block } } @media screen and (min-width:1701px) { .InteractiveHero .caw-comp__wrapper .App-wrapper__row .container { max-width: 930px } } @media only screen and (min-width:1100px) { .InteractiveHero .caw-comp__wrapper .ToggleCount { max-width: 187px } } @media only screen and (max-width:1099px) { .InteractiveHero .Hero .BackgroundImage { height: auto !important; max-height: none; padding-bottom: 100px } .InteractiveHero .InteractiveHero-map { display: none } .InteractiveHero .InteractiveHero-list { display: block; margin: 0 auto; position: relative; width: 85%; z-index: 2 } .InteractiveHero .InteractiveHero-list .Variant-container { border-top: 1px solid #fff } .InteractiveHero .InteractiveHero-list .Variant-container .InteractiveHero--mobile-trigger { display: block; font-weight: 400; padding: 20px; text-align: center } .InteractiveHero .InteractiveHero-list .Variant-container:last-child { border-bottom: 1px solid #fff } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container { display: none } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CtaBlock-title { font-family: EB Garamond; text-transform: none } .InteractiveHero .InteractiveHero-list .Variant-container .Variant-content-container .CTA { left: 50%; margin: 20px auto; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .InteractiveHero .InteractiveHero-list .Variant-container-active { background-color: #fff } .InteractiveHero .InteractiveHero-list .Variant-container-active .InteractiveHero--mobile-trigger { color: #000; font-size: .8em; font-weight: 600 } .InteractiveHero .InteractiveHero-list .Variant-container-active .Variant-content-container { display: block; padding: 30px } .InteractiveHero .InteractiveHero-list .Variant-container-active .Variant-content-container .Image-ratioContainer { display: none } .InteractiveHero .InteractiveHero-list .Variant-container-active .Variant-content-container .Image-img { height: 100% } .InteractiveHero .Hero .Hero-headingContainer { bottom: auto; position: relative; width: 100% } .InteractiveHero .Hero .Hero-headingContainer .Heading { color: #fff; margin-bottom: 30px; padding-top: 30px; text-align: center } .InteractiveHero .Hero .Hero-headingContainer .Heading-eyebrow, .InteractiveHero .Hero .Hero-headingContainer .Heading-title:after { display: none } } .Variant { display: none } .Variant-nextButton, .Variant-prevButton { left: calc(50% - 540px); position: relative; position: absolute; right: auto; top: 430px; z-index: 2 } .Variant-nextButton:after, .Variant-prevButton:after { background: #000; border-radius: 50%; content: ""; display: inline-block; height: 63px; left: -7px; line-height: 48px; opacity: .5; position: absolute; top: -7px; width: 63px; z-index: -1 } .Variant-nextButton { left: auto; right: calc(50% - 540px) } .Variant .Hero-headingContainer { bottom: auto; top: 25px } .Variant--transition .Variant-nextButton, .Variant--transition .Variant-prevButton { z-index: 0 } .VariantCard { background-color: #fff; height: auto; height: 590px; margin: 75px; overflow: hidden; padding: 50px; top: 90px } .VariantCard .ImageAndCta { display: -webkit-box; display: -ms-flexbox; display: flex; height: 490px } .VariantCard .Image-picture { height: 490px; position: relative; width: 400px } .VariantCard .CtaBlock { height: 490px; margin-left: 50px; position: relative; width: 350px } .VariantCard .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .VariantCard .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .VariantCard .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .VariantCard .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .VariantCard .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .VariantCard .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .VariantCard .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .VariantCard .CtaBlock-title { font-family: EB Garamond; text-transform: none } .VariantCard .CtaBlock-cta { bottom: 0; position: absolute } .Interstitial { background-color: #000; display: block; height: 100vh; height: calc(var(--vh, 1vh)*100); inset: 0; position: absolute; width: 100%; z-index: -1 } .Interstitial .BackgroundImage { height: 100%; position: relative; width: 100% } .Interstitial .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(18.1%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, color-stop(27.6%, transparent), color-stop(73.73%, #000)); background: linear-gradient(180deg, transparent 18.1%, #000), linear-gradient(180deg, transparent 27.6%, #000 73.73%); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; width: 100%; z-index: 51 } @media only screen and (min-width:701px) { .Interstitial .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(34.77%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, color-stop(19.99%, transparent), color-stop(93.55%, #000)); background: linear-gradient(180deg, transparent 34.77%, #000), linear-gradient(180deg, transparent 19.99%, #000 93.55%) } } @media only screen and (min-width:961px) { .Interstitial .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(13.81%, transparent), color-stop(92.78%, #000)), -webkit-gradient(linear, left top, left bottom, color-stop(16.92%, transparent), color-stop(93.55%, #000)); background: linear-gradient(180deg, transparent 13.81%, #000 92.78%), linear-gradient(180deg, transparent 16.92%, #000 93.55%) } } .Interstitial .BackgroundImage .Interstitial-logoContainer { position: absolute; top: 0; -webkit-transform: translate(0); transform: translate(0); width: 100%; z-index: 52 } .Interstitial .BackgroundImage .Interstitial-logoContainer .Interstitial-logoLink { background-color: #000; display: block; height: 125px; margin: auto; -webkit-transform: translate(0); transform: translate(0); width: 125px } .Interstitial .BackgroundImage .Interstitial-logoContainer .Interstitial-logoLink .Interstitial-logo { font-size: 60px; line-height: 125px; text-align: center; -webkit-transform: translate(0); transform: translate(0) } .Interstitial .BackgroundImage .Interstitial-logoContainer .Interstitial-logoLink .Interstitial-logo:before { vertical-align: sub } .Interstitial .BackgroundImage .Interstitial-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; position: absolute; -webkit-transform: translate(0); transform: translate(0); width: 100%; z-index: 52 } .Interstitial .BackgroundImage .Interstitial-container .Heading { color: #fff; padding: 0 10px; text-align: center } .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-eyebrow { margin-bottom: 10px } @media only screen and (min-width:961px) { .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-eyebrow { margin-bottom: 15px } } .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-title { font-size: 1.75rem; letter-spacing: .1875rem; line-height: 2.625rem; margin-bottom: 20px; margin-top: 0 } @media only screen and (min-width:701px) { .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-title { font-size: 2rem; letter-spacing: .3125rem; line-height: 2.9375rem } } @media only screen and (min-width:961px) { .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-title { font-size: 2.75rem; letter-spacing: .375rem; line-height: 3.875rem } } .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:961px) { .Interstitial .BackgroundImage .Interstitial-container .Heading .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial .BackgroundImage .Interstitial-container .CTA { border-color: #fff; height: 35px; margin-top: 30px } .Interstitial .BackgroundImage .Interstitial-container .Interstitial-arrowButton { color: #fff; font-size: 13px; margin-bottom: 23px; margin-top: 33px } @media only screen and (min-width:701px) { .Interstitial .BackgroundImage .Interstitial-container .Interstitial-arrowButton { margin-bottom: 33px } } @media only screen and (min-width:961px) { .Interstitial .BackgroundImage .Interstitial-container .Interstitial-arrowButton { margin-bottom: 43px } } .Interstitial .BackgroundImage .Interstitial-container .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial .Interstitial-countdown { bottom: 40px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 10px; letter-spacing: 3px; line-height: 17px; position: absolute; right: 15px; text-transform: uppercase; -webkit-transform: translate(0); transform: translate(0); z-index: 52 } .Interstitial .Interstitial-countdown:lang(ar) { left: 15px; right: auto } @media only screen and (min-width:701px) { .Interstitial .Interstitial-countdown { bottom: 50px; right: 50px } .Interstitial .Interstitial-countdown:lang(ar) { left: 50px; right: auto } } @media only screen and (min-width:961px) { .Interstitial .Interstitial-countdown { bottom: 50px; right: 55px } .Interstitial .Interstitial-countdown:lang(ar) { left: 55px; right: auto } } .Interstitial .Interstitial-countdown .timer { height: 17px; letter-spacing: normal; margin-left: 10px; text-align: center; width: 17px } .Interstitial .Interstitial-countdown .timer:lang(ar) { margin-left: 0; margin-right: 10px } .Interstitial .Interstitial-countdown .timer svg { height: 17px; position: absolute; right: 0; top: 0; -webkit-transform: rotateY(-180deg) rotate(-90deg); transform: rotateY(-180deg) rotate(-90deg); width: 17px } .Interstitial .Interstitial-countdown .timer svg:lang(ar) { left: 0; right: auto } .Interstitial .Interstitial-countdown .timer svg circle { stroke-dasharray: 47px; stroke-dashoffset: -47px; stroke-linecap: round; stroke-width: 2px; stroke: #fff; fill: none; -webkit-animation: countdown 7s linear 1 forwards; animation: countdown 7s linear 1 forwards } @-webkit-keyframes countdown { 0% { stroke-dashoffset: -47px } to { stroke-dashoffset: 0 } } @keyframes countdown { 0% { stroke-dashoffset: -47px } to { stroke-dashoffset: 0 } } .InterstitialOfferBanner { background: #2d2d2d; border-bottom-width: 1px; display: block; padding: 4px 0; position: relative; top: 0; -webkit-transition: z-index .3s; transition: z-index .3s; width: 100%; z-index: 10 } .Body-navigationOverlay--shown .InterstitialOfferBanner { z-index: 9 } .InterstitialOfferBanner-WebMessage { color: #fff; margin: auto; max-width: 930px; padding: 0 20px } .InterstitialOfferBanner-WebMessage a { color: #fff } .Interstitial-video { display: none; width: 100% } @media only screen and (min-width:961px) { .Interstitial-video { display: block; height: 100vh; overflow: hidden; position: absolute; top: 0; z-index: 51 } } @media only screen and (min-width:1701px) { .Interstitial-video { max-height: 1200px } } .Interstitial-video:lang(ar) { direction: ltr } .Interstitial-video .Video-video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .Interstitial .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Interstitial .Video-playButton, .SignatureCard-video .Interstitial .Video-playButton--hasAvailabilityMessage { bottom: 16px; display: none; position: absolute; right: 16px; z-index: 53 } @media only screen and (min-width:961px) { .Interstitial .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Interstitial .Video-playButton, .SignatureCard-video .Interstitial .Video-playButton--hasAvailabilityMessage { display: block } } .Interstitial .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Interstitial .Video-playButton:lang(ar), .SignatureCard-video .Interstitial .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 16px; right: auto } .Interstitial-lllContainer { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial-lllContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .Interstitial-lllContainer .Interstitial-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Interstitial-lllContainer .Interstitial-video .Video-playButton, .SignatureCard-video .Interstitial-lllContainer .Interstitial-video .Video-playButton--hasAvailabilityMessage { bottom: 16px; position: absolute; right: 16px; z-index: 53 } .Interstitial-lllContainer .Interstitial-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Interstitial-lllContainer .Interstitial-video .Video-playButton:lang(ar), .SignatureCard-video .Interstitial-lllContainer .Interstitial-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 16px; right: auto } .Interstitial-lllContainer .Interstitial-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:before, .Interstitial-lllContainer .Interstitial-video .Video-playButton:before, .SignatureCard-video .Interstitial-lllContainer .Interstitial-video .Video-playButton--hasAvailabilityMessage:before { background-color: rgba(0, 0, 0, .5); border-radius: 20px } .Interstitial--greenPink { color: #fbe4ee } .Interstitial--greenPink .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--greenPink .Interstitial-container { background-color: #175250; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--greenPink .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenPink .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--greenPink .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--greenPink .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--greenPink .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--greenPink .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--greenPink .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--greenPink .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--greenPink .Interstitial-logoContainer .Navigation-logo { color: #fbe4ee; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--greenPink .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-logoImage { height: 98.5px } } .Interstitial--greenPink .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--greenPink .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-arrowButton { bottom: 50px } } .Interstitial--greenPink .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--greenPink .Interstitial-countdown { bottom: 35px; color: #fbe4ee } .Interstitial--greenPink .Interstitial-countdown .timer svg circle { stroke: #fbe4ee } @media only screen and (min-width:701px) { .Interstitial--greenPink .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--greenPink .Interstitial-countdown { bottom: 55px } } .Interstitial--greenPink .BackgroundImage:after { background: none } .Interstitial--greenPink .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(83%) sepia(2%) saturate(2118%) hue-rotate(298deg) brightness(114%) contrast(97%); filter: brightness(0) saturate(100%) invert(83%) sepia(2%) saturate(2118%) hue-rotate(298deg) brightness(114%) contrast(97%) } .Interstitial--greenGreen { color: #175250 } .Interstitial--greenGreen .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--greenGreen .Interstitial-container { background-color: #f3ffd1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--greenGreen .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--greenGreen .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--greenGreen .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--greenGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--greenGreen .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--greenGreen .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--greenGreen .Interstitial-logoContainer .Navigation-logo { color: #175250; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--greenGreen .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-logoImage { height: 98.5px } } .Interstitial--greenGreen .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--greenGreen .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-arrowButton { bottom: 50px } } .Interstitial--greenGreen .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--greenGreen .Interstitial-countdown { bottom: 35px; color: #175250 } .Interstitial--greenGreen .Interstitial-countdown .timer svg circle { stroke: #175250 } @media only screen and (min-width:701px) { .Interstitial--greenGreen .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--greenGreen .Interstitial-countdown { bottom: 55px } } .Interstitial--greenGreen .BackgroundImage:after { background: none } .Interstitial--greenGreen .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(41%) saturate(604%) hue-rotate(129deg) brightness(92%) contrast(99%); filter: brightness(0) saturate(100%) invert(27%) sepia(41%) saturate(604%) hue-rotate(129deg) brightness(92%) contrast(99%) } .Interstitial--blueGreen { color: #f3ffd1 } .Interstitial--blueGreen .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--blueGreen .Interstitial-container { background-color: #0f587c; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--blueGreen .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--blueGreen .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--blueGreen .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--blueGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--blueGreen .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--blueGreen .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--blueGreen .Interstitial-logoContainer .Navigation-logo { color: #f3ffd1; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--blueGreen .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-logoImage { height: 98.5px } } .Interstitial--blueGreen .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--blueGreen .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-arrowButton { bottom: 50px } } .Interstitial--blueGreen .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--blueGreen .Interstitial-countdown { bottom: 35px; color: #f3ffd1 } .Interstitial--blueGreen .Interstitial-countdown .timer svg circle { stroke: #f3ffd1 } @media only screen and (min-width:701px) { .Interstitial--blueGreen .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--blueGreen .Interstitial-countdown { bottom: 55px } } .Interstitial--blueGreen .BackgroundImage:after { background: none } .Interstitial--blueGreen .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(14%) saturate(462%) hue-rotate(35deg) brightness(102%) contrast(109%); filter: brightness(0) saturate(100%) invert(92%) sepia(14%) saturate(462%) hue-rotate(35deg) brightness(102%) contrast(109%) } .Interstitial--pinkRed { color: #d10023 } .Interstitial--pinkRed .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--pinkRed .Interstitial-container { background-color: #fbe4ee; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--pinkRed .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--pinkRed .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--pinkRed .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--pinkRed .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--pinkRed .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--pinkRed .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--pinkRed .Interstitial-logoContainer .Navigation-logo { color: #d10023; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--pinkRed .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-logoImage { height: 98.5px } } .Interstitial--pinkRed .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--pinkRed .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-arrowButton { bottom: 50px } } .Interstitial--pinkRed .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--pinkRed .Interstitial-countdown { bottom: 35px; color: #d10023 } .Interstitial--pinkRed .Interstitial-countdown .timer svg circle { stroke: #d10023 } @media only screen and (min-width:701px) { .Interstitial--pinkRed .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--pinkRed .Interstitial-countdown { bottom: 55px } } .Interstitial--pinkRed .BackgroundImage:after { background: none } .Interstitial--pinkRed .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(56%) saturate(5903%) hue-rotate(340deg) brightness(107%) contrast(116%); filter: brightness(0) saturate(100%) invert(12%) sepia(56%) saturate(5903%) hue-rotate(340deg) brightness(107%) contrast(116%) } .Interstitial--lightBlueGreen { color: #175250 } .Interstitial--lightBlueGreen .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--lightBlueGreen .Interstitial-container { background-color: #dff3fb; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--lightBlueGreen .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--lightBlueGreen .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--lightBlueGreen .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--lightBlueGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--lightBlueGreen .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--lightBlueGreen .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--lightBlueGreen .Interstitial-logoContainer .Navigation-logo { color: #175250; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--lightBlueGreen .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-logoImage { height: 98.5px } } .Interstitial--lightBlueGreen .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--lightBlueGreen .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-arrowButton { bottom: 50px } } .Interstitial--lightBlueGreen .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--lightBlueGreen .Interstitial-countdown { bottom: 35px; color: #175250 } .Interstitial--lightBlueGreen .Interstitial-countdown .timer svg circle { stroke: #175250 } @media only screen and (min-width:701px) { .Interstitial--lightBlueGreen .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--lightBlueGreen .Interstitial-countdown { bottom: 55px } } .Interstitial--lightBlueGreen .BackgroundImage:after { background: none } .Interstitial--lightBlueGreen .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(41%) saturate(604%) hue-rotate(129deg) brightness(92%) contrast(99%); filter: brightness(0) saturate(100%) invert(27%) sepia(41%) saturate(604%) hue-rotate(129deg) brightness(92%) contrast(99%) } .Interstitial--yellowOrange { color: #a72906 } .Interstitial--yellowOrange .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--yellowOrange .Interstitial-container { background-color: #ffc550; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--yellowOrange .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--yellowOrange .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--yellowOrange .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--yellowOrange .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--yellowOrange .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--yellowOrange .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--yellowOrange .Interstitial-logoContainer .Navigation-logo { color: #a72906; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--yellowOrange .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-logoImage { height: 98.5px } } .Interstitial--yellowOrange .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--yellowOrange .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-arrowButton { bottom: 50px } } .Interstitial--yellowOrange .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--yellowOrange .Interstitial-countdown { bottom: 35px; color: #a72906 } .Interstitial--yellowOrange .Interstitial-countdown .timer svg circle { stroke: #a72906 } @media only screen and (min-width:701px) { .Interstitial--yellowOrange .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--yellowOrange .Interstitial-countdown { bottom: 55px } } .Interstitial--yellowOrange .BackgroundImage:after { background: none } .Interstitial--yellowOrange .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(81%) saturate(1778%) hue-rotate(352deg) brightness(97%) contrast(106%); filter: brightness(0) saturate(100%) invert(20%) sepia(81%) saturate(1778%) hue-rotate(352deg) brightness(97%) contrast(106%) } .Interstitial--light { color: #000 } .Interstitial--light .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--light .Interstitial-container { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--light .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--light .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--light .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--light .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--light .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--light .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--light .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--light .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--light .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--light .Interstitial-logoContainer .Navigation-logo { color: #000; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--light .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-logoImage { height: 98.5px } } .Interstitial--light .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--light .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-arrowButton { bottom: 50px } } .Interstitial--light .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--light .Interstitial-countdown { bottom: 35px; color: #000 } .Interstitial--light .Interstitial-countdown .timer svg circle { stroke: #000 } @media only screen and (min-width:701px) { .Interstitial--light .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--light .Interstitial-countdown { bottom: 55px } } .Interstitial--light .BackgroundImage:after { background: none } .Interstitial--light .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%); filter: brightness(0) saturate(100%) } .Interstitial--black { color: #000 } .Interstitial--black .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--black .Interstitial-container { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--black .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--black .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--black .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--black .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--black .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--black .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--black .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--black .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--black .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--black .Interstitial-logoContainer .Navigation-logo { color: #000; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--black .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-logoImage { height: 98.5px } } .Interstitial--black .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--black .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-arrowButton { bottom: 50px } } .Interstitial--black .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--black .Interstitial-countdown { bottom: 35px; color: #000 } .Interstitial--black .Interstitial-countdown .timer svg circle { stroke: #000 } @media only screen and (min-width:701px) { .Interstitial--black .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--black .Interstitial-countdown { bottom: 55px } } .Interstitial--black .BackgroundImage:after { background: none } .Interstitial--black .Interstitial-logoImage { -webkit-filter: brightness(0) saturate(100%); filter: brightness(0) saturate(100%) } .Interstitial--white { color: #fff } .Interstitial--white .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--white .Interstitial-container { background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--white .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--white .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--white .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--white .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--white .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--white .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--white .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--white .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--white .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--white .Interstitial-logoContainer .Navigation-logo { color: #fff; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--white .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-logoImage { height: 98.5px } } .Interstitial--white .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--white .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-arrowButton { bottom: 50px } } .Interstitial--white .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--white .Interstitial-countdown { bottom: 35px; color: #fff } .Interstitial--white .Interstitial-countdown .timer svg circle { stroke: #fff } @media only screen and (min-width:701px) { .Interstitial--white .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--white .Interstitial-countdown { bottom: 55px } } .Interstitial--white .BackgroundImage:after { background: none } .Interstitial--dark { color: #fff } .Interstitial--dark .Interstitial-backgroundContainer { height: 100%; width: 100% } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-backgroundContainer { -ms-flex-preferred-size: 62.5%; flex-basis: 62.5% } } .Interstitial--dark .Interstitial-container { background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-container { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; height: 100% } } .Interstitial--dark .Interstitial-container .Heading { margin-bottom: 17px; margin-top: 40px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-container .Heading { margin-bottom: 30px; margin-top: 63px } } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-container .Heading { margin-bottom: 100px; margin-top: 0 } } .Interstitial--dark .Interstitial-container .Heading-eyebrow { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Interstitial--dark .Interstitial-container .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Interstitial--dark .Interstitial-container .Heading-eyebrow { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-container .Heading-eyebrow { margin-bottom: 20px } } .Interstitial--dark .Interstitial-container .Heading-title { font-family: Saol Display; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 40px; margin: 10px 15px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-container .Heading-title { font-size: 80px; line-height: 65px; margin: 20px 15px } } .Interstitial--dark .Interstitial-container .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-container .Heading-title i { margin-right: 5px } } .Interstitial--dark .Interstitial-container .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-container .Heading-title i:lang(ar) { margin-left: 5px } } .Interstitial--dark .Interstitial-container .Heading-subtitle { font-size: 1.125rem; letter-spacing: .03125rem; line-height: 1.6875rem } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-container .Heading-subtitle { font-size: 1.875rem; letter-spacing: .0625rem; line-height: 2.5625rem } } .Interstitial--dark .Interstitial-logoContainer { margin-bottom: 20px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-logoContainer { margin-bottom: 43px } } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-logoContainer { margin-bottom: 53px } } .Interstitial--dark .Interstitial-logoContainer .Navigation-logo { color: #fff; font-size: 50px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-logoContainer .Navigation-logo { font-size: 100px } } .Interstitial--dark .Interstitial-logoImage { height: 51px } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-logoImage { height: 98.5px } } .Interstitial--dark .Interstitial-CtaContainer { margin-bottom: 90px; text-align: center } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-CtaContainer { margin-bottom: 113.5px } } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-CtaContainer { margin-bottom: 0 } } .Interstitial--dark .Interstitial-arrowButton { bottom: 30px; font-size: 13px; margin-top: 33px; position: absolute } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-arrowButton { bottom: 40px } } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-arrowButton { bottom: 50px } } .Interstitial--dark .Interstitial-arrowButton .Button-label { display: block; font-size: 0; height: 1px; overflow: hidden } .Interstitial--dark .Interstitial-countdown { bottom: 35px; color: #fff } .Interstitial--dark .Interstitial-countdown .timer svg circle { stroke: #fff } @media only screen and (min-width:701px) { .Interstitial--dark .Interstitial-countdown { bottom: 45px } } @media only screen and (min-width:961px) { .Interstitial--dark .Interstitial-countdown { bottom: 55px } } .Interstitial--dark .BackgroundImage:after { background: none } .IntroTextAndLists, .IntroTextAndLists-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .IntroTextAndLists-title { color: var(--color-text-heading, #030303); margin-top: 0 } .IntroTextAndLists-description { color: var(--color-text-primary, #1f1f1f); margin-top: 0 } .IntroTextAndLists-separator { background: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); border: none; height: 1px; margin: 0; padding: 0; width: 100% } .IntroTextAndLists-grid { display: grid; grid-template-columns: 1fr } @media only screen and (min-width:961px) { .IntroTextAndLists-grid { grid-template-columns: repeat(2, 1fr) } .IntroTextAndLists-grid--single { grid-template-columns: 1fr } } .IntroTextAndLists-item { min-width: 0 } .IntroTextAndLists-listItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .IntroTextAndLists-listItem:last-child { margin-bottom: 0 } .IntroTextAndLists-listItem-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 40px; min-width: 0 } .IntroTextAndLists-listItem-icon { -ms-flex-negative: 0; flex-shrink: 0; min-width: 0 } .IntroTextAndLists-listItem-icon, .IntroTextAndLists-listItem-icon .IntroTextAndLists-listItem-iconInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; height: 32px; justify-content: center; width: 32px } .IntroTextAndLists-listItem-icon .IntroTextAndLists-listItem-iconInner { font-size: 32px; line-height: 1; text-align: center } .IntroTextAndLists-listItem-title { color: var(--color-text-heading, #030303); margin: 0 } .IntroTextAndLists-listItem-description { color: var(--color-text-primary, #1f1f1f); margin: 0 } .IntroTextAndLists-listItem-content { display: grid; grid-column: 2; grid-template-columns: 1fr; min-width: 0 } .IntroTextAndLists-listItem-content:only-child { grid-column: 1/-1 } .IntroTextAndLists-textList { display: grid; grid-template-columns: 1fr; margin: 0 } @media only screen and (min-width:961px) { .IntroTextAndLists-grid--single .IntroTextAndLists-textList { grid-template-columns: 1fr 1fr } } .IntroTextAndLists-textListRow { display: grid; grid-template-columns: 1fr 1fr; margin: 0 } .IntroTextAndLists-textListRow-left { font-weight: 700 } .IntroTextAndLists-textListRow-left, .IntroTextAndLists-textListRow-right { color: var(--color-text-primary, #1f1f1f); text-align: left } .IntroTextAndLists-textListRow-right-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .IntroTextAndLists-linkList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .IntroTextAndLists-linkItem-cta { color: var(--color-text-secondary, #4d4d4d) } .Quote--large { text-align: center } .Quote--large .Quote-text { margin: 0 0 30px } @media only screen and (min-width:1701px) { .Quote--large .Quote-text { margin-bottom: 40px } } .Quote--large .Quote-picture { margin: auto auto 1rem; max-width: 135px; position: relative; width: 100% } .Quote--large .Quote-picture img { max-width: 100%; width: 100% } .Quote--large .Quote-picture .Image { position: relative } @media only screen and (min-width:701px) { .Quote--large .Quote-picture .Image { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } .Quote--large--light .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em } @media only screen and (min-width:701px) { .Quote--large--light .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .Quote--large--light .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .Quote--large--light .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .Quote--large--light .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Quote--large--light .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--light .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--light .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Quote--large--light .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Quote--large--light .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--light .Quote-text:after { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:961px) { .Quote--large--light .Quote-text:after { content: "\f171"; font-size: 1.875rem } } .Quote--large--light .Quote-text:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: none; transform: none } .Quote--large--light .Quote-text:before { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em } @media only screen and (min-width:961px) { .Quote--large--light .Quote-text:before { content: "\f171"; font-size: 1.875rem } } .Quote--large--light .Quote-text:lang(ar):before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .Quote--large--light .Quote-text:before { margin-bottom: 15px } @media only screen and (min-width:961px) { .Quote--large--light .Quote-text:before { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .Quote--large--light .Quote-text:before { margin-bottom: 30px } } .Quote--large--light .Quote-text:after { margin-top: 15px } @media only screen and (min-width:961px) { .Quote--large--light .Quote-text:after { margin-top: 20px } } @media only screen and (min-width:1701px) { .Quote--large--light .Quote-text:after { margin-top: 30px } } .Quote--large--light .Quote-text:after, .Quote--large--light .Quote-text:before { display: block } .Quote--large--dark .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em } @media only screen and (min-width:701px) { .Quote--large--dark .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .Quote--large--dark .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .Quote--large--dark .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .Quote--large--dark .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Quote--large--dark .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--dark .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--dark .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Quote--large--dark .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Quote--large--dark .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .Quote--large--dark .Quote-text:after { color: #7d7d7d; content: "\f173"; font-size: 1.25rem; line-height: 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:961px) { .Quote--large--dark .Quote-text:after { content: "\f171"; font-size: 1.875rem } } .Quote--large--dark .Quote-text:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: none; transform: none } .Quote--large--dark .Quote-text:before { color: #7d7d7d; content: "\f173"; font-size: 1.25rem; line-height: 1em } @media only screen and (min-width:961px) { .Quote--large--dark .Quote-text:before { content: "\f171"; font-size: 1.875rem } } .Quote--large--dark .Quote-text:lang(ar):before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .Quote--large--dark .Quote-text:before { margin-bottom: 15px } @media only screen and (min-width:961px) { .Quote--large--dark .Quote-text:before { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .Quote--large--dark .Quote-text:before { margin-bottom: 30px } } .Quote--large--dark .Quote-text:after { margin-top: 15px } @media only screen and (min-width:961px) { .Quote--large--dark .Quote-text:after { margin-top: 20px } } @media only screen and (min-width:1701px) { .Quote--large--dark .Quote-text:after { margin-top: 30px } } .Quote--large .Attribution-author, .Quote--large .Attribution-role, .Quote--large--dark .Quote-text:after, .Quote--large--dark .Quote-text:before { display: block } @media only screen and (min-width:701px) { .Quote--large .Attribution-author, .Quote--large .Attribution-role { display: inline } } .LinksList-links { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 5px; margin-top: 30px } @media only screen and (min-width:701px) { .LinksList-links { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } } @media only screen and (min-width:961px) { .LinksList-links { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } } @media only screen and (min-width:1701px) { .LinksList-links { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 } } .LinksList-link { border-bottom: 0; display: inline-block; line-height: 1.5; margin-bottom: 25px; text-decoration: underline; vertical-align: top } @media only screen and (min-width:701px) { .LinksList-link { max-width: 270px } } .ListingCardsGrid-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -60px } .ListingCardsGrid-list.row:after, .ListingCardsGrid-list.row:before { content: normal } .ListingCardsGrid-item { margin: 0 0 60px } .ListingCardsGrid-Image { margin-bottom: 30px } .ListingCardsGrid-Image img { max-width: 100% } .ListingCardsGrid-CTA { max-width: 95%; position: relative } .ListingCardsGrid-CTA:after { background-color: currentColor; content: ""; display: block; height: 2px; margin: 15px auto 10px; margin: 20px 0; width: 40px } .ListingCardsGrid-CTA .CTA { display: block } .ListingCardsGrid-CTA .CTA:after { float: none } .BodySection--dark .ListingCardsGrid .CTA { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .ListingCardsGrid .CTA:focus, .BodySection--dark .ListingCardsGrid .CTA:hover { border-color: #999; color: #999 } .ListingCardsGrid-description { margin-bottom: 0 } .ListingCardsGrid-descriptionCTA { margin-top: 18px } .LocationBar { text-align: center } .LocationBar-address { text-transform: uppercase } .LocationBar-separator { border: 1px solid #d8d8d8; margin: 20px auto; width: 100% } .LocationBar--light .LocationBar-phone { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .LocationBar--light .LocationBar-phone:focus, .LocationBar--light .LocationBar-phone:focus:before, .LocationBar--light .LocationBar-phone:hover, .LocationBar--light .LocationBar-phone:hover:before { border-bottom-color: transparent } .LocationBar--light .LocationBar-phone:focus, .LocationBar--light .LocationBar-phone:hover { border-color: #767676; color: #767676 } .LocationBar--dark .LocationBar-phone { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .LocationBar--dark .LocationBar-phone:focus, .LocationBar--dark .LocationBar-phone:focus:before, .LocationBar--dark .LocationBar-phone:hover, .LocationBar--dark .LocationBar-phone:hover:before { border-bottom-color: transparent } .LocationBar--dark .LocationBar-phone:focus, .LocationBar--dark .LocationBar-phone:hover { border-color: #999; color: #999 } .LocationBar-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:701px) { .LocationBar-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .LocationBar-cta { margin-top: 40px } @media only screen and (min-width:701px) { .LocationBar-cta { margin-left: 30px; margin-top: 0 } .LocationBar-cta:lang(ar) { margin-left: 0; margin-right: 30px } } .LocationBar--light .LocationBar-cta { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .LocationBar--light .LocationBar-cta:focus, .LocationBar--light .LocationBar-cta:focus:before, .LocationBar--light .LocationBar-cta:hover, .LocationBar--light .LocationBar-cta:hover:before { border-bottom-color: transparent } .LocationBar--light .LocationBar-cta:focus, .LocationBar--light .LocationBar-cta:hover { border-color: #767676; color: #767676 } .LocationBar--dark .LocationBar-cta { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .LocationBar--dark .LocationBar-cta:focus, .LocationBar--dark .LocationBar-cta:focus:before, .LocationBar--dark .LocationBar-cta:hover, .LocationBar--dark .LocationBar-cta:hover:before { border-bottom-color: transparent } .LocationBar--dark .LocationBar-cta:focus, .LocationBar--dark .LocationBar-cta:hover { border-color: #999; color: #999 } .MeetingsAndEventsHero .BackgroundImage { z-index: auto } .MeetingsAndEventsHero .BackgroundImage .MeetingsAndEventsHero-noSubtitle .Heading-title:after { display: none } .MeetingsAndEventsHero .BackgroundImage:after { height: 55% } @media only screen and (min-width:701px) { .MeetingsAndEventsHero .BackgroundImage:after { height: 70% } } @media only screen and (min-width:961px) { .MeetingsAndEventsHero .BackgroundImage:after { height: 60% } } @media only screen and (min-width:0)and (max-width:960px) { .MeetingsAndEventsHero .BackgroundImage.Hero-yield { background-color: #000; height: 100%; max-height: calc(950px - var(--alertheight, 0)); min-height: calc(120px - var(--alertheight, 0)) } } .MeetingsAndEventsHero .Hero-headingContainer { bottom: 40px } @media only screen and (min-width:701px) { .MeetingsAndEventsHero .Hero-headingContainer { bottom: 0 } } @media only screen and (min-width:961px) { .MeetingsAndEventsHero .Hero-headingContainer { bottom: 80px } } @media only screen and (min-width:1701px) { .MeetingsAndEventsHero .Hero-headingContainer { bottom: 100px } } .MeetingsAndEventsHero-contactBar { max-width: 930px; position: relative; z-index: 2 } @media only screen and (min-width:961px) { .MeetingsAndEventsHero-contactBar { margin-top: -55px } } @media screen and (min-width:960px)and (max-width:1350px) { .MeetingsAndEventsHero-contactBar { max-width: 550px } } .MeetingsAndEventsHero-contactBar .ContactBar-container { -webkit-box-shadow: 0 1px 30px 4px rgba(0, 0, 0, .12); box-shadow: 0 1px 30px 4px rgba(0, 0, 0, .12) } .MeetingsAndEventsHero-contactBar .ContactBar-title { font-style: normal } @media only screen and (min-width:0)and (max-width:960px) { .MeetingsAndEventsHero .Hero-video { height: 56.25vw; width: 100vw } } @media only screen and (min-width:0)and (max-width:700px) { .MeetingsAndEventsHero .Hero-video { height: 75vw } } .MapAndFloorplan { display: none } .MapAndFloorplan--dark .MapAndFloorplan-buttons { border-color: #fff } .MapAndFloorplan--dark .MapAndFloorplan-button { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .MapAndFloorplan--dark .MapAndFloorplan-button:focus, .MapAndFloorplan--dark .MapAndFloorplan-button:hover { border-color: #999; color: #999 } .MapAndFloorplan--dark .MapAndFloorplan-button--active:active, .MapAndFloorplan--dark .MapAndFloorplan-button--active:focus, .MapAndFloorplan--dark .MapAndFloorplan-button--active:hover { color: #fff } .MapAndFloorplan--dark .MapAndFloorplan-button--active:after { background-color: #fff } @media only screen and (min-width:961px) { .MapAndFloorplan--dark .MapAndFloorplan-content { border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff } } .MapAndFloorplan--dark .MapAndFloorplan-skip:focus { color: #fff } .MapAndFloorplan--dark .MapAndFloorplan-FloorPlan { border-color: #fff } .MapAndFloorplan--light .MapAndFloorplan-buttons { border-color: #000 } .MapAndFloorplan--light .MapAndFloorplan-button { color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .MapAndFloorplan--light .MapAndFloorplan-button:focus, .MapAndFloorplan--light .MapAndFloorplan-button:hover { border-color: #767676; color: #767676 } .MapAndFloorplan--light .MapAndFloorplan-button--active:active, .MapAndFloorplan--light .MapAndFloorplan-button--active:focus, .MapAndFloorplan--light .MapAndFloorplan-button--active:hover { color: #000 } .MapAndFloorplan--light .MapAndFloorplan-button--active:after { background-color: #000 } @media only screen and (min-width:961px) { .MapAndFloorplan--light .MapAndFloorplan-content { border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000 } } .MapAndFloorplan--light .MapAndFloorplan-skip:focus { color: #000 } .MapAndFloorplan--light .MapAndFloorplan-FloorPlan { border-color: #000 } .MapAndFloorplan-text, .MapAndFloorplan-title { text-align: center } @media only screen and (min-width:701px) { .MapAndFloorplan-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em } .MapAndFloorplan-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .MapAndFloorplan-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .MapAndFloorplan-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .MapAndFloorplan-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .MapAndFloorplan-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .MapAndFloorplan-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .MapAndFloorplan-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } } .MapAndFloorplan-heading { margin-bottom: 40px } @media only screen and (min-width:701px) { .MapAndFloorplan-heading { margin-bottom: 60px } } .MapAndFloorplan-buttonsTab { display: none } @media only screen and (min-width:961px) { .MapAndFloorplan-buttonsTab { display: block } } .MapAndFloorplan-buttons { border: 1px solid; height: 80px } .MapAndFloorplan-buttonsWrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0 auto; max-width: 640px; -ms-flex-pack: distribute; justify-content: space-around } .MapAndFloorplan-content { background-color: #fff } @media only screen and (min-width:961px) { .MapAndFloorplan-dropdownContainer { display: none } } .MapAndFloorplan-dropdown { border-top: 1px solid #d8d8d8; height: 80px; padding: 22px 20px; position: relative } .MapAndFloorplan-dropdown:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 20px; top: 27px } .MapAndFloorplan-dropdown:lang(ar):after { left: 20px; right: auto } .MapAndFloorplan-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; display: block; padding-top: 4px; width: 100% } .MapAndFloorplan-buttonContainer { display: -webkit-box; display: -ms-flexbox; display: flex } .MapAndFloorplan-button { background: none; border: none; padding: 0; position: relative; text-align: center } .MapAndFloorplan-button--active { font-weight: 700 } .MapAndFloorplan-button--active:after { bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100% } @media only screen and (min-width:961px) { .MapAndFloorplan-content { border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000 } } .MapAndFloorplan-view360, .MapAndFloorplan-virtualTour, .MapAndFloorplan-virtualTour360 { position: relative } .MapAndFloorplan-view360Image:after, .MapAndFloorplan-virtualTourImage:after { background-color: rgba(0, 0, 0, .3); content: ""; height: 100%; position: relative; width: 100% } .MapAndFloorplan-view360Cta, .MapAndFloorplan-virtualTourCta { bottom: 50%; position: absolute; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .MapAndFloorplan-Map--fixedHeight .EmbeddedMap-map { height: 457px; width: 100% } @media only screen and (min-width:701px) { .MapAndFloorplan-Map--fixedHeight .EmbeddedMap-map { height: 388px } } @media only screen and (min-width:961px) { .MapAndFloorplan-Map--fixedHeight .EmbeddedMap-map { height: 523px } } @media only screen and (min-width:1701px) { .MapAndFloorplan-Map--fixedHeight .EmbeddedMap-map { height: 861px } } .MapAndFloorplan-skipLink { height: 15px; position: relative } .MapAndFloorplan-skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 1px } .MapAndFloorplan-skip:focus { height: auto; left: 0; overflow: visible; top: 0; width: auto } .MapAndFloorplan-FloorPlan { border: 2px solid; height: 377px; overflow: hidden; position: relative } @media only screen and (min-width:701px) { .MapAndFloorplan-FloorPlan { height: 403px } } @media only screen and (min-width:961px) { .MapAndFloorplan-FloorPlan { border: none; height: 522px } } @media only screen and (min-width:1701px) { .MapAndFloorplan-FloorPlan { height: 859px } } .MapAndFloorplan-floorPlanWrapper { height: 100%; overflow: hidden; width: 100% } .MapAndFloorplan-floorPlanWrapper--zoomed { cursor: -webkit-grab; cursor: grab } .MapAndFloorplan-floorPlanWrapper--zoomed:active { cursor: -webkit-grabbing; cursor: grabbing } .MapAndFloorplan-floorPlanSelectWrapper { background-color: #000; border-radius: 5px; color: #fff; height: 38px; position: absolute; right: 10px; top: 10px } .MapAndFloorplan-floorPlanSelectWrapper:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 15px; top: 6px } @media only screen and (min-width:701px) { .MapAndFloorplan-floorPlanSelectWrapper { right: 30px; top: 30px } } .MapAndFloorplan-floorPlanSelectWrapper:lang(ar) { left: 10px; right: unset; top: 10px } .MapAndFloorplan-floorPlanSelectWrapper:lang(ar):after { left: 15px; right: unset } @media only screen and (min-width:701px) { .MapAndFloorplan-floorPlanSelectWrapper:lang(ar) { left: 30px; top: 30px } } .MapAndFloorplan-floorPlanSelect { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; border-radius: 5px; color: #fff; padding: 10px 47px 12px 15px; text-align: left } .MapAndFloorplan-floorPlanSelect::-ms-expand { display: none } .MapAndFloorplan-floorPlanSelect option { color: #000 } .MapAndFloorplan-floorPlanSelect:lang(ar) { padding: 10px 15px 12px 47px } .MapAndFloorplan-floorPlanContainer { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 50%; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } .MapAndFloorplan-floorPlanImage { display: none; margin: auto; max-height: 80%; max-width: 80%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .MapAndFloorplan-floorPlanButtons { background-color: #000; bottom: 10px; -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3); box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3); color: #fff; position: absolute; right: 10px } @media only screen and (min-width:701px) { .MapAndFloorplan-floorPlanButtons { bottom: 30px; right: 30px } } .MapAndFloorplan-floorPlanButtons:lang(ar) { left: 30px; right: unset } .MapAndFloorplan-floorPlanZoomIn, .MapAndFloorplan-floorPlanZoomOut { background-color: transparent; border: none; border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; height: 18px; padding: 13px 11px; position: relative; width: 18px } .MapAndFloorplan-floorPlanZoomIn:after, .MapAndFloorplan-floorPlanZoomIn:before, .MapAndFloorplan-floorPlanZoomOut:after, .MapAndFloorplan-floorPlanZoomOut:before { background-color: #fff; content: ""; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .MapAndFloorplan-floorPlanZoomIn:after, .MapAndFloorplan-floorPlanZoomOut:after { height: 4px; width: 18px } .MapAndFloorplan-floorPlanZoomIn:before { height: 18px; width: 4px } .MapAndFloorplan-floorPlanButtonsDivider { background-color: #fff; display: block; height: 1px; margin: auto; width: 28px } .MarketoSnippet { display: none } .mktoForm input[type=date], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm select.mktoField, .mktoForm textarea.mktoField { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: none; border-bottom: 1px solid; border-radius: 0; color: #000; cursor: pointer; display: inline-block; font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; height: 46px; letter-spacing: .0277777778em; line-height: 1.5em; margin-bottom: 30px; overflow: hidden; padding: .5em 0; text-indent: 0; text-overflow: ellipsis; text-rendering: auto; text-shadow: none; text-transform: none; white-space: nowrap; width: 100% !important; word-spacing: normal } .mktoForm input[type=date]:lang(ar), .mktoForm input[type=email]:lang(ar), .mktoForm input[type=number]:lang(ar), .mktoForm input[type=tel]:lang(ar), .mktoForm input[type=text]:lang(ar), .mktoForm input[type=url]:lang(ar), .mktoForm select.mktoField:lang(ar), .mktoForm textarea.mktoField:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .mktoForm input[type=date]:lang(ru), .mktoForm input[type=email]:lang(ru), .mktoForm input[type=number]:lang(ru), .mktoForm input[type=tel]:lang(ru), .mktoForm input[type=text]:lang(ru), .mktoForm input[type=url]:lang(ru), .mktoForm select.mktoField:lang(ru), .mktoForm textarea.mktoField:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm input[type=date]:lang(ko-KR), .mktoForm input[type=email]:lang(ko-KR), .mktoForm input[type=number]:lang(ko-KR), .mktoForm input[type=tel]:lang(ko-KR), .mktoForm input[type=text]:lang(ko-KR), .mktoForm input[type=url]:lang(ko-KR), .mktoForm select.mktoField:lang(ko-KR), .mktoForm textarea.mktoField:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm input[type=date]:lang(zh), .mktoForm input[type=email]:lang(zh), .mktoForm input[type=number]:lang(zh), .mktoForm input[type=tel]:lang(zh), .mktoForm input[type=text]:lang(zh), .mktoForm input[type=url]:lang(zh), .mktoForm select.mktoField:lang(zh), .mktoForm textarea.mktoField:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .mktoForm input[type=date]:lang(zh-TW), .mktoForm input[type=email]:lang(zh-TW), .mktoForm input[type=number]:lang(zh-TW), .mktoForm input[type=tel]:lang(zh-TW), .mktoForm input[type=text]:lang(zh-TW), .mktoForm input[type=url]:lang(zh-TW), .mktoForm select.mktoField:lang(zh-TW), .mktoForm textarea.mktoField:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .mktoForm input[type=date]:lang(ja), .mktoForm input[type=email]:lang(ja), .mktoForm input[type=number]:lang(ja), .mktoForm input[type=tel]:lang(ja), .mktoForm input[type=text]:lang(ja), .mktoForm input[type=url]:lang(ja), .mktoForm select.mktoField:lang(ja), .mktoForm textarea.mktoField:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .mktoForm input[type=date], html.WhiteLabelSite .mktoForm input[type=email], html.WhiteLabelSite .mktoForm input[type=number], html.WhiteLabelSite .mktoForm input[type=tel], html.WhiteLabelSite .mktoForm input[type=text], html.WhiteLabelSite .mktoForm input[type=url], html.WhiteLabelSite .mktoForm select.mktoField, html.WhiteLabelSite .mktoForm textarea.mktoField { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } @layer base { .mktoForm input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important } } .mktoForm input[type=checkbox] { margin-right: 5px } .mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mktoForm .mktoCheckboxList>label, .mktoForm .mktoRadioList>label { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; font-weight: 400 !important; letter-spacing: .0277777778em; line-height: 1.5em; margin-left: 2.5em } .mktoForm .mktoCheckboxList>label:lang(ar), .mktoForm .mktoRadioList>label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .mktoForm .mktoCheckboxList>label:lang(ru), .mktoForm .mktoRadioList>label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoCheckboxList>label:lang(ko-KR), .mktoForm .mktoRadioList>label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoCheckboxList>label:lang(zh), .mktoForm .mktoRadioList>label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoCheckboxList>label:lang(zh-TW), .mktoForm .mktoRadioList>label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoCheckboxList>label:lang(ja), .mktoForm .mktoRadioList>label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .mktoForm .mktoCheckboxList>label, html.WhiteLabelSite .mktoForm .mktoRadioList>label { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .mktoForm .mktoButton { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #000; border: 1px solid #000; border-width: 1px !important; color: #fff; font-size: .625rem !important; justify-content: center; letter-spacing: .3em !important; line-height: 1.3em !important; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; text-transform: uppercase !important; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .mktoForm .mktoButton:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .mktoForm .mktoButton:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoButton:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoButton:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoButton:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .mktoForm .mktoButton:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .mktoForm .mktoButton { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .mktoForm .mktoButton:focus, .mktoForm .mktoButton:hover { background-color: #fff; background-color: #fff !important; border-color: #000; border-color: #000 !important; border-width: 1px !important; color: #000; color: #000 !important; font-size: .625rem !important; letter-spacing: .3em !important; line-height: 1.3em !important; text-transform: uppercase !important } .mktoFieldWrap, .mktoFormCol { padding-bottom: 20px !important; width: 100% !important } .mktoForm .mktoOffset { float: left; height: 1.2em; height: 0 !important; width: 10px } .mktoButtonWrap { margin-right: 0 !important } .mktoButtonRow { text-align: center; width: 100% !important } .mktoForm.mktoLayoutAbove .mktoCheckboxList, .mktoForm.mktoLayoutAbove .mktoRadioList { clear: none !important; float: left !important; width: auto !important } .mktoForm div, .mktoForm p, .mktoForm span { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .mktoForm div:lang(ar), .mktoForm p:lang(ar), .mktoForm span:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .mktoForm div:lang(ru), .mktoForm p:lang(ru), .mktoForm span:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm div:lang(ko-KR), .mktoForm p:lang(ko-KR), .mktoForm span:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm div:lang(zh), .mktoForm p:lang(zh), .mktoForm span:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .mktoForm div:lang(zh-TW), .mktoForm p:lang(zh-TW), .mktoForm span:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .mktoForm div:lang(ja), .mktoForm p:lang(ja), .mktoForm span:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .mktoForm div, html.WhiteLabelSite .mktoForm p, html.WhiteLabelSite .mktoForm span { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } .mktoForm a { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .mktoForm a:focus, .mktoForm a:focus:before, .mktoForm a:hover, .mktoForm a:hover:before { border-bottom-color: transparent } .mktoForm a:focus, .mktoForm a:hover { border-color: #767676; color: #767676 } #mktoForm_1954>div:nth-child(4)>fieldset, #mktoForm_1954>div:nth-child(5)>fieldset { margin: 0 !important } .mktoForm fieldset label, .mktoForm input[type=checkbox]+label, .mktoForm label[for*=heckbox] { text-transform: none !important } .mktoForm fieldset legend { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .mktoForm fieldset legend:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .mktoForm fieldset legend:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm fieldset legend:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .mktoForm fieldset legend:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .mktoForm fieldset legend:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .mktoForm fieldset legend:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .mktoForm fieldset legend { font-family: EB Garamond; text-transform: none } .mktoForm .mktoAsterix { color: #000 !important; line-height: 1.2em } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span, .mktoForm label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(ar), .mktoForm label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(ru), .mktoForm label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(ko-KR), .mktoForm label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(zh), .mktoForm label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(zh-TW), .mktoForm label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span:lang(ja), .mktoForm label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite #mktoForm_1954>div:nth-child(3)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label>span, html.WhiteLabelSite .mktoForm label { font-family: EB Garamond; text-transform: none } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; font-weight: 700; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite #mktoForm_3765>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p:first-child>span:first-child { font-family: EB Garamond; text-transform: none } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; font-weight: 700; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite #mktoForm_1954>div:nth-child(2)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p>span:first-child { font-family: EB Garamond; text-transform: none } #mktoForm_3765>div:nth-child(3) .mktoFormCol { width: 50% !important } #mktoForm_3765>div:nth-child(3)>div:first-child .mktoFieldWrap { padding-right: 15px } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol { width: 60px !important } #mktoForm_3765>div:nth-child(10)>div:nth-child(2) { width: calc(100% - 60px) !important } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField { padding-top: 15px } #mktoForm_3765>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField, #mktoForm_3765>div:nth-child(8)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField { position: relative } #mktoForm_3765>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField:after, #mktoForm_3765>div:nth-child(8)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute !important; right: 0; top: 35px } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired>label { display: none } #mktoForm_3765 .mktoFieldWrap.mktoRequiredField>label { font-weight: 400 !important } #mktoForm_1954>div.mktoButtonRow, #mktoForm_1954>div:nth-child(5) { padding-top: 20px !important } @media only screen and (max-width:480px) { .mktoForm .mktoFormRow .mktoFormCol { clear: none !important } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol, #mktoForm_3765>div:nth-child(10)>div:nth-child(2) { float: left } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label { width: 30% } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired { width: 70% } #mktoForm_3765>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol { width: 40px !important } #mktoForm_3765>div:nth-child(10)>div:nth-child(2) { width: calc(100% - 40px) !important } #mktoForm_3765>div:nth-child(3) .mktoFormCol { width: 100% !important } #mktoForm_3765>div:nth-child(3)>div:first-child .mktoFieldWrap { padding-right: 0 } } .MeetingsAndEventsTeam-heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-align: center; text-transform: uppercase } .MeetingsAndEventsTeam-heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .MeetingsAndEventsTeam-heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .MeetingsAndEventsTeam-heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .MeetingsAndEventsTeam-heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .MeetingsAndEventsTeam-heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .MeetingsAndEventsTeam-heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .MeetingsAndEventsTeam-heading .Heading-title { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .Menu .col-md-6:nth-child(odd) { clear: both } } .Menu-section-header { text-align: center } .Menu-section-header:after, .Menu-section-header:before { content: ""; display: table } .Menu-section-header:after { clear: both } .Menu-section { padding-bottom: 20px; padding-top: 50px; position: relative } .Menu-section:before { border-top: 1px solid; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 100% } @media only screen and (min-width:961px) { .Menu-section { padding-bottom: 40px } .Menu-section:before { left: 8.3333333333%; width: 83.3333333333% } } @media only screen and (min-width:1701px) { .Menu-section { padding-bottom: 60px; padding-top: 60px } } @media only screen and (min-width:701px) { .Menu-section .Heading-title { margin-bottom: 35px } } .Menu-section-options { font-style: italic; text-align: center } .Menu-section-options:after, .Menu-section-options:before { content: ""; display: table } .Menu-section-options:after { clear: both } @media only screen and (min-width:701px) { .Menu-section-options { margin-bottom: 12px; margin-top: 12px } } .Menu-section-price { text-align: center } .Menu-section-price:after, .Menu-section-price:before { content: ""; display: table } .Menu-section-price:after { clear: both } .Menu-section-list { margin-top: 55px } .Menu-item { margin: 0 0 50px; padding: 0 } .Menu-item-title { margin-bottom: 15px } .Menu-item-description { margin: 0 0 16px } .Menu-item-details { margin: 0 } .Message404-heading { margin-bottom: 30px; margin-top: 0; text-align: center } .Message404-text { margin-bottom: 40px; text-align: center } @media only screen and (min-width:701px) { .Message404-text { margin-bottom: 60px; padding: 0 4% } } @media only screen and (min-width:961px) { .Message404-text { padding: 0 8% } } @media only screen and (min-width:1701px) { .Message404-text { padding: 0 12% } } .Message404-ctaContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .Message404-ctaContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .Message404-CTA { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; height: 40px; justify-content: center; margin-bottom: 20px; width: 100% } .Message404-CTA:last-of-type { margin-bottom: 0 } .Message404-CTA .CTA { width: 100% } @media only screen and (min-width:701px) { .Message404-CTA { margin: 0 15px; width: 245px } .Message404-CTA:first-of-type { margin-left: 0 } .Message404-CTA:last-of-type { margin-right: 0 } .Message404-CTA:lang(ar):first-of-type { margin-left: 15px } .Message404-CTA:lang(ar):last-of-type { margin-right: 15px } } .MobileTabsCard { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), color-stop(25%, transparent), color-stop(75%, transparent), to(rgba(0, 0, 0, .4))); background: linear-gradient(180deg, rgba(0, 0, 0, .4), transparent 25%, transparent 75%, rgba(0, 0, 0, .4)); border: .5px solid #fff; border-radius: 5px; height: 360px; margin: 0 40px 80px; overflow: hidden; position: relative; width: 239px } .MobileTabsCard:lang(ja) { font-size: 1rem } .MobileTabsCard:not(.is-selected) { cursor: pointer } .MobileTabsCard-title { letter-spacing: 3.33px; margin: 14px auto 0; top: 0 } .MobileTabsCard-name, .MobileTabsCard-title { color: #fff; left: 0; line-height: 21px; position: absolute; right: 0; text-align: center; text-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5) } .MobileTabsCard-name { bottom: 0; font-size: 14px; letter-spacing: 3.5px; margin: 0 auto 32px } .MobileTabs { background-color: #fff; background-position: 50%; background-size: cover; height: 810px; overflow: hidden; position: relative; -webkit-transition: background-image 1s ease-in; transition: background-image 1s ease-in } .MobileTabs-title { margin-bottom: 50px; text-align: center } @media only screen and (min-width:375px) { .MobileTabs-title { margin-bottom: 60px } } .MobileTabs-title .Heading-title { font-size: 32px; font-weight: 100; letter-spacing: .59px; line-height: 39px; margin: 0 auto 30px; text-transform: none } .MobileTabs-title .Heading-subtitle { margin-top: 32px } .MobileTabs-list { list-style-type: none; margin: 0; padding: 0; position: absolute; top: calc(50% + 50px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100% } .MobileTabs-list:lang(ja) { font-size: 1rem } .MobileTabs-phone { -webkit-box-shadow: 0 3px 45px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 45px 0 rgba(0, 0, 0, .12); height: 556px; left: 0; margin: auto; pointer-events: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 273px } @media only screen and (min-width:375px) { .MobileTabs-phone { height: 697px; width: 335px } } .MobileTabs-phoneDiv { border-radius: 37px; bottom: 0; -webkit-box-shadow: inset 7px 6px 3px 2px #212121, inset 8px 7px 3px 9px hsla(0, 0%, 40%, .6), inset 0 0 2px 4px #1c1c1c, 0 0 1px 2px rgba(0, 0, 0, .3); box-shadow: inset 7px 6px 3px 2px #212121, inset 8px 7px 3px 9px hsla(0, 0%, 40%, .6), inset 0 0 2px 4px #1c1c1c, 0 0 1px 2px rgba(0, 0, 0, .3); height: 710px; left: 0; margin: auto; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; width: 347px } .MobileTabs-cutout { height: 810px; margin: 0 auto; overflow: hidden; pointer-events: none; position: relative; width: 100% } .MobileTabs-cutout:after { border-radius: 35px; -webkit-box-shadow: 0 0 0 2000px rgba(0, 0, 0, .63); box-shadow: 0 0 0 2000px rgba(0, 0, 0, .63); content: ""; height: 556px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 273px } @media only screen and (min-width:375px) { .MobileTabs-cutout:after { height: 695px; width: 333px } } .MobileTabs-button { bottom: 0; position: absolute; right: 0 } .nav-lg { position: absolute; visibility: hidden } @media only screen and (min-width:1100px) { .nav-lg { position: relative; visibility: visible } .nav-sm { display: none !important; visibility: hidden } } .CartStatus-placeholder--secondary { display: none; position: absolute; right: 30px; top: 75px; z-index: 10 } @media only screen and (min-width:1100px) { .CartStatus-placeholder--secondary { display: block } } .Navigation { height: 60px; max-width: 100vw; position: fixed; top: 0; width: 100%; z-index: 9 } @media only screen and (min-width:1100px) { .Navigation { height: auto; position: relative; -webkit-transition: top .8s ease-in-out, height .3s ease-in-out; transition: top .8s ease-in-out, height .3s ease-in-out } } .Navigation.Navigation--hasHero { background-color: transparent; position: absolute } @media only screen and (min-width:1100px) { .Navigation.has-Secondary { position: absolute } } .Navigation .itinerary-link { display: none } .Navigation-bodySpacer { background-color: #000; display: block; height: 60px; position: relative; -webkit-transition: height .4s ease-in; transition: height .4s ease-in; width: 100% } @media only screen and (min-width:1100px) { .Navigation-bodySpacer { height: 0 } } .Navigation-bodySpacer--hasHero { height: 30px } .Navigation-emptyCAW { width: 130px } .Navigation-sticky-footer { background: #fff; border-top: 1px solid #000; bottom: 0; height: 72px; left: 0; padding: 12px 15px; position: fixed; right: 0 } .Navigation-sticky-footer-gradient { background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(rgba(0, 0, 0, .1)), color-stop(rgba(0, 0, 0, .15)), color-stop(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .3))); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .15), rgba(0, 0, 0, .2), rgba(0, 0, 0, .3)); bottom: 67px; height: 60px; left: 0; pointer-events: none; position: fixed; right: 0 } .Navigation-sm { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; height: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; border-bottom: 1px solid #d8d8d8; justify-content: space-between; left: 0; padding: 0 14px 0 20px; top: 0; width: 100% } .Navigation-sm.is-Stick { position: fixed } .Navigation-sm.Navigation--atTop { position: relative } .Navigation-sm:lang(ar) { padding: 0 20px 0 14px } @media only screen and (min-width:701px) { .Navigation-sm { height: 60px; padding: 0 22px 0 15px } .Navigation-sm:lang(ar) { padding: 0 15px 0 22px } } .Navigation-sm .Navigation-logo { color: #000; font-size: 40px; font-weight: 700; line-height: 0; margin: 0 } .Navigation-sm .Navigation-logo:before { content: "\f18e"; display: inline-block; line-height: 1 } html.WhiteLabelSite .Navigation-sm .Navigation-logo:before { background-image: var(--wls-dark-logo); background-size: contain; content: " "; height: 50px; width: 75px } .Navigation-sm .Navigation-logo.BeverlyWilshire:before { background-image: url(/alt/fshr/design3/images/BEV_logo_dark.png); background-size: contain; content: " "; height: 50px; width: 75px } .Navigation-sm .Navigation-cta { background-color: #000; border-color: #000; bottom: 50%; color: #fff; position: absolute; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .Navigation-sm .Navigation-cta.is-Sticky { background-color: #000; border-color: #000; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .9375rem; font-weight: 700; height: 43px; letter-spacing: 4.5px; line-height: 19px; position: static; -webkit-transform: none; transform: none; width: 100% } .Navigation-sm .Navigation-cta:focus, .Navigation-sm .Navigation-cta:hover { background-color: #fff; color: #000 } @media only screen and (min-width:701px) { .Navigation-sm .Navigation-cta { background-color: #000; border-color: #000; color: #fff } .Navigation-sm .Navigation-cta:focus, .Navigation-sm .Navigation-cta:hover { background-color: #fff; color: #000 } } .Navigation-sm .Navigation-menuButton { font-size: 14px; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Navigation-sm .Navigation-menuButton:before { color: #000; content: "\f141"; line-height: 48px } .Navigation-sm .Navigation-menuButton:focus:before, .Navigation-sm .Navigation-menuButton:hover:before { color: #767676; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Navigation-sm .Navigation-menuButton:focus, .Navigation-sm .Navigation-menuButton:hover { border-color: #767676; color: #767676 } .Navigation--dark .Navigation-sm .Navigation-menuButton { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Navigation--dark .Navigation-sm .Navigation-menuButton:focus, .Navigation--dark .Navigation-sm .Navigation-menuButton:hover { border-color: #999; color: #999 } .Navigation--dark .Navigation-sm .Navigation-menuButton:before { color: #fff } .Navigation-sm .Navigation-menuButton .Navigation-menu-cta-button-label { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .45rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.33333em; overflow: visible; position: relative; right: -1px; text-transform: uppercase; top: -14px } .booking-flow-mode .Navigation-sm { height: auto } @media only screen and (min-width:701px) { .booking-flow-mode .Navigation-sm { height: auto } } .Navigation-sm .CartStatus-placeholder { position: absolute; right: 60px; top: 18px } @media only screen and (min-width:701px) { .Navigation-sm .CartStatus-placeholder { right: 67px } } .Navigation-subscribeBar--sm.SubscribeBar { position: fixed; top: 60px } @media only screen and (min-width:1100px) { .Navigation-subscribeBar--sm.SubscribeBar { display: none } } .Navigation-lg { -webkit-transition: -webkit-transform .3s ease-in; transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; width: 100% } .Navigation-lg.is-Stick { position: fixed; top: 0; -webkit-transform: translateY(-26px); transform: translateY(-26px) } .has-Secondary .Navigation-lg.is-Stick { -webkit-transform: translateY(-121px); transform: translateY(-121px) } .has-Secondary .Navigation-lg.is-Stick .Navigation-logoContainer .Navigation-logo--animate { opacity: 0 !important } .Navigation-lg.is-Stick.is-StickExpanded { -webkit-transform: translateY(0); transform: translateY(0) } .Navigation-lg .CartStatus-placeholder { bottom: -3px; left: 50px; position: relative } .Navigation-background { background-color: #000; border-bottom: 1px solid #d8d8d8; position: relative; -webkit-transition: background .3s ease-in-out, backdrop-filter .3s ease-in-out; transition: background .3s ease-in-out, backdrop-filter .3s ease-in-out } .Navigation--hasHero .Navigation-background { background-color: transparent; border-bottom: none } .Navigation-background-filter-fallback { display: none } .Navigation-background-blur { position: relative; z-index: 2 } .is-Stick .Navigation-background { background: rgba(0, 0, 0, .9); border-bottom: none } .is-Stick .Navigation-background-filter-fallback { -webkit-filter: blur(5px); filter: blur(5px); height: 100%; position: absolute; top: 0; width: 100%; z-index: -1 } .has-Secondary.is-Stick .Navigation-background { background: transparent } .has-Secondary.is-Stick .is-StickExpanded .Navigation-background { background: rgba(0, 0, 0, .9) } .Navigation--hasHero .Navigation-backgroundGradient { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(180deg, #000, transparent); height: 200px; opacity: 1; pointer-events: none; position: absolute; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; width: 100%; z-index: -1 } .Navigation--hasHero .Navigation-backgroundGradient:before { height: 116px } .Navigation--hasHero .Navigation-backgroundGradient:after, .Navigation--hasHero .Navigation-backgroundGradient:before { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(180deg, #000, transparent); content: ""; display: block; position: absolute; width: 100% } .Navigation--hasHero .Navigation-backgroundGradient:after { height: 44px; top: 14px } .Navigation--hasHero.is-Stick .Navigation-backgroundGradient { opacity: 0 } .Navigation-topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; height: 25px; justify-content: flex-end; padding: 15px 23px 0 } .Navigation-topBar:lang(ar) { padding: 4px 23px 0 } .Navigation-topBar .Navigation-link:not(:last-child) { margin-right: 30px } .Navigation-topBar .LanguageToggle, .Navigation-topBar .currency-dropdown { border-color: #767676; color: #fff } .Navigation-topBar .LanguageToggle:lang(ar), .Navigation-topBar .currency-dropdown:lang(ar) { padding-left: 0; padding-right: 0 } .Navigation-topBar .LanguageToggle:hover, .Navigation-topBar .LanguageToggle:hover:after, .Navigation-topBar .currency-dropdown:hover, .Navigation-topBar .currency-dropdown:hover:after { color: #999 } .Navigation-topBar .LanguageToggle-select, .Navigation-topBar .currency-dropdown-select { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .1em; line-height: 1.3em; max-width: 110px; padding-bottom: 0; padding-right: 20px; text-align: right; -moz-text-align-last: right; text-align-last: right } .Navigation-topBar .LanguageToggle-select:lang(ar), .Navigation-topBar .currency-dropdown-select:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Navigation-topBar .LanguageToggle-select:lang(ru), .Navigation-topBar .currency-dropdown-select:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar .LanguageToggle-select:lang(ko-KR), .Navigation-topBar .currency-dropdown-select:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar .LanguageToggle-select:lang(zh), .Navigation-topBar .currency-dropdown-select:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar .LanguageToggle-select:lang(zh-TW), .Navigation-topBar .currency-dropdown-select:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar .LanguageToggle-select:lang(ja), .Navigation-topBar .currency-dropdown-select:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .isEdgeOrIE .Navigation-topBar .LanguageToggle-select, .isEdgeOrIE .Navigation-topBar .currency-dropdown-select { font-size: .7rem; vertical-align: middle } @supports(-ms-ime-align:auto) { .Navigation-topBar .LanguageToggle-select, .Navigation-topBar .currency-dropdown-select { font-size: .7rem; text-align: center; vertical-align: middle } } .Navigation-topBar .CurrencyDropdown:lang(ar) { margin-left: 0; margin-right: 23px } .Navigation-topBar .LanguageToggle-select, .Navigation-topBar .Navigation-link { font-size: 10px; letter-spacing: 2.05px } .Navigation-topBar .Navigation-topBar-ProfileStatus { padding-top: 1px !important } .Navigation-topBar-topBarLink { color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-family: Neue Helvetica, helvetica, sans-serif !important; font-size: .75rem; font-size: .75rem !important; font-style: normal; font-weight: 400; font-weight: 400 !important; letter-spacing: .25em; letter-spacing: .25em !important; line-height: 1.5em; line-height: 1.5em !important; list-style: none !important; text-transform: uppercase; text-transform: uppercase !important } .Navigation-topBar-topBarLink:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Navigation-topBar-topBarLink:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar-topBarLink:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar-topBarLink:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar-topBarLink:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Navigation-topBar-topBarLink:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Navigation-topBar-topBarLink { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Navigation-topBar-topBarLink .CTA, .Navigation-topBar-topBarLink a { color: inherit; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-transform: inherit !important } .Navigation-topBar-topBarLink .CTA:hover, .Navigation-topBar-topBarLink a:hover, .Navigation-topBar-topBarLink:hover .CTA, .Navigation-topBar-topBarLink:hover a { color: #999 } .Navigation-link { color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .1em; line-height: 1.3em } .Navigation-link:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Navigation-link:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-link:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-link:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Navigation-link:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Navigation-link:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .Navigation-link:hover { color: #999 } .isEdgeOrIE .Navigation-link { font-size: .7rem; letter-spacing: normal } .Navigation-link .overlay { min-width: 100px } .Navigation-title { padding-right: 24px } .Navigation-title:lang(ar) { padding-left: 24px; padding-right: 0 } .Navigation-subTitle { color: #767676; font-size: 16px; padding-left: 24px; position: relative; text-transform: none; top: -2px } .Navigation-subTitle:hover { color: #999 } .Navigation-subTitle:before { background-color: #d8d8d8; content: ""; height: 19px; left: 0; position: absolute; top: 3px; width: 1px } .Navigation-subTitle:lang(ar) { line-height: 1.2em; padding-left: 0; padding-right: 24px; top: 0 } .Navigation-subTitle:lang(ar):before { left: auto; right: 0; top: 0 } .Navigation-bar { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 30px; -webkit-transition: height .5s; transition: height .5s } @media only screen and (min-width:1100px) { .Navigation-bar { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 96px } } .Navigation-ctaGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:961px) { .Navigation-ctaGroup { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px } } .Navigation-ctaGroup .Navigation-cta { border-radius: 5px } .Navigation-ctaGroup.button .CTA--secondary--light, .Navigation-ctaGroup.button .Navigation-cta, .Navigation-ctaGroup.button-filled .CTA--secondary--light, .Navigation-ctaGroup.button-filled .Navigation-cta, .Navigation-ctaGroup.button-filled-image .CTA--secondary--light, .Navigation-ctaGroup.button-filled-image .Navigation-cta, .Navigation-ctaGroup.button-filled-loading .CTA--secondary--light, .Navigation-ctaGroup.button-filled-loading .Navigation-cta, .Navigation-ctaGroup.button-ghost .CTA--secondary--light, .Navigation-ctaGroup.button-ghost .Navigation-cta, .Navigation-ctaGroup.button-outline .CTA--secondary--light, .Navigation-ctaGroup.button-outline .Navigation-cta, .Navigation-ctaGroup.button-outline-loading .CTA--secondary--light, .Navigation-ctaGroup.button-outline-loading .Navigation-cta, .Navigation-ctaGroup.button-text .CTA--secondary--light, .Navigation-ctaGroup.button-text .Navigation-cta, .Navigation-ctaGroup.button-text-icon .CTA--secondary--light, .Navigation-ctaGroup.button-text-icon .Navigation-cta, .Navigation-ctaGroup.labels-button-2 .CTA--secondary--light, .Navigation-ctaGroup.labels-button-2 .Navigation-cta { font-family: inherit; -webkit-font-feature-settings: inherit; font-feature-settings: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit } .Navigation-ctaGroup--pp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-s) } @media only screen and (min-width:961px) { .Navigation-ctaGroup--pp { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 90px } .Navigation-ctaGroup--pp:lang(ar) { margin-left: 0; margin-right: 90px } } .Navigation-ctaGroup--pp .Navigation-cta { margin-left: 0 !important; margin-right: 0 !important } @media only screen and (min-width:961px) { .Navigation-ctaGroup--pp { gap: var(--Element-gap-Inline-inline-l) } } .Navigation-searchBtn { cursor: pointer } .Navigation-searchBtn--lg { color: #fff; height: 28px; width: 26px } .Navigation-searchBtn--lg .icon-search { font-size: 26px; line-height: 1 } .Navigation-searchBtn--sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5px } .Navigation-searchBtn--sm .icon-search { height: 21px; text-align: center } .Navigation-searchBtn--sm .icon-search:before { font-size: 21px } .Navigation-logo--pp { height: 45px; width: 200px } .Navigation-logo--pp img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .Navigation-logo { color: #fff; font-size: 55px; font-weight: 700; line-height: 0; margin: 0 15px } .Navigation-logo:before { content: "\f18e"; display: inline-block; line-height: 1 } html.WhiteLabelSite .Navigation-logo:before { background-image: var(--wls-logo) } .Navigation-logo.BeverlyWilshire:before, html.WhiteLabelSite .Navigation-logo:before { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: " "; height: 57px; width: 100px } .Navigation-logo.BeverlyWilshire:before { background-image: url(/alt/fshr/design3/images/BEV_logo_light.png) } .Navigation-logoContainer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .Navigation-logoContainer-centered-links { position: absolute } .Navigation-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .Navigation-linksContainer { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 30px; min-width: 0; padding: 6px 0 6px 15px; width: 100% } .Navigation-linksContainer-centered-links { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 } .Navigation-linksContainer:lang(ar) { margin-left: 0; margin-right: 30px; padding-left: 0; padding-right: 15px } .Navigation--isPropertyNav .Navigation-linksContainer { border-left: 1px solid #979797; padding-left: 20px } .Navigation--isPropertyNav .Navigation-linksContainer:lang(ar) { border-left: none; border-right: 1px solid #979797; padding-left: 0; padding-right: 20px } .Navigation-linksContainer .Navigation-pageName { color: #fff; display: inline-block; letter-spacing: 3px; line-height: 1em; margin-bottom: 13px } .Navigation-mainLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1em; width: 100% } .Navigation-mainLinksContainer { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100% } .Navigation--moreLinkClicked .Navigation-mainLinksContainer, .Navigation--moreLinkExpanded .Navigation-mainLinksContainer { overflow: visible } .Navigation-more { margin: 0; pointer-events: none } .Navigation-moreBtn { color: #fff; line-height: 1.33333em; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; vertical-align: middle } .Navigation-moreBtn:after { content: ""; height: 40px; position: absolute; right: -15px; top: 10px; width: 100px } .Navigation-moreBtn--active .Navigation-moreBtn { border-bottom: 1px solid #fff } .Navigation-moreBtn--active .Navigation-moreBtn:hover { border-bottom-color: #767676 } .Navigation-overflowLinks { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #fff; border-top: 1px solid #d8d8d8; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); left: 52%; min-width: 425px; opacity: 0; padding: 42px 30px 28px; pointer-events: none; position: absolute; top: 45px; -webkit-transform: translateX(-52%) translateZ(0) perspective(1px); transform: translateX(-52%) translateZ(0) perspective(1px); visibility: hidden; z-index: 2; -webkit-font-smoothing: subpixel-antialiased } .Navigation--moreLinkClicked .Navigation-overflowLinks, .Navigation--moreLinkExpanded .Navigation-overflowLinks, .Navigation-overflowLinks:hover { opacity: 1; pointer-events: auto; visibility: visible } .Navigation-overflowLinks--left { margin-bottom: 17px } .Navigation-overflowLinks--wrapped { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Navigation-overflowLinks--wrapped .Navigation-overflowLinks--left { margin-bottom: 0 } .Navigation-overflowLinks--left, .Navigation-overflowLinks--right { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; padding: 0 30px } .Navigation-overflowLinks:after { background-color: #fff; border-color: hsla(0, 0%, 85%, .5); border-style: solid; border-width: 1px 0 0 1px; content: ""; height: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 20px; z-index: -1 } .Navigation-cta { padding: 12px 20px } .Navigation-lg .Navigation-cta { -webkit-box-flex: 0; background-color: #fff; border-color: #fff; color: #000; -ms-flex: 0 0 190px; flex: 0 0 190px; margin-left: 90px } .Navigation-lg .Navigation-cta:lang(ar) { margin-left: 0; margin-right: 90px } .Navigation-lg .Navigation-cta:focus, .Navigation-lg .Navigation-cta:hover { background-color: #000; color: #fff } .Navigation-stickyCheckRates { background-color: #fff; border-bottom: 1px solid #d8d8d8; display: none; height: 60px; left: 0; position: fixed; right: 0; top: 60px; width: 100%; z-index: 999; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; padding: 8px 15px; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); visibility: hidden } .Navigation-stickyCheckRates.is-sticky, .Navigation-stickyCheckRates.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible } .Navigation-stickyCheckRates.is-sticky { -webkit-transition: none; transition: none } .Navigation-stickyCheckRates.is-bottom { border-bottom: none; border-top: 1px solid #d8d8d8; bottom: 0; top: auto; -webkit-transform: translateY(100%); transform: translateY(100%) } .Navigation-stickyCheckRates.is-bottom.is-visible { -webkit-transform: translateY(0); transform: translateY(0) } @media only screen and (min-width:701px) { .Navigation-stickyCheckRates { display: none !important } } @media only screen and (min-width:700px)and (max-width:1099px) { .Navigation--hasHeroCaw .Navigation-stickyCheckRates { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .Navigation-stickyCheckRates-gradient { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(transparent)); background: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent); display: none; height: 60px; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 60px; -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); visibility: hidden; z-index: 998 } .Navigation-stickyCheckRates-gradient.is-visible { display: block; opacity: 1; visibility: visible } .Navigation-stickyCheckRates-gradient.is-sticky { display: block; opacity: 1; -webkit-transition: none; transition: none; visibility: visible } .Navigation-stickyCheckRates-gradient.is-bottom { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .1)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, .1), transparent); bottom: 60px; top: auto } @media only screen and (min-width:701px) { .Navigation-stickyCheckRates-gradient { display: none !important } } @media only screen and (min-width:700px)and (max-width:1099px) { .Navigation--hasHeroCaw .Navigation-stickyCheckRates-gradient { display: block !important } } .Navigation-stickyCheckRates-button { background-color: #000; border: 1px solid #000; color: #fff; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .9375rem; font-weight: 700; height: 43px; letter-spacing: 4.5px; line-height: 19px; max-width: 343px; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; width: calc(100% - 30px) } .Navigation-stickyCheckRates-button:focus, .Navigation-stickyCheckRates-button:hover { background-color: #fff; border-color: #000; color: #000 } .Navigation-stickyCheckRates-button.is-active { background-color: #fff; border: 1px solid #000; color: #000 } .Navigation-appDownload--desktop { display: none } @media only screen and (min-width:1100px) { .Navigation-appDownload--desktop { display: inline-block; margin-right: 30px } } .Navigation-lg.is-Stick:not(.is-StickExpanded) .Navigation-appDownload--desktop { opacity: 0; pointer-events: none; -webkit-transition: all .3s ease; transition: all .3s ease; visibility: hidden } .Navigation-appDownload--mobile { display: inline-block; position: absolute; right: 84px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 } @media only screen and (min-width:1100px) { .Navigation-appDownload--mobile { display: none } } .Navigation-appDownloadLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: 500; text-decoration: none } .Navigation-appDownloadLink:hover { opacity: .8; text-decoration: underline } .Navigation-appIconContainer { background-color: #fff; border-radius: 4px; display: inline-block; height: 22px; margin-right: 10px; vertical-align: middle; width: 22px } .Navigation-appIcon { color: #000; display: block; height: 100%; width: 100% } .Navigation-appDownloadIcon { -webkit-filter: invert(1); filter: invert(1); height: 32px; margin-right: 10px; vertical-align: middle; width: 32px } .Navigation-appText { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 15%; text-transform: uppercase; vertical-align: middle } .Navigation-appDownloadBtn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: transparent; border: 1px solid; border-radius: 5px; cursor: pointer; gap: 8px; height: 35px; justify-content: center; width: 71px } .Navigation-appDownloadBtn, .Navigation-appDownloadBtn .icon-download { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none } .Navigation-appDownloadBtn .icon-download { font-size: 18px } .Navigation-appDownloadBtn .Navigation-appDownloadText { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 20%; line-height: 18px; text-decoration: none; text-decoration-color: transparent; text-transform: uppercase } .Navigation--hasHero .Navigation .Navigation-sm .Navigation-appDownloadBtn { border-color: #fff; color: #fff } .Navigation--hasHero .Navigation .Navigation-sm .Navigation-appDownloadBtn .Navigation-appDownloadText, .Navigation--hasHero .Navigation .Navigation-sm .Navigation-appDownloadBtn .icon-download { color: #fff } .Navigation--hasHero .Navigation .Navigation-sm.Navigation--atTop>a.Navigation-appDownload.Navigation-appDownload--mobile { padding-bottom: 4px } .Navigation .Navigation-sm.is-Stick .Navigation-appDownloadBtn { border-color: #000; color: #000 } .Navigation .Navigation-sm.is-Stick .Navigation-appDownloadBtn .Navigation-appDownloadText, .Navigation .Navigation-sm.is-Stick .Navigation-appDownloadBtn .icon-download { color: #000 } .Navigation .Navigation-appDownloadBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: transparent; border: 1px solid #000; border-radius: 5px; color: #000; cursor: pointer; gap: 8px; height: 35px; justify-content: center; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; width: 71px } .Navigation .Navigation-appDownloadBtn .icon-download { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; text-decoration: none } .Navigation .Navigation-appDownloadBtn .Navigation-appDownloadText { color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 20%; line-height: 18px; text-decoration: none; text-decoration-color: transparent; text-transform: uppercase } .Navigation .Navigation-appDownloadBtn--dark { border: 1px solid var(--color-button-primary-inverse, #fff) } .Navigation .Navigation-appDownloadBtn--dark, .Navigation .Navigation-appDownloadBtn--dark .Navigation-appDownloadText, .Navigation .Navigation-appDownloadBtn--dark .icon-download { color: var(--color-button-primary-inverse, #fff) } .Navigation .Navigation-appDownloadBtn--light { border: 1px solid var(--color-button-primary-inverse, #000) } .Navigation .Navigation-appDownloadBtn--light, .Navigation .Navigation-appDownloadBtn--light .Navigation-appDownloadText, .Navigation .Navigation-appDownloadBtn--light .icon-download { color: var(--color-button-primary-inverse, #000) } .Navigation .Navigation-sm.Navigation-sm--ghp.Navigation--atTop .Navigation-appDownloadBtn { border-color: #fff; color: #fff } .Navigation .Navigation-sm.Navigation-sm--ghp.Navigation--atTop .Navigation-appDownloadBtn .Navigation-appDownloadText, .Navigation .Navigation-sm.Navigation-sm--ghp.Navigation--atTop .Navigation-appDownloadBtn .icon-download { color: #fff } .Navigation .Navigation-appDownload--mobile, .Navigation .Navigation-appDownload--mobile *, .Navigation .Navigation-appDownloadBtn, .Navigation .Navigation-appDownloadBtn * { text-decoration: none; text-decoration-color: transparent } .Navigation .Navigation-appDownload--mobile:focus, .Navigation .Navigation-appDownload--mobile:focus *, .Navigation .Navigation-appDownload--mobile:hover, .Navigation .Navigation-appDownload--mobile:hover * { border-color: inherit; color: inherit; text-decoration: none; text-decoration-color: transparent } .Navigation .Navigation-appDownload--mobile:active, .Navigation .Navigation-appDownload--mobile:active *, .Navigation .Navigation-appDownload--mobile:visited, .Navigation .Navigation-appDownload--mobile:visited * { text-decoration: none; text-decoration-color: transparent } @supports(backdrop-filter:blur(1px)) { .is-Stick .Navigation-background { background: rgba(0, 0, 0, .85) } .is-Stick .Navigation-background-blur { backdrop-filter: blur(13px) } } @supports not (backdrop-filter:blur(1px)) { .is-Stick .Navigation-background { background: rgba(0, 0, 0, .9) } } .NavigationOverlay { height: 100%; left: 20px; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 10 } .NavigationOverlay-separator { background-color: transparent; border-bottom: 1px solid var(--color-border-subtle-default, #e0e0e0); height: 1px; padding: 35px 0; width: 100% } .NavigationOverlay-separator--bottomOnly { padding-top: 0 } .NavigationOverlay:lang(ar) { left: 0; right: 20px } .NavigationOverlay--Opened { pointer-events: auto } .NavigationOverlay-CloseCTA { margin-right: 25px; margin-top: 15px; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: color .3s, opacity .3s, visibility .3s; transition: color .3s, opacity .3s, visibility .3s; visibility: hidden } .NavigationOverlay--Opened .NavigationOverlay-CloseCTA { opacity: 1; visibility: visible } .NavigationOverlay-CloseCTA:lang(ar) { left: 0; margin-left: 25px; margin-right: 0; right: auto } .NavigationOverlay-Background { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; visibility: hidden; width: 100% } .NavigationOverlay--Opened .NavigationOverlay-Background { opacity: 1; visibility: visible } .NavigationOverlay-Content { background-color: #fff; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 470px; overflow: hidden; position: absolute; right: 0; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility 0s linear .3s, -webkit-transform .3s ease-in; transition: visibility 0s linear .3s, -webkit-transform .3s ease-in; transition: transform .3s ease-in, visibility 0s linear .3s; transition: transform .3s ease-in, visibility 0s linear .3s, -webkit-transform .3s ease-in; visibility: hidden; width: 100% } .NavigationOverlay-Content:lang(ar) { left: 0; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .NavigationOverlay--Opened .NavigationOverlay-Content { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: visibility 0s linear 0s, -webkit-transform .3s ease-in; transition: visibility 0s linear 0s, -webkit-transform .3s ease-in; transition: transform .3s ease-in, visibility 0s linear 0s; transition: transform .3s ease-in, visibility 0s linear 0s, -webkit-transform .3s ease-in; visibility: visible } .NavigationOverlay-InnerContent { overflow: auto; padding: 0 55px 0 35px; position: relative; scrollbar-gutter: stable } @supports not (scrollbar-gutter:stable) { .NavigationOverlay-InnerContent { overflow-y: scroll } } .NavigationOverlay-InnerContent:lang(ar) { padding: 0 35px 0 55px } .NavigationOverlay-Logo { color: #000; display: inline-block; font-size: 58px; line-height: 1; margin-bottom: 0; margin-top: 8px; text-decoration: none } .Navigation--light .NavigationOverlay-Logo { color: #000 } .NavigationOverlay-Logo:before { content: "\f18e"; display: block } html.WhiteLabelSite .NavigationOverlay-Logo:before { background-image: var(--wls-dark-logo); background-repeat: no-repeat; background-size: contain; content: " "; height: 100px; width: 130px } .NavigationOverlay-Logo.BeverlyWilshire:before { background-image: url(/alt/fshr/design3/images/BEV_logo_dark.png); background-repeat: no-repeat; background-size: contain; content: " "; height: 100px; width: 130px } .NavigationOverlay-LogoSection { margin-top: 35px } .NavigationOverlay-LogoSection .NavigationOverlay-Logo { margin-top: 0 } .NavigationOverlay-LogoSection--pp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px } .NavigationOverlay-LogoSection--pp:lang(ar) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .NavigationOverlay-IconLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px } .NavigationOverlay-IconLinks--withDivider { border-bottom: 1px solid #d8d8d8; margin-bottom: 20px; padding-bottom: 20px } .NavigationOverlay-ProfileSection { border-top: 1px solid #d8d8d8; margin-top: 20px } .NavigationOverlay-ProfileSection--ghpPlpProfile { border-top: 0; margin-top: 0 } .NavigationOverlay-ProfileSection--ppSection { border-top: none !important } .NavigationOverlay-ProfileStatus { color: #000 } .NavigationOverlay .NavigationOverlay-ppLogo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 164px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 5px } .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-tree { display: -webkit-box; display: -ms-flexbox; display: flex; height: 54px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-tree .Navigation-logoImage-tree, .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-tree img { display: block; height: 54px; -o-object-fit: contain; object-fit: contain; width: 35px } .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-pp { display: -webkit-box; display: -ms-flexbox; display: flex; height: 29px; width: 164px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-pp .Navigation-logoImage-pp, .NavigationOverlay .NavigationOverlay-ppLogo .Navigation-logoImageContainer-pp img { display: block; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .NavigationOverlay-Title { color: #000; display: inline-block; text-decoration: none; -webkit-transition: color .3s; transition: color .3s } .NavigationOverlay-Title:hover { color: #999 } .NavigationOverlay-Title--propertyTypeName { margin: 0 0 8px } .NavigationOverlay-Title--propertyTitle { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: 3.5px; line-height: 30px; margin: 0 } .NavigationOverlay-TopBar { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 80px; flex-basis: 80px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 75px 0 32px; right: 0; top: 0; width: 100%; z-index: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; gap: 10px; justify-content: space-between } .NavigationOverlay-TopBar .CurrencyDropdown { margin-left: 0 } .NavigationOverlay-TopBar:lang(ar) { padding: 0 35px 0 55px } @media only screen and (min-width:701px) { .NavigationOverlay-TopBar { max-width: 470px } } @media(max-width:414px) { .NavigationOverlay-TopBar { padding: 28px 75px 20px 32px; -ms-flex-preferred-size: auto; flex-basis: auto } } .NavigationOverlay-TopBarMain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; gap: 12px 16px; justify-content: flex-start; min-height: 20px; min-width: 0 } .NavigationOverlay-TopBarProfileContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content } .NavigationOverlay-TopBarProfileContainer .profile-status { min-width: 0 } .NavigationOverlay-TopBarProfileContainer .profile-status-overlay { border-bottom: 0 } .NavigationOverlay-TopBarProfileContainer .profile-status .CTA--text--light.overlay { color: #000; font-size: 12px; letter-spacing: 1px } .NavigationOverlay-TopBarProfileContainer .profile-status .CTA--text--light.overlay .icon { color: #000 } .NavigationOverlay-TopBarControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px 15px; max-width: 100%; min-height: 18px; min-width: 0 } .NavigationOverlay-TopBarControls .NavigationOverlay-TopLinkContainer { margin-right: 0 } .NavigationOverlay-TopBarControls .NavigationOverlay-TopLinkContainer:lang(ar) { margin-left: 0 } @media(max-width:414px) { .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--ghp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay) .NavigationOverlay-TopBarControls--ghp { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--ghp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay):lang(ar) .NavigationOverlay-TopBarControls--ghp { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay) .NavigationOverlay-TopBarControls--plp { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; gap: 10px; justify-content: flex-start } .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay) .NavigationOverlay-TopBarControls--plp .LanguageToggle-select, .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay) .NavigationOverlay-TopBarControls--plp .currency-dropdown select { max-width: none; text-align: left; -moz-text-align-last: left; text-align-last: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay):lang(ar) .NavigationOverlay-TopBarControls--plp { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay):lang(ar) .NavigationOverlay-TopBarControls--plp .LanguageToggle-select, .NavigationOverlay-TopBarMain:has(.NavigationOverlay-TopBarControls--plp):has(.NavigationOverlay-TopBarProfileContainer .CTA--text--light.overlay):lang(ar) .NavigationOverlay-TopBarControls--plp .currency-dropdown select { text-align: right; -moz-text-align-last: right; text-align-last: right } } .NavigationOverlay:has(.NavigationOverlay-ProfileSection .profile-status-overlay) .NavigationOverlay-TopBarProfileContainer { display: none } .NavigationOverlay:has(.NavigationOverlay-ProfileSection .profile-status-overlay) .NavigationOverlay-TopBarControls { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .NavigationOverlay:has(.NavigationOverlay-ProfileSection .profile-status-overlay) .NavigationOverlay-TopBarControls:lang(ar) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .NavigationOverlay-TopLink { border: 0; color: #767676; font-size: 10px; letter-spacing: 2px; padding: 0 } .NavigationOverlay-TopLink:hover { color: #999 } .NavigationOverlay-TopLinkContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; min-width: auto } .NavigationOverlay-TopLinkContainer:lang(ar) { margin-left: 30px; margin-right: 0 } .NavigationOverlay-TopLinkContainer:last-of-type { margin-right: 0 } .NavigationOverlay-TopLinkContainer .CTA, .NavigationOverlay-TopLinkContainer .LanguageToggle-select, .NavigationOverlay-TopLinkContainer .currency-dropdown select { color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 13px; font-weight: 200; letter-spacing: 2.04px; line-height: 17px; white-space: nowrap; field-sizing: content } @media only screen and (min-width:350px) { .NavigationOverlay-TopLinkContainer .CTA, .NavigationOverlay-TopLinkContainer .LanguageToggle-select, .NavigationOverlay-TopLinkContainer .currency-dropdown select { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } } .NavigationOverlay-TopLinkContainer .LanguageToggle, .NavigationOverlay-TopLinkContainer .currency-dropdown { border-color: #767676; color: #767676; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: auto } .NavigationOverlay-TopLinkContainer .LanguageToggle:after, .NavigationOverlay-TopLinkContainer .currency-dropdown:after { top: 4px } .NavigationOverlay-TopLinkContainer .LanguageToggle:hover, .NavigationOverlay-TopLinkContainer .LanguageToggle:hover:after, .NavigationOverlay-TopLinkContainer .currency-dropdown:hover, .NavigationOverlay-TopLinkContainer .currency-dropdown:hover:after { color: #999 } .NavigationOverlay-TopLinkContainer .LanguageToggle-select, .NavigationOverlay-TopLinkContainer .currency-dropdown-select { max-width: none; min-width: auto; padding-bottom: 0; padding-right: 18px } @media only screen and (min-width:350px) { .NavigationOverlay-TopLinkContainer .LanguageToggle-select, .NavigationOverlay-TopLinkContainer .currency-dropdown-select { -moz-text-align-last: right; text-align-last: right } } .NavigationOverlay-TopLinkContainer .LanguageToggle-select:lang(ar), .NavigationOverlay-TopLinkContainer .currency-dropdown-select:lang(ar) { padding-left: 25px; padding-right: 0; -moz-text-align-last: left; text-align-last: left } @media(max-width:350px) { .NavigationOverlay-TopBarMain { row-gap: 10px } } .NavigationOverlay-LinksContainer { padding: 35px 0 } .NavigationOverlay-LinksContainer .NavigationOverlay-TopBarLinks { list-style: none !important; margin: 0; padding-left: 0 } .NavigationOverlay-LinksContainer .NavigationOverlay-TopBarLinks .NavigationItem-link { list-style: none !important } .NavigationOverlay-LinksContainer .NavigationItem-link { color: #2d2d2d !important } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA, .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light { color: #2d2d2d !important; font-family: Neue Helvetica, helvetica, sans-serif; font-family: Neue Helvetica, helvetica, sans-serif !important; font-size: .75rem; font-size: .75rem !important; font-style: normal; font-weight: 400; letter-spacing: .25em; letter-spacing: .25em !important; line-height: 1.5em; line-height: 1.5em !important; text-transform: uppercase; text-transform: uppercase !important } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(ar), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(ru), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(ko-KR), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(zh), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(zh-TW), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:lang(ja), .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .NavigationOverlay-LinksContainer .NavigationItem-link .CTA, html.WhiteLabelSite .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .NavigationOverlay-LinksContainer .NavigationItem-link .CTA--text--light:hover, .NavigationOverlay-LinksContainer .NavigationItem-link .CTA:hover { color: #999 !important } .NavigationOverlay-LinksContainer--borders { border-top: 1px solid var(--color-border-subtle-default, #e0e0e0) } .NavigationOverlay-LinksTitle { color: #767676; margin-bottom: 20px; margin-top: 0 } .recaptcha-container.hasStickyFooter .grecaptcha-badge { bottom: 86px !important } @media only screen and (min-width:1100px) { .recaptcha-container.hasStickyFooter .grecaptcha-badge { bottom: 14px !important } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .Navigation .NavigationCAW { display: none; position: absolute; width: 100%; z-index: 1 } .Navigation .NavigationCAW .DateField_container, .Navigation .NavigationCAW .Dropdown-container select, .Navigation .NavigationCAW .OccupancyField_container, .Navigation .NavigationCAW .Submit-container>.form__submit-button { padding-bottom: 0; padding-top: 0 } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal .Navigation-background-filter-fallback { background-color: rgba(0, 0, 0, .4) } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.isOffline .Overlay_caw_wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.isOffline .Overlay_caw_body { margin-bottom: 0 } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.isOffline .Overlay_caw_body, .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.isOffline .Overlay_caw_title { margin-left: 0 } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasAlert .Overlay_caw_wrap, .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasAlert .container { width: 100% } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasAlert .Overlay_caw_wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Navigation .NavigationCAW .caw-comp__wrapper .App-wrapper .container .row .cawComponent.horizontal.hasAlert .Overlay_caw_button { -ms-flex-item-align: center; align-self: center; top: 0; -webkit-transform: none; transform: none } .Navigation .NavigationCAW .hasEliteGuestComponent { height: auto; padding-top: 20px } .Navigation .InlineCaw { display: none } @media only screen and (min-width:1100px) { .Navigation .InlineCaw { display: block } } .Navigation.caw-open .Navigation-background { border-bottom: none } .Navigation.Navigation--moreLinkClicked .NavigationCAW, .Navigation.Navigation--moreLinkExpanded .NavigationCAW { z-index: -1 } .NavigationItem--overlay { margin-bottom: 0; padding-bottom: 25px } .NavigationItem--overlay .CTA { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 2.1px; line-height: 1em } .NavigationItem--overlay .duplicated-by-secondary-nav { display: none !important } .NavigationItem--overlay:last-child { padding-bottom: 0 } .NavigationItem--mainLink { font-size: 0; position: relative; text-align: left; white-space: nowrap } .NavigationItem--mainLink:lang(ar) { text-align: right } .NavigationItem--mainLink:not(:last-child) { padding-right: 35px } .NavigationItem--mainLink:not(:last-child):lang(ar) { padding-left: 35px; padding-right: 0 } .Navigation-overflowLinks .NavigationItem--mainLink { margin-bottom: 17px; padding-left: 0; padding-right: 0; white-space: normal } .Navigation-overflowLinks .NavigationItem--mainLink:last-child { margin-bottom: 0 } .Navigation-overflowLinks .NavigationItem--mainLink:not(:last-child):lang(ar) { padding-left: 0; padding-right: 0 } .Navigation-overflowLinks .NavigationItem--mainLink .CTA:hover { border-color: #999; color: #999 } .NavigationItem--mainLink .CTA { color: #fff; display: inline-block; font-size: 12px; letter-spacing: 2.1px; vertical-align: middle } .NavigationItem--mainLink .CTA:hover { border-color: #767676; color: #767676 } html.WhiteLabelSite .NavigationItem--mainLink .CTA { font-family: Work Sans } .NavigationItem--secondaryNavigation { display: inline-block; padding: 0 15px } .NavigationItem--secondaryNavigation .CTA { color: #000; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 2.45px; padding: 20px 0; vertical-align: middle } .NavigationItem--secondaryNavigation .CTA:hover { border-color: #767676; color: #767676 } .NavigationItem--secondaryNavigation .CTA.CTA--underlined--light { border-bottom: 4px solid #000 } .NavigationItem--secondaryNavigation .CTA.CTA--underlined--dark { border-bottom: 4px solid #f5f5f5 } .NavigationItem--secondaryNavigation .CTA.CTA--underlined--dark, .NavigationItem--secondaryNavigation .CTA.CTA--underlined--light { padding: 20px 0 16px } .NavigationItem-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Navigation-overflowLinks .NavigationItem-link .CTA { color: #000 } .Navigation-overflowLinks .NavigationItem-link--active { display: block } .Navigation-overflowLinks .NavigationItem-link--active .CTA { border-bottom-color: #000; display: inline; text-decoration: none } .NavigationItem-link--active .CTA { border-bottom: 1px solid #fff } .SecondaryNavigation .NavigationItem-link--active .CTA { border-bottom: 5px solid #666; padding-bottom: 15px } .NavigationOverlay .NavigationItem-link--active .CTA, .NavigationOverlay .NavigationItem-subLinks .NavigationItem-link--active a { font-weight: 700 } .NavigationOverlay .NavigationItem-subLinks .NavigationItem-link--active:before { display: none } .NavigationOverlay .NavigationItem-link--activeCategory:before { border-bottom: 9px solid transparent; border-left: 9px solid #000; border-top: 9px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; width: 0 } .NavigationOverlay .NavigationItem-link--activeCategory:lang(ar):before { border-left: none; border-right: 9px solid #000; left: auto; right: 0 } .NavigationItem-subLinksButton { line-height: 14px } .NavigationItem-subLinksButton:before { content: "\f151"; font-size: 12px; position: relative; top: 2px } .NavigationItem--collapsed .NavigationItem-subLinksButton:before { content: "\f16d" } .NavigationItem-subLinks { height: auto; opacity: 1; padding: 25px 0 0 35px; -webkit-transition: opacity .4s ease-in, padding-left .3s ease-out; transition: opacity .4s ease-in, padding-left .3s ease-out; visibility: visible } .NavigationItem-subLinks:lang(ar) { padding: 25px 35px 0 0 } .NavigationItem--collapsed .NavigationItem-subLinks { height: 0; opacity: 0; padding: 0; visibility: hidden } .NavigationItem-subLink { margin-bottom: 20px } .NavigationItem-subLink:last-child { margin-bottom: 0 } .NavigationItem-subLink .CTA { color: #000; font-family: Neue Helvetica, helvetica, sans-serif; font-weight: lighter; letter-spacing: 2.33px } .NavigationItem .CTA--underlined--dark, .NavigationItem .CTA--underlined--light { border: none; padding-bottom: 0; text-decoration-line: underline; text-decoration: underline } .NavigationItem .CTA:lang(ar) { letter-spacing: 0 } .SecondaryNavigation { background-color: hsla(0, 0%, 92%, .9); display: none; padding: 0 30px; -webkit-transition: padding .3s ease-in-out; transition: padding .3s ease-in-out } @media only screen and (min-width:1100px) { .SecondaryNavigation { display: block } } .is-Stick .SecondaryNavigation { padding: 17px 30px } .is-Stick .is-StickExpanded .SecondaryNavigation { padding: 0 30px } .SecondaryNavigation-bar { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .SecondaryNavigation-bar, .SecondaryNavigation-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .SecondaryNavigation-links { text-align: center } .is-Stick .SecondaryNavigation-links { margin-bottom: -17px } .is-Stick .is-StickExpanded .SecondaryNavigation-links { margin-bottom: 0 } .SecondaryNavigation-linksContainer { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 30px; padding-left: 15px; width: 100% } .SecondaryNavigation-linksContainer:lang(ar) { margin-left: 0; margin-right: 30px; padding-left: 0; padding-right: 15px } .Navigation--isPropertyNav .SecondaryNavigation-linksContainer { padding-left: 20px } .Navigation--isPropertyNav .SecondaryNavigation-linksContainer:lang(ar) { padding-left: 0; padding-right: 25px } .Navigation--isPropertyNav.is-Stick .SecondaryNavigation-linksContainer { border-left: 1px solid #979797 } .Navigation--isPropertyNav.is-Stick .SecondaryNavigation-linksContainer:lang(ar) { border-left: none; border-right: 1px solid #979797; padding-left: 0; padding-right: 25px } .SecondaryNavigation-linksContainer .SecondaryNavigation-propertyName { letter-spacing: 3px; line-height: 1em } .SecondaryNavigation-links>.NavigationItem:first-child { padding-left: 0 } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type { padding-right: 20px; position: relative } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type:lang(ar) { padding-left: 20px; padding-right: 0 } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type .CTA { font-weight: 700 } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type:before { background-color: #999; content: ""; display: block; height: 26px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type:only-child .CTA { font-weight: 500 } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type:only-child:before { display: none } .SecondaryNavigation-links.has-featured .NavigationItem:first-of-type:lang(ar):before { left: 0; right: auto } .SecondaryNavigation-links.has-featured .NavigationItem:nth-of-type(2) { padding: 0 15px 0 20px } .SecondaryNavigation-links.has-featured .NavigationItem:nth-of-type(2):lang(ar) { padding: 0 20px 0 15px } .SecondaryNavigation .SecondaryNavigation-logo { color: #000; display: block } .SecondaryNavigation .SecondaryNavigation-logoContainer { opacity: 0 } .Navigation-lg .SecondaryNavigation .SecondaryNavigation-logo.BeverlyWilshire:before { background-image: url(/alt/fshr/design3/images/BEV_logo_dark.png); background-position: 50%; background-size: contain; content: " "; height: 57px; width: 100px } .SecondaryNavigation-pageName { display: block; height: 0; letter-spacing: 3px; line-height: .8em; opacity: 0; pointer-events: none; position: relative; top: 0 } .SecondaryNavigation-pageName--empty { height: 18px; max-height: 0 } .SecondaryNavigation-pageName--active { line-height: .8em; top: 6px } .SecondaryNavigation-item.multiple-links { display: none } .SecondaryNavigation-item.multiple-links.item-0 { display: block } .SecondaryNavigation-More.single-link { display: none } .SecondaryNavigation-cta { -ms-flex-preferred-size: 190px; flex-basis: 190px; opacity: 0; visibility: hidden } .is-Stick .SecondaryNavigation-cta { opacity: 1; visibility: visible } .is-Stick .SecondaryNavigation-cta:lang(ar) { left: 30px; right: auto } .SecondaryNavigation-cta--animate { opacity: 1; visibility: visible } .SecondaryNavigation-cartStatus { opacity: 0; visibility: hidden } .SecondaryNavigation-cartStatus.CartStatus-placeholder.with-cta { left: unset; right: 30px } .SecondaryNavigation-cartStatus--animate, .is-Stick .SecondaryNavigation-cartStatus { opacity: 1; visibility: visible } @supports(backdrop-filter:blur(1px)) { .SecondaryNavigation { backdrop-filter: blur(13px); background-color: hsla(0, 0%, 92%, .85) } } .NonBleedHero .Image { display: block; margin-top: 50px } @media only screen and (min-width:701px) { .NonBleedHero .Image { margin-top: 95px } } @media only screen and (min-width:961px) { .NonBleedHero .Image { margin-top: 80px } } @media only screen and (min-width:1701px) { .NonBleedHero .Image { margin-top: 78px } } .NonBleedHero .Image-img { width: 100% } .OfferCard--hidden { display: none } .OfferCard-container { overflow: hidden; padding: 0 40px 40px; -webkit-transition: max-height .3s ease-out; transition: max-height .3s ease-out } @media only screen and (min-width:701px) { .OfferCard-container { padding: 0 60px 40px } } @media only screen and (min-width:961px) { .OfferCard-container { padding: 0 60px 40px } } @media only screen and (min-width:1701px) { .OfferCard-container { padding: 0 130px 40px } } .OfferCard-container--light { -webkit-box-shadow: 0 -1px 0 0 #000, 0 -5px 0 0 #fff, 0 -7px 0 0 #000, 0 1px 0 0 #000, 0 5px 0 0 #fff, 0 7px 0 0 #000; box-shadow: 0 -1px 0 0 #000, 0 -5px 0 0 #fff, 0 -7px 0 0 #000, 0 1px 0 0 #000, 0 5px 0 0 #fff, 0 7px 0 0 #000 } .OfferCard-container--dark { -webkit-box-shadow: 0 -1px 0 0 #fff, 0 -5px 0 0 #000, 0 -7px 0 0 #fff, 0 1px 0 0 #fff, 0 5px 0 0 #000, 0 7px 0 0 #fff; box-shadow: 0 -1px 0 0 #fff, 0 -5px 0 0 #000, 0 -7px 0 0 #fff, 0 1px 0 0 #fff, 0 5px 0 0 #000, 0 7px 0 0 #fff } .OfferCard-wrap { display: block; padding: 40px 0 } .OfferCard-wrap:after, .OfferCard-wrap:before { content: ""; display: table } .OfferCard-wrap:after { clear: both } @media only screen and (min-width:961px) { .OfferCard-wrap { padding: 40px 0 } } .OfferCard-details { -webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94); transition: opacity .6s cubic-bezier(.25, .46, .45, .94) } .OfferCard-eyebrow { display: block; margin-bottom: 10px } .OfferCard-heading { margin-bottom: 30px } @media only screen and (min-width:701px) { .OfferCard-heading { margin-bottom: 0 } .OfferCard-heading-ctas { margin-bottom: 40px } } .OfferCard-heading-title { border: 0; display: block; margin-bottom: 20px; padding-bottom: 0 } @media only screen and (min-width:701px) { .OfferCard-heading-description { margin-bottom: 0 } } .OfferCard-picture { display: block; font-size: 0; line-height: 0; margin-bottom: 30px } .OfferCard-picture:before { content: ""; display: block; float: left; padding-top: 56.25% } @media only screen and (min-width:701px) { .OfferCard-picture { margin-bottom: 0; margin-top: -23px } } .OfferCard-picture img { width: 100% } @media only screen and (min-width:701px) { .OfferCard-ctas-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .OfferCard-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media only screen and (min-width:701px) { .OfferCard-ctas { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .OfferCard-ctas--staked { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .OfferCard-ctas--staked .OfferCard-cta-details { margin-bottom: 0; margin-right: 25px } .OfferCard-ctas--staked .OfferCard-cta-details:lang(ar) { margin-left: 25px; margin-right: 0 } .OfferCard-ctas--hidden-sm { display: none } @media only screen and (min-width:701px) { .OfferCard-ctas--hidden-sm { display: -webkit-box; display: -ms-flexbox; display: flex } .OfferCard-ctas--hidden-md { display: none } } .OfferCard-cta-details { margin-right: 25px } .OfferCard-cta-details:lang(ar) { margin-left: 25px; margin-right: 0 } @media only screen and (min-width:701px) { .OfferCard-cta-details { margin-bottom: 20px; margin-right: 0 } } .OfferCard-cta-details:after { content: "\f16d"; padding-left: 10px } .OfferCard-cta-details:lang(ar):after { padding-left: 0; padding-right: 10px } .OfferCard-cta-details--expanded:after { content: "\f151" } .OfferCard-cta-offers { -ms-flex-item-align: center; align-self: center } .OfferCard-checks { border-top: 1px solid #d8d8d8 } .OfferCard-container--dark .OfferCard-checks { border-color: #7d7d7d } .OfferCard-checks-item { padding: 20px 0 } @media only screen and (min-width:1701px) { .OfferCard-checks-item { padding: 30px 0 } } .OfferCard-checks-item:not(:last-child) { border-bottom: 1px solid #d8d8d8 } .OfferCard-container--dark .OfferCard-checks-item { border-color: #7d7d7d } .OfferCard-checks-item-group:not(:last-child) { padding-bottom: 20px } @media only screen and (min-width:701px) { .OfferCard-checks-item-group:not(:last-child) { padding-bottom: 0 } .OfferCard-checks-item-group:nth-child(2n-1) { margin-right: 25px } .OfferCard-checks-item-group:nth-child(2n-1):lang(ar) { margin-left: 25px; margin-right: 0 } } .OfferCard-checks-item span { display: block } @media only screen and (min-width:701px) { .OfferCard-checks-item span { display: inline-block } } .OfferCard-checks-item .OfferCard-checks-item-date { display: block; padding: 10px 0 } .OfferCard-checks-item .OfferCard-checks-item-date:before { color: #000; content: "•"; display: inline-block; width: 1em } .OfferCard-checks-item .OfferCard-checks-item-disclaimer { text-align: left; text-transform: none } .OfferCard-checks-item .OfferCard-checks-item-disclaimer:lang(ar) { text-align: right } .OfferCard-inclusions:last-child .BulletedList-body { border-bottom: 1px solid; margin-bottom: 30px } .OfferCard-inclusions .BulletedList { padding: 0 } .OfferCard-container--light .OfferCard-inclusions .BulletedList-body, .OfferCard-container--light .OfferCard-inclusions .BulletedList-separator { border-color: #d8d8d8 } .OfferCard-container--dark .OfferCard-inclusions .BulletedList-body, .OfferCard-container--dark .OfferCard-inclusions .BulletedList-separator { border-color: #7d7d7d } .OfferCard-inclusions-list { padding: 0 } @media only screen and (min-width:961px) { .OfferCard-inclusions-list .row>[class*=col-] { margin: 0; width: 100% } } @media only screen and (min-width:701px) { .OfferCard-inclusions-list .BulletedList-list { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-columns: auto 2; -moz-columns: auto 2; columns: 2 } } .OfferCard-inclusions-list .BulletedList-separator { margin: 0; width: 100% } .OfferCard-container--light .OfferCard-inclusions-list .BulletedList-body, .OfferCard-container--light .OfferCard-inclusions-list .BulletedList-separator { border-color: #d8d8d8 } .OfferCard-container--dark .OfferCard-inclusions-list .BulletedList-body, .OfferCard-container--dark .OfferCard-inclusions-list .BulletedList-separator { border-color: #7d7d7d } @media only screen and (min-width:701px) { .OfferCard-inclusions-list .BulletedList-body { padding: 40px 0 } } @media only screen and (min-width:1701px) { .OfferCard-inclusions-list .BulletedList-body { padding: 60px 0 } } .OfferCard-more-details-cta { margin-top: 30px } .OpportunitiesTable .SortableTable-Table-cell { min-width: 125px } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos) { display: -webkit-box; display: -ms-flexbox; display: flex } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4) .SortableTable-Table-Header-cell-title:not(.no-mlos):after { content: "\f148"; cursor: pointer } @media only screen and (min-width:0)and (max-width:1700px) { .OpportunitiesTable .SortableTable-Table-Header, .OpportunitiesTable .SortableTable-Table-Row { min-width: 1260px !important; width: 1260px !important } } .OpportunitiesTable .SortableTable-Table-Header-cell:first-child, .OpportunitiesTable .SortableTable-Table-Row-cell:first-child { min-width: 19.44% } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(2), .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(3), .OpportunitiesTable .SortableTable-Table-Row-cell:nth-child(2), .OpportunitiesTable .SortableTable-Table-Row-cell:nth-child(3) { min-width: 13.25% } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(4), .OpportunitiesTable .SortableTable-Table-Row-cell:nth-child(4) { min-width: 11.4% } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(5), .OpportunitiesTable .SortableTable-Table-Row-cell:nth-child(5) { min-width: 19.44% } .OpportunitiesTable .SortableTable-Table-Header-cell:nth-child(6), .OpportunitiesTable .SortableTable-Table-Row-cell:nth-child(6) { min-width: 23.22% } .OpportunitiesTable .SortableTable-Table-Row-cell:not(:last-child) { max-width: 245px } .OpportunitiesTable-modal { height: 100% } .OpportunitiesTable-modal.surface-overlay { border-radius: 0 } .OpportunitiesTable-modal-textContent { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media only screen and (min-width:961px) { .OpportunitiesTable-modal-textContent { margin-top: 44px; padding: 30px 40px 60px } } .OpportunitiesTable-modal-title { padding-bottom: 20px; width: 100% } @media only screen and (min-width:961px) { .OpportunitiesTable-modal-title { border-bottom: 1px solid var(--color-border-subtle-default, hsla(0, 0%, 100%, .149)); padding-bottom: 30px } } .OpportunitiesTable-modal-title--desktop { display: none } @media only screen and (min-width:961px) { .OpportunitiesTable-modal-title--desktop { display: block } } .OpportunitiesTable-modal-title--mobile { color: var(--color-text-heading, #000); display: block; line-height: 21px; padding-left: 20px; padding-right: 20px; text-align: center } @media only screen and (min-width:961px) { .OpportunitiesTable-modal-title--mobile { display: none } } .OpportunitiesTable-modal-mobileBack { left: 24px; right: 0 } .OpportunitiesTable-modal-mobileBack:lang(ar) { left: 0; right: 24px } .OpportunitiesTable-modal-mobileBack.Button--close--light:before { content: "\f117" } @media only screen and (min-width:961px) { .OpportunitiesTable-modal-mobileBack { display: none } } .OpportunitiesTable-contact-modal-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; gap: 16px; justify-content: space-between } .OpportunitiesTable-contact-modal-copy-email, .OpportunitiesTable-contact-modal-copy-phone { color: var(--color-text-heading, #000); text-decoration: none } .OpportunitiesTable .WarningModal-content { background: transparent; border-radius: 20px 20px 0 0; bottom: 0; height: 80%; margin: auto; max-height: 80%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: unset; width: 100% } @media only screen and (min-width:961px) { .OpportunitiesTable .WarningModal-content { border-radius: unset; bottom: unset; height: auto; left: 50%; max-height: 95%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 520px } } .OpportunitiesTable .WarningModal-closeCTA { height: 16px; line-height: 0; margin: 0; right: 24px; top: 20px; width: 16px } .OpportunitiesTable .WarningModal-closeCTA:lang(ar) { left: 24px; right: 0 } @media only screen and (min-width:961px) { .OpportunitiesTable .WarningModal-closeCTA { right: 44px; top: 34px } .OpportunitiesTable .WarningModal-closeCTA:lang(ar) { left: 44px; right: 0 } } .OpportunitiesTable .WarningModal-closeCTA:before { color: var(--color-text-primary, #1f1f1f); font-size: 16px } .PersonHighlight { -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); padding: 24px 15px; width: calc(100% - 30px) } .PersonHighlight--light { background-color: #000; color: #fff } .PersonHighlight--dark { background-color: #fff; color: #000 } @media only screen and (min-width:701px) { .PersonHighlight { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 36px 15px } } .PersonHighlight:lang(ar) { text-align: right } .PersonHighlight-picture { margin: auto auto 1rem; max-width: 135px; position: relative; width: 100% } .PersonHighlight-picture img { max-width: 100%; width: 100% } @media only screen and (min-width:701px) { .PersonHighlight-picture { margin: 0 35px 0 20px; max-width: 160px } .PersonHighlight-picture:lang(ar) { margin: 0 20px 0 35px } } @media only screen and (min-width:961px) { .PersonHighlight-picture { margin: 0 55px 0 40px; max-width: 220px } .PersonHighlight-picture:lang(ar) { margin: 0 40px 0 55px } } @media only screen and (min-width:1701px) { .PersonHighlight-picture { margin: 0 115px 0 100px } .PersonHighlight-picture:lang(ar) { margin: 0 100px 0 115px } } .PersonHighlight-picture .Image { position: relative } @media only screen and (min-width:701px) { .PersonHighlight-picture .Image { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media only screen and (min-width:961px) { .PersonHighlight-cta { margin-right: 100px } .PersonHighlight-cta:lang(ar) { margin-left: 100px; margin-right: 0 } } .PersonHighlight-cta .CtaBlock-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; letter-spacing: 3px; line-height: 1.3125em; line-height: 24px; text-align: center; text-transform: uppercase } .PersonHighlight-cta .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PersonHighlight-cta .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PersonHighlight-cta .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PersonHighlight-cta .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PersonHighlight-cta .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PersonHighlight-cta .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PersonHighlight-cta .CtaBlock-title { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .PersonHighlight-cta .CtaBlock-title { font-size: 18px; font-weight: 700; letter-spacing: 4px; line-height: 1.5em; text-align: left } .PersonHighlight-cta .CtaBlock-title:lang(ar) { text-align: right } } .PersonHighlight-cta .CtaBlock-text { margin-bottom: 16px; margin-top: 16px } .PersonHighlight-cta .CtaBlock-text--primary { display: none } @media only screen and (min-width:701px) { .PersonHighlight-cta .CtaBlock-text--primary { display: block } } .PersonHighlight-cta .CtaBlock-text--alternate { text-align: center } @media only screen and (min-width:701px) { .PersonHighlight-cta .CtaBlock-text--alternate { display: none } } .PersonHighlight-socialLinks .SocialLinksGeneral-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width:701px) { .PersonHighlight-socialLinks .SocialLinksGeneral-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -15px } } .PersonHighlight-socialLinks .SocialLinksGeneral-container .SocialLink[class*=SocialLink--] { margin: 0 15px; padding: 0 } .PersonHighlight--light .PersonHighlight-socialLinks .SocialLinksGeneral-container .SocialLink:before { color: #fff } .PersonHighlight--dark .PersonHighlight-socialLinks .SocialLinksGeneral-container .SocialLink:before { color: #000 } @media only screen and (min-width:0)and (max-width:700px) { .PPArticleCardGrid .WgInspirationCardGrid-container.half .WgInspirationCardGrid-item, .PPArticleCardGrid .WgInspirationCardGrid-container.onethird .WgInspirationCardGrid-item { grid-column: span 12 } .PPArticleCardGrid .GenericCard--16x9, .PPArticleCardGrid .GenericCard--16x9 .GenericCard-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .PPArticleCardGrid .GenericCard--16x9 .GenericCard-content, .PPArticleCardGrid .GenericCard--16x9 .GenericCard-imageWrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100% } .PPArticleCardGrid .GenericCard--16x9 .GenericCard-title { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch } } .PPArticleCardGrid .GenericCard--large .GenericCard-imageWrapper { aspect-ratio: 16/9; height: auto } .PreferredPartnerPageFooter { background: #000; color: #fff } .PreferredPartnerPageFooter-container, .PreferredPartnerPageFooter-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PreferredPartnerPageFooter-logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .PreferredPartnerPageFooter-propertyInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PreferredPartnerPageFooter-propertyName { color: var(--color-text-inverse-primary, #e6e6e6); text-align: center } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-propertyName { text-align: start } } .PreferredPartnerPageFooter-propertyAddress { color: var(--color-text-inverse-secondary, #bababa); text-align: center } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-propertyAddress { text-align: start } } .PreferredPartnerPageFooter-linksContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-linksContent { display: grid; grid-template-columns: repeat(4, 1fr) } } .PreferredPartnerPageFooter-bottomContent, .PreferredPartnerPageFooter-contactLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PreferredPartnerPageFooter-contactLinks-container { margin: 0 } .PreferredPartnerPageFooter-contactLinksContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 30px } .PreferredPartnerPageFooter-contact-subtitle.subtitle-2, .PreferredPartnerPageFooter-listItem .PreferredPartnerPageFooter-contact-subtitle.CTA { color: var(--color-text-inverse-heading, #fff); line-height: 22.4px } .PreferredPartnerPageFooter-contact-label, .PreferredPartnerPageFooter-contact-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-contact-label { row-gap: 0 !important } } .PreferredPartnerPageFooter-contact-cta-container { line-height: 22.4px } .PreferredPartnerPageFooter-lists { grid-column: span 2 } .PreferredPartnerPageFooter-lists .ComponentAccordion.container { padding: 0 } .PreferredPartnerPageFooter-lists .ComponentAccordion .row { margin: 0 } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-lists .Accordion { display: grid; grid-template-columns: repeat(2, 1fr) } } .PreferredPartnerPageFooter-lists .Accordion-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter-lists .Accordion-item { gap: 20px } } .PreferredPartnerPageFooter-lists .Accordion-item-title--hide { display: none !important } .PreferredPartnerPageFooter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PreferredPartnerPageFooter-listItem { line-height: 22.4px } .PreferredPartnerPageFooter-listItem .CTA { color: var(--color-text-inverse-secondary, #bababa); text-transform: none } .PreferredPartnerPageFooter-listItem .CTA:focus, .PreferredPartnerPageFooter-listItem .CTA:hover { color: #999 } .PreferredPartnerPageFooter-accordion .col-sm-12.col-lg-9.col-xl-6 { padding: 0; width: 100% } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item-button { padding: 0 } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) { border-color: var(--color-border-subtle-inverse, hsla(0, 0%, 100%, .15)); padding: 30px 0 } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-region { padding: 20px 0 0 } @media only screen and (min-width:961px) { .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-region { padding: 0 } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) { border: none; padding: 0 } } .PreferredPartnerPageFooter .ComponentAccordion .Accordion--expansion-chevron .Accordion-item:not(.Accordion-item--inline-desktop) .Accordion-item-title.PreferredPartnerPageFooter-heading, .PreferredPartnerPageFooter .PreferredPartnerPageFooter-heading { color: var(--color-text-inverse-heading, #fff); line-height: 22.4px; text-transform: none } .PreferredPartnerPageFooter-contact-email { color: var(--color-text-inverse-secondary, #bababa); text-decoration: none } .PreferredPartnerPageFooter-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .PreferredPartnerPageFooter-social li { height: 20px; width: 20px } .PreferredPartnerPageFooter-socialProperty { font-size: 20px; position: relative; text-decoration: none } .PreferredPartnerPageFooter-socialProperty--twitter { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--twitter:before { color: #fff; content: "\f192"; line-height: 48px } .PreferredPartnerPageFooter-socialProperty--twitter:focus:before, .PreferredPartnerPageFooter-socialProperty--twitter:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--twitter:focus, .PreferredPartnerPageFooter-socialProperty--twitter:hover { border-color: #999; color: #999 } .PreferredPartnerPageFooter-socialProperty--twitter:before { line-height: 20px } .PreferredPartnerPageFooter-socialProperty--facebook { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--facebook:before { color: #fff; content: "\f133"; line-height: 48px } .PreferredPartnerPageFooter-socialProperty--facebook:focus:before, .PreferredPartnerPageFooter-socialProperty--facebook:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--facebook:focus, .PreferredPartnerPageFooter-socialProperty--facebook:hover { border-color: #999; color: #999 } .PreferredPartnerPageFooter-socialProperty--facebook:before { line-height: 20px } .PreferredPartnerPageFooter-socialProperty--instagram { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--instagram:before { color: #fff; content: "\f149"; line-height: 48px } .PreferredPartnerPageFooter-socialProperty--instagram:focus:before, .PreferredPartnerPageFooter-socialProperty--instagram:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--instagram:focus, .PreferredPartnerPageFooter-socialProperty--instagram:hover { border-color: #999; color: #999 } .PreferredPartnerPageFooter-socialProperty--instagram:before { line-height: 20px } .PreferredPartnerPageFooter-socialProperty--youtube { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--youtube:before { color: #fff; content: "\f19f"; line-height: 48px } .PreferredPartnerPageFooter-socialProperty--youtube:focus:before, .PreferredPartnerPageFooter-socialProperty--youtube:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--youtube:focus, .PreferredPartnerPageFooter-socialProperty--youtube:hover { border-color: #999; color: #999 } .PreferredPartnerPageFooter-socialProperty--youtube:before { line-height: 20px } .PreferredPartnerPageFooter-socialProperty--pinterest { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--pinterest:before { color: #fff; content: "\f16a"; line-height: 48px } .PreferredPartnerPageFooter-socialProperty--pinterest:focus:before, .PreferredPartnerPageFooter-socialProperty--pinterest:hover:before { color: #999; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .PreferredPartnerPageFooter-socialProperty--pinterest:focus, .PreferredPartnerPageFooter-socialProperty--pinterest:hover { border-color: #999; color: #999 } .PreferredPartnerPageFooter-socialProperty--pinterest:before { line-height: 20px } .PreferredPartnerPageFooter-line { background: var(--color-border-subtle-inverse, hsla(0, 0%, 100%, .15)); height: 1px; width: 100% } .PreferredPartnerPageFooter-legalContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem, .PreferredPartnerPageFooter-legalContent .PageFooter-legalLink, .PreferredPartnerPageFooter-legalContent .labels-caption { color: var(--color-text-inverse-primary, #e6e6e6); font-weight: 300 } .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem:not(:last-child):after { margin: 0 10px; width: auto } @media only screen and (min-width:701px) { .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem:not(:last-child):after { margin: 0 15px } } .PreferredPartnerPageFooter-legalContent .PageFooter-legalItem .fs-footer-button { margin-bottom: 0 !important; padding-bottom: 3px !important } .PreferredPartnerPageFooter-legalContent .PageFooter-legalLink:focus, .PreferredPartnerPageFooter-legalContent .PageFooter-legalLink:hover { color: #7d7d7d } .PreferredPartnerPageFooter-copyright { color: var(--color-text-inverse-disabled, #9c9c9c) !important } .PPInfoPolicies #gds-codes { scroll-margin-top: 120px } .PPInfoPolicies .WgAccordionSection-region .RichText .container { padding-left: 35px !important } .PPInfoPolicies .WgAccordionSection-region .RichText .container ol, .PPInfoPolicies .WgAccordionSection-region .RichText .container ul { padding-left: 0 !important } @media only screen and (min-width:961px) { .PPInfoPolicies #gds-codes { scroll-margin-top: 160px } .PPInfoPolicies .WgAccordionSection-region .RichText .container { padding-left: 30px !important } .PPInfoPolicies .WgAccordionSection-region .RichText .container ol, .PPInfoPolicies .WgAccordionSection-region .RichText .container ul { padding-left: 0 !important } } .InspirationCarousel-item .pp-geo-aware-container, .InspirationCarousel-item .pp-geo-aware-filterable { display: contents } .PPInspirationCarousel-heading { width: 100% } .PPInspirationCarousel .InspirationCarousel-rightButtonContainer { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } @media only screen and (min-width:701px) { .PPInspirationCarousel .InspirationCarousel-item { width: 66% !important } } @media only screen and (min-width:961px) { .PPInspirationCarousel .InspirationCarousel-item { width: 66% !important } } @media only screen and (min-width:1701px) { .PPInspirationCarousel .InspirationCarousel-item { width: 66% !important } } @media only screen and (min-width:0)and (max-width:700px) { .PPOfferCardGrid .half .WgInspirationCardGrid-item, .PPOfferCardGrid .onethird .WgInspirationCardGrid-item { grid-column: span 12 } .PPOfferCardGrid .GenericCard--16x9, .PPOfferCardGrid .GenericCard--16x9 .GenericCard-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .PPOfferCardGrid .GenericCard--16x9 .GenericCard-content, .PPOfferCardGrid .GenericCard--16x9 .GenericCard-imageWrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100% } .PPOfferCardGrid .GenericCard--16x9 .GenericCard-title { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch } .PPOfferCardGrid .GenericCard--large .GenericCard-imageWrapper { aspect-ratio: 16/9; height: auto } } @media only screen and (min-width:701px) { .PPOfferCardGrid .GenericCard--large .GenericCard-imageWrapper { aspect-ratio: 2/1; height: auto } } .PPSignatureCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-m) } @media only screen and (min-width:701px) { .PPSignatureCard { gap: var(--Element-gap-Stack-stack-s) } } @media only screen and (min-width:961px) { .PPSignatureCard { gap: var(--Element-gap-Stack-stack-l) } } .PPSignatureCard .TitleAndDescription { margin-bottom: 5px; padding-left: 0; padding-right: 0 } @media only screen and (min-width:701px) { .PPSignatureCard .TitleAndDescription { margin-bottom: 15px } } @media only screen and (min-width:961px) { .PPSignatureCard .TitleAndDescription { margin-bottom: 0 } } .PPSignatureCard .TitleAndDescription p { margin-bottom: 0 } .PRFilteredListing-Container { margin: auto; max-width: calc(100vw - 30px); padding: 0 0 30px } @media only screen and (min-width:701px) { .PRFilteredListing-Container { max-width: 690px } } @media only screen and (min-width:961px) { .PRFilteredListing-Container { max-width: 1040px } } @media only screen and (min-width:701px) { .PRFilteredListing-Container { padding: 0 30px 50px } } .PRFilteredListing-Container .container { padding: 0 } .PRFilteredListing-title { margin-bottom: 30px; text-align: center } .PRFilteredListing-text { margin: 0 30px 10px; text-align: center } @media only screen and (min-width:701px) { .PRFilteredListing-text { margin-bottom: 20px } } .PRFilteredListing .PaginatedFilter { margin-bottom: 25px } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter { margin-bottom: 0 } } .PRFilteredListing .PaginatedFilter .FilterGroup-container { background-color: #fff; position: static } .PRFilteredListing .PaginatedFilter .FilterGroup-container .Button--secondary--light:hover, .PRFilteredListing .PaginatedFilter .FilterGroup-container .FilterGroup-toggle--open .FilterGroup-toggle-button { background-color: #fff; color: #000 } .PRFilteredListing .PaginatedFilter .FilterGroup-container .Button--secondary--light:hover .Button-label, .PRFilteredListing .PaginatedFilter .FilterGroup-container .FilterGroup-toggle--open .FilterGroup-toggle-button .Button-label { border-bottom: 1px solid #000 } .PRFilteredListing .PaginatedFilter .FilterGroup-container .row { margin: 0 } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-container .row { margin: 0 -5px } } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter { margin-bottom: 20px; margin-top: 0; width: 100% } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter { margin-bottom: 50px } } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput { margin: auto; max-width: 400px } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field { background-color: #f5f5f5; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; line-height: 19px; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; line-height: 19px; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; line-height: 19px; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; line-height: 19px; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle { margin: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-container { padding-bottom: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; border-bottom: 1px solid #d8d8d8; justify-content: flex-start } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-container { padding-bottom: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button { padding: 10px 0 } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button { padding: 0 } } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-align: left; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; font-weight: 400; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button .Button-label:lang(ar) { text-align: right } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button:after { margin-left: 10px; position: static } .PRFilteredListing .PaginatedFilter .FilterGroup-toggle-button:lang(ar):after { margin-left: 0; margin-right: 10px } .PRFilteredListing .PaginatedFilter .FilterGroup-filtersHeading { width: 100% } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-filtersHeading { width: auto } } .PRFilteredListing .PaginatedFilter .FilterGroup-clearButtonContainer { margin: 5px 0 10px auto; padding: 0; width: auto } .PRFilteredListing .PaginatedFilter .FilterGroup-clearButtonContainer:lang(ar) { margin: 5px auto 10px 0 } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-clearButtonContainer { margin: 0; padding: 0 0 0 15px } .PRFilteredListing .PaginatedFilter .FilterGroup-clearButtonContainer:lang(ar) { border-left: none; margin: 0; padding: 0 15px 0 0 } } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup { background-color: #f0f0f0; border: none } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-container { margin-bottom: -10px; padding: 0; position: relative; top: -11px } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-fields { margin-top: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-field { padding-left: 15px !important; padding-right: 15px !important } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-field { margin: 10px 0 } } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-field { margin: 20px 0 } } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-field .formElement-field { background-color: #f0f0f0 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-field .formElement-label { font-weight: 400 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 20px 15px } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-buttons { margin: auto 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-buttons.col-md-12 { margin-bottom: 20px } } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-buttons.col-md-12 { margin: auto 0 } } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-button { margin: 0; padding: 7.5px 20px; z-index: 1 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-cancelButton { border-bottom: none; font-size: 10px; padding: 0 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-cancelButton>span { border-bottom: 1px solid #000 } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-saveButton { margin-left: 25px } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-saveButton:lang(ar) { margin-left: 0; margin-right: 25px } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-saveButton { margin-left: 30px } .PRFilteredListing .PaginatedFilter .FilterGroup-optionGroup-saveButton:lang(ar) { margin-left: 0; margin-right: 30px } } .PRFilteredListing .PaginatedFilter-filtersHeading { color: #666; font-weight: 400; padding: 10px 0 } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-filtersHeading { padding: 0 } } .PRFilteredListing .PaginatedFilter-clearButton { margin: 0; padding: 0 } .PRFilteredListing .PaginatedFilter-clearButton .Button-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-clearButton .Button-label { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-clearButton .Button-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-clearButton .Button-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-clearButton .Button-label { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } } .PRFilteredListing .PaginatedFilter-body { padding-top: 35px !important } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-body { padding-top: 40px !important } } .PRFilteredListing .PaginatedFilter-pagination-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .PRFilteredListing .PaginatedFilter-pagination-showAll { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; margin: 15px auto auto; text-transform: uppercase } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-showAll { margin-top: auto } } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-pagination-showAll { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-showAll { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-pagination-showAll { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } } .PRFilteredListing .PaginatedFilter-pagination-showAll:after { content: "\f16d"; font-size: 9px; padding-left: 10px } .PRFilteredListing .PaginatedFilter-pagination-showAll:lang(ar):after { padding-left: 0; padding-right: 10px } .PRFilteredListing .PaginatedFilter-pagination-showLess-container { display: none; margin-top: 0 } .PRFilteredListing .PaginatedFilter-pagination-showLess { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; margin: 15px auto auto; text-transform: uppercase } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-showLess { margin-top: auto } } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-pagination-showLess { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-showLess { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-pagination-showLess { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } } .PRFilteredListing .PaginatedFilter-pagination-showLess:after { content: "\f151"; font-size: 9px; padding-left: 10px } .PRFilteredListing .PaginatedFilter-pagination-showLess:lang(ar):after { padding-left: 0; padding-right: 10px } .PRFilteredListing .PaginatedFilter-pagination-button { display: none; height: auto; margin: 0 7.5px; width: auto } .PRFilteredListing .PaginatedFilter-pagination-button.activeButton { background-color: #f4f4f4; border: 1px solid #000; border-radius: 0; color: #000; padding: 6px 6px 6px 8px } .PRFilteredListing .PaginatedFilter-pagination-button.activeButton:lang(ar) { padding-left: 6px; padding-right: 8px } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-button { margin: 0 15px } } .PRFilteredListing .PaginatedFilter-pagination-buttons { display: -webkit-box; display: -ms-flexbox; display: flex } .PRFilteredListing .PaginatedFilter-pagination-arrowButton { font-size: 15px; width: 15px } @media only screen and (min-width:961px) { .PRFilteredListing .PaginatedFilter-pagination-arrowButton { width: 48px } } .PRFilteredListing .PaginatedFilter-pagination--next { margin-left: 6.25px } .PRFilteredListing .PaginatedFilter-pagination--next:lang(ar) { margin-left: 0; margin-right: 6.25px } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-pagination--next { margin: 0 } } .PRFilteredListing .PaginatedFilter-pagination--prev { margin-right: 6.25px } .PRFilteredListing .PaginatedFilter-pagination--prev:lang(ar) { margin-left: 6.25px; margin-right: 0 } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-pagination--prev { margin: 0 } } .PRFilteredListing .PaginatedFilter-noResults { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 35px } .PRFilteredListing .PaginatedFilter-noResults-text { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin-bottom: 10px; text-transform: uppercase } .PRFilteredListing .PaginatedFilter-noResults-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PRFilteredListing .PaginatedFilter-noResults-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-noResults-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-noResults-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-noResults-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PRFilteredListing .PaginatedFilter-noResults-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PRFilteredListing .PaginatedFilter-noResults-text { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .PRFilteredListing .PaginatedFilter-noResults-subtext { margin-bottom: 60px } .PRFilteredListing .PaginatedFilter-noResults-cta { margin: auto } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-noResults-cta { margin: 0 0 0 auto } .PRFilteredListing .PaginatedFilter-noResults-cta:lang(ar) { margin-left: 0; margin-right: auto } } .PRFilteredListing .PaginatedFilter-paginationContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; overflow: hidden; position: relative } @media only screen and (min-width:701px) { .PRFilteredListing .PaginatedFilter-paginationContainer { margin-bottom: 0 } } .PRFilteredListing .PaginatedFilter-paginationContainer:before { content: none } .PRFilteredListing .PaginatedFilter--loading { padding-top: 0 } .PRFilteredListing .PaginatedFilter-itemContainer { width: 100% } .PRFilteredListing-Filter { padding: 0 15px; position: relative } @media only screen and (min-width:701px) { .PRFilteredListing-Filter { padding: 0 10px } } @media only screen and (min-width:961px) { .PRFilteredListing-Filter { padding: 0 15px } } .PRFilteredListing-Filter.FilterGroup-toggle--open+.FilterGroup-optionGroup-container--mobile .FilterGroup-optionGroup--mobile { display: block } .PRFilteredListing-Filter.FilterGroup-toggle--open:after { border-bottom: 20px solid #f0f0f0; border-left: 20px solid transparent; border-right: 20px solid transparent; bottom: -22px; content: ""; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(calc(-50% - 12px)); transform: translateX(calc(-50% - 12px)); width: 0; z-index: 1 } .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter { margin-left: 0; padding: 0 20px 0 0 } .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter:lang(ar) { padding: 0 0 0 20px } @media only screen and (min-width:701px) { .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter { padding: 0 10px 0 20px } .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter:lang(ar) { margin-right: 0; padding: 0 20px 0 10px } } @media only screen and (min-width:961px) { .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter { padding: 0 15px 0 30px } .PRFilteredListing-Filter--location.FilterGroup-toggle.PRFilteredListing-Filter:lang(ar) { padding: 0 30px 0 15px } } .PRFilteredListing-Filter--vacationTypes { padding: 0 25px 0 0 } .PRFilteredListing-Filter--vacationTypes:lang(ar) { padding: 0 0 0 25px } @media only screen and (min-width:701px) { .PRFilteredListing-Filter--vacationTypes, .PRFilteredListing-Filter--vacationTypes:lang(ar) { padding: 0 10px } } @media only screen and (min-width:961px) { .PRFilteredListing-Filter--vacationTypes, .PRFilteredListing-Filter--vacationTypes:lang(ar) { padding: 0 15px } } .PRFilteredListing-Filter--vacationStyles { padding: 0 25px 0 0 } .PRFilteredListing-Filter--vacationStyles:lang(ar) { padding: 0 0 0 25px } @media only screen and (min-width:701px) { .PRFilteredListing-Filter--vacationStyles, .PRFilteredListing-Filter--vacationStyles:lang(ar) { padding: 0 10px } } @media only screen and (min-width:961px) { .PRFilteredListing-Filter--vacationStyles, .PRFilteredListing-Filter--vacationStyles:lang(ar) { padding: 0 15px } } .PRFilteredListing-Filter .Button-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .PRFilteredListing-Card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .PRFilteredListing-Card>a { color: #000; text-decoration: none } @media only screen and (min-width:701px) { .PRFilteredListing-Card { margin-bottom: 5px } } .PRFilteredListing-Card-container { display: block } .PRFilteredListing-Card-textContainer { margin: 15px 0 30px } @media only screen and (min-width:701px) { .PRFilteredListing-Card-textContainer { margin: 20px 0 35px } } .PromotionalBanner { min-height: 400px; width: 100% } .PromotionalBanner .BackgroundImage { height: 470px; position: relative; text-align: center } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage { height: 900px } } @media only screen and (min-width:961px) { .PromotionalBanner .BackgroundImage { display: -webkit-box; display: -ms-flexbox; display: flex; height: 392.5px; text-align: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .BodySection--dark .PromotionalBanner .BackgroundImage { border: 1px solid #2d2d2d } .BodySection--light .PromotionalBanner .BackgroundImage { border: 1px solid #d8d8d8 } } @media only screen and (min-width:1701px) { .PromotionalBanner .BackgroundImage { height: 523px } } .PromotionalBanner .BackgroundImage .Heading { color: #fff; margin: auto; max-width: 285px; padding-top: 50px; position: relative } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage .Heading { max-width: 450px; padding-top: 100px } } @media only screen and (min-width:961px) { .PromotionalBanner .BackgroundImage .Heading { margin: 0 0 0 100px; max-width: 375px; padding-top: 0 } .PromotionalBanner .BackgroundImage .Heading:lang(ar) { margin: 0 100px 0 0 } } .PromotionalBanner .BackgroundImage .Heading .Heading-eyebrow { display: inline-block; margin-bottom: 10px } .PromotionalBanner .BackgroundImage .Heading .Heading-title { margin: 0 0 10px } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage .Heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin-bottom: 15px; text-transform: uppercase } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PromotionalBanner .BackgroundImage .Heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PromotionalBanner .BackgroundImage .Heading .Heading-title { font-family: EB Garamond; text-transform: none } } .PromotionalBanner .BackgroundImage .Heading .Heading-text { margin: 0 } .PromotionalBanner .BackgroundImage .CTA { margin: auto } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage .CTA { margin: 0 } } .PromotionalBanner .BackgroundImage .CTA:hover { border-color: #fff } .PromotionalBanner .BackgroundImage:before { background: linear-gradient(180deg, rgba(0, 0, 0, .5) 36.91%, transparent 55.18%), linear-gradient(180deg, rgba(0, 0, 0, .35) 40.35%, transparent 70.34%), linear-gradient(180deg, rgba(0, 0, 0, .4), transparent 30px); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage:before { background: linear-gradient(180deg, rgba(0, 0, 0, .42) 20.53%, transparent 46.39%), linear-gradient(180deg, rgba(0, 0, 0, .45) 31.26%, transparent 57.2%), linear-gradient(180deg, rgba(0, 0, 0, .3), transparent 30px) } } @media only screen and (min-width:961px) { .PromotionalBanner .BackgroundImage:before { background: -webkit-gradient(linear, left top, right top, color-stop(35.06%, rgba(0, 0, 0, .4)), color-stop(64.33%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(22.77%, rgba(0, 0, 0, .6)), color-stop(69.39%, transparent)); background: linear-gradient(90deg, rgba(0, 0, 0, .4) 35.06%, transparent 64.33%), linear-gradient(90deg, rgba(0, 0, 0, .6) 22.77%, transparent 69.39%) } .PromotionalBanner .BackgroundImage:lang(ar):before { background: -webkit-gradient(linear, right top, left top, color-stop(35.06%, rgba(0, 0, 0, .4)), color-stop(64.33%, transparent)), -webkit-gradient(linear, right top, left top, color-stop(22.77%, rgba(0, 0, 0, .6)), color-stop(69.39%, transparent)); background: linear-gradient(270deg, rgba(0, 0, 0, .4) 35.06%, transparent 64.33%), linear-gradient(270deg, rgba(0, 0, 0, .6) 22.77%, transparent 69.39%) } } .PromotionalBanner .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)); bottom: 0; content: ""; display: block; height: 30px; left: 0; position: absolute; width: 100% } @media only screen and (min-width:701px) { .PromotionalBanner .BackgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .3))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3)) } } @media only screen and (min-width:961px) { .PromotionalBanner .BackgroundImage:after { display: none } } .PromotionalBanner-CTAs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; margin-top: 25px; position: relative } @media only screen and (min-width:701px) { .PromotionalBanner-CTAs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px } } @media only screen and (min-width:961px) { .PromotionalBanner-CTAs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 100px } .PromotionalBanner-CTAs:lang(ar) { margin-left: 0; margin-right: 100px } } .PromotionalBanner-finePrint { margin-top: 20px; text-align: center } @media only screen and (min-width:0)and (max-width:960px) { .PromotionalBanner.wide-grid-container { max-width: 100%; padding-left: 0; padding-right: 0 } .PromotionalBanner.wide-grid-container .PromotionalBanner-finePrint { margin-left: auto; margin-right: auto; max-width: 700px; padding: 0 15px } } @media only screen and (min-width:0)and (max-width:960px)and (min-width:701px) { .PromotionalBanner.wide-grid-container .PromotionalBanner-finePrint { max-width: 834px; padding-left: 60px; padding-right: 60px } } .QuickLinks-link--container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40.533333333vw; margin-bottom: 15px; padding: 33% 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; border-radius: 5px; justify-content: flex-start; text-align: center; text-decoration: none } @media only screen and (min-width:701px) { .QuickLinks-link--container { height: 120px; margin: 0 15px 30px; padding: 34px 10px; -ms-touch-action: none; touch-action: none; width: 130px } } @media only screen and (min-width:961px) { .QuickLinks-link--container { margin: 0 0 30px; -ms-touch-action: auto; touch-action: auto } } .QuickLinks-link--container--light { background-color: #fff; border: 1px solid #d8d8d8; color: #000 } @media only screen and (min-width:701px) { .QuickLinks-link--container--light:focus, .QuickLinks-link--container--light:hover { -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 13px 0 rgba(0, 0, 0, .2) } } .QuickLinks-link--container--dark { background-color: #2d2d2d; border: 1px solid hsla(0, 0%, 85%, .1); color: #fff } @media only screen and (min-width:701px) { .QuickLinks-link--container--dark:focus, .QuickLinks-link--container--dark:hover { background-color: #4d4d4d; border: 1px solid hsla(0, 0%, 85%, .2); -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 13px 0 rgba(0, 0, 0, .3) } } .QuickLinks-link--icon { font-size: 1.4375rem; margin-bottom: 5px } .QuickLinks-link--text { font-size: .5625rem; letter-spacing: .12em; word-break: break-word } .QuickLinks--hero .QuickLinks-link--container { background-color: rgba(45, 45, 45, .94); border: 1px solid hsla(0, 0%, 85%, .1); color: #fff; margin-left: 7.5px; margin-right: 7.5px } .QuickLinks--hero .QuickLinks-link--container:focus, .QuickLinks--hero .QuickLinks-link--container:hover { background-color: #4d4d4d; border: 1px solid hsla(0, 0%, 85%, .2); -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 13px 0 rgba(0, 0, 0, .3) } .QuickLinks--hero .QuickLinks-link--container span { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } @media only screen and (min-width:701px) { .QuickLinks--hero .QuickLinks-link--container { margin-left: 10px; margin-right: 10px; -ms-touch-action: none; touch-action: none } } @media only screen and (min-width:961px) { .QuickLinks--hero .QuickLinks-link--container { margin-left: 7.5px; margin-right: 7.5px } } .QuickLinks--hero .QuickLinks-link--column { padding: 0 } .QuickLinks--hero .QuickLinks-link-cutoff { pointer-events: none } .QuickLinks--hero .QuickLinks-link-cutoff span { opacity: .5 } .QuickLinks-carousel-button { display: none } .QuickLinks--desktopMobile { display: block } @media only screen and (min-width:1701px) { .QuickLinks--desktopMobile { max-width: 930px } } @media only screen and (min-width:701px) { .QuickLinks--desktopMobile { display: none } } @media only screen and (min-width:961px) { .QuickLinks--desktopMobile { display: block } } .QuickLinks--tablet { display: none } @media only screen and (min-width:701px) { .QuickLinks--tablet { display: block } } @media only screen and (min-width:961px) { .QuickLinks--tablet { display: none } } .QuickLinks--hero { display: none; -webkit-box-flex: 2; -ms-flex: 2 2 auto; flex: 2 2 auto } @media only screen and (min-width:701px) { .QuickLinks--hero { display: block; margin-left: 0; padding: 0 15px; width: 100%; z-index: 3 } } @media only screen and (min-width:961px) { .QuickLinks--hero { margin-left: auto; padding: 0 27px; width: auto } .QuickLinks--hero:lang(ar) { margin-left: 0; margin-right: auto } } .QuickLinks--hero .container { max-width: 100% } .QuickLinks--hero .QuickLinks-container { position: relative } @media only screen and (min-width:961px) { .QuickLinks--hero .QuickLinks-container { margin-left: 13px; margin-right: 13px; margin-top: 1.5em } } .QuickLinks--hero .QuickLinks-container .row { margin: 0 } @media only screen and (min-width:961px) { .QuickLinks--hero .QuickLinks-container .row { overflow: hidden } } .QuickLinks--hero .QuickLinks-carousel-button { display: none; font-size: 15px; height: 120px; position: absolute; top: 27px; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; width: 105px; z-index: 3 } @media only screen and (min-width:961px) { .QuickLinks--hero .QuickLinks-carousel-button { display: block } } .QuickLinks--hero .QuickLinks-carousel-button--prev { left: 0 } .QuickLinks--hero .QuickLinks-carousel-button--prev:before { float: left; margin-left: 27px } .QuickLinks--hero .QuickLinks-carousel-button--prev:lang(ar) { left: auto; right: 0 } .QuickLinks--hero .QuickLinks-carousel-button--prev:lang(ar):before { float: right; margin-left: 0; margin-right: 27px } .QuickLinks--hero .QuickLinks-carousel-button--next { right: 0 } .QuickLinks--hero .QuickLinks-carousel-button--next:before { float: right; margin-right: 27px } .QuickLinks--hero .QuickLinks-carousel-button--next:lang(ar) { left: 0; right: auto } .QuickLinks--hero .QuickLinks-carousel-button--next:lang(ar):before { float: left; margin-left: 27px; margin-right: 0 } .QuickLinks--hero .QuickLinks-carousel-button--disabled { opacity: 0 } .FullscreenHero .QuickLinks--body { padding-bottom: 40px; padding-top: 50px } @media only screen and (min-width:701px) { .FullscreenHero .QuickLinks--body { display: none } } .QuoteAndImage-image { margin-bottom: 60px } @media only screen and (min-width:701px) { .QuoteAndImage-image { margin-bottom: 0 } .QuoteAndImage-image--right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .QuoteAndImage-cta { padding-top: 46px } .BodySection--dark .QuoteAndImage-cta--small { background-color: #000; border-color: #fff; color: #fff } .BodySection--dark .QuoteAndImage-cta--small:focus, .BodySection--dark .QuoteAndImage-cta--small:hover { background-color: #fff; border-color: #fff; color: #000 } .QuoteAndImage-quote { text-align: center } @media only screen and (min-width:701px) { .QuoteAndImage--withImage .QuoteAndImage-quote { padding: 0 48px } } @media only screen and (min-width:961px) { .QuoteAndImage--withImage .QuoteAndImage-quote { padding: 0 16px } } .QuoteAndImage-quote .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em; margin: 0 0 30px } @media only screen and (min-width:701px) { .QuoteAndImage-quote .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .QuoteAndImage-quote .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .QuoteAndImage-quote .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .QuoteAndImage-quote .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .QuoteAndImage-quote .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteAndImage-quote .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteAndImage-quote .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .QuoteAndImage-quote .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .QuoteAndImage-quote .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteAndImage-quote .Quote-text:after { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:961px) { .QuoteAndImage-quote .Quote-text:after { content: "\f171"; font-size: 1.875rem } } .QuoteAndImage-quote .Quote-text:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: none; transform: none } .QuoteAndImage-quote .Quote-text:before { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em } @media only screen and (min-width:961px) { .QuoteAndImage-quote .Quote-text:before { content: "\f171"; font-size: 1.875rem } } .QuoteAndImage-quote .Quote-text:lang(ar):before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .QuoteAndImage-quote .Quote-text:before { margin-bottom: 15px } @media only screen and (min-width:961px) { .QuoteAndImage-quote .Quote-text:before { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .QuoteAndImage-quote .Quote-text:before { margin-bottom: 30px } } .QuoteAndImage-quote .Quote-text:after { margin-top: 15px } @media only screen and (min-width:961px) { .QuoteAndImage-quote .Quote-text:after { margin-top: 20px } } @media only screen and (min-width:1701px) { .QuoteAndImage-quote .Quote-text:after { margin-top: 30px } } .QuoteAndImage-quote .Quote-text:after, .QuoteAndImage-quote .Quote-text:before { display: block } .QuoteAndImage--noQuotes .QuoteAndImage-quote .Quote-text:after, .QuoteAndImage--noQuotes .QuoteAndImage-quote .Quote-text:before { content: none; margin: 0 } .QuoteAndImage--withImage .QuoteAndImage-quote .Quote-text { font-size: 2rem; line-height: 1.5em } .QuoteAndImage--withImage .QuoteAndImage-quote .Quote-text:before { font-size: 20px; margin-bottom: 20px } .QuoteAndImage--withImage .QuoteAndImage-quote .Quote-text:after { font-size: 20px; margin-top: 20px } .QuoteAndImage-quote .Attribution-author { display: block; margin-bottom: 6px } .QuoteAndImage-quote .Attribution-role { display: block } .QuoteAndImage-quote .Attribution-role:before { content: none } .QuoteAndImage--theme-dark, .QuoteAndImage--theme-light { display: initial } @media only screen and (min-width:701px) { .QuoteAndImage-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .QuoteAndImage--typography-default .Quote-text { font-family: Monotype Garamond, Garamond, serif } @media only screen and (min-width:701px) { .QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { min-width: 385px } } .QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { font-family: Neue Helvetica, Helvetica, sans-serif; font-size: 32px; font-style: normal; font-weight: 200; letter-spacing: .59px; line-height: 50px; text-align: center } .QuoteAndImage--typography-eb-garamond .Quote-text { font-family: EB Garamond, Garamond, serif } .BodySection--light .QuoteAndImage .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em } @media only screen and (min-width:701px) { .BodySection--light .QuoteAndImage .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .BodySection--light .QuoteAndImage .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .BodySection--light .QuoteAndImage .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .BodySection--light .QuoteAndImage .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .BodySection--light .QuoteAndImage .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--light .QuoteAndImage .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--light .QuoteAndImage .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .BodySection--light .QuoteAndImage .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .BodySection--light .QuoteAndImage .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--light .QuoteAndImage .Quote-text:after { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:961px) { .BodySection--light .QuoteAndImage .Quote-text:after { content: "\f171"; font-size: 1.875rem } } .BodySection--light .QuoteAndImage .Quote-text:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: none; transform: none } .BodySection--light .QuoteAndImage .Quote-text:before { color: #d8d8d8; content: "\f173"; font-size: 1.25rem; line-height: 1em } @media only screen and (min-width:961px) { .BodySection--light .QuoteAndImage .Quote-text:before { content: "\f171"; font-size: 1.875rem } } .BodySection--light .QuoteAndImage .Quote-text:lang(ar):before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .BodySection--light .QuoteAndImage .Quote-text:before { margin-bottom: 15px } @media only screen and (min-width:961px) { .BodySection--light .QuoteAndImage .Quote-text:before { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .BodySection--light .QuoteAndImage .Quote-text:before { margin-bottom: 30px } } .BodySection--light .QuoteAndImage .Quote-text:after { margin-top: 15px } @media only screen and (min-width:961px) { .BodySection--light .QuoteAndImage .Quote-text:after { margin-top: 20px } } @media only screen and (min-width:1701px) { .BodySection--light .QuoteAndImage .Quote-text:after { margin-top: 30px } } .BodySection--light .QuoteAndImage .Quote-text:after, .BodySection--light .QuoteAndImage .Quote-text:before { display: block } .BodySection--light .QuoteAndImage.QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { font-style: normal } .BodySection--dark .QuoteAndImage .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: -.015625em; line-height: 1.5em } @media only screen and (min-width:701px) { .BodySection--dark .QuoteAndImage .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .BodySection--dark .QuoteAndImage .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .BodySection--dark .QuoteAndImage .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .BodySection--dark .QuoteAndImage .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .BodySection--dark .QuoteAndImage .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--dark .QuoteAndImage .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--dark .QuoteAndImage .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .BodySection--dark .QuoteAndImage .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .BodySection--dark .QuoteAndImage .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .BodySection--dark .QuoteAndImage .Quote-text:after { color: #7d7d7d; content: "\f173"; font-size: 1.25rem; line-height: 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:961px) { .BodySection--dark .QuoteAndImage .Quote-text:after { content: "\f171"; font-size: 1.875rem } } .BodySection--dark .QuoteAndImage .Quote-text:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: none; transform: none } .BodySection--dark .QuoteAndImage .Quote-text:before { color: #7d7d7d; content: "\f173"; font-size: 1.25rem; line-height: 1em } @media only screen and (min-width:961px) { .BodySection--dark .QuoteAndImage .Quote-text:before { content: "\f171"; font-size: 1.875rem } } .BodySection--dark .QuoteAndImage .Quote-text:lang(ar):before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .BodySection--dark .QuoteAndImage .Quote-text:before { margin-bottom: 15px } @media only screen and (min-width:961px) { .BodySection--dark .QuoteAndImage .Quote-text:before { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .BodySection--dark .QuoteAndImage .Quote-text:before { margin-bottom: 30px } } .BodySection--dark .QuoteAndImage .Quote-text:after { margin-top: 15px } @media only screen and (min-width:961px) { .BodySection--dark .QuoteAndImage .Quote-text:after { margin-top: 20px } } @media only screen and (min-width:1701px) { .BodySection--dark .QuoteAndImage .Quote-text:after { margin-top: 30px } } .BodySection--dark .QuoteAndImage .Quote-text:after, .BodySection--dark .QuoteAndImage .Quote-text:before { display: block } .BodySection--dark .QuoteAndImage.QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { font-style: normal } @media only screen and (min-width:701px) { .QuoteAndImage.QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { min-width: 385px } } .QuoteAndImage.QuoteAndImage--typography-helvetica .QuoteAndImage-quote .Quote-text { font-family: Neue Helvetica, Helvetica, sans-serif; font-size: 32px; font-style: normal; font-weight: 200; letter-spacing: .59px; line-height: 50px; text-align: center } .QuoteAndImage.QuoteAndImage--noQuotes .Quote-text:after, .QuoteAndImage.QuoteAndImage--noQuotes .Quote-text:before { content: none; margin: 0 } .QuoteBackgroundImage { position: relative } .QuoteBackgroundImage-image { height: 200vw } .QuoteBackgroundImage-image:after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100% } @media only screen and (min-width:701px) { .QuoteBackgroundImage-image { height: 125vw } } @media only screen and (min-width:961px) { .QuoteBackgroundImage-image { height: 56.25vw } } .QuoteBackgroundImage--white { color: #fff } .QuoteBackgroundImage--white .QuoteBackgroundImage-image:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #000), color-stop(70%, transparent)); background: linear-gradient(180deg, #000 30%, transparent 70%) } .QuoteBackgroundImage--black { color: #000 } .QuoteBackgroundImage--black .QuoteBackgroundImage-image:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(70%, hsla(0, 0%, 100%, 0))); background: linear-gradient(180deg, #fff 30%, hsla(0, 0%, 100%, 0) 70%) } .QuoteBackgroundImage-quote { margin-top: 55px; opacity: 0; position: relative; text-align: center; -webkit-transform: translateY(30px); transform: translateY(30px); z-index: 2 } @media only screen and (min-width:701px) { .QuoteBackgroundImage-quote { margin-top: 100px } } @media only screen and (min-width:961px) { .QuoteBackgroundImage-quote { -webkit-transform: translateY(70px); transform: translateY(70px) } } @media only screen and (min-width:1701px) { .QuoteBackgroundImage-quote { margin-top: 120px } } .QuoteBackgroundImage-quote .Quote-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.3125rem; font-size: 2rem; font-style: italic; font-weight: 400; letter-spacing: .0238095238em; letter-spacing: -.015625em; line-height: 1.5em; margin: 0 0 20px } .QuoteBackgroundImage-quote .Quote-text:before { content: open-quote } .QuoteBackgroundImage-quote .Quote-text:after { content: close-quote } .QuoteBackgroundImage-quote .Quote-text:after, .QuoteBackgroundImage-quote .Quote-text:before { display: inline } @media only screen and (min-width:701px) { .QuoteBackgroundImage-quote .Quote-text { font-size: 2.25rem; letter-spacing: -.0138888889em } } @media only screen and (min-width:961px) { .QuoteBackgroundImage-quote .Quote-text { font-size: 3rem; letter-spacing: -.0104166667em } } @media only screen and (min-width:1701px) { .QuoteBackgroundImage-quote .Quote-text { font-size: 4.75rem; letter-spacing: -.0065789474em } } .QuoteBackgroundImage-quote .Quote-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .QuoteBackgroundImage-quote .Quote-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteBackgroundImage-quote .Quote-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteBackgroundImage-quote .Quote-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .QuoteBackgroundImage-quote .Quote-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .QuoteBackgroundImage-quote .Quote-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .QuoteBackgroundImage-quote .Attribution-author { margin-bottom: 5px } .QuoteBackgroundImage-quote .Attribution-author, .QuoteBackgroundImage-quote .Attribution-role { display: block } @media only screen and (min-width:961px) { .QuoteBackgroundImage-quote .Attribution-author, .QuoteBackgroundImage-quote .Attribution-role { display: inline-block } } .RandomMultiImagePanel-multiImagePanel { display: none } .RandomMultiImagePanel-multiImagePanel--visible { display: block } .BodySection .RandomMultiImagePanel>.SpacedComponent { margin-bottom: 0 } .RandomSlidesList-Slides { display: none } @media only screen and (min-width:701px) { .RandomSlidesList-Slides { display: block } } .RandomSlidesList-MobileCarousel { display: block; overflow: hidden } @media only screen and (min-width:701px) { .RandomSlidesList-MobileCarousel { display: none } } .RandomSlidesList-MobileCarousel--container { margin: 0 22.5px } .RandomSlidesList-GenericSlide { min-width: 180px } @media only screen and (min-width:701px) { .RandomSlidesList-GenericSlide { min-width: none } } .RandomSlidesList-GenericSlide .ImageAndCta-picture { margin-bottom: 10px } @media only screen and (min-width:701px) { .RandomSlidesList-GenericSlide .ImageAndCta-picture { margin-bottom: 20px } } .RandomSlidesList-GenericSlide .CTA { display: -webkit-box; display: -ms-flexbox; display: flex } .RandomSlidesList-GenericSlide-Description { display: none } @media only screen and (min-width:701px) { .RandomSlidesList-GenericSlide-Description { display: block; margin-top: 10px } .RandomSlidesList-GenericSlide-Description>p { margin-top: 0 } } .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA { border-bottom-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:after { content: "\f105"; display: inline-block; float: right; font-size: .75rem; padding-left: 10px; vertical-align: middle } .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:lang(ar):after { content: "\f104"; float: left; padding-left: 0; padding-right: 10px } .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:focus, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:focus:before, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:hover, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:hover:before { border-bottom-color: transparent } .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:focus, .RandomSlidesList--dark .RandomSlidesList-GenericSlide .CTA:hover { border-color: #999; color: #999 } .RelatedLinks-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 30px } @media only screen and (min-width:701px) { .RelatedLinks-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 60px } } @media only screen and (min-width:961px) { .RelatedLinks-container { padding: 60px 80px } } @media only screen and (min-width:1701px) { .RelatedLinks-container { padding: 90px 128px } } .RelatedLinks-container--dark { background-color: #fff; color: #000 } .RelatedLinks-container--light { background-color: #000; color: #fff } @media only screen and (min-width:701px) { .RelatedLinks-column--one, .RelatedLinks-column--two { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } .RelatedLinks-column--one { border: solid #d8d8d8; border-width: 0 0 1px; padding: 0 0 30px } .RelatedLinks-column--one .BodySection--light { border-color: #7d7d7d } @media only screen and (min-width:701px) { .RelatedLinks-column--one { border-bottom-width: 0; border-right-width: 1px; padding: 0 45px 0 0 } } @media only screen and (min-width:961px) { .RelatedLinks-column--one { padding-right: 95px } } @media only screen and (min-width:1701px) { .RelatedLinks-column--one { padding-right: 115px } } @media only screen and (min-width:701px) { .RelatedLinks-column--one:lang(ar) { border-left-width: 1px; border-right-width: 0; padding: 0 0 0 45px } } @media only screen and (min-width:961px) { .RelatedLinks-column--one:lang(ar) { padding-left: 95px } } @media only screen and (min-width:1701px) { .RelatedLinks-column--one:lang(ar) { padding-left: 115px } } .RelatedLinks-column--two { padding: 30px 0 0 } @media only screen and (min-width:701px) { .RelatedLinks-column--two { -ms-flex-item-align: start; align-self: flex-start; padding: 0 0 0 45px } } @media only screen and (min-width:961px) { .RelatedLinks-column--two { padding-left: 95px } } @media only screen and (min-width:1701px) { .RelatedLinks-column--two { padding-left: 115px } } @media only screen and (min-width:701px) { .RelatedLinks-column--two:lang(ar) { padding: 0 45px 0 0 } } @media only screen and (min-width:961px) { .RelatedLinks-column--two:lang(ar) { padding-right: 95px } } @media only screen and (min-width:1701px) { .RelatedLinks-column--two:lang(ar) { padding-right: 115px } } .RelatedLinks-title { margin-bottom: 20px; margin-top: 0 } @media only screen and (min-width:961px) { .RelatedLinks-title { margin-bottom: 30px } } .RelatedLinks-copy { margin-bottom: 0 } .RelatedLinks-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .RelatedLinks-cta:lang(zh), .RelatedLinks-cta:lang(zh-TW) { font-size: 1.125rem } .RelatedLinks-cta:not(:last-of-type) { padding: 0 0 30px } .RelatedLinks-cta:after { -ms-flex-item-align: start; align-self: flex-start } .ReservationBar-container { padding: 40px 0; text-align: center } @media only screen and (min-width:701px) { .ReservationBar-container { padding: 42px 0 } } @media only screen and (min-width:961px) { .ReservationBar-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 80px 60px } } @media only screen and (min-width:1701px) { .ReservationBar-container { padding: 50px 130px 60px } } .ReservationBar--light { background-color: #000; color: #fff } .ReservationBar--dark { background-color: #fff; color: #000 } .ReservationBar-title { display: block; font-size: 1.125rem; line-height: 1.5em; margin-bottom: 40px; margin-left: auto; margin-right: auto; width: 66.6666666667% } @media only screen and (min-width:701px) { .ReservationBar-title { width: 100% } } .ReservationBar-title:after { content: ""; display: block; height: 1px; margin: 0 auto; position: relative; top: 19px; width: 40px } .ReservationBar--light .ReservationBar-title:after { background-color: #4d4d4d } .ReservationBar--dark .ReservationBar-title:after { background-color: #000 } @media only screen and (min-width:961px) { .ReservationBar-title { font-size: 1.3125rem; margin-bottom: 60px } .ReservationBar-title:after { top: 30px } } .ReservationBar-phone { display: table; margin: 0 auto 30px } .ReservationBar--light .ReservationBar-phone { border-bottom: 1px solid #fff; color: #fff; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .ReservationBar--light .ReservationBar-phone:focus, .ReservationBar--light .ReservationBar-phone:focus:before, .ReservationBar--light .ReservationBar-phone:hover, .ReservationBar--light .ReservationBar-phone:hover:before { border-bottom-color: transparent } .ReservationBar--light .ReservationBar-phone:focus, .ReservationBar--light .ReservationBar-phone:hover { border-color: #999; color: #999 } .ReservationBar--dark .ReservationBar-phone { border-bottom: 1px solid #000; color: #000; font-weight: 700; padding-bottom: 3px; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .ReservationBar--dark .ReservationBar-phone:focus, .ReservationBar--dark .ReservationBar-phone:focus:before, .ReservationBar--dark .ReservationBar-phone:hover, .ReservationBar--dark .ReservationBar-phone:hover:before { border-bottom-color: transparent } .ReservationBar--dark .ReservationBar-phone:focus, .ReservationBar--dark .ReservationBar-phone:hover { border-color: #767676; color: #767676 } @media only screen and (min-width:961px) { .ReservationBar-phone { display: block; margin: 0 } } .ReservationBar-ctaLink { display: table; margin: 0 auto 30px } @media only screen and (min-width:961px) { .ReservationBar-ctaButton, .ReservationBar-ctaLink { display: block; margin: 0 } } .RfpForm .ContactForm { padding-top: 0 } .RfpForm .ContactForm .RfpHeader { margin-bottom: 2em } .RfpForm .ContactForm .RfpHeader-nomargin { margin-bottom: 0 } .RfpForm .ContactForm .CTA-light-on-light { border-color: #000 } .RfpForm .ContactForm .FunctionRooms-add .icon { padding-left: 10px; padding-top: 1px } .RfpForm .ContactForm .FunctionRooms-add-hide { display: none } .RfpForm .ContactForm .FunctionRooms-remove { color: #7d7d7d; margin-top: 15px; text-align: center; width: 100% } .RfpForm .ContactForm .FunctionRooms-remove:hover { color: #000 } .RfpForm .ContactForm .FunctionRooms-additional { display: none } .RfpForm .ContactForm .FunctionRooms-additional-show { display: block } .RfpForm .ContactForm .ContactForm-SubmitCTA:disabled { background: #7d7d7d; border: 1px solid #7d7d7d; cursor: default } .RfpForm .ContactForm .ContactForm-SubmitCTA:disabled:hover { color: #fff } .RichText:lang(ar) { direction: rtl } .RichText--light { color: #000 } .RichText--dark { color: #fff } .RichText h1 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 200; letter-spacing: .2142857143em; line-height: 1.5em; text-transform: uppercase } @media only screen and (min-width:701px) { .RichText h1 { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } @media only screen and (min-width:961px) { .RichText h1 { font-size: 2.75rem; letter-spacing: .1363636364em; line-height: 1.4090909091em } } @media only screen and (min-width:1701px) { .RichText h1 { font-size: 4.5rem; letter-spacing: .1388888889em; line-height: 1.3888888889em } } .RichText h1:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h1:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h1:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h1:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h1:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h1:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h1 { font-family: EB Garamond; text-transform: none } .RichText h2 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase } .RichText h2:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h2:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h2:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h2:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h2:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h2:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h2 { font-family: EB Garamond; text-transform: none } .RichText h3 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .RichText h3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h3 { font-family: EB Garamond; text-transform: none } .RichText h4 { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .RichText h4:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h4:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h4:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h4:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h4:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h4:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h4 { font-family: EB Garamond; text-transform: none } .RichText h5 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .RichText h5:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h5:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h5:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h5:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h5:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h5:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h5 { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .RichText h6 { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .RichText h6:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .RichText h6:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h6:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .RichText h6:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .RichText h6:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .RichText h6:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .RichText h6 { font-family: EB Garamond; text-transform: none } .RichText [style*="text-align: right"]:lang(ar) { text-align: left !important } .RichText [style*="text-align: left"]:lang(ar) { text-align: right !important } .RichText a { background: none; border: 0; border-bottom: 1px solid; cursor: pointer; display: inline-block; font-weight: 700; line-height: 1em; padding: 0; text-decoration: none; -webkit-transition: color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .RichText a, .RichText a:visited { color: inherit } .RichText a:focus, .RichText a:hover { border-color: #767676; color: #767676 } [class*="--dark"] .RichText a:focus, [class*="--dark"] .RichText a:hover { border-color: #999; color: #999 } .RichText ol, .RichText ul { padding-left: 40px } .RichText ol:lang(ar), .RichText ul:lang(ar) { padding-left: 0; padding-right: 40px } .RichText li { padding-bottom: .3055555556em; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } .RichText ul li { position: relative } .RichText ul li:before { border: 2px solid; border-radius: 10px; content: ""; left: -17px; position: absolute; top: 8px } .RichText ul li:lang(ar):before { left: auto; right: -17px } .RichText blockquote p { border-left: 1px solid #7d7d7d; font-style: italic; padding-left: 30px } .RichText blockquote p:lang(ar) { border-left: none; border-right: 1px solid #7d7d7d; padding-left: 0; padding-right: 30px } .HeadingComponent { border-top: 1px solid #d8d8d8; margin-bottom: 40px; margin-top: 40px; padding-top: 8px } @media only screen and (min-width:961px) { .HeadingComponent { margin-top: 60px; padding-top: 28px } } @media only screen and (min-width:1701px) { .HeadingComponent { margin-top: 80px; padding-top: 48px } } .BodySection--light .HeadingComponent { border-color: #7d7d7d } .HeadingComponent:last-child { margin-bottom: 0 } .HeadingComponent .Heading-title { margin-bottom: 0; margin-top: 0; padding-top: 32px } .HeadingComponent .Heading-text { margin-top: 40px } .HeadingComponent .Heading-text:lang(ja) { font-size: 1rem } .ServiceTable-items { border: 1px solid #d8d8d8; padding: 35px 15px } .ServiceTable--dark .ServiceTable-items { border-color: #7d7d7d } @media only screen and (min-width:701px) { .ServiceTable-items { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0 } } @media only screen and (min-width:961px) { .ServiceTable-items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } } @media only screen and (min-width:701px) { .ServiceTable-items--2, .ServiceTable-items--3 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } } .ServiceTable-item:not(:last-child) { margin-bottom: 30px } @media only screen and (min-width:701px) { .ServiceTable-item { border: 1px solid #d8d8d8 } .ServiceTable-item:not(:last-child) { margin-bottom: 0 } .ServiceTable--dark .ServiceTable-item { border-color: #7d7d7d } .ServiceTable-items--2 .ServiceTable-item { padding: 35px 50px; width: 50% } .ServiceTable-items--2 .ServiceTable-item:first-child { border-right-width: 0 } .ServiceTable-items--2 .ServiceTable-item:lang(ar):first-child { border-left-width: 0; border-right-width: 1px } .ServiceTable-items--3 .ServiceTable-item { padding: 36px 23px; width: 33.33% } .ServiceTable-items--3 .ServiceTable-item:first-child { border-right-width: 0 } .ServiceTable-items--3 .ServiceTable-item:last-child { border-left-width: 0 } .ServiceTable-items--3 .ServiceTable-item:lang(ar):first-child { border-left-width: 0; border-right-width: 1px } .ServiceTable-items--3 .ServiceTable-item:lang(ar):last-child { border-left-width: 1px; border-right-width: 0 } } @media only screen and (min-width:961px) { .ServiceTable-items--3 .ServiceTable-item { padding: 50px 28px } } @media only screen and (min-width:701px) { .ServiceTable-items--4 .ServiceTable-item { padding: 35px 70px; width: 50% } .ServiceTable-items--4 .ServiceTable-item:first-child { border-right-width: 0 } .ServiceTable-items--4 .ServiceTable-item:nth-child(3) { border-right-width: 0; border-top-width: 0 } .ServiceTable-items--4 .ServiceTable-item:last-child { border-top-width: 0 } .ServiceTable-items--4 .ServiceTable-item:lang(ar):first-child, .ServiceTable-items--4 .ServiceTable-item:lang(ar):nth-child(3) { border-left-width: 0; border-right-width: 1px } } @media only screen and (min-width:961px) { .ServiceTable-items--4 .ServiceTable-item { padding: 60px 39px; width: 25% } .ServiceTable-items--4 .ServiceTable-item:nth-child(3) { border-left-width: 0; border-top-width: 1px } .ServiceTable-items--4 .ServiceTable-item:last-child { border-top-width: 1px } .ServiceTable-items--4 .ServiceTable-item:lang(ar):nth-child(3) { border-right-width: 0 } } @media only screen and (min-width:701px) { .ServiceTable-service { text-align: center } } .ServiceTable-title { margin: 0 } .ServiceTable-description { margin-bottom: 0 } .SideBySideArticles .Image-picture { position: relative } .SimpleList { text-align: center } .SimpleList-list { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-transition: max-height .25s ease-out; transition: max-height .25s ease-out; -webkit-transition-delay: 0; transition-delay: 0 } .SimpleList-list.is-expanded { -webkit-transition-delay: .1s; transition-delay: .1s } .SimpleList-item { height: auto; opacity: 1; padding-bottom: 16px; padding-top: 16px; position: relative; text-align: center } .SimpleList-item:after { opacity: 0; z-index: -1 } @media only screen and (min-width:701px) { .SimpleList-item { height: auto; opacity: 1 } .SimpleList-item:nth-child(odd) { clear: both } } .SimpleList--js .SimpleList-item.is-hintedSmall { opacity: .75; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .SimpleList--js .SimpleList-item.is-hintedSmall:after { bottom: 0; content: ""; display: block; opacity: 1; position: absolute; top: 0; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transition-delay: 125ms; transition-delay: 125ms; width: 100%; z-index: 1 } .SimpleList--dark .SimpleList--js .SimpleList-item.is-hintedSmall:after:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(65%, #000)); background: linear-gradient(180deg, transparent 0, #000 65%); height: 100%; width: 100% } @media only screen and (min-width:701px) { .SimpleList--js .SimpleList-item.is-hintedSmall { opacity: 1 } .SimpleList--js .SimpleList-item.is-hintedSmall:after { display: none } .SimpleList--js .SimpleList-item.is-hintedMedium { opacity: .75; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .SimpleList--js .SimpleList-item.is-hintedMedium:after { bottom: 0; content: ""; display: block; opacity: 1; position: absolute; top: 0; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transition-delay: 125ms; transition-delay: 125ms; width: 100%; z-index: 1 } .SimpleList--dark .SimpleList--js .SimpleList-item.is-hintedMedium:after:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(65%, #000)); background: linear-gradient(180deg, transparent 0, #000 65%); height: 100%; width: 100% } } .SimpleList--js .SimpleList-item.is-hiddenSmall { opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s } @media only screen and (min-width:701px) { .SimpleList--js .SimpleList-item.is-hiddenSmall { opacity: 1 } } .SimpleList--js .SimpleList-item.is-hiddenMedium { opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s } .SimpleList--js .SimpleList-item.u-lightHint:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(65%, #fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 65%); height: 100%; width: 100% } .SimpleList--js .SimpleList-item.u-darkHint:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(65%, #000)); background: linear-gradient(180deg, transparent 0, #000 65%); height: 100%; width: 100% } .SimpleList--js .is-expanded .SimpleList-item.is-hintedSmall { opacity: 1 } .SimpleList--js .is-expanded .SimpleList-item.is-hintedSmall:after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition-delay: 0; transition-delay: 0 } @media only screen and (min-width:701px) { .SimpleList--js .is-expanded .SimpleList-item.is-hintedMedium { opacity: 1 } .SimpleList--js .is-expanded .SimpleList-item.is-hintedMedium:after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition-delay: 0; transition-delay: 0 } } .SimpleList--js .is-expanded .SimpleList-item.is-hiddenMedium, .SimpleList--js .is-expanded .SimpleList-item.is-hiddenSmall { opacity: 1 } .SimpleList-toggle { display: none } .SimpleList--js .SimpleList-toggle { display: inline-block; margin-top: 35px; position: relative } @media only screen and (min-width:701px) { .SimpleList--js .SimpleList-toggle { margin-top: 55px } } .SimpleList--js .SimpleList-toggle.is-hiddenMedium { display: inline-block } @media only screen and (min-width:701px) { .SimpleList--js .SimpleList-toggle.is-hiddenMedium { display: none } } .SimpleList--js .SimpleList-toggle .toggle-close, .SimpleList--js .SimpleList-toggle .toggle-open { display: block; padding-right: 10px; position: relative; text-align: center } .SimpleList--js .SimpleList-toggle .toggle-close:lang(ar), .SimpleList--js .SimpleList-toggle .toggle-open:lang(ar) { padding-left: 10px; padding-right: 0; width: 150px } .SimpleList--js .SimpleList-toggle .toggle-close:before, .SimpleList--js .SimpleList-toggle .toggle-open:before { height: 10px; line-height: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px } .SimpleList--js .SimpleList-toggle .toggle-open:before { content: "\f16d" } .SimpleList--js .SimpleList-toggle .toggle-close { display: none } .SimpleList--js .SimpleList-toggle .toggle-close:before { content: "\f151" } .SimpleList--js .SimpleList-toggle .toggle-close:before:lang(ar) { position: relative; right: -15px } .SimpleList-toggle.is-expanded .toggle-close { display: block } .SimpleList-toggle.is-expanded .toggle-open { display: none } .SimpleList-heading { margin-bottom: 24px } @media only screen and (min-width:701px) { .SimpleList-heading { margin-bottom: 44px } } .SimpleList-heading:after { border-top: 2px solid; content: ""; display: inline-block; left: calc(50% - 20px); position: absolute; width: 40px } .SimpleList-heading .Heading-title { margin: 0 auto; padding-bottom: 30px } @media only screen and (min-width:701px) { .SimpleList-heading .Heading-title { letter-spacing: .25em; line-height: 1.3125em } } .SingleCard { display: block } @media only screen and (min-width:701px) { .SingleCard { background-color: #f5f5f5; padding: 40px 30px } } @media only screen and (min-width:961px) { .SingleCard { padding: 46px } } @media only screen and (min-width:701px) { .SingleCard--dark { background-color: #2d2d2d } } .SingleCard-wrapper { display: block; margin: 0 } @media only screen and (min-width:701px) { .SingleCard-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } } .SingleCard-image { display: block; padding: 0 } @media only screen and (min-width:701px) { .SingleCard-image { padding-right: 15px } .SingleCard-image:lang(ar) { padding-left: 15px } } .SingleCard-content { background-color: #f5f5f5; display: block; padding: 30px; text-align: center } @media only screen and (min-width:701px) { .SingleCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 0 15px } .SingleCard-content:lang(ar) { padding-right: 15px; text-align: right } } .SingleCard-content--dark { background-color: #2d2d2d } .SingleCard-title { margin-top: 0 } .SingleCard-title:after { background-color: #000; content: ""; display: block; height: 1px; margin-left: auto; margin-right: auto; margin-top: 20px; width: 30px } @media only screen and (min-width:701px) { .SingleCard-title:after { margin-left: 0; width: 32px } } @media only screen and (min-width:961px) { .SingleCard-title:after { width: 40px } } @media only screen and (min-width:701px) { .SingleCard-title:lang(ar):after { margin-left: auto; margin-right: 0 } } .SingleCard-title--dark:after { background-color: #fff } button[disabled] { cursor: default; pointer-events: none } .Slideshow { background-color: #f5f5f5; color: #000; padding: 40px 0 20px } @media only screen and (min-width:701px) { .Slideshow { padding: 80px 0 } } @media only screen and (min-width:961px) { .Slideshow { background-color: transparent; padding: 0 } } .Slideshow .Slideshow-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; margin: 0 15px 15px; text-align: center; text-transform: uppercase } .Slideshow .Slideshow-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Slideshow .Slideshow-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .Slideshow-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .Slideshow-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .Slideshow-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .Slideshow-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Slideshow .Slideshow-title { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .Slideshow .Slideshow-title { margin-bottom: 40px } .Slideshow-dark.Slideshow .Slideshow-title { color: #fff } } .Slideshow .Slideshow-separator { border: 1px solid #000; margin: 0 auto 20px; width: 30px } @media only screen and (min-width:701px) { .Slideshow .Slideshow-separator { margin-bottom: 30px; width: 40px } } @media only screen and (min-width:961px) { .Slideshow .Slideshow-separator { display: none } } .Slideshow .ExperienceCards { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards { display: block } } .Slideshow .ExperienceCards-image-portrait { display: none } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-image-portrait { display: block } } .Slideshow .ExperienceCards-image-landscape { display: block } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-image-landscape { display: none } } .Slideshow .ExperienceCards-item { background-color: #f5f5f5; margin: 0 7.5px; max-width: 285px; width: 100% } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-item { margin: 0 15px; max-width: none; width: 450px } } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-item { height: calc(100vh - 96px); margin: 0; width: auto } } .Slideshow .ExperienceCards-item .ExperienceCards-Pagination { display: none } .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item.is-selected .ExperienceCards-CTA, .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item.is-selected .ExperienceCards-Heading, .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item.is-selected .Image { opacity: 1; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in } .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item:not(.is-selected) { cursor: pointer } .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item:not(.is-selected) .Image { opacity: .6; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out } .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item:not(.is-selected) .Image:hover { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item:not(.is-selected) .ExperienceCards-CTA, .Slideshow .ExperienceCards-list.flickity-enabled .ExperienceCards-item:not(.is-selected) .ExperienceCards-Heading { opacity: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out } .Slideshow .ExperienceCards-itemContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-itemContent { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; text-transform: uppercase } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Slideshow .ExperienceCards-itemContent .Heading .Heading-title { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-itemContent .Heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 200; letter-spacing: .1666666667em; line-height: 1.2916666667em; text-transform: uppercase; white-space: normal } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Slideshow .ExperienceCards-itemContent .Heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Slideshow .ExperienceCards-itemContent .Heading .Heading-title { font-family: EB Garamond; text-transform: none } } .Slideshow .ExperienceCards-itemContent-image { margin-bottom: 20px } .Slideshow .ExperienceCards-itemContent-image .Heading { padding-bottom: 20px; text-align: center } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-itemContent-image .Heading { padding-bottom: 30px } } .Slideshow .ExperienceCards-itemContent-image .Heading .Heading-text { display: none } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-itemContent-image { margin-bottom: 30px } } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-itemContent-image { height: 100%; margin: 0; padding: 0 } .Slideshow .ExperienceCards-itemContent-image .Image.Image-ratioContainer { height: 100%; overflow: hidden; width: auto } .Slideshow .ExperienceCards-itemContent-image .Image.Image-ratioContainer .Image-img { height: 100%; -o-object-fit: cover; object-fit: cover } } .Slideshow .ExperienceCards-itemContent-content { text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .Slideshow .ExperienceCards-itemContent-content .Heading-eyebrow, .Slideshow .ExperienceCards-itemContent-content .Heading-title { display: none } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-itemContent-content { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .Slideshow .ExperienceCards-itemContent-content .Heading-eyebrow, .Slideshow .ExperienceCards-itemContent-content .Heading-title { display: inherit } } .Slideshow .ExperienceCards-textPanel { padding-bottom: 50px } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-textPanel { padding-bottom: 60px } } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-textPanel { padding-bottom: 0; padding-left: 10%; padding-right: 30%; width: 100% } .Slideshow .ExperienceCards-textPanel:lang(ar) { padding-left: 30%; padding-right: 10%; text-align: right } } .Slideshow .ExperienceCards-Heading { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-Heading { display: block; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit } .Slideshow .ExperienceCards-Heading.hide-lg { display: none } } .Slideshow .ExperienceCards-Heading .Heading-eyebrow { margin: 0 } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-Heading .Heading-eyebrow { margin-bottom: 10px } } .Slideshow .ExperienceCards-Heading .Heading-title { margin: 0 } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-Heading .Heading-title { margin-bottom: 20px } } .Slideshow .ExperienceCards-Heading .Heading-text { margin: 0 0 20px } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-Heading .Heading-text { margin-bottom: 30px } } .Slideshow .ExperienceCards-Heading .Heading-text:lang(ja) { font-size: 1rem } .Slideshow .ExperienceCards-CTA { display: block } .Slideshow .ExperienceCards-Pagination { width: 103px; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px } .Slideshow .ExperienceCards-Pagination span { font-size: 10px; line-height: 13px; white-space: nowrap } @media only screen and (min-width:701px) { .Slideshow .ExperienceCards-Pagination span { font-size: 12px; line-height: 16px } .Slideshow .ExperienceCards-Pagination { width: 117px } } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-Pagination { height: 110px; min-width: 67px; padding: 0; width: 67px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -55px; opacity: 0; position: fixed; right: 30px; top: 50%; z-index: 9 } .Slideshow .ExperienceCards-Pagination:lang(ar) { left: 30px; right: auto } .Slideshow .ExperienceCards-Pagination.hide-lg { display: none } } .Slideshow .ExperienceCards-navigationButton { font-size: 12px; height: 12px; line-height: 12px; width: 12px } .Slideshow .ExperienceCards-navigationButton:before { line-height: 13px } @media only screen and (min-width:961px) { .Slideshow .ExperienceCards-navigationButton { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .Slideshow .ExperienceCards-navigationButton:lang(ar) { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } } .Slideshow .ExperienceCards-navigationButton[hiddden] { display: block } .SocialGallery { display: none } .SocialGallery--visible { display: block; overflow: hidden } @media only screen and (min-width:701px) { .SocialGallery--visible { overflow: visible } } .SocialGallery-loader--hidden, .SocialGallery-wrapper--hidden { display: none } .SocialGallery-loaderImage { display: block; margin: auto } .SocialGallery-heading { margin-bottom: 54px; text-align: center } .SocialGallery-title { text-transform: uppercase } .SocialGallery-list--flickity:after { content: "flickity"; display: none } @media only screen and (min-width:701px) { .SocialGallery-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 690px } } @media only screen and (min-width:961px) { .SocialGallery-list { width: 930px } } .SocialGallery-listItem { margin: 0 15px; width: 290px } @media only screen and (min-width:701px) { .SocialGallery-listItem { margin: 0 0 30px; width: 210px } } @media only screen and (min-width:961px) { .SocialGallery-listItem { width: 290px } } .SocialGallery-button { background: transparent; background-position: 50%; background-repeat: no-repeat; background-size: cover; border: none; display: block; height: 290px; margin: 0 0 26px; overflow: hidden; padding: 0; position: relative; width: 290px } .SocialGallery-button::-moz-focus-inner { border: 0; padding: 0 } @media only screen and (min-width:701px) { .SocialGallery-button { height: 210px; margin-bottom: 11px; width: 210px } } @media only screen and (min-width:961px) { .SocialGallery-button { height: 290px; margin-bottom: 16px; width: 290px } } .SocialGallery-attribution { font-weight: 400; text-align: left } .SocialGallery-attribution:lang(ar) { text-align: right } .SocialGallery .Gallery { text-align: center } .SocialGallery .Gallery-button { margin: 60px 0 5px } @media only screen and (min-width:701px) { .SocialGallery .Gallery-button { margin-top: 50px } } @media only screen and (min-width:961px) { .SocialGallery .Gallery-button { margin-top: 60px } } .SortableTable, .SortableTable-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .SortableTable-content { min-width: 0 } @media only screen and (min-width:961px) { .SortableTable--rowHover .SortableTable-Table-Row-cell:first-child .SortableTable-Table-Row-cell-text { border-bottom: 1px solid transparent } .SortableTable--rowHover .SortableTable-Table-Row:hover .SortableTable-Table-Row-cell { background: var(--color-button-primary-ghost-hover, rgba(3, 3, 3, .04)) } .SortableTable--rowHover .SortableTable-Table-Row .SortableTable-Table-Row-cell:first-child:hover .SortableTable-Table-Row-cell-text { border-bottom-color: currentColor } } .SortableTable-tableScroll { min-width: 0; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; -ms-overflow-style: none } .SortableTable-tableScroll::-webkit-scrollbar { display: none; height: 0; width: 0 } .SortableTable-scrollTrack { background: var(--color-button-primary-disabled-inverse, #999); border-radius: 2px; display: none; height: 5px; margin-top: var(--Element-gap-Stack-stack-s, 10px); overflow: hidden; position: relative; width: 100% } @media only screen and (min-width:701px) { .SortableTable-scrollTrack { margin-top: 15px } } .SortableTable.SortableTable--horizontalOverflow .SortableTable-scrollTrack { display: block } @media only screen and (min-width:0)and (max-width:960px) { .SortableTable { --carousel-gutter: 15px } .SortableTable .SortableTable-tableScroll, .SortableTable.wide-grid-container { padding-inline: 0 } .SortableTable .SortableTable-Table tbody { -webkit-box-sizing: border-box; box-sizing: border-box; padding-inline: var(--carousel-gutter) } .SortableTable .SortableTable-scrollTrack { margin-inline: var(--carousel-gutter); width: calc(100% - var(--carousel-gutter)*2) } } @media only screen and (min-width:701px)and (max-width:960px) { .SortableTable { --carousel-gutter: 60px } } .SortableTable-scrollTrack-thumb { background: var(--color-text-inverse-disabled, #666); border-radius: 2px; height: 5px; left: 0; position: absolute; top: 0; will-change: transform, width } .SortableTable.SortableTable--intrinsicMeasure .SortableTable-tableScroll .SortableTable-Table { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 100% } .SortableTable.SortableTable--intrinsicMeasure .SortableTable-tableScroll .SortableTable-Table-Header, .SortableTable.SortableTable--intrinsicMeasure .SortableTable-tableScroll .SortableTable-Table-Row { min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content } .SortableTable.SortableTable--intrinsicMeasure .SortableTable-tableScroll .SortableTable-Table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0 } .SortableTable.SortableTable--horizontalOverflow { max-width: 100%; overflow-x: hidden } .SortableTable.SortableTable--horizontalOverflow .SortableTable-Table-Row .SortableTable-Table-Row-cell:first-child:not(.SortableTable-Table-Row-cell-cta) { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 100% } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-Header, .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-Row { min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0 } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-Row-cell:not(:first-child) .SortableTable-Table-Row-cell-content { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; overflow: hidden } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-Row-cell:not(:first-child) .SortableTable-Table-Row-cell-text { min-width: 0 } .SortableTable.SortableTable--horizontalOverflow.SortableTable--stickyColCompressed .SortableTable-tableScroll .SortableTable-Table-Row-cell:not(:first-child) .SortableTable-Table-Row-cell-textLink-anchor { max-width: 100%; min-width: 0; overflow: hidden } .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table { width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-width: 100% } .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-Header, .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-Row { width: 100% } .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-cell { min-width: 120px } @media only screen and (min-width:961px) { .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-cell { min-width: 180px } } .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-cell:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .SortableTable.SortableTable--horizontalOverflow:not(.SortableTable--stickyColCompressed) .SortableTable-tableScroll .SortableTable-Table-cell:not(:first-child) { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0% } .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow .SortableTable-Table-Header-cell:first-child, .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow .SortableTable-Table-Row-cell:first-child { left: 0; padding-right: 15px; position: sticky; z-index: 1 } .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow.SortableTable--stickyHorizontalScrolled .SortableTable-Table-Header-cell:first-child:after, .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow.SortableTable--stickyHorizontalScrolled .SortableTable-Table-Row-cell:first-child:after { background: -webkit-gradient(linear, left top, right top, from(rgba(3, 3, 3, .12)), to(transparent)); background: linear-gradient(90deg, rgba(3, 3, 3, .12), transparent); bottom: 0; content: ""; pointer-events: none; position: absolute; right: 0; top: 0; width: 15px; z-index: 3 } .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow .SortableTable-Table-Header-cell:first-child { background: var(--color-surface-raised-subtle, #f5f5f5); z-index: 2 } .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow .SortableTable-Table-Row-cell:first-child { background: var(--color-surface-base, #fff) } @media only screen and (min-width:961px) { .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow.SortableTable--rowHover .SortableTable-Table-Row:hover .SortableTable-Table-Row-cell:first-child { background: var(--color-surface-raised-subtle, #f5f5f5) } } .SortableTable:not(.SortableTable--horizontalOverflow) .SortableTable-Table-Row .SortableTable-Table-Row-cell:first-child:not(.SortableTable-Table-Row-cell-cta) { width: 100% } .SortableTable-Table { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .SortableTable-Table-cell { min-width: 180px } } .SortableTable-Table-Header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; background: var(--color-surface-raised-subtle, #f5f5f5); border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); color: var(--color-text-secondary, #4d4d4d); -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .SortableTable-Table-Header-cell { height: 48px; max-height: 48px; overflow: hidden; text-align: start; text-overflow: ellipsis } @media only screen and (min-width:701px) { .SortableTable-Table-Header-cell { height: 58px; max-height: 58px } } .SortableTable-Table-Header-cell[data-sort-type] { cursor: pointer } .SortableTable-Table-Header-cell-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100% } .SortableTable-Table-Header-cell-title { overflow: hidden; white-space: nowrap } .SortableTable-Table-Header-cell-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px } .SortableTable-Table-Header-cell-arrows .SortableTable-carot-top, .SortableTable-Table-Header-cell-arrows .SortableTable-viewAllButton .Button-label.SortableTable-viewLess:after, .SortableTable-viewAllButton .SortableTable-Table-Header-cell-arrows .Button-label.SortableTable-viewLess:after { border-bottom-color: var(--color-text-secondary, #4d4d4d) } .SortableTable-Table-Header-cell-arrows .SortableTable-carot-bottom, .SortableTable-Table-Header-cell-arrows .SortableTable-viewAllButton .Button-label:not(.SortableTable-viewLess):after, .SortableTable-viewAllButton .SortableTable-Table-Header-cell-arrows .Button-label:not(.SortableTable-viewLess):after { border-top-color: var(--color-text-secondary, #4d4d4d) } .SortableTable-Table-Row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .SortableTable-Table-Row-cell { height: 60px; max-height: 60px } @media only screen and (min-width:701px) { .SortableTable-Table-Row-cell { height: 75px; max-height: 75px } } .SortableTable-Table-Row-cell-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .SortableTable-Table-Row-cell-content:not(.SortableTable-Table-Row-cell-content-cta) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding-top: 20px } @media only screen and (min-width:701px) { .SortableTable-Table-Row-cell-content:not(.SortableTable-Table-Row-cell-content-cta) { padding-top: 30px } } .SortableTable-Table-Row-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .SortableTable-Table-Row-cell-cta { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; gap: 10px; justify-content: center } .SortableTable-Table-Row-cell-textLink { padding: 0; vertical-align: middle } .SortableTable-Table-Row-cell-textLink .SortableTable-Table-Row-cell-textLink-anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; gap: 10px; min-height: 100%; text-decoration: none; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .SortableTable-Table-Row-cell-textLink .SortableTable-Table-Row-cell-textLink-anchor:focus-visible, .SortableTable-Table-Row-cell-textLink .SortableTable-Table-Row-cell-textLink-anchor:hover { background: var(--color-button-primary-ghost-hover, rgba(3, 3, 3, .04)) } .SortableTable-Table-Row-cell-icon { font-size: 12px } @media only screen and (min-width:0)and (max-width:700px) { .SortableTable-mobileHide { display: none !important } } .SortableTable-carot, .SortableTable-viewAllButton .Button-label:after { border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0; width: 0 } .SortableTable-carot-top, .SortableTable-viewAllButton .Button-label.SortableTable-viewLess:after { border-bottom: 5px solid var(--color-text-primary, #1f1f1f) } .SortableTable-carot-bottom, .SortableTable-viewAllButton .Button-label:not(.SortableTable-viewLess):after { border-top: 5px solid var(--color-text-primary, #1f1f1f) } .SortableTable-viewAllButton, .SortableTable-viewAllButton button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .SortableTable-viewAllButton button { width: 125px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .SortableTable-viewAllButton .Button-label { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .SortableTable-viewAllButton .Button-label:after { content: ""; margin-bottom: 2.5px } [dir=rtl] .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow.SortableTable--stickyHorizontalScrolled .SortableTable-Table-Header-cell:first-child:after, [dir=rtl] .SortableTable--stickyFirstColumn.SortableTable--horizontalOverflow.SortableTable--stickyHorizontalScrolled .SortableTable-Table-Row-cell:first-child:after { background: -webkit-gradient(linear, right top, left top, from(rgba(3, 3, 3, .12)), to(transparent)); background: linear-gradient(270deg, rgba(3, 3, 3, .12), transparent); left: 0; right: auto } .Spotlight { overflow: hidden; position: relative } @media only screen and (min-width:701px) { .Spotlight-container { position: relative } } .Spotlight-container-dark .CtaBlock { color: #fff } .Spotlight-container-light .CtaBlock { color: #000 } @media only screen and (min-width:701px) { .Spotlight-container-light .CtaBlock { color: #fff } } .Spotlight-gradient :after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 28%; width: 100% } .Spotlight-backgroundImage { display: block; height: 56.25vw; margin-bottom: 40px; position: relative; width: 100% } @media only screen and (min-width:701px) { .Spotlight-backgroundImage { margin-bottom: 0 } } @media only screen and (min-width:961px) { .Spotlight-backgroundImage { height: 90vh; max-height: 1000px; min-height: 600px } } @media only screen and (min-width:1701px) { .Spotlight-backgroundImage { max-height: 1200px } } .Spotlight-backgroundImage:after { bottom: 0; content: ""; position: absolute; z-index: 1 } @media only screen and (min-width:701px) { .Spotlight-backgroundImage:after { height: 38% } } @media only screen and (min-width:961px) { .Spotlight-backgroundImage:after { height: 28% } } @media only screen and (min-width:1701px) { .Spotlight-backgroundImage:after { height: 16% } } .Spotlight-ctaBlock { padding-left: 30px; padding-right: 30px } @media only screen and (min-width:701px) { .Spotlight-ctaBlock { bottom: 0; padding: 0 30px 30px; position: absolute; width: 100%; z-index: 2 } } @media only screen and (min-width:961px) { .Spotlight-ctaBlock { padding: 0 30px 30px; z-index: 1 } } @media only screen and (min-width:1701px) { .Spotlight-ctaBlock { padding: 0 40px 40px } } .Spotlight-ctaBlock .CtaBlock-title { display: block; font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3125em; margin-bottom: 10px; text-transform: uppercase } .Spotlight-ctaBlock .CtaBlock-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Spotlight-ctaBlock .CtaBlock-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Spotlight-ctaBlock .CtaBlock-title { font-family: EB Garamond; text-transform: none } .Spotlight-ctaBlock .CtaBlock-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; margin: 10px 0 } .Spotlight-ctaBlock .CtaBlock-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Spotlight-ctaBlock .CtaBlock-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Spotlight-ctaBlock .CtaBlock-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .Spotlight-ctaBlock .CtaBlock-text { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } @media only screen and (min-width:701px) { .Spotlight-ctaBlock .CtaBlock-text { display: block; margin: 0 } } .Spotlight-ctaBlock .CtaBlock-cta { margin-top: 15px } .Spotlight-container-dark .Spotlight-ctaBlock .CtaBlock-cta { border-color: #fff; color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Spotlight-container-dark .Spotlight-ctaBlock .CtaBlock-cta:focus, .Spotlight-container-dark .Spotlight-ctaBlock .CtaBlock-cta:hover { border-color: #999; color: #999 } @media only screen and (min-width:701px) { .Spotlight-container-dark .Spotlight-ctaBlock .CtaBlock-cta { display: inline-block } .Spotlight-container-light .Spotlight-ctaBlock .CtaBlock-cta { border-color: #fff; color: #fff; display: inline-block; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .Spotlight-container-light .Spotlight-ctaBlock .CtaBlock-cta:focus, .Spotlight-container-light .Spotlight-ctaBlock .CtaBlock-cta:hover { border-color: #999; color: #999 } } .Spotlight-video { display: none; height: 90vh; position: absolute; top: 0; width: 100% } @media only screen and (min-width:961px) { .Spotlight-video { display: block; max-height: 1000px; min-height: 600px } } @media only screen and (min-width:1701px) { .Spotlight-video { max-height: 1200px } } .Spotlight-video .Video-video { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto } .SignatureCard-video .Spotlight-video .Video-playButton--hasAvailabilityMessage, .Spotlight-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .Spotlight-video .Video-playButton { bottom: 16px; position: absolute; right: 16px; z-index: 1 } .SignatureCard-video .Spotlight-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Spotlight-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .Spotlight-video .Video-playButton:lang(ar) { left: 16px; right: auto } .StandardHero .hotelSearchBar-input { margin-top: 30px } .StandardHero .hotelSearchBar-input .textInput__field:valid { border: 1px solid #d8d8d8 } .StandardHero .hotelSearchBar-results { border: 1px solid #d8d8d8; border-top: none; position: absolute; z-index: 1 } .StandardHero--black .hotelSearchBar-input .textInput__label, .StandardHero--greenGreen .hotelSearchBar-input .textInput__label, .StandardHero--light .hotelSearchBar-input .textInput__label, .StandardHero--lightBlueGreen .hotelSearchBar-input .textInput__label, .StandardHero--pinkRed .hotelSearchBar-input .textInput__label, .StandardHero--yellowOrange .hotelSearchBar-input .textInput__label { color: #000 } .StandardHero--hasOverlayTextBox .StandardHero-hero { z-index: 1 } .StandardHero-OverlayTextBox { background-color: #fff; position: relative; width: 100% } .StandardHero-OverlayTextBox--dark { background-color: #000 } .StandardHero-OverlayTextBox-heading { margin: -140px auto auto; position: relative; width: calc(100% - 30px); z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .15); color: #000; gap: 20px; padding: 30px 15px } @media only screen and (min-width:701px) { .StandardHero-OverlayTextBox-heading { margin-top: -100px; padding: 30px; width: 100% } } @media only screen and (min-width:961px) { .StandardHero-OverlayTextBox-heading { margin-top: -130px; padding: 30px 50px; width: calc(100% - 140px) } } .StandardHero-OverlayTextBox .HeadingTextCta--dark { background-color: #2d2d2d; color: #fff } .StandardHero-OverlayTextBox .HeadingTextCta--dark .HeadingTextCta-title.Heading-title { color: #fff } .StandardHero-OverlayTextBox .HeadingTextCta-heading { margin: 0 } .StandardHero-OverlayTextBox .HeadingTextCta-heading .Heading-title { color: #000; font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "liga" off, "clig" off; font-feature-settings: "liga" off, "clig" off; font-size: 24px; font-style: normal; font-weight: 200; letter-spacing: 4px; line-height: 31px; margin: 0 0 15px; text-align: center; text-transform: uppercase } @media only screen and (min-width:961px) { .StandardHero-OverlayTextBox .HeadingTextCta-heading .Heading-text { max-width: 640px } } @media only screen and (min-width:1701px) { .StandardHero-OverlayTextBox .HeadingTextCta-heading .Heading-text { max-width: 1055px } } .StandardHero-OverlayTextBox .HeadingTextCta-cta { margin: 0 } .SubscribeBar { background-color: #f5f5f5; font-size: 1rem; margin: auto; opacity: .9; padding: 10px 40px 10px 20px; position: relative; width: 100% } .SubscribeBar--dark { background-color: #2d2d2d; color: #fff } @media only screen and (min-width:701px) { .SubscribeBar { letter-spacing: .02778em; padding: 16px 50px } } @media only screen and (min-width:961px) { .SubscribeBar { font-size: 1.375rem; letter-spacing: .02778em; padding: 34px 150px } } .SubscribeBar--closed { display: none } .SubscribeBar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; max-width: 1100px; width: 100% } .SubscribeBar-text { font-size: 1.175rem; margin: 0 auto 0 0 } @media only screen and (min-width:961px) { .SubscribeBar-text { font-size: 1.375rem } } .SubscribeBar-cta { background-color: transparent; margin-left: 10px } .SubscribeBar-closeButton { font-size: 13px; height: 42px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 42px } @media only screen and (min-width:961px) { .SubscribeBar-closeButton { right: 46px } } .SummaryTab--cell { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; gap: 5px; width: 130px; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px) } .SummaryTab--cell:lang(ar) { text-align: right } @media only screen and (min-width:701px) { .SummaryTab--cell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: calc(33% - 31px); flex-basis: calc(33% - 31px) } .SummaryTab--cell:first-child:nth-last-child(8), .SummaryTab--cell:first-child:nth-last-child(8)~.SummaryTab--cell { -ms-flex-preferred-size: calc(25% - 31px); flex-basis: calc(25% - 31px) } } .SummaryTab--cell--title { text-transform: capitalize } .SummaryTab--cell--cta, .SummaryTab--cell--text, .SummaryTab--cell--title { color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off } .SummaryTab--cell--cta { font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: 3px; line-height: 13px; margin-bottom: 1px; padding-bottom: 0 } .SummaryTab--cell--divider { display: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: auto; margin: 0 15px; width: 1px } @media only screen and (min-width:701px) { .SummaryTab--cell--divider { display: block } .SummaryTab--cell--divider:last-child, .SummaryTab--cell--divider:nth-child(6):not(:nth-last-child(3)) { display: none } } @media only screen and (min-width:961px) { .SummaryTab--cell--divider:nth-child(6):not(:last-child) { display: block } } .SummaryTab--dark { color: #fff } .SummaryTab-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 15px; padding: 0 37.5px } @media only screen and (min-width:701px) { .SummaryTab-container { gap: 30px 0; padding: 0 } } @media only screen and (min-width:961px) { .SummaryTab-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .TabContainer { padding-left: 15px; padding-right: 15px } .TabContainer-heading { font-size: 28px; letter-spacing: 4.4px; line-height: 42px; margin-bottom: 32px; text-align: center } @media only screen and (min-width:701px) { .TabContainer-heading { font-size: 32px; letter-spacing: 5px; margin-bottom: 50px } } .TabContainer .container { padding-left: 0; padding-right: 0 } .TabContainer-tabs--desktop { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; gap: 30px; height: 60px; overflow-x: scroll; padding-left: 15px; padding-right: 15px; scrollbar-width: none; width: 100% } .TabContainer-tabs--desktop::-webkit-scrollbar { display: none } .TabContainer--light .TabContainer-tabs--desktop--default { border-bottom: 1px solid #000; border-top: 1px solid #000 } .TabContainer--dark .TabContainer-tabs--desktop--default { border-bottom: 1px solid #fff; border-top: 1px solid #fff } .TabContainer-tabs--desktop--underlined { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3 } @media only screen and (min-width:701px) { .TabContainer-tabs--desktop--underlined { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around } .TabContainer-tabs--desktop { gap: unset; overflow-x: hidden; padding-left: 0; padding-right: 0 } } .TabContainer-tabsContainer--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 100% } .TabContainer-tabsContainer--desktop--underlined { margin-bottom: 0 } .TabContainer-tab { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; -ms-flex-item-align: center; align-self: center; background: none; border: none; display: inline-block; font-weight: 400; text-align: center } .TabContainer-tab--underlined { -webkit-box-flex: 0; -ms-flex: 0; flex: 0 } .TabContainer-tab--dark { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TabContainer-tab--dark:focus, .TabContainer-tab--dark:hover { border-color: #999; color: #999 } .TabContainer-tab--light { color: #2d2d2d; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TabContainer-tab--light:focus, .TabContainer-tab--light:hover { border-color: #767676; color: #767676 } .TabContainer-tab:before { content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden } .TabContainer-tab--active { font-weight: 700 } .TabContainer-tabs--desktop .TabContainer-tab { height: 100% } .TabContainer-tabs--desktop--underlined .TabContainer-tab { display: inline-block; position: relative } .TabContainer-tabs--desktop--underlined .TabContainer-tab--light:after { background-color: #000 } .TabContainer-tabs--desktop--underlined .TabContainer-tab--dark:after { background-color: #fff } .TabContainer-tabs--desktop--underlined .TabContainer-tab--active:after { bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100% } .TabContainer-tabs--desktop--underlined .TabContainer-tab--active:after:lang(ar) { left: auto; right: 0 } .TabContainer-pages { display: block; width: auto } .TabContainer-page { display: none; left: 0; position: relative; top: 0 } .TabContainer-page--active { display: block } .BodySection .TabContainer .TabPage-components .SpacedComponent:not(:last-child) { margin-bottom: 30px } .TabContainer .TabPage-components .InlineCarousel .CtaBlock--empty { display: none } .TabContainer .TabPage-components .InlineCarousel .InlineCarousel-list .CarouselSlide--emptyCTABlock-video { margin-bottom: 0; margin-top: 0 } .TabContainer .TabPage-components .InlineCarousel .InlineCarousel-list .CarouselSlide--emptyCTABlock .ImageAndCta .Image { margin-bottom: 0 } .TabContainer .TabPage-components .CardCarousel-heading { margin-top: 40px } .TabbedHero { background-color: #000; min-height: 100vh; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1 } @media only screen and (min-width:1100px) { .TabbedHero { min-height: 85vh } } .TabbedHero .TabbedHero-content { height: 100vh; height: calc(var(--vh, 1vh)*100 - var(--alertheight, 0vh)); max-height: 100vh; max-height: calc(var(--vh, 1vh)*100 - var(--alertheight, 0vh)); min-height: 100vh; min-height: calc(var(--vh, 1vh)*100 - var(--alertheight, 0vh)); overflow: visible; position: relative; z-index: 4 } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content { height: 88vh; height: calc((var(--vh, 1vh)*100 - var(--alertheight, 0vh))*.88); max-height: 88vh; max-height: calc((var(--vh, 1vh)*100 - var(--alertheight, 0vh))*.88); min-height: 88vh; min-height: calc((var(--vh, 1vh)*100 - var(--alertheight, 0vh))*.88); -webkit-transition: height 1s linear, max-height 1s linear, min-height 1s linear; transition: height 1s linear, max-height 1s linear, min-height 1s linear; -webkit-transition: none; transition: none } } .TabbedHero .TabbedHero-content .Hero { height: calc(96% - 285px); width: 100%; z-index: 2 } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-content .Hero { height: 83% } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .Hero { height: 100% } } .TabbedHero .TabbedHero-content .Hero:after, .TabbedHero .TabbedHero-content .Hero:before { display: none } .TabbedHero .TabbedHero-content .Hero .hero-background-desktop, .TabbedHero .TabbedHero-content .Hero .hero-background-device { height: 100% } .TabbedHero .TabbedHero-content .Hero .BackgroundImage, .TabbedHero .TabbedHero-content .Hero-video { height: 100%; width: 100%; z-index: 2 } .TabbedHero .TabbedHero-content .Hero .BackgroundImage:after, .TabbedHero .TabbedHero-content .Hero .BackgroundImage:before, .TabbedHero .TabbedHero-content .Hero-video, .TabbedHero .TabbedHero-content .Hero-video:after, .TabbedHero .TabbedHero-content .Hero-video:before { display: none } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .Hero-video { display: block } } .TabbedHero .TabbedHero-content .TabbedHero-tab { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; width: 100%; z-index: -1 } .TabbedHero .TabbedHero-content .TabbedHero-tab:first-of-type { opacity: 1; z-index: 1 } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container { bottom: 290px; max-width: 100%; position: absolute; text-align: center; -webkit-transition: bottom .3s linear, -webkit-transform .3s linear; transition: bottom .3s linear, -webkit-transform .3s linear; transition: transform .3s linear, bottom .3s linear; transition: transform .3s linear, bottom .3s linear, -webkit-transform .3s linear; width: 500px; z-index: 4 } @media screen and (min-width:500px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container { left: calc(50% - 250px) } } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container { bottom: 450px } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container { bottom: auto; left: 0; margin: 0 0 0 70px; max-width: 600px; padding-top: 160px; text-align: left; top: 0; width: 100% } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container:lang(ar) { left: auto; margin-left: 0; margin-right: 70px; right: 0; text-align: right } } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container:before { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(180deg, #000, transparent); content: ""; display: block; height: 0; left: 0; position: fixed; top: 0; -webkit-transition: height .3s linear; transition: height .3s linear; width: 100vw; z-index: -1 } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(16.15%, rgba(0, 0, 0, .5)), to(transparent)); background: linear-gradient(180deg, rgba(0, 0, 0, .5) 16.15%, transparent) } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container:before { display: none } } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.active-search { opacity: 1 !important } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.active-search:before { height: 60% } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.active-search .Heading-title { font-size: 24px; letter-spacing: 4px; line-height: 31px } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.active-search .Heading-title { font-size: 40px; letter-spacing: 5px; line-height: 55px } } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.scrolled { bottom: 269px } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.scrolled { bottom: 344px } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container.scrolled { bottom: auto } } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .CTA:hover { border: 1px solid #fff } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .TabbedHero-headingContainer { position: relative } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .TabbedHero-headingContainer .Heading .Heading-title { color: #fff; margin: 0 10px 32px; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .TabbedHero-headingContainer .Heading .Heading-title { font-size: 40px; letter-spacing: 5px; line-height: 55px; margin: 0 0 37px; text-align: left } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .TabbedHero-headingContainer .Heading .Heading-title:lang(ar) { text-align: right } } .TabbedHero .TabbedHero-content .TabbedHero-tab .TabbedHero-container .TabbedHero-headingContainer .Heading .Heading-title:after { display: none } .SignatureCard-video .TabbedHero .TabbedHero-content .TabbedHero-tab .Video-playButton--hasAvailabilityMessage, .TabbedHero .TabbedHero-content .TabbedHero-tab .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .TabbedHero .TabbedHero-content .TabbedHero-tab .Video-playButton { bottom: 160px; display: none; position: absolute; right: 2.5%; z-index: 4 } @media only screen and (min-width:1100px) { .SignatureCard-video .TabbedHero .TabbedHero-content .TabbedHero-tab .Video-playButton--hasAvailabilityMessage, .TabbedHero .TabbedHero-content .TabbedHero-tab .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .TabbedHero .TabbedHero-content .TabbedHero-tab .Video-playButton { display: block } } .TabbedHero .TabbedHero-content .TabbedHero-tab:after { background: linear-gradient(0deg, #000 310px, rgba(0, 0, 0, .4) 95%, transparent); bottom: 0; content: ""; display: block; height: 66%; position: absolute; width: 100%; z-index: 3 } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-content .TabbedHero-tab:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, .5)), color-stop(60%, #000)); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 20%, #000 60%) } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-content .TabbedHero-tab:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(95%, #000)); background: linear-gradient(180deg, transparent, #000 95%); height: 40%; width: 100% } .TabbedHero .TabbedHero-content .TabbedHero-tab:before { background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, .78)), color-stop(44.27%, rgba(0, 0, 0, .65)), color-stop(95.31%, transparent)); background: linear-gradient(90deg, rgba(0, 0, 0, .78) 25%, rgba(0, 0, 0, .65) 44.27%, transparent 95.31%); bottom: 0; content: ""; display: block; height: 100%; position: absolute; width: 55%; z-index: 3 } } .TabbedHero .TabbedHero-content .TabbedHero-tab:lang(ar):before { background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(0, 0, 0, .78)), color-stop(44.27%, rgba(0, 0, 0, .65)), color-stop(95.31%, transparent)); background: linear-gradient(270deg, rgba(0, 0, 0, .78) 25%, rgba(0, 0, 0, .65) 44.27%, transparent 95.31%) } .TabbedHero-icons { bottom: 85px; display: grid; left: 0; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; grid-template-columns: repeat(4, 25%); grid-template-rows: repeat(2, 95px); justify-content: center; margin-bottom: 2px; margin-left: 15px; -webkit-transition: bottom 1s linear; transition: bottom 1s linear; width: calc(100% - 30px); z-index: 4 } @media only screen and (min-width:400px) { .TabbedHero-icons { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 95px) } } @media only screen and (min-width:701px) { .TabbedHero-icons { bottom: 150px; grid-template-columns: repeat(4, 165px); grid-template-rows: repeat(2, 130px); margin-left: 0; width: 100% } } @media only screen and (min-width:1100px) { .TabbedHero-icons { border-top: 1px solid hsla(0, 0%, 85%, .8); bottom: 0; grid-template-columns: repeat(7, 1fr); grid-template-rows: 130px; margin-left: 50px; -webkit-transition: none; transition: none; width: calc(100% - 100px) } } .TabbedHero-icons.scrolled { bottom: 45px } @media only screen and (min-width:1100px) { .TabbedHero-icons.scrolled { bottom: 0 } } .TabbedHero-icons .TabbedHero-overlay { left: 0; padding-left: 20px; position: absolute; right: 0; top: calc(-100% - 50px); width: calc(100% - 50px); z-index: 4 } @media only screen and (min-width:1100px)and (min-height:1024px) { .TabbedHero-icons .TabbedHero-overlay { bottom: calc(100% + 70px); left: 0; margin-inline: 0; max-width: 600px; top: unset; width: 600px } } .TabbedHero-icons .TabbedHero-moreIcon .icon { font-size: 40px; -webkit-transform: translateY(-10px); transform: translateY(-10px) } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-moreIcon { display: none } } .TabbedHero-icons .TabbedHero-icon { position: relative } .TabbedHero-icons .TabbedHero-icon:first-child { border-bottom: 1px solid #353535 } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon:first-child { border-bottom: none } } .TabbedHero-icons .TabbedHero-icon:nth-child(2) { border-bottom: 1px solid #353535 } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon:nth-child(2) { border-bottom: none } } .TabbedHero-icons .TabbedHero-icon:nth-child(3) { border-bottom: 1px solid #353535 } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon:nth-child(3) { border-bottom: none } } .TabbedHero-icons .TabbedHero-icon:nth-child(4) { border-bottom: 1px solid #353535 } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon:nth-child(4) { border-bottom: none } } .TabbedHero-icons .TabbedHero-icon:before { border-right: 1px solid #353535; bottom: 5px; height: calc(100% - 10px); position: absolute; right: 0; top: 5px; width: 1px } @media only screen and (min-width:701px) { .TabbedHero-icons .TabbedHero-icon:before { bottom: 10px; height: calc(100% - 20px); top: 10px } } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon:before { display: none } } .TabbedHero-icons .TabbedHero-icon:first-child:before, .TabbedHero-icons .TabbedHero-icon:nth-child(2):before, .TabbedHero-icons .TabbedHero-icon:nth-child(3):before, .TabbedHero-icons .TabbedHero-icon:nth-child(5):before, .TabbedHero-icons .TabbedHero-icon:nth-child(6):before, .TabbedHero-icons .TabbedHero-icon:nth-child(7):before { content: "" } .TabbedHero-icons .TabbedHero-icon:lang(ar):first-child:before { content: none } .TabbedHero-icons .TabbedHero-icon:lang(ar):nth-child(4):before { content: "" } .TabbedHero-icons .TabbedHero-icon:lang(ar):nth-child(5):before { content: none } .TabbedHero-icons .TabbedHero-icon:lang(ar):nth-child(8):before { content: "" } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 24px; justify-content: center; line-height: 24px; padding-bottom: 8px; padding-top: 25px } @media only screen and (min-width:701px) { .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-icon { font-size: 32px; line-height: 32px; padding-bottom: 10px; padding-top: 30px } } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-icon { font-size: 32px; line-height: 32px; padding-bottom: 10px; padding-top: 34px } } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text { display: block; font-size: 8px; letter-spacing: 1.5px; line-height: 12px; margin: auto; max-width: 120px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: normal } @media only screen and (min-width:701px) { .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .TabbedHero-icons .TabbedHero-icon .TabbedHero-icon-text { font-family: EB Garamond; text-transform: none } } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon.active .TabbedHero-icon-text { font-weight: 700 } } .TabbedHero-icons .TabbedHero-icon .CTA { color: #fff; display: block; height: 100%; padding: 0 3px; text-decoration: none; width: 100% } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-icon .CTA:focus .TabbedHero-icon-text, .TabbedHero-icons .TabbedHero-icon .CTA:focus-visible .TabbedHero-icon-text, .TabbedHero-icons .TabbedHero-icon .CTA:hover .TabbedHero-icon-text { font-weight: 700 } } .TabbedHero-icons .TabbedHero-icon .CTA:focus-visible { outline: 1px solid #fff } .TabbedHero-icons .TabbedHero-activeRect { display: none } @media only screen and (min-width:1100px) { .TabbedHero-icons .TabbedHero-activeRect { background: #fff; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 7px; left: 0; position: absolute; top: 0; top: -8px; -webkit-transition: left .5s linear; transition: left .5s linear; width: 14.2857142857% } } .TabbedHero-logoContainer { display: none; padding-left: 70px; position: absolute; top: 70px; z-index: 5 } .TabbedHero-logoContainer:lang(ar) { padding-left: 0; padding-right: 70px } @media only screen and (min-width:1100px) { .TabbedHero-logoContainer { display: block; height: 55px; width: 100% } .TabbedHero-logoContainer:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(19.85%, #000), to(transparent)); background: linear-gradient(180deg, #000 19.85%, transparent); content: ""; display: block; height: 100px; left: 0; opacity: .7; position: absolute; top: -70px; width: 100%; z-index: -1 } .TabbedHero-logoContainer .TabbedHero-logo { margin: 0; width: 100px } } .TabbedHero .TabbedHero-scroll { background-color: #3f3f3f; border-radius: 50%; bottom: 30px; display: block; height: 40px; left: calc(50% - 15px); position: absolute; width: 40px; z-index: 4 } .TabbedHero .TabbedHero-scroll button { color: #fff; font-size: 9px; height: 40px; width: 40px } .TabbedHero .TabbedHero-scroll button:before { display: block; line-height: 40px; position: relative; top: 1px } .TabbedHero .TabbedHero-scroll .Button-label { display: block; height: 0; overflow: hidden; width: 0 } @media only screen and (min-width:701px) { .TabbedHero .TabbedHero-scroll { bottom: 60px; height: 50px; left: calc(50% - 25px); width: 50px } .TabbedHero .TabbedHero-scroll button { font-size: 12px; height: 50px; width: 50px } .TabbedHero .TabbedHero-scroll button:before { line-height: 50px } } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-scroll { display: none } } .TabbedHero .TabbedHero-scroll-large { background-color: #000; bottom: 0; color: #fff; display: none; height: 12vh; height: calc((var(--vh, 1vh)*100 - var(--alertheight, 0vh))*.12); left: 0; min-height: 90px; overflow: hidden; padding-left: 71px; position: relative; width: 100%; z-index: 4; z-index: 2 } .TabbedHero .TabbedHero-scroll-large:lang(ar) { padding-left: 0; padding-right: 71px } @media only screen and (min-width:1100px) { .TabbedHero .TabbedHero-scroll-large { display: block } } .TabbedHero .TabbedHero-scroll-large .rectangle { background: #fff; height: 25px; left: 53px; position: absolute; top: 15px; width: 2px; z-index: 4 } .TabbedHero .TabbedHero-scroll-large .rectangle:lang(ar) { left: auto; right: 53px } .TabbedHero .TabbedHero-scroll-large span { display: inline-block; position: relative; top: 11px } .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title { color: #fbe4ee !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--greenPink .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title { color: #175250 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--greenGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title { color: #f3ffd1 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--blueGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title { color: #d10023 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--pinkRed .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title { color: #175250 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlueGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title { color: #a72906 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--yellowOrange .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title { color: #fff !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--white .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title { color: #000 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--black .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title { color: #f3ad9f !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--lightOrange .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title { color: #ffc550 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--yellow .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title { color: #f9d8a1 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--lightYellow .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title { color: #bfdcd1 !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--pastelGreen .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title { color: #0f587c !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--blue .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title { color: #dff3fb !important; font-family: Saol Display; font-size: 40px !important; font-weight: 300; letter-spacing: 2px !important; line-height: 35px !important } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title { font-size: 60px !important; line-height: 55px !important } } .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title i { margin-right: 3px } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title i { margin-right: 5px } } .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 3px; margin-right: 0 } @media only screen and (min-width:701px) { .TabbedHero-tab--lightBlue .TabbedHero-headingContainer .Heading-title i:lang(ar) { margin-left: 5px } } .Navigation--hasHero.Navigation--hasTabbedHero+.Navigation-bodySpacer--hasHeroClass, .Navigation-bodySpacer--hasTabbedHero { display: none } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background { backdrop-filter: none; background-color: transparent } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background .LanguageToggle { z-index: auto } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background .Navigation-background-blur { backdrop-filter: none } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background .Navigation-bar { backdrop-filter: blur(13px); background: rgba(0, 0, 0, .85); border-bottom: 1px solid #fff; -webkit-transform: translateY(-121px); transform: translateY(-121px) } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background:focus-within .Navigation-topBar { backdrop-filter: blur(13px); background: rgba(0, 0, 0, .85); height: 100% } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background:focus-within .Navigation-bar { -webkit-transform: translate(0) !important; transform: translate(0) !important } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-background .Navigation-topBar { position: relative; z-index: 1 } .Navigation--hasHero.Navigation--hasTabbedHero.is-Stick .Navigation-background { -webkit-transform: translate(0); transform: translate(0) } .Navigation--hasHero.Navigation--hasTabbedHero.is-Stick .Navigation-topBar { backdrop-filter: blur(13px); background: rgba(0, 0, 0, .85) } .Navigation--hasHero.Navigation--hasTabbedHero:not(.is-Stick), .Navigation--hasHero.Navigation--hasTabbedHero:not(.is-Stick) .Navigation-background { height: 34px !important } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-backgroundGradient, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-backgroundGradient:after, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-backgroundGradient:before { display: none } .Navigation--hasHero.Navigation--hasTabbedHero .NavigationCAW { -webkit-transform: translateY(0); transform: translateY(0) } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm { display: none; -webkit-transition: border .7s ease-in-out, background-color .7s ease-in-out; transition: border .7s ease-in-out, background-color .7s ease-in-out } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.is-Stick { display: -webkit-box; display: -ms-flexbox; display: flex } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop { background: transparent; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0 } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop:after { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(180deg, #000, transparent); content: ""; display: block; height: 110px; left: 0; position: absolute; top: 0; -webkit-transform: translateY(-2px); transform: translateY(-2px); width: 100vw; z-index: 1 } @media only screen and (min-width:701px) { .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(16.15%, rgba(0, 0, 0, .5)), to(transparent)); background: linear-gradient(180deg, rgba(0, 0, 0, .5) 16.15%, transparent); height: 150px } } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-logo, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-menuButton:before { color: #fff } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-menuButton { color: #fff; padding-top: 6px; -ms-flex-item-align: start; align-self: flex-start; z-index: 2 } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop>a { padding-top: 18px; -ms-flex-item-align: start; align-self: flex-start; z-index: 2 } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer-gradient { -webkit-transform: translateY(100%); transform: translateY(100%) } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer-gradient:focus-visible, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer-gradient:focus-within, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer:focus-visible, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm.Navigation--atTop .Navigation-sticky-footer:focus-within { -webkit-transform: translateY(0); transform: translateY(0) } .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm .Navigation-sticky-footer, .Navigation--hasHero.Navigation--hasTabbedHero .Navigation-sm .Navigation-sticky-footer-gradient { -webkit-transition: -webkit-transform .7s ease-in-out; transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out } @media only screen and (min-width:0)and (max-width:1100px) { .TabbedHero-icons:has(.TabbedHero-overlay .HeroCaw) .TabbedHero-overlay { display: none } } .TabbedHero:has(.TabbedHero-overlay .HeroCaw) .TabbedHero-container .fahorSearchBar { display: block; margin: 0 auto; max-width: 343px; width: 100% } @media only screen and (min-width:1100px) { .TabbedHero:has(.TabbedHero-overlay .HeroCaw) .TabbedHero-container .fahorSearchBar { display: none } } .TableList-heading .Heading-title { margin-bottom: 60px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .TableList-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .TableList-heading .Heading-title { margin-bottom: 80px } } @media only screen and (min-width:1701px) { .TableList-heading .Heading-title { margin-bottom: 80px } } @media only screen and (min-width:701px) { .TableList-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 42px } } @media only screen and (min-width:961px) { .TableList-item { padding-bottom: 40px } } @media only screen and (min-width:1701px) { .TableList-item { padding-bottom: 50px } } @media only screen and (min-width:701px) { .TableList-item-description { margin-left: auto; padding-top: 0; text-align: right } .TableList-item-description:lang(ar) { margin-left: 0; margin-right: auto; text-align: left } .TableList-item-description-cta { text-align: right } .TableList-item-description-cta:lang(ar) { text-align: left } } .TableList-item-description-cta.nestedList { margin-top: 10px !important } .BodySection--light .TableList-item-description-cta .CTA { color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--light .TableList-item-description-cta .CTA:focus, .BodySection--light .TableList-item-description-cta .CTA:hover { border-color: #767676; color: #767676 } .TableList-finePrint { padding-top: 20px; text-align: center } @media only screen and (min-width:701px) { .TableList-finePrint { padding-top: 40px } } @media only screen and (min-width:1701px) { .TableList-finePrint { padding-top: 50px } } .Table-table { border-collapse: collapse; display: inline-block; margin-right: 30px; table-layout: fixed; vertical-align: top } .BodySection--dark .Table-table { color: #fff } .BodySection--light .Table-table { color: #000 } .Table-table:lang(ar) { margin-left: 30px; margin-right: 0 } .Table-wrapper { overflow-x: auto; overflow-y: hidden } .Table-gradient { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 30px } .BodySection--light .Table-gradient { background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff) } .BodySection--dark .Table-gradient { background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#000)); background: linear-gradient(90deg, transparent 0, #000) } .Table-gradient:lang(ar) { left: 0; right: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .Table-gradient-wrapper { position: relative } .Table-cell { border: 1px solid; max-width: 240px; min-width: 240px; padding: 30px 20px; text-align: left; text-transform: uppercase } .Table-cell:lang(ar) { text-align: right } .Table-1cols .Table-gradient { display: none } .Table-1cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } .Table-1cols .Table-cell { max-width: none; min-width: 0; width: 100% } @media only screen and (min-width:460px) { .Table-2cols .Table-gradient { display: none } .Table-2cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } .Table-2cols .Table-cell { max-width: none; min-width: 0; width: 50% } } @media only screen and (min-width:701px) { .Table-3cols .Table-gradient { display: none } .Table-3cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } .Table-3cols .Table-cell { max-width: none; min-width: 0; width: 33.3333333333% } } @media only screen and (min-width:961px) { :not(.ComponentContainer) .Table-4cols .Table-gradient { display: none } :not(.ComponentContainer) .Table-4cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } :not(.ComponentContainer) .Table-4cols .Table-cell { max-width: none; min-width: 0; width: 25% } } @media only screen and (min-width:1701px) { :not(.ComponentContainer) .Table-5cols .Table-gradient { display: none } :not(.ComponentContainer) .Table-5cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } :not(.ComponentContainer) .Table-5cols .Table-cell { max-width: none; min-width: 0; width: 20% } :not(.ComponentContainer) .Table-6cols .Table-gradient { display: none } :not(.ComponentContainer) .Table-6cols .Table-table { display: table; margin-left: 0; margin-right: 0; table-layout: auto; width: 100% } :not(.ComponentContainer) .Table-6cols .Table-cell { max-width: none; min-width: 0; width: 16.6666666667% } } .Table-footnote { font-family: Monotype Garamond, garamond, serif; font-style: italic; font-weight: 400; margin: 30px 0 0 } .TakeYourTime-container { margin: 0 auto; max-width: 1030px; padding: 0; width: auto } @media only screen and (min-width:1060px) { .TakeYourTime-container { max-width: 1030px } } .TakeYourTime-container label { font-size: 12px; margin-right: 6px; text-transform: uppercase } .TakeYourTime-container .DetailCardList.SpacedComponent, .TakeYourTime-container .SummaryCardList.SpacedComponent { margin-bottom: 0 } .TakeYourTime-filter { margin-bottom: 1rem; text-align: center } .TakeYourTime-filter h2 { margin-bottom: 1rem } .TakeYourTime-filter .Dropdown.formElement { margin: 0; padding-bottom: 0 } .TakeYourTime-filter .Dropdown.formElement select { font-size: 1.25rem } .TakeYourTime-filter .Dropdown.formElement:after { color: #fff; content: "\f111"; right: 12px; top: 11px } .TakeYourTime-filter .TakeYourTime-filterReset { border-bottom-color: #000; color: #000; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TakeYourTime-filter .TakeYourTime-filterReset:hover { border-color: #999; color: #999 } @media only screen and (min-width:1701px) { .TakeYourTime-filter .TakeYourTime-filterReset { margin-left: 12px } } .TakeYourTime-filter .TakeYourTime-filterContainer { background: #000; display: inline-block; margin: 1rem 0; max-width: 100%; position: relative; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TakeYourTime-filter .TakeYourTime-filterContainer:hover { background: #999 } .TakeYourTime-filter .TakeYourTime-filterContainer #TakeYourTime-filter { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: 0; color: #fff; font-style: italic; height: auto; line-height: 1.5rem; max-width: 100%; padding: 12px 50px 12px 24px; position: relative } .TakeYourTime-filter .TakeYourTime-filterContainer #TakeYourTime-filter::-ms-expand { display: none } .TakeYourTime-filter .TakeYourTime-filterContainer #TakeYourTime-filter option { color: #000; font-style: italic } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .TakeYourTime-heading h1 { text-align: center } .DetailCardList, .SummaryCardList { overflow: hidden } @media only screen and (min-width:1060px) { .DetailCardList, .SummaryCardList { max-width: 1030px } } .DetailCardList .row.row-eq-height, .SummaryCardList .row.row-eq-height { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (min-width:701px) { .DetailCardList .row.row-eq-height, .SummaryCardList .row.row-eq-height { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .DetailCardList .CardColumn, .SummaryCardList .CardColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .DetailCardList .CardColumn .CardTitle, .SummaryCardList .CardColumn .CardTitle { margin: 1rem 0 .5rem; min-height: 50px; position: relative; text-align: center } .DetailCardList .CardColumn .CardTitle a, .DetailCardList .CardColumn .CardTitle span, .SummaryCardList .CardColumn .CardTitle a, .SummaryCardList .CardColumn .CardTitle span { border: none; color: #767676; left: 50%; position: absolute; text-decoration: none; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } .DetailCardList .CardColumn .CardTitle a>span, .DetailCardList .CardColumn .CardTitle span>span, .SummaryCardList .CardColumn .CardTitle a>span, .SummaryCardList .CardColumn .CardTitle span>span { left: auto; position: relative; top: auto; -webkit-transform: none; transform: none; white-space: nowrap } .DetailCardList .CardColumn .CardTitle a:hover, .DetailCardList .CardColumn .CardTitle span:hover, .SummaryCardList .CardColumn .CardTitle a:hover, .SummaryCardList .CardColumn .CardTitle span:hover { color: #767676 } .DetailCardList .CardColumn .CardContent, .SummaryCardList .CardColumn .CardContent { background: #f5f5f5; -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .DetailCardList .CardColumn .CardContent .CardLabel, .SummaryCardList .CardColumn .CardContent .CardLabel { text-transform: uppercase } .DetailCardList .CardColumn { -webkit-animation: slideUp 1s ease; animation: slideUp 1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .DetailCardList .CardColumn .CardContent { margin-bottom: 1rem; text-align: center } .DetailCardList .CardColumn .CardContent .CardLabel { display: block; margin-bottom: 1rem; text-decoration: none } .DetailCardList .CardColumn .CardContent .CardDetailHeader { padding-bottom: .5rem; position: relative } .DetailCardList .CardColumn .CardContent .CardDetailHeader:after { background: #000; bottom: 0; content: " "; height: 3px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 10% } .DetailCardList .CardColumn .CardContent .CardDetailHeader .CardDetailHeaderTitle { font-style: normal; margin-bottom: 1rem; text-decoration: none } .DetailCardList .CardColumn .CardContent .CardImage img { max-height: 175px; overflow: hidden; width: 100% } .DetailCardList .CardColumn .CardContent .CardDetailContent { padding: 1.5rem 1rem; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .DetailCardList .CardColumn .CardContent .CardDetailContent .CardBody { margin: 1rem 0 2rem } .DetailCardList .CardColumn .CardContent .CardDetailContent .CardContact { border-color: #000; color: #000; text-transform: uppercase } @media only screen and (min-width:961px) { .DetailCardList .CardColumn .CardContent .CardDetailContent .CardContact { bottom: 1rem; left: 16px; position: absolute; right: 16px } } .DetailCardList .CardColumn .CardContent .CardDetailContent .CardContact a { border: none; color: #000; display: inline-block } .DetailCardList .CardColumn:first-child { -webkit-animation-delay: .25s; animation-delay: .25s } .DetailCardList .CardColumn:nth-child(2) { -webkit-animation-delay: .5s; animation-delay: .5s } .DetailCardList .CardColumn:nth-child(3) { -webkit-animation-delay: .75s; animation-delay: .75s } .DetailCardList .CardColumn:nth-child(4) { -webkit-animation-delay: 1s; animation-delay: 1s } .DetailCardList .CardColumn:nth-child(5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s } .DetailCardList .CardColumn:nth-child(6) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .DetailCardList .CardColumn:nth-child(7) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s } .DetailCardList .CardColumn:nth-child(8) { -webkit-animation-delay: 2s; animation-delay: 2s } .DetailCardList .CardColumn:nth-child(9) { -webkit-animation-delay: 2.25s; animation-delay: 2.25s } .SummaryCardList .CardColumn .CardContent { overflow: hidden; position: relative } .SummaryCardList .CardColumn .CardContent .CardImage img { margin-bottom: -2px; max-height: 171px; overflow: hidden; width: 100% } .SummaryCardList .CardColumn .CardContent .CardDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; height: 100%; justify-content: space-evenly } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:before { display: none } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:hover { -webkit-transition: .3s; transition: .3s } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:hover .CardDetailHeaderTitle, .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:hover .CardLabel { color: #767676 } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:hover .icon-chevron_right { -webkit-transform: translateX(3px); transform: translateX(3px); -webkit-transition: .3s; transition: .3s } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail:last-child .CardDetailHeader { border-bottom: none } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail.CardDetail-open .CardDetailContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: visible; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; border-bottom: 1px solid #000; color: #000; justify-content: space-between; margin: 0 1rem; min-height: 85px; padding: 1.5rem 0; text-decoration: none } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailHeader .CardLabel { font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; width: 25% } @media only screen and (min-width:701px) { .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailHeader .CardLabel { font-size: .865rem } } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailHeader .CardDetailHeaderTitle { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; width: 65% } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent { background: #000; color: #fff; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: .333s; transition: .333s; visibility: hidden; width: 100% } @media (-ms-high-contrast:none) { .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent { -webkit-transition: none; transition: none } } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header { display: inline-block; width: 100% } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header .CardLabel { display: block; padding: 32px 32px 18px; text-align: left } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header .CardDetailHeaderTitle { color: #fff; padding: 0 32px 18px; text-align: left; text-transform: uppercase } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header .CardDetailClose { border: none; color: #fff; position: absolute; right: 18px; text-decoration: none !important; top: 18px } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header a, .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header dl dt, .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header h3, .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailContent-header span { border: none; color: #fff; line-height: normal; margin: 0; text-align: center; text-decoration: none } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailNav .CardDetailNavIcon { border-bottom: none; color: #fff; display: inline-block; left: 8px; position: absolute; text-decoration: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardDetailNav .CardDetailNavIconNext { left: auto; right: 8px } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardBody { color: #fff; margin: 0; overflow-x: auto; padding: 0 32px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardContact { color: #fff; margin: 1rem 0; text-align: center; text-transform: uppercase } .SummaryCardList .CardColumn .CardContent .CardDetails .CardDetail .CardDetailContent .CardContact a { border: none; color: #fff; display: inline-block } .SummaryCardList-lazyLoad, .TakeYourTime-viewAll { margin: 3em 0; text-align: center } .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner { background: #000; margin: 1rem auto 3rem; padding: 1rem; position: relative } .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner dl dt, .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner h3 { color: #fff; font-style: italic; margin-bottom: 1rem; text-align: center; text-transform: none } .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner:after { background: #1d1d1b; bottom: -3rem; content: " "; height: 1px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 140px } @media only screen and (min-width:701px) { .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 80% } .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner dl dt, .TakeYourTime-propertyCTA .TakeYourTime-propertyCTAInner h3 { margin: 0; text-align: left } } .Testimonials .InlineCarousel-button { height: 100% } .Testimonials .TestimonialSlide { display: block } .Testimonials .TestimonialSlide-wrapperContent { background-color: #2d2d2d; display: block; height: 100%; position: relative } .Testimonials .TestimonialSlide-wrapper { display: block; margin: 0; padding: 20px } @media only screen and (min-width:701px) { .Testimonials .TestimonialSlide-wrapper { padding: 20px 30px } } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 40px 80px } } .Testimonials .TestimonialSlide-quote { display: block; margin-bottom: 15px } .Testimonials .TestimonialSlide-quote .Quote-text { display: block; margin: 0 } .Testimonials .TestimonialSlide-imageCircle { display: inline-block } .Testimonials .TestimonialSlide-imageCircle .ImageCircle-img { display: block; height: 30px; width: 30px } .Testimonials .TestimonialSlide-separator { background-color: #7d7d7d; height: 1px; margin: 20px 0; width: 100% } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-separator { height: 100%; margin: 0; position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); width: 1px } } .Testimonials .TestimonialSlide-attributionWrapper, .Testimonials .TestimonialSlide-iconTextWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Testimonials .TestimonialSlide-attribution { display: inline-block; margin-left: 15px; text-align: left } .Testimonials .TestimonialSlide-attribution:lang(ar) { margin-left: 0; margin-right: 15px; text-align: right } .Testimonials .TestimonialSlide-icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-icon { margin-right: 15px } } .Testimonials .TestimonialSlide-icon:lang(ar) { margin-left: 10px; margin-right: 0 } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-icon:lang(ar) { margin-left: 15px } } .Testimonials .TestimonialSlide-iconTextWrapper { margin-bottom: 20px } @media only screen and (min-width:701px) { .Testimonials .TestimonialSlide-iconTextWrapper { margin-bottom: 0; max-width: 300px } } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-iconTextWrapper { margin-bottom: 30px; max-width: 100% } } .Testimonials .TestimonialSlide-sectionSeparator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-sectionSeparator { display: block; position: relative } } .Testimonials .TestimonialSlide-cta { background-color: transparent; border: 1px solid #fff; color: #fff } @media only screen and (min-width:701px) { .Testimonials .TestimonialSlide-cta { width: 180px } } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-cta { width: auto } } .Testimonials .TestimonialSlide-cta:hover { background-color: #fff; color: #000 } .Testimonials .TestimonialSlide-attribution, .Testimonials .TestimonialSlide-description, .Testimonials .TestimonialSlide-icon, .Testimonials .TestimonialSlide-quote { color: #fff } .Testimonials .TestimonialSlide-sectionContent, .Testimonials .TestimonialSlide-sectionQuote, .Testimonials .TestimonialSlide-sectionSeparator { padding: 0 } .Testimonials .TestimonialSlide-sectionQuote { display: block } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-sectionQuote { padding-right: 15px } .Testimonials .TestimonialSlide-sectionQuote:lang(ar) { padding-left: 15px; padding-right: 0 } } .Testimonials .TestimonialSlide-sectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .Testimonials .TestimonialSlide-sectionContent { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media only screen and (min-width:961px) { .Testimonials .TestimonialSlide-sectionContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 320px; padding-left: 15px } .Testimonials .TestimonialSlide-sectionContent:lang(ar) { padding-left: 0; padding-right: 15px } } .Testimonials.InlineCarousel--js .TestimonialSlide:not(.is-selected) { opacity: .6; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out } .Testimonials.InlineCarousel--js .TestimonialSlide:not(.is-selected):hover { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .Testimonials.InlineCarousel--js .TestimonialSlide.is-selected { opacity: 1; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in } .Testimonials.InlineCarousel--js .TestimonialSlide:not(.is-selected) .TestimonialSlide-cta { pointer-events: none } .Testimonials.InlineCarousel--js .TestimonialSlide.is-selected .TestimonialSlide-cta { pointer-events: auto } .TextAndAppLinks-heading { font-family: Neue Helvetica, helvetica, sans-serif; text-align: center } .TextAndAppLinks-heading .Heading-title.ty-h2 { font-size: 2rem; font-weight: 100; letter-spacing: .0725rem; line-height: 2.4375rem; text-transform: none } @media only screen and (min-width:701px) { .TextAndAppLinks-heading .Heading-title.ty-h2 { font-size: 4.5rem; letter-spacing: .163125rem; line-height: 5.3125rem; margin-bottom: 15px } } .TextAndAppLinks-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; letter-spacing: .03125rem; line-height: 2.0625rem; text-align: center } @media only screen and (min-width:701px) { .TextAndAppLinks-text { margin-bottom: 30px; margin-top: 15px } } .TextAndAppLinks-app-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:701px) { .TextAndAppLinks-app-links { margin-bottom: 90px; margin-top: 30px } } .TextAndAppLinks-app-links .app-store { margin-left: 3%; margin-right: 9%; width: 39% } .TextAndAppLinks-app-links .app-store.app-link:only-child { margin-left: 30.5% } .TextAndAppLinks-app-links .google-play { width: 49% } .TextAndAppLinks-app-links .google-play.app-link:only-child { margin-left: 25.5% } .TextAndAppLinks-app-links img { width: 100% } @media only screen and (min-width:701px) { .TextAndAppLinks-fullbleed-image-mobile { display: none } } .TextAndAppLinks-fullbleed-image-desktop { display: none } @media only screen and (min-width:701px) { .TextAndAppLinks-fullbleed-image-desktop { display: block } } .TextAndAppLinks-badgeImage:after { content: "" !important; display: none } .TextAndAppLinks--defaultBadge .Image-picture, .TextAndAppLinks-badgeImage .Image-picture { position: relative } .TextBlocks .TextBlock { border-bottom: 1px solid #7d7d7d; margin: auto } .TextBlocks .TextBlock-title { font-family: Helvetica; font-size: 24px; font-style: normal; font-weight: 300; letter-spacing: .5px; line-height: 31px; margin-bottom: 24px; margin-top: 30px; text-align: left; width: 315px } @media only screen and (min-width:701px) { .TextBlocks .TextBlock-title { margin-bottom: 24px; margin-top: 30px; width: 659px } } .TextBlocks .TextBlock-title:lang(ar) { text-align: right } @media only screen and (min-width:961px) { .TextBlocks .TextBlock-title { margin-bottom: 24px; margin-top: 30px; width: 770px } } .TextBlocks .TextBlock-text { margin-bottom: 24px; margin-top: 30px; text-align: left; width: 315px } .TextBlocks .TextBlock-text:lang(ar) { text-align: right } @media only screen and (min-width:701px) { .TextBlocks .TextBlock-text { margin-bottom: 24px; margin-top: 30px; width: 659px } } @media only screen and (min-width:961px) { .TextBlocks .TextBlock-text { margin-bottom: 24px; margin-top: 30px; width: 770px } } .TextBlocks .TextBlock:last-child { border-bottom: none } .TextBlocks .TextBlock:lang(ar) { margin: 0 } @media only screen and (min-width:701px) { .TextBlocks .TextBlock { margin-bottom: 24px; margin-top: 30px; width: 659px } } @media only screen and (min-width:961px) { .TextBlocks .TextBlock { margin-bottom: 24px; margin-left: 8.33%; margin-top: 30px; width: 770px } .TextBlocks .TextBlock:lang(ar) { margin-right: 8.33% } } .Text-Box { text-align: center } .Text-Box-title { margin-bottom: 40px } @media only screen and (min-width:701px) { .Text-Box-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .Text-Box-title { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .Text-Box-title { margin-bottom: 60px } } .Text-Box-text { margin-bottom: 0; margin-top: 0 } @media only screen and (min-width:961px) { .Text-Box-text { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em } .Text-Box-text:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Text-Box-text:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Text-Box-text:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Text-Box-text:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Text-Box-text:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Text-Box-text:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Text-Box-text { font-family: Work Sans; font-size: 1.125rem; font-size: .875rem; letter-spacing: .0277777778em; letter-spacing: .0357142857em; line-height: 1.5em; line-height: 1.9285714286em } } @media only screen and (min-width:1701px) { html.WhiteLabelSite .Text-Box-text { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } } .Text-Box--GrayBox { background-color: #f5f5f5; color: #000; margin-left: 15px; margin-right: 15px; padding: 60px 0 } @media only screen and (min-width:701px) { .Text-Box--GrayBox { margin-left: auto; margin-right: auto; padding: 80px 0 } } .Text-Box--GrayBox .Text-Box-title { margin-bottom: 20px; margin-top: 0 } .Text-Box--GrayBox-text { margin-bottom: 0; margin-top: 0 } .TextMobileCarousel { background-color: #f5f5f5; padding-bottom: 100px } .TextMobileCarousel .Card-body { margin: 10px } .TextMobileCarousel .Card-title { display: block; font-size: 22px; font-weight: 100; letter-spacing: 1px; margin-top: 35px; text-transform: capitalize } .TextMobileCarousel td.side-text { padding-left: 50px; text-transform: none } .TextMobileCarousel td.side-text p { color: #000; font-size: 30px; font-weight: 100; letter-spacing: 1px; max-width: 400px; min-width: 300px; position: relative; text-transform: none; top: 100px; width: auto } @media only screen and (min-width:701px) { .TextMobileCarousel td.side-text p { max-width: 400px } } @media only screen and (min-width:961px) { .TextMobileCarousel td.side-text p { max-width: 500px } } .TextMobileCarousel div.side-text { color: #000; font-size: 20px; font-weight: 100; letter-spacing: 1px; margin: 0 auto; max-width: 300px; text-align: center; text-transform: none; width: 100% } @media only screen and (min-width:701px) { .TextMobileCarousel div.side-text { max-width: 400px } } @media only screen and (min-width:961px) { .TextMobileCarousel div.side-text { max-width: 500px } } .TextMobileCarousel .Card-body .Card-description { font-size: 16px; font-weight: 100; letter-spacing: 1px } .TextMobileCarousel .Card-description { letter-spacing: 0; margin-bottom: 10px; min-height: 75px } .TextMobileCarousel .Card-directions { font-weight: 700 } .TextMobileCarousel .Card-directions, .TextMobileCarousel .Card-time { font-size: 12px; letter-spacing: 3px; text-transform: uppercase } .TextMobileCarousel .TextMobileCarousel-heading .Heading .Heading-title { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 100; margin-left: 50%; margin-right: 50%; text-align: center; text-transform: capitalize; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .TextMobileCarousel .Card-body .Heading .Heading-title { color: #000; font-weight: 100 } .TextMobileCarousel ul.TextMobileCarousel-Cardpanel-carousel { display: block; min-height: 440px } @media only screen and (min-width:961px) { .TextMobileCarousel ul.TextMobileCarousel-Cardpanel-carousel { display: none } } .TextMobileCarousel ul.TextMobileCarousel-Cardpanel-carousel .flickity-page-dots { bottom: 0; display: block; line-height: 1; list-style: none; margin: 0; padding: 0; pointer-events: none; position: absolute; text-align: center; width: 100% } .TextMobileCarousel ul.TextMobileCarousel-Cardpanel-carousel .flickity-page-dots .dot.is-selected { background: #000; height: 8px; margin: -1px 3px; opacity: 1; width: 8px } .TextMobileCarousel .carousel { display: block } @media only screen and (min-width:961px) { .TextMobileCarousel .carousel { display: none } } .TextMobileCarousel .Image-ratioContainer .Image-img { height: 200px; max-height: 200px; width: 100% } .TextMobileCarousel-parent { overflow: visible } .TextMobileCarousel-parent .cardpanel-carousel { display: block } .TextMobileCarousel-parent .Card-container { width: 310px } .TextMobileCarousel-heading { margin-bottom: 0; text-align: center } @media only screen and (min-width:701px) { .TextMobileCarousel-heading { margin-bottom: 0 } } @media only screen and (min-width:961px) { .TextMobileCarousel-heading { margin-bottom: 40px } } @media only screen and (min-width:1701px) { .TextMobileCarousel-heading { margin-bottom: 60px } } .TextMobileCarousel-heading .Heading-title { margin: 0 } .TextMobileCarousel-item { background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; margin: 0 7.5px; min-width: 310px; width: calc(get-columns-vw(10, string)) } @media only screen and (min-width:701px) { .TextMobileCarousel-item { margin: 0 15px; width: 329.9999999986px } } @media only screen and (min-width:961px) { .TextMobileCarousel-item { width: 289.9999999987px } } @media only screen and (min-width:1701px) { .TextMobileCarousel-item { width: 489.9999999979px } } .TextMobileCarousel-parent { overflow: hidden } .TextMobileCarousel-row { position: relative } .TextMobileCarousel-row .flickity-viewport { left: calc(8.33333vw - 1.25px) } @media only screen and (min-width:701px) { .TextMobileCarousel-row .flickity-viewport { left: 0 } } .TextMobileCarousel-row .flickity-prev-next-button:before { content: ""; height: 100%; position: absolute; right: 50%; top: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .TextMobileCarousel-row .flickity-prev-next-button.previous { display: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TextMobileCarousel-row .flickity-prev-next-button.previous:focus, .TextMobileCarousel-row .flickity-prev-next-button.previous:hover { border-color: #767676; color: #767676 } .TextMobileCarousel-row .flickity-prev-next-button.previous:before { content: "\f117" } .TextMobileCarousel-row .flickity-prev-next-button.previous:lang(ar):before { content: "\f118" } @media only screen and (min-width:701px) { .TextMobileCarousel-row .flickity-prev-next-button.previous { display: block; left: -30px; -webkit-transform: translateX(50%); transform: translateX(50%) } .TextMobileCarousel-row .flickity-prev-next-button.previous:lang(ar) { left: auto; right: 0 } } @media only screen and (min-width:961px) { .TextMobileCarousel-row .flickity-prev-next-button.previous { left: -30px } .TextMobileCarousel-row .flickity-prev-next-button.previous:lang(ar) { left: auto; right: 0 } } .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.previous { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.previous:focus, .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.previous:hover { border-color: #999; color: #999 } .TextMobileCarousel-row .flickity-prev-next-button.next { display: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .TextMobileCarousel-row .flickity-prev-next-button.next:focus, .TextMobileCarousel-row .flickity-prev-next-button.next:hover { border-color: #767676; color: #767676 } .TextMobileCarousel-row .flickity-prev-next-button.next:before { content: "\f118" } .TextMobileCarousel-row .flickity-prev-next-button.next:lang(ar):before { content: "\f117" } @media only screen and (min-width:701px) { .TextMobileCarousel-row .flickity-prev-next-button.next { display: block; right: 0; -webkit-transform: translateX(50%); transform: translateX(50%) } .TextMobileCarousel-row .flickity-prev-next-button.next:lang(ar) { left: -30px; right: auto } } @media only screen and (min-width:961px) { .TextMobileCarousel-row .flickity-prev-next-button.next { left: auto; right: 0 } .TextMobileCarousel-row .flickity-prev-next-button.next:lang(ar) { left: -30px; right: auto } } .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.next { color: #fff; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.next:focus, .BodySection--dark .TextMobileCarousel-row .flickity-prev-next-button.next:hover { border-color: #999; color: #999 } .BodySection .TextMobileCarousel .Card-description { margin-bottom: 10px } .TextMobileCarousel-card.placeholder { visibility: hidden } .TextMobileCarousel-card { background-color: #f5f5f5; border: 1px solid #979797; border-radius: 3px; color: #000; float: left; margin-right: 15px; min-height: 390px; overflow: hidden; width: 310px } table.col-sm-12.TextMobileCarousel-row { display: none; left: -1100px; position: relative } @media only screen and (min-width:961px) { table.col-sm-12.TextMobileCarousel-row { display: block } } .textIconsList-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding-bottom: 40px; text-transform: uppercase; width: 100% } .textIconsList .icon, .textIconsList-title { display: -webkit-box; display: -ms-flexbox; display: flex } .textIconsList .icon { font-size: 56px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 56px; padding-right: 24px } .textIconsList .icon:lang(ar) { padding-left: 24px; padding-right: 0 } @media only screen and (min-width:961px) { .textIconsList .icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 0 } .textIconsList .icon:lang(ar) { padding-left: 0 } } .textIconsList-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .textIconsList-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .textIconsList-textIcons-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 30px } @media only screen and (min-width:961px) { .textIconsList-textIcons-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 30px; -ms-flex-preferred-size: 33%; flex-basis: 33%; padding-bottom: 60px } .textIconsList-textIcons-container:lang(ar) { padding-left: 30px; padding-right: 0 } .textIconsList-container.textIconsList-container--4 .textIconsList-textIcons-container { -ms-flex-preferred-size: 25%; flex-basis: 25% } .textIconsList-titleDescriptionContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .textIconsList-iconDescription { text-align: center } } .textIconsList-iconTitle { padding-bottom: 10px } .ThreeArticleList [has-video-id] .Image-picture { position: relative } .ThreeColumnTextItems-Container { background-color: #f5f5f5; margin: auto; max-width: 1070px; padding-bottom: 60px; padding-top: 40px } @media only screen and (min-width:1701px) { .ThreeColumnTextItems-Container { max-width: 1670px } } .ThreeColumnTextItems-Title { margin-bottom: 40px; margin-top: 0; text-align: center } .ThreeColumnTextItems-Line { border-bottom: 1px solid #d8d8d8; display: block; margin-bottom: 10px } .ThreeColumnTextItems-Item { margin-top: 30px; text-align: left } .ThreeColumnTextItems-Item:lang(ar) { text-align: right } .ThreeColumnTextItems-Item-Icon { font-size: 40px; line-height: 40px } .ThreeColumnTextItems-Item .Heading { margin-top: 10px } .PropertyCard { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: #fff; border: 1px solid #d8d8d8; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15); box-shadow: 0 0 10px rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; -ms-flex-direction: column; flex-direction: column; margin: auto; width: 261px } .PropertyCard h3 { font-size: 12px; text-align: left } .PropertyCard .IndicatorColor { min-height: 12px; min-width: 12px } .PropertyCard h3:after { background-color: #d8d8d8; content: ""; height: 1px; left: 0; position: absolute; top: 100%; width: 100% } .PropertyCard .IconContainer { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding-top: 10px; row-gap: 15px } .PropertyCard .IconContainer, .PropertyCard .TitleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .PropertyCard .TitleContainer { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; position: relative; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .PropertyCard .PropertyCard-CTA { cursor: pointer; height: 30px; margin-top: 20px; width: 100% } .PropertyCard .PropertyCard-CTA .CTA { height: 30px; width: 100% } .PropertyCard .icon { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .PropertyCard .icon.hideMobile { display: none } @media only screen and (min-width:701px) { .PropertyCard .icon.hideMobile { display: -webkit-box; display: -ms-flexbox; display: flex } } .PropertyCard .icon:before { font-size: 25px } .travelAdvisories { margin: auto; min-height: 850px; width: calc(100vw - 30px) } @media only screen and (min-width:701px) { .travelAdvisories { width: 690px } } @media only screen and (min-width:961px) { .travelAdvisories { width: 960px } } .travelAdvisories .accordion-body { border-top: 1px solid #d8d8d8 } .travelAdvisories .travelAdvisoriesSvelte { min-height: 500px } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); min-height: 500px; width: 100% } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea { padding: 60px 20px } @media only screen and (min-width:701px) { .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea { padding: 50px 30px } } @media only screen and (min-width:961px) { .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea { padding: 50px 80px } } .WgHoverCardList .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .TitleAndCards-title, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .WgHoverCardList .TitleAndCards-title, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .heading, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .heading-1, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .heading-2, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .heading-3, .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .heading-4 { text-align: center } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .searchOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media only screen and (min-width:701px) { .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .searchOptions { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .searchOptions .searchOption { -ms-flex-preferred-size: 100%; flex-basis: 100% } @media only screen and (min-width:701px) { .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent .travelAdvisoriesSearchArea .searchOptions .searchOption { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px) } } .travelAdvisories .travelAdvisoriesSvelte .travelAdvisoriesComponent hr { border: 1px solid #cacaca; margin-bottom: 30px; margin-top: 0; width: 100% } .travelAdvisories .RadioButtons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .travelAdvisories .RadioButtons .RadioButtons-button:not(:last-child) { margin: 0 } .travelAdvisories-title { letter-spacing: .125em; margin-bottom: 30px; text-align: center } @media only screen and (min-width:961px) { .travelAdvisories-title { font-size: 2rem; line-height: 1.46875em } } .travelAdvisories .travel-checkbox { -ms-flex-item-align: start; align-self: flex-start } .travelAdvisories .viewRegulations.CTA { width: 100% } @media only screen and (min-width:701px) { .travelAdvisories .viewRegulations.CTA { width: 368px } } .travelAdvisories .CTA[disabled] { opacity: .7 } .travelAdvisories-notice { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .travelAdvisories-notice-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .travelAdvisories-notice-important { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .travelAdvisories-notice-important:lang(ar), .travelAdvisories-notice-powered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .travelAdvisories-notice-powered:lang(ar) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .travelAdvisories-notice a { color: #000 } .travelAdvisories .LoadingIndicator { background: transparent } .travelAdvisories .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .travelAdvisories .modal-header button { display: block; position: absolute; right: 0; top: 0; -ms-flex-item-align: start; align-self: flex-start } .travelAdvisories .modal-header .header-text { text-align: center; width: 100% } .travelAdvisories .modal-header .header-text h1 { font-size: 28px; letter-spacing: 4px; line-height: 42px } .travelAdvisories .modal-header .header-text h3 { font-size: 16px; letter-spacing: 4px; line-height: 21px } .travelAdvisories .checkVaccinated { background-color: #f5f5f5; border: 1px solid #d8d8d8; margin-bottom: 20px; margin-top: 10px } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion { background-color: #f5f5f5; border: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label { background-color: #f5f5f5; font-family: Monotype Garamond, garamond, serif; font-size: .9375rem; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: .0333333333em; line-height: 1.6666666667em; margin: 14px 10px 14px 25px; text-transform: none; white-space: normal; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label { font-family: Work Sans; font-size: .6875rem; letter-spacing: .0454545455em; line-height: 2.2727272727em } @media only screen and (min-width:701px) { .travelAdvisories .checkVaccinated .Accordion-header button.Accordion .label { display: inline } } .travelAdvisories .checkVaccinated .Accordion-header span.icon { margin-bottom: 14px; margin-left: 20px; margin-top: 14px } .travelAdvisories .pagination .PaginationComponent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 60px 25px } @media only screen and (min-width:701px) { .travelAdvisories .pagination .PaginationComponent { padding: 0 50px 30px } } @media only screen and (min-width:961px) { .travelAdvisories .pagination .PaginationComponent { padding: 0 50px 70px } } .travelAdvisories .pagination .PaginationComponent .pagination-filters { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; padding-bottom: 30px; padding-top: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-left: 10px; margin-right: 10px } @media only screen and (min-width:701px) { .travelAdvisories .pagination .PaginationComponent .pagination-filters { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; margin-left: -20px; margin-right: -20px } } @media only screen and (min-width:961px) { .travelAdvisories .pagination .PaginationComponent .pagination-filters { gap: 30px } } .travelAdvisories .pagination .PaginationComponent .pagination-filters .pagination-filter { font-size: 12px; font-weight: 400; -ms-flex-preferred-size: 100%; flex-basis: 100% } @media only screen and (min-width:701px) { .travelAdvisories .pagination .PaginationComponent .pagination-filters .pagination-filter { -ms-flex-preferred-size: auto; flex-basis: auto } } .travelAdvisories .pagination .PaginationComponent .pagination-filters .pagination-filter.active { font-weight: 700 } .travelAdvisories .pagination .PaginationComponent .pagination-nav { margin-top: 35px } .travelAdvisories .pagination .PaginationComponent .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; gap: 30px; justify-content: center } @media only screen and (min-width:701px) { .travelAdvisories .pagination .PaginationComponent .items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .travelAdvisories .pagination .PaginationComponent hr { margin-left: -50px; margin-right: -50px; width: calc(100% + 100px) } .travelAdvisories .IndicatorColor { display: inline-block; height: 12px; min-width: 12px; width: 12px } .travelAdvisories .IndicatorColor--sm { height: 8px; min-width: 8px; width: 8px } .travelAdvisories-noDataNoticeText { margin-bottom: 50px; margin-left: auto; margin-right: auto; max-width: 400px; text-align: center; width: 100% } @media only screen and (min-width:701px) { .travelAdvisories-noDataNoticeText { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; max-width: 500px } .travelAdvisories-noDataNoticeText:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .travelAdvisories-noDataNoticeText:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto; font-size: 1rem } html.WhiteLabelSite .travelAdvisories-noDataNoticeText { font-family: Work Sans; font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.9285714286em } } @media only screen and (min-width:961px) { .travelAdvisories-noDataNoticeText { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; max-width: 600px } .travelAdvisories-noDataNoticeText:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .travelAdvisories-noDataNoticeText:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .travelAdvisories-noDataNoticeText:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .travelAdvisories-noDataNoticeText { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } } .TravelStatusDisplay { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; margin: auto; position: relative } .TravelStatusDisplay.TravelStatusDisplay--open { background-color: rgba(45, 167, 113, .1); border: 1px solid #2da771 } .TravelStatusDisplay.TravelStatusDisplay--close { background-color: rgba(255, 30, 30, .1); border: 1px solid #ff1e1e } .TravelStatusDisplay.TravelStatusDisplay--neutral { background-color: hsla(0, 0%, 85%, .1); border: 1px solid #d8d8d8 } .TravelStatusDisplay.TravelStatusDisplay--quarantine { background-color: rgba(223, 148, 60, .2); border: 1px solid #df943c } .TravelStatusDisplay .TravelStatusDisplay-container { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 80px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 20px } .TravelStatusDisplay .iconStatus { bottom: 35%; font-size: 24px; left: 2.29%; padding-left: 20px; padding-right: 20px; right: 94.99%; top: 35% } .TravelStatusDisplay .iconStatus--neutral { display: hidden } .TravelStatusDisplay .bodyText { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left } .UGCGrid { padding: 0 0 30px } @media only screen and (min-width:701px) { .UGCGrid { width: 450px } } @media only screen and (min-width:961px) { .UGCGrid { width: 930px } } .UGCGrid-list { overflow: hidden; padding: 0 45px } @media only screen and (min-width:701px) { .UGCGrid-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; justify-content: center } } .UGCGrid-item { margin-right: 15px; width: 100% } @media only screen and (min-width:701px) { .UGCGrid-item { margin: 0; max-width: 210px; width: 210px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media only screen and (min-width:961px) { .UGCGrid-item { -ms-flex-preferred-size: 25%; flex-basis: 25% } } .UGCGrid-item .Collage-figure, .UGCGrid-item .Image { display: block; line-height: 0 } .UGCGrid-item .Attribution .Attribution-author { overflow-wrap: break-word } .UGCGrid-item .Attribution.facebook, .UGCGrid-item .Attribution.instagram { display: -webkit-box; display: -ms-flexbox; display: flex } .UGCGrid-item .Attribution.facebook .Attribution-author, .UGCGrid-item .Attribution.instagram .Attribution-author { max-width: calc(100% - 26px) } .UGCGrid-item .Attribution.facebook:before, .UGCGrid-item .Attribution.instagram:before { margin-right: 12px; padding-top: 7px } .UGCGrid-item .Attribution.facebook:lang(ar):before, .UGCGrid-item .Attribution.instagram:lang(ar):before { margin-left: 12px; margin-right: 0 } .UGCGrid-heading { padding: 0 15px; text-align: center } @media only screen and (min-width:701px) { .UGCGrid-heading { padding: 0 } } @media only screen and (min-width:961px) { .UGCGrid-heading { margin: auto; width: 83.33333% } } .UGCGrid-heading .Heading .Heading-title { margin-bottom: 30px } .UGCGrid-heading .Heading .Heading-text { margin: 0 } .UGCGrid-heading .Heading :last-child { margin-bottom: 40px } .UGCGrid-title { text-transform: uppercase } .UGCGrid--light .UGCGrid-title:after { background-color: #000 } .UGCGrid--dark .UGCGrid-title:after { background-color: #fff } .VerticalCard { margin-bottom: 60px } @media only screen and (min-width:701px) { .VerticalCard { margin-bottom: 80px } } @media only screen and (min-width:961px) { .VerticalCard { margin-bottom: 50px } } @media only screen and (min-width:1701px) { .VerticalCard { margin-bottom: 60px } } .VerticalCard:last-child { margin-bottom: 0 } .VerticalCard-picture { display: block; margin-bottom: 30px } @media only screen and (min-width:701px) { .VerticalCard-picture { margin-bottom: 0 } } .VerticalCard-title { margin: 0 0 10px } .VerticalCard-textArea { margin: 0 } .VideoAndTable-container { -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); margin: auto; padding: 16px 15px } .VideoAndTable--light .VideoAndTable-container { background-color: #000; color: #fff } .VideoAndTable--dark .VideoAndTable-container { background-color: #fff; color: #000 } .VideoAndTable-video { margin-bottom: 1rem; position: relative } @media only screen and (min-width:961px) { .VideoAndTable-video { margin-bottom: 0 } } .VideoAndTable-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .VideoAndTable-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1rem; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: .25em; letter-spacing: 3px; line-height: 1.3125em; margin: 0; text-transform: uppercase } .VideoAndTable-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .VideoAndTable-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoAndTable-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoAndTable-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .VideoAndTable-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .VideoAndTable-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .VideoAndTable-title { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:701px) { .VideoAndTable-title { font-size: 18px; letter-spacing: 4px; line-height: 1.5em } } .VideoAndTable-text { -webkit-box-flex: 100%; -ms-flex: 100% 0 0px; flex: 100% 0 0; margin: 1rem -1em 1rem 0; padding-right: 1em; width: 100% } .VideoAndTable-text:lang(ar) { margin: 1rem 0 1rem -1em; padding-left: 1em; padding-right: 0 } @media only screen and (min-width:961px) { .VideoAndTable-text { margin-bottom: 25px; margin-top: 25px } } .VideoAndTable-cta { left: 50%; margin-bottom: 25px; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .VideoAndTable--light .VideoAndTable-cta { border: 1px solid #fff } .VideoAndTable--dark .VideoAndTable-cta { border: 1px solid #000 } .VideoAndTable-cta:lang(ar) { left: -50%; -webkit-transform: translateX(50%); transform: translateX(50%) } @media only screen and (min-width:961px) { .VideoAndTable-cta, .VideoAndTable-cta:lang(ar) { left: 0; -webkit-transform: none; transform: none } .VideoAndTable-content { padding-bottom: 0 } } .VideoAndTable-table { display: none } .VideoAndTable-table.large-only { margin-top: 20px } @media only screen and (min-width:961px) { .VideoAndTable-table.large-only { display: block } } @media only screen and (min-width:1701px) { .VideoAndTable-table.large-only { display: none } } .VideoAndTable-table.xlarge-only { margin-top: 25px } @media only screen and (min-width:1701px) { .VideoAndTable-table.xlarge-only { display: block } } .row>.VideoAndTable-table { padding-left: 15px; padding-right: 15px } .VideoAndTable-table .TableList { margin-bottom: 1rem } @media only screen and (min-width:701px) { .VideoAndTable-table .TableList { margin-bottom: 0 } } .VideoAndTable-table .TableList-items { margin: 0 } .VideoAndTable-table .TableList-items .TableList-item { padding: 15px 0 } .VideoAndTable-table .TableList-items .TableList-item-description-text { line-height: 1.33333em } .VideoAndTable-table .TableList-items>.TableList-item:last-of-type { padding-bottom: 0 } .VideoAndTable .VideoPlaceholderImage-button { height: 50px; width: 50px } .VideoAndTable .VideoPlaceholderImage-button:before { font-size: 50px } @media only screen and (min-width:961px) { .VideoAndTable .VideoPlaceholderImage-button { height: 40px; width: 40px } .VideoAndTable .VideoPlaceholderImage-button:before { font-size: 40px } } @media only screen and (min-width:1701px) { .VideoAndTable .VideoPlaceholderImage-button { height: 55px; width: 55px } .VideoAndTable .VideoPlaceholderImage-button:before { font-size: 55px } } .VideoHero-heading-noSub .Heading-title:after { display: none } .VideoHero .ThirdPartyVideo { position: relative; z-index: 1 } .VideoHero .VideoPlaceholderImage-button { z-index: 2 } .VideoHero--playing .VideoPlaceholderImage-button { display: none } .VideoHero-heading .Heading { text-align: center; width: 100% } .VideoHero-heading .Heading-eyebrow { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .VideoHero-heading .Heading-eyebrow:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .VideoHero-heading .Heading-eyebrow:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-eyebrow:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-eyebrow:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-eyebrow:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-eyebrow:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .VideoHero-heading .Heading-eyebrow { font-family: EB Garamond; text-transform: none } .VideoHero-heading .Heading-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 200; letter-spacing: .2142857143em; line-height: 1.5em; margin: 10px 0 23px; text-transform: uppercase } @media only screen and (min-width:701px) { .VideoHero-heading .Heading-title { font-size: 2rem; letter-spacing: .15625em; line-height: 1.46875em } } @media only screen and (min-width:961px) { .VideoHero-heading .Heading-title { font-size: 2.75rem; letter-spacing: .1363636364em; line-height: 1.4090909091em } } @media only screen and (min-width:1701px) { .VideoHero-heading .Heading-title { font-size: 4.5rem; letter-spacing: .1388888889em; line-height: 1.3888888889em } } .VideoHero-heading .Heading-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .VideoHero-heading .Heading-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .VideoHero-heading .Heading-title { font-family: EB Garamond; text-transform: none } .VideoHero-heading .Heading-title:after { background-color: #000; content: ""; display: block; height: 2px; margin: 0 auto; position: relative; top: 8px; width: 40px } @media only screen and (min-width:1701px) { .VideoHero-heading .Heading-title { margin: 10px 0 30px } } .VideoHero-heading .Heading-subtitle { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 400; letter-spacing: .25em; line-height: 1.5em; text-transform: uppercase } .VideoHero-heading .Heading-subtitle:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .VideoHero-heading .Heading-subtitle:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-subtitle:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-subtitle:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-subtitle:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .VideoHero-heading .Heading-subtitle:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .VideoHero-heading .Heading-subtitle { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .VideoHero-heading--mobile { margin-top: 20px } @media only screen and (min-width:961px) { .VideoHero-heading--mobile { display: none } } .VideoHero-heading--mobile .Heading { color: #000 } .VideoHero-heading--mobile .Heading-title:after { background-color: #000 } .VideoHero-heading--mobile--dark .Heading { color: #fff } .VideoHero-heading--desktop { display: none } @media only screen and (min-width:961px) { .VideoHero-heading--desktop { display: block } } .VideoHero-heading--desktop .Heading { color: #fff } .VideoHero-heading--desktop .Heading-title:after { background-color: #fff } .VideoHero-hero { height: 56.25vw; position: relative } .VideoHero-hero:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); bottom: 0; content: ""; display: block; height: 60%; pointer-events: none; position: absolute; width: 100%; z-index: 1 } @media only screen and (min-width:701px) { .VideoHero-hero:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 70%; width: 100% } } @media only screen and (min-width:961px) { .VideoHero-hero:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent 0, #000); height: 60%; width: 100% } } .VideoHero-hero .Image-ratioContainer { height: 100%; width: auto } .VideoHero-hero .Image-ratioContainer .Image-img { min-height: 100%; min-width: 100%; width: auto } .VideoHero-heading-noTitle { display: none } .VideoList-heading .Heading-title { margin-bottom: 40px; margin-top: 0; text-align: center } @media only screen and (min-width:701px) { .VideoList-heading .Heading-title { margin-bottom: 60px } } @media only screen and (min-width:961px) { .VideoList-heading .Heading-title { margin-bottom: 70px } } @media only screen and (min-width:1701px) { .VideoList-heading .Heading-title { margin-bottom: 90px } } .VideoList-filter { margin: 0 auto 40px } @media only screen and (min-width:701px) { .VideoList-filter { margin: 0 auto 60px } } @media only screen and (min-width:961px) { .VideoList-filter { margin: 0 auto 70px } } @media only screen and (min-width:1701px) { .VideoList-filter { margin: 0 auto 90px } } .VideoList-filter-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; display: block; padding-top: 5px; width: 100% } .VideoList-filter-button { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; width: 25%; -ms-flex-item-align: center; align-self: center; background: none; border: none; color: #000; display: inline-block; font-weight: 400; text-align: center } .VideoList-filter-button:focus, .VideoList-filter-button:hover { border-color: #767676; color: #767676 } @media only screen and (min-width:701px) { .VideoList-filter-button { margin-top: 25px } } @media only screen and (min-width:961px) { .VideoList-filter-button { margin-top: 30px } } @media only screen and (min-width:1701px) { .VideoList-filter-button { margin-top: 40px } } .VideoList-filter-button--is-active { font-weight: 700 } .VideoList-filter-button--is-active:active, .VideoList-filter-button--is-active:focus, .VideoList-filter-button--is-active:hover { color: #000 } @media only screen and (min-width:961px) { .VideoList-dropdownContainer { display: none } } .VideoList-dropdown { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; height: 80px; padding: 22px 0; position: relative } .VideoList-types { display: block } .VideoList-types-select { position: relative } .VideoList-types-select:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 7px; top: 7px } .VideoList-types-select:lang(ar):after { left: 7px; right: auto } @media only screen and (min-width:701px) { .VideoList-types-select:after { right: 15px } .VideoList-types-select:lang(ar):after { left: 15px; right: auto } } .VideoList-types-buttons { display: none } @media only screen and (min-width:961px) { .VideoList-types-buttons { border-bottom: 1px solid; border-top: 1px solid; display: block; padding-top: 0 } } @media only screen and (min-width:961px)and (min-width:701px) { .VideoList-types-buttons { padding-bottom: 25px } } @media only screen and (min-width:961px)and (min-width:961px) { .VideoList-types-buttons { padding-bottom: 30px } } @media only screen and (min-width:961px)and (min-width:1701px) { .VideoList-types-buttons { padding-bottom: 40px } } @media only screen and (min-width:961px) { .VideoList-types-buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .VideoList-types-select { display: none } } .VideoItem { -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2); width: 100% } .BodySection--dark .VideoItem { -webkit-box-shadow: 0 0 8px 4px hsla(0, 0%, 100%, .2); box-shadow: 0 0 8px 4px hsla(0, 0%, 100%, .2) } .VideoItem:not(:last-child) { margin-bottom: 20px } @media only screen and (min-width:701px) { .VideoItem:not(:last-child) { margin-bottom: 20px } } @media only screen and (min-width:961px) { .VideoItem:not(:last-child) { margin-bottom: 20px } } @media only screen and (min-width:1701px) { .VideoItem:not(:last-child) { margin-bottom: 20px } } .VideoItem-wrapper { position: relative } .VideoItem-row { margin-left: 0; margin-right: 0; padding: 4% } @media only screen and (min-width:961px) { .VideoItem-row { padding: 16px 60px 16px 16px } } @media only screen and (min-width:1701px) { .VideoItem-row { padding-right: 100px } } @media only screen and (min-width:961px) { .VideoItem-row:lang(ar) { padding: 16px 16px 16px 60px } } @media only screen and (min-width:1701px) { .VideoItem-row:lang(ar) { padding-left: 100px } } .VideoItem-row-col { padding: 0 } .VideoItem-content { padding-right: 4% } @media only screen and (min-width:961px) { .VideoItem-content { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; position: relative; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .VideoItem-content:lang(ar) { padding-left: 0; padding-right: 30px } } .VideoItem-videoOverlay { display: block; font-size: 0; margin-bottom: 32px } @media only screen and (min-width:961px) { .VideoItem-videoOverlay { margin-bottom: 0 } } .VideoItem-videoOverlay img { display: block } .VideoItem-videoOverlay .VideoPlaceholderImage-button { height: 50px; width: 50px } .VideoItem-videoOverlay .VideoPlaceholderImage-button:before { font-size: 50px } @media only screen and (min-width:961px) { .VideoItem-videoOverlay .VideoPlaceholderImage-button { height: 40px; width: 40px } .VideoItem-videoOverlay .VideoPlaceholderImage-button:before { font-size: 40px } } @media only screen and (min-width:1701px) { .VideoItem-videoOverlay .VideoPlaceholderImage-button { height: 55px; width: 55px } .VideoItem-videoOverlay .VideoPlaceholderImage-button:before { font-size: 55px } } .VideoItem-title, .VideoItem-title span { display: -webkit-box; display: -ms-flexbox; display: flex } .VideoItem-title span { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .VideoItem-title-subtitle { letter-spacing: 3px; margin-left: 2px } .VideoItem-wrapper { padding: 0 } .VideoItem-description { display: block; margin-top: 16px; text-align: left } @media only screen and (min-width:961px) { .VideoItem-description { margin-top: 20px } } @media only screen and (min-width:1701px) { .VideoItem-description { margin-top: 24px } } .VideoItem-description:lang(ar) { text-align: right } .VideoOverlay--thumbnail .Gallery-button { display: none } .WarningModal { display: none; height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 10 } @media only screen and (min-width:701px) { .WarningModal { overflow: auto } } .WarningModal--opened { pointer-events: auto } .WarningModal-closeCTA { height: 20px; margin-right: 20px; margin-top: 20px; position: absolute; right: 0; top: 0; -webkit-transition: color .3s; transition: color .3s; width: 20px } .WarningModal-closeCTA:before { line-height: normal } @media only screen and (min-width:701px) { .WarningModal-closeCTA { height: 14px; width: 14px } .WarningModal-closeCTA:before { font-size: 14px } } .WarningModal-closeCTA:lang(ar) { left: 0; margin-left: 20px; margin-right: 0; right: auto } .WarningModal-background { background-color: rgba(0, 0, 0, .7); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1 } .WarningModal-content { background-color: #fff; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 0; padding: 76px 15px 0; position: absolute; text-align: center; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .WarningModal-content { height: auto; margin: 0 40px; padding: 70px 60px; top: 120px } } @media only screen and (min-width:961px) { .WarningModal-content { margin: 0 130px; padding: 70px 80px } } @media only screen and (min-width:1701px) { .WarningModal-content { margin: 0 455px; padding: 70px 100px } } .WarningModal-content-withImage { overflow-y: scroll; padding: 0; width: 100% } @media only screen and (min-width:701px) { .WarningModal-content-withImage { margin: 0; top: 0 } } @media only screen and (min-width:961px) { .WarningModal-content-withImage { display: -webkit-box; display: -ms-flexbox; display: flex; height: 600px; left: 50%; margin: auto; top: 120px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 930px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: auto } } .WarningModal-content-withImage:after { background: -webkit-gradient(linear, left bottom, left top, color-stop(18.49%, #fff), color-stop(98.62%, hsla(0, 0%, 100%, 0))); background: linear-gradient(0deg, #fff 18.49%, hsla(0, 0%, 100%, 0) 98.62%); bottom: 0; content: ""; display: block; height: 85px; position: fixed; width: 100% } @media only screen and (min-width:961px) { .WarningModal-content-withImage:after { content: none } } .WarningModal-content-withImage .WarningModal-textContent { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 56.25vw; padding: 30px 15px 85px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-textContent { margin-top: 0; padding: 65px 40px 26px; width: 57% } } .WarningModal-content-withImage .WarningModal-landscapeImage { display: block; position: fixed; z-index: 1 } .WarningModal-content-withImage .WarningModal-landscapeImage:after { background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(39.34%, transparent)); background: linear-gradient(180deg, #000, transparent 39.34%); position: relative } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-landscapeImage { display: none } } .WarningModal-content-withImage .WarningModal-portraitImage { display: none } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-portraitImage { display: block; width: 43% } } .WarningModal-content-withImage .WarningModal-textContainer { margin-bottom: 0; padding: 0 } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-textContainer { overflow-y: auto } } .WarningModal-content-withImage .WarningModal-title:after { margin-bottom: 30px; width: 100px } .WarningModal-content-withImage .WarningModal-headline { margin: 0 15px } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-headline { margin: 0 60px } } .WarningModal-content-withImage .WarningModal-cta { border: 1px solid #000; margin: 20px auto 30px } .WarningModal-content-withImage .WarningModal-text { font-size: .875rem; letter-spacing: .0357142857em; line-height: 1.5em } .WarningModal-content-withImage .WarningModal-closeCTA { height: 20px; margin-right: 26px; margin-top: 26px; position: fixed; width: 20px; z-index: 2 } .WarningModal-content-withImage .WarningModal-closeCTA:before { color: #fff; font-size: 20px } @media only screen and (min-width:961px) { .WarningModal-content-withImage .WarningModal-closeCTA { position: absolute } .WarningModal-content-withImage .WarningModal-closeCTA:before { color: #000 } } .WarningModal-title { display: inline-block } .WarningModal-title:after { background-color: currentColor; content: ""; display: block; height: 1px; margin: 20px auto; width: 30px } .WarningModal-textContainer { margin-bottom: 5vh; overflow: hidden; position: relative } .WarningModal-textContainer--scrollable:after { background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff); bottom: 0; content: ""; display: block; height: 83px; position: absolute; width: 100% } @media only screen and (min-width:701px) { .WarningModal-textContainer { margin-bottom: 50px } } .WarningModal-text { margin-bottom: 0; margin-top: 0 } .WarningModal-text--scrollable { overflow-y: scroll; padding-bottom: 50px } .WarningModal-icon { display: inline-block; font-size: 42px; line-height: 42px; margin-bottom: 15px; width: 100% } .WarningModal-eyebrow { margin-bottom: 5px } .WarningModal-headline { margin-bottom: 20px } .WarningModal-cta { margin: auto } .WarningModal-content-nestedList { height: auto; left: 50%; max-height: 95%; overflow-y: auto; padding: 70px 40px 60px; position: absolute; text-align: left; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } .WarningModal-content-nestedList:lang(ar) { text-align: right } @media only screen and (min-width:701px) { .WarningModal-content-nestedList { margin: auto; width: 375px } } @media only screen and (min-width:961px) { .WarningModal-content-nestedList { margin: auto; width: 520px } } .WarningModal-content-nestedList .WarningModal-closeCTA { margin-right: 40px } .WarningModal-content-nestedList .WarningModal-closeCTA:lang(ar) { margin-left: 40px; margin-right: 0 } .WarningModal-content-nestedList .WarningModal-title:after { display: none } .WarningModal-content-nestedList .WarningModal-title:lang(ar) { text-align: right } .WarningModal-content-nestedList .WarningModal-listitem-container:before { background-color: rgba(0, 0, 0, .2); content: ""; display: block; height: 1px; margin: 20px auto; width: 100% } .WarningModal-content-nestedList .WarningModal-nested-container { display: block; padding: 20px 0; text-align: left } .WarningModal-content-nestedList .WarningModal-nested-container:lang(ar) { text-align: right } .WarningModal-content-nestedList .WarningModal-nested-label { display: block; float: left; font-weight: 400; width: 50% } .WarningModal-content-nestedList .WarningModal-nested-label:lang(ar) { float: right } .WarningModal-content-nestedList .WarningModal-nested-value { display: block; float: left; text-align: right; width: 50% } .WarningModal-content-nestedList .WarningModal-nested-value:lang(ar) { float: right; text-align: left } .WeddingsContactForm.ContactForm { padding-top: 0 } .WeddingsContactForm.ContactForm-error { margin-bottom: 50px } .WeddingsContactForm-infoHeading .Heading-title { margin: 50px 0 80px; text-align: center } @media only screen and (min-width:701px) { .WeddingsContactForm-infoHeading .Heading-title { margin: 70px 0 100px } } @media only screen and (min-width:961px) { .WeddingsContactForm-infoHeading .Heading-title { margin: 90px 0 120px } } .WeddingsContactForm-newsletter { margin-top: 53px } @media only screen and (min-width:701px) { .WeddingsContactForm-newsletter { margin-top: 67px } } .WgAccommodationCard { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: var(--Element-gap-Inline-inline-m, 15px); width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 20px) } @media only screen and (min-width:701px) { .WgAccommodationCard { gap: var(--Element-gap-Inline-inline-l, 30px); padding-left: var(--Element-gap-Inline-inline-m, 20px) } } .WgAccommodationCard-icon-wrapper { width: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch } .WgAccommodationCard-icon-bubble, .WgAccommodationCard-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center } .WgAccommodationCard-icon-bubble { padding: 8px; -ms-flex-align: center; background: var(--color-surface-raised-subtle, #f5f5f5); border-radius: 50px; gap: 10px } .WgAccommodationCard-icon { height: 16px; width: 16px } .WgAccommodationCard-icon:before { font-size: 16px; line-height: 1em; position: relative; top: -2px } .WgAccommodationCard-icon-text, .WgAccommodationCard-icon:before { color: var(--color-text-secondary, #4d4d4d) } .WgAccommodationCard-timeline { width: 1px; -webkit-box-flex: 1; background: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -ms-flex: 1; flex: 1; max-height: 100%; max-width: 100%; overflow: hidden; position: relative } .WgAccommodationCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:0)and (max-width:700px) { .WgAccommodationCard-content { padding: var(--Element-gap-Stack-stack-xs, 6px) 0 var(--Element-gap-Stack-stack-l, 20px) 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-l, 20px) } } @media only screen and (min-width:701px)and (max-width:960px) { .WgAccommodationCard-content { padding: var(--Element-gap-Stack-stack-xs, 8px) 0 var(--Element-gap-Stack-stack-l, 30px) 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-l, 30px) } } @media only screen and (min-width:961px) { .WgAccommodationCard-content { padding: var(--Element-gap-Stack-stack-xs, 10px) 0 var(--Element-gap-Stack-stack-l, 30px) 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 30px); -ms-flex-item-align: stretch; align-self: stretch } } .WgAccommodationCard-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-s, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgAccommodationCard-copy { gap: var(--Element-gap-Stack-stack-s, 15px) } } @media only screen and (min-width:961px) { .WgAccommodationCard-copy { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } .WgAccommodationCard-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs, 6px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgAccommodationCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 8px) } } @media only screen and (min-width:961px) { .WgAccommodationCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 10px) } } .WgAccommodationCard-title { color: var(--color-text-heading, #030303) } .WgAccommodationCard-subtitle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; -ms-flex-item-align: stretch; align-self: stretch } .WgAccommodationCard-description, .WgAccommodationCard-subtitle { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgAccommodationCard-description { display: none } } .WgAccommodationCard-image { aspect-ratio: 302.14/170; height: auto; width: 100% } @media only screen and (min-width:701px) { .WgAccommodationCard-image { aspect-ratio: 655.82/369 } } @media only screen and (min-width:961px) { .WgAccommodationCard-image { aspect-ratio: 615/346.03; width: calc((min(100vw, 1440px) - 180px - var(--Element-gap-Inline-inline-l, 30px))/2) } } @media only screen and (min-width:1701px) { .WgAccommodationCard-image { aspect-ratio: 825/464.19; width: calc((min(100vw, 1920px) - 240px - var(--Element-gap-Inline-inline-l, 30px))/2) } } .WgAccommodationCard-cta { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } @media only screen and (min-width:0)and (max-width:960px) { .WgAccommodationCard-cta { display: none } } .WgAccommodationCard-cta-details { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: underline; text-decoration-color: var(--color-text-secondary, #4d4d4d); text-underline-offset: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3px } @media only screen and (min-width:961px) { .WgAccommodationCard-cta-details { display: none } } .WgAccommodationCard-cta-details>span { color: var(--color-text-secondary, #4d4d4d) } .WgAccommodationCard-cta-icon { color: var(--color-text-heading, #030303); font-size: 11px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgAccommodationCard-bottom-sheet-background { background: var(--color-img-overlay-20, rgba(3, 3, 3, .2)); display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 10 } .WgAccommodationCard-bottom-sheet { display: none; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; gap: var(--Element-gap-Inline-inline-l, 20px); left: 0; position: fixed; z-index: 11 } @media only screen and (min-width:701px) { .WgAccommodationCard-bottom-sheet { gap: var(--Element-gap-Inline-inline-l, 30px) } } .WgAccommodationCard-sheet-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-l, 40px) var(--Component-Specific-Card-padding-card-padding-s, 25px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--Element-gap-Stack-stack-m, 15px); -webkit-box-flex: 1; background: var(--color-surface-default, #fff); border-radius: 15px 15px 0 0; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:701px) { .WgAccommodationCard-sheet-container { gap: var(--Element-gap-Stack-stack-m, 20px); padding: var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-l, 60px) var(--Component-Specific-Card-padding-card-padding-s, 30px) } } .WgAccommodationCard-sheet-container .WgAccommodationCard-description { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgAccommodationCard-sheet-container .WgAccommodationCard-description { display: block } } .WgAccommodationCard-close-icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4.5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgAccommodationCard-close-icon { color: var(--color-text-heading, #030303); font-size: 15px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgAccommodationCard-sheet-cta { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgAccommodationCard-imageCarousel { height: auto; position: relative; width: 100% } @media only screen and (min-width:961px) { .WgAccommodationCard-imageCarousel { width: calc((min(100vw, 1440px) - 180px - var(--Element-gap-Inline-inline-l, 30px))/2) } .WgAccommodationCard-imageCarousel:hover .WgAccommodationCard-carouselButtons { display: block } } @media only screen and (min-width:1701px) { .WgAccommodationCard-imageCarousel { width: calc((min(100vw, 1920px) - 240px - var(--Element-gap-Inline-inline-l, 30px))/2) } } .WgAccommodationCard-imageCarouselList { overflow: hidden } .WgAccommodationCard-imageItemCarousel { overflow: hidden; position: relative; width: 100% } .WgAccommodationCard-imageItemCarousel .WgAccommodationCard-carouselImage:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, transparent), color-stop(110%, #000)); background: linear-gradient(180deg, transparent 54%, #000 110%); content: ""; position: relative } .WgAccommodationCard-carouselButtons { display: block; overflow: hidden; padding: 0 var(--Element-gap-Inline-inline-2xs, 6px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1 } @media only screen and (min-width:961px) { .WgAccommodationCard-carouselButtons { display: none } } .WgAccommodationCard-leftButtonContainer, .WgAccommodationCard-rightButtonContainer { display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; width: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; aspect-ratio: 1/1; flex-shrink: 0; position: relative } .WgAccommodationCard-leftButtonContainer { float: left } .WgAccommodationCard-rightButtonContainer { float: right } .WgAccommodationCard-buttonCircle { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; width: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-negative: 0; aspect-ratio: 1/1; background: var(--color-button-on-image-primary-default, #fff); border-radius: 50px; -webkit-box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .12); box-shadow: 0 5px 15px 0 rgba(3, 3, 3, .12); flex-shrink: 0 } .WgAccommodationCard-buttonIcon { height: 12px; width: 12px } .WgAccommodationCard-buttonIcon:before { font-size: 12px; font-weight: 400; line-height: 1em; position: relative; top: -5px } .WgAccommodationCard-buttonIcon-text, .WgAccommodationCard-buttonIcon:before { color: var(--color-button-on-image-primary-inverse-default, #000) } .WgAccommodationCard-page-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; bottom: var(--Element-gap-Inline-inline-s, 15px); gap: var(--Element-gap-Inline-inline-2xs, 4px); justify-content: center; line-height: 1; list-style: none; margin: 0; padding: 0; pointer-events: none; width: 100% } @media only screen and (min-width:701px) { .WgAccommodationCard-page-dots { gap: var(--Element-gap-Inline-inline-2xs, 6px) } } .WgAccommodationCard-dot { background: var(--color-text-on-image-disabled, hsla(0, 0%, 100%, .38)); border-radius: 50%; cursor: pointer; display: inline-block; height: 7px; width: 7px } .WgAccommodationCard-dot.is-selected { background: var(--color-text-on-image-heading, #fff) } .WgAccommodationCard-dot.smallDot { height: 5px; width: 5px } .WgAccommodationCard-dot.mediumDot { height: 6px; width: 6px } .WgAccordionComponent-title { color: var(--color-text-heading); margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important } .WgAccordionComponent-sections, .WgAccordionComponent-sections .Accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WgAccordionComponent-row { gap: 0; -webkit-column-gap: var(--Page-Layout-fluid-grid-gutter); -moz-column-gap: var(--Page-Layout-fluid-grid-gutter); column-gap: var(--Page-Layout-fluid-grid-gutter) } .WgAccordionSection { width: 100% } .WgAccordionSection-Wrapper { border-top: none; display: grid; grid-template-columns: 1fr; padding: 0 } .WgAccordionSection-Wrapper--withIcon { -webkit-column-gap: var(--Page-Layout-fluid-grid-gutter); -moz-column-gap: var(--Page-Layout-fluid-grid-gutter); column-gap: var(--Page-Layout-fluid-grid-gutter); grid-template-columns: 24px 1fr } @media only screen and (min-width:961px) { .WgAccordionSection-Wrapper--withIcon { grid-template-columns: 32px 1fr } } .WgAccordionSection-inner { grid-column: 1/-1 } .WgAccordionSection-headerBlock, .WgAccordionSection-inner, .WgAccordionSection-region { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WgAccordionSection-region { min-width: 0; row-gap: 10px } .WgAccordionSection-Wrapper--withIcon .WgAccordionSection-region { grid-column: 2 } .WgAccordionSection-row { -webkit-column-gap: var(--Page-Layout-fluid-grid-gutter); -moz-column-gap: var(--Page-Layout-fluid-grid-gutter); column-gap: var(--Page-Layout-fluid-grid-gutter); display: grid; grid-template-columns: auto 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 0 } .WgAccordionSection-divider { border-top: 1px solid var(--color-border-subtle-default); margin-top: 0 } .WgAccordionSection-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; align-self: center; height: 24px; width: 24px } @media only screen and (min-width:961px) { .WgAccordionSection-icon { height: 32px; width: 32px } } .WgAccordionSection-icon .icon { display: block; font-size: 24px; height: 100%; line-height: 1; width: 100% } @media only screen and (min-width:961px) { .WgAccordionSection-icon .icon { font-size: 32px } } .WgAccordionSection-button { background: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; min-width: 0; padding: 0; text-align: left; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center } .WgAccordionSection-row .WgAccordionSection-button:only-child { grid-column: 1/-1 } .WgAccordionSection-titleAndPlus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-column-gap: var(--Page-Layout-fluid-grid-gutter); -moz-column-gap: var(--Page-Layout-fluid-grid-gutter); column-gap: var(--Page-Layout-fluid-grid-gutter); justify-content: space-between; width: 100% } .WgAccordionSection-title { color: var(--color-text-heading); margin: 0; width: 100% } .WgAccordionSection-title--accordionFullyOff:after { display: none } @media only screen and (min-width:961px) { .WgAccordionSection-title--accordionOffDesktop:after { display: none } } .WgAccordionSection-title--accordionOffMobile:after { display: none } @media only screen and (min-width:961px) { .WgAccordionSection-title--accordionOffMobile:after { display: block } } .WideGridContactBar { border: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 15px; margin-right: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; align-self: stretch; gap: 20px; padding: var(--container-padding-x-large, 30px) } @media only screen and (min-width:701px) { .WideGridContactBar-icon-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .WideGridContactBar-icon-text .icon { font-size: 24px; margin-bottom: 10px } @media only screen and (min-width:701px) { .WideGridContactBar-icon-text .icon { font-size: 32px; margin-bottom: 0; margin-right: 30px } } .WideGridContactBar-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px } .WideGridContactBar-ctas, .WideGridContactBar-text { display: -webkit-box; display: -ms-flexbox; display: flex } .WideGridContactBar .CTA, .WideGridContactBar .CTAsSideBySide-cta { border-radius: 5px; display: block; width: 100% } .WideGridContactBar span { display: block } @media only screen and (min-width:701px) { .WideGridContactBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: 60px; margin-right: 60px; padding: var(--spacing-400, 40px) var(--spacing-500, 50px) } } @media only screen and (min-width:961px) { .WideGridContactBar { margin-left: 90px; margin-right: 90px } } @media only screen and (min-width:1701px) { .WideGridContactBar { margin-left: 120px; margin-right: 120px } } .DisplayHero { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .DisplayHero-media-wrapper { height: 250px; position: relative; width: 100% } @media only screen and (min-width:701px)and (max-width:960px) { .DisplayHero-media-wrapper { height: 556px } } @media only screen and (min-width:961px)and (max-width:1700px) { .DisplayHero-media-wrapper { height: 480px } } @media only screen and (min-width:1701px) { .DisplayHero-media-wrapper { height: 640px } } .DisplayHero-image { height: 100%; overflow: hidden; position: relative; width: 100% } .DisplayHero-image.mobile-image { display: block } .DisplayHero-image.desktop-image { display: none } @media only screen and (min-width:961px) { .DisplayHero-image.desktop-image { display: block } .DisplayHero-image.mobile-image { display: none } } .DisplayHero-image:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--color-surface-default, #0f0f0f))); background: linear-gradient(180deg, transparent 0, var(--color-surface-default, #0f0f0f) 100%); bottom: 0; content: ""; display: block; height: 25%; position: absolute; width: 100%; z-index: 2 } .DisplayHero-video { height: 100%; position: absolute; top: 0; width: 100%; z-index: 1 } .DisplayHero-video:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--color-surface-default, #0f0f0f))); background: linear-gradient(180deg, transparent 0, var(--color-surface-default, #0f0f0f) 100%); bottom: 0; content: ""; display: block; height: 25%; position: absolute; width: 100%; z-index: 2 } .DisplayHero-video .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .DisplayHero-video .Video-playButton, .SignatureCard-video .DisplayHero-video .Video-playButton--hasAvailabilityMessage { bottom: 16px; position: absolute; right: 16px; z-index: 3 } .DisplayHero-text-hero-cta { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: var(--Component-Specific-Card-padding-card-padding-l, 40px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Stack-stack-xl, 30px); -ms-flex-item-align: stretch; align-self: stretch; background: var(--color-surface-default, #0f0f0f) } @media only screen and (min-width:701px)and (max-width:960px) { .DisplayHero-text-hero-cta { gap: var(--Element-gap-Stack-stack-xl, 40px); padding-bottom: var(--Component-Specific-Card-padding-card-padding-l, 60px) } } @media only screen and (min-width:961px) { .DisplayHero-text-hero-cta { gap: var(--Element-gap-Stack-stack-xl, 50px); padding-bottom: var(--Component-Specific-Card-padding-card-padding-l, 70px) } } .DisplayHero .TextHero { padding-top: 0 } .WgDivider { display: block; width: 100% } .WgDivider-line { background: var(--color-border-subtle-default); border: none; height: 1px; margin: 0; padding: 0; width: 100% } @media only screen and (min-width:0)and (max-width:960px) { .ExpandableCardGrid-row:not(.showall) div.ExpandableCardGrid-item:nth-child(n+5) { display: none } } @media only screen and (min-width:961px)and (max-width:1700px) { .ExpandableCardGrid-row:not(.showall) div.ExpandableCardGrid-item:nth-child(n+4) { display: none } } @media only screen and (min-width:1701px) { .ExpandableCardGrid-row:not(.showall) div.ExpandableCardGrid-item:nth-child(n+5) { display: none } } .ExpandableCardGrid-button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 10px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: 30px } .ExpandableCardGrid-button-hide { display: none } @media only screen and (min-width:961px)and (max-width:1701px) { .ExpandableCardGrid-button-hide-4 { display: none } } @media only screen and (min-width:0)and (max-width:961px) { .ExpandableCardGrid-button-hide-5 { display: none } } @media only screen and (min-width:1701px) { .ExpandableCardGrid-button-hide-5 { display: none } } .ExpandableCardGrid-button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .ExpandableCardGrid .Heading-title { margin-top: 0 } .WgExperienceCard { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: var(--Element-gap-Inline-inline-m, 15px); width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 20px) } @media only screen and (min-width:701px) { .WgExperienceCard { gap: var(--Element-gap-Inline-inline-l, 30px); padding-left: var(--Element-gap-Inline-inline-m, 20px) } } .WgExperienceCard-icon-wrapper { width: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch } .WgExperienceCard-icon-bubble, .WgExperienceCard-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center } .WgExperienceCard-icon-bubble { padding: 8px; -ms-flex-align: center; background: var(--color-surface-raised-subtle, #f5f5f5); border-radius: 50px; gap: 10px } .WgExperienceCard-icon { height: 16px; width: 16px } .WgExperienceCard-icon:before { font-size: 16px; line-height: 1em; position: relative; top: -2px } .WgExperienceCard-icon-text, .WgExperienceCard-icon:before { color: var(--color-text-secondary, #4d4d4d) } .WgExperienceCard-timeline { width: 1px; -webkit-box-flex: 1; background: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -ms-flex: 1; flex: 1; max-height: 100%; max-width: 100%; overflow: hidden; position: relative } .WgExperienceCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:0)and (max-width:700px) { .WgExperienceCard-content { padding: var(--Element-gap-Stack-stack-xs, 6px) 0 var(--Element-gap-Stack-stack-l, 20px) 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-l, 20px) } } @media only screen and (min-width:701px)and (max-width:960px) { .WgExperienceCard-content { padding: var(--Element-gap-Stack-stack-xs, 8px) 0 var(--Element-gap-Stack-stack-l, 30px) 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-l, 30px) } } @media only screen and (min-width:961px) { .WgExperienceCard-content { padding: var(--Element-gap-Stack-stack-xs, 10px) 0 var(--Element-gap-Stack-stack-l, 30px) 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 30px); -ms-flex-item-align: stretch; align-self: stretch } } .WgExperienceCard-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-s, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgExperienceCard-copy { gap: var(--Element-gap-Stack-stack-s, 15px) } } @media only screen and (min-width:961px) { .WgExperienceCard-copy { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } .WgExperienceCard-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs, 6px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgExperienceCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 8px) } } @media only screen and (min-width:961px) { .WgExperienceCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 10px) } } .WgExperienceCard-title { color: var(--color-text-heading, #030303) } .WgExperienceCard-subtitle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; -ms-flex-item-align: stretch; align-self: stretch } .WgExperienceCard-description, .WgExperienceCard-subtitle { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgExperienceCard-description { display: none } } .WgExperienceCard-image { aspect-ratio: 302.14/170; height: auto; width: 100% } @media only screen and (min-width:701px) { .WgExperienceCard-image { aspect-ratio: 655.82/369 } } @media only screen and (min-width:961px) { .WgExperienceCard-image { aspect-ratio: 615/346.03; width: calc((min(100vw, 1440px) - 180px - var(--Element-gap-Inline-inline-l, 30px))/2) } } @media only screen and (min-width:1701px) { .WgExperienceCard-image { aspect-ratio: 825/464.19; width: calc((min(100vw, 1920px) - 240px - var(--Element-gap-Inline-inline-l, 30px))/2) } } .WgExperienceCard-cta { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } @media only screen and (min-width:0)and (max-width:960px) { .WgExperienceCard-cta { display: none } } .WgExperienceCard-cta-details { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: underline; text-decoration-color: var(--color-text-secondary, #4d4d4d); text-underline-offset: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3px } @media only screen and (min-width:961px) { .WgExperienceCard-cta-details { display: none } } .WgExperienceCard-cta-details>span { color: var(--color-text-secondary, #4d4d4d) } .WgExperienceCard-cta-icon { color: var(--color-text-heading, #030303); font-size: 11px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgExperienceCard-bottom-sheet-background { background: var(--color-img-overlay-20, rgba(3, 3, 3, .2)); display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 10 } .WgExperienceCard-bottom-sheet { display: none; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; gap: var(--Element-gap-Inline-inline-l, 20px); left: 0; position: fixed; z-index: 11 } @media only screen and (min-width:701px) { .WgExperienceCard-bottom-sheet { gap: var(--Element-gap-Inline-inline-l, 30px) } } .WgExperienceCard-sheet-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-l, 40px) var(--Component-Specific-Card-padding-card-padding-s, 25px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--Element-gap-Stack-stack-m, 15px); -webkit-box-flex: 1; background: var(--color-surface-default, #fff); border-radius: 15px 15px 0 0; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:701px) { .WgExperienceCard-sheet-container { gap: var(--Element-gap-Stack-stack-m, 20px); padding: var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-l, 60px) var(--Component-Specific-Card-padding-card-padding-s, 30px) } } .WgExperienceCard-sheet-container .WgExperienceCard-description { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgExperienceCard-sheet-container .WgExperienceCard-description { display: block } } .WgExperienceCard-close-icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4.5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgExperienceCard-close-icon { color: var(--color-text-heading, #030303); font-size: 15px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgExperienceCard-sheet-cta { text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .GenericInspirationCard, .WgExperienceCard-sheet-cta { display: -webkit-box; display: -ms-flexbox; display: flex } .GenericInspirationCard { position: relative; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-s, 10px) } @media only screen and (min-width:701px) { .GenericInspirationCard { gap: var(--Element-gap-Stack-stack-s, 15px) } } .GenericInspirationCard-link { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; color: inherit; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-s, 10px); -webkit-transition: opacity var(--transition-duration-normal, .3s) ease; transition: opacity var(--transition-duration-normal, .3s) ease } @media only screen and (min-width:701px) { .GenericInspirationCard-link { gap: var(--Element-gap-Stack-stack-s, 15px) } } .GenericInspirationCard-imageWrapper { overflow: hidden; position: relative; width: 100% } .GenericInspirationCard-featured-tag { backdrop-filter: blur(15px); background: var(--color-surface-default, #fff); color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; left: 4px; padding: var(--spacing-040, 4px) var(--spacing-060, 6px); position: absolute; top: 4px; z-index: 8 } @media only screen and (min-width:701px) { .GenericInspirationCard-featured-tag { left: 6px; padding: var(--container-padding-x-small, 6px) var(--container-padding-small, 10px); top: 6px } } .GenericInspirationCard-image { -webkit-transition: -webkit-transform var(--transition-duration-slow, .5s) ease-in-out; transition: -webkit-transform var(--transition-duration-slow, .5s) ease-in-out; transition: transform var(--transition-duration-slow, .5s) ease-in-out; transition: transform var(--transition-duration-slow, .5s) ease-in-out, -webkit-transform var(--transition-duration-slow, .5s) ease-in-out; width: 100% } .GenericInspirationCard-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50% } .GenericInspirationCard-image--landscape { aspect-ratio: 16/9; display: none } .GenericInspirationCard-image--portrait { aspect-ratio: 3/4; display: block } @media only screen and (min-width:701px) { .GenericInspirationCard-image--landscape { display: block } .GenericInspirationCard-image--portrait { display: none } } @media only screen and (min-width:961px) { .GenericInspirationCard-image--landscape { display: none } .GenericInspirationCard-image--portrait { display: block } } .FeaturedInspirationCardGrid--cards-3 .FeaturedInspirationCardGrid-item:first-child .GenericInspirationCard .GenericInspirationCard-image--landscape { display: block } .FeaturedInspirationCardGrid--cards-3 .FeaturedInspirationCardGrid-item:first-child .GenericInspirationCard .GenericInspirationCard-image--portrait { display: none } @media only screen and (min-width:961px) { .FeaturedInspirationCardGrid--cards-2 .GenericInspirationCard .GenericInspirationCard-image--landscape, .FeaturedInspirationCardGrid--cards-3 .GenericInspirationCard .GenericInspirationCard-image--landscape { display: block } .FeaturedInspirationCardGrid--cards-2 .GenericInspirationCard .GenericInspirationCard-image--portrait, .FeaturedInspirationCardGrid--cards-3 .GenericInspirationCard .GenericInspirationCard-image--portrait, .FeaturedInspirationCardGrid--cards-4 .GenericInspirationCard .GenericInspirationCard-image--landscape { display: none } .FeaturedInspirationCardGrid--cards-4 .GenericInspirationCard .GenericInspirationCard-image--portrait { display: block } } .GenericInspirationCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs, 6px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .GenericInspirationCard-content { gap: var(--Element-gap-Stack-stack-xs, 8px) } } @media only screen and (min-width:961px) { .GenericInspirationCard-content { gap: var(--Element-gap-Stack-stack-xs, 10px) } } .GenericInspirationCard-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-2xs, 4px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .GenericInspirationCard-heading { gap: var(--Element-gap-Stack-stack-2xs, 6px) } } .GenericInspirationCard-eyebrow { color: var(--color-text-secondary, #4d4d4d) } .GenericInspirationCard-title { color: var(--color-text-primary, #1f1f1f); margin: 0; width: 100% } .GenericInspirationCard-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-2xs, 6px); margin: 0; width: 100% } .GenericInspirationCard-location .icon { height: 14px; width: 14px; -ms-flex-negative: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 14px; justify-content: center; line-height: 1 } .GenericInspirationCard-description, .GenericInspirationCard-location .icon, .GenericInspirationCard-location .labels-label { color: var(--color-text-secondary, #4d4d4d) } .GenericInspirationCard-description { display: none; margin: 0; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } @media only screen and (min-width:701px) { .GenericInspirationCard-description { display: -webkit-box } } .FeaturedInspirationCardGrid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Content-Specific-Heading-heading-m, 20px) } @media only screen and (min-width:701px) { .FeaturedInspirationCardGrid { gap: var(--Content-Specific-Heading-heading-m, 30px) } } .FeaturedInspirationCardGrid .TitleAndDescription { padding-left: 0; padding-right: 0 } .FeaturedInspirationCardGrid .TitleAndDescription p { margin-bottom: 0 } .FeaturedInspirationCardGrid-row { display: grid; gap: var(--Page-Layout-fluid-grid-row-gap-mobile, 25px) var(--Page-Layout-fluid-grid-gutter-mobile, 15px); grid-template-columns: repeat(2, 1fr) } @media only screen and (min-width:701px) { .FeaturedInspirationCardGrid-row { gap: var(--Page-Layout-fluid-grid-row-gap-tablet, 30px) var(--Page-Layout-fluid-grid-gutter-tablet, 20px) } } @media only screen and (min-width:961px) { .FeaturedInspirationCardGrid-row { gap: var(--Page-Layout-fluid-grid-row-gap-desktop, 50px) var(--Page-Layout-fluid-grid-gutter-desktop, 30px) } } @media only screen and (min-width:701px) { .FeaturedInspirationCardGrid--cards-2 .FeaturedInspirationCardGrid-row { grid-template-columns: repeat(2, 1fr) } } @media only screen and (min-width:961px) { .FeaturedInspirationCardGrid--cards-2 .FeaturedInspirationCardGrid-row { grid-template-columns: repeat(2, 1fr) } } .FeaturedInspirationCardGrid--cards-3 .FeaturedInspirationCardGrid-row .FeaturedInspirationCardGrid-item:first-child { grid-column: 1/-1 } @media only screen and (min-width:961px) { .FeaturedInspirationCardGrid--cards-3 .FeaturedInspirationCardGrid-row { grid-template-columns: repeat(3, 1fr) } .FeaturedInspirationCardGrid--cards-3 .FeaturedInspirationCardGrid-row .FeaturedInspirationCardGrid-item:first-child { grid-column: auto } } @media only screen and (min-width:701px) { .FeaturedInspirationCardGrid--cards-4 .FeaturedInspirationCardGrid-row { grid-template-columns: repeat(2, 1fr) } } @media only screen and (min-width:961px) { .FeaturedInspirationCardGrid--cards-4 .FeaturedInspirationCardGrid-row { grid-template-columns: repeat(4, 1fr) } } .FeaturedInspirationCardGrid-item { min-width: 0; width: 100% } .FullBleedGallery { position: relative; z-index: 10 } .FullBleedGallery-gallery { position: absolute; right: 15px; top: 15px } .FullBleedGallery-gallery:lang(ar) { left: 15px; right: unset } @media only screen and (min-width:701px) { .FullBleedGallery-gallery { right: 30px; top: 30px } .FullBleedGallery-gallery:lang(ar) { left: 30px; right: unset } } @media only screen and (min-width:961px) { .FullBleedGallery-gallery { right: 40px; top: 40px } .FullBleedGallery-gallery:lang(ar) { left: 40px; right: unset } } .FullBleedGallery-gallery .Gallery-closeButton { top: 82px } @media only screen and (min-width:1100px) { .FullBleedGallery-gallery .Gallery-closeButton { top: 104px } } @media only screen and (min-width:1701px) { .FullBleedGallery-gallery .Gallery-closeButton { top: 135px } } .FullBleedGallery-backgroundImage { display: block; height: 133.3333333333vw; position: relative; width: 100% } @media only screen and (min-width:701px) { .FullBleedGallery-backgroundImage { height: 52.0833333333vw; margin-bottom: 0 } } .SignatureCard-container { position: relative } .SignatureCard-backgroundImage { aspect-ratio: 1; height: auto; position: relative; width: 100% } @media only screen and (min-width:701px) { .SignatureCard-backgroundImage { aspect-ratio: 1.7777777778 } } .SignatureCard-video { aspect-ratio: 1; height: auto; overflow: hidden; position: absolute; top: 0; width: 100% } @media only screen and (min-width:701px) { .SignatureCard-video { aspect-ratio: 1.7777777778 } } .SignatureCard-video .Video-video { height: 100%; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto } @media only screen and (min-width:701px) { .SignatureCard-video .Video-video { height: auto; width: 100% } } .SignatureCard-video .Video-playButton, .SignatureCard-video .Video-playButton--hasAvailabilityMessage { background: var(--color-img-overlay-40); border-radius: 10px; bottom: 15px; font-size: 20px; height: 20px; position: absolute; right: 15px; width: 20px } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:before, .SignatureCard-video .Video-playButton:before { line-height: 20px } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video .Video-playButton:lang(ar) { left: 15px; right: unset } @media only screen and (min-width:701px) { .SignatureCard-video .Video-playButton, .SignatureCard-video .Video-playButton--hasAvailabilityMessage { border-radius: 20px; bottom: 20px; font-size: 40px; height: 40px; right: 20px; width: 40px } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:before, .SignatureCard-video .Video-playButton:before { line-height: 40px } } @media only screen and (min-width:961px) { .SignatureCard-video .Video-playButton, .SignatureCard-video .Video-playButton--hasAvailabilityMessage { bottom: 30px; left: 30px; right: unset } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video .Video-playButton:lang(ar) { left: unset; right: 30px } } .SignatureCard-video .Video-playButton--hasAvailabilityMessage { bottom: 45px } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 15px; right: unset } @media only screen and (min-width:701px) { .SignatureCard-video .Video-playButton--hasAvailabilityMessage { bottom: 50px; left: unset; right: 20px } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: 20px; right: unset } } @media only screen and (min-width:961px) { .SignatureCard-video .Video-playButton--hasAvailabilityMessage { bottom: 30px; left: 30px; right: unset } .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar) { left: unset; right: 30px } } .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .Video-playButton { bottom: 15px; left: unset; right: 15px } .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .Video-playButton:lang(ar) { left: 15px; right: unset } @media only screen and (min-width:701px) { .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .Video-playButton { bottom: 20px; left: unset; right: 20px } .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .Video-playButton:lang(ar) { left: 20px; right: unset } } @media only screen and (min-width:961px) { .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage, .SignatureCard-video--hasIndicator .Video-playButton { bottom: 15px; left: 30px; right: unset } .SignatureCard-video .SignatureCard-video--hasIndicator .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .SignatureCard-video .Video-playButton--hasAvailabilityMessage:lang(ar), .SignatureCard-video--hasIndicator .Video-playButton:lang(ar) { left: unset; right: 30px } } .SignatureCard-textContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; padding: 20px; position: relative; width: 100%; -ms-flex-item-align: stretch; align-self: stretch; backdrop-filter: blur(30px); background: var(--color-surface-raised-subtle, #1f1f1f); -webkit-box-shadow: var(--surface-raised-subtle-shadow, none); box-shadow: var(--surface-raised-subtle-shadow, none) } @media only screen and (min-width:701px) { .SignatureCard-textContent { padding: 30px } } @media only screen and (min-width:961px) { .SignatureCard-textContent { background: var(--color-surface-translucent, rgba(45, 45, 45, .6)); -webkit-box-shadow: none; box-shadow: none } } @media only screen and (min-width:1701px) { .SignatureCard-textContent { padding: 50px } } @media only screen and (min-width:961px) { .SignatureCard-textContent-container { bottom: 0; position: absolute; right: 0; width: 400px; z-index: 1 } .SignatureCard-textContent-container:lang(ar) { left: 0; right: unset } } @media only screen and (min-width:1701px) { .SignatureCard-textContent-container { width: 540px } } .SignatureCard-callout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; -ms-flex-item-align: stretch; align-self: stretch } .SignatureCard-price { font-size: 14px } .SignatureCard-cta { color: var(--color-button-primary-default, #030303); font-family: Helvetica Neue, sans-serif; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: 2px; line-height: 150%; margin-top: 10px; text-align: center; text-decoration: underline; text-transform: uppercase; text-underline-offset: 3px } .SignatureCard-button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; margin-top: 10px; padding: 10px 25px 10px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .SignatureCard-button-icon { font-size: 16px } .SignatureCard-availMessage { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; margin-top: -30px; padding: 6px 4px; position: relative; width: 100%; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; background: var(--color-img-overlay-60); color: var(--color-text-on-image-primary); gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; backdrop-filter: blur(30px); justify-content: center } .SignatureCard-availMessage:before { border-radius: 50%; content: ""; display: block; height: 7px; width: 7px } .SignatureCard-availMessage--GREEN:before { background-color: #45ff04 } .SignatureCard-availMessage--YELLOW:before { background-color: #f8ad3d } .SignatureCard-availMessage--RED:before { background-color: #ea0000 } .SignatureCard-availMessage__message { color: var(--color-text-on-image-primary); display: -webkit-box; font-family: Helvetica Neue, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: .72px; line-height: 150%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .SignatureCard-description { margin-bottom: 10px } .SignatureCard-hide--desktop { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:701px) { .SignatureCard-hide--desktop { display: none } } .SignatureCard-hide--mobile { display: none } @media only screen and (min-width:701px) { .SignatureCard-hide--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } } .WgHoverCardList .HoverCardList-MobileCarousel--list .HoverCardList-MobileCarousel--slide:first-child { padding-left: 0 } .WgHoverCardList .HoverCardList-MobileCarousel--list .HoverCardList-MobileCarousel--slide:first-child:lang(ar) { padding-left: 7.5px; padding-right: 0 } .WgHoverCardList .HoverCardList-MobileCarousel--list .HoverCardList-MobileCarousel--slide:last-child { padding-right: 0 } .WgHoverCardList .HoverCardList-MobileCarousel--list .HoverCardList-MobileCarousel--slide:last-child:lang(ar) { padding-left: 0; padding-right: 7.5px } .WgHoverCardList .HoverCardList-MobileCarousel--title { padding-left: 15px; text-align: left } .WgHoverCardList .TitleAndCards-titleContainer { margin-bottom: 0 } .WgHoverCardList .TitleAndCards-title { margin-bottom: 20px; text-align: left; text-transform: none } @media only screen and (min-width:701px) { .WgHoverCardList .TitleAndCards-title { margin-bottom: 30px } } @media only screen and (min-width:961px) { .WgHoverCardList .TitleAndCards-title { margin-bottom: 40px } } .WgInspirationCardGrid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-m) } @media only screen and (min-width:701px) { .WgInspirationCardGrid { gap: var(--Element-gap-Stack-stack-s) } } @media only screen and (min-width:961px) { .WgInspirationCardGrid { gap: var(--Element-gap-Stack-stack-l) } } .WgInspirationCardGrid .TitleAndDescription { margin-bottom: 5px; padding-left: 0; padding-right: 0 } @media only screen and (min-width:701px) { .WgInspirationCardGrid .TitleAndDescription { margin-bottom: 15px } } @media only screen and (min-width:961px) { .WgInspirationCardGrid .TitleAndDescription { margin-bottom: 0 } } .WgInspirationCardGrid .TitleAndDescription p { margin-bottom: 0 } .WgInspirationCardGrid-container { display: grid; gap: var(--Element-gap-Stack-stack-m); grid-template-columns: repeat(12, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } @media only screen and (min-width:701px) { .WgInspirationCardGrid-container { gap: var(--Element-gap-Stack-stack-m) } } @media only screen and (min-width:961px) { .WgInspirationCardGrid-container { gap: var(--Element-gap-Stack-stack-l) } } .WgInspirationCardGrid-container.full .WgInspirationCardGrid-item { grid-column: span 12 } .WgInspirationCardGrid-container.full .GenericCard-imageWrapper { height: 194px } @media only screen and (min-width:701px) { .WgInspirationCardGrid-container.full .GenericCard-imageWrapper { height: 357px } } @media only screen and (min-width:961px) { .WgInspirationCardGrid-container.full .GenericCard-imageWrapper { height: 630px } } @media only screen and (min-width:1701px) { .WgInspirationCardGrid-container.full .GenericCard-imageWrapper { height: 840px } } .WgInspirationCardGrid-container.half .WgInspirationCardGrid-item { grid-column: span 6 } .WgInspirationCardGrid-container.onethird .WgInspirationCardGrid-item { grid-column: span 4 } .WgInspirationCardGrid-container.twothirds { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--Element-gap-Stack-stack-m) } .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } @media only screen and (min-width:701px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child .GenericCard, .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child .GenericCard .GenericCard-link { height: 100% } .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child .GenericCard .GenericCard-imageWrapper { aspect-ratio: unset; height: 225px; min-height: 0 } } @media only screen and (min-width:701px)and (min-width:961px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child .GenericCard .GenericCard-imageWrapper { height: 400px } } @media only screen and (min-width:701px)and (min-width:1701px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item:first-child .GenericCard .GenericCard-imageWrapper { height: 540px } } .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item .GenericCard--square { aspect-ratio: unset; width: 165px } @media only screen and (min-width:701px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item .GenericCard--square { width: 225px } } @media only screen and (min-width:961px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item .GenericCard--square { width: 400px } } @media only screen and (min-width:1701px) { .WgInspirationCardGrid-container.twothirds .WgInspirationCardGrid-item .GenericCard--square { width: 540px } } .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item { grid-column: span 6 } .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item:nth-child(3) { grid-column: span 12 } .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item:nth-child(3) .GenericCard-imageWrapper { aspect-ratio: 16/9 } @media only screen and (min-width:701px) { .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item, .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item:nth-child(3) { grid-column: span 4 } .WgInspirationCardGrid-container.squares .WgInspirationCardGrid-item:nth-child(3) .GenericCard-imageWrapper { aspect-ratio: 1/1 } } .WgInspirationCardGrid-container--hide { display: none !important } .WgInspirationCardGrid-item { display: block } .WgInspirationCardGrid-loadMoreButton { height: 40px; padding: 10px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgInspirationCardGrid-loadMoreButton, .WgInspirationCardGrid-loadMoreButton-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .WgInspirationCardGrid-loadMoreButton-container { margin-top: 10px; text-align: center } .GenericCard { position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 0; overflow: hidden } .GenericCard, .GenericCard-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-s); text-decoration: none } .GenericCard-link { color: inherit; width: 100% } .GenericCard-imageWrapper { border-radius: 0; overflow: hidden; position: relative; -ms-flex-item-align: stretch; align-self: stretch; aspect-ratio: unset; height: 165px } @media only screen and (min-width:701px) { .GenericCard-imageWrapper { height: 225px } } @media only screen and (min-width:961px) { .GenericCard-imageWrapper { height: 400px } } @media only screen and (min-width:1701px) { .GenericCard-imageWrapper { height: 540px } } .GenericCard-featured-tag { backdrop-filter: blur(15px); background: var(--color-surface-default, #fff); color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; left: 4px; padding: var(--spacing-040, 4px) var(--spacing-060, 6px); position: absolute; top: 4px; z-index: 8 } @media only screen and (min-width:701px) { .GenericCard-featured-tag { left: 6px; padding: var(--container-padding-x-small, 6px) var(--container-padding-small, 10px); top: 6px } } .GenericCard--large .GenericCard-imageWrapper, .GenericCard--medium .GenericCard-imageWrapper, .GenericCard--square, .GenericCard--wide .GenericCard-imageWrapper { aspect-ratio: unset } .GenericCard--16x9 .GenericCard-imageWrapper { aspect-ratio: 16/9; height: auto } .GenericCard-image { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .GenericCard-image--desktop { display: none } @media only screen and (min-width:701px) { .GenericCard-image--desktop { display: block } } .GenericCard-image--mobile { display: block } @media only screen and (min-width:701px) { .GenericCard-image--mobile { display: none } } .GenericCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:961px) { .GenericCard-content { gap: var(--Element-gap-Stack-stack-s) } } .GenericCard-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-2xs); -ms-flex-item-align: stretch; align-self: stretch } .GenericCard-eyebrow { color: var(--color-text-secondary); margin: 0 } .GenericCard-title { color: var(--color-text-primary); margin: 0 } .GenericCard-location { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--Element-gap-Inline-inline-xs); margin: 0 } .GenericCard-location, .GenericCard-location .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .GenericCard-location .icon { height: 16px; width: 16px; -ms-flex-negative: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 16px; justify-content: center; line-height: 1 } .GenericCard-description, .GenericCard-location .icon, .GenericCard-location .labels-label { color: var(--color-text-secondary) } .GenericCard-description { display: none; margin: 0 } @media only screen and (min-width:701px) { .GenericCard-description { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch } } .GenericCard:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 2px } .InspirationCarousel-paginationBar { background: var(--color-button-primary-disabled-inverse); height: var(--border-width-thick, 5px); position: relative; width: 100% } .InspirationCarousel-paginationBar-inner { background: transparent; cursor: pointer; height: 100%; left: auto; padding: var(--Element-gap-Stack-stack-m, 30px) 0; position: absolute; top: 0; top: calc(0px - var(--Element-gap-Stack-stack-m, 30px)) } @media only screen and (min-width:961px) { .InspirationCarousel-paginationBar-inner { padding: var(--Element-gap-Stack-stack-l, 30px) 0; top: calc(0px - var(--Element-gap-Stack-stack-l, 30px)) } } @media only screen and (min-width:1701px) { .InspirationCarousel-paginationBar-inner { padding: var(--Element-gap-Stack-stack-xl, 30px) 0; top: calc(0px - var(--Element-gap-Stack-stack-xl, 30px)) } } .InspirationCarousel-paginationBar-inner-inner { background: var(--color-text-inverse-disabled); height: var(--border-width-thick, 5px) } .cardpanel-container { padding-left: 0; padding-right: 0 } .InspirationCarousel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-m, 30px) } @media only screen and (min-width:961px) { .InspirationCarousel { gap: var(--Element-gap-Stack-stack-l, 30px) } } @media only screen and (min-width:1701px) { .InspirationCarousel { gap: var(--Element-gap-Stack-stack-xl, 50px) } } .InspirationCarousel-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-m, 30px) } @media only screen and (min-width:961px) { .InspirationCarousel-container { gap: var(--Element-gap-Stack-stack-l, 30px) } } @media only screen and (min-width:1701px) { .InspirationCarousel-container { gap: var(--Element-gap-Stack-stack-xl, 50px) } } @media only screen and (min-width:961px) { .InspirationCarousel-container:hover .InspirationCarousel-carouselButtons { opacity: 1 } } .InspirationCarousel-heading { width: 100% } .InspirationCarousel-heading .description { margin-bottom: 0 } .InspirationCarousel-title { color: var(--color-text-heading); margin: 0; text-transform: none !important; white-space: normal } .InspirationCarousel-title-link { color: var(--color-text-heading); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Component-Specific-Button-spacing-button-inline-icon, 10px) } .InspirationCarousel-title-link:after { content: "\f118"; display: inline-block; font-size: var(--Component-Specific-Button-icon-size-button-icon-m, 20px); line-height: 1em; padding-left: var(--Element-gap-Inline-inline-2xs, 5px); vertical-align: middle } .InspirationCarousel-title-link:hover { color: var(--color-text-link-hover) } .InspirationCarousel-title-link:focus { outline: 2px solid var(--color-border-focus); outline-offset: 2px } .InspirationCarousel-description { color: var(--color-text-primary); margin: 0 } .InspirationCarousel-parent { overflow: clip; overflow-y: visible } .InspirationCarousel-parent>.container { max-width: none; padding-left: 15px; padding-right: 15px } @media only screen and (min-width:701px) { .InspirationCarousel-parent>.container { padding-left: 60px; padding-right: 60px } } @media only screen and (min-width:961px) { .InspirationCarousel-parent>.container { padding-left: 90px; padding-right: 90px } } @media only screen and (min-width:1701px) { .InspirationCarousel-parent>.container { padding-left: 120px; padding-right: 120px } } .InspirationCarousel-parent>.container>.row { margin-left: 0; margin-right: 0 } .InspirationCarousel-row { position: relative } .InspirationCarousel-row.flickity-enabled:focus { outline: revert } .InspirationCarousel-row .flickity-viewport { left: 0 } @media only screen and (min-width:701px) { .InspirationCarousel-row .flickity-viewport { left: 0 } } .InspirationCarousel-row .flickity-prev-next-button { display: none !important } .InspirationCarousel-carouselButtons { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; padding: 0 var(--Element-gap-Inline-inline-xs, 10px); position: absolute; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; pointer-events: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } @media only screen and (min-width:1100px) { .InspirationCarousel-carouselButtons { opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } } .InspirationCarousel-leftButtonContainer, .InspirationCarousel-rightButtonContainer { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; width: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; aspect-ratio: 1/1; flex-shrink: 0; pointer-events: auto; position: relative } @media only screen and (min-width:701px) { .InspirationCarousel-leftButtonContainer, .InspirationCarousel-rightButtonContainer { height: 40px; width: 40px } } @media only screen and (min-width:961px) { .InspirationCarousel-leftButtonContainer, .InspirationCarousel-rightButtonContainer { height: 50px; width: 50px } } @media only screen and (min-width:1701px) { .InspirationCarousel-leftButtonContainer, .InspirationCarousel-rightButtonContainer { height: 50px; width: 50px } } .InspirationCarousel-buttonCircle { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; -webkit-transition: opacity var(--animation-duration-fast, .2s) ease; transition: opacity var(--animation-duration-fast, .2s) ease; width: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; aspect-ratio: 1/1; background: var(--color-button-on-image-primary-default); border: none; border-radius: var(--border-radius-button); -webkit-box-shadow: var(--shadow-carousel-arrow); box-shadow: var(--shadow-carousel-arrow); cursor: pointer; flex-shrink: 0 } @media only screen and (min-width:701px) { .InspirationCarousel-buttonCircle { height: 40px; width: 40px } } @media only screen and (min-width:961px) { .InspirationCarousel-buttonCircle { height: 50px; width: 50px } } @media only screen and (min-width:1701px) { .InspirationCarousel-buttonCircle { height: 50px; width: 50px } } .InspirationCarousel-buttonCircle:hover { background: var(--color-button-on-image-primary-hover); -webkit-box-shadow: var(--elevation-shadow-l); box-shadow: var(--elevation-shadow-l) } .InspirationCarousel-buttonCircle:active { background: var(--color-button-on-image-primary-pressed) } .InspirationCarousel-buttonCircle:disabled { cursor: not-allowed; opacity: 0 } .InspirationCarousel-buttonIcon { color: var(--color-button-on-image-primary-inverse-default); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 12px; height: 12px; justify-content: center; line-height: 1; width: 6px } @media only screen and (min-width:701px) { .InspirationCarousel-buttonIcon { font-size: 16px; height: 16px; width: 8px } } @media only screen and (min-width:961px) { .InspirationCarousel-buttonIcon { font-size: 20px; height: 20px; width: 10px } } @media only screen and (min-width:1701px) { .InspirationCarousel-buttonIcon { font-size: 20px; height: 20px; width: 10px } } .InspirationCarousel-buttonIcon:lang(ar) { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width:1100px) { .InspirationCarousel-wrapper:hover .InspirationCarousel-carouselButtons { opacity: 1 } } .InspirationCarousel-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; margin-right: var(--Page-Layout-fluid-grid-gutter, 15px); min-height: 100%; width: calc(100% - 60px) } .InspirationCarousel-item:lang(ar) { margin-left: var(--Page-Layout-fluid-grid-gutter, 15px); margin-right: 0 } .InspirationCarousel-item:focus-within { outline: 2px auto var(--color-neutral-1700); outline-offset: 1px } .InspirationCarousel-card { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; width: 100% } .InspirationCarousel-wrapper { margin: 0; padding: 0; position: relative; width: 100% } .InspirationCarousel-Card { height: auto; overflow: hidden; width: 100% } .InspirationCarousel-Card, .InspirationCarousel-Card-Link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none } .InspirationCarousel-Card-Link { color: inherit; height: 100% } .InspirationCarousel-Card-Link:active, .InspirationCarousel-Card-Link:focus, .InspirationCarousel-Card-Link:hover, .InspirationCarousel-Card-Link:link, .InspirationCarousel-Card-Link:visited { color: inherit; text-decoration: none } .InspirationCarousel-Card-Link:focus-visible { outline: none } .InspirationCarousel-Card-ImageWrapper { width: 100%; -ms-flex-negative: 0; flex-shrink: 0 } .InspirationCarousel-Card-Image { aspect-ratio: 16/9; display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .InspirationCarousel-Card-Image .BackgroundImage-picture { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .InspirationCarousel-Card-Image .BackgroundImage-img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .InspirationCarousel-Card-Body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Element-gap-Stack-stack-m, 20px); padding: var(--Component-Specific-Card-padding-card-padding-xs, 15px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } @media only screen and (min-width:961px) { .InspirationCarousel-Card-Body { padding: var(--Component-Specific-Card-padding-card-padding-s, 30px) } } .InspirationCarousel-Card-Heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--Content-Specific-Heading-heading-xs, 10px); width: 100% } .InspirationCarousel-Card-Title { margin: 0 } .InspirationCarousel-Card-IconGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Content-Specific-Heading-heading-xs, 10px) } .InspirationCarousel-Card-Icon { height: var(--Component-Specific-Button-icon-size-button-icon-m, 24px); width: var(--Component-Specific-Button-icon-size-button-icon-m, 24px); -ms-flex-negative: 0; flex-shrink: 0 } .InspirationCarousel-Card-Icon:before { font-size: var(--Component-Specific-Button-icon-size-button-icon-m, 24px) } .InspirationCarousel-Card-Description { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis } @media only screen and (min-width:701px) { [data-carousel-type=A] .InspirationCarousel-item { width: calc(50% - var(--Page-Layout-fluid-grid-gutter, 15px)/2) } } .InspirationCarousel-Card--typeA { background-color: var(--color-surface-inverse); color: var(--color-text-inverse-primary) } .InspirationCarousel-Card--typeA .InspirationCarousel-Card-Title { color: var(--color-text-inverse-heading) } .InspirationCarousel-Card--typeA .InspirationCarousel-Card-Description, .InspirationCarousel-Card--typeA .InspirationCarousel-Card-Icon, .InspirationCarousel-Card--typeA .InspirationCarousel-Card-IconText { color: var(--color-text-inverse-primary) } .InspirationCarousel-Card--typeA .InspirationCarousel-Card-Description { -webkit-line-clamp: 3 } @media only screen and (min-width:701px) { [data-carousel-type=B] .InspirationCarousel-item { width: calc(66.66667% - var(--Page-Layout-fluid-grid-gutter, 15px)/2) } } .InspirationCarousel-Card--typeB { background-color: transparent; color: var(--color-text-primary) } .InspirationCarousel-Card--typeB .InspirationCarousel-Card-Title { color: var(--color-text-heading) } .InspirationCarousel-Card--typeB .InspirationCarousel-Card-Description { color: var(--color-text-primary) } .InspirationCarousel-Card--typeB .InspirationCarousel-Card-Body { gap: var(--Element-gap-Stack-stack-xs, 10px); padding: 0; padding-top: var(--Component-Specific-Card-padding-card-padding-xs, 20px) } @media only screen and (min-width:701px) { .InspirationCarousel-Card--typeB .InspirationCarousel-Card-Body { gap: var(--Element-gap-Stack-stack-s, 10px) } } .InspirationCarousel-Card--typeB .InspirationCarousel-Card-Description { -webkit-line-clamp: 2 } .ItineraryCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: stretch; align-self: stretch; gap: var(--Page-Layout-section-margin, 40px) } @media only screen and (min-width:701px) { .ItineraryCard { gap: var(--Page-Layout-section-margin, 70px) } } .ItineraryCard-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Content-Specific-Heading-heading-l, 25px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .ItineraryCard-wrapper { gap: var(--Content-Specific-Heading-heading-l, 30px) } } @media only screen and (min-width:961px) { .ItineraryCard-wrapper { gap: var(--Content-Specific-Heading-heading-l, 40px) } } .ItineraryCard-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: stretch; align-self: stretch } .ItineraryCard-heading, .ItineraryCard-heading-inner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px } .ItineraryCard-heading-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:0)and (max-width:700px) { .ItineraryCard-heading-inner { -ms-flex-item-align: stretch; align-self: stretch } } .ItineraryCard-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px } @media only screen and (min-width:0)and (max-width:700px) { .ItineraryCard-location { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } .ItineraryCard-icon { height: 16px; width: 16px } .ItineraryCard-icon:before { color: var(--color-text-secondary, #4d4d4d); font-size: 14px; line-height: 1em; position: relative; top: -4px } .ItineraryCard-icon-text { color: var(--color-text-primary, #1f1f1f) } .ItineraryCard-day { -ms-flex-item-align: stretch; align-self: stretch; color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "liga" off, "clig" off; font-feature-settings: "liga" off, "clig" off; margin: 0 } .ItineraryCard-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: stretch; align-self: stretch } .ItineraryCard-line { background: var(--color-border-strong-default, rgba(77, 77, 77, .95)); height: 1px; width: 100% } .ItineraryCard .WideGridContactBar { margin: 0 0 var(--Page-Layout-section-margin, 40px) } @media only screen and (min-width:701px) { .ItineraryCard .WideGridContactBar { margin-bottom: var(--Page-Layout-section-margin, 70px) } } .WgItineraryCardList-title { color: var(--color-text-heading, #030303); text-align: center } .WgItineraryCardList-itinerary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Page-Layout-section-margin, 40px) } @media only screen and (min-width:701px) { .WgItineraryCardList-itinerary { gap: var(--Element-gap-Stack-stack-xs, 70px) } } .WgJumpLinkStickyTab { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; max-width: 100%; padding-bottom: 1px; padding-top: 10px; position: sticky; top: 0; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-surface-default, #fff); border-bottom: 1px solid var(--color-button-primary-inactive-hover, #d8d8d8); border-top: 1px solid var(--color-button-primary-inactive-hover, #d8d8d8); z-index: 1 } @media only screen and (min-width:701px) { .WgJumpLinkStickyTab { padding-top: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width:961px) { .WgJumpLinkStickyTab { height: 50px; padding-top: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .WgJumpLinkStickyTab-tabs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-m, 15px); -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgJumpLinkStickyTab-tabs-wrapper { gap: var(--Element-gap-Inline-inline-m, 20px) } } .WgJumpLinkStickyTab-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; overflow-x: auto } .WgJumpLinkStickyTab-tabs::-webkit-scrollbar { display: none } @media only screen and (min-width:961px) { .WgJumpLinkStickyTab-tabs { gap: 40px } } .WgJumpLinkStickyTab-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Stack-stack-xs, 6px); -ms-flex-negative: 0; flex-shrink: 0 } @media only screen and (min-width:701px) { .WgJumpLinkStickyTab-tab { gap: var(--Element-gap-Stack-stack-xs, 8px) } } @media only screen and (min-width:961px) { .WgJumpLinkStickyTab-tab { gap: var(--Element-gap-Stack-stack-xs, 10px) } } .WgJumpLinkStickyTab-tab.active-tab .WgJumpLinkStickyTab-tab-line { display: block } .WgJumpLinkStickyTab-tab.active-tab .WgJumpLinkStickyTab-tab-anchor { color: var(--color-text-primary, #1f1f1f) } .WgJumpLinkStickyTab-tab-anchor { color: var(--color-text-disabled, #6b6b6b); text-decoration: none } .WgJumpLinkStickyTab-tab-line { background: var(--color-text-primary, #1f1f1f); display: none; height: 2px; width: 100% } .WgJumpLinkStickyTab-tabs-arrow-left, .WgJumpLinkStickyTab-tabs-arrow-right { display: none } .DiningLandscapeCardWarningModal .WarningModal-content { height: auto; left: 50%; max-height: 95%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } @media only screen and (min-width:701px) { .DiningLandscapeCardWarningModal .WarningModal-content { margin: auto } } @media only screen and (min-width:961px) { .DiningLandscapeCardWarningModal .WarningModal-content { width: 830px } } .LandscapeCard.LandscapeCardWithCta .LandscapeCard-contents { gap: 30px } .LandscapeCard-cta { text-decoration: none } .LandscapeCard { height: 100%; width: 100% } .LandscapeCard-link { text-decoration: none } .LandscapeCard-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--container-padding-large, 20px) } @media only screen and (min-width:701px) { .LandscapeCard-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media only screen and (min-width:961px) { .LandscapeCard-wrapper { gap: var(--container-padding-x-large, 30px) } } .LandscapeCard-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px } @media only screen and (min-width:701px) { .LandscapeCard-image { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } .LandscapeCard-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--container-padding-medium, 15px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .LandscapeCard-contents { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } } @media only screen and (min-width:961px) { .LandscapeCard-contents { gap: 30px } } .LandscapeCard-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: var(--container-padding-small, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:961px) { .LandscapeCard-title { gap: var(--container-padding-medium, 15px) } } .LandscapeCard-arrow { color: var(--color-text-heading, #fff); font-size: 13px } @media only screen and (min-width:961px) { .LandscapeCard-arrow { font-size: 18px } } .LandscapeCard-desciption { -ms-flex-item-align: stretch; align-self: stretch } .LandscapeCardsList-card-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--spacing-300, 30px) } @media only screen and (min-width:961px) { .LandscapeCardsList-card-listing { gap: var(--spacing-500, 50px) } } .LandscapeCardsList .Heading-title { margin: 0; -ms-flex-item-align: stretch; align-self: stretch } .LandscapeCardsList-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--container-padding-large, 20px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:961px) { .LandscapeCardsList-cards { gap: var(--spacing-400, 40px) } } .LandscapeCardsList-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--container-padding-large, 20px); width: 100% } @media only screen and (min-width:961px) { .LandscapeCardsList-card { gap: var(--spacing-400, 40px) } } .LandscapeCardsList-line { background: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); height: 1px; width: 100% } .LargeImageBlockCard { height: 100%; min-height: 200px; width: 100% } @media only screen and (min-width:701px) { .LargeImageBlockCard { min-height: 300px } } @media only screen and (min-width:961px) { .LargeImageBlockCard { min-height: 400px } } .LargeImageBlockCard-backgroundImage { height: 100%; width: 100% } .LargeImageBlockCard-backgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 3, 3, 0)), to(#030303)); background: linear-gradient(180deg, rgba(3, 3, 3, 0), #030303); bottom: 0; content: ""; display: block; height: 66%; position: absolute; width: 100% } .LargeImageBlockCard-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 10px; text-align: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; bottom: 20px; color: var(--color-text-on-image-primary); gap: 10px; left: 30px; position: absolute; text-decoration: none } .LargeImageBlockCard-cta :after { display: none } .LargeImageBlockCard-cta .WgHoverCardList .TitleAndCards-title, .LargeImageBlockCard-cta .heading-3, .WgHoverCardList .LargeImageBlockCard-cta .TitleAndCards-title { color: var(--color-text-on-image-primary) } .WgLinksList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Content-Specific-Heading-heading-l, 25px); width: 100% } @media only screen and (min-width:701px) { .WgLinksList { gap: var(--Content-Specific-Heading-heading-l, 30px) } } @media only screen and (min-width:961px) { .WgLinksList { gap: var(--Content-Specific-Heading-heading-l, 40px) } } .WgLinksList .TitleAndDescription { padding-left: 0; padding-right: 0 } .WgLinksList .TitleAndDescription p { margin-bottom: 0 } .WgLinksList-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-item-align: stretch; align-self: stretch; gap: var(--Component-Specific-Card-stack-card-stack-s, 25px) var(--Component-Specific-Card-padding-card-padding-xs, 15px) } @media only screen and (min-width:701px) { .WgLinksList-links { gap: var(--Component-Specific-Card-stack-card-stack-s, 30px) var(--Component-Specific-Card-padding-card-padding-xs, 20px) } } @media only screen and (min-width:961px) { .WgLinksList-links { gap: var(--Component-Specific-Card-stack-card-stack-s, 30px) var(--Page-Layout-grid-gutter, 30px) } } .WgLinksList-linkContainer { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; width: 100% } @media only screen and (min-width:701px) { .WgLinksList-linkContainer { width: calc(50% - var(--Component-Specific-Card-padding-card-padding-xs, 20px)/2) } } @media only screen and (min-width:961px) { .WgLinksList-linkContainer { width: calc(25% - var(--Page-Layout-grid-gutter, 30px)*3/4) } } @media only screen and (min-width:1701px) { .WgLinksList-linkContainer { width: calc(16.666% - var(--Page-Layout-grid-gutter, 30px)*5/6) } } .WgLinksList-link { border-bottom: 0; color: var(--color-button-primary-default); display: inline-block; line-height: 200%; text-decoration: underline; text-underline-offset: 50%; -webkit-transition: color .3s; transition: color .3s; vertical-align: top } .WgLinksList-link:focus, .WgLinksList-link:hover { color: var(--color-button-primary-hover) } .WgLinksList-link:active { color: var(--color-button-primary-pressed) } .ProductCard-react-ssr-placeholder { background-color: #fff } .SquareImageCard.DynamicProduct { display: none } .HideSelectStatic .SquareImageCard.DynamicProduct { display: block } .HideSelectStatic .SquareImageCard.StaticProduct { display: none } .HideSelectStatic .SignatureCard-textContent-container.DynamicProduct { display: block } .HideSelectStatic .SignatureCard-textContent-container.StaticProduct { display: none } .WgSignatureCard { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: var(--Element-gap-Inline-inline-m, 15px); width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 20px) } @media only screen and (min-width:701px) { .WgSignatureCard { gap: var(--Element-gap-Inline-inline-l, 30px); padding-left: var(--Element-gap-Inline-inline-m, 20px) } } .WgSignatureCard-icon-wrapper { width: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch } .WgSignatureCard-icon-bubble, .WgSignatureCard-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center } .WgSignatureCard-icon-bubble { padding: 8px; -ms-flex-align: center; background: var(--color-surface-raised-subtle, #f5f5f5); border-radius: 50px; gap: 10px } .WgSignatureCard-icon { height: 16px; width: 16px } .WgSignatureCard-icon:before { font-size: 16px; line-height: 1em; position: relative; top: -2px } .WgSignatureCard-icon-text, .WgSignatureCard-icon:before { color: var(--color-text-secondary, #4d4d4d) } .WgSignatureCard-timeline { width: 1px; -webkit-box-flex: 1; background: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -ms-flex: 1; flex: 1; max-height: 100%; max-width: 100%; overflow: hidden; position: relative } .WgSignatureCard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:0)and (max-width:700px) { .WgSignatureCard-content { gap: var(--Element-gap-Inline-inline-s, 10px); padding: 10px 0 var(--Element-gap-Stack-stack-2xl, 40px) 0 } } @media only screen and (min-width:701px)and (max-width:960px) { .WgSignatureCard-content { gap: var(--Element-gap-Inline-inline-s, 15px); padding: 10px 0 var(--Element-gap-Stack-stack-2xl, 60px) 0 } } @media only screen and (min-width:961px) { .WgSignatureCard-content { gap: var(--Element-gap-Inline-inline-s, 15px); padding: 10px 0 var(--Element-gap-Stack-stack-2xl, 70px) 0 } } .WgSignatureCard-title { color: var(--color-text-heading, #030303) } .WgSignatureCard-copy { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--Component-Specific-Card-padding-card-padding-s, 25px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 20px); -ms-flex-item-align: stretch; align-self: stretch; background: var(--color-surface-raised-subtle, #f5f5f5) } @media only screen and (min-width:701px) { .WgSignatureCard-copy { gap: var(--Element-gap-Inline-inline-l, 30px); padding: var(--Component-Specific-Card-padding-card-padding-s, 30px) } } .WgSignatureCard-frame-parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Inline-inline-l, 20px); -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:0)and (max-width:960px) { .WgSignatureCard-frame-parent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media only screen and (min-width:701px) { .WgSignatureCard-frame-parent { gap: var(--Element-gap-Inline-inline-l, 30px) } } .WgSignatureCard-frame-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-l, 20px); -ms-flex-item-align: stretch; align-self: stretch; width: 100% } @media only screen and (min-width:701px) { .WgSignatureCard-frame-group { gap: var(--Element-gap-Stack-stack-l, 30px) } } @media only screen and (min-width:961px) { .WgSignatureCard-frame-group { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; width: 100% } } .WgSignatureCard-frame-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-s, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgSignatureCard-frame-container { gap: var(--Element-gap-Stack-stack-s, 15px) } } .WgSignatureCard-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-xs, 6px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgSignatureCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 8px) } } @media only screen and (min-width:961px) { .WgSignatureCard-title-wrapper { gap: var(--Element-gap-Stack-stack-xs, 10px) } } .WgSignatureCard-subtitle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; -ms-flex-item-align: stretch; align-self: stretch } .WgSignatureCard-description, .WgSignatureCard-subtitle { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgSignatureCard-description { display: none } } .WgSignatureCard-image { aspect-ratio: 16/9; height: auto; width: 100% } .WgSignatureCard-cta { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } @media only screen and (min-width:0)and (max-width:960px) { .WgSignatureCard-cta { display: none } } .WgSignatureCard-cta-details { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: underline; text-decoration-color: var(--color-text-secondary, #4d4d4d); text-underline-offset: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3px } @media only screen and (min-width:961px) { .WgSignatureCard-cta-details { display: none } } .WgSignatureCard-cta-details>span { color: var(--color-text-secondary, #4d4d4d) } .WgSignatureCard-cta-icon { color: var(--color-text-heading, #030303); font-size: 11px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgSignatureCard-frame-included { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px } @media only screen and (min-width:0)and (max-width:960px) { .WgSignatureCard-frame-included { display: none } } .WgSignatureCard-included-title { gap: 8px } .WgSignatureCard-included-details, .WgSignatureCard-included-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .WgSignatureCard-included-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; -ms-flex-item-align: stretch; align-self: stretch } .WgSignatureCard-included-item { color: var(--color-text-heading, #030303); -ms-flex-item-align: stretch; align-self: stretch } .WgSignatureCard-images-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-s, 10px); width: 100% } @media only screen and (min-width:701px)and (max-width:960px) { .WgSignatureCard-images-wrapper { -ms-flex-item-align: stretch; align-self: stretch } } @media only screen and (min-width:701px) { .WgSignatureCard-images-wrapper { gap: var(--Element-gap-Stack-stack-s, 15px) } } @media only screen and (min-width:961px) { .WgSignatureCard-images-wrapper { width: calc((min(100vw, 1440px) - 180px - var(--Element-gap-Inline-inline-l, 30px))*9/16 + var(--Element-gap-Inline-inline-s, 15px)) } } @media only screen and (min-width:1701px) { .WgSignatureCard-images-wrapper { width: calc((min(100vw, 1920px) - 240px - var(--Element-gap-Inline-inline-l, 30px))*9/16 + var(--Element-gap-Inline-inline-s, 15px)) } } .WgSignatureCard-images-top-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Element-gap-Inline-inline-s, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px)and (max-width:960px) { .WgSignatureCard-images-top-2 { -ms-flex-item-align: stretch; align-self: stretch } } @media only screen and (min-width:701px) { .WgSignatureCard-images-top-2 { gap: var(--Element-gap-Inline-inline-s, 15px) } } .WgSignatureCard-image-top { aspect-ratio: 1/1; height: auto; width: 100% } .WgSignatureCard-image-bottom { aspect-ratio: 16/9; height: auto; width: 100%; -ms-flex-item-align: stretch; align-self: stretch } .WgSignatureCard-bottom-sheet-background { background: var(--color-img-overlay-20, rgba(3, 3, 3, .2)); display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 10 } .WgSignatureCard-bottom-sheet { display: none; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; gap: var(--Element-gap-Inline-inline-l, 20px); left: 0; position: fixed; z-index: 11 } @media only screen and (min-width:701px) { .WgSignatureCard-bottom-sheet { gap: var(--Element-gap-Inline-inline-l, 30px) } } .WgSignatureCard-sheet-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-s, 25px) var(--Component-Specific-Card-padding-card-padding-l, 40px) var(--Component-Specific-Card-padding-card-padding-s, 25px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--Element-gap-Stack-stack-m, 15px); -webkit-box-flex: 1; background: var(--color-surface-default, #fff); border-radius: 15px 15px 0 0; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); -ms-flex: 1 0 0px; flex: 1 0 0 } @media only screen and (min-width:701px) { .WgSignatureCard-sheet-container { gap: var(--Element-gap-Stack-stack-m, 20px); padding: var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-s, 30px) var(--Component-Specific-Card-padding-card-padding-l, 60px) var(--Component-Specific-Card-padding-card-padding-s, 30px) } } .WgSignatureCard-sheet-container .WgSignatureCard-description { color: var(--color-text-heading, #030303) } @media only screen and (min-width:0)and (max-width:960px) { .WgSignatureCard-sheet-container .WgSignatureCard-description { display: block } .WgSignatureCard-sheet-container .WgSignatureCard-frame-included { display: -webkit-box; display: -ms-flexbox; display: flex } } .WgSignatureCard-sheet-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--Element-gap-Stack-stack-s, 10px); -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:701px) { .WgSignatureCard-sheet-copy { gap: var(--Element-gap-Stack-stack-s, 15px) } } @media only screen and (min-width:961px) { .WgSignatureCard-sheet-copy { width: 100% } } .WgSignatureCard-close-icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4.5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgSignatureCard-close-icon { color: var(--color-text-heading, #030303); font-size: 15px; line-height: 1em; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px } .WgSignatureCard-sheet-cta { text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WgSignatureCard-sheet-cta, .WgSingleCardContainer { display: -webkit-box; display: -ms-flexbox; display: flex } .WgSingleCardContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100% } .WgSingleCard { background-color: var(--color-surface-raised-subtle, #f5f5f5); border: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -webkit-box-sizing: border-box; box-sizing: border-box; display: grid; gap: 30px; padding: 30px; width: 100% } .WgSingleCard--grey { background-color: var(--color-surface-subtle, #f5f5f5) } .WgSingleCard-content { min-width: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; height: 100%; justify-content: space-between; text-align: left } .WgSingleCard-content, .WgSingleCard-content-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WgSingleCard-content-text-title { color: var(--color-text-heading, #030303); margin-top: 0 !important } .WgSingleCard-content-text-description { color: var(--color-text-primary, #1f1f1f); margin-bottom: 0 !important; margin-top: 0 !important } .WgSingleCard-content-cta--link { -ms-flex-item-align: start; align-self: flex-start } .WgSingleCard-content-cta--contained { width: 100% } .WgSingleCard-content-cta--contained .WgSingleCard-ctaLink { border-radius: 5px; display: block; text-align: center; width: 100% } .WgSingleCard-media { min-width: 0; position: relative; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .WgSingleCard-imageContainer { aspect-ratio: 16/9; overflow: hidden; position: relative; width: 100% } .WgSingleCard-image, .WgSingleCard-image .Image { height: 100%; width: 100% } .WgSingleCard-image .Image-img, .WgSingleCard-image .Image-picture { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } @media only screen and (min-width:701px) { .WgSingleCard { grid-template-columns: 1fr 39%; -webkit-box-align: start; -ms-flex-align: start; align-items: start } .WgSingleCard-content-cta--contained { width: auto } .WgSingleCard-content-cta--contained .WgSingleCard-ctaLink { display: inline-block; width: auto } .WgSingleCard-media { grid-column: 2; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; order: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .WgSingleCard-imageContainer { aspect-ratio: 4/3 } } @media only screen and (min-width:961px) { .WgSingleCard { grid-template-columns: 1fr 31% } .WgSingleCard-imageContainer { aspect-ratio: 16/9 } } @media only screen and (min-width:1701px) { .WgSingleCard-imageContainer { aspect-ratio: 16/9 } } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid { gap: var(--Element-gap-Stack-stack-l) } @media only screen and (min-width:961px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid { gap: 50px } } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container { gap: var(--Element-gap-Stack-stack-l) } @media only screen and (min-width:961px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container { gap: var(--Page-Layout-grid-gutter, 30px) } } @media only screen and (min-width:0)and (max-width:700px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.half, .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.onethird { grid-template-columns: minmax(0, 1fr) } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.half>.WgInspirationCardGrid-item, .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.onethird>.WgInspirationCardGrid-item { grid-column: 1/-1; min-width: 0 } } @media only screen and (min-width:701px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.half, .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.onethird { grid-template-columns: repeat(12, 1fr) } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.half>.WgInspirationCardGrid-item, .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.onethird>.WgInspirationCardGrid-item { min-width: unset } } @media only screen and (min-width:961px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .WgInspirationCardGrid-container.onethird .GenericCard--large .GenericCard-imageWrapper { aspect-ratio: 16/9; height: auto } } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard-content { gap: var(--Element-gap-Stack-stack-2xs) } @media only screen and (min-width:0)and (max-width:700px) { .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9, .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9 .GenericCard-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9 .GenericCard-link { width: 100% } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9 .GenericCard-imageWrapper { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-width: 0; -ms-flex-item-align: start; align-self: flex-start; aspect-ratio: 16/9; height: auto } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9 .GenericCard-content { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; min-width: 0; -ms-flex-item-align: start; align-self: flex-start } .WgSingleRowInspirationCardGrid.WgInspirationCardGrid .GenericCard--16x9 .GenericCard-title { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch } } .SmallImageBlockCard { height: 100%; min-height: 200px; width: 100% } @media only screen and (min-width:701px) { .SmallImageBlockCard { min-height: 300px } } @media only screen and (min-width:961px) { .SmallImageBlockCard { min-height: 400px } } .SmallImageBlockCard-backgroundImage { height: 100%; width: 100% } .SmallImageBlockCard-backgroundImage:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 3, 3, 0)), to(#030303)); background: linear-gradient(180deg, rgba(3, 3, 3, 0), #030303); bottom: 0; content: ""; display: block; height: 66%; position: absolute; width: 100% } .SmallImageBlockCard-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; bottom: 20px; color: var(--color-text-on-image-primary); gap: 10px; left: 10px; position: absolute; text-decoration: none; width: 80% } .SmallImageBlockCard-cta :after { display: none } @media only screen and (min-width:701px) { .SmallImageBlockCard-cta { left: 30px } } .SmallImageBlockCard-cta .WgHoverCardList .TitleAndCards-title, .SmallImageBlockCard-cta .heading-3, .WgHoverCardList .SmallImageBlockCard-cta .TitleAndCards-title { color: var(--color-text-on-image-primary) } .HideSelectStatic .CardCarousel-item .ProductCard-react-ssr-rendered { width: 100% } .SquareImageCard { background-color: #fff; font-family: Helvetica Neue, helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: .48px; line-height: 140%; position: relative; width: 100% } .SquareImageCard-Details { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 13px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; -ms-flex-item-align: stretch; align-self: stretch } .BodySection--dark .SquareImageCard { background-color: #000 } .SquareImageCard-link { color: var(--color-text-secondary, #4d4d4d); text-decoration: none } .SquareImageCard-image { left: 0; overflow: hidden; position: relative; top: 0 } .SquareImageCard-image img { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .SquareImageCard-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .SquareImageCard-eyebrowContainer { line-height: 0; margin-top: 20px } .SquareImageCard-featured-tag { backdrop-filter: blur(15px); background: var(--color-surface-default, #fff); color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; left: 4px; padding: var(--spacing-040, 4px) var(--spacing-060, 6px); position: absolute; top: 4px; z-index: 8 } @media only screen and (min-width:701px) { .SquareImageCard-featured-tag { left: 6px; padding: var(--container-padding-x-small, 6px) var(--container-padding-small, 10px); top: 6px } } .SquareImageCard-title { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-positive: 0; flex-grow: 0 } .SquareImageCard-title.has-eyebrows { margin-top: 10px } .SquareImageCard-title.sm-gap { margin-bottom: 0 } .SquareImageCard-icon-eyebrowListItem, .SquareImageCard-icon-subtitleListItem { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 10px 0 0 } .SquareImageCard-icon-eyebrowListItem:lang(ar), .SquareImageCard-icon-subtitleListItem:lang(ar) { margin: 0 0 0 10px } .SquareImageCard-icon-eyebrowListItem .TallImageCard-icon { font-size: 18px; line-height: 12px } @media only screen and (min-width:961px) { .SquareImageCard-icon-eyebrowListItem .TallImageCard-icon { line-height: 16px } } .SquareImageCard-icon { margin: 0 8px 0 0; position: relative } .SquareImageCard-icon:lang(ar) { margin: 0 0 0 8px } .SquareImageCard-icon-subtitle { color: #000; font-size: 14px; letter-spacing: 1.5px; line-height: 18px; max-width: 95%; padding-top: 3px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } .BodySection--dark .SquareImageCard-icon-subtitle { color: #fff } .SquareImageCard-icon-eyebrow { color: #000; font-size: 10px; letter-spacing: 3px; line-height: 12px; max-width: 95%; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } @media only screen and (min-width:961px) { .SquareImageCard-icon-eyebrow { font-size: 12px; line-height: 16px } } .BodySection--dark .SquareImageCard-icon-eyebrow { color: #fff } .SquareImageCard-description { font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: .48px; line-height: 140%; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-positive: 0; display: -webkit-box; flex-grow: 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .BodySection--dark .SquareImageCard-description { color: #fff } .SquareImageCard-callout { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-positive: 0; color: var(--color-text-secondary, #4d4d4d); flex-grow: 0 } .SquareImageCard-note, .SquareImageCard-qualifier { color: var(--color-text-secondary, #4d4d4d); -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-positive: 0; flex-grow: 0 } .SquareImageCard-CTA { display: inline-block; margin-top: 15px } .SquareImageCard-cardsContainer { display: block } .SquareImageCard-icon { font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: .5px; line-height: 27px } .SquareImageCard .availMessage { backdrop-filter: blur(15px); background: var(--color-img-overlay-60, rgba(3, 3, 3, .6)); bottom: 0; color: var(--color-text-on-image-primary, #fff); height: 33px; left: 0; padding: 6px 4px; position: absolute; right: 0 } .SquareImageCard .availMessage__message { font-size: 14px } .SquareImageCard .Image-ratioContainer { aspect-ratio: 1/1 } .SquareImageCard .Image-ratioContainer:after { padding-bottom: 125% } .SquareImageCard .Image-ratioContainer .Image-img { -o-object-fit: cover; object-fit: cover } .WgTabContainer { gap: 10px } .WgTabContainer, .WgTabContainer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .WgTabContainer-container { gap: 25px; width: 100% } @media only screen and (min-width:701px) { .WgTabContainer-container { gap: 30px } } .WgTabContainer-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:961px) { .WgTabContainer-heading { gap: 40px } } .WgTabContainer-title { -ms-flex-item-align: stretch; align-self: stretch } .WgTabContainer-title-text { margin: 0 } .WgTabContainer-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; overflow-x: auto } .WgTabContainer-tabs::-webkit-scrollbar { display: none } @media only screen and (min-width:961px) { .WgTabContainer-tabs { gap: 40px } } .WgTabContainer-tabs .WgTabContainer-tabs-arrow-left, .WgTabContainer-tabs .WgTabContainer-tabs-arrow-right { cursor: pointer; display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .WgTabContainer-tabs .WgTabContainer-tabs-arrow-left { left: 0 } .WgTabContainer-tabs .WgTabContainer-tabs-arrow-right { right: 0 } .WgTabContainer-tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-item-align: stretch; align-self: stretch; overflow-x: scroll; overflow: hidden; position: relative } .WgTabContainer-tabs-container::-webkit-scrollbar { display: none } .WgTabContainer-tab { color: var(--color-text-disabled, #6b6b6b); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -ms-flex-negative: 0; border: none; flex-shrink: 0 } .WgTabContainer-tab--active { border-bottom: 1px solid; color: var(--color-text-primary, #1f1f1f) } .WgTabContainer-pages { width: 100% } .WgTabContainer-page { display: none } .WgTabContainer-page--active { display: block } .TextHero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-surface-default, #0f0f0f); gap: 50px; padding-top: 70px } @media only screen and (min-width:0)and (max-width:700px) { .TextHero { gap: 40px; padding-top: 40px } } @media only screen and (min-width:701px)and (max-width:960px) { .TextHero { gap: 40px; padding-top: 60px } } .TextHero-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px } @media only screen and (min-width:0)and (max-width:960px) { .TextHero-wrapper { gap: 40px } } .TextHero-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; -ms-flex-item-align: stretch; align-self: stretch } @media only screen and (min-width:0)and (max-width:960px) { .TextHero-heading { gap: 20px } } .TextHero-title-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px } @media only screen and (min-width:0)and (max-width:960px) { .TextHero-title-description { gap: 15px } } .TextHero-title { color: var(--color-text-heading, #030303); text-align: center; -ms-flex-item-align: center; align-self: center; margin: 0 } @media only screen and (min-width:0)and (max-width:700px) { .TextHero-title.use-heading { gap: 15px; max-width: 100%; -ms-flex-item-align: stretch; align-self: stretch } } @media only screen and (min-width:701px)and (max-width:960px) { .TextHero-title.use-heading { gap: 15px; max-width: 468px } } @media only screen and (min-width:961px)and (max-width:1700px) { .TextHero-title.use-heading { max-width: 615px } } @media only screen and (min-width:1701px) { .TextHero-title.use-heading { max-width: 1110px } } .TextHero-description { text-align: center; -ms-flex-item-align: center; align-self: center; margin: 0 } @media only screen and (min-width:0)and (max-width:700px) { .TextHero-description.use-heading { gap: 15px; max-width: 100%; -ms-flex-item-align: stretch; align-self: stretch } } @media only screen and (min-width:701px)and (max-width:960px) { .TextHero-description.use-heading { gap: 15px; max-width: 468px } } @media only screen and (min-width:961px)and (max-width:1700px) { .TextHero-description.use-heading { max-width: 1045px } } @media only screen and (min-width:1701px) { .TextHero-description.use-heading { max-width: 1395px } } .TextHero-description { color: var(--color-text-primary, #1f1f1f) } .TextHero-icons { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 24px; line-height: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; gap: 15px 50px; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap } .TextHero-icon:before { font-size: 24px; line-height: 1em; padding-right: 5px; position: relative; top: 6px } .TextHero-icon-text, .TextHero-icon:before { color: var(--color-text-secondary, #4d4d4d) } .TextHero-anchors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 0 10px; width: 100vw } .TextHero-anchors .AnchorLinks-container { margin-top: 0 } .TextHero-cta { background: var(--color-button-primary-default, #030303); border-color: var(--color-button-primary-inverse, #fff); border-radius: 5px; color: var(--color-button-primary-inverse, #fff) } .TextHero-cta:focus, .TextHero-cta:hover { background: var(--color-button-primary-inverse, #fff); border-color: var(--color-button-primary-default, #030303); color: var(--color-button-primary-default, #030303) } .ThumbnailWithDescription { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; width: 100% } .ThumbnailWithDescription h3 { margin: 0 } .ThumbnailWithDescription-image { display: block; height: 130px; min-width: 104px; position: relative } @media only screen and (min-width:701px) { .ThumbnailWithDescription-image { height: 187.5px; min-width: 150px } } .ThumbnailWithDescription-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .ThumbnailWithDescription-description .text { margin: 10px 0 } @media only screen and (min-width:701px) { .ThumbnailWithDescription-description .text { margin: 15px 0 } } .Thumbnails { padding-left: 15px; padding-right: 15px } @media only screen and (min-width:701px) { .Thumbnails { padding-left: 60px; padding-right: 60px } } @media only screen and (min-width:961px) { .Thumbnails { padding-left: 90px; padding-right: 90px } } @media only screen and (min-width:1701px) { .Thumbnails { padding-left: 120px; padding-right: 120px } } .Thumbnails .Heading-title { margin-bottom: 40px } @media only screen and (min-width:701px) { .Thumbnails .Heading-title { margin-bottom: 30px } } .Thumbnails-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px } @media only screen and (min-width:961px) { .Thumbnails-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: grid; -ms-flex-direction: row; flex-direction: row; gap: 30px 30px; grid-template-columns: 1fr 1fr } } .TitleAndDescription { -ms-flex-item-align: stretch; align-self: stretch } .TitleAndDescription .WgHoverCardList .TitleAndCards-title, .TitleAndDescription .heading-3, .WgHoverCardList .TitleAndDescription .TitleAndCards-title { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 } @media only screen and (min-width:961px) { .TitleAndDescription h2 { margin-bottom: 30px } } .TitleAndDescription-title-link { color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--Component-Specific-Button-spacing-button-inline-icon, 10px) } .TitleAndDescription-title-link:after { content: "\f118"; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; line-height: 1em; padding-left: 5px; vertical-align: middle } .TitleAndDescription-title-link:lang(ar):after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .description { color: var(--color-text-primary, #1f1f1f); margin-top: 15px } @media only screen and (min-width:701px) { .description { margin-top: 20px } } .MeetingsAndEventsWorldwideSalesOffice-wsoCard { border-bottom: 1px solid #7d7d7d; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .MeetingsAndEventsWorldwideSalesOffice-wsoCard-information-property { margin-right: auto; width: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 100; text-align: left } .MeetingsAndEventsWorldwideSalesOffice-wsoCard-information-text-container { color: #2d2d2d; text-align: right; width: 50% } .MeetingsAndEventsWorldwideSalesOffice-wsoCard-information-email .email { text-transform: lowercase } .YachtSubscribeBody .SubscriptionContainer { margin-bottom: 10px !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important } .YachtSubscribeBody .SubscriptionForm .Intro { margin-bottom: 10px } .YachtSubscribeBody .SubscriptionForm .formElement-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 400; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .YachtSubscribeBody .SubscriptionForm .formElement-label:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .YachtSubscribeBody .SubscriptionForm .formElement-label { font-family: EB Garamond; text-transform: none } .YachtSubscribeBody .SubscriptionForm .LegalAgreement .Checkbox-decoration { border-color: #000 } .ChatLanding .OverlayPage-Body .BodySection { padding-bottom: 30px; padding-top: 30px } .OverlayPage-spacer { background-color: transparent; display: block; height: 65px; position: relative; width: 100% } @media only screen and (min-width:961px) { .OverlayPage-spacer { height: 90px } } .OverlayPage-nav { background-color: transparent; height: 65px; max-width: 100vw; position: absolute; top: 0; width: 100%; z-index: 9 } @media only screen and (min-width:961px) { .OverlayPage-nav { height: 90px } } .OverlayPage-backButton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; margin-top: 5px; padding: 0 15px; width: 100% } @media only screen and (min-width:701px) { .OverlayPage-backButton { padding: 0 30px } } @media only screen and (min-width:961px) { .OverlayPage-backButton { height: 70px; margin-top: 20px; padding: 0 40px } } .OverlayPage-backButton.is-stick { background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15); box-shadow: 0 0 15px rgba(0, 0, 0, .15); left: 0; margin-top: 0; position: fixed; top: 0; z-index: 1 } .OverlayPage-backButton .CTA { left: 0; padding-left: 24px; position: relative; top: 0 } .OverlayPage-backButton .CTA:before { left: 0; padding-right: 0; position: absolute; top: 1px } .OverlayPage-backButton .CTA:lang(ar) { padding-left: 0; padding-right: 24px; right: 0 } .OverlayPage-backButton .CTA:lang(ar):before { padding-left: 0; right: 0 } .OverlayPage-backButton .CartStatus-placeholder { position: relative; right: 0; top: 0 } .OverlayPage-Header { padding-top: 25px } @media only screen and (min-width:961px) { .OverlayPage-Header { padding-top: 40px } } @media only screen and (min-width:1701px) { .OverlayPage-Header { padding-top: 60px } } .OverlayPage-Header .StandardHero { padding-top: 0 } .OverlayPage-Header .StandardHero-heading .Heading-title, .OverlayPage-Header .StandardHero-title { padding-bottom: 0 } .OverlayPage-Body .BodySection { padding-top: 50px } @media only screen and (min-width:701px) { .OverlayPage-Body .BodySection { padding-top: 80px } } @media only screen and (min-width:1701px) { .OverlayPage-Body .BodySection { padding-top: 100px } } .BackgroundImage { position: relative; z-index: 0 } .BackgroundImage-picture { height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .BackgroundImage-img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .Breadcrumb { background: #fff } .Breadcrumb.dark { background: #0f0f0f } .Breadcrumb.dark li { color: #fff } .Breadcrumb.dark .ellipsis:after, .Breadcrumb.dark a, .Breadcrumb.dark li button, .Breadcrumb.dark li+li:after { color: #bababa } .BodySection .Breadcrumb { background: transparent } .Breadcrumb ol { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding-top: var(--Element-gap-Stack-stack-xl) } .BodySection .Breadcrumb ol { padding-top: 0 } .Breadcrumb li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #030303; white-space: nowrap } .Breadcrumb li+li:after { color: #4d4d4d; content: "/"; margin: 0 var(--Element-gap-Inline-inline-xs) } .Breadcrumb li:last-child:after { content: none } .Breadcrumb li button { color: #4d4d4d } .Breadcrumb a { color: #4d4d4d; text-decoration: none; text-underline-offset: 5px; white-space: nowrap } .Breadcrumb a:hover { text-decoration: underline } .Breadcrumb button, .Breadcrumb span { white-space: nowrap } .Breadcrumb .ellipsis { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb .ellipsis:after { color: #4d4d4d; content: "/"; margin: 0 8px } .Breadcrumb:not(.expanded) li:not(.ellipsis) { display: none } .Breadcrumb:not(.expanded) li:nth-last-child(-n+2) { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb:not(.expanded) .ellipsis:not(:has(~li:nth-last-child(n+3))) { display: none } @media only screen and (min-width:701px) { .Breadcrumb:not(.expanded) li:nth-last-child(-n+4) { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb:not(.expanded) .ellipsis:not(:has(~li:nth-last-child(n+5))) { display: none } } @media only screen and (min-width:961px) { .Breadcrumb:not(.expanded) li:nth-last-child(-n+5) { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb:not(.expanded) .ellipsis:not(:has(~li:nth-last-child(n+6))) { display: none } } @media only screen and (min-width:1701px) { .Breadcrumb:not(.expanded) li:nth-last-child(-n+6) { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb:not(.expanded) .ellipsis:not(:has(~li:nth-last-child(n+7))) { display: none } } .Breadcrumb.expanded li { display: -webkit-box; display: -ms-flexbox; display: flex } .Breadcrumb.expanded .ellipsis { display: none } .CenterFocusCarousel { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; max-width: 100%; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .CenterFocusCarousel-heading { margin-bottom: 10px; text-align: center } @media only screen and (min-width:701px) { .CenterFocusCarousel-heading { margin-bottom: 30px } } @media only screen and (min-width:961px) { .CenterFocusCarousel-heading { margin-bottom: 20px } } .CenterFocusCarousel-mobile { display: block } @media only screen and (min-width:701px) { .CenterFocusCarousel-mobile { display: none } } .CenterFocusCarousel-container--desktop { display: none } @media only screen and (min-width:701px) { .CenterFocusCarousel-container--desktop { display: block } } .CenterFocusCarousel-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px auto auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .CenterFocusCarousel-navigation--desktop { display: none } @media only screen and (min-width:701px) { .CenterFocusCarousel-navigation--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 80px } } .CenterFocusCarousel-navigation--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:701px) { .CenterFocusCarousel-navigation--mobile { display: none } } .CenterFocusCarousel-navigation--mobile .CenterFocusCarousel-pagination { font-size: .625rem } .CenterFocusCarousel-navigation--mobile .CenterFocusCarousel-pagination--button, .CenterFocusCarousel-navigation--mobile .CenterFocusCarousel-pagination--button:lang(ar) { font-size: 10px } .CenterFocusCarousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 12px } .CenterFocusCarousel-pagination--button, .CenterFocusCarousel-pagination--button:lang(ar) { font-size: 15px } .CenterFocusCarousel-pagination--button.button-disabled { opacity: .5 } .DatePicker { display: -webkit-box; display: -ms-flexbox; display: flex } .DatePicker .LoadingIndicator { position: relative } .FileUpload-description { color: #2d2d2d; font-size: .8em; max-width: 60% } .FileUpload-button { margin-bottom: 20px } .FileUpload .qq-uploader { overflow-y: hidden; position: relative; width: inherit } .FileUpload .qq-upload-list { clear: both; list-style: none; margin: 0; max-height: 450px; overflow-y: auto; padding: 0 } .FileUpload .qq-upload-list li { color: #fff; margin: 0; padding: 10px } .FileUpload .qq-text-wrapper { margin-bottom: 10px } .FileUpload .qq-upload-spinner { background: url(/alt/fshr/design3/images/loading-indicator.gif); background-size: contain; display: inline-block; height: 50px; margin-left: -10px; vertical-align: text-bottom; width: 50px } .FileUpload .qq-upload-spinner:lang(ar) { margin-left: 0; margin-right: -10px } .FileUpload .qq-upload-failed-text { display: none } .FileUpload .qq-upload-fail .qq-upload-failed-text, .FileUpload .qq-upload-retrying .qq-upload-failed-text { display: inline } .FileUpload .qq-upload-list li.qq-in-progress { color: #000 } .FileUpload .qq-upload-list li.qq-upload-success { background-color: #ebf6e0; color: #000 } .FileUpload .qq-upload-list li.qq-upload-fail { background-color: #ea0a0a } .FileUpload .qq-upload-size { border-right: 1px solid; padding-right: 5px } .FileUpload .qq-upload-size:lang(ar) { border-left: 1px solid; border-right: 0; padding-left: 5px; padding-right: 0 } .FileUpload li.qq-upload-success .qq-upload-size { border: 0; padding: 0 } .FileUpload li.qq-upload-fail .CTA--primary--dark:hover { border: #fff } .FileUpload .qq-alert-dialog-selector { border: 1px solid } .FileUpload .qq-dialog-message-selector { margin-bottom: 10px } .FileUpload .qq-hide { display: none } .FileUpload-error::-webkit-input-placeholder { color: #ea0a0a } .FileUpload-error::-moz-placeholder { color: #ea0a0a } .FileUpload-error:-ms-input-placeholder { color: #ea0a0a } .FileUpload-error::-ms-input-placeholder { color: #ea0a0a } .FileUpload-error, .FileUpload-error::placeholder { color: #ea0a0a } .FilteredColumnsList-tabBar { display: none } @media only screen and (min-width:961px) { .FilteredColumnsList-tabBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8.5px } } .FilteredColumnsList-tabBar-GrayLine { display: none } @media only screen and (min-width:961px) { .FilteredColumnsList-tabBar-GrayLine { border-bottom: 1px solid #cacaca; display: block; margin-left: 15px; width: calc(100% - 30px) } .FilteredColumnsList-tabBar-GrayLine:lang(ar) { margin-left: 0; margin-right: 15px } } @media only screen and (min-width:1701px) { .FilteredColumnsList-tabBar-GrayLine { margin-left: calc(16.66667% + 15px); width: calc(66.66667% - 30px) } .FilteredColumnsList-tabBar-GrayLine:lang(ar) { margin-left: 0; margin-right: calc(16.66667% + 15px) } } .FilteredColumnsList-filter { margin-right: 30px; text-align: left } .FilteredColumnsList-filter:lang(ar) { margin-left: 30px; margin-right: 0; text-align: right } .FilteredColumnsList-filter.FilteredColumnsList-filter--light { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FilteredColumnsList-filter.FilteredColumnsList-filter--light:focus, .FilteredColumnsList-filter.FilteredColumnsList-filter--light:hover { border-color: #767676; color: #767676 } .FilteredColumnsList-filter.FilteredColumnsList-filter--dark { -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .FilteredColumnsList-filter.FilteredColumnsList-filter--dark:focus, .FilteredColumnsList-filter.FilteredColumnsList-filter--dark:hover { border-color: #999; color: #999 } .FilteredColumnsList-filter--active { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .FilteredColumnsList-filter--active:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FilteredColumnsList-filter--active:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-filter--active:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-filter--active:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-filter--active:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-filter--active:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FilteredColumnsList-filter--active { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .FilteredColumnsList-filter--active:active.FilteredColumnsList-filter--light, .FilteredColumnsList-filter--active:focus.FilteredColumnsList-filter--light, .FilteredColumnsList-filter--active:hover.FilteredColumnsList-filter--light { color: #000 } .FilteredColumnsList-filter--active:active.FilteredColumnsList-filter--dark, .FilteredColumnsList-filter--active:focus.FilteredColumnsList-filter--dark, .FilteredColumnsList-filter--active:hover.FilteredColumnsList-filter--dark { color: #fff } .FilteredColumnsList-filter--viewAll { margin-right: 60px; position: relative; white-space: nowrap } .FilteredColumnsList-filter--viewAll:after { border-left: 1px solid #000; content: ""; height: 16px; pointer-events: none; position: absolute; right: -30px; top: 2.5px } .FilteredColumnsList-filter--viewAll:lang(ar) { margin-left: 60px; margin-right: 0 } .FilteredColumnsList-filter--viewAll:lang(ar):after { left: -30px; right: 0 } .FilteredColumnsList-filter--viewAll.FilteredColumnsList-filter--dark:after { border-left: 1px solid #fff } .FilteredColumnsList-filter--viewAll.FilteredColumnsList-filter--active { line-height: 1.5em } .FilteredColumnsList-displayButtons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: auto } .FilteredColumnsList-displayButtons:lang(ar) { margin-left: 0; margin-right: auto } .FilteredColumnsList-displayButtons-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-size: .375rem; font-style: normal; font-weight: 400; height: 56px; letter-spacing: .3em; letter-spacing: .2em; line-height: 1.3em; text-transform: uppercase; -webkit-transition: font-weight .3s ease-out; transition: font-weight .3s ease-out; width: 65px } .FilteredColumnsList-displayButtons-button:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FilteredColumnsList-displayButtons-button:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FilteredColumnsList-displayButtons-button { font-family: EB Garamond; text-transform: none } .FilteredColumnsList-displayButtons-button--light { background-color: #f5f5f5; border: 1px solid #f5f5f5 } .FilteredColumnsList-displayButtons-button--light .FilteredColumnsList-displayButtons-GrayBox { background-color: #d8d8d8 } .FilteredColumnsList-displayButtons-button--dark { background-color: #2d2d2d; border: 1px solid #2d2d2d } .FilteredColumnsList-displayButtons-button--dark .FilteredColumnsList-displayButtons-GrayBox { background-color: #7d7d7d } .FilteredColumnsList-displayButtons-button p { margin-bottom: 10px; margin-top: 2px; width: 100% } .FilteredColumnsList-displayButtons-button--active { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-size: .375rem; font-style: normal; font-weight: 700; letter-spacing: .3em; letter-spacing: .2em; line-height: 1.3em; text-transform: uppercase } .FilteredColumnsList-displayButtons-button--active:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FilteredColumnsList-displayButtons-button--active:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button--active:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button--active:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button--active:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button--active:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FilteredColumnsList-displayButtons-button--active { font-family: EB Garamond; text-transform: none } .FilteredColumnsList-displayButtons-button--active.FilteredColumnsList-displayButtons-button--light { border: 1px solid #2d2d2d } .FilteredColumnsList-displayButtons-button--active.FilteredColumnsList-displayButtons-button--light .FilteredColumnsList-displayButtons-GrayBox { background-color: #7d7d7d } .FilteredColumnsList-displayButtons-button--active.FilteredColumnsList-displayButtons-button--dark { border: 1px solid #f5f5f5 } .FilteredColumnsList-displayButtons-button--active.FilteredColumnsList-displayButtons-button--dark .FilteredColumnsList-displayButtons-GrayBox { background-color: #f5f5f5 } .FilteredColumnsList-displayButtons-button:active, .FilteredColumnsList-displayButtons-button:focus, .FilteredColumnsList-displayButtons-button:hover { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-size: .375rem; font-style: normal; font-weight: 700; letter-spacing: .3em; letter-spacing: .2em; line-height: 1.3em; text-transform: uppercase } .FilteredColumnsList-displayButtons-button:active:lang(ar), .FilteredColumnsList-displayButtons-button:focus:lang(ar), .FilteredColumnsList-displayButtons-button:hover:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .FilteredColumnsList-displayButtons-button:active:lang(ru), .FilteredColumnsList-displayButtons-button:focus:lang(ru), .FilteredColumnsList-displayButtons-button:hover:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:active:lang(ko-KR), .FilteredColumnsList-displayButtons-button:focus:lang(ko-KR), .FilteredColumnsList-displayButtons-button:hover:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:active:lang(zh), .FilteredColumnsList-displayButtons-button:focus:lang(zh), .FilteredColumnsList-displayButtons-button:hover:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:active:lang(zh-TW), .FilteredColumnsList-displayButtons-button:focus:lang(zh-TW), .FilteredColumnsList-displayButtons-button:hover:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .FilteredColumnsList-displayButtons-button:active:lang(ja), .FilteredColumnsList-displayButtons-button:focus:lang(ja), .FilteredColumnsList-displayButtons-button:hover:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .FilteredColumnsList-displayButtons-button:active, html.WhiteLabelSite .FilteredColumnsList-displayButtons-button:focus, html.WhiteLabelSite .FilteredColumnsList-displayButtons-button:hover { font-family: EB Garamond; text-transform: none } .FilteredColumnsList-displayButtons-button:active.FilteredColumnsList-displayButtons-button--light .FilteredColumnsList-displayButtons-GrayBox, .FilteredColumnsList-displayButtons-button:focus.FilteredColumnsList-displayButtons-button--light .FilteredColumnsList-displayButtons-GrayBox, .FilteredColumnsList-displayButtons-button:hover.FilteredColumnsList-displayButtons-button--light .FilteredColumnsList-displayButtons-GrayBox { background-color: #7d7d7d } .FilteredColumnsList-displayButtons-button:active.FilteredColumnsList-displayButtons-button--dark .FilteredColumnsList-displayButtons-GrayBox, .FilteredColumnsList-displayButtons-button:focus.FilteredColumnsList-displayButtons-button--dark .FilteredColumnsList-displayButtons-GrayBox, .FilteredColumnsList-displayButtons-button:hover.FilteredColumnsList-displayButtons-button--dark .FilteredColumnsList-displayButtons-GrayBox { background-color: #f5f5f5 } .FilteredColumnsList-displayButtons--columns { margin-right: 8px } .FilteredColumnsList-displayButtons--columns:lang(ar) { margin-left: 8px; margin-right: 0 } .FilteredColumnsList-displayButtons--columns .FilteredColumnsList-displayButtons-GrayBox { width: 11px } .FilteredColumnsList-displayButtons--list .FilteredColumnsList-displayButtons-GrayBox { width: 24px } .FilteredColumnsList-displayButtons-GrayBox { height: 15px; margin: 15px 1px 1px; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out } .FilteredColumnsList-stickyNav { display: block; position: relative; z-index: 3 } .FilteredColumnsList-stickyNav .formElement-label { -webkit-transform: none !important; transform: none !important } .FilteredColumnsList-stickyNav .Dropdown { margin: 15px 0 5px; padding: 0 } .FilteredColumnsList-stickyNav .Dropdown-field { border: none; padding: 6px 0 0 } .FilteredColumnsList-stickyNav .Dropdown:after { right: 0; top: 5px } .FilteredColumnsList-stickyNav .Dropdown:lang(ar):after { left: 0; right: auto } .FilteredColumnsList-stickyNav-GrayLine { border-bottom: 1px solid #cacaca; bottom: 0; left: calc(50% - 50vw); position: absolute; width: 100vw } .FilteredColumnsList-stickyNav--light { background-color: #fff } .FilteredColumnsList-stickyNav--light .Dropdown-field { background-color: #fff; color: #000 } .FilteredColumnsList-stickyNav--light option { color: #000; font-size: 16px } .FilteredColumnsList-stickyNav--dark { background-color: #000 } .FilteredColumnsList-stickyNav--dark .Dropdown-field { background-color: #000; color: #fff } .FilteredColumnsList-stickyNav--dark option { color: #fff } @media only screen and (min-width:961px) { .FilteredColumnsList-stickyNav { display: none } } .FilteredColumnsList-filterSection-title { margin: 0 0 10px } .FilteredColumnsList-filterSection-text { margin: 0 } .FilteredColumnsList-filterSection-heading { margin-bottom: 40px; margin-top: 50px } @media only screen and (min-width:701px) { .FilteredColumnsList-filterSection-heading { margin-bottom: 20px } } .FilteredColumnsList-itemsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .FilteredColumnsList-item { margin-bottom: 20px } @media only screen and (min-width:701px) { .FilteredColumnsList-item { margin-bottom: 30px } } .Heading:lang(ar) { direction: rtl } .Heading span.Heading-title { display: block } .Heading-link { color: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; -webkit-transition: color .2s ease; transition: color .2s ease; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Heading-link:hover { color: inherit; text-decoration: underline } .Heading-arrow { display: inline-block; font-size: .8em; line-height: 1; margin-left: .5em; vertical-align: middle } .Heading-arrow:lang(ar) { margin-left: 0; margin-right: .5em } .Heading-arrow .icon { display: inline-block; vertical-align: middle } .Hero { width: 100% } .Hero .VideoPlaceholderImage, .Hero>.ThirdPartyVideo { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .Hero>.ThirdPartyVideo { bottom: 0; right: 0; z-index: 1 } .Hero>.ThirdPartyVideo iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .Hero .IndicatorColor { border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 8px; margin: 0 5px; position: relative; width: 8px } .Hero .IndicatorColor--red { background-color: #ff1e1e } .Hero .IndicatorColor--green { background-color: #2ad062 } .Hero .IndicatorColor--orange { background-color: #df943c } .Hero .IndicatorBackground { backdrop-filter: blur(10px); background: rgba(0, 0, 0, .6); height: 36px; position: absolute; width: 100%; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .Hero .IndicatorMessage { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .ImageAndCTABlockWithEyebrows-imageWrapper { position: relative } .ImageAndCTABlockWithEyebrows-playButton { color: #fff; cursor: pointer; font-size: 3rem; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; z-index: 2 } .ImageAndCTABlockWithEyebrows-playButton:hover { color: #999 } .ImageAndCTABlockWithEyebrows-galleryOverlay .Gallery-button { display: none } .LinkButton--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; border: 1px solid var(--color-border-default, rgba(77, 77, 77, .45)); border-radius: 4px; height: 100%; justify-content: start; min-height: 104px; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100% } @media only screen and (min-width:701px) { .LinkButton--container { min-height: 100px } } .LinkButton--container:focus, .LinkButton--container:hover { background-color: var(--color-button-primary-ghost-hover, rgba(3, 3, 3, .04)); border-color: var(--color-border-strong-default, rgba(77, 77, 77, .95)) } .LinkButton--container:active { background-color: var(--color-button-primary-ghost-pressed, rgba(3, 3, 3, .08)); border-color: var(--color-border-strong-default, rgba(77, 77, 77, .95)) } .LinkButton--icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; color: #000; font-size: 32px; height: 32px; justify-content: center; line-height: 1; width: 32px } .LinkButton--text { text-align: center } .LoadingIndicator--dots-flashing { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 6px } .LoadingIndicator--dots-flashing__dot { -webkit-animation: loading-indicator-dot-flashing .5s linear infinite alternate; animation: loading-indicator-dot-flashing .5s linear infinite alternate; -webkit-animation-delay: .25s; animation-delay: .25s; background-color: var(--color-button-primary-pressed); border-radius: 1000px; height: 5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 5px } .LoadingIndicator--dots-flashing__dot:first-child { -webkit-animation-delay: 0s; animation-delay: 0s } .LoadingIndicator--dots-flashing__dot:nth-child(3) { -webkit-animation-delay: .5s; animation-delay: .5s } @-webkit-keyframes loading-indicator-dot-flashing { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { opacity: .2; -webkit-transform: scale(1); transform: scale(1) } to { opacity: .2; -webkit-transform: scale(1); transform: scale(1) } } @keyframes loading-indicator-dot-flashing { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { opacity: .2; -webkit-transform: scale(1); transform: scale(1) } to { opacity: .2; -webkit-transform: scale(1); transform: scale(1) } } .PaginatedFilter { margin-bottom: 40px; position: relative } .PaginatedFilter .active { display: block } .PaginatedFilter .hidden { display: none } .PaginatedFilter-itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .PaginatedFilter .FilterGroup-container { background-color: #f5f5f5; position: absolute; top: 0; width: 100%; z-index: 5 } .PaginatedFilter .FilterGroup-toggle { margin: 15px 0; position: relative } @media only screen and (min-width:961px) { .PaginatedFilter .FilterGroup-toggle { margin: 30px 0 } } .PaginatedFilter .FilterGroup-toggle--open .FilterGroup-toggle-button { background-color: #000; color: #fff } .PaginatedFilter .FilterGroup-toggle--open .FilterGroup-toggle-button:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .PaginatedFilter .FilterGroup-toggle-button { border-color: #fff; border-radius: 5px; padding: 16px 30px 16px 15px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; min-width: 100% } .PaginatedFilter .FilterGroup-toggle-button:after { content: "\f111"; font-size: 5px; pointer-events: none; position: absolute; right: 25px } @media only screen and (min-width:1701px) { .PaginatedFilter .FilterGroup-toggle-button .Button-label { font-size: .75rem; font-weight: 700; letter-spacing: .25em; line-height: 1.333333333em } } .PaginatedFilter .FilterGroup-toggle-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; padding-top: 10px } .PaginatedFilter .FilterGroup-optionGroup { background-color: #f5f5f5; border: none; border-top: 1px solid #000; width: 100%; z-index: 1 } .PaginatedFilter .FilterGroup-optionGroup-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 40px } .PaginatedFilter .FilterGroup-optionGroup-field { margin-top: 20px; padding-left: 0; padding-right: 30px } @media only screen and (min-width:961px) { .PaginatedFilter .FilterGroup-optionGroup-field.col-lg-4 { padding-left: 10px; padding-right: 10px } .PaginatedFilter .FilterGroup-optionGroup-field.col-lg-4:nth-child(3n+1) { padding-left: 0; padding-right: 20px } .PaginatedFilter .FilterGroup-optionGroup-field.col-lg-4:nth-child(3n+3) { padding-left: 20px; padding-right: 0 } } .PaginatedFilter .FilterGroup-optionGroup-field .formElement { padding-bottom: 0 } .PaginatedFilter .FilterGroup-optionGroup-field .formElement-field { background-color: #f5f5f5 } .PaginatedFilter .FilterGroup-optionGroup-field .formElement-label { font-weight: 700 } @media only screen and (min-width:1701px) { .PaginatedFilter .FilterGroup-optionGroup-field .formElement-label { font-size: .75rem; letter-spacing: .25em; line-height: 1.333333333em } } .PaginatedFilter .FilterGroup-optionGroup-field .formElement--focusAlways { -webkit-transform: translateY(-30px); transform: translateY(-30px) } .PaginatedFilter .FilterGroup-optionGroup-field .SwitchField-label { font-weight: 700 } .PaginatedFilter .FilterGroup-optionGroup-field .SwitchField-switch { height: .75em; width: 1.5em } .PaginatedFilter .FilterGroup-optionGroup-field .SwitchField-slider { border-radius: .75em } .PaginatedFilter .FilterGroup-optionGroup-field .SwitchField-slider:before { height: .75em; width: .75em } .PaginatedFilter .FilterGroup-optionGroup-field .SwitchField-checkbox:checked+.SwitchField-slider:before { -webkit-transform: translateX(.75em); transform: translateX(.75em) } .PaginatedFilter .FilterGroup-optionGroup-field .CheckboxGroup-checkbox { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .PaginatedFilter .FilterGroup-optionGroup-field .Checkbox-label { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; text-transform: uppercase } @media only screen and (min-width:1701px) { .PaginatedFilter .FilterGroup-optionGroup-field .Checkbox-label { font-size: .75rem; letter-spacing: .25em; line-height: 1.333333333em } } .PaginatedFilter .FilterGroup-optionGroup-field .Checkbox-icon { color: #7d7d7d } .PaginatedFilter .FilterGroup-optionGroup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; margin-top: 60px } @media only screen and (min-width:701px) { .PaginatedFilter .FilterGroup-optionGroup-buttons { margin: 40px 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .PaginatedFilter .FilterGroup-optionGroup-button { margin-bottom: 20px; width: 100% } @media only screen and (min-width:701px) { .PaginatedFilter .FilterGroup-optionGroup-button { margin: 0 15px; width: unset } } .PaginatedFilter .FilterGroup-TextFilter { margin: 30px 0 } .PaginatedFilter .FilterGroup-TextFilter .TextInput { margin: 0; padding: 0; position: relative } .PaginatedFilter .FilterGroup-TextFilter .TextInput:after { content: "\f17a"; font-weight: 700; position: absolute; right: 20px; top: 15px } .PaginatedFilter .FilterGroup-TextFilter .TextInput:lang(ar):after { left: 20px; right: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field { background-color: #fff; border: 1px solid #d8d8d8; height: auto; line-height: 1.5em; padding: 15px 40px 15px 20px } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-moz-placeholder { font-family: EB Garamond; text-transform: none } html.WhiteLabelSite .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:-ms-input-placeholder { font-family: EB Garamond; text-transform: none } html.WhiteLabelSite .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:placeholder-shown { font-family: EB Garamond; text-transform: none } .PaginatedFilter .FilterGroup-TextFilter .TextInput-field:lang(ar) { padding-left: 40px; padding-right: 20px } .PaginatedFilter .FilterGroup-TextFilter .TextInput .formElement-label { display: none } .PaginatedFilter--loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 301px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } @media only screen and (min-width:701px) { .PaginatedFilter--loading { padding-top: 175px } } @media only screen and (min-width:961px) { .PaginatedFilter--loading { padding-top: 131px } } .PaginatedFilter-item-groupTitle { padding-bottom: 40px; padding-top: 80px; -ms-flex-preferred-size: 50%; border-bottom: 1px solid #d8d8d8; flex-basis: 50% } .PaginatedFilter-item-groupTitle:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .PaginatedFilter-item-groupTitle:nth-child(2):last-child { text-align: right } .PaginatedFilter-item-groupTitle-container { border: none; display: -webkit-box; display: -ms-flexbox; display: flex } .PaginatedFilter-pagination-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .PaginatedFilter-pagination-navigation { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .PaginatedFilter-pagination-button { height: 42px; margin: 10px 0; width: 42px } @media only screen and (min-width:701px) { .PaginatedFilter-pagination-button { height: 42px; margin: 10px; width: 42px } } .PaginatedFilter-pagination-button.activeButton { background-color: #000; border-radius: 50%; color: #fff; height: 42px; width: 42px } .PaginatedFilter-pagination-showAll { margin-top: 40px } @media only screen and (min-width:701px) { .PaginatedFilter-pagination-showAll { margin-left: 80px; margin-top: 0 } } .PaginatedFilter-pagination-showLess-container { display: none; margin-top: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:701px) { .PaginatedFilter-pagination-showLess-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .PaginatedFilter-pagination-showLess { margin-top: 40px } @media only screen and (min-width:701px) { .PaginatedFilter-pagination-showLess { margin-left: 80px; margin-top: 0 } } .PaginatedFilter-noResults { margin-top: 80px; text-align: center } .PaginatedFilter-filtersHeading { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .3em; line-height: 1.3em; padding: 16px 30px 16px 15px; text-transform: uppercase } .PaginatedFilter-filtersHeading:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PaginatedFilter-filtersHeading:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PaginatedFilter-filtersHeading { font-family: EB Garamond; text-transform: none } @media only screen and (min-width:961px) { .PaginatedFilter-filtersHeading { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; text-transform: uppercase } .PaginatedFilter-filtersHeading:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .PaginatedFilter-filtersHeading:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .PaginatedFilter-filtersHeading:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .PaginatedFilter-filtersHeading { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } } .PhoneField { margin: 15px 0 10px; padding-bottom: 17px; position: relative; width: 100% } .PhoneField-container { background: #f0f0f0; border: 0; border-bottom: 1px solid; border-radius: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; height: 47px; width: 100% } .PhoneField-container, .TitleAndCards-titleContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .TitleAndCards-titleContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px } @media only screen and (min-width:701px) { .TitleAndCards-titleContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .TitleAndCards--light { color: #000 } .TitleAndCards--dark { color: #fff } .TitleAndCards-title { margin: 0 0 20px; text-align: center } @media only screen and (min-width:701px) { .TitleAndCards-title { margin-bottom: 0; text-align: left } } .TitleAndCards-cta { text-align: center } @media only screen and (min-width:701px) { .TitleAndCards-cta { text-align: right } } .TitleAndCards-cta .CTA--underlined--dark--checkmark:before, .TitleAndCards-cta .CTA--underlined--light--checkmark:before { top: 2px } .TitleAndCards-cta:lang(ar) .CTA--underlined--dark--checkmark:before, .TitleAndCards-cta:lang(ar) .CTA--underlined--light--checkmark:before { top: 6px } .TitleAndCards-cardsContainer { display: block } .TypeAhead { padding-bottom: 10px } .TypeAhead .TextInput { margin-bottom: 0 } .TypeAhead-textField { margin-bottom: 10px } .TypeAhead-results { background-color: #f5f5f5; display: none; position: absolute; top: 46px; width: 100%; z-index: 1 } .TypeAhead-item { padding: 14px 22px 6px } .TypeAhead-item a { text-decoration: none } .TypeAhead-item a span { color: #000 } .TypeAhead-item strong { color: #7d7d7d; font-weight: 400 } .TypeAhead-item.active, .TypeAhead-item:hover { background-color: #000 } .TypeAhead-item.active a span, .TypeAhead-item:hover a span { color: #fff } .TypeAhead-item:first-child { padding-top: 15px } .TypeAhead-generalInquiry .TypeAhead-item:not(:last-child) strong { color: #7d7d7d; font-weight: 400 } .TypeAhead-generalInquiry .TypeAhead-item:last-child:not(:first-child) { margin-top: 37px; padding: 0 21px 11px } .TypeAhead-generalInquiry .TypeAhead-item:last-child:not(:first-child):before { background-color: #000; content: ""; display: block; height: 1px; margin-bottom: 12px; width: 100% } .TypeAhead-container, .VideoPlaceholderImage { position: relative } .VideoPlaceholderImage-button { height: 100px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; z-index: 1 } .VideoPlaceholderImage-button:before { font-size: 50px; line-height: 1em } @media only screen and (min-width:701px) { .VideoPlaceholderImage-button:before { font-size: 80px } } @media only screen and (min-width:1701px) { .VideoPlaceholderImage-button:before { font-size: 96px } } .Video, .Video-video { height: 100%; width: 100% } .Video-video { -o-object-fit: cover; object-fit: cover } .Video-container { height: 100%; width: 100% } .FullscreenHero .Hero-video .Video-video { aspect-ratio: 16/9; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100% } .FullscreenHero .Hero-video .Video-video[style*="display: none"] { display: block; opacity: 0; position: absolute; visibility: hidden } .WideGridFilter-bar { padding-bottom: 0 } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar { max-width: 100%; padding: 0 } } .WideGridFilter-bar-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: var(--Element-gap-Stack-stack-m); padding-top: var(--Element-gap-Stack-stack-m) } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar-row { border-bottom: none; position: relative } .WideGridFilter-bar-row::-webkit-scrollbar { display: none } .WideGridFilter-bar-row:after { background-color: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); bottom: 0; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 93%; z-index: 1 } } @media only screen and (min-width:701px)and (max-width:960px) { .WideGridFilter-bar-row { padding-left: calc(50% - 417px) } .WideGridFilter-bar-row:after { width: 85% } .WideGridFilter-bar-row:lang(ar) { padding-left: 0; padding-right: calc(50% - 417px) } } .WideGridFilter-bar-row-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: var(--Element-gap-Inline-inline-xs) } @media only screen and (min-width:961px) { .WideGridFilter-bar-row-container { gap: var(--Element-gap-Inline-inline-s) } } .WideGridFilter-bar-dropdowns-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--Element-gap-Inline-inline-s) } .WideGridFilter-bar-filter-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; gap: 10px; justify-content: center; margin-left: 15px; margin-right: 15px; padding-top: 0 } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar-filter-container { overflow: scroll; -ms-overflow-style: none; position: relative; scrollbar-width: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px } } @media only screen and (min-width:701px) { .WideGridFilter-bar-filter-container { padding-left: 60px; padding-right: 60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media only screen and (min-width:961px) { .WideGridFilter-bar-filter-container { margin-left: 0; margin-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center } } .WideGridFilter-bar-filter-divider-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); height: 40px; margin-left: var(--Element-gap-Inline-inline-xs, 10px); margin-right: var(--Element-gap-Inline-inline-xs, 10px); width: 1px } @media only screen and (min-width:961px) { .WideGridFilter-bar-filter-divider-right { margin-left: var(--Element-gap-Inline-inline-s, 15px); margin-right: var(--Element-gap-Inline-inline-s, 15px) } } .WideGridFilter-bar-filterButton-container, .WideGridFilter-bar-filterDatepicker-container, .WideGridFilter-bar-filterDropdown-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .WideGridFilter-bar-filterButton-text, .WideGridFilter-bar-filterDatepicker-text, .WideGridFilter-bar-filterDropdown-text { text-wrap: nowrap } .WideGridFilter-bar-filterButton-button, .WideGridFilter-bar-filterDatepicker-button, .WideGridFilter-bar-filterDropdown-button { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 40px; padding: 10px 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); gap: 5px } .WideGridFilter-bar-filterButton-button--active, .WideGridFilter-bar-filterDatepicker-button--active, .WideGridFilter-bar-filterDropdown-button--active { background: var(--color-surface-raised-subtle, #f5f5f5); border: 1px solid var(--color-border-strong-default, rgba(77, 77, 77, .95)) } .WideGridFilter-bar-filterButton-icon, .WideGridFilter-bar-filterDatepicker-icon, .WideGridFilter-bar-filterDropdown-icon { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; margin-right: 5px } .WideGridFilter-bar-filterButton-icon:lang(ar), .WideGridFilter-bar-filterDatepicker-icon:lang(ar), .WideGridFilter-bar-filterDropdown-icon:lang(ar) { margin-left: 5px; margin-right: 0 } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar-resultCount-row { margin: auto; max-width: 834px } } .WideGridFilter-bar-resultCount-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 15px; margin-right: 15px; padding: 15px 0 var(--Element-gap-Stack-stack-l); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media only screen and (min-width:701px) { .WideGridFilter-bar-resultCount-container { margin-left: 60px; margin-right: 60px; padding-bottom: var(--Element-gap-Stack-stack-l) } } @media only screen and (min-width:961px) { .WideGridFilter-bar-resultCount-container { margin-left: 0; margin-right: 0 } } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar-allFilters-container { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } } .WideGridFilter-bar-allFilters-button.WideGridFilter-bar-filterButton-button--active .WideGridFilter-bar-allFilters-numFilters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-surface-inverse, #0f0f0f); border-radius: 50px; height: 20px; width: 20px } .WideGridFilter-bar-allFilters-button.WideGridFilter-bar-filterButton-button--active .WideGridFilter-bar-allFilters-numFilters span { color: var(--color-text-inverse-primary, #e6e6e6); letter-spacing: unset } .WideGridFilter-bar-allFilters-numFilters { display: none } .WideGridFilter-bar-filterDatepicker-container, .WideGridFilter-bar-filterDropdown-container { position: relative } .WideGridFilter-bar-filterDatepicker-container.surface-sticky, .WideGridFilter-bar-filterDropdown-container.surface-sticky { -webkit-box-shadow: 0 10px 25px 0 rgba(3, 3, 3, .2); box-shadow: 0 10px 25px 0 rgba(3, 3, 3, .2) } .WideGridFilter-bar-filterDatepicker-button, .WideGridFilter-bar-filterDropdown-button { gap: 10px } .WideGridFilter-bar-filterDatepicker-button--selected, .WideGridFilter-bar-filterDropdown-button--selected { background: var(--color-surface-raised-subtle, #f5f5f5); border: 1px solid var(--color-border-strong-default, rgba(77, 77, 77, .95)) } .WideGridFilter-bar-filterDatepicker-button--selected .WideGridFilter-filter-checkboxGroup-dropdown-carot, .WideGridFilter-bar-filterDropdown-button--selected .WideGridFilter-filter-checkboxGroup-dropdown-carot { border-bottom: 7px solid var(--color-text-primary, #1f1f1f); border-top: none } .WideGridFilter-bar-filterDatepicker-button--selected+.WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDatepicker-button--selected+.WideGridFilter-bar-filterDropdown-options-container, .WideGridFilter-bar-filterDropdown-button--selected+.WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDropdown-button--selected+.WideGridFilter-bar-filterDropdown-options-container { display: block } .WideGridFilter-bar-filterDatepicker-options, .WideGridFilter-bar-filterDropdown-options { overflow-y: scroll; padding: 0 20px; -ms-overflow-style: none; scrollbar-width: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0 } .WideGridFilter-bar-filterDatepicker-options::-webkit-scrollbar, .WideGridFilter-bar-filterDropdown-options::-webkit-scrollbar { display: none } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options, .WideGridFilter-bar-filterDropdown-options { max-height: 500px; padding-top: 0 } .WideGridFilter-bar-filterDatepicker-options-background, .WideGridFilter-bar-filterDropdown-options-background { display: none } } .WideGridFilter-bar-filterDatepicker-options-content, .WideGridFilter-bar-filterDropdown-options-content { background: var(--color-surface-sticky, #fff); border-radius: 20px 20px 0 0; bottom: 0; -webkit-box-shadow: 0 10px 25px 0 rgba(3, 3, 3, .2); box-shadow: 0 10px 25px 0 rgba(3, 3, 3, .2); display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options-content, .WideGridFilter-bar-filterDropdown-options-content { border-radius: unset; height: auto; position: relative } } .WideGridFilter-bar-filterDatepicker-options-heading, .WideGridFilter-bar-filterDropdown-options-heading { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; border-bottom: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); justify-content: center } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options-heading, .WideGridFilter-bar-filterDropdown-options-heading { display: none } } .WideGridFilter-bar-filterDatepicker-options-heading-title, .WideGridFilter-bar-filterDropdown-options-heading-title { color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-weight: 600; margin: 15px; overflow: hidden; text-align: center; text-overflow: ellipsis } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options-closeButton, .WideGridFilter-bar-filterDropdown-options-closeButton { display: none } } .WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDropdown-options-container { background: transparent; bottom: 0; display: none; height: 100%; left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 10 } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDropdown-options-container { bottom: unset; height: auto; left: unset; max-height: 585px; position: absolute; width: 315px; z-index: 3 } } .WideGridFilter-bar-filterDatepicker-options-container .WideGridFilter-filter-checkboxGroup-checkbox, .WideGridFilter-bar-filterDropdown-options-container .WideGridFilter-filter-checkboxGroup-checkbox { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important } .WideGridFilter-bar-filterDatepicker-options-container .WideGridFilter-modal-section-checkboxGroup-container, .WideGridFilter-bar-filterDropdown-options-container .WideGridFilter-modal-section-checkboxGroup-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WideGridFilter-bar-filterDatepicker-options-footer, .WideGridFilter-bar-filterDropdown-options-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); padding: 15px 20px 20px } .WideGridFilter-bar-filterDatepicker-datepicker-container { height: 100%; overflow: hidden; padding: 15px 15px 0 } .WideGridFilter-bar-filterDatepicker-datepicker-container .DatePicker { height: 100%; width: 100% } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-datepicker-container .DatePicker { height: 370px; width: 370px } } .WideGridFilter-bar-filterDatepicker-datepicker-container .DatePickerStandalone { height: 100%; overflow: scroll; width: 100% } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-datepicker-container .DatePickerStandalone { height: auto; overflow: unset; width: auto } .WideGridFilter-bar-filterDatepicker-datepicker-container { padding: 0 } .WideGridFilter-bar-filterDatepicker-container--quickFilter .WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDatepicker-container--quickFilter .WideGridFilter-bar-filterDatepicker-options-content { width: 370px } } .WideGridFilter-bar-filterDatepicker-container--allFilter { width: 100% } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-options-content { width: 100% } } .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-options-container, .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-options-container .DatePicker { width: 100% } .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-button { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-button-itinerary-icon { height: 21px; line-height: 21px } .WideGridFilter-bar-filterDatepicker-container--allFilter .WideGridFilter-bar-filterDatepicker-button-itinerary-icon:before { font-size: 20px } .WideGridFilter-bar-filterDatepicker-options-content { height: 80% } @media only screen and (min-width:961px) { .WideGridFilter-bar-filterDatepicker-options-content { height: auto } } .WideGridFilter-bar-filterDropdown-options-content { max-height: 385px } .WideGridFilter-bar-clearButton { color: var(--button-primary-default-default, #030303); font-size: 12px; letter-spacing: 2.4px; text-align: center; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } @media only screen and (min-width:961px) { .WideGridFilter-bar-clearButton { margin-left: var(--Element-gap-Inline-inline-s, 15px) } } .BodySection--dark .WideGridFilter-bar-clearButton { color: var(--color-text-primary, #e6e6e6) } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilter-bar-clearButton { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2 } } .WideGridFilter-item--hide { display: none } @media only screen and (min-width:0)and (max-width:700px) { .WideGridFilter-item--hide--sm { display: none } } @media only screen and (min-width:701px)and (max-width:960px) { .WideGridFilter-item--hide--md { display: none } } @media only screen and (min-width:961px)and (max-width:1700px) { .WideGridFilter-item--hide--lg { display: none } } @media only screen and (min-width:1701px) { .WideGridFilter-item--hide--xl { display: none } } .WideGridFilter-item--filtered { display: none !important } .WideGridFilter-button { height: 40px; padding: 10px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WideGridFilter-button, .WideGridFilter-button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .WideGridFilter-button-container { margin-top: 40px; text-align: center } .WideGridFilter-noResults-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; gap: 10px; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: var(--Element-gap-Stack-stack-l) } .WideGridFilter-noResults-heading { margin: 0 } .WideGridFilter-noResults-body { color: var(--color-text-secondary, #4d4d4d); margin-bottom: 15px } .WideGridFilter .WarningModal-content { background: transparent; border-radius: 20px 20px 0 0; bottom: 0; height: auto; margin: auto; max-height: 80%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: unset; width: 100% } @media only screen and (min-width:701px) { .WideGridFilter .WarningModal-content { max-height: 55% } } @media only screen and (min-width:961px) { .WideGridFilter .WarningModal-content { border-radius: unset; bottom: unset; left: 50%; max-height: 95%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 690px } } .WideGridFilter .WarningModal-closeCTA { height: 16px; line-height: 0; margin: 0; right: 20px; top: 15px; width: 16px } .WideGridFilter .WarningModal-closeCTA:lang(ar) { left: 20px; right: 0 } .WideGridFilter .WarningModal-closeCTA:before { color: var(--color-text-primary, #1f1f1f); font-size: 16px } .WideGridFilter-modal { overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; border-radius: 0; -ms-flex-direction: column; flex-direction: column } .WideGridFilter-modal, .WideGridFilter-modal-heading { display: -webkit-box; display: -ms-flexbox; display: flex } .WideGridFilter-modal-heading { -webkit-box-pack: center; -ms-flex-pack: center; border-bottom: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); justify-content: center } .WideGridFilter-modal-heading-title { color: var(--color-text-primary, #1f1f1f); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-weight: 600; margin: 15px; overflow: hidden; text-align: center; text-overflow: ellipsis } .WideGridFilter-modal-body { overflow-x: hidden; overflow-y: auto } .WideGridFilter-modal-section { margin: 0 30px } .WideGridFilter-modal-section:not(:last-child) { border-bottom: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)) } .WideGridFilter-modal-section-itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0 15px; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 20px; justify-content: flex-start } @media only screen and (min-width:701px) { .WideGridFilter-modal-section-itemContainer { padding: 30px 0 20px } } .WideGridFilter-modal-section-heading { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100% } .WideGridFilter-modal-section-heading+.WideGridFilter-modal-section-checkboxGroup { border: none; padding-top: 15px } .WideGridFilter-modal-section-title { margin: 0 0 15px } .WideGridFilter-modal-section-viewMoreButton { padding-top: 15px; width: 100% } .WideGridFilter-modal-section-checkboxGroup-container { gap: 0 20px; padding-top: 19px } .WideGridFilter-modal-section-checkboxGroup-container .CheckboxGroup-checkbox { margin: 0; padding-left: 30px } .WideGridFilter-modal-section-checkboxGroup-container .CheckboxGroup-checkbox:lang(ar) { padding-left: 0; padding-right: 30px } .WideGridFilter-modal-section-checkboxGroup:last-child { padding-bottom: 15px } .WideGridFilter-modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 30px 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)) } .WideGridFilter-filter-checkbox, .WideGridFilter-filter-checkboxGroup { margin: 0 } .WideGridFilter-filter-checkbox-label, .WideGridFilter-filter-checkboxGroup-label { color: var(--color-text-primary, #1f1f1f) } .WideGridFilter-filter-checkbox .Checkbox-decoration, .WideGridFilter-filter-checkboxGroup .Checkbox-decoration { margin-top: 0 } .WideGridFilter-filter-checkbox { padding: 15px 0; -ms-flex-preferred-size: 100%; flex-basis: 100% } @media only screen and (min-width:701px) { .WideGridFilter-filter-checkbox { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px) } } .WideGridFilter-filter-checkboxGroup { padding: 19px 0; -ms-flex-preferred-size: 100%; border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); flex-basis: 100% } .WideGridFilter-filter-checkboxGroup:first-child { border: none; padding-top: 15px } .WideGridFilter-filter-checkboxGroup-checkbox { margin: 0; padding: 0 } .WideGridFilter-filter-checkboxGroup-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .WideGridFilter-filter-checkboxGroup-dropdown-carot { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--color-text-primary, #1f1f1f); cursor: pointer; height: 0; width: 0 } .WideGridFilter-filter-checkboxGroup-dropdown-carot-touchpoint { display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; width: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .WideGridFilter-filter-checkboxGroup--open .WideGridFilter-filter-checkboxGroup-dropdown-carot { border-bottom: 7px solid var(--color-text-primary, #1f1f1f); border-top: none } .WideGridFilter .button-text { border: none; min-height: 30px } @media only screen and (min-width:961px) { .WideGridFilter .surface-overlay { border-radius: 0 } } .WideGridFilter-noResults-container { margin-bottom: 40px } @media only screen and (min-width:701px) { .WideGridFilter-noResults-container { margin-bottom: 70px } } .WideGridFilterableSortableTables { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .WideGridFilterableSortableTables .WideGridFilter-bar { width: 100% } .WideGridFilterableSortableTables .WideGridFilter-bar-filterDatepicker-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container), .WideGridFilterableSortableTables .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container) { border-left: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: 5px; padding-left: 15px } .WideGridFilterableSortableTables .WideGridFilter-bar-filterDatepicker-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container):lang(ar), .WideGridFilterableSortableTables .WideGridFilter-bar-filterDropdown-container+.WideGridFilter-bar-filterButton-container:not(.WideGridFilter-bar-allFilters-container):lang(ar) { border-left: none; border-right: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)); margin-left: unset; margin-right: 5px; padding-left: unset; padding-right: 15px } .WideGridFilterableSortableTables-Table-item, .WideGridFilterableSortableTables-results { max-width: 100%; width: 100% } .WideGridFilterableSortableTables-resultsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } @media only screen and (min-width:0)and (max-width:960px) { .WideGridFilterableSortableTables-resultsContainer { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } @media only screen and (min-width:701px)and (max-width:960px) { .WideGridFilterableSortableTables-resultsContainer { max-width: none } } .WideGridFilterableSortableTables-paginationContainer { width: 100% } .WideGridFilterableSortableTables-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; width: 100% } .WideGridFilterableSortableTables-pagination .WideGridFilter-bar-resultCount-row { margin: 0 } .WideGridFilterableSortableTables-pagination--top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media only screen and (min-width:0)and (max-width:700px) { .WideGridFilterableSortableTables-pagination--top .WideGridFilterableSortableTables-pagination-row { width: auto } .WideGridFilterableSortableTables-pagination--top .WideGridFilterableSortableTables-pagination-container { display: none } } .WideGridFilterableSortableTables-pagination-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-pagination-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .WideGridFilterableSortableTables-pagination-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } .WideGridFilterableSortableTables-pagination-container, .WideGridFilterableSortableTables-pagination-pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .WideGridFilterableSortableTables-pagination-pages { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 9px } .WideGridFilterableSortableTables-pagination-pages select, .WideGridFilterableSortableTables-pagination-pages span:not(.icon) { color: var(--color-text-primary) } .WideGridFilterableSortableTables-pagination-pageSelect { -webkit-appearance: none; -moz-appearance: none; background-color: transparent; padding: 6px 15px } .WideGridFilterableSortableTables-pagination-pageSelect::-ms-expand { display: none } .WideGridFilterableSortableTables-pagination-pageSelect:disabled { border: none; opacity: 1; padding: 0 } .WideGridFilterableSortableTables-pagination-arrows { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px } .WideGridFilterableSortableTables-pagination-arrows, .WideGridFilterableSortableTables-pagination-arrows button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .WideGridFilterableSortableTables-pagination-arrows button { height: 33px; width: 16px } .WideGridFilterableSortableTables-pagination-arrows button span.icon { font-size: 16px; margin-top: 2px } .WideGridFilterableSortableTables-pagination-arrows--right { display: none !important } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-pagination-arrows--right { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .WideGridFilterableSortableTables-pagination-arrows--mobile .WideGridFilterableSortableTables-pagination-arrows--right { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-pagination-arrows--mobile { display: none } } .WideGridFilterableSortableTables-horizontalLine { background-color: var(--color-border-subtle-default, rgba(77, 77, 77, .15)); height: 1px; width: 100% } .WideGridFilterableSortableTables-Table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WideGridFilterableSortableTables-Table .SortableTable-heading { margin: 0 } .WideGridFilterableSortableTables-Table-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .WideGridFilterableSortableTables-Table-heading--withImage { margin-bottom: 30px } .WideGridFilterableSortableTables-Table-heading:not(.WideGridFilterableSortableTables-Table-heading--withImage) { background: var(--color-surface-recessed, #e6e6e6); border-top: 1px solid var(--color-border-subtle-default, rgba(77, 77, 77, .15)) } .WideGridFilterableSortableTables-Table-heading:not(.WideGridFilterableSortableTables-Table-heading--withImage) .WideGridFilterableSortableTables-Table-heading-title { color: var(--color-text-primary, #1f1f1f) } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-Table-heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .WideGridFilterableSortableTables-Table-heading-imageAndText { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-Table-heading-imageAndText { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media only screen and (min-width:0)and (max-width:700px) { .WideGridFilterableSortableTables-Table-heading-textContent { padding: 0 !important } } .WideGridFilterableSortableTables-Table-heading-image { aspect-ratio: 16/9; height: auto; width: 100% } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-Table-heading-image { aspect-ratio: 1; height: 120px; width: 120px } } .WideGridFilterableSortableTables-Table-heading-iconAndLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 21px } .WideGridFilterableSortableTables-Table-heading-iconAndLabel .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .WideGridFilterableSortableTables-Table-heading-textLink { text-transform: none } .WideGridFilterableSortableTables-Table-heading-textLink:hover { color: var(--color-button-primary-hover, #e6e6e6) } .WideGridFilterableSortableTables-Table-heading-textLink:focus { color: var(--color-button-primary-pressed, #d8d8d8) } .WideGridFilterableSortableTables-Table-heading-textLink:disabled { color: var(--color-button-primary-disabled-default, #7d7d7d) } .WideGridFilterableSortableTables-Table-heading-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 15px; width: 100% } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables-Table-heading-buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .WideGridFilterableSortableTables-Table-heading-button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:0)and (max-width:700px) { .WideGridFilterableSortableTables-Table .SortableTable { -webkit-box-sizing: border-box; box-sizing: border-box; margin-inline: -15px; max-width: none; width: calc(100% + 30px) } } @media only screen and (min-width:701px)and (max-width:960px) { .WideGridFilterableSortableTables-Table .SortableTable { -webkit-box-sizing: border-box; box-sizing: border-box; margin-inline: -60px; max-width: none; width: calc(100% + 120px) } } .WideGridFilterableSortableTables-Table .SortableTable-Table-Row-cell { height: auto; max-height: unset } .WideGridFilterableSortableTables-Table .SortableTable-Table-Row-cell:not(:last-child) { max-width: 245px } .WideGridFilterableSortableTables-Table .SortableTable-Table-Row-cell-text { white-space: unset } .WideGridFilterableSortableTables-Table .SortableTable-Table-Row-cell-content { height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: start } .WideGridFilterableSortableTables .WarningModal-content { background: transparent; border-radius: 20px 20px 0 0; bottom: 0; height: auto; margin: auto; max-height: 80%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: unset; width: 100% } @media only screen and (min-width:701px) { .WideGridFilterableSortableTables .WarningModal-content { max-height: 55% } } @media only screen and (min-width:961px) { .WideGridFilterableSortableTables .WarningModal-content { border-radius: unset; bottom: unset; left: 50%; max-height: 95%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 690px } } .WideGridFilterableSortableTables .WarningModal-closeCTA { height: 16px; line-height: 0; margin: 0; right: 20px; top: 15px; width: 16px } .WideGridFilterableSortableTables .WarningModal-closeCTA:lang(ar) { left: 20px; right: 0 } .WideGridFilterableSortableTables .WarningModal-closeCTA:before { color: var(--color-text-primary, #1f1f1f); font-size: 16px } .WideGridFilterableSortableTables .button-text { border: none; min-height: 30px } @media only screen and (min-width:961px) { .WideGridFilterableSortableTables .surface-overlay { border-radius: 0 } } .ReactAccordion { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .ReactAccordion-itemContainer { background: #fff; margin-bottom: 5px; width: 100% } .ReactAccordion-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #d8d8d8; cursor: pointer; font-size: 12px; padding-bottom: 10px; padding-top: 10px; width: 100% } @media only screen and (min-width:961px) { .ReactAccordion-title { padding-bottom: 5px } } .ReactAccordion-title.no-border { border: 0 } .ReactAccordion-title p { margin: 0 } .ReactAccordion-plusSign { font-size: 16px; height: 16px; width: 16px } .ReactAccordion-content { max-height: 0; overflow: hidden } .ReactAccordion-content.ReactAccordion-show { height: auto; max-height: none; padding-bottom: 10px } .ReactCarousel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .ReactCarousel, .ReactCarousel .ReactCarousel-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .ReactCarousel .ReactCarousel-carousel { gap: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100% } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-items { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; position: relative; scroll-behavior: smooth; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scrollbar-width: none } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-items .ReactCarousel-item { -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; scroll-snap-align: start; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-items::-webkit-scrollbar { display: none } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; position: relative; width: 100% } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper .ReactCarousel-dots { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper .ReactCarousel-dots .ReactCarousel-dot { background: transparent; border: 1px solid #000; border-radius: 50%; font-size: 0; height: 7px; margin: 0 5px; width: 7px } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper .ReactCarousel-dots .ReactCarousel-dot.active { background: #000; border-color: #000 } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper .ReactCarousel-overlap-nav { background: #fff; bottom: 0; display: block; position: absolute; right: 0; z-index: 2 } .ReactCarousel .ReactCarousel-carousel .ReactCarousel-wrapper .ReactCarousel-overlap-nav:lang(ar) { left: 0; right: auto } .Dialog, .Dialog-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0 } .Dialog { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(var(--dialogminvh, 1vh)*100); z-index: 999 } .Dialog.hidden { visibility: hidden; z-index: -1 } .Dialog[aria-hidden=true] .Dialog-wrapper { -webkit-transform: translateY(100%); transform: translateY(100%) } @media only screen and (min-width:961px) { .Dialog[aria-hidden=true] { display: none } } .Dialog .Dialog-overlay { background-color: rgba(0, 0, 0, .5); display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:961px) { .Dialog .Dialog-overlay { background-color: rgba(43, 46, 56, .9) } } .Dialog-wrapper { background-color: #fff; border-radius: 15px 15px 0 0; height: 100%; margin-top: auto; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; width: 100vw; z-index: 999 } @media only screen and (min-width:961px) { .Dialog-wrapper { border-radius: 0; margin: auto; max-height: 100%; overflow: auto; -webkit-transition: none; transition: none; width: 690px } } .Dialog-wrapper .Dialog-closebutton { background-color: transparent; border: 0; cursor: pointer; font-size: 15px; overflow: visible; padding: 0; position: absolute; right: 25px; text-align: center; top: 35px; z-index: 9999 } .Dialog-wrapper .Dialog-closebutton:lang(ar) { left: 35px; right: auto } @media only screen and (min-width:961px) { .Dialog-wrapper .Dialog-closebutton:lang(ar) { left: 45px } .Dialog-wrapper .Dialog-closebutton { right: 45px } } .Dialog-wrapper .Dialog-content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 75px 0 50px } @media only screen and (min-width:961px) { .Dialog-wrapper .Dialog-content { height: auto; max-height: 100%; overflow: auto; padding: 75px 40px 50px } } .Dialog-wrapper .Dialog-content .Dialog-content-title { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .75rem; font-style: normal; font-weight: 700; letter-spacing: .25em; line-height: 1.3333333333em; margin: 0 20px; text-transform: uppercase } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Dialog-wrapper .Dialog-content .Dialog-content-title:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Dialog-wrapper .Dialog-content .Dialog-content-title { font-family: EB Garamond; font-size: 1rem; letter-spacing: .0625em; line-height: 1.6875em; text-transform: none } .Dialog-wrapper .Dialog-content .Dialog-content-title:after { border-bottom: 1px solid #d8d8d8; content: ""; display: block; height: 1px; left: 0; position: relative; top: 30px; width: 100% } @media only screen and (min-width:961px) { .Dialog-wrapper .Dialog-content .Dialog-content-title { border: none; margin: 0 } } .Dialog-wrapper .Dialog-content .Dialog-content-content { overflow-x: hidden; overflow-y: auto; padding: 0 20px; width: 100% } @media only screen and (min-width:961px) { .Dialog-wrapper .Dialog-content .Dialog-content-content { padding: 0 } } .Dialog-wrapper .Dialog-content .Dialog-divider { border-bottom: 1px solid #d8d8d8; height: 0; width: 100% } .Dialog-wrapper .Dialog-content .Dialog-cta { margin-top: auto } .Dialog-wrapper .Dialog-content-oneItemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .Dialog-wrapper .Dialog-content-oneItemTitle { padding-bottom: 20px; padding-top: 30px } .Dialog-wrapper .Dialog-title { display: none } .Dialog-wrapper-95 { height: 95% } .SubscriptionBody { background: #fff } .SubscriptionBody .SubscriptionContainer { background: #fff; margin-top: 20px; padding: 20px 20px 40px; text-align: center } @media only screen and (min-width:701px) { .SubscriptionBody .SubscriptionContainer { margin-top: 60px; padding: 20px 40px 40px } } .SubscriptionBody .SubscriptionChoices-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; max-width: 1015px } @media only screen and (min-width:701px) { .SubscriptionBody .SubscriptionChoices-choices { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around } } .SubscriptionBody .Checkbox { line-height: 20px; margin-top: 15px; text-align: left } .SubscriptionBody .Checkbox-decoration:before { line-height: 1 } .SubscriptionBody .SubmitButton { font-family: Neue Helvetica, helvetica, sans-serif; font-size: .625rem; font-style: normal; letter-spacing: .3em; line-height: 1.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; justify-content: center; margin: 30px; min-width: 130px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out } .SubscriptionBody .SubmitButton:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .SubscriptionBody .SubmitButton:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .SubscriptionBody .SubmitButton:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .SubscriptionBody .SubmitButton:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .SubscriptionBody .SubmitButton:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .SubscriptionBody .SubmitButton:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .SubscriptionBody .SubmitButton { font-family: EB Garamond; font-size: .875rem; letter-spacing: .0714285714em; line-height: 1.9285714286em; text-align: center; text-transform: none } .SubscriptionBody .SubmitButton:focus, .SubscriptionBody .SubmitButton:hover { background-color: #fff; border-color: #000; color: #000 } .SubscriptionBody .SubmitButton:disabled { background: #7d7d7d; border: 1px solid #7d7d7d; cursor: default } .SubscriptionBody .SubmitButton:disabled:hover { color: #fff } .SubscriptionBody .SubscriptionThanks { display: none } .SubscriptionBody .SubscriptionResubscribe { color: var(--00-grayscale-black, #000); -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: 3px; line-height: 15px; text-align: center } .SubscriptionBody .SubscriptionUnsubscribeSurvey { height: 600px; width: 100% } .SubscriptionBody .SubscriptionUnsubscribeSurveyContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; width: 100% } @media only screen and (min-width:961px) { .SubscriptionBody .SubscriptionUnsubscribeSurvey { height: 443px; width: 770px } } .SubscriptionBody.UnsubscribeBody .SubscriptionContainer { margin-top: 0; padding-top: 0 } .SubscriptionBody.UnsubscribeBody .SubscriptionContainer .Intro p, .SubscriptionBody.UnsubscribeBody .SubscriptionContainer .SubscriptionThanks p { margin-top: 0 } @media only screen and (min-width:701px) { .SubscriptionBody.UnsubscribeBody .SubscriptionContainer { margin-top: 10px } } .SubscriptionBody.UnsubscribeBody .SubscriptionContainer.SubscriptionThanksShowing { padding: 0 5px 40px } @media only screen and (min-width:701px) { .SubscriptionBody.UnsubscribeBody .SubscriptionContainer.SubscriptionThanksShowing { padding: 0 40px 40px } } .SubscriptionBody .QSIUserDefinedHTML { z-index: 1 } .SubscriptionBody .QSIUserDefinedHTML, .SubscriptionBody .QSIUserDefinedHTML div, .SubscriptionBody .QSIUserDefinedHTML div div, .SubscriptionBody .QSIUserDefinedHTML div div div { height: 100% !important; position: unset !important; width: 100% !important } .SubscriptionBody .LegalAgreement { font-size: 1.375rem } .SubscriptionBody .Subscription-error { background-color: #ea0a0a; color: #fff; padding-bottom: 30px; padding-left: 14px; padding-top: 30px } .SubscriptionBody .Subscription-error:lang(ar) { padding-left: 0; padding-right: 14px } @media only screen and (min-width:701px) { .SubscriptionBody .Subscription-error:lang(ar) { padding-right: 48px } .SubscriptionBody .Subscription-error { padding-left: 48px } } .SubscriptionBody .Subscription-error--hidden { display: none } .Accordion-header button.Accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; list-style: none; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #d8d8d8; cursor: pointer; text-align: left; -webkit-transition: .3s; transition: .3s; white-space: nowrap } .Accordion-header button.Accordion.active { border-bottom: none } .Accordion-header .Accordion-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .Accordion-header span.label { color: #000; font-family: Helvetica; font-size: 12px; letter-spacing: 3px; line-height: 18px; margin: 36px auto 36px 21.43px; text-align: left; text-transform: uppercase; width: 192px } @media only screen and (min-width:701px) { .Accordion-header span.label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .Accordion-header .link-expand { border-bottom: 1px solid #000; margin-right: 10px } .Accordion-header .link-expand:focus, .Accordion-header .link-expand:hover { border-color: #767676; color: #767676 } @media only screen and (min-width:701px) { .Accordion-header .statusContainer { margin-left: 20px } } .Accordion-header button .leftIcon.icon { font-size: 30px; margin-bottom: 30.34px; margin-top: 34.34px } .Accordion-header button.text { color: #000; display: none; font-size: 10px; letter-spacing: 3px; text-transform: uppercase } @media only screen and (min-width:701px) { .Accordion-header button.text { display: none } } @media only screen and (min-width:961px) { .Accordion-header button.text { display: contents } } .Accordion-header span.icon-caret:before, .Accordion-header span.icon-collapse:before { font-size: 6px } .Accordion-header section.panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; font-size: 12px; justify-content: flex-start; margin-left: 30px; margin-right: 30px; max-height: 0; overflow: hidden; -webkit-transition: all .5s; transition: all .5s } .Accordion-header section.panel h1, .Accordion-header section.panel h2, .Accordion-header section.panel h3 { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em; margin-top: 0; padding: 0; text-decoration: underline } .Accordion-header section.panel h1:lang(ar), .Accordion-header section.panel h2:lang(ar), .Accordion-header section.panel h3:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Accordion-header section.panel h1:lang(ru), .Accordion-header section.panel h2:lang(ru), .Accordion-header section.panel h3:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1:lang(ko-KR), .Accordion-header section.panel h2:lang(ko-KR), .Accordion-header section.panel h3:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1:lang(zh), .Accordion-header section.panel h2:lang(zh), .Accordion-header section.panel h3:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1:lang(zh-TW), .Accordion-header section.panel h2:lang(zh-TW), .Accordion-header section.panel h3:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1:lang(ja), .Accordion-header section.panel h2:lang(ja), .Accordion-header section.panel h3:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Accordion-header section.panel h1, html.WhiteLabelSite .Accordion-header section.panel h2, html.WhiteLabelSite .Accordion-header section.panel h3 { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .Accordion-header section.panel h1 u, .Accordion-header section.panel h2 u, .Accordion-header section.panel h3 u { font-family: Monotype Garamond, garamond, serif; font-size: 1.375rem; font-style: normal; font-weight: 400; letter-spacing: .0227272727em; line-height: 1.5em } .Accordion-header section.panel h1 u:lang(ar), .Accordion-header section.panel h2 u:lang(ar), .Accordion-header section.panel h3 u:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Accordion-header section.panel h1 u:lang(ru), .Accordion-header section.panel h2 u:lang(ru), .Accordion-header section.panel h3 u:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1 u:lang(ko-KR), .Accordion-header section.panel h2 u:lang(ko-KR), .Accordion-header section.panel h3 u:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1 u:lang(zh), .Accordion-header section.panel h2 u:lang(zh), .Accordion-header section.panel h3 u:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1 u:lang(zh-TW), .Accordion-header section.panel h2 u:lang(zh-TW), .Accordion-header section.panel h3 u:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h1 u:lang(ja), .Accordion-header section.panel h2 u:lang(ja), .Accordion-header section.panel h3 u:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Accordion-header section.panel h1 u, html.WhiteLabelSite .Accordion-header section.panel h2 u, html.WhiteLabelSite .Accordion-header section.panel h3 u { font-family: Work Sans; font-size: 1.125rem; letter-spacing: .0277777778em; line-height: 1.5em } .Accordion-header section.panel u { font-weight: 400; text-decoration: underline } .Accordion-header section.panel ul { list-style: disc; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-padding-start: 40px; padding-inline-start: 40px } .Accordion-header section.panel h4 { font-family: Monotype Garamond, garamond, serif; font-size: 1.125rem; font-style: italic; font-weight: 400; letter-spacing: .0277777778em; line-height: 1.5em; text-decoration: none } .Accordion-header section.panel h4:lang(ar) { font-family: Cairo, serif; -webkit-font-smoothing: auto; letter-spacing: 0 } .Accordion-header section.panel h4:lang(ru) { font-family: Open Sans, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h4:lang(ko-KR) { font-family: NanumGothic, helvetica, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h4:lang(zh) { font-family: Noto Sans SC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h4:lang(zh-TW) { font-family: Noto Sans TC, sans-serif; -webkit-font-smoothing: auto } .Accordion-header section.panel h4:lang(ja) { font-family: Noto Sans Japanese, helvetica, sans-serif; -webkit-font-smoothing: auto } html.WhiteLabelSite .Accordion-header section.panel h4 { font-family: EB Garamond; text-transform: none } .Accordion-header section.panel a { border-bottom: 1px solid #000; color: #000; text-decoration: none } .Accordion-header section.panel a:focus, .Accordion-header section.panel a:hover { border-color: #767676; color: #767676 } .Accordion-header section.panel p { margin-top: 0 } .Accordion-header section.open-panel { border-bottom: 1px solid #d8d8d8 } div.svelte-modal { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1 } div.svelte-modal div.backdrop { background-color: rgba(0, 0, 0, .4); height: 100%; height: 100vh; left: 0; position: absolute; position: fixed; top: 0; width: 100% } div.svelte-modal div.content-wrapper { background-color: #fff; height: 100%; margin: 0; overflow: auto; padding: 1rem; width: 100%; z-index: 11 } @media only screen and (min-width:701px) { div.svelte-modal div.content-wrapper { height: calc(100% - 200px); margin: 0 72px } } @media only screen and (min-width:961px) { div.svelte-modal div.content-wrapper { height: calc(100% - 240px); margin: 0 195px } } div.svelte-modal:not(:focus-within) { opacity: .99; -webkit-transition: opacity .1ms; transition: opacity .1ms } .PaginationComponent { position: relative } .PaginationComponent .pagination-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .PaginationComponent .option { font-size: 12px; font-weight: bolder; padding: 6px 8px; text-align: center } @media only screen and (min-width:701px) { .PaginationComponent .option { margin: 0 2px } } @media only screen and (min-width:961px) { .PaginationComponent .option { margin: 0 5px } } .PaginationComponent .number.active { background: #f4f4f4; color: #000; outline: .5px solid #000 } .PaginationComponent .symbol { font-size: 12px } /*# sourceMappingURL=design3.mainCss.d88aac331acaa8073690.css.map*/