.blue-stripe-back {
  background-image: url(/assets/meitravel/global/blue-stripe-ddec32441f0473811c7061c25fb536de5205dd4d653d98aff29ac3c7c4543411.png); }

.purple-stripe-back {
  background-image: url(/assets/meitravel/global/purple-stripe-8f98105cf06821d4c010fd07fcdedd604d35ad22fb728bcc33c66e4389b8ca4f.png); }

.red-stripe-back {
  background-image: url(/assets/meitravel/global/red-stripe-71b508eab5248c1321fee6f1205a7471510383dff2ddc8ce4a78defae55dcfce.png); }

p {
  font-size: 16px; }

textarea:focus,
input:focus {
  outline: none !important; }

*:focus {
  outline: none !important; }

#quote-status .dot {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border: 7px solid #898989;
  color: #000 !important;
  line-height: 34px; }

#quote-status.active .dot {
  border-color: #13c3fd; }

#quote-status.active-past .dot {
  background-color: #13c3fd;
  color: #fff !important;
  border-color: #13c3fd; }

#nav .subnav {
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: 0.5s; }

#nav .subnav.off {
  opacity: 0;
  top: -1000px; }

#nav .subnav.on {
  opacity: 1;
  display: block;
  top: auto; }

#mobile-nav .subnav-parent > span::after {
  display: inline-block;
  background-image: url(/assets/meitravel/global/mobile-nav-arrow-c5a3ffe6f41b6aaee22b5decec1e3bfded4b68799870832347f0053ce34b6e3d.png);
  margin-left: 10px;
  width: 15px;
  height: 13px;
  content: ''; }

#mobile-nav .subnav-parent.active > span::after {
  transform: rotate(180deg); }

.button {
  display: block;
  line-height: 40px;
  background-color: #f0e831;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-align: center; }

.button-red {
  background-color: #bc061b !important;
  color: #fff !important;
  cursor: pointer !important; }

.button-yellow {
  background-color: #f0e831 !important;
  color: #000 !important;
  cursor: pointer !important; }

.button-off {
  background-color: #4d4d4d !important;
  color: #fff !important;
  cursor: not-allowed !important; }

.button.inline {
  display: inline-block !important; }

input {
  --tw-ring-shadow: 0 0 #000 !important; }

textarea,
.input-text {
  -webkit-box-shadow: 0px -2px 0px 0px rgba(112, 112, 112, 0.3) !important;
  -moz-box-shadow: 0px -2px 0px 0px rgba(112, 112, 112, 0.3) !important;
  box-shadow: 0px -2px 0px 0px rgba(112, 112, 112, 0.3) !important;
  font-family: poppins !important;
  font-size: 15px !important;
  color: #707070 !important;
  padding: 3px !important; }

label {
  display: block;
  font-family: poppins;
  color: #707070;
  font-size: 24px;
  padding-bottom: 6px; }

#offerInput .q-mark {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 3px;
  background: #333;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  color: #6c6c6c;
  line-height: 23px; }

#offerInput.expand {
  height: 170px;
  transition: 0.5s ease height; }

#offerInput.closed {
  height: 60px;
  transition: 0.5s ease height; }

#oid,
#oid:focus {
  background: none;
  border-bottom: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: 50px;
  font-family: poppins;
  font-size: 22px;
  color: #fff;
  outline: 1px solid transparent;
  outline-offset: 2px; }

#oid::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */ }

.mobileOfferOid,
.mobileOfferOid:focus {
  border-bottom: 2px solid #000 !important;
  width: 75%;
  font-size: 1rem !important;
  color: #000 !important; }

.mobileOfferOid::placeholder {
  color: #000 !important;
  opacity: 1;
  /* Firefox */
  text-align: center; }

.mobileOfferOid.left::placeholder {
  text-align: left; }

#offerInputContainer.hide {
  opacity: 0; }

#offerInputContainer.show {
  opacity: 1;
  transition-delay: 0.5s;
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: 0.5s; }

.home-form-input,
.home-form-input:focus {
  background: none;
  border-bottom: 3px solid #707070;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: 50px;
  font-family: poppins;
  font-size: 24px;
  color: #707070;
  outline: 2px solid transparent;
  outline-offset: 2px; }

.home-form-input::placeholder,
.custom-select::placeholder {
  font-weight: 400 !important; }

.custom-select {
  line-height: 30px !important; }

