/* FONTS */
@font-face {
  font-family: 'SouthwestSans-Regular';
  src: url('/swa-resources/fonts/SouthwestSans-Regular.eot');
  src: url('/swa-resources/fonts/SouthwestSans-Regular.eot?#iefix') format('embedded-opentype'), url('/swa-resources/fonts/SouthwestSans-Regular.otf');
  font-display: swap;
}

@font-face {
  font-family: 'SouthwestSans-Bold';
  src: url('/swa-resources/fonts/SouthwestSans-Bold.eot');
  src: url('/swa-resources/fonts/SouthwestSans-Bold.eot?#iefix') format('embedded-opentype'), url('/swa-resources/fonts/SouthwestSans-Bold.otf');
  font-display: swap;
}

/* Variables */
:root {
  /* ---- Page Options ---- */
  --header-bg-color: #fff;
  --page-bg-color: #ffffff;
  --footer-bg-color: #fff;

  /* ---- Main text options ---- */
  --main-text-color: #757575;
  --main-link-color: #304cb2;
  --main-accent-color: #ffbf27;
  --main-font-family: "Southwest Sans", Arial, sans-serif;
  --main-text-font-size: 16px;
  --main-text-line-height: 28px;
  --main-terms-font-size: 12px;

  /* ---- Header text options ---- */
  --heading-1-text-color: #304cb2;
  --heading-1-text-size: 48px;
  --heading-1-line-height: 60px;
  --heading-2-text-color: #1a2c80;
  --heading-2-text-size: 40px;
  --heading-2-line-height: 48px;
  --heading-3-text-color: #1a2c80;
  --heading-3-text-size: 28px;
  --heading-3-line-height: 36px;
  --heading-4-text-size: 24px;
  --heading-4-line-height: 32px;

  /* ---- Form options ---- */
  --form-bg-color: #fff;
  --form-header-bg-color: #415b90;

  /* input field settings */
  --form-input-fields-bg-color: #fff;
  --form-input-fields-border-color: #e0e0e0;
  --form-input-fields-text-color: #757575;

  /* submit button settings */
  --form-submit-button-bg-color: #ffbf27;
  --form-submit-button-font-color: #212529;
  --form-submit-button-font-size: 12px;

  /* checkbox settings */
  --form-checkbox-bg-color: #2ca4bf;
  --form-checkbox-border-color: #2ca4bf;

  /* radio button settings */
  --form-radio-circle-color: #2ca4bf;
  --form-radio-border-color: #2ca4bf;

  /* field label settings */
  --form-label-text-color: #757575;
  --form-labels-text-size: 15px;
}

h1 {
  color: var(--heading-1-text-color);
  font-size: var(--heading-1-text-size);
  line-height: var(--heading-1-line-height);
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  padding-bottom: 20px;
  margin: 0;
}

h1 sup {
  font-size: 65%;
}

h2 {
  color: var(--heading-2-text-color);
  font-size: var(--heading-2-text-size);
  line-height: var(--heading-2-line-height);
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  padding-bottom: 20px;
  margin: 0;
}

h3 {
  color: var(--heading-3-text-color);
  font-size: var(--heading-3-text-size);
  line-height: var(--heading-3-line-height);
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  padding-bottom: 20px;
  margin: 0;
}

h4 {
  color: var(--heading-4-text-color);
  font-size: var(--heading-4-text-size);
  line-height: var(--heading-4-line-height);
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  padding-bottom: 20px;
  margin: 0;
}

body {
  font-family: var(--main-font-family);
  color: var(--main-text-color);
  font-size: var(--main-text-font-size);
  line-height: var(--main-text-line-height);
  background-color: var(--page-bg-color);
}

body .plus {
  color: #d5152e;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-style: italic;
}

body .plus sub {
  font-size: 12px;
}

body p {
  font-size: 16px;
}

body a {
  color: var(--main-link-color);
}

body .terms {
  font-size: var(--main-terms-font-size);
  line-height: 1rem;
}


/* Breadcrumbs */

#breadcrumbs {
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 2px solid #ffffff;
  font-size: 0.75rem;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
}

#breadcrumbs a {
  text-decoration: none;
  color: #fff;
}

.bold-blue-bg {
  background-color: #304CB2;
}


/* Mobile BAF Styles*/

.mobileBAF {
  font-family: 'SouthwestSans-Bold', arial, sans-serif;

}

/* Custom padding */
section {
  padding: 30px 0;
}

