.header {
  z-index: 1;
  left: 0;
  right: 0;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 11;
  transition: box-shadow 0.3s; }
  @supports not ((position: -webkit-sticky) or (position: sticky)) {
    .header.is-sticky {
      position: fixed; }
      .header.is-sticky .main {
        margin-bottom: 0; } }
  .header .main {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: -webkit-min-content 24px -webkit-min-content;
    -ms-grid-columns: min-content 24px min-content;
    grid-template-columns: -webkit-min-content -webkit-min-content;
    grid-template-columns: min-content min-content;
        grid-template-areas: "logo nav-icon" "nav nav";
    grid-gap: 0 24px;
    padding: 15px 24px;
    background: #fff;
    z-index: 11;
    margin-bottom: 0;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 900px) {
      .header .main {
            grid-template-areas: "logo nav";
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: -webkit-min-content 24px -webkit-max-content;
        -ms-grid-columns: min-content 24px max-content;
        grid-template-columns: -webkit-min-content -webkit-max-content;
        grid-template-columns: min-content max-content;
        padding: 15px; } }
  @media (max-width: 900px) {
    .header.is-sticky .main {
      padding-top: 4px;
      padding-bottom: 4px; } }
  .header.is-sticky, .header.open {
    box-shadow: 0 1px 2px rgba(28, 26, 22, 0.1); }
  .header.open:not(.is-sticky) {
    position: fixed;
    top: 1px; }
  .header.open:before {
    content: "";
    display: block;
    position: fixed;
    /* could also be absolute */
    top: 1px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4); }

.logo-lockup {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: -webkit-max-content 19px -webkit-max-content;
  -ms-grid-columns: max-content 19px max-content;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  grid-gap: 19px;
  align-items: center;
  color: #1c1a16;
  text-decoration: none;
  transform-origin: 0 50%;
  transition: transform 0.15s; }.logo-lockup > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.logo-lockup > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .is-sticky .logo-lockup {
    transform: scale(0.71); }
  @media (max-width: 900px) {
    .logo-lockup {
      width: auto;
      grid-gap: 0px;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: -webkit-max-content 0px -webkit-max-content;
      -ms-grid-columns: max-content 0px max-content;
      grid-template-columns: repeat(2, -webkit-max-content);
      grid-template-columns: repeat(2, max-content);
      margin: 0px; }
    .logo-lockup > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .logo-lockup > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .logo-lockup svg {
        transform: scale(0.7);
        transform-origin: 0% 50%; } }

.logo {
  font-family: Haas Grot Disp Web;
  font-size: 32px;
  font-weight: 500;
  margin: 0; }
  @media (max-width: 900px) {
    .logo {
      font-size: 24px; } }

.logo-wrapper {
  grid-area: logo; }