.home-form-input.error {
  border-color: #bc061b; }

.error,
.error::placeholder {
  color: #bc061b !important; }

.accordion h2 {
  border-bottom: 3px solid #707070;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 50px;
  color: #707070;
  position: relative;
  padding-bottom: 10px !important;
  background: url(/assets/global/select-drop-arrow-up-16ad37b06bd9cf525a7e6e95b6801781859f5183a14bf1b13158b37cfd1f873e.png) 100% 50% no-repeat; }
  .accordion h2 span {
    width: 85%;
    display: block; }

.accordion h2.header-off {
  font-weight: normal !important; }

.accordion h2.header-on {
  font-weight: bold !important;
  margin-bottom: 10px !important;
  background: url(/assets/global/select-drop-arrow-55075197c5884df42d8fe1698819bbd2aa6a2839c63f23cabd028869db3f16df.svg) 100% 50% no-repeat; }

.accordion .content-off {
  max-height: 0;
  overflow-y: hidden;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.accordion .content-on {
  overflow-y: hidden;
  max-height: 500px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.custom-select,
.custom-select:focus {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  border-bottom: 3px solid #707070;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: 50px;
  font-family: poppins;
  color: #707070;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
  background: url(/assets/global/select-drop-arrow-55075197c5884df42d8fe1698819bbd2aa6a2839c63f23cabd028869db3f16df.svg) 100% 50% no-repeat; }

.custom-select-sml {
  background-size: 16% !important; }

.custom-select::before,
.custom-select::after {
  --size: 0.3rem;
  position: absolute;
  content: '';
  right: 1rem;
  pointer-events: none; }

.custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%; }

.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%; }

select:disabled {
  opacity: 0.4; }

.radio {
  margin: 0.5rem; }
  .radio input[type='radio'],
  .radio input[type='checkbox'] {
    position: absolute;
    opacity: 0; }
    .radio input[type='radio'] + .radio-label:before,
    .radio input[type='checkbox'] + .radio-label:before {
      content: '';
      background: #f4f4f4;
      border-radius: 100%;
      border: 1px solid;
      border-color: #7e7e7e;
      display: inline-block;
      width: 1.4em;
      height: 1.4em;
      position: relative;
      margin-right: 1em;
      vertical-align: top;
      cursor: pointer;
      text-align: center;
      transition: all 250ms ease; }
    .radio input[type='radio']:checked + .radio-label:before,
    .radio input[type='checkbox']:checked + .radio-label:before {
      background-color: #bc061b;
      box-shadow: inset 0 0 0 4px #f4f4f4; }
    .radio input[type='radio']:focus + .radio-label:before,
    .radio input[type='checkbox']:focus + .radio-label:before {
      outline: none;
      border-color: #bc061b; }
    .radio input[type='radio']:disabled + .radio-label:before,
    .radio input[type='checkbox']:disabled + .radio-label:before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    .radio input[type='radio'] + .radio-label:empty:before,
    .radio input[type='checkbox'] + .radio-label:empty:before {
      margin-right: 0; }
  .radio input[type='checkbox'] + .radio-label:before {
    border-radius: 10% !important;
    width: 1.2em;
    height: 1.2em;
    margin-top: 3px; }

.radio-sml label {
  font-size: 15px; }

.radio-sml input[type='radio'] {
  position: absolute;
  opacity: 0; }
  .radio-sml input[type='radio'] + .radio-label:before {
    width: 23px;
    height: 23px; }

.disable-scrolling {
  height: 100%;
  overflow: hidden; }

* {
  box-sizing: border-box; }

.carousel {
  background: #eee; }

.carousel-cell {
  width: 100%;
  /* full width */
  margin-right: 10px; }

.carousel {
  overflow: hidden;
  background: none; }
  .carousel::after {
    content: 'flickity';
    display: none; }
  .carousel .flickity-cell.is-selected {
    position: absolute;
    inset: 0; }

.flickity-page-dots {
  position: unset;
  padding-top: 10px; }
  .flickity-page-dots .dot {
    background-color: #fff !important;
    opacity: 1;
    width: 18px;
    height: 18px; }
  .flickity-page-dots .dot.is-selected {
    background-color: #f0e831 !important; }

#content.deal h2,
#content.hotel h2 {
  font-family: Poppins;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 12px;
  padding-top: 20px; }

#content,
#content-wide {
  margin: 20px 20px 20px 40px; }
  #content h1.title,
  #content-wide h1.title {
    font-family: Poppins;
    font-weight: 500;
    font-size: 37px;
    padding-bottom: 20px;
    color: #bc061b;
    padding-top: 25px; }
  #content h2,
  #content-wide h2 {
    font-family: Poppins;
    font-weight: bold;
    font-size: 28px;
    padding-bottom: 12px;
    padding-top: 20px; }
  #content h3,
  #content-wide h3 {
    font-family: Poppins;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 12px;
    padding-top: 20px; }
  #content p,
  #content ul,
  #content-wide p,
  #content-wide ul {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 34px; }
  #content hr,
  #content-wide hr {
    border-color: #6c6c6c;
    margin: 15px 0 15px 0; }
  #content #fine-print,
  #content-wide #fine-print {
    font-size: 12px; }
    #content #fine-print p,
    #content-wide #fine-print p {
      font-size: 12px; }
  #content .agents-quote,
  #content-wide .agents-quote {
    width: 77%;
    background: url(/assets/meitravel/quote-back-da3afb9d7558dbdc376038dee0bb43201c0242f0abd3cef0634633a85a1a8544.png) 0 0 no-repeat;
    margin-left: 0;
    padding-left: 18px;
    padding-right: 32px;
    font-size: 22px;
    line-height: 30px;
    color: #0b87b7;
    font-size: 17px;
    font-style: italic;
    min-height: 143px;
    position: relative; }
    #content .agents-quote span,
    #content-wide .agents-quote span {
      width: 88%;
      left: 144px;
      position: absolute;
      display: block;
      top: 12px; }
  #content ul,
  #content-wide ul {
    list-style-type: disc;
    padding-left: 10px; }
    #content ul li,
    #content-wide ul li {
      margin-left: 1rem;
      margin-bottom: 0.5rem; }
  #content table,
  #content-wide table {
    border: #cacaca 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px; }
    #content table td,
    #content-wide table td {
      padding: 10px;
      vertical-align: middle;
      border: #cacaca 1px solid; }
  #content img.right,
  #content-wide img.right {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px; }
  #content img.left,
  #content-wide img.left {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px; }

