/*VARIABLES*/
/*END VARIABLES*/
/*FONTS*/
@font-face {
  font-family: Gotham-Book;
  src: url(../Content/fonts/Gotham/Gotham-Book.otf) format("opentype"); }

@font-face {
  font-family: Gotham-Bold;
  src: url(../Content/fonts/Gotham/Gotham-Bold.otf) format("opentype"); }

@font-face {
  font-family: Gotham-Light;
  src: url(../Content/fonts/Gotham/Gotham-Light.otf) format("opentype"); }

@font-face {
  font-family: Gotham-BookItalic;
  src: url(../Content/fonts/Gotham/Gotham-BookItalic.otf) format("opentype"); }

/*END FONTS*/
body {
  /*background-color: $brand-color;*/ }
  body main {
    background-color: #fff; }
    body main * {
      color: #0D2033; }
    body main .content {
      font-size: 16px;
      font-family: Gotham-Book; }
      body main .content .sub-text p {
        color: #56a0d4;
        font-size: 16px;
        line-height: 22px;
        font-family: Gotham-BookItalic; }
      body main .content p, body main .content li {
        color: rgba(13, 32, 51, 0.4);
        line-height: 26pt; }
      body main .content .confirmation .image-content {
        width: 30px; }
      body main .content .confirmation .header {
        font-family: Gotham-Book;
        font-size: 26px; }
      body main .content .confirmation p {
        line-height: 24px; }
      body main .content .highlight-box {
        height: 185px;
        border: solid 2px rgba(13, 32, 51, 0.4); }
        body main .content .highlight-box .highlight-text {
          font-size: 20pt;
          color: #56a0d4; }
        body main .content .highlight-box .straight-line {
          margin: 0 -15px;
          opacity: 0.60;
          border: solid 1px rgba(13, 32, 51, 0.4); }
        body main .content .highlight-box .expiration-notice {
          font-family: Gotham-BookItalic;
          bottom: -18px; }
      body main .content .card {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); }
        body main .content .card .card-header {
          font-size: 12pt;
          font-family: Gotham-Light;
          color: #ffffff;
          background-color: #56a0d4; }
        body main .content .card .from-to-flight {
          color: #0D2033; }
          body main .content .card .from-to-flight .header {
            font-size: 20pt;
            line-height: 30px; }
          body main .content .card .from-to-flight .sub-header {
            font-size: 10pt; }
      body main .content .header {
        font-size: 26px; }
      body main .content .rounded-button {
        font-family: Gotham;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.5pt;
        border-radius: 20px;
        height: 40px;
        width: 230px;
        padding: 0;
        border: 1px solid #0D2033;
        background: #fff;
        color: #0D2033; }
        body main .content .rounded-button.primary {
          background-color: #0D2033;
          color: #fff; }
  body .body {
    max-width: 1400px; }

* {
  color: #ffffff; }

header {
  width: 100%; }
  header nav {
    background-color: #0D2033;
    width: 100%; }
    header nav.navbar {
      padding: 0; }
    header nav .brand-logo {
      height: 35px;
      width: 60px;
      margin: 10px 20px; }
    header nav .header-background {
      width: 100%; }
      header nav .header-background .image {
        content: url("../Content/img/Masthead-mobile.png");
        width: 100%; }

.footer {
  background-color: #0D2033;
  color: #ffffff;
  font-family: Gotham;
  font-weight: bold;
  font-size: 12px; }
  .footer .row .address .content {
    font-family: Gotham-Book;
    font-weight: normal; }
  .footer .sub-footer {
    font-family: Gotham-Book;
    font-weight: normal;
    background-color: #081726; }
  .footer .ios-store-link {
    height: 60px; }

.jet-image {
  height: 177px; }
  .jet-image.light {
    content: url(../Content/img/jetImages/light/light-m.jpg); }
  .jet-image.mid {
    content: url(../Content/img/jetImages/midsize/midsize-m.jpg); }
  .jet-image.super-mid {
    content: url(../Content/img/jetImages/supermid/supermid-m.jpg); }
  .jet-image.heavy {
    content: url(../Content/img/jetImages/heavy/heavy-m.jpg); }

@media only screen and (min-width: 400px) {
  header nav .header-background .image {
    content: url("../Content/img/Masthead-medium.png"); }
  .footer .row {
    min-width: 400px; }
  .jet-image.light {
    content: url(../Content/img/jetImages/light/light-t.jpg); }
  .jet-image.mid {
    content: url(../Content/img/jetImages/midsize/midsize-t.jpg); }
  .jet-image.super-mid {
    content: url(../Content/img/jetImages/supermid/supermid-t.jpg); }
  .jet-image.heavy {
    content: url(../Content/img/jetImages/heavy/heavy-t.jpg); } }

@media (min-width: 768px) {
  .jet-image.light {
    content: url(../Content/img/jetImages/light/light-d.jpg); }
  .jet-image.mid {
    content: url(../Content/img/jetImages/midsize/midsize-d.jpg); }
  .jet-image.super-mid {
    content: url(../Content/img/jetImages/supermid/supermid-d.jpg); }
  .jet-image.heavy {
    content: url(../Content/img/jetImages/heavy/heavy-d.jpg); } }

@media (min-width: 992px) {
  .jet-image.light {
    content: url(../Content/img/jetImages/light/light-t.jpg); }
  .jet-image.mid {
    content: url(../Content/img/jetImages/midsize/midsize-t.jpg); }
  .jet-image.super-mid {
    content: url(../Content/img/jetImages/supermid/supermid-t.jpg); }
  .jet-image.heavy {
    content: url(../Content/img/jetImages/heavy/heavy-t.jpg); } }

@media only screen and (min-width: 700px) {
  header nav .header-background .image {
    content: url("../Content/img/Masthead-large.png"); } }