.box-row {
  text-align: center;
  padding-bottom: 60px;
}

.pad-right {
  padding-right: 100px;
  margin-bottom: 60px;
}

.pad-left {
  padding-left: 100px;
  margin-bottom: 60px;
}

/* Buttons */
.swa-button {
  min-width: 147px;
}

.swa-button.swa-button_primary_yellow {
  color: #111b40;
}

.swa-button.swa-button_primary_yellow {
  /* font-family: Arial, sans-serif;
    font-size: 13px; */
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  display: inline-block;
  margin: 0;
  padding: 7px 28px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background: #ffbf27;
  -webkit-transition: color ease-out 0.3s, background ease-out 0.3s,
    border-color ease-out 0.3s;
  transition: color ease-out 0.3s, background ease-out 0.3s,
    border-color ease-out 0.3s;
  text-decoration: none;
  border-color: #fad101 #fad101 #d2af01;
}

/* Section: Breadcrubs */
#breadcrumbs {
  padding: 10px 0;
  border-bottom: 2px solid #ffffff;
  font-size: 0.75rem;
}

#breadcrumbs sup {
  font-size: 9px;
}


/* Section: Hero */


#sameday-header {
  background-color: #1a2c80;
  color: #ffffff;
  height: auto;
  overflow: hidden;
  padding: 0.3rem 5rem 0.3rem 1rem;
  position: relative;
}

#sameday-header h1 {
  color: #ffffff;
  font-size: 1.875rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding-bottom: 0;
}

#sameday-header .swa-heart {
  position: absolute;
  top: 8px;
  right: -20px;
  height: 100px;
  z-index: 0;
}

#sameday-header .brandbar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

.swa-landing-page-content-detail section.plans-change,
.swa-landing-page-content-detail section#same-day {

  padding-bottom: 10px;
  padding-top: 10px
}

.swa-landing-page-content-detail .sameday-intro p {
  color: #111b40;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0 0 1rem 0;

}

#same-day h2,
#same-day-video h2 {
  color: #111b40;
  font-size: 1.625rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-weight: normal;
  margin: 0;
  line-height: 2rem;
}

.swa-landing-page-content-detail .same-day-mini-header {
  background: var(--unnamed-color-304cb2) 0% 0% no-repeat padding-box;
  background: #304CB2 0% 0% no-repeat padding-box;
  opacity: 1;
  color: var(--unnamed-color-ffbf27);
  text-align: left;
  letter-spacing: 0px;
  color: #FFBF27;
  opacity: 1;
  font-size: 1.3rem;
  padding: 0.4rem 5rem 0.4rem 1rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-weight: normal;
}

.swa-landing-page-content-detail .same-day-mini-second-header {
  background: #80b3e0 0% 0% no-repeat padding-box;
  color: #fff;
  opacity: 1;
  font-size: 1.3rem;
  padding: 0.4rem 5rem 0.4rem 1rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0px;
}

.swa-landing-page-content-detail .sameday-intro .picture-this {
  padding: 1rem;
  background: var(--unnamed-color-edf1fc) 0% 0% no-repeat padding-box;
  background: #EDF1FC 0% 0% no-repeat padding-box;
  opacity: 1;
}

.swa-landing-page-content-detail .sameday-intro .picture-this p,
.swa-landing-page-content-detail .same-day-mini-box-main p {
  font-size: 1.0rem;
  margin: 0;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-weight: normal;
  color: var(--unnamed-color-0c132d);
  text-align: left;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;

}

.swa-landing-page-content-detail .same-day-mini-box-main {
  background: var(--unnamed-color-e6e7e8) 0% 0% no-repeat padding-box;
  background: #E6E7E8 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 0.8rem 2rem 0.8rem 2rem;
}

.swa-landing-page-content-detail .same-day-mini-box-main h3 {
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  color: var(--unnamed-color-304cb2);
  text-align: left;
  letter-spacing: 0px;
  color: #304CB2;
  opacity: 1;
  font-size: 1.15rem;
  padding-bottom: 0;
}

.swa-landing-page-content-detail .mini-box-icon {
  padding-top: 10px;
}

.swa-landing-page-content-detail .mini-box-icon img {
  vertical-align: middle;
  text-align: center;
  height: 81px;
}

.swa-landing-page-content-detail .same-day-body-content p {
  color: var(--unnamed-color-0c132d);
  text-align: left;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  padding-bottom: 0px;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 1.1rem;
}

