.imageAdapter .background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-size: cover; }

.seatComponents-HighlightContentBox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  /* M - 764px */
  /* L - 1016px */
  /* XL - 1436px */ }
  .seatComponents-HighlightContentBox .blackOverlayBottom,
  .seatComponents-HighlightContentBox .whiteOverlayBottom {
    height: 55.9375vw; }
  .seatComponents-HighlightContentBox .HighlightContentBox-content {
    position: absolute;
    bottom: 0;
    padding: 16px;
    max-width: 100%; }
  .seatComponents-HighlightContentBox .HighlightContentBox-title {
    margin-bottom: 8px;
    overflow: hidden; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title h3 {
      font-family: 'CupraRegular', serif;
      font-size: 9.375vw;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 12.5vw;
      letter-spacing: normal;
      max-height: 25vw; }
  .seatComponents-HighlightContentBox .HighlightContentBox-cta a {
    display: inline-block;
    width: 100%;
    margin-top: 24px; }
    @media (min-width: 764px) {
      .seatComponents-HighlightContentBox .HighlightContentBox-cta a {
        width: 58.85%;
        margin-top: 8px; } }
    @media (min-width: 1016px) {
      .seatComponents-HighlightContentBox .HighlightContentBox-cta a {
        width: 51.51%;
        margin-top: 16px; } }
    @media (min-width: 1436px) {
      .seatComponents-HighlightContentBox .HighlightContentBox-cta a {
        width: 37.17%; } }
  .seatComponents-HighlightContentBox .HighlightContentBox-video-background {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
  .seatComponents-HighlightContentBox .HighlightContentBox-video-foreground div {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .seatComponents-HighlightContentBox .HighlightContentBox-video-foreground,
  .seatComponents-HighlightContentBox .HighlightContentBox-video-background iframe {
    position: absolute;
    top: 0;
    left: -21.5%;
    width: 143%;
    height: 100%;
    pointer-events: none; }
  @media (min-width: 764px) {
    .seatComponents-HighlightContentBox .blackOverlayBottom,
    .seatComponents-HighlightContentBox .whiteOverlayBottom {
      height: 31.93717vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title {
      margin-bottom: 8px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title.onlyTitle {
      margin-bottom: 16px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title h3 {
      font-size: 3.9267vw;
      line-height: 5.2356vw;
      max-height: 10.4712vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-copy {
      display: block;
      margin-bottom: 8px;
      overflow: hidden; }
    .seatComponents-HighlightContentBox .HighlightContentBox-copy p {
      font-family: 'CupraBook', serif;
      font-size: 1.57068vw;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 2.6178vw;
      letter-spacing: normal;
      max-height: 5.2356vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-video-foreground,
    .seatComponents-HighlightContentBox .HighlightContentBox-video-background iframe {
      left: -30.5%;
      width: 161%; } }
  @media (min-width: 1016px) {
    .seatComponents-HighlightContentBox .zoomEffect {
      -webkit-transition: 0.19s ease-in-out;
      -moz-transition: 0.19s ease-in-out;
      -o-transition: 0.19s ease-in-out;
      -ms-transition: 0.19s ease-in-out;
      transition: 0.19s ease-in-out; }
    .seatComponents-HighlightContentBox:hover .zoomEffect {
      transform: scale(1.15); }
    .seatComponents-HighlightContentBox .blackOverlayBottom,
    .seatComponents-HighlightContentBox .whiteOverlayBottom {
      height: 28.74016vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-content {
      padding: 24px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title h3 {
      font-size: 3.54331vw;
      line-height: 4.52756vw;
      max-height: 9.05512vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-copy {
      margin-bottom: 16px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-copy p {
      font-size: 1.37795vw;
      line-height: 2.3622vw;
      max-height: 4.72441vw; }
    .seatComponents-HighlightContentBox .HighlightContentBox-video-foreground,
    .seatComponents-HighlightContentBox .HighlightContentBox-video-background iframe {
      left: -21.5%;
      width: 145%; } }
  @media (min-width: 1436px) {
    .seatComponents-HighlightContentBox .blackOverlayBottom,
    .seatComponents-HighlightContentBox .whiteOverlayBottom {
      height: 346px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-title h3 {
      font-size: 65px;
      line-height: 79px;
      max-height: 160px; }
    .seatComponents-HighlightContentBox .HighlightContentBox-copy p {
      font-size: 20px;
      line-height: 30px;
      max-height: 60px; } }

/** colors **/
.seatComponents-highlightcontentbox {
  height: 100%;
  background-color: #F5F5F5; }
  .seatComponents-highlightcontentbox > div {
    height: 100%; }
  .seatComponents-highlightcontentbox a:hover {
    text-decoration: none; }
  .seatComponents-highlightcontentbox h1,
  .seatComponents-highlightcontentbox h2,
  .seatComponents-highlightcontentbox h3,
  .seatComponents-highlightcontentbox h4,
  .seatComponents-highlightcontentbox h5,
  .seatComponents-highlightcontentbox h6,
  .seatComponents-highlightcontentbox p {
    margin-bottom: auto;
    word-wrap: break-word; }
  .seatComponents-highlightcontentbox span {
    word-break: break-all; }
  .seatComponents-highlightcontentbox .blackColor span,
  .seatComponents-highlightcontentbox .blackColor h3,
  .seatComponents-highlightcontentbox .blackColor p {
    color: #242221; }
  .seatComponents-highlightcontentbox .whiteColor span,
  .seatComponents-highlightcontentbox .whiteColor h3,
  .seatComponents-highlightcontentbox .whiteColor p {
    color: #FFF; }
  .seatComponents-highlightcontentbox .bgBlack {
    background-color: #242221; }
    .seatComponents-highlightcontentbox .bgBlack span,
    .seatComponents-highlightcontentbox .bgBlack h3,
    .seatComponents-highlightcontentbox .bgBlack p {
      color: #FFF; }
  .seatComponents-highlightcontentbox .bgBluePetrol {
    background-color: #003C4A; }
    .seatComponents-highlightcontentbox .bgBluePetrol span,
    .seatComponents-highlightcontentbox .bgBluePetrol h3,
    .seatComponents-highlightcontentbox .bgBluePetrol p {
      color: #FFF; }
  .seatComponents-highlightcontentbox .bgWhite {
    background-color: #FFF; }
    .seatComponents-highlightcontentbox .bgWhite span,
    .seatComponents-highlightcontentbox .bgWhite h3,
    .seatComponents-highlightcontentbox .bgWhite p {
      color: #242221; }
  .seatComponents-highlightcontentbox .blackOverlayTop,
  .seatComponents-highlightcontentbox .whiteOverlayTop,
  .seatComponents-highlightcontentbox .blackOverlayBottom,
  .seatComponents-highlightcontentbox .whiteOverlayBottom {
    position: absolute;
    width: 100%;
    left: 0; }
  .seatComponents-highlightcontentbox .blackOverlayTop,
  .seatComponents-highlightcontentbox .whiteOverlayTop {
    top: 0; }
  .seatComponents-highlightcontentbox .blackOverlayBottom,
  .seatComponents-highlightcontentbox .whiteOverlayBottom {
    bottom: 0; }
  .seatComponents-highlightcontentbox .blackOverlayTop {
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.37), rgba(255, 255, 255, 0)); }
  .seatComponents-highlightcontentbox .whiteOverlayTop {
    background: linear-gradient(to bottom, #242221, rgba(36, 34, 33, 0)); }
  .seatComponents-highlightcontentbox .blackOverlayBottom {
    background: linear-gradient(to top, white, rgba(255, 255, 255, 0.37), rgba(255, 255, 255, 0)); }
  .seatComponents-highlightcontentbox .whiteOverlayBottom {
    background: linear-gradient(to top, #242221, rgba(36, 34, 33, 0)); }