.nav {
  grid-area: nav; }
  @media (max-width: 900px) {
    .nav {
      margin-top: 24px;
      margin-bottom: 24px; }
      .nav:not(.open) {
        display: none; } }
  .nav a {
    padding: 16px;
    padding-left: 0;
    display: block;
    color: #1c1a16;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    font-family: Haas Grot Disp Web !important; }
    @media (min-width: 900px) {
      .nav a {
        display: inline-block;
        padding: 20px; } }

.nav-icon {
  grid-area: nav-icon;
  width: 27px;
  margin-right: 24px; }
  @media (min-width: 900px) {
    .nav-icon {
      display: none; } }
  .nav-icon:after, .nav-icon:before,
  .nav-icon div {
    background-color: black;
    border-radius: 3px;
    content: "";
    display: block;
    height: 2px;
    margin: 6px 0;
    transition: all 0.1s ease-in-out; }
  .nav-icon.open:before {
    transform: translateY(8px) rotate(45deg); }
  .nav-icon.open:after {
    transform: translateY(-8px) rotate(-45deg); }
  .nav-icon.open div {
    transform: scale(0); }

body {
  margin: 0;
  background: #fff;
  padding-bottom: 25px;
  font-family: Haas Grot Disp Web;
  text-rendering: geometricPrecision !important;
  color: #1c1a16;
  position: relative;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 900px) {
    body {
      padding-top: 1px; } }

@media print {
  .no-print,
  .no-print * {
    display: none !important; } }

button {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: visible;
  text-align: left;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  text-rendering: geometricPrecision; }

.main {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1270px;
  position: relative; }

.header.open:not(.is-sticky) + main {
  padding-top: 94px; }

@supports not ((position: -webkit-sticky) or (position: sticky)) {
  @media (min-width: 900px) {
    .header.is-sticky + main {
      padding-top: 94px; } }
  @media (max-width: 900px) {
    .header.is-sticky + main {
      padding-top: 72px; } } }

a {
  text-decoration: none;
  color: #ff6625; }

h1,
.h1 {
  color: #1c1a16;
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  margin-top: 48px;
  margin-bottom: 24px; }
  @media (max-width: 900px) {
    h1,
    .h1 {
      margin-top: 48px;
      margin-bottom: 16px;
      font-size: 32px; } }

h2 {
  margin-top: 84px;
  margin-bottom: 32px; }

h3 {
  color: #1c1a16;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  margin-top: 63px;
  margin-bottom: 24px;
  margin-top: 24px; }
  @media (max-width: 900px) {
    h3 {
      margin-top: 16px;
      margin-bottom: 16px;
      font-size: 16px;
      font-family: Haas Grot Text Web;
      line-height: 24px; } }
  h3.h3 {
    line-height: 30px; }

h2.light {
  color: #aca8a2;
  margin-top: 24px; }

h2.subheader {
  color: #bdbdbd;
  margin-top: -10px; }

.left-inset {
  padding-left: 32px;
  padding-right: 32px; }
  @media (max-width: 900px) {
    .left-inset {
      padding-left: 16px;
      padding-right: 16px; } }

.inset {
  padding: 32px; }
  @media (max-width: 900px) {
    .inset {
      padding: 24px; } }

.shaded-background {
  background-color: #f5f5f5;
  padding: 16px 0; }

.text-pair {
  font-weight: 500; }
  .text-pair > div:first-child {
    margin-bottom: 8px;
    font-size: 14px;
    font-family: Haas Grot Text Web;
    text-transform: uppercase; }
  .text-pair--background {
    background: #f5f5f5;
    margin-bottom: 8px; }

.relative {
  position: relative; }

.box {
  background: #fefbf7;
  box-shadow: 0 2px 2px #e0ddd6;
  margin-top: 42px;
  padding: 16px; }

.box.inset.error {
  padding: 32px;
  margin-bottom: 8px; }
  @media (max-width: 900px) {
    .box.inset.error {
      display: none; } }
  .box.inset.error .payment-error {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: -webkit-min-content auto;
    -ms-grid-columns: min-content auto;
    grid-template-columns: -webkit-min-content auto;
    grid-template-columns: min-content auto;
    align-items: center; }
  .box.inset.error .payment-error > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .box.inset.error .payment-error > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
    .box.inset.error .payment-error .title {
      color: #ff6625;
      font-family: "Haas Grot Disp Web";
      font-size: 28px;
      font-weight: 500;
      margin-left: 15px; }
  .box.inset.error .error-message {
    color: #1c1a16;
    font-family: Haas Grot Text Web;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-top: 16px; }

.text-center {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 120px);
  font-size: 18px;
  font-family: Haas Grot Text Web; }

.btn-link {
  display: inline;
  width: auto;
  cursor: pointer;
  color: #ff6625; }
  .btn-link:focus {
    outline: none; }

.help-text {
  color: #aca8a2;
  text-align: left;
  line-height: 24px;
  margin-top: 48px;
  margin-left: 24px; }
  @media (max-width: 900px) {
    .help-text {
      margin: 48px auto 0 auto; }
      .help-text strong {
        color: #ff6625; }
        .help-text strong a {
          color: #ff6625; } }

.cookie-consent {
  align-items: baseline;
  background: #1c1a16;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  width: 420px;
  z-index: 999;
  right: calc((100vw - 1270px) / 2);
  padding: 25px;
  box-sizing: border-box;
  bottom: 0px; }
  @media (max-width: 1320px) {
    .cookie-consent {
      right: 24px; } }
  @media (max-width: 460px) {
    .cookie-consent {
      margin: 0 auto;
      right: 0;
      left: 0; } }
  @media (max-width: 420px) {
    .cookie-consent {
      width: 100%;
      right: 0; } }
  .cookie-consent .cookie-inner {
    flex: 1 0 300px;
    margin: 15px; }
  .cookie-consent .close-icon {
    position: absolute;
    right: 60px;
    top: 45px;
    transform: scale(1.3);
    cursor: pointer; }

h3.cookie-header {
  color: #fff;
  font-weight: 500;
  margin-top: 0; }

p.cookie-text {
  color: #f5f5f5;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 21px; }
  p.cookie-text a {
    text-decoration: underline; }


.static-page {
  padding-top: 100px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto 850px;
  grid-template-columns: auto 850px;
  justify-content: space-between; }.static-page > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.static-page > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  @media (max-width: 1100px) {
    .static-page {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      margin: 0 24px;
      padding-top: 24px; }
    .static-page > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
  .static-page .markdown-content h1:first-child,
  .static-page .markdown-content .h1:first-child {
    margin-top: 0; }
  .static-page .markdown-content h2:not(.h1) {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 40px;
    margin-bottom: 12px; }
  .static-page .markdown-content h3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 12px; }
  .static-page .markdown-content h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 12px; }
  .static-page .markdown-content p {
    line-height: 30px;
    margin: 0;
    padding: 12px 0; }
  .static-page .markdown-content img {
    width: 100%; }
  .static-page .markdown-content ul {
    margin-top: 0; }
    .static-page .markdown-content ul li {
      margin: 10px 0;
      line-height: 30px; }
      .static-page .markdown-content ul li a {
        word-break: break-word; }

.side-nav {
  padding-bottom: 24px; }
  @media (min-width: 900px) {
    .side-nav {
      margin-left: 32px; } }
  .side-nav a {
    text-decoration: none;
    color: #1c1a16;
    font-size: 20px;
    font-weight: 400;
    padding: 0px;
    margin: 26px 0;
    display: block;
    line-height: 1; }
    .side-nav a.active {
      border-left: 4px solid #e42e00;
      padding-left: 8px; }
    .side-nav a:first-child {
      margin-top: 0; }

.main p {
  font-size: 20px; }

.main .container {
  max-width: 1270px;
  margin-top: 48px; }
  .main .container .row {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
    margin-bottom: 16px; }
    @media (min-width: 900px) {
      .main .container .row {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0 8px;
        height: 490px;
        margin-top: 8px;
        margin-bottom: 0; }
      .main .container .row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .main .container .row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .main .container .row > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5; } }
    .main .container .row [class*="content"] {
      cursor: pointer;
      position: relative;
      height: 490px; }
    .main .container .row .mykonos-content {
      background: #e42e00;
      height: 490px; }
    .main .container .row .ibiza-content {
      background: #ce0001;
      height: 490px; }
      @media (max-width: 900px) {
        .main .container .row .ibiza-content {
          -ms-grid-row: 1;
              grid-row-start: 1; } }
    .main .container .row h2 {
      margin: 0 0 0 34px;
      position: absolute;
      bottom: 40px;
      width: 100%;
      color: #fff;
      font-family: Haas Grot Disp Web;
      font-size: 32px;
      font-weight: 500;
      background: url("/static/svg/simple-arrow.svg") no-repeat;
      background-position: center right 80px; }
    .main .container .row p {
      color: #fff;
      font-family: Haas Grot Text Web;
      font-size: 16px;
      height: 264px;
      width: 284px;
      padding: 34px;
      letter-spacing: 0.24px;
      line-height: 24px; }
      @media (max-width: 900px) {
        .main .container .row p {
          max-width: 280px;
          padding: 24px;
          width: 100%; } }
  .main .container .image1,
  .main .container .image2,
  .main .container .image3,
  .main .container .image4 {
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: calc(100% - 1px);
    position: relative;
    background-repeat: no-repeat; }
    @media (max-width: 900px) {
      .main .container .image1,
      .main .container .image2,
      .main .container .image3,
      .main .container .image4 {
        height: calc(100vw - 48px); } }
  .main .container .image1 {
    background-image: url("/static/img/destinations-mykonos1.jpg"); }
  .main .container .image2 {
    background-image: url("/static/img/destinations-mykonos2.jpg"); }
  .main .container .image3 {
    background-image: url("/static/img/destinations-ibiza1.jpg"); }
  .main .container .image4 {
    background-image: url("/static/img/destinations-ibiza2.jpg"); }

.home-search-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 420px 5px 1fr;
  grid-template-columns: 420px 1fr;
  grid-gap: 5px;
  margin-top: 56px; }.home-search-top > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.home-search-top > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  @media (min-width: 900px) {
    .home-search-top .banner-image {
      background: url(/_next/static/img/hero-beach-1690-b2fd63860095c1dc0a1361e2bd0b11ac.jpg) no-repeat;
      background-size: cover;
      background-position: 50% 50%;
      width: 100%;
      height: calc(100% - 1px);
      position: relative;
      transition: margin-top 1s;
      transition-delay: margin-top 0.2s;
      -webkit-animation-name: hero;
              animation-name: hero;
      -webkit-animation-duration: 5s;
              animation-duration: 5s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear; } }
  @media (max-width: 900px) {
    .home-search-top .banner-image {
      display: none; } }

@-webkit-keyframes hero {
  0% {
    background-image: url(/_next/static/img/hero-beach-1690-b2fd63860095c1dc0a1361e2bd0b11ac.jpg); }
  45% {
    background-image: url(/_next/static/img/hero-beach-1690-b2fd63860095c1dc0a1361e2bd0b11ac.jpg); }
  55% {
    background-image: url(/_next/static/img/hero-ski-1690-cdb7f968b33eb5bf765f6fe655848e9f.jpg); }
  100% {
    background-image: url(/_next/static/img/hero-ski-1690-cdb7f968b33eb5bf765f6fe655848e9f.jpg); } }

@keyframes hero {
  0% {
    background-image: url(/_next/static/img/hero-beach-1690-b2fd63860095c1dc0a1361e2bd0b11ac.jpg); }
  45% {
    background-image: url(/_next/static/img/hero-beach-1690-b2fd63860095c1dc0a1361e2bd0b11ac.jpg); }
  55% {
    background-image: url(/_next/static/img/hero-ski-1690-cdb7f968b33eb5bf765f6fe655848e9f.jpg); }
  100% {
    background-image: url(/_next/static/img/hero-ski-1690-cdb7f968b33eb5bf765f6fe655848e9f.jpg); } }
  .home-search-top .banner-image .banner-text {
    position: absolute;
    color: white;
    font-weight: 500;
    top: 60px;
    left: 60px; }
    .home-search-top .banner-image .banner-text .primary {
      font-size: 64px;
      margin-bottom: 16px; }
    .home-search-top .banner-image .banner-text .secondary {
      font-size: 40px; }
  @media (max-width: 900px) {
    .home-search-top {
      margin-top: 34px;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: calc(100vw - 48px);
      grid-template-columns: calc(100vw - 48px); }
    .home-search-top > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }

.results-container.shown {
  min-height: 80vh;
  margin-top: 72px;
  background-color: #f5f5f5;
  padding-bottom: 68px; }

.notification {
  margin: 0 auto;
  margin-top: 32px;
  padding: 0 24px;
  max-width: 1270px;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 100px 25px 1fr;
  grid-template-columns: 100px 1fr;
  grid-gap: 25px;
  align-items: center;
  font-family: Haas Grot Text Web; }

.notification > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.notification > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .notification .pill {
    background: #ce0001;
    padding: 8px 0;
    margin-left: 20px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-weight: 600; }
  .notification .text {
    color: #1c1a16;
    font-weight: 500; }

.root {
  box-sizing: content-box;
  overflow: hidden;
  max-width: 1208px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative; }
  .root .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 460px 16px 1fr;
    grid-template-columns: 460px 1fr;
    grid-gap: 16px; }
  .root .wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .root .wrapper > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .root .wrapper p {
      color: #1c1a16;
      font-family: Haas Grot Disp Web; }
    .root .wrapper p:first-of-type {
      font-size: 20px;
      line-height: 28px;
      font-weight: 500; }
    .root .wrapper p:last-of-type {
      font-family: Haas Grot Text Web;
      font-size: 16px;
      line-height: 24px; }
  .root .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 16px; }
  .root .row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .root .row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .root .row:last-of-type {
      margin-top: 16px; }
  .root .galery {
    max-width: 1270px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 460px 16px 1fr;
    grid-template-columns: 460px 1fr;
    grid-gap: 16px;
    margin-top: 58px; }
  .root .galery > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .root .galery > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .root .galery .map {
      height: 580px;
      width: 100%; }
    .root .galery .image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 100%;
      height: 282px;
      position: relative; }
  .root .divider {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #ded8d2;
    margin-top: 96px;
    margin-bottom: 42px; }
  .root .media h1 {
    margin-top: 46px; }
  .root .media .banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 514px; }
  .root .media .two-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin: 64px 0; }
  .root .media .two-column > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .root .media .two-column > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
    .root .media .two-column .post {
      border-right: 1px solid #DED8D2;
      padding-right: 60px; }
      .root .media .two-column .post:last-of-type {
        padding-left: 60px;
        border-right: none; }
      .root .media .two-column .post h1 {
        margin-top: 0; }
  .root .media .three-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    padding-top: 64px;
    border-top: 1px solid #ded8d2; }
  .root .media .three-column > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .root .media .three-column > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .root .media .three-column > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
    .root .media .three-column .post {
      border-right: 1px solid #DED8D2;
      padding: 0 60px; }
      .root .media .three-column .post:first-of-type {
        padding-left: 0; }
      .root .media .three-column .post:last-of-type {
        padding-right: 0;
        border-right: none; }
      .root .media .three-column .post h1 {
        margin-top: 0; }
  .root .bottom h1 {
    margin-top: 46px; }
  .root .bottom .wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; }
    .root .bottom .wrapper p:first-of-type {
      max-width: 400px; }
    .root .bottom .wrapper a {
      color: #1c1a16;
      text-decoration: underline; }
  .root .flight-image1, .root .flight-image2 {
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 400px;
    position: relative; }
  .root .flight-image1 {
    background-image: url("/static/img/aero-flight1.jpg"); }
  .root .flight-image2 {
    background-image: url("/static/img/aero-flight2.jpg"); }