.swa-landing-page-content-detail .break-line {

  height: 1px;
  background: var(--unnamed-color-a4baf2) 0% 0% no-repeat padding-box;
  background: #A4BAF2 0% 0% no-repeat padding-box;
  opacity: 1;
  margin: 1rem 0;
}

.swa-landing-page-content-detail .same-day-terms {
  color: var(--unnamed-color-000000);
  text-align: left;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-style: italic;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.swa-landing-page-content-detail .same-day-terms p {
  font-size: 0.7rem;
}

/* YouTube video section */

#same-day-video .video-center {
  display: flex;
  justify-content: center;
}


/* Benefits */

.swa-landing-page-content-detail section#benefits h3 {
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.6rem;
  color: var(--unnamed-color-0c132d);
  text-align: left;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  padding-bottom: 0;

}


/* same-day-benefits */

#same-day-benefits .box {
  background: var(--unnamed-color-e6e7e8) 0% 0% no-repeat padding-box;
  background: #E6E7E8 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 1rem 1rem;
}

#same-day-benefits p {
  color: var(--unnamed-color-0c132d);
  text-align: left;
  font: normal normal bold 18px/24px Southwest Sans;
  letter-spacing: 0px;
  color: #0C132D;
  margin-bottom: 0;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.2rem;
}

#same-day-benefits span,
#same-day-benefits span a {

  color: var(--unnamed-color-304cb2);
  text-align: left;
  text-decoration: none;
  font: normal normal bold 18px/24px Southwest Sans;
  letter-spacing: 0px;
  color: #304CB2;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  text-decoration: none;
}


/* Section: Change-faqs */



section#change-faqs {
  padding-top: 1rem;
}

section#change-faqs .card-body {
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 1.2rem;
  color: #111b40;

}

section#change-faqs .final-card {
  border-bottom: 1px solid #E6E7E8;

}

#change-faqs p {
  font-size: 1.0rem;
}


section #change-faqs .accordion .card-header.collapsed:first-child {
  margin-top: 0;
}

#faqs-list .accordion .card-header .card-title {
  text-align: left;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 0.9rem;
  color: var(--unnamed-color-0c132d);
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
}

#faqs-list h3 {
  color: #304cb2;
  font-size: 1.375rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding-bottom: 0;
}

section #change-faqs #faqs-list .accordion .card-header.collapsed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 1rem 0;
  padding: 1rem;
}

section #change-faqs #faqs-list .accordion .card-header:hover {
  background-color: #dce4ff;
}

#faqs-list .accordion .card-header {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  border: 1px solid var(--unnamed-color-e6e7e8);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E6E7E8;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.7rem 1rem;
}


section #change-faqs button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

#faqs-list {
  background-color: transparent;
  padding: 0;
  border: none;
}

#faqs-list .accordion .card-header.collapsed:after {
  content: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/sameday/icon-arrow-down.png);
  line-height: 0;
  margin: auto 0;
}

#faqs-list .accordion .card-header:after {
  content: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/sameday/icon-arrow-up.png);
  line-height: 0;
  margin: auto 0;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
}

#faqs-list h2 {
  color: var(--unnamed-color-304cb2);
  text-align: left;
  letter-spacing: 0px;
  color: #304CB2;
  opacity: 1;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.7rem;
  background: var(--unnamed-color-e6e7e8) 0% 0% no-repeat padding-box;
  background: #E6E7E8 0% 0% no-repeat padding-box;
  opacity: 1;
}

#faqs-list .heading {
  background: var(--unnamed-color-e6e7e8) 0% 0% no-repeat padding-box;
  background: #E6E7E8 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 0.7rem 1rem;
  font-family: "SouthwestSans-Regular", arial, sans-serif;
}


/* Section: Benefits */

section#flight-benefits .brand-bar-top {
  height: auto;
  overflow: hidden;
  padding: 0.3rem 5rem 0.3rem 1rem;
  position: relative;
}

section#flight-benefits .brandbar {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

section#flight-benefits .benefits-box {
  background: var(--unnamed-color-f2f2f2) 0% 0% no-repeat padding-box;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  opacity: 1;
  border-bottom: 5px solid #304cb2;
  padding: 1rem;
}

#flight-benefits .benefits-box .icon {
  text-align: right;
}

section#flight-benefits .benefits-box h2 {
  color: var(--unnamed-color-0c132d);
  text-align: left;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-size: 1.5rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  padding-bottom: 1rem;
}

