/* COLORS */
/* VIEWPORT WIDTH */
/*PATHS*/
/* FUNCTIONS */
@font-face {
  font-family: 'CupraRegular';
  src: url("../../../../content/dam/react-cupra/fonts/Cupra-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CupraBook';
  src: url("../../../../content/dam/react-cupra/fonts/Cupra-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CupraLight';
  src: url("../../../../content/dam/react-cupra/fonts/Cupra-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'CupraMedium';
  src: url("../../../../content/dam/react-cupra/fonts/Cupra-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

.seatComponents-carouselbox {
  height: 100%;
  background-color: #F5F5F5;
  /*M - 764px*/
  /*L - 1016px*/
  /*XL - 1436px*/ }
  .seatComponents-carouselbox > div {
    height: 100%; }
  .seatComponents-carouselbox a:hover {
    text-decoration: none; }
  .seatComponents-carouselbox h1,
  .seatComponents-carouselbox h2,
  .seatComponents-carouselbox h3,
  .seatComponents-carouselbox h4,
  .seatComponents-carouselbox h5,
  .seatComponents-carouselbox h6,
  .seatComponents-carouselbox p {
    margin-bottom: auto;
    word-wrap: break-word; }
  .seatComponents-carouselbox span {
    word-break: break-all; }
  .seatComponents-carouselbox .blackColor span,
  .seatComponents-carouselbox .blackColor h3,
  .seatComponents-carouselbox .blackColor p {
    color: #242221; }
  .seatComponents-carouselbox .whiteColor span,
  .seatComponents-carouselbox .whiteColor h3,
  .seatComponents-carouselbox .whiteColor p {
    color: #FFFFFF; }
  .seatComponents-carouselbox .bgBlack {
    background-color: #242221; }
    .seatComponents-carouselbox .bgBlack span,
    .seatComponents-carouselbox .bgBlack h3,
    .seatComponents-carouselbox .bgBlack p {
      color: #FFFFFF; }
  .seatComponents-carouselbox .bgBluePetrol {
    background-color: #003C4A; }
    .seatComponents-carouselbox .bgBluePetrol span,
    .seatComponents-carouselbox .bgBluePetrol h3,
    .seatComponents-carouselbox .bgBluePetrol p {
      color: #FFFFFF; }
  .seatComponents-carouselbox .bgWhite {
    background-color: #FFFFFF; }
    .seatComponents-carouselbox .bgWhite span,
    .seatComponents-carouselbox .bgWhite h3,
    .seatComponents-carouselbox .bgWhite p {
      color: #242221; }
  .seatComponents-carouselbox a.btnBlack-primary {
    color: #242221;
    border: solid 1px #242221;
    padding: 8px 16px;
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: pre;
    vertical-align: bottom;
    transition: none; }
    .seatComponents-carouselbox a.btnBlack-primary:hover {
      border: solid 1px rgba(36, 34, 33, 0.6);
      color: rgba(36, 34, 33, 0.6); }
    .seatComponents-carouselbox a.btnBlack-primary:active {
      border: solid 2px #242221;
      color: #242221; }
    .seatComponents-carouselbox a.btnBlack-primary:disabled {
      border: solid 1px rgba(36, 34, 33, 0.35);
      background-color: rgba(36, 34, 33, 0.35); }
  .seatComponents-carouselbox a.btnBluePetrol-primary {
    color: #FFFFFF;
    border: solid 1px #003E51;
    background-color: #003E51;
    padding: 8px 16px;
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: pre;
    vertical-align: bottom;
    transition: none; }
    .seatComponents-carouselbox a.btnBluePetrol-primary:hover {
      border: solid 1px rgba(0, 62, 81, 0.8);
      background-color: rgba(0, 62, 81, 0.8); }
    .seatComponents-carouselbox a.btnBluePetrol-primary:active {
      border: solid 1px #242221;
      background-color: #242221; }
    .seatComponents-carouselbox a.btnBluePetrol-primary:disabled {
      border: solid 1px rgba(0, 62, 81, 0.4);
      background-color: rgba(0, 62, 81, 0.4); }
  .seatComponents-carouselbox a.btnBluePetrol-secondary {
    color: #003E51;
    border: solid 1px #003E51;
    padding: 8px 16px;
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: pre;
    vertical-align: bottom;
    transition: none; }
    .seatComponents-carouselbox a.btnBluePetrol-secondary:hover {
      color: rgba(0, 62, 81, 0.6);
      border: solid 1px rgba(0, 62, 81, 0.6); }
    .seatComponents-carouselbox a.btnBluePetrol-secondary:active {
      color: #242221;
      border: solid 2px #242221; }
    .seatComponents-carouselbox a.btnBluePetrol-secondary:disabled {
      color: rgba(0, 62, 81, 0.35);
      border: solid 1px rgba(0, 62, 81, 0.35); }
  .seatComponents-carouselbox a.btnWhite-primary {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    padding: 8px 16px;
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: pre;
    vertical-align: bottom;
    transition: none; }
    .seatComponents-carouselbox a.btnWhite-primary:hover {
      border: solid 1px rgba(255, 255, 255, 0.6);
      color: rgba(255, 255, 255, 0.6); }
    .seatComponents-carouselbox a.btnWhite-primary:active {
      border: solid 2px #FFFFFF;
      color: #FFFFFF; }
    .seatComponents-carouselbox a.btnWhite-primary:disabled {
      border: solid 1px rgba(255, 255, 255, 0.35);
      color: rgba(255, 255, 255, 0.35); }
  .seatComponents-carouselbox a.btnWhite-secondary {
    color: rgba(36, 34, 33, 0.8);
    border: solid 1px #FFFFFF;
    background-color: #FFFFFF;
    padding: 8px 16px;
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: pre;
    vertical-align: bottom;
    transition: none; }
    .seatComponents-carouselbox a.btnWhite-secondary:hover {
      color: rgba(36, 34, 33, 0.6); }
    .seatComponents-carouselbox a.btnWhite-secondary:active {
      color: #242221;
      border: solid 1px #FFFFFF; }
    .seatComponents-carouselbox a.btnWhite-secondary:disabled {
      color: rgba(245, 245, 245, 0.2);
      border: solid 1px rgba(245, 245, 245, 0.2);
      background-color: rgba(245, 245, 245, 0.2); }
  .seatComponents-carouselbox .linkBlack {
    position: absolute;
    padding-left: 6.25vw; }
    .seatComponents-carouselbox .linkBlack::after {
      display: block;
      content: '';
      position: absolute;
      height: 1px;
      width: 6.25vw;
      left: 0;
      bottom: 1.25vw;
      background: #242221; }
    .seatComponents-carouselbox .linkBlack span {
      padding-left: 8px;
      color: #242221;
      transition: none; }
    .seatComponents-carouselbox .linkBlack:hover::after {
      background: rgba(36, 34, 33, 0.6); }
    .seatComponents-carouselbox .linkBlack:hover span {
      color: rgba(36, 34, 33, 0.6); }
    .seatComponents-carouselbox .linkBlack:active::after {
      height: 2px;
      background: #003C4A; }
    .seatComponents-carouselbox .linkBlack:active span {
      color: #003C4A; }
    .seatComponents-carouselbox .linkBlack:disabled::after {
      background: rgba(36, 34, 33, 0.35); }
    .seatComponents-carouselbox .linkBlack:disabled span {
      color: rgba(36, 34, 33, 0.35); }
  .seatComponents-carouselbox .linkWhite {
    position: absolute;
    padding-left: 6.25vw; }
    .seatComponents-carouselbox .linkWhite::after {
      display: block;
      content: '';
      position: absolute;
      height: 1px;
      width: 6.25vw;
      left: 0;
      bottom: 1.25vw;
      background: #FFFFFF; }
    .seatComponents-carouselbox .linkWhite span {
      padding-left: 2.5vw;
      color: #FFFFFF;
      transition: none; }
    .seatComponents-carouselbox .linkWhite:hover::after {
      background: rgba(245, 245, 245, 0.6); }
    .seatComponents-carouselbox .linkWhite:hover span {
      color: rgba(245, 245, 245, 0.6); }
    .seatComponents-carouselbox .linkWhite:active::after {
      height: 2px;
      background: #FFFFFF; }
    .seatComponents-carouselbox .linkWhite:active span {
      color: #FFFFFF; }
    .seatComponents-carouselbox .linkWhite:disabled::after {
      background: rgba(213, 213, 213, 0.35); }
    .seatComponents-carouselbox .linkWhite:disabled span {
      color: rgba(213, 213, 213, 0.35); }
  .seatComponents-carouselbox .blackOverlayTop,
  .seatComponents-carouselbox .whiteOverlayTop,
  .seatComponents-carouselbox .blackOverlayBottom,
  .seatComponents-carouselbox .whiteOverlayBottom {
    position: absolute;
    width: 100%;
    left: 0; }
  .seatComponents-carouselbox .blackOverlayTop,
  .seatComponents-carouselbox .whiteOverlayTop {
    top: 0; }
  .seatComponents-carouselbox .blackOverlayBottom,
  .seatComponents-carouselbox .whiteOverlayBottom {
    bottom: 0; }
  .seatComponents-carouselbox .blackOverlayTop {
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.37), rgba(255, 255, 255, 0)); }
  .seatComponents-carouselbox .whiteOverlayTop {
    background: linear-gradient(to bottom, #242221, rgba(36, 34, 33, 0)); }
  .seatComponents-carouselbox .blackOverlayBottom {
    background: linear-gradient(to top, white, rgba(255, 255, 255, 0.37), rgba(255, 255, 255, 0)); }
  .seatComponents-carouselbox .whiteOverlayBottom {
    background: linear-gradient(to top, #242221, rgba(36, 34, 33, 0)); }
  @media (min-width: 764px) {
    .seatComponents-carouselbox .linkBlack,
    .seatComponents-carouselbox .linkWhite {
      padding-left: 2.6178vw; }
      .seatComponents-carouselbox .linkBlack span,
      .seatComponents-carouselbox .linkWhite span {
        padding-left: 1.04712vw; }
      .seatComponents-carouselbox .linkBlack::after,
      .seatComponents-carouselbox .linkWhite::after {
        width: 2.6178vw;
        bottom: 0.26178vw; } }
  @media (min-width: 1016px) {
    .seatComponents-carouselbox .linkBlack,
    .seatComponents-carouselbox .linkWhite {
      padding-left: 1.9685vw; }
      .seatComponents-carouselbox .linkBlack span,
      .seatComponents-carouselbox .linkWhite span {
        padding-left: 0.7874vw; }
      .seatComponents-carouselbox .linkBlack::after,
      .seatComponents-carouselbox .linkWhite::after {
        width: 1.9685vw;
        bottom: 0.59055vw; } }
  @media (min-width: 1436px) {
    .seatComponents-carouselbox .linkBlack,
    .seatComponents-carouselbox .linkWhite {
      padding-left: 24px; }
      .seatComponents-carouselbox .linkBlack span,
      .seatComponents-carouselbox .linkWhite span {
        padding-left: 8px; }
      .seatComponents-carouselbox .linkBlack::after,
      .seatComponents-carouselbox .linkWhite::after {
        width: 24px;
        bottom: 6px; } }

/* COLORS */
/* VIEWPORT WIDTH */
/*PATHS*/
/* FUNCTIONS */
.seatComponents-Experience {
  width: 100%;
  height: 100%;
  position: relative; }


/*# sourceMappingURL=main.css.map*/