/* media queries */
@media (max-width: 900px) {
  .root {
    padding: 0 24px; }
    .root .wrapper, .root .row, .root .galery, .root .media .two-column, .root .media .three-column {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-gap: 16px; }
    .root .galery {
      margin-top: 16px; }
    .root .row .image:last-of-type {
      margin-top: 16px; }
    .root .divider {
      margin: 32px 0; }
    .root .media h1 {
      margin-top: 0; }
    .root .media .two-column {
      margin: 0; }
    .root .media .three-column {
      border: none;
      padding-top: 0; }
      .root .media .three-column .post:last-of-type {
        border-bottom: none !important; }
    .root .media .two-column .post, .root .media .three-column .post {
      padding: 32px 0 !important;
      border: none;
      border-bottom: 1px solid #DED8D2; }
    .root .bottom h1 {
      margin-top: 16px; } }

.post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: Haas Grot Disp Web; }
  .post h3 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 500; }
  .post p {
    line-height: 24px; }
  .post a {
    display: block;
    margin: 16px 0;
    color: #1c1a16; }
    .post a:hover {
      text-decoration: underline; }
  .post .btn-link {
    margin: 0;
    display: inline-block;
    padding: 12px 44px 12px 20px;
    background: #1c1a16;
    background-image: url("/static/svg/simple-arrow.svg");
    background-repeat: no-repeat;
    background-position: center right 12px;
    color: #fff;
    border-radius: 0px; }
    .post .btn-link:focus {
      outline: none; }
    .post .btn-link:hover {
      text-decoration: none; }

/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-menu-button: 1;
}

[data-reach-menu] {
  font-family: sans-serif;
  display: block;
  position: absolute;
}

[data-reach-menu-list] {
  display: block;
  white-space: nowrap;
  border: solid 1px hsla(0, 0%, 0%, 0.25);
  background: hsla(0, 100%, 100%, 0.99);
  outline: none;
  padding: 1rem 0;
  font-size: 85%;
}

[data-reach-menu-item] {
  display: block;
}

/*
 The dom structure of a MenuLink is reach-menu-item > a,
 so to target all items we can use `data-reach-menu-item`
*/
[data-reach-menu-item] {
  /*
    These are styled in one rule instead of something like a[data-reach-menu-item]
    and li[data-reach-menu-item] so that apps don't have to fight specificity and
    can style both li and a menu items with one rule,
    ie: `[data-selected] { background: red; }`.
    Otherwise they'd have to define two styles, one for a and one for li.
  */

  /* reach-menu-item */
  cursor: pointer;

  /* a */
  display: block;
  color: inherit;
  font: inherit;
  text-decoration: initial;

  /* both */
  padding: 5px 20px;
}

/* pseudo pseudo selector */
[data-reach-menu-item][data-selected] {
  background: hsl(211, 81%, 36%);
  color: white;
  outline: none;
}

.input-container [data-reach-menu-button] div {
  display: -ms-grid;
  display: grid;
  align-items: center; }

.input-container .down-icon {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(-50%); }

.input-container.dropdown .error-icon {
  right: 70px; }
  @media (max-width: 900px) {
    .input-container.dropdown .error-icon {
      right: 62px; } }

[data-reach-menu-item][data-selected] {
  background: inherit;
  color: inherit; }

[data-reach-combobox-popover] {
  border: solid 1px hsla(0, 0%, 0%, 0.25);
  background: hsla(0, 100%, 100%, 0.99);
  font-size: 85%;
}