section#flight-benefits .benefits-box h3 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  color: var(--unnamed-color-304cb2);
  text-align: left;
  letter-spacing: 0px;
  color: #304CB2;
  opacity: 1;
}

section#flight-benefits .benefits-box .title h3 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Section: Terms */
p.change-terms {
  font-size: var(--main-terms-font-size);
  line-height: 1rem;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
}


/* Section: Fare chart */

#fares .flush {
  padding-left: 0;
  padding-right: 0;
}

span.plus {
  color: #d5152e;
  font-family: "Fairwater Script" !important;
}

#fares .fare-chart-header {
  background: #111B40;
  color: #ffffff;
  min-height: 28px;
  display: inline-block;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
}

#fares .fare-chart-header .scroll-indicator {
  display: block;
  /* hidden above 992px */
  font-size: 12px;
  float: right;
  letter-spacing: 1px;
}

#fares .fare-chart-header .scroll-indicator span {
  margin: 0 5px;
}

@media all and (max-width: 992px) {
  #fares .fare-chart-header .scroll-indicator {
    display: block;
  }
}

#fares .fare-chart-body table * {
  font-family: "Southwest Sans", Arial;
}

#fares .fare-chart-body .table-bordered td,
.table-bordered th {
  color: #111B40;
  border: none;
  vertical-align: middle;
  text-align: center;
}

#fares .fare-chart-body .table-bordered thead th {
  border: none;
  padding: 1.5rem 1rem;
  line-height: 1rem !important;
  vertical-align: inherit;
}

#fares .fare-chart-body table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

#fares .fare-chart-body table tbody th {
  color: #111B40;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
}

#fares .fare-chart-body table tr td {
  width: 220px;
  height: 85px;
  border: none;
}

#fares .fare-chart-body .text {
  font-size: 1.4rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  position: relative;
  margin-top: 20px;
  margin-left: 10px;
}

#fares .fare-chart-body span {
  font-size: 14px;
}

#fares .fare-chart-body .new {
  color: #D5152E;
  font-size: 10px;
  line-height: 1.2rem;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  display: block;
}

#fares .fare-chart-body .icon img {
  /* margin-top: 10px; */
  transform: scale(1.25);
}

#fares .fare-chart-body td p {
  color: #c0ccd6;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: -5px;
}

#fares .fare-chart-body span.skinny {
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 1.3rem;
}

/* background colors */
/* header */
#fares .fare-chart-body table thead tr th:nth-child(2) {
  border: 1px solid #FFBF27;
  border-bottom: 10px solid #FFBF27;
  color: var(--unnamed-color-0c132d);
  text-align: center;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.2rem;
}

#fares .fare-chart-body table thead tr th:nth-child(3) {
  border: 1px solid #D5152E;
  border-bottom: 10px solid #D5152E;
  color: var(--unnamed-color-0c132d);
  text-align: center;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.2rem;
}

#fares .fare-chart-body table thead tr th:nth-child(4) {
  border: 1px solid #A4BAF2;
  border-bottom: 10px solid #A4BAF2;
  color: var(--unnamed-color-0c132d);
  text-align: center;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.2rem;
}

#fares .fare-chart-body table thead tr th:nth-child(5) {
  border: 1px solid #304CB2;
  border-bottom: 10px solid #304CB2;
  color: var(--unnamed-color-0c132d);
  text-align: center;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  font-size: 1.2rem;
}

/* body */
#fares .fare-chart-body table tbody tr th:nth-of-type(1) {
  font-family: 'SouthwestSans-Bold', arial, sans-serif;
  line-height: 1rem;
  background-color: rgba(237, 237, 237, 0.5);
  color: var(--unnamed-color-0c132d);
  text-align: center;
  padding-left: 23px;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-size: 1.25rem;
}

#fares .fare-chart-body table tr td:nth-child(2) {
  background-color: rgba(255, 191, 39, 0.15);
}

#fares .fare-chart-body table tr td:nth-child(3) {
  background-color: rgba(213, 21, 46, 0.12);
}

#fares .fare-chart-body table tr td:nth-child(4) {
  background-color: rgba(164, 186, 242, 0.2);
}

#fares .fare-chart-body table tr td:nth-child(5) {
  background-color: rgba(164, 186, 242, 0.3);
}

/* Responsive fare chart */
@media all and (max-width: 1199px) {
  #fares .fare-chart-body .table-bordered thead th {
    min-width: 0;
  }

  .fare-chart-body .nav-tabs>li:first-of-type {
    top: 6%;
    height: 24.5rem;
  }

  .fare-chart-body .nav-tabs>li:nth-of-type(2) {
    top: 7.5%;
    height: 21.5rem;
  }
}