#content-wide {
  margin: 20px 0px 20px 0px; }

.circular_image {
  border-radius: 50%;
  overflow: hidden;
  /* commented for demo
    float: left;
    margin-left: 125px;
    margin-top: 20px;
    */
  /*for demo*/
  display: inline-block;
  vertical-align: middle; }

.circular_image img {
  width: 100%; }

.flickity1 .flickity-button {
  top: 40%;
  height: 140px;
  background: transparent;
  display: none; }

.flickity1 .flickity-button-icon {
  fill: #666; }

.flickity-jumbo .flickity-button {
  top: 50% !important;
  opacity: 0;
  transition: opacity 0.25s linear; }

.flickity-jumbo:hover .flickity-button {
  opacity: 100;
  transition: opacity 0.25s linear; }

#fine-print {
  font-size: 12px !important; }
  #fine-print ul li {
    font-size: 12px !important;
    margin-bottom: -7px !important; }

#stateroom-list a,
#resorts-list a,
#aul-list a {
  color: #6f7979 !important; }

#stateroom-list a:hover,
#resorts-list a:hover,
#aul-list a:hover {
  color: #127ec3 !important; }

#stateroom-list a.active,
#resorts-list a.active,
#aul-list a.active {
  color: #127ec3 !important;
  font-weight: bold; }

#stateroom-body,
#resorts-body,
#aul-body {
  font-size: 16px; }
  #stateroom-body h3,
  #resorts-body h3,
  #aul-body h3 {
    color: #127ec3; }

@media only screen and (min-width: 575px) {
  .flickity-button {
    display: block !important; } }