[data-reach-combobox-list] {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[data-reach-combobox-option] {
  cursor: pointer;
  margin: 0;
  padding: 0.25rem 0.5rem;
}

[data-reach-combobox-option][aria-selected="true"] {
  background: hsl(211, 10%, 95%);
}

[data-reach-combobox-option]:hover {
  background: hsl(211, 10%, 92%);
}

[data-reach-combobox-option][aria-selected="true"]:hover {
  background: hsl(211, 10%, 90%);
}

[data-suggested-value] {
  font-weight: bold;
}

.input-container [data-reach-combobox-popover]:not([hidden]),
.input-container [data-reach-menu-list] {
  box-shadow: 0 4px 14px #e0ddd6;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  position: absolute;
  z-index: 22;
  display: block;
  padding: 16px;
  white-space: nowrap;
  border: none;
  background: #fff;
  outline: none;
  font-family: Haas Grot Disp Web; }
  .input-container [data-reach-combobox-popover]:not([hidden]) ul:empty,
  .input-container [data-reach-menu-list] ul:empty {
    display: none; }

.input-container [data-reach-menu-button] {
  cursor: pointer; }

.input-container [data-reach-combobox-option],
.input-container [data-reach-menu-item] {
  min-width: 0;
  cursor: pointer;
  display: block;
  color: #1c1a16;
  font-family: Haas Grot Disp Web;
  font-size: 20px;
  font-weight: 500;
  padding: 8px 16px;
  text-decoration: initial;
  justify-content: space-around;
  outline: none; }
  .input-container [data-reach-combobox-option]:hover,
  .input-container [data-reach-menu-item]:hover {
    background: #f5f5f5;
    color: #1c1a16; }

.input-container [data-suggested-value] {
  font-weight: 400; }

.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical {
  margin: 0 auto
}
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.sbs, .flight-search > *,
.from,
.to {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  align-items: center; }.sbs > *:nth-child(1), .flight-search > * > *:nth-child(1), .from > *:nth-child(1), .to > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.sbs > *:nth-child(2), .flight-search > * > *:nth-child(2), .from > *:nth-child(2), .to > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }

.flight-search {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .flight-search > * {
    margin-bottom: 1px;
    color: white;
    position: relative;
    font-size: 28px;
    font-weight: 500;
    padding: 32px;
    color: white; }
    @media (max-width: 900px) {
      .flight-search > * {
        padding: 24px;
        font-size: 22px; } }
    .flight-search > *:focus {
      outline: none !important; }
    .flight-search > * .label {
      font-size: 14px;
      font-weight: 500;
      font-family: Haas Grot Text Web;
      text-transform: uppercase;
      line-height: 1;
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: -webkit-min-content 8px -webkit-min-content;
      -ms-grid-columns: min-content 8px min-content;
      grid-template-columns: -webkit-min-content -webkit-min-content;
      grid-template-columns: min-content min-content;
      justify-content: start;
      align-items: center;
      grid-gap: 8px; }
    .flight-search > * .label > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    .flight-search > * .label > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .flight-search .from {
    background: #ce0001;
    cursor: pointer; }
    .flight-search .from:hover {
      background: #b50001; }
  .flight-search .arrow-down {
    cursor: pointer; }
  .flight-search .swap-icon {
    cursor: pointer;
    position: absolute;
    top: 93px;
    right: 25px;
    z-index: 1;
    transform-origin: 50% 50%;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* Wiggle Animation */ }
    @media (max-width: 900px) {
      .flight-search .swap-icon {
        top: 72px;
        right: 17px; } }
    .flight-search .swap-icon:hover {
      transform: rotate(180deg); }

@-webkit-keyframes wiggle {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(400deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes wiggle {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(400deg); }
  100% {
    transform: rotate(360deg); } }
  .flight-search .down-icon {
    font-size: 12px;
    line-height: 1; }
  .flight-search .to {
    cursor: pointer;
    background: #e42e00; }
    .flight-search .to:hover {
      background: #c92900; }
  .flight-search .dates {
    background: #f96900;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 0; }
  .flight-search .dates > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .flight-search .dates > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
    .flight-search .dates > * {
      padding: 32px; }
      .flight-search .dates > *:hover {
        background: #e05f00; }
      @media (max-width: 900px) {
        .flight-search .dates > * {
          padding: 24px;
          padding-right: 12px; } }
    .flight-search .dates > *:nth-child(2) {
      padding-left: 32px;
      border-left: 1px solid #fff; }
      @media (max-width: 900px) {
        .flight-search .dates > *:nth-child(2) {
          padding-left: 24px; } }
    .flight-search .dates .focused {
      background: #1c1a16;
      position: relative; }
      .flight-search .dates .focused .down-icon {
        transform: rotate(180deg); }
      .flight-search .dates .focused .select-date-box {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        cursor: pointer; }
  .flight-search .pax {
    background: #f98d00; }
    .flight-search .pax .label {
      padding-bottom: 2px; }
    .flight-search .pax .pax-buttons {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 42px 1px 42px;
      grid-template-columns: 42px 42px;
      grid-gap: 1px; }
    .flight-search .pax .pax-buttons > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    .flight-search .pax .pax-buttons > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .flight-search .pax button {
      background: #fff;
      color: #ff6625;
      border: none;
      height: 26px;
      font-size: 16px;
      text-align: center;
      padding-top: 0px;
      padding-bottom: 3px;
      cursor: pointer; }
      .flight-search .pax button:hover {
        background: #e0ddd6; }
      .flight-search .pax button:focus {
        outline: none; }
      .flight-search .pax button:first-child {
        border-radius: 2px 0 0 2px; }
      .flight-search .pax button:last-child {
        border-radius: 0px 2px 2px 0px; }
      .flight-search .pax button[disabled] {
        pointer-events: none;
        opacity: 0.6; }
  .flight-search .submit {
    background: #f5f5f5;
    color: #1c1a16;
    display: inline-flex; }
    .flight-search .submit:hover {
      background: #ededed;
      cursor: pointer; }

/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-menu-button: 1; }

[data-reach-menu] {
  display: block;
  position: absolute; }

.flight-search-menu[data-reach-menu-list] {
  display: block;
  white-space: nowrap;
  border: none;
  background: #ce0001;
  padding: 0;
  outline: none;
  font-family: Haas Grot Disp Web; }
  .flight-search-menu[data-reach-menu-list].light {
    background: #e42e00; }

.flight-search-menu [data-reach-menu-item] {
  display: block; }

.flight-search-menu [data-reach-menu-item] {
  cursor: pointer;
  /* a */
  display: block;
  color: #fff;
  font: inherit;
  font-family: Haas Grot Disp Web;
  font-size: 28px;
  font-weight: 500;
  height: 28px;
  text-decoration: initial;
  /* both */
  padding: 16px 32px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto -webkit-min-content;
  -ms-grid-columns: auto min-content;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  justify-content: space-between;
  outline: none; }

.flight-search-menu [data-reach-menu-item] > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.flight-search-menu [data-reach-menu-item] > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  @media (max-width: 900px) {
    .flight-search-menu [data-reach-menu-item] {
      padding: 16px 24px;
      font-size: 22px; } }
  .flight-search-menu [data-reach-menu-item]:hover {
    background: #f96900; }

[aria-expanded="true"] .down-icon {
  transform: rotate(180deg); }

[aria-expanded="true"] .swap-icon {
  display: none; }

.SingleDatePickerInput,
.DateInput,
.DateInput_input {
  background: transparent;
  color: #fff; }

.input-container .SingleDatePicker,
.input-container .SingleDatePickerInput,
.input-container .DateInput,
.input-container .DateInput_input {
  display: block; }

.input-container .SingleDatePicker_picker {
  box-shadow: 0px 4px 14px 0px #e0ddd6; }

.DateInput {
  width: auto; }

.DateInput_input {
  font-weight: 500;
  font-size: 28px;
  font-family: Haas Grot Disp Web;
  padding: 0;
  border: 0;
  padding-top: 20px;
  margin-top: -20px;
  cursor: pointer; }
  @media (max-width: 900px) {
    .DateInput_input {
      font-size: 22px; } }
  .DateInput_input::-webkit-input-placeholder {
    color: #fff;
    border: none !important; }
  .DateInput_input::-moz-placeholder {
    color: #fff;
    border: none !important; }
  .DateInput_input:-ms-input-placeholder {
    color: #fff;
    border: none !important; }
  .DateInput_input::-ms-input-placeholder {
    color: #fff;
    border: none !important; }
  .DateInput_input::placeholder {
    color: #fff;
    border: none !important; }

.DateInput_input__focused {
  border: none; }

.SingleDatePicker_picker {
  font-family: Haas Grot Disp Web;
  font-weight: 500; }

@media (min-width: 900px) {
  .flight-search .SingleDatePicker_picker {
    left: -32px !important;
    width: 420px !important; }
    .return-picker .flight-search .SingleDatePicker_picker {
      left: -243px !important; } }

.DayPicker__horizontal,
.CalendarMonth,
.CalendarMonthGrid,
.CalendarDay__default,
.SingleDatePicker_picker,
.CalendarMonth_caption,
.DayPicker_weekHeader {
  background: #fff;
  color: #1c1a16; }

.flight-search .DayPicker__horizontal,
.flight-search .CalendarMonth,
.flight-search .CalendarMonthGrid,
.flight-search .CalendarDay__default,
.flight-search .SingleDatePicker_picker,
.flight-search .CalendarMonth_caption,
.flight-search .DayPicker_weekHeader {
  background: #1c1a16;
  color: #ffffff; }

.CalendarMonth_caption {
  font-size: 24px; }
  .CalendarMonth_caption strong {
    font-weight: 500; }

.DayPicker_weekHeader_li {
  font-size: 20px; }

.CalendarDay__default {
  border: none;
  border-radius: 50%;
  font-size: 20px;
  outline: none; }

.CalendarDay__default:not(.CalendarDay__blocked_out_of_range):hover {
  background: url("/static/svg/hover-day.svg") no-repeat;
  background-position: center;
  color: #fff;
  border: none; }

.CalendarDay__selected {
  background: url("/static/svg/selected-day.svg") no-repeat;
  background-position: center;
  color: #fff; }

.DayPickerNavigation_button__default,
.DayPickerNavigation_button__default:hover {
  background: transparent;
  border: none;
  fill: #1c1a16; }

.DayPickerNavigation_button__default:focus {
  outline: none; }

.DayPickerNavigation_svg__horizontal {
  fill: #1c1a16; }

.flight-search .DayPickerNavigation_button__default,
.flight-search .DayPickerNavigation_button__default:hover {
  fill: #fff; }

.flight-search .DayPickerNavigation_svg__horizontal {
  fill: #fff; }

.DayPickerKeyboardShortcuts_show__bottomRight {
  display: none; }

.DateInput_fang {
  display: none; }

.CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:hover {
  background: none;
  border: none;
  color: #cacccd;
  pointer-events: none; }

.flight-search .CalendarDay__blocked_out_of_range, .flight-search .CalendarDay__blocked_out_of_range:hover {
  color: #fff;
  opacity: 0.3; }

.CalendarDay__today {
  position: relative; }

.CalendarDay__today:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  background: #1c1a16;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translate(-50%); }

.flight-search .CalendarDay__today:after {
  background: #fff; }

.one-way {
  line-height: 1;
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 24px;
  margin-left: 34px;
  margin-right: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: -ms-grid;
  display: grid;
  align-items: flex-end;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: -webkit-min-content 1fr;
  -ms-grid-columns: min-content 1fr;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr; }

.one-way > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.one-way > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }

.DateInput_input__disabled {
  font-style: normal; }

.SingleDatePicker_picker__portal {
  z-index: 20; }

.input-container .DateInput_input {
  margin-top: 0; }

.year-month-select {
  display: -ms-inline-grid;
  display: inline-grid;
  justify-content: center;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  width: 200px; }
  .year-month-select .date-select {
    -webkit-appearance: button;
    background: none;
    border: none;
    color: #1c1a16;
    font-family: "Haas Grot Disp Web";
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-align: right;
    -moz-text-align-last: right;
         text-align-last: right;
    padding-right: 16px;
    background: url("/static/svg/arrow-down-color.svg") no-repeat #FFF;
    background-position: center right; }
    .year-month-select .date-select:focus {
      outline: none; }

.DayPicker_weekHeader {
  margin-top: 8px; }

.CalendarMonth_caption {
  padding-bottom: 48px; }

.CalendarDay__selected {
  background: url("/static/svg/selected-day-small.svg") no-repeat;
  background-position: center; }

.input-container {
  position: relative;
  margin-bottom: 8px; }
  .input-container label {
    font-family: Haas Grot Text Web; }
  .input-container input,
  .input-container .spreedly,
  .input-container:not(.input-container--phone) [data-reach-menu-button] {
    border: none;
    background: transparent;
    padding: 50px 60px 28px 32px;
    border: 1px solid transparent;
    box-sizing: border-box;
    width: 100%;
    font-family: Haas Grot Disp Web;
    font-size: 24px;
    font-weight: 400;
    color: #1c1a16;
    background: #fff;
    caret-color: #ff6625; }
    @media (max-width: 900px) {
      .input-container input,
      .input-container .spreedly,
      .input-container:not(.input-container--phone) [data-reach-menu-button] {
        padding: 42px 52px 20px 24px;
        font-size: 22px; } }
    .input-container input.input--borderless,
    .input-container .spreedly.input--borderless,
    .input-container:not(.input-container--phone) [data-reach-menu-button].input--borderless {
      padding: 24px 0 0 0; }
    .input-container input:not(.input--borderless),
    .input-container .spreedly:not(.input--borderless),
    .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless) {
      box-shadow: 0 2px 2px #e0ddd6; }
      .input-container input:not(.input--borderless):hover,
      .input-container .spreedly:not(.input--borderless):hover,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):hover {
        box-shadow: 0 4px 14px #e0ddd6; }
      @media (min-width: 900px) {
        .input-container input:not(.input--borderless):focus, .input-container input:not(.input--borderless).focused,
        .input-container .spreedly:not(.input--borderless):focus,
        .input-container .spreedly:not(.input--borderless).focused,
        .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):focus,
        .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless).focused {
          box-shadow: 0 4px 14px #e0ddd6;
          outline: 0;
          border: 1px solid #ff6625; } }
      .input-container input:not(.input--borderless):-internal-autofill-selected, .input-container input:not(.input--borderless):-webkit-autofill, .input-container input:not(.input--borderless):-webkit-autofill:hover, .input-container input:not(.input--borderless):-webkit-autofill:focus, .input-container input:not(.input--borderless):-webkit-autofill:active,
      .input-container .spreedly:not(.input--borderless):-internal-autofill-selected,
      .input-container .spreedly:not(.input--borderless):-webkit-autofill,
      .input-container .spreedly:not(.input--borderless):-webkit-autofill:hover,
      .input-container .spreedly:not(.input--borderless):-webkit-autofill:focus,
      .input-container .spreedly:not(.input--borderless):-webkit-autofill:active,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):-internal-autofill-selected,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):-webkit-autofill,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):-webkit-autofill:hover,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):-webkit-autofill:focus,
      .input-container:not(.input-container--phone) [data-reach-menu-button]:not(.input--borderless):-webkit-autofill:active {
        background-color: #fff;
        -webkit-box-shadow: 0 2px 2px #e0ddd6, 0 0 0px 1000px #fff inset; }
  .input-container label {
    position: absolute;
    top: 30px;
    left: 32px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1c1a16; }
    @media (max-width: 900px) {
      .input-container label {
        top: 22px;
        right: 24px;
        left: 24px;
        font-size: 14px; } }
    .input-container label .error {
      color: #ff6625;
      font-weight: 400;
      text-transform: none;
      margin-left: 16px;
      display: inline-block; }
  .input-container .input--borderless ~ label {
    left: 0;
    top: 0;
    color: #aca8a2; }
  .input-container input:focus:not([value=""]) ~ label:not(.is-error) {
    color: #ff6625; }
  .input-container svg.error-icon {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 900px) {
      .input-container svg.error-icon {
        right: 24px; } }

.expiration-container {
  padding: 50px 60px 28px 32px;
  box-shadow: 0 2px 2px #e0ddd6;
  border: 1px solid transparent;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  position: relative;
  max-height: 110px;
  margin-bottom: 8px; }
  .expiration-container svg {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 900px) {
      .expiration-container svg {
        right: 24px; } }
  @media (min-width: 900px) {
    .expiration-container.focus {
      box-shadow: 0 4px 14px #e0ddd6;
      outline: 0;
      border: 1px solid #ff6625; } }
  .expiration-container:hover {
    box-shadow: 0 4px 14px #e0ddd6; }
  .expiration-container label {
    position: absolute;
    top: 30px;
    left: 32px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1c1a16; }
    @media (max-width: 900px) {
      .expiration-container label {
        top: 22px;
        left: 24px;
        font-size: 14px; } }
    .expiration-container label .error {
      color: #ff6625;
      font-weight: 400;
      text-transform: none;
      margin-left: 16px;
      display: inline-block; }
  .expiration-container input {
    border: none;
    width: 40px;
    font-size: 24px;
    font-weight: 400;
    font-family: Haas Grot Disp Web;
    color: #1c1a16;
    text-align: center; }
    .expiration-container input:focus {
      outline: none; }
  .expiration-container .slash {
    font-size: 24px;
    color: #757575;
    padding-right: 2px; }

@media (max-width: 700px) {
  .main-with-bg {
    padding: 0; } }

.res-bg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  display: -ms-grid;
  display: grid; }
  @media (min-width: 700px) {
    .res-bg {
      background-image: url(/_next/static/img/find-reservation-a152109044728bb53aa7b082797a5fdc.jpg);
      height: calc(100vh - 100px);
      max-height: 730px;
      background-position: 50% 50%; }
      .res-bg .h1 {
        margin-top: 0; } }
  @media (max-width: 700px) {
    .res-bg {
      background-image: url(/_next/static/img/find-reservation-thin-f74faa15ab8b084dd8148c319a97c0c8.jpg);
      height: calc(100vh - 81px);
      background-position: 50% 0; } }

.centered-content {
  margin: auto;
  max-width: 732px;
  position: relative; }
  @media (max-width: 700px) {
    .centered-content {
      padding: 0 24px;
      margin: 0; } }
  .centered-content h2,
  .centered-content h3 {
    color: #fff; }

.error-below {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px -webkit-min-content;
  -ms-grid-columns: 1fr 8px min-content;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: 8px;
  padding: 16px;
  font-size: 16px;
  font-family: Haas Grot Text Web;
  font-weight: 500;
  align-items: center;
  background: #fff;
  color: #ff6625;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 8px; }
  @media (max-width: 700px) {
    .error-below {
      margin: 16px 24px; } }
  @media (min-width: 700px) {
    .error-below::before {
      content: " ";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 13px 8px 13px;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      top: -7px;
      left: 19px; } }

.res-form {
  display: -ms-grid;
  display: grid;
  position: relative;
  grid-gap: 5px;
  -ms-grid-columns: 1fr 5px 1fr;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 700px) {
    .res-form {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
  .res-form .input-container input {
    box-shadow: none !important; }
  @media (max-width: 700px) {
    .res-form .relative .error-below {
      margin: 16px 0; }
      .res-form .relative .error-below.last-name {
        top: 180px; } }
  .res-form .relative .input-container {
    margin-bottom: 0; }
  .res-form .button {
    height: 64px;
    width: 64px;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    padding: 0; }
    @media (max-width: 900px) {
      .res-form .button {
        right: 18px;
        height: 54px;
        width: 54px; } }

[data-reach-menu] {
  display: block;
  position: absolute; }

.input-container--phone input {
  padding-left: 126px; }

.input-container--phone [data-reach-menu-button] {
  position: absolute;
  top: 43px;
  cursor: pointer;
  padding-left: 32px;
  font-size: 22px;
  font-weight: 400;
  color: #1c1a16;
  width: 109px;
  border-right: 1px solid #e0ddd6; }
  .input-container--phone [data-reach-menu-button]:focus {
    outline: none !important; }
  @media (min-width: 900px) {
    .input-container--phone [data-reach-menu-button] {
      top: 51px;
      font-size: 24px; } }
  .input-container--phone [data-reach-menu-button] svg {
    position: relative;
    right: auto;
    margin-right: 5px;
    margin-bottom: 3px; }

.input-container--phone .is-error .error {
  margin-left: 8px; }

.phone-country-menu[data-reach-menu-list] {
  box-shadow: 0 4px 14px #e0ddd6;
  width: 332px;
  max-width: calc(100vw - 84px);
  margin-top: 26px;
  display: block;
  padding: 16px;
  white-space: nowrap;
  border: none;
  background: #fff;
  max-height: 350px;
  overflow-y: scroll;
  outline: none;
  font-family: Haas Grot Disp Web;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 900px) {
    .phone-country-menu[data-reach-menu-list] {
      margin-top: 38px; } }
  @media (min-width: 900px) {
    .phone-country-menu[data-reach-menu-list] {
      max-height: 465px; } }

.phone-country-menu [data-reach-menu-item] {
  min-width: 0;
  cursor: pointer;
  display: block;
  color: #1c1a16;
  font-family: Haas Grot Disp Web;
  font-size: 20px;
  padding: 8px 16px;
  text-decoration: initial;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 76px 1fr;
  grid-template-columns: 76px 1fr;
  justify-content: space-around;
  outline: none; }
  .phone-country-menu [data-reach-menu-item]:hover {
    background: #f5f5f5; }
  .phone-country-menu [data-reach-menu-item]:nth-of-type(2) {
    border-bottom: 1px solid #e0ddd6;
    padding-bottom: 18px;
    margin-bottom: 12px; }
  .phone-country-menu [data-reach-menu-item] > :first-child {
    padding-right: 16px; }
  .phone-country-menu [data-reach-menu-item] > :last-child {
    line-height: 1;
    padding-left: 16px;
    border-left: 1px solid #e0ddd6;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%; }

.checkbox-label {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: -webkit-min-content auto;
  -ms-grid-columns: min-content auto;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto; }.checkbox-label > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.checkbox-label > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  @media (min-width: 900px) {
    .checkbox-label {
      align-items: center; } }

/* Styles for hiding the native checkbox */
input[type="checkbox"].check-custom {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* Styles for the basic appearance of the custom checkbox */
input[type="checkbox"].check-custom ~ .check-toggle {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  cursor: pointer;
  border: 2px solid #aca8a2;
  background: #f5f5f5;
  margin-right: 10px; }
  .one-way input[type="checkbox"].check-custom ~ .check-toggle {
    background: #f96900;
    border: none;
    width: 24px;
    height: 24px; }

/* Styles for the hover state appearance of the custom checkbox */
input[type="checkbox"].check-custom:hover ~ .check-toggle {
  box-shadow: 0 4px 14px #e0ddd6; }

/* Styles for the focus state appearance of the custom checkbox */
input[type="checkbox"].check-custom:focus:checked ~ .check-toggle {
  outline: none; }

/* Styles for the checked state appearance of the custom checkbox */
input[type="checkbox"].check-custom:checked:focus {
  outline: none;
  box-shadow: 0 4px 14px #e0ddd6; }

input[type="checkbox"].check-custom:checked ~ .check-toggle {
  background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGw9IiNGRUZCRjciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTExIDBsMS41IDEuMy03LjcgOC44TDAgNS40bDEuNC0xLjUgMy4zIDMuM3oiLz4KPC9zdmc+") center no-repeat;
  border-color: transparent;
  background-color: #ff6625; }
  .one-way input[type="checkbox"].check-custom:checked ~ .check-toggle {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBkPSJNMSA1bDQgNCA3LTgiIHN0cm9rZT0iIzFDMUExNiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
    background-size: 75%;
    background-color: #f96900; }

.checkbox-error {
  color: #ff6625;
  font-weight: 400;
  text-transform: none;
  display: inline-block;
  align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-min-content 1fr;
  -ms-grid-columns: min-content 1fr;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr; }
  .checkbox-error .error-icon {
    padding: 0px 7px;
    margin-right: 4px; }

:root {
  --reach-tooltip: 1;
}

[data-reach-tooltip] {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  padding: 0.25em 0.5em;
  box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);
  white-space: nowrap;
  font-size: 85%;
  background: #f0f0f0;
  color: #444;
  border: solid 1px #ccc;
}

.flight-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 180px 1fr 0.5fr 1fr 1fr 1fr;
  grid-template-columns: 180px 1fr 0.5fr 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  margin-bottom: 1px;
  box-shadow: 0px 1px 1px 0px #e0ddd6;
  transition: box-shadow 0.05s;
  position: relative; }.flight-row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.flight-row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }.flight-row > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }.flight-row > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4; }.flight-row > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }.flight-row > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6; }
  .flight-group:nth-of-type(1) .flight-row {
    margin-bottom: 32px; }
    @media (max-width: 900px) {
      .flight-group:nth-of-type(1) .flight-row {
        margin-bottom: 24px; } }
  @media (max-width: 900px) {
    .flight-row {
      align-items: initial;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr -webkit-min-content 1fr;
      -ms-grid-columns: 1fr min-content 1fr;
      grid-template-columns: 1fr -webkit-min-content 1fr;
      grid-template-columns: 1fr min-content 1fr;
      box-shadow: 0px 2px 2px 0px #e0ddd6;
      margin-bottom: 8px;
      background: #fff;
      padding: 24px 24px; }
    .flight-row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .flight-row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
    .flight-row > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; } }
  .flight-row.message {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
    font-size: 24px;
    font-weight: 400;
    margin: 32px 0;
    padding: 24px 32px; }
  .flight-row.message > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .flight-row.message > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
    @media (max-width: 900px) {
      .flight-row.message {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 24px;
        font-size: 18px;
        font-family: Haas Grot Text Web;
        margin: 24px 0; }
      .flight-row.message > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
  .flight-row:not(.message):hover {
    cursor: pointer;
    z-index: 99; }
  .flight-row:not(.message):hover:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 98;
    box-shadow: 0px 4px 14px 0px #e0ddd6; }
  @media (max-width: 900px) {
    .flight-row .icon {
      text-align: center;
      -ms-grid-row-align: end;
          align-self: end; } }
  .flight-row .icon svg path {
    fill: #aca8a2; }
  .flight-row .icon > div {
    display: inline-block;
    text-align: center;
    color: #aca8a2;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      .flight-row .icon > div {
        margin-left: -35px; } }
    .flight-row .icon > div > div {
      margin-top: 8px; }
  .flight-row .duration {
    text-align: center;
    font-size: 24px; }
    @media (max-width: 900px) {
      .flight-row .duration {
        text-align: left;
        line-height: 22px;
        font-size: 18px;
        font-family: Haas Grot Text Web;
        display: flex;
        flex-direction: column;
        justify-content: center; } }
  .flight-row .seat-icon {
    position: absolute;
    top: 16px; }
    @media (max-width: 900px) {
      .flight-row .seat-icon {
        left: -40px;
        top: 30px; } }
    .flight-row .seat-icon div {
      display: flex;
      border-radius: 13px;
      border: 1px solid #ff6625;
      text-align: center;
      justify-content: center;
      height: 25px;
      width: 99px;
      align-items: center;
      font-size: 14px;
      font-family: Haas Grot Text Web;
      font-weight: 500;
      color: #ff6625;
      box-sizing: border-box;
      margin: 0 auto; }
      .flight-row .seat-icon div svg {
        padding-right: 3px; }
  .flight-row .price {
    text-align: right;
    font-weight: 500;
    font-size: 28px;
    position: relative; }
    @media (max-width: 900px) {
      .flight-row .price {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        font-size: 22px; } }
    .flight-row .price .currency {
      font-size: 16px;
      font-family: Haas Grot Text Web;
      margin-right: 4px; }
      @media (max-width: 900px) {
        .flight-row .price .currency {
          font-size: 12px; } }
  .flight-row .per-person {
    color: #aca8a2;
    font-size: 16px;
    font-family: Haas Grot Text Web;
    font-weight: 500;
    height: 16px;
    text-transform: uppercase;
    padding-bottom: 8px; }
    @media (max-width: 900px) {
      .flight-row .per-person {
        font-size: 12px; } }
  .flight-row .flight-date,
  .flight-row .departure,
  .flight-row .arrival {
    font-size: 28px;
    font-weight: 500; }
    @media (max-width: 900px) {
      .flight-row .flight-date,
      .flight-row .departure,
      .flight-row .arrival {
        font-size: 22px; } }
    .flight-row .flight-date > :nth-child(1),
    .flight-row .departure > :nth-child(1),
    .flight-row .arrival > :nth-child(1) {
      color: #ff6625;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 8px; }
      @media (max-width: 900px) {
        .flight-row .flight-date > :nth-child(1),
        .flight-row .departure > :nth-child(1),
        .flight-row .arrival > :nth-child(1) {
          font-size: 14px; } }
  .flight-row .flight-date {
    position: relative; }
    .flight-row .flight-date :first-child {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 1;
      grid-row: 1; }
    .flight-row .flight-date :last-child {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 1;
      grid-row: 1; }
    @media (min-width: 900px) {
      .flight-row .flight-date {
        margin-right: 48px;
        border-right: 1px solid #d8d8d8; } }
    @media (max-width: 900px) {
      .flight-row .flight-date {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        border-bottom: 1px solid #e0ddd6;
        padding-bottom: 16px;
        margin-bottom: 16px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        justify-content: space-between; } }
    .flight-row .flight-date > :nth-child(1) {
      color: #aca8a2; }
  @media (max-width: 900px) {
    .flight-row .arrival {
      text-align: right; } }
  @media (max-width: 900px) {
    .flight-row .duration,
    .flight-row .price {
      border-top: 1px solid #e0ddd6;
      padding-top: 16px;
      margin-top: 16px; } }
  .flight-row.sold-out {
    cursor: auto; }
    .flight-row.sold-out .duration,
    .flight-row.sold-out .price {
      color: #aca8a2; }
    .flight-row.sold-out .departure div,
    .flight-row.sold-out .arrival div {
      color: #aca8a2 !important; }
    .flight-row.sold-out:hover {
      cursor: auto; }
    .flight-row.sold-out:hover:before {
      content: none; }
    .flight-row.sold-out .icon svg path {
      fill: #aca8a2; }

input[type="radio"].radio-custom {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

input[type="radio"].radio-custom:checked ~ .flight-row {
  box-shadow: inset 0 0 0 2px #ff6625; }

[data-reach-tooltip] {
  font-size: 14px;
  font-weight: 500;
  background: #ff6625;
  box-shadow: none;
  color: #fff;
  border: none;
  font-family: Haas Grot Text Web;
  text-rendering: geometricPrecision !important; }

/* This code is subject to LICENSE in root of this repository */

/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-dialog: 1;
}

[data-reach-dialog-overlay] {
  background: hsla(0, 0%, 0%, 0.33);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

[data-reach-dialog-content] {
  width: 50vw;
  margin: 10vh auto;
  background: white;
  padding: 2rem;
  outline: none;
}

.passenger-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: -webkit-max-content auto;
  -ms-grid-columns: max-content auto;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  padding: 30px 0 26px 0;
  color: #aca8a2;
  cursor: pointer; }.passenger-row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.passenger-row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  @media (max-width: 900px) {
    .passenger-row {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: auto auto;
      grid-template-columns: auto auto; }
    .passenger-row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .passenger-row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2; } }
  .passenger-row .text-pair > div:first-child {
    text-transform: none;
    color: #1c1a16; }
  .passenger-row .completed {
    position: relative;
    top: 5px;
    left: 10px; }
  .passenger-row .Completed {
    color: #1c1a16; }

.small-btn {
  display: inline-block;
  color: #ff6625;
  background: #ffffff;
  box-shadow: 0px 2px 2px 0px #e0ddd6;
  height: 54px;
  width: 90px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 54px;
  text-align: center;
  padding: 0; }

.passenger-information .h2 {
  margin-left: 32px;
  margin-bottom: 16px;
  color: #aca8a2; }

.passenger-information .shaded-background {
  padding: 0 24px;
  margin-top: 24px; }

.passenger-information .save-btn {
  text-align: right; }
  .passenger-information .save-btn .small-btn {
    margin-bottom: 24px;
    cursor: pointer; }

.passenger-information .fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0 8px; }

.passenger-information .fields > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.passenger-information .fields > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

.passenger-information .fields > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
  .passenger-information .fields.fields--half {
    margin-bottom: 24px; }
  @media (max-width: 1000px) {
    .passenger-information .fields {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
    .passenger-information .fields > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }

@media (min-width: 1000px) {
  .passenger-information.passenger-information--secondary .fields--half {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; } }

.passenger-information .button {
  margin-bottom: 32px; }
  .passenger-information .button[disabled] {
    background: #aca8a2;
    color: #fff; }

.passenger-information h2 {
  margin-top: 32px;
  font-weight: 500; }

.box {
  background: #fefbf7;
  box-shadow: 0 2px 2px #e0ddd6;
  margin-top: 42px;
  padding: 16px; }

.additional-info {
  color: #aca8a2;
  margin-left: 24px;
  margin-top: 32px;
  font-family: Haas Grot Disp Web; }
  .additional-info a, .additional-info button {
    color: #aca8a2;
    text-decoration: underline; }
  .additional-info p {
    margin: 0;
    line-height: 24px; }

[data-reach-dialog-content] p {
  font-size: 16px;
  margin-top: 0; }

/* Mobile */
@media (max-width: 900px) {
  .passenger-information .input-container {
    margin-bottom: 16px; }
    .passenger-information .input-container:last-of-type {
      margin-bottom: 0; }
  .passenger-information .fields {
    margin-bottom: 16px; }
  .passenger-information .fields--half {
    margin-bottom: 0; }
  .additional-info {
    margin: 32px auto; } }

.summary-card {
  background: #ce0001;
  color: #fff;
  padding: 0 32px;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px; }
  .summary-card .small-text {
    font-size: 16px;
    margin: 8px 0 -8px 0; }
  .summary-card .text-pair img {
    width: 20px;
    height: auto;
    padding-left: 6px; }
  @media (max-width: 900px) {
    .summary-card {
      padding: 0 24px; } }
  .summary-card:not(.summary-card--secondary):nth-of-type(2) {
    background: #f98d00; }
  .summary-card > div {
    padding-bottom: 32px;
    padding-top: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    @media (max-width: 900px) {
      .summary-card > div {
        padding-bottom: 24px;
        padding-top: 24px; } }
    .summary-card > div:last-child {
      border: none; }
      .summary-card > div:last-child > div:first-child {
        margin-bottom: 0; }
  .summary-card--secondary {
    color: #1c1a16;
    background: #fff;
    padding-bottom: 0px; }
    .summary-card--secondary .text-pair {
      margin-bottom: 0px; }
      .summary-card--secondary .text-pair > :first-child {
        color: #aca8a2; }
      .summary-card--secondary .text-pair > :last-child {
        font-weight: 400; }
    .summary-card--secondary > :last-child {
      font-weight: 500; }
    .summary-card--secondary > div {
      border-bottom: 1px solid rgba(172, 168, 162, 0.3);
      font-weight: 400;
      padding-top: 32px;
      padding-bottom: 32px; }
  .summary-card .flight-summary {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    align-items: center;
    justify-content: space-between; }
  .summary-card .flight-summary > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .summary-card .flight-summary > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  .summary-card .flight-summary > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .summary-card .flight-summary > :nth-child(2) {
      text-align: center; }
    .summary-card .flight-summary > :nth-child(2) {
      text-align: center; }
    .summary-card .flight-summary .stops {
      font-size: 16px;
      font-family: Haas Grot Text Web;
      font-weight: 500;
      text-transform: uppercase;
      margin-top: 4px;
      text-align: center; }
    .summary-card .flight-summary svg path {
      fill: #fff; }

.confirmation-summary .summary-card--secondary .text-pair:not(:first-child) {
  margin-top: 10px; }

.promo-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  align-items: center; }.promo-form > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.promo-form > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  .promo-form .button {
    padding: 7px;
    font-size: 16px;
    font-family: Haas Grot Text Web; }
  .promo-form input:focus {
    outline: none; }

.promo-form--applied .button {
  background: black; }
  .promo-form--applied .button svg {
    transform: rotate(45deg); }
  .promo-form--applied .button .erase-icon {
    transform: none;
    margin-left: 4px;
    cursor: pointer; }

.loading {
  text-align: center;
  width: 100%; }
  .loading .loading-img {
    width: 100%;
    height: 8px; }

.confirmation {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  grid-gap: 24px;
  margin: 50px 0;
  color: #aca8a2; }.confirmation > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }.confirmation > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .confirmation > div:last-child {
    text-align: right;
    line-height: 24px; }
  .confirmation .help {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .confirmation h3 {
    line-height: 30px; }
  @media (max-width: 900px) {
    .confirmation {
      margin: 32px 0;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
    .confirmation > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .confirmation > div:last-child {
        text-align: left; }
      .confirmation .help-text {
        margin: 0 0 16px 0; } }
  .confirmation a {
    color: #aca8a2; }

.confirmation-code {
  color: #1c1a16;
  font-size: 42px;
  margin-top: 8px; }

.reminder {
  font-weight: 500;
  color: #ff6625;
  font-size: 20px;
  margin-top: -10px; }

.confirmation-summary {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  margin-bottom: 32px; }

.confirmation-summary > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.confirmation-summary > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

.confirmation-summary > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
  .confirmation-summary.oneway {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 5px 1fr;
    grid-template-columns: 1fr 1fr; }
  .confirmation-summary.oneway > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .confirmation-summary.oneway > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .confirmation-summary.single {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  @media (min-width: 700px) and (max-width: 1000px) {
    .confirmation-summary {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr 5px 1fr;
      grid-template-columns: 1fr 1fr; }
    .confirmation-summary > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .confirmation-summary > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .confirmation-summary > div:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2; } }
  @media (max-width: 700px) {
    .confirmation-summary {
      grid-gap: 0px;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr !important;
      grid-template-columns: 1fr !important; }
    .confirmation-summary > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
  .confirmation-summary .summary-card--secondary {
    background: #f5f5f5; }

.print-button {
  margin-bottom: 32px; }
  @media (max-width: 700px) {
    .print-button {
      display: none; } }

.total {
  padding: 28px 0 !important; }

.text-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 1fr -webkit-min-content;
  -ms-grid-columns: 1fr min-content;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  justify-content: space-between; }

.text-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.text-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }

.text-wrap > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }

.text-wrap > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2; }
  .text-wrap:first-of-type {
    padding-bottom: 8px; }
    .text-wrap:first-of-type > span {
      color: #aca8a2;
      font-size: 16px;
      font-family: Haas Grot Text Web;
      font-weight: 500;
      text-transform: uppercase; }

.top .h1,
.confirmation .h1 {
  margin-top: 0; }
  @media (max-width: 900px) {
    .top .h1,
    .confirmation .h1 {
      margin-top: 48px; } }


.marker {
  background: url("/static/svg/pin.svg") no-repeat;
  width: 50px;
  height: 50px;
  position: absolute; }

.main {
  font-family: Haas Grot Disp Web; }
  .main p, .main a {
    font-family: Haas Grot Text Web; }
  .main .wrapper {
    display: -ms-grid;
    display: grid; }
    @media (min-width: 900px) {
      .main .wrapper {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0 8px; }
      .main .wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .main .wrapper > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; } }
    .main .wrapper .airport-info {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr 8px 164px;
      grid-template-columns: 1fr 164px;
      grid-gap: 0 8px;
      margin-top: 40px; }
    .main .wrapper .airport-info > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    .main .wrapper .airport-info > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
      .main .wrapper .airport-info a {
        color: #1c1a16; }
      .main .wrapper .airport-info h3 {
        margin-top: 0;
        font-weight: 500;
        margin-bottom: 8px; }
      .main .wrapper .airport-info p {
        margin: 0;
        line-height: 24px;
        font-size: 16px; }
      .main .wrapper .airport-info .btn-link {
        margin: 0;
        display: inline-block;
        padding: 12px 44px 12px 20px;
        background: #1c1a16;
        background-image: url(/static/svg/simple-arrow.svg);
        background-repeat: no-repeat;
        background-position: center right 12px;
        color: #fff;
        border-radius: 0px; }
        .main .wrapper .airport-info .btn-link:focus {
          outline: none; }
    .main .wrapper .info {
      margin-top: 32px;
      line-height: 24px;
      font-size: 16px; }
      @media (min-width: 900px) {
        .main .wrapper .info {
          padding-right: 52px; } }
    .main .wrapper .map {
      height: 392px;
      width: 100%; }
      @media (max-width: 900px) {
        .main .wrapper .map {
          margin-top: 32px; } }

[data-reach-dialog-content] {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
  max-width: 500px;
  padding: 64px;
  width: calc(100vw - 48px);
  box-sizing: border-box; }
  [data-reach-dialog-content] .h1 {
    margin-top: 0; }
  @media (max-width: 900px) {
    [data-reach-dialog-content] {
      padding: 32px; } }
  [data-reach-dialog-content] .dialog-buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px; }
    [data-reach-dialog-content] .dialog-buttons .button {
      box-shadow: none; }
  [data-reach-dialog-content] .button {
    font-size: 18px;
    font-family: Haas Grot Text Web;
    width: auto;
    float: right;
    margin-top: 16px;
    padding: 16px 24px; }
  [data-reach-dialog-content]:after {
    content: "";
    display: table;
    clear: both; }

[data-reach-dialog-overlay] {
  z-index: 99;
  background: rgba(28, 26, 22, 0.4); }

.main .ancillary-intro p {
  font-size: 20px;
  margin-bottom: 0; }
  @media (max-width: 900px) {
    .main .ancillary-intro p {
      font-size: 16px;
      margin-bottom: -16px; } }

.payment-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: minmax(-webkit-min-content, 800px) 24px 420px;
  -ms-grid-columns: minmax(min-content, 800px) 24px 420px;
  grid-template-columns: minmax(-webkit-min-content, 800px) 420px;
  grid-template-columns: minmax(min-content, 800px) 420px;
  justify-content: space-between;
  grid-gap: 24px; }

.payment-form > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.payment-form > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  @media (max-width: 900px) {
    .payment-form {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
    .payment-form > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
  .payment-form .payment-error .title {
    text-transform: capitalize; }
  .payment-form .submit-container .close-icon {
    display: none; }
  .payment-form .submit-container .processing-title {
    color: #1c1a16;
    font-family: "Haas Grot Disp Web";
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 10px; }
  .payment-form .submit-container .processing-msg {
    color: #aca8a2; }
  .payment-form .submit-container .loading {
    margin-top: -8px;
    line-height: 0; }
  @media (max-width: 900px) {
    .payment-form .submit-container {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0;
      background: #fff;
      z-index: 20;
      box-shadow: 0 -1px 2px rgba(28, 26, 22, 0.1); }
      .payment-form .submit-container .close-icon {
        display: block;
        position: absolute;
        right: 40px;
        top: 40px;
        transform: scale(1.3); }
      .payment-form .submit-container .floating-wrapper {
        padding: 24px;
        display: block; }
        .payment-form .submit-container .floating-wrapper.hide {
          display: none; }
      .payment-form .submit-container .box.inset.error {
        display: block !important;
        margin-top: 0; } }
  .payment-form .submit-container .floating-price {
    padding: 24px;
    padding-top: 0;
    color: #aca8a2;
    font-size: 22px;
    font-weight: 500; }
    @media (min-width: 900px) {
      .payment-form .submit-container .floating-price {
        display: none; } }
  @media (min-width: 900px) {
    .payment-form .submit-container .box.inset.error {
      display: none; } }
  @media (min-width: 900px) {
    .payment-form .box.inset.error {
      margin-top: 0; } }
  .payment-form .price {
    margin-top: 8px;
    color: #ff6625;
    font-weight: 500 !important; }
  .payment-form .loading-icon svg {
    margin-top: -40px;
    margin-bottom: -24px; }

.btn-link {
  display: inline;
  width: auto;
  cursor: pointer;
  color: #ff6625; }
  .btn-link:focus {
    outline: none; }

.fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 8px; }

.fields > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.fields > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  @media (max-width: 1000px) {
    .fields {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
    .fields > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }

.loading-message {
  background: #fefbf7;
  box-shadow: 0 2px 2px #e0ddd6;
  padding: 32px;
  margin-top: 8px;
  line-height: 30px; }

.terms-checkbox {
  color: #1c1a16;
  font-family: Haas Grot Text Web;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin: 16px 0;
  align-items: flex-start; }
  .terms-checkbox .check-toggle {
    margin-left: 6px; }

.disclaimer {
  padding: 32px;
  color: #aca8a2;
  line-height: 24px; }
  @media (max-width: 900px) {
    .disclaimer {
      padding: 24px; } }

.search-results h2 {
  text-transform: capitalize; }

@media (min-width: 900px) {
  .flight-group {
    box-shadow: 0px 2px 2px 0px #e0ddd6;
    background: #fff; } }

.itinerary-container {
  background: white;
  padding-top: 24px;
  padding-bottom: 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  box-shadow: 0 -1px 2px rgba(28, 26, 22, 0.1); }
  @media (min-width: 900px) {
    .itinerary-container {
      padding-top: 12px; } }
  .itinerary-container .show-itinerary {
    outline: none; }
    .itinerary-container .show-itinerary div {
      font-size: 22px;
      color: #aca8a2;
      font-weight: 500;
      padding: 24px;
      padding-top: 0;
      display: -ms-grid;
      display: grid;
      align-items: center;
      justify-content: space-between;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr -webkit-min-content;
      -ms-grid-columns: 1fr min-content;
      grid-template-columns: 1fr -webkit-min-content;
      grid-template-columns: 1fr min-content; }
    .itinerary-container .show-itinerary div > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    .itinerary-container .show-itinerary div > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
      @media (min-width: 900px) {
        .itinerary-container .show-itinerary div {
          display: none; } }
      .itinerary-container .show-itinerary div.shown svg {
        transform: rotate(180deg); }

.itinerary {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px; }

.itinerary > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.itinerary > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

.itinerary > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
  @media (max-width: 900px) {
    .itinerary {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-gap: 8px; }
    .itinerary > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
  .itinerary .not-selected {
    color: #aca8a2; }
  .itinerary > div {
    background: #f5f5f5;
    padding: 32px;
    font-size: 28px; }
    @media (max-width: 900px) {
      .itinerary > div {
        padding: 24px;
        font-size: 22px; } }

@media (min-width: 900px) {
  .message span {
    display: inline-block;
    vertical-align: middle; } }

.message .pill {
  background: #ff6625;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 10px;
  margin-right: 10px;
  font-weight: 500; }
  @media (max-width: 900px) {
    .message .pill {
      font-size: 12px;
      padding: 6px;
      line-height: 12px;
      margin-right: 5px;
      float: left; } }
  .message .pill.pill--red {
    background: #ce0001; }

.message .text {
  font-size: 24px;
  line-height: 24px; }
  @media (max-width: 900px) {
    .message .text {
      font-size: 16px; } }

.loading-icon {
  text-align: center; }