@media all and (max-width: 991px) {
  .fare-chart-body .left {
    margin: 130px 0 90px -50px;
    left: 7.5%;
  }

  .fare-chart-body .right table {
    table-layout: fixed;
    overflow-x: auto;
    min-width: 510px;
  }

  .fare-chart-body .nav-tabs>li:first-of-type {
    top: 0;
    height: 48.5rem;
  }

  .fare-chart-body .nav-tabs>li:nth-of-type(2) {
    top: 1.5%;
    height: 29rem;
  }

  .fare-chart-body .nav-tabs>li:first-of-type {
    top: 1%;
    height: 57rem;
  }

  .fare-chart-body .nav-tabs>li:nth-of-type(2) {
    top: 2%;
    height: 46rem;
  }

  #fares .fare-chart-body table tbody th {
    font-size: 0.75em;
  }
}

@media all and (max-width: 767px) {
  .fare-chart-body .left {
    margin: 130px 0 90px -50px;
    left: 7.5%;
  }

  .fare-chart-body .nav-tabs>li:first-of-type {
    height: 52.5rem;
  }

  .fare-chart-body .nav-tabs>li:nth-of-type(2) {
    height: 30rem;
  }

  .fare-chart-body .nav-tabs>li:first-of-type {
    top: 2%;
  }

  .fare-chart-body .nav-tabs>li:nth-of-type(2) {
    top: 2.5%;
  }
}

/* /Fare chart */


.swa-landing-page-content-detail p.table-disclaimer {
  color: var(--unnamed-color-0c132d);
  text-align: left;
  letter-spacing: 0px;
  color: #0C132D;
  opacity: 1;
  font-family: 'SouthwestSans-Regular', arial, sans-serif;
  font-size: 0.8rem;

}

/* Animations */
@-moz-keyframes bounceDown {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounceDown {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounceDown {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}





@-webkit-keyframes bounceLeft {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

@-moz-keyframes bounceLeft {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(30px);
  }

  60% {
    transform: translateX(15px);
  }
}

@keyframes bounceLeft {

  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}

/* /left bounce */


/* right bounce */
@-webkit-keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-moz-keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-30px);
  }

  60% {
    transform: translateX(-15px);
  }
}

@keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

/* /right bounce */

/* assign bounce */
.scroll-indicator {
  -webkit-animation: bounceRight 2s 3;
  animation: bounceRight 2s 3;
}

/* Mid Desktop Styles */
@media only screen and (max-width: 1080px) {

  .table-responsive {
    transform: rotateX(180deg);
  }

  #fares .fare-chart-body table {
    transform: rotateX(180deg);
  }

}


/* Mobile Styles */

@media only screen and (max-width: 600px) {


  #fares .fare-chart-body table tbody tr th:nth-of-type(1) {
    font-size: 0.8rem;
  }

  #fares .fare-chart-body span.skinny {
    font-family: 'SouthwestSans-Regular', arial, sans-serif;
    font-size: 0.8rem;
  }

  #fares .fare-chart-body .text {
    font-size: 0.8rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    margin-left: 0;
    margin-top: 0;
    position: relative;
  }

  #fares .fare-chart-body table thead tr th:nth-child(2) {
    font-size: 0.9rem;
  }

  #fares .fare-chart-body table thead tr th:nth-child(3) {
    font-size: 0.9rem;
  }

  #fares .fare-chart-body table thead tr th:nth-child(4) {
    font-size: 0.9rem;
  }

  #fares .fare-chart-body table thead tr th:nth-child(5) {
    font-size: 0.9rem;
  }

  .table-responsive {
    transform: rotateX(180deg);
  }

  #fares .fare-chart-body table {
    transform: rotateX(180deg);
  }

  .swa-landing-page-content-detail .same-day-mini-header {
    font-size: 1.2rem;

  }

  .swa-landing-page-content-detail .sameday-intro h2 {
    font-size: 1.4rem;
  }

  section#flight-benefits .benefits-box .icon {
    text-align: center;
    max-width: 25%;
  }

  #flight-benefits .benefits-box .wifi,
  #flight-benefits .benefits-box .flyfree,
  #flight-benefits .benefits-box .nofees,
  #flight-benefits .benefits-box .inflight {

    padding: 1rem;
  }


}