div.donation-all-three h1,
div.donation-all-three h2 {
  color: #000 !important; }

div.donation p {
  margin-bottom: 10px;
  line-height: 22px; }

/* phone small */
@media only screen and (min-width: 320px) {
  #content,
  #content-wide {
    margin: 20px; }
    #content h1.title,
    #content-wide h1.title {
      font-size: 24px; }
  div.donation-travel h1 {
    color: #000 !important; }
  div.donation-make-wish,
  div.donation-give-kids-world,
  div.donation-best-friends,
  div.donation-travel,
  div.bcrf,
  div.donation-all-three {
    background-image: none !important;
    background-repeat: none; }
  div.donation-make-wish {
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/slide-donation-wish.png") !important;
    background-position: 100px 0 !important; }
  div.donation-travel {
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/slide-donation-travel.png") !important;
    background-position: 100px 0 !important; }
    div.donation-travel p {
      font-size: 11px; }
    div.donation-travel h2 {
      width: 95% !important; }
  div.bcrf {
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/bcrf-slide.png") !important;
    background-position: 100px 0 !important; }
    div.bcrf p {
      font-size: 14px; }
    div.bcrf h2 {
      width: 95% !important; }
  div.donation-give-kids-world {
    background-size: 1007px 240px !important;
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/slide-donation-give-kids-world.png") !important;
    background-position: 100px 0 !important; } }

/* phone */
@media only screen and (min-width: 480px) {
  div.donation-travel p {
    font-size: 14px; }
  div.bcrf h1 {
    color: #000 !important; } }

/* tablet portrait */
@media only screen and (min-width: 768px) {
  #content,
  #content-wide {
    margin: 20px 20px 20px 40px; }
    #content h1.title,
    #content-wide h1.title {
      font-size: 37px; }
  div.donation-best-friends {
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/slide-donation-best-friends.png") !important; }
  div.donation-all-three {
    background-image: url("https://meitravel.nyc3.digitaloceanspaces.com/jumbotrons/charity/slide-donation-all-three.png") !important;
    background-size: 960px 219px !important; }
  div.donation-make-wish h2,
  div.donation-give-kids-world h2,
  div.donation-best-friends h2 {
    width: 460px !important; }
  div.bcrf h2 {
    width: 530px !important; }
  div.bcrf p {
    font-size: 16px; }
  div.donation-give-kids-world {
    background-size: 1050px 240px !important;
    background-position: -50px 0 !important; }
  div.donation-best-friends {
    background-position: -60px -20px !important; }
  div.donation-all-three {
    background-size: 1007px 230px !important;
    background-position: -45px 24px !important; }
  div.bcrf {
    background-size: 1007px 230px !important;
    background-position: -45px 24px !important; }
  div.donation-make-wish {
    background-position: -75px 24px !important; }
  div.donation-travel {
    background-position: -234px 40px !important; }
    div.donation-travel h2 {
      width: 380px !important; }
    div.donation-travel p {
      line-height: 30px; } }

/* tablet landscape */
@media only screen and (min-width: 992px) {
  div.donation-make-wish,
  div.donation-give-kids-world,
  div.donation-best-friends,
  div.donation-travel div.bcrf,
  div.donation-all-three {
    background-size: 1202px 280px !important; }
    div.donation-make-wish h2,
    div.donation-give-kids-world h2,
    div.donation-best-friends h2,
    div.donation-travel div.bcrf h2,
    div.donation-all-three h2 {
      width: 460px !important; }
  div.donation-travel h2 {
    width: 540px !important; }
  div.donation-give-kids-world {
    background-size: 1202px 280px !important;
    background-position: 0px -10px !important; }
  div.donation-best-friends {
    background-position: -160px -45px !important; }
  div.donation-all-three {
    background-position: -180px 20px !important; }
  div.donation-make-wish {
    background-position: -45px -10px !important; }
  div.bcrf {
    background-position: 95px 7px !important; }
  div.bcrf h2 {
    width: 650px !important; }
  div.bcrf p {
    font-size: 16px; }
  div.donation-travel {
    background-position: -85px 8px !important; }
    div.donation-travel h2 {
      width: 620px !important; }
    div.donation-travel p {
      line-height: 25px;
      font-size: 16px; } }

/* main */
@media only screen and (min-width: 1200px) {
  div.donation-make-wish h2,
  div.donation-give-kids-world h2,
  div.donation-best-friends h2,
  div.donation-travel h2,
  div.donation-all-three h2 {
    width: 570px !important; }
  div.donation-best-friends {
    background-position: 0px -45px !important; }
  div.donation-all-three {
    background-position: -20px 0 !important; }
  div.bcrf {
    background-position: 95px 7px !important; }
    div.bcrf h2 {
      width: 630px !important; }
  div.donation-make-wish,
  div.donation-travel {
    background-position: 35px -10px !important; }
  div.donation-travel h2 {
    width: 750px !important; } }

.loader {
  width: 28px;
  height: 28px;
  border: 3px solid #fff;
  border-bottom-color: #bc061b;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
