@charset "UTF-8";
.btn {
  display: inline-block;
  font-weight: 400;
  color: #495057;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.8461538462;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #495057;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(19.2880585711%, 42.1926281242%, 74.3393924093%);
  border-color: rgb(18.2580156526%, 39.9394092401%, 70.3694353278%);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(38.3333333333%, 57.3333333333%, 84%, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(18.2580156526%, 39.9394092401%, 70.3694353278%);
  border-color: rgb(17.2279727342%, 37.686190356%, 66.3994782462%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(38.3333333333%, 57.3333333333%, 84%, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(44.7748568454%, 48.1862745098%, 51.5976921742%);
  border-color: rgb(42.4518479958%, 45.6862745098%, 48.9207010238%);
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(59.6666666667%, 62.3333333333%, 65%, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(42.4518479958%, 45.6862745098%, 48.9207010238%);
  border-color: rgb(40.1288391463%, 43.1862745098%, 46.2437098733%);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(59.6666666667%, 62.3333333333%, 65%, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(29.2820999367%, 57.9411764706%, 0%);
  border-color: rgb(26.7552182163%, 52.9411764706%, 0%);
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(46.3333333333%, 77%, 15%, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(26.7552182163%, 52.9411764706%, 0%);
  border-color: rgb(24.2283364959%, 47.9411764706%, 0%);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(46.3333333333%, 77%, 15%, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(13.0387230269%, 60.2596314908%, 93.9220612868%);
  border-color: rgb(8.3653561927%, 58.1239530988%, 93.595428121%);
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(38%, 71.6666666667%, 95.6666666667%, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(8.3653561927%, 58.1239530988%, 93.595428121%);
  border-color: rgb(6.3341215883%, 55.5453739285%, 90.6266627254%);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(38%, 71.6666666667%, 95.6666666667%, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(80.6855025475%, 65.5569708198%, 4.7066543153%);
  border-color: rgb(75.9610930987%, 61.7183881427%, 4.4310637641%);
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(95.3333333333%, 80.3333333333%, 20%, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(75.9610930987%, 61.7183881427%, 4.4310637641%);
  border-color: rgb(71.2366836498%, 57.8798054655%, 4.1554732129%);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(95.3333333333%, 80.3333333333%, 20%, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(67.3624958458%, 10.5151213028%, 10.186523762%);
  border-color: rgb(63.0192755068%, 9.8371552011%, 9.529744101%);
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(83.3333333333%, 25.6666666667%, 25.3333333333%, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(63.0192755068%, 9.8371552011%, 9.529744101%);
  border-color: rgb(58.6760551678%, 9.1591890994%, 8.87296444%);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(83.3333333333%, 25.6666666667%, 25.3333333333%, 0.5);
}

.btn-light {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #495057;
  background-color: rgb(88.5049019608%, 90.1470588235%, 91.7892156863%);
  border-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 2px rgba(86.9607843137%, 87.7058823529%, 88.4509803922%, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #495057;
  background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
  border-color: rgb(82.6715686275%, 85.1470588235%, 87.6225490196%);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(86.9607843137%, 87.7058823529%, 88.4509803922%, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(13.6680189317%, 15.2450980392%, 16.8221771467%);
  border-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 2px rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
  border-color: rgb(9.185260311%, 10.2450980392%, 11.3049357674%);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5);
}

.btn-outline-primary {
  color: #467fcf;
  border-color: #467fcf;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #467fcf;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #467fcf;
  border-color: #467fcf;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}

.btn-outline-secondary {
  color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #868e96;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
  color: #5eba00;
  border-color: #5eba00;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5eba00;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5eba00;
  border-color: #5eba00;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-outline-info {
  color: #45aaf2;
  border-color: #45aaf2;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #45aaf2;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #45aaf2;
  border-color: #45aaf2;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-outline-warning {
  color: #f1c40f;
  border-color: #f1c40f;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f1c40f;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-outline-danger {
  color: #cd201f;
  border-color: #cd201f;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #cd201f;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #467fcf;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(16.1979298157%, 35.4329714719%, 62.4295211647%);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #868e96;
  pointer-events: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.625;
  border-radius: 3px;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.3333333333;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.5rem;
}

.card-title {
  margin-bottom: 1.5rem;
}

.card-subtitle {
  margin-top: -0.75rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.card-header:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 1.5rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 40, 100, 0.12);
}
.card-footer:last-child {
  border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1.5rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(3px - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(3px - 1px);
  border-top-right-radius: calc(3px - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 0.75rem;
    margin-bottom: 0;
    margin-left: 0.75rem;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}

.checkbox-compoent {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  cursor: pointer;
  background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-28e103bedd4070bf8e5e248a433ab040.png) no-repeat;
}

.checkbox-compoent:hover {
  background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-hover-28e103bedd4070bf8e5e248a433ab040.png) no-repeat;
}

.checkbox-compoent.selected {
  background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-selected-0722f6a44d07afde78b2314364ad4892.png) no-repeat;
}

.checkbox-compoent input[type=checkbox] {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.checkbox-compoent input[type=checkbox]:focus {
  outline: none;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.fancybox-container #content {
  float: none;
}

.ui-datepicker {
  width: 240px;
  padding: 0 2.5px;
  display: none;
  background: #FFFFFF;
  border: 1px solid #a2a2a2;
  font-size: 18px;
  color: #000;
  border-radius: 3px;
  font-weight: 400;
  z-index: 100 !important;
}

.ui-datepicker-inline {
  width: 100%;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  background: #d4d4d4;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  border-radius: 3px 0 0 3px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  border-radius: 0px 3px 3px 0px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  text-indent: -99999px;
  width: 8px;
  height: 15px;
}

.ui-datepicker .ui-datepicker-prev span {
  margin: 8px 0px 0 10px;
}

.ui-datepicker .ui-datepicker-next span {
  margin: 8px 0px 0 12px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  background: transparent;
  width: 60px !important;
  padding: 4px;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  border: 0;
  border-radius: 0;
  height: 30px;
  -webkit-appearance: none;
}

.ui-datepicker .ui-datepicker-title div {
  width: 74px !important;
  height: 30px;
  overflow: hidden;
  border-radius: 3px;
  float: left;
  margin: 0 3px;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 2.5px 0;
}

.ui-datepicker th {
  padding: 0.2em 0.3em;
  text-align: center;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 2.5px;
}

.ui-datepicker-trigger {
  position: absolute;
  margin: 10px 0 0 -30px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}

.ui-datepicker td span, .ui-datepicker td a:hover {
  background: #d4d4d4;
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-highlight {
  color: #FFF;
}

.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
  background: #c3c3c3;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

.datepicker1 {
  cursor: pointer;
}

.continue-button {
  float: right;
}

.continue-button .y-button {
  border: 1px solid #949494;
  border-radius: 3px;
}

.continue-button-hotel {
  float: right;
  margin: 10px 0 10px 0;
}

.continue-button-hotel .y-button {
  border: 1px solid #949494;
  border-radius: 3px;
}

.continue-button-hotel-gallery {
  float: right;
  margin: 5px 0 10px 0;
}

.continue-button-hotel-gallery .y-button {
  border: 1px solid #949494;
  border-radius: 3px;
}

.ynew-button {
  margin-bottom: 5px;
  padding: 0 15px 0 15px;
  border: 1px solid #000;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  float: right;
}

.ynew-button a {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}

.y-button-padding-0-2 {
  padding: 0 2px !important;
}

.y-button {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #999;
  padding: 0 15px;
}
.y-button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
}
.y-button a.back {
  padding: 0 30px 0 0;
}

.cookie-message {
  z-index: 999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  left: 0;
  text-align: center;
  color: white;
  height: 40px;
  overflow-wrap: break-word;
  min-width: 260px;
  line-height: 24px;
  border-radius: 0 10px 0 0;
  padding: 5px;
  transition: opacity 0.5s ease-in-out;
}
.cookie-message span {
  line-height: 32px;
  padding-right: 10px;
}

.cookie-message-popup-content {
  width: 600px !important;
}

.cookie-message-popup-content h3:first-child {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 5px;
}

.cookie-message-popup-content h3 {
  padding-top: 5px;
}

.error-page {
  margin: 2em auto;
  padding: 0;
  text-align: left;
  width: 650px;
  border: 5px solid #c4c4c4;
  background-color: #FFF;
  border-bottom-style: solid;
  border-bottom-color: #9f9f9f;
}
.error-page #spacing {
  height: 100px;
}
.error-page h1 {
  padding: 0.65em 15px;
  color: #453;
  font: bold 20px "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
  background-color: #e9ded5;
  margin-top: 0;
  border-bottom: 1px solid #b8b8b8;
}
.error-page .content {
  padding: 15px;
  text-align: center;
}
.error-page .content img {
  width: 100px;
  display: inline-block;
}

* {
  box-sizing: border-box;
}

body {
  line-height: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: #000;
  height: 100%;
  font-size: 16px;
}

.clear {
  margin: 0;
  padding: 0;
  clear: both;
}

.last {
  margin-right: 0 !important;
}

a {
  text-decoration: none;
}

sub {
  vertical-align: text-bottom;
  font-size: 60%;
}

sup {
  vertical-align: text-top;
  font-size: 60%;
}

strong,
b {
  font-weight: 400;
}

.left {
  float: left;
}

.right {
  float: right;
}

.wd {
  width: 100%;
}

.pd {
  padding: 10px;
}

.mrR20 {
  margin-right: 20px;
}

.mrL20 {
  margin-left: 20px;
}

.pdL10 {
  padding-left: 10px;
}

.pdR10 {
  padding-right: 10px;
}

.pdL20 {
  padding-left: 20px;
}

.pdR20 {
  padding-right: 20px;
}

.position-relative {
  position: relative;
}

.sectionspace {
  padding-top: 40px;
}

.mr0 {
  margin: 0 !important;
}

::-ms-clear {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 30px;
}

input,
select {
  border: 0;
  border-radius: 3px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

input:focus,
input:hover {
  background-color: #fdf5ce !important;
}

input[type=submit]:focus,
input[type=submit]:hover {
  background-color: transparent !important;
}

.fancysupport .fancybox-close {
  display: inline;
}

.fancyconditions .fancybox-close {
  display: inline;
}

.show_as_mobile {
  text-align: center;
  padding: 15px 10px 10px 10px;
}

.show_as_mobile img {
  position: relative;
  top: 7px;
  padding-right: 5px;
}

.show_as_mobile a {
  color: #000;
  font-size: 20px;
  font-weight: 400;
}

.hr {
  height: 1px;
  margin: 0px 1% 0px 1%;
}

.back_btn {
  padding: 0 5px 0 0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin-top: -10px;
}

.button-end {
  float: right;
  width: 100%;
  margin: 30px 0 0 0;
}

.yd-button {
  padding: 0 15px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}

.yd-button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.yd-button .back {
  padding: 0 30px 0 0;
}

.yd-button .fly {
  padding: 0 40px 0 0;
  color: #FFFFFF;
}

.yd-button-pop {
  padding: 0 15px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}

.yd-button-pop a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.yd-button-pop .back {
  padding: 0 30px 0 0;
}

.yd-button-pop .fly {
  padding: 0 0px 0 0;
  color: #FFFFFF;
}

.yd-button-pop .hotel {
  padding: 0 40px 0 0;
  color: #FFFFFF;
}

/*========== Custom ==============*/
.layout {
  max-width: 1260px;
  width: 98%;
  margin: 0 auto;
}

/*========== Navigation ==============*/
nav.mainnav {
  position: relative;
  background-color: #fdf5ce !important;
  top: 20px;
}

ul.topnav {
  float: right;
}

ul.topnav li {
  float: left;
  margin: 0 0 0 5px;
}

ul.topnav li a {
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 3px;
}

ul.topnav li a:hover,
ul.topnav li a.active {
  color: #FFF;
}

/*========== Navigation ==============*/
#wrap {
  float: left;
  width: 100%;
}

.top20 {
  padding-top: 20px;
}

.main {
  float: left;
  width: 100%;
  border-radius: 3px;
  padding: 15px 0px 5px 0px;
}

.white-bg {
  background: #FFF;
}

.service-package-wrap {
  float: left;
  width: 100%;
}

.service-package {
  padding: 0 15px;
}

.service-package label {
  float: left;
  margin: 0 15px 15px 0px;
  cursor: pointer;
}

.service-package label span {
  float: left;
  line-height: 40px;
  padding: 0 0 0 5px;
  font-size: 22px;
  color: #000;
}

.custom-radio-search_type {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  /*top: 25px;*/
  margin: 0 0 0 5px;
  cursor: pointer;
  float: left;
}

.custom-radio-search_type input[type=radio] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.booking_information {
  padding: 10px;
}

.booking_information img {
  float: right;
}

.booking_information .text {
  font-size: 15px;
}

.inline-picker {
  width: 100%;
}

.search_box {
  position: relative;
  overflow: hidden;
}

.search_box_small {
  max-height: 200px;
  overflow: hidden;
}

.search_box_overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0px;
  position: absolute;
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 1000;
  background-color: #FFF;
  display: none;
}

.search_box_overlay_top {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0px;
  position: absolute;
  z-index: 1001;
  margin-top: 15px;
  font-weight: 400;
  display: none;
}

.search_box_overlay_top .title {
  color: #000;
  font-size: 30px;
  line-height: 35px;
  padding: 0 0 30px 0;
}

.search_box_overlay_top .title span {
  font-size: 22px;
  display: block;
  padding: 10px 0 0 0;
}

.search_box_overlay_top .package {
  display: none;
}

.search_box_overlay_top .hotel {
  display: none;
}

.search_box_overlay_top .air {
  display: none;
}

.tooltipster-red .tooltipster-box {
  background: #FC575E !important;
  border: 2px solid #444 !important;
  border-radius: 6px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
}

.tooltipster-red .tooltipster-content {
  color: #FFF !important;
  padding: 8px;
}

.tooltipster-red.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #FC575E;
}

.tooltipster-red.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #FC575E;
}

.tooltipster-content sub {
  bottom: -0.25em;
  position: relative;
  vertical-align: baseline;
}

.main_btn_wide {
  width: 311px;
}

.custom-checkbox-search_only_direct_flights,
.custom-checkbox-search_advanced_hotel_search,
.custom-checkbox-search_only_with_bags,
.custom-checkbox-search_max_one_stop,
.custom-checkbox-search_only_private_fares,
.custom-checkbox-search_only_public_fares,
.custom-checkbox-search_no_ndc,
.custom-checkbox-search_only_rebookable {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  cursor: pointer;
}

.custom-checkbox-search_only_direct_flights input[type=checkbox],
.custom-checkbox-search_advanced_hotel_search input[type=checkbox],
.custom-checkbox-search_only_with_bags input[type=checkbox],
.custom-checkbox-search_max_one_stop input[type=checkbox],
.custom-checkbox-search_only_private_fares input[type=checkbox],
.custom-checkbox-search_only_public_fares input[type=checkbox],
.custom-checkbox-search_no_ndc input[type=checkbox],
.custom-checkbox-search_only_rebookable input[type=checkbox] {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.fly-form ul li.direct-flight span {
  float: left;
  line-height: 40px;
  padding: 0 0 0 5px;
  cursor: pointer;
}

button[type=submit], input[type=submit] {
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  font-weight: 400;
}

.disable {
  opacity: 0.5;
}

div.yellow-submit {
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #999;
}

.f-scroll-wrap {
  border-radius: 3px;
  float: right;
  width: 24%;
  padding: 0 0 10px 0;
  margin: 0 15px 15px 0;
}

.f-scroll-title {
  border-radius: 3px 3px 0 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  padding: 10px;
  margin: 0 0 10px 0;
}

.f-scroll-title span {
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  display: block;
}

.f-scroll {
  width: 100%;
  float: left;
}

.f-scroll ul {
  padding: 0 6px;
}

.f-scroll ul li {
  list-type: none;
  margin: 0;
  float: left;
  width: 100%;
}

.f-scroll ul li a {
  border-radius: 3px;
  margin: 5px 0;
  float: left;
  width: 100%;
}

.f-scroll ul li div {
  font-size: 16px;
  padding: 8px 10px;
}

.f-scroll ul li div strong {
  font-weight: 400;
}

.f-scroll ul li div span {
  color: #c2c2c2;
  font-size: 12px;
  display: block;
}

.f-scroll ul li div.left {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f-scroll ul li div.right {
  width: 40%;
  text-align: right;
  padding-top: 10px;
}

.youth-age {
  width: 100%;
  text-align: center;
  padding-top: 6px;
  font-size: 14px;
}

#youth-tickets-info {
  width: 100%;
  padding: 6px 0 8px 4px;
  font-size: 16px;
  display: none;
}

.covid-container {
  display: block;
  font-size: 16px;
  margin: 0 30px;
}
.covid-container .bottom-text {
  text-align: right;
}
.covid-container .top-paragraph,
.covid-container .bottom-text {
  margin-top: 20px;
}

.destination-container {
  display: block;
  font-size: 16px;
  margin: 0 30px;
}
.destination-container p {
  margin-bottom: 10px;
}
.destination-container {
  margin-bottom: 60px;
}

.about-sec {
  float: left;
  width: 69%;
  padding: 20px 0;
}

.about-sec .image {
  float: left;
  margin: 0 20px 0 0;
  padding: 0 0 0 15px;
  width: 30%;
}

.about-sec img {
  border-radius: 3px;
  width: 100%;
}

.about-sec div.con {
  font-size: 16px;
  padding: 0 15px 0 0;
  float: right;
  width: 66%;
}

.about-sec div.con .title,
.covid-container .title {
  color: #000;
  font-size: 30px;
  padding: 0 0 30px 0;
}

.about-sec div.con .title span {
  font-size: 22px;
  display: block;
  padding: 10px 0 0 0;
}

.shortcon {
  float: left;
  width: 100%;
}

.shortcon ul {
  font-size: 0;
  text-align: center;
  margin: 20px 15px 0 15px;
}

.shortcon ul li {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  text-align: left;
  width: 24.2%;
  padding: 1%;
  /* padding percentage height doesnt work in firefox.... */
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 1% 20px 0;
  min-height: 125px;
}

.shortcon ul li + li + li + li {
  margin-right: 0;
}

.shortcon ul li div.title {
  font-size: 18px;
  font-weight: 400;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.mainbanner {
  float: left;
  width: 100%;
  text-align: center;
}

.mainbanner div.space {
  padding: 0 15px;
}

.mainbanner img {
  border-radius: 3px;
  width: 100%;
}

.cheapest-destinations {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}

.cheapest-destinations > ul {
  font-size: 0;
  text-align: center;
  margin: 0 15px;
}

.cheapest-destinations > ul > li {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  text-align: left;
  width: 24.2%;
  padding: 1%;
  margin: 0 1% 15px 0;
  min-height: 395px;
}

.cheapest-destinations > ul > li + li + li + li {
  margin-right: 0;
}

.cheapest-destinations > ul > li div.title {
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  padding: 10px 5px;
  font-size: 20px;
  margin: 0 0 15px 0;
}

ul.cd-list {
  float: left;
  width: 100%;
}

ul.cd-list li {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #d8f2ff;
}

ul.cd-list li:last-child {
  border: 0;
}

ul.cd-list li a {
  display: block;
  color: #000;
  padding: 1px 0;
}

ul.cd-list li a:hover {
  background: #f4f4f4;
}

ul.cd-list li span {
  text-align: right;
  float: right;
}

.footer-logo {
  display: block;
  padding: 15px;
}
.footer-logo ul {
  border-radius: 3px;
  text-align: center;
}
.footer-logo ul li {
  display: inline-block;
  margin: 10px 15px;
}

.footer-bottom {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 300 !important;
  color: #000;
  text-transform: uppercase;
}

ul.footer-menu {
  float: left;
  margin: 0 0 0 15px;
}

ul.footer-menu li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
}

ul.footer-menu li:last-child {
  background: none;
  margin: 0;
  padding: 0;
}

ul.footer-menu li a {
  color: #000;
}

ul.footer-menu li a:hover {
  text-decoration: underline;
}

div.sidebyside {
  display: inline-block;
  width: 135px;
}

.copyright {
  float: right;
  margin: 0 15px 0 0;
}

#searching {
  margin-top: 15px;
  border: 1px solid #949494;
  border-radius: 3px;
}

#searching .title {
  color: #000;
  font-size: 30px;
  line-height: 35px;
  padding: 0 0 30px 0;
}

#searching .title span {
  font-size: 22px;
  display: block;
  padding: 10px 0 0 0;
}

.flight {
  text-align: center;
}

.fly-form ul li label.room-icon span {
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 45px;
  margin-bottom: 12px;
  display: block;
}

.fly-form ul.smallrow li {
  width: 21.2%;
}

.fly-form ul.smallrow li.xsmall {
  width: 12.7%;
}

.fly-form ul.smallrow li.xsmall-first {
  width: 12.7%;
}

.fly-form ul.smallrow li.xmed {
  min-width: 155px;
}

.fly-form ul.smallrow li.xbig {
  min-width: 206px;
}

.fly-form ul.smallrow li.roomlist {
  width: 13%;
  margin-right: 2%;
}

.fly-form ul.smallrow li.roomlist select {
  width: 30%;
  float: left;
}

.fly-form ul.smallrow li.roomlist label {
  float: left;
}

.fly-form ul.smallrow li + li + li {
  margin: 0 5% 0 0;
}

.fly-form ul.smallrow li + li + li + li {
  margin-right: 0;
}

.room-number {
  padding: 10px;
  display: block;
}

.clr:before,
.clr:after {
  content: "";
  display: table;
}

.clr:after {
  clear: both;
}

/* Contact Page
--------------------------------------*/
#container {
  padding: 0 15px;
}

#content {
  width: 944px;
}

#sidebar {
  width: 256px;
  float: right;
}

#content h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

#content h4 {
  font-size: 18px;
  color: #000;
  text-decoration: underline;
}

#content p {
  margin-bottom: 20px;
  line-height: 22px;
}

#content .addressmap {
  height: 494px;
  width: 100%;
  float: left;
  margin: 0;
}

#content ul.list {
  margin-bottom: 20px;
  margin-left: 15px;
  line-height: 22px;
  list-style-type: disc;
}

#content ul.list ul.sublist {
  padding-left: 10px;
  list-style-type: circle;
}

ul.condition > li {
  border-bottom: 2px solid #f7f7f7;
  margin-bottom: 20px;
}

ul.condition > li:last-child {
  border: none;
  margin-bottom: 0;
}

.ui-state-focus {
  background: #d4d4d4;
}

/*-------------------------------------- Sidebar */
#sidebar .searchflyform {
  border-radius: 3px;
  background: #f1f1f1;
  padding: 12px;
  width: 100%;
  float: left;
}

#sidebar .title {
  border-radius: 3px;
  color: #FFF;
  font-size: 18px;
  padding: 10px;
}

#sidebar .searchflyform ul li {
  width: 100%;
  margin: 12px 0 0 0;
  float: left;
}

#sidebar .searchflyform input[type=text] {
  width: 100%;
  height: 38px;
  float: left;
  background: #FFF;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 15px 0 40px;
  line-height: 38px;
}

#sidebar .searchflyform a {
  font-size: 18px;
  text-decoration: underline;
}

#sidebar .searchflyform a:hover {
  text-decoration: none;
}

#sidebar .ui-selectmenu-menu li a,
#sidebar .ui-selectmenu-status {
  padding-left: 40px;
}

#sidebar .addressbox {
  width: 100%;
  color: #fff;
  padding: 10px 15px 5px 15px;
  float: right;
  font-size: 18px;
  margin: 20px 0 0 0;
  border-radius: 3px;
}

#sidebar .addressbox p {
  margin-bottom: 10px;
  padding: 0 0 0 26px;
  line-height: normal;
  color: #FFF;
}

#sidebar .addressbox p.email a {
  color: #fff;
}

#sidebar .addressbox p.phone a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

#sidebar .addressbox b {
  color: #eccc00;
}

.ui-selectmenu-menu .select-airline {
  width: 302px !important;
}

.select-airline .ui-selectmenu-status {
  background: url(/packs/media/themes/general/desktop/images/site/blue-fly-e9360a3e14043dd4fa7ab8a479c05d09.png) #FFF no-repeat 10px center;
}

/*-------------------------------------- beforetrip */
.secureuserimg {
  float: left;
  width: 10%;
}

.secureusercontent {
  float: right;
  width: 85%;
}

.aeimg {
  float: left;
  width: 30%;
}

.aeimg img {
  margin-bottom: 25px;
}

.aecontent {
  float: right;
  width: 65%;
}

/*-------------------------------------- Warning MSG */
.warningmsg {
  text-align: center;
  float: left;
  width: 100%;
  border: 4px solid #CCC;
  padding: 40px 20px;
  background: #FFF;
}

.warningmsg h1 {
  font-size: 36px;
  margin: 20px 0;
}

.warningmsg h3 {
  font-size: 20px;
  color: #666;
}

.warningmsg ul {
  width: 100%;
  display: block;
  font-size: 0;
  margin: 50px 0 0 0;
}

.warningmsg ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  border-right: 1px solid #ececec;
}

.warningmsg ul li:last-child {
  border: none;
}

.warningmsg ul li .version {
  color: #666;
  font-weight: 300;
  font-size: 14px;
}

/*-------------------------------------- Top Search */
.ui-autocomplete {
  z-index: 11;
}

.message-panel {
  z-index: 9999;
  position: fixed;
  background-color: rgba(255, 0, 0, 0.75);
  bottom: 0;
  left: 0;
  text-align: center;
  color: white;
  padding: 10px;
  height: 125px;
  overflow-wrap: break-word;
  width: 400px;
  line-height: 24px;
  border-radius: 0 10px 0 0;
  transition: opacity 0.5s ease-in-out;
}

.autocomplete-container.ui-menu-item-wrapper {
  padding: 5px 10px;
}

.ui-menu .ui-widget .ui-widget-content .ui-autocomplete .ui-front {
  height: auto;
}

.autocomplete-container.ui-menu-item-wrapper.ui-state-active {
  color: #000000;
  margin: 0;
}

.searchfield .container {
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
}

.searchfield .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.searchfield .country {
  font-family: "Roboto Condensed", sans-serif;
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}

.searchfield .iata {
  font-family: "Roboto Condensed", sans-serif;
  float: right;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 14px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  font-style: normal;
}

.searchfield.cityairport .container {
  padding-left: 20px !important;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.inline-block {
  width: 100%;
  display: inline-block;
}

.inline-block-no-width {
  display: inline-block;
}

.modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 9999;
}

.modal--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.modal__title {
  margin: 0;
}

.modal__content {
  position: relative;
  width: 100%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  background: white;
  border-radius: 8px;
  padding: 32px;
  z-index: 1;
}

.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  border: 0;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

.modal-open {
  overflow: hidden;
}

.price_calculation_air_window .fancybox-content {
  padding: 0px !important;
}

.price-cal-wrap {
  width: 1000px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.price-cal-wrap .price-cal {
  width: 100%;
}
.price-cal-wrap .price-cal thead {
  background-color: #eccc00;
}
.price-cal-wrap .price-cal thead th {
  padding: 14px 20px;
}
.price-cal-wrap .price-cal tbody td {
  padding: 10px 20px;
}
.price-cal-wrap .price-cal tbody td.subtotal, .price-cal-wrap .price-cal tbody td.summery-price {
  text-align: right;
}
.price-cal-wrap div.travelers {
  padding: 20px 30px;
  text-align: center;
}

.page_about .about {
  padding: 0 15px;
}
.page_about .about__content {
  display: inline-block;
}
.page_about .about__content h1 {
  font-size: 36px;
  margin-bottom: 20px;
}
.page_about .about__content p {
  margin-bottom: 20px;
  line-height: 22px;
}

.page_contact {
  margin-bottom: 15px;
  margin-top: 15px;
}
.page_contact .contact {
  padding: 0 15px;
  display: flex;
}
.page_contact .contact__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_contact .contact__content .addressmap {
  border-top: 1px solid #2012aa;
  height: 500px;
  padding-top: 16px;
  width: calc(100% - 16px);
}
.page_contact .contact__content h1 {
  font-size: 36px;
  margin: 16px 0 24px;
}
.page_contact .contact__content p {
  line-height: 22px;
  margin-bottom: 24px;
  max-width: 70%;
}
.page_contact .contact__content a {
  color: #2012aa;
}
.page_contact .contact__sidebar {
  flex: 1;
  flex-basis: 256px;
  flex-grow: 0;
  flex-shrink: 0;
}

.banners_horizontal {
  padding-bottom: 15px;
}

.banners_horizontal img {
  border-radius: 5px;
}

.right_banner {
  float: right;
  padding-bottom: 15px;
}
.right_banner img {
  border-radius: 5px;
}

.filter_banner {
  background: url(/packs/media/themes/general/desktop/images/site/filter__sv-SE-d13e00c7f5d3dfb520986fcb2fc68af5.png) no-repeat;
  width: 278px;
  height: 358px;
  clear: both;
  border-radius: 3px;
}
.filter_banner.sv-SE {
  background: url(/packs/media/themes/general/desktop/images/site/filter__sv-SE-d13e00c7f5d3dfb520986fcb2fc68af5.png) no-repeat;
}
.filter_banner.da-DK {
  background: url(/packs/media/themes/general/desktop/images/site/filter__da-DK-9bce81e74d4f40c683edc1eb5c415086.png) no-repeat;
}
.filter_banner.nb-NO {
  background: url(/packs/media/themes/general/desktop/images/site/filter__nb-NO-e9847f0f25828884cc3902c81c21edef.png) no-repeat;
}

.sponsor {
  float: left;
  padding-right: 5px;
  padding-bottom: 15px;
  line-height: 40px;
  font-weight: 400;
}

.ui-slider {
  height: 12px;
  position: relative;
  text-align: left;
  border-radius: 10px;
  width: 93%;
  margin-left: 3px;
}

.ui-slider-handle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  border-radius: 25px;
  top: -4px;
  margin-left: -5px;
}

.ui-slider-range {
  position: absolute;
  border: 0;
  top: 0;
  height: 100%;
  border-radius: 25px;
  width: 100%;
}

.Switch {
  position: relative;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  height: 21px;
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 3px 3px;
}

.Switch span {
  display: inline-block;
  width: 17px;
}

.Switch .Toggle {
  position: absolute;
  top: 2px;
  width: 20px;
  height: 17px;
  border-radius: 3px;
  z-index: 8;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
}

.Switch.On .Toggle {
  left: 50%;
}

.Switch.Off .Toggle {
  left: 4%;
}

.rangeslider {
  border-radius: 0 0 3px 3px !important;
}

.rangeslider ul li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.rangeslider .caption {
  margin-bottom: 30px;
}

.rangeslider label {
  font-size: 14px;
  padding-right: 4px;
}

.rangeslider input:hover[type=text],
.rangeslider input:focus[type=text] {
  background: none !important;
}

.filter {
  color: #FFFFFF;
}
.filter .filter-section {
  width: 100%;
  border-radius: 3px;
  margin: 0 0 1px;
  background-color: #2520AF;
}
.filter .filter-section .filter-header .filter-header-text {
  display: inline-block;
}
.filter .filter-section .filter-header .filter-header-text span,
.filter .filter-section .filter-header .filter-header-text small {
  display: block;
}
.filter .filter-section .filter-header .filter-header-text small {
  font-size: 75%;
  color: lightgray;
}
.filter .filter-section .filter-header .filter-header-actions {
  float: right;
  display: block;
}
.filter .filter-section .filter-content {
  padding: 0 20px;
}
.filter .filter-section.filter-collapsable .filter-header {
  display: block;
  padding-left: 35px;
  color: #ECCC00;
}
.filter .filter-section.filter-collapsable .filter-header:hover {
  border-radius: 3px;
  background-color: #3B36D9;
}
.filter .filter-section.filter-section-main .filter-header {
  border-radius: 3px;
  background-color: #1866AA;
  padding: 10px 10px 5px 10px;
}
.filter .filter-section.filter-section-main .filter-content {
  padding: 10px 20px;
}
.filter .filter-closed .filter-header {
  background: url(/packs/media/themes/general/desktop/images/site/white-right-arrow-6ebbd6050ed53885201d868e39217134.png) 0 no-repeat;
  background-position-x: 15px;
}
.filter .filter-closed .filter-content {
  display: none;
}
.filter .filter-open .filter-header {
  background: url(/packs/media/themes/general/desktop/images/site/white-down-arrow-b31163dad852e10b7d641b1fff038b9b.png) 0 no-repeat;
  background-position-x: 15px;
}
.filter .filter-open {
  padding-bottom: 15px;
}
.filter .filter-header {
  padding: 10px;
}
.filter .ui-slider {
  width: 100%;
  margin: 0;
}
.filter .select-links {
  font-size: 12px;
  display: block;
  position: relative;
  top: -12px;
  right: 5px;
}
.filter .filter-label-group > .filter-label:first-child {
  text-align: left;
}
.filter .filter-label {
  text-align: right;
  font-size: 12px;
}
.filter ul li {
  padding: 5px 0;
}
.filter table {
  width: 100%;
}
.filter table td {
  padding: 5px 0;
}
.filter input[type=button] {
  border: none;
  border-radius: 3px;
  padding: 3px 8px;
  cursor: pointer;
  float: right;
}
.filter .hotelname {
  background-color: #818181;
  float: left;
  border: 1px solid #D5D5D5;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  text-align: left;
}
.filter #filter_price_txt_max {
  float: right;
}

.searchfilter #mapview .map-preview {
  overflow: hidden;
}

.tripadvisor_powered_by {
  margin-left: 10px;
  padding-top: 10px;
  text-align: right;
  font-size: 12px;
}
.tripadvisor_powered_by .tripadvisor_powered_by_image,
.tripadvisor_powered_by .tripadvisor_powered_by_text {
  display: inline-block;
}
.tripadvisor_powered_by .tripadvisor_powered_by_image {
  width: 60%;
  text-align: center;
}
.tripadvisor_powered_by .tripadvisor_powered_by_image img {
  width: 100%;
}
.tripadvisor_powered_by .tripadvisor_powered_by_text {
  width: 39%;
  float: left;
}

.fake-filter {
  height: 600px;
  background-color: #2824b7;
  border-radius: 3px;
  padding-top: 20px;
}
.fake-filter .fake-filter-header:first-child {
  margin-top: 0;
}
.fake-filter .fake-filter-header,
.fake-filter .fake-filter-item {
  width: 80%;
  height: 24px;
  background-color: #2f29d1;
  margin-left: 20px;
  margin-top: 40px;
}
.fake-filter .fake-filter-header {
  margin-left: 20px;
  margin-top: 40px;
}
.fake-filter .fake-filter-item {
  margin-left: 30px;
  margin-top: 20px;
}

.ui-slider-max-value .ui-slider-range {
  left: 0%;
  width: 100%;
}

.ui-slider-max-value span:first-of-type {
  left: 0%;
}

.ui-slider-max-value span:last-of-type {
  left: 100%;
}

/* Base code for tabs with bootstrap */
.flight-rules-wrap .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.flight-rules-wrap .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.flight-rules-wrap .nav-tabs .nav-item {
  margin-bottom: -1px;
}
.flight-rules-wrap .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.flight-rules-wrap .tab-content > .tab-pane.active {
  display: block;
}
.flight-rules-wrap .tab-content > .tab-pane {
  display: none;
}
.flight-rules-wrap {
  /* Lets just get the ticket rules working */
}
.flight-rules-wrap .nav {
  margin-bottom: 10px;
}
.flight-rules-wrap .nav-item {
  width: 49%;
  display: inline-block;
  border: 1px solid black;
  text-align: center;
  font-size: 18px;
}
.flight-rules-wrap .nav-link {
  color: #495057;
}
.flight-rules-wrap .nav-item .active {
  background-color: lightgray;
}

div.fly-schedule div.baggage {
  float: left;
  clear: left;
}

div.fly-schedule div.baggage div.headline {
  font-weight: bold;
  font-size: 13px;
  float: left;
}

div.fly-schedule div.baggage div.passengers {
  margin-left: 15px;
  display: inline-block;
}

div.fly-schedule div.baggage div.passenger {
  padding-bottom: 2px;
  clear: left;
}

div.fly-schedule div.baggage div.passenger_number {
  float: left;
  font-size: 12px;
  width: 95px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

div.fly-schedule div.baggage div.passenger div.leg {
  font-size: 12px;
  float: left;
  white-space: nowrap;
  text-wrap: balance;
  margin-right: 10px;
}

div.fly-schedule div.baggage div.passenger div.leg label {
  white-space: nowrap;
}

div.fly-schedule div.baggage div.passenger div.leg div.ancillary_item {
  display: block;
}

.fly-schedule .baggage .passenger .leg {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fly-schedule {
  float: left;
  border-radius: 3px;
  background: #FFF;
  font-size: 16px;
  color: #000;
  margin: 0 0 15px;
  border: 1px solid #949494;
  width: 100%;
}

.selectdate {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.fly-schedule-inner {
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.fly-schedule-inner.allotment {
  background: url(/packs/media/themes/general/desktop/images/site/bubbles-27dcdbfc0065ac12a302e6ccb8c23dd9.svg) no-repeat center;
  background-size: cover;
}
.fly-schedule-inner.allotment .allotment-wrap {
  margin-top: 5px;
}
.fly-schedule-inner.allotment .allotment-wrap p {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 16px !important;
  margin-bottom: 32px;
}
.fly-schedule-inner.allotment .allotment-wrap p b {
  font-weight: bold;
}
.fly-schedule-inner.allotment .allotment-wrap p b.dates-highlight {
  padding: 4px;
  border-radius: 2px;
  background: #2128a8;
  color: #fff;
  text-transform: uppercase;
}
.fly-schedule-inner.allotment .allotment-wrap p .price-tag {
  float: right;
}
.fly-schedule-inner.allotment .allotment-wrap p .price-tag u {
  font-weight: bold;
}
.fly-schedule-inner.allotment .flight-sc-layout {
  background: #fff;
}
.fly-schedule-inner .schedule_change_warning {
  color: red;
}

.fly-schedule-full {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.fly-schedule-full .fly-schedule-inner {
  opacity: 0.15;
  pointer-events: none;
}

.fly-schedule-wide {
  width: 100%;
}
.fly-schedule-wide .fly-schedule-inner {
  width: 100%;
}
.fly-schedule-wide .time-box {
  cursor: auto;
  width: 93.2%;
}
.fly-schedule-wide .time-box .time-1 {
  width: 13.6%;
}
.fly-schedule-wide .time-box .time-dep_airport {
  width: 21.8%;
}
.fly-schedule-wide .time-box .time-arr_airport {
  width: 21.8%;
}
.fly-schedule-wide .time-box .time-1,
.fly-schedule-wide .time-box .time-2,
.fly-schedule-wide .time-box .time-carrier,
.fly-schedule-wide .time-box .time-travel_time {
  cursor: default;
}
.fly-schedule-wide .time-travel_time {
  font-size: 14px;
}

.time-box.first .time-dep_airport,
.time-box.last .time-arr_airport {
  font-weight: bold;
}

.time-box {
  cursor: pointer;
  float: left;
  width: 92%;
}
.time-box.change-airport {
  background-color: #f0f0f0;
  width: 103%;
  margin: 5px -10px;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}
.time-box.change-airport img {
  width: 10px;
  margin-right: 2px;
}
.time-box.change-airport-itinerary {
  margin-top: -10px;
}
.time-box .time-baggage {
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 55px;
}
.time-box .time-baggage span.not_included {
  text-decoration: underline;
  cursor: pointer;
}
.time-box .new_time {
  color: #FF0000;
}
.time-box .old_time {
  color: #000000;
  text-decoration: line-through;
}
.time-box .time-1 {
  float: left;
  font-size: 14px;
  clear: left;
  width: 13%;
}
.time-box .time-dep_airport {
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 22.8%;
}
.time-box .airport_change {
  color: #241EAF;
}
.time-box .time-2 {
  float: left;
  font-size: 14px;
  width: 13%;
}
.time-box .time-arr_airport {
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 22.8%;
}
.time-box .time-carrier {
  float: left;
  font-size: 14px;
  width: 11.2%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.time-box .time-cabin {
  float: left;
  font-size: 14px;
  width: 7.2%;
}
.time-box .time-flightnumber {
  float: left;
  font-size: 14px;
  width: 5.7%;
}

.step_1_air_form .time-box .time-carrier {
  width: 12.3%;
}
.step_1_air_form .time-box .time-flightnumber {
  width: 7.4%;
}

.flight-wrap {
  display: table;
  width: 100%;
  padding-bottom: 8px;
}
.flight-wrap .flight {
  float: left;
  width: 24%;
}
.flight-wrap .flight .name {
  font-size: 17px;
  color: #000000;
  padding-top: 13px;
  float: left;
  padding-left: 10px;
}
.flight-wrap .flight img {
  width: 30px;
  margin-top: 7px;
  float: left;
}
.flight-wrap .extra-links {
  float: left;
}
.flight-wrap .flight-rules {
  float: right;
  margin-top: 14px;
}
.flight-wrap .flight-rules img {
  width: 15px;
  margin-right: 3px;
}
.flight-wrap .flight-rules a {
  font-size: 14px;
  color: #212121;
}
.flight-wrap .flydetail {
  float: right;
  margin-top: 14px;
  padding-right: 8px;
}
.flight-wrap .flydetail img {
  width: 15px;
  margin-right: 3px;
}
.flight-wrap .flydetail a {
  font-size: 14px;
  color: #212121;
}
.flight-wrap .flydetail .youth_price {
  font-size: 14px;
  color: #212121;
}
.flight-wrap .spinner {
  float: right;
  margin-left: 40px;
  margin-right: 5px;
  margin-top: 5px;
  width: 80px;
}
.flight-wrap .price-box {
  float: right;
  text-align: right;
  margin-top: 6px;
}
.flight-wrap .resurs {
  float: left;
  margin-top: -3px;
  padding-right: 15px;
  color: black;
  text-decoration: underline;
}
.flight-wrap .resurs .resurs_text {
  text-align: left;
  font-size: 13px;
  font-weight: 200;
}
.flight-wrap .resurs .resurs_price {
  font-size: 16px;
}
.flight-wrap .price {
  font-size: 18px;
  text-align: right;
  margin-bottom: 4px;
  float: right;
}
.flight-wrap .smallprice {
  font-size: 13px;
  font-weight: 200;
  text-align: right;
  float: right;
  clear: right;
}

.places-left {
  font-weight: bold;
  font-size: 14px;
  color: red;
  margin-top: -10px;
}

.price_type {
  font-weight: bold;
  font-size: 14px;
  color: blue;
  margin-top: -10px;
  float: right;
}

.airport_change_new {
  color: #000;
  font-weight: 400;
  margin: -5px 0 10px 0;
  font-size: 12px;
  padding: 3px;
  background-color: #EEE;
  text-align: center;
}

.airport_change_new_intern {
  color: #000;
  font-weight: 400;
  margin: 5px 0 5px -12px;
  font-size: 12px;
  padding: 3px;
  background-color: #EEE;
  text-align: center;
  width: 111%;
  display: inline-block;
  float: left;
  line-height: 20px;
}

.multiple_tickets {
  font-size: 13px;
  font-weight: 800;
  background: bisque;
  color: black;
  padding-left: 5px;
  width: -moz-max-content;
  width: max-content;
  min-width: 230px;
  margin-bottom: 10px;
  cursor: pointer;
}
.multiple_tickets img {
  width: 10px;
  margin-right: 2px;
}

.text-info {
  font-size: 13px;
  font-weight: 400;
  background: #5b2929;
  color: white;
  margin-top: 5px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #000000;
  border-radius: 3px;
}

.price-box .total-price {
  float: left;
}

.price-box .pax-price {
  float: left;
  padding-right: 20px;
  margin-top: 5px;
}

.price-box .pax-price .price {
  font-size: 16px;
}

.price-box .pax-price .smallprice {
  font-size: 12px;
  margin-top: -8px;
}

.flight-sc {
  font-size: 16px;
  line-height: normal;
  overflow: auto;
  margin-top: 8px;
  margin-bottom: 5px;
}

.flight-sc-no-top-margin {
  margin-top: 0px;
}

.flight-sc-last {
  margin-top: 5px;
  margin-bottom: 0px;
}

.flight-sc ul {
  margin: 0 0 5px;
  display: block;
  width: 100%;
  float: left;
}

.flight-sc ul li {
  float: left;
  padding-bottom: 8px;
}

.flight-sc div.divider {
  float: left;
  width: 100%;
  height: 20px;
}

.flight-sc .table-header {
  border: 1px solid #696969;
}

.flight-sc .table-header li {
  color: #ffffff;
  padding: 2px 2px 2px 5px;
  font-size: 14px;
  border-right: 1px solid #717171;
}

.flight-sc .table-header li.empty {
  width: 3%;
}

.flight-sc .table-header li.li_1 {
  width: 13%;
}

.flight-sc .table-header li.li_2 {
  width: 20%;
}

.flight-sc .table-header li.li_3 {
  width: 12%;
}

.flight-sc .table-header li.li_4 {
  width: 19.5%;
}

.fly-schedule-wide .flight-sc .table-header li.li_5 {
  width: 10%;
}

.flight-sc .table-header li.li_5 {
  width: 12%;
}

.fly-schedule-wide .flight-sc .table-header li.li_6 {
  width: 5%;
}

.flight-sc .table-header li.li_6 {
  width: 6.7%;
}

.fly-schedule-wide .flight-sc .table-header li.li_7 {
  width: 5.2%;
}

.flight-sc .table-header li.li_7 {
  width: 7.8%;
}

.flight-sc .table-header li.li_8 {
  border-right: none;
}

.fly-schedule-wide .flight-sc .table-header li.li_9 {
  width: 7%;
}

.flight-sc-layout {
  width: 100%;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 10px;
  overflow-x: hidden;
}

.flight-sc-layout .none {
  display: none;
}

.cabin-info {
  font-size: 16px;
  color: #373737;
  font-weight: bold;
}

.cabin-info span {
  font-weight: 100;
}

.cabin-info span.link {
  text-decoration: underline;
  cursor: pointer;
}

.tip_cabin {
  display: table;
}

.tip_cabin .row {
  display: table-row;
  height: 22px;
}

.tip_cabin .header {
  display: table-row;
  font-weight: 400;
  height: 30px;
}

.tip_cabin .from {
  display: table-cell;
  min-width: 200px;
}

.tip_cabin .to {
  display: table-cell;
  min-width: 200px;
}

.tip_cabin .cabin {
  display: table-cell;
}

.tip_text {
  max-width: 700px;
  white-space: pre-line;
}

.tip_text .header {
  padding-bottom: 10px;
  font-weight: bold;
}

.flight-technical-stop {
  clear: left;
  padding-left: 20px;
  padding-top: 6px;
  color: #241EAF;
  font-size: 13px;
}

#selected_flight {
  float: left;
  display: inline-block;
  width: 65%;
  padding-left: 15px;
}

.itinerary_no_bags .table-header li.li_1 {
  width: 13%;
}
.itinerary_no_bags .table-header li.li_2 {
  width: 22.5%;
}
.itinerary_no_bags .table-header li.li_3 {
  width: 11.9%;
}
.itinerary_no_bags .table-header li.li_4 {
  width: 22.9%;
}
.itinerary_no_bags .table-header li.li_5 {
  width: 12.5%;
}
.itinerary_no_bags .table-header li.li_6 {
  width: 7.4%;
}
.itinerary_no_bags .time-box .time-1 {
  width: 13.4%;
}
.itinerary_no_bags .time-box .time-dep_airport,
.itinerary_no_bags .time-box .time-arr_airport {
  width: 25%;
}
.itinerary_no_bags .time-box .time-2 {
  width: 13.5%;
}
.itinerary_no_bags .time-box .time-carrier {
  width: 14.7%;
}

.itinerary .climate {
  background-color: #90f0b4;
  border-radius: 5px;
  font-size: 13px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 10px;
  padding-right: 5px;
}
.itinerary .climate sub {
  bottom: -0.25em;
  position: relative;
  vertical-align: baseline;
}

.itinerary .cfar {
  background-color: #ffb800;
  border-radius: 5px;
  font-size: 13px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 10px;
  padding: 2px 5px 2px 5px;
}
.itinerary .cfar sub {
  bottom: -0.25em;
  position: relative;
  vertical-align: baseline;
}

.offer_hotel_addon {
  width: 100%;
  border-radius: 3px;
  background: #FFF;
  border: 1px solid #949494;
  min-height: 62px;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
}

.offer_hotel_addon .body {
  float: left;
  font-size: 24px;
  line-height: 24px;
  padding: 12px 0;
  width: 85%;
}

.offer_hotel_addon .y-button {
  float: right;
  border: 1px solid #949494;
  border-radius: 3px;
}

.hotel_info {
  width: 800px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-right: 5px;
  padding-left: 5px;
}

.hotel_info .name_group {
  float: left;
  margin-bottom: 15px;
  width: 475px;
}

.hotel_info .name {
  float: left;
  padding-right: 10px;
  padding-top: 2px;
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 5px;
}

.hotel_info .address {
  clear: left;
}

.hotel_info #map-canvas {
  border-radius: 3px;
  border: 1px solid #949494;
  float: right;
  margin: 10px 0 15px 15px;
}

.hotel_info a {
  color: #000000;
}

.hotel_info a:hover {
  text-decoration: underline;
}

.hotel_info .top {
  display: inline-block;
}

.hotel_info .description {
  text-align: justify;
  font-size: 12px;
}

.hotel_info .facilities {
  margin-top: 10px;
  margin-left: 20px;
}

.hotel_info .facilities ul {
  list-style-type: square;
}

.hotel_info .facilities li {
  float: left;
  padding-bottom: 6px;
  font-size: 14px;
  width: 33%;
}

.hotel_info .image_wrap .image {
  border-radius: 3px;
  border: 1px solid #949494;
  margin-bottom: 12px;
}

.hotel_info .image_wrap .image:nth-child(odd) {
  float: left;
}

.hotel_info .image_wrap .image:nth-child(even) {
  float: right;
}

.hotel_info hr {
  clear: left;
  margin-bottom: 10px;
}

.hotel_result .rooms {
  clear: right;
}

.hotel_result .dates {
  font-size: 14px;
  padding-top: 10px;
  font-weight: 400;
}

.hotel_result .description {
  margin-top: 5px;
  display: inline-block;
}

.hotel_result .description a {
  color: #241EAF;
}

.hotel_result .description a:hover {
  text-decoration: underline;
}

.hotel_result .price-box-hotel {
  float: right;
  padding-top: 8px;
}

.hotel_result .resurs {
  float: left;
  margin-top: -3px;
  padding-right: 15px;
}
.hotel_result .resurs a {
  color: black;
  text-decoration: underline;
}
.hotel_result .resurs .resurs_text {
  text-align: left;
  font-size: 15px;
  font-weight: 200;
}
.hotel_result .resurs .resurs_price {
  font-size: 20px;
}

.hotel_result {
  border-radius: 3px;
  background: #FFF;
  font-size: 16px;
  color: #000;
  margin: 0 0 15px;
  border: 1px solid #949494;
  clear: left;
  width: 100%;
  height: 225px;
  float: left;
  display: table;
  padding-bottom: 3px;
}

.hotel_result .image_wrap {
  padding: 10px;
  float: left;
  width: 270px;
}

.hotel_result .image {
  overflow: hidden;
  float: left;
  border-radius: 3px;
  border: 1px solid #949494;
  width: 250px;
  height: 200px;
}

.hotel_result .other_images {
  clear: left;
  width: 256px;
}

.hotel_result .small_image {
  overflow: hidden;
  width: 63px;
  height: 40px;
  float: left;
  padding-top: 3px;
}

.hotel_result .information {
  padding: 10px;
  margin-left: 260px;
}

.hotel_result .name {
  font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #241EAF;
  float: left;
  padding-right: 8px;
  padding-bottom: 0px;
  max-width: 340px;
  cursor: pointer;
}

.hotel_result .address {
  cursor: pointer;
  clear: left;
  font-size: 12px;
  padding-top: 5px;
}

.hotel_result .address a {
  color: #000000;
}

.hotel_result .address a:hover {
  text-decoration: underline;
}

.hotel_result .address img {
  width: 18px;
  padding-left: 5px;
}

.hotel_result .rating {
  float: left;
}

.hotel_result .name_group {
  float: left;
  max-width: 285px;
}

.hotel_result .hotel_clear {
  clear: right;
}

.hotel_result .tripadvisor {
  float: right;
  padding-left: 30px;
  width: 173px;
  font-size: 14px;
}

.hotel_result .price {
  font-size: 30px;
  margin-bottom: 4px;
}

.hotel_result .smallprice {
  font-size: 15px;
  float: right;
}

.hotel_result .rooms .room .headline {
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}

.hotel_result .rooms .room .headline .pax-text {
  font-weight: normal;
  display: inline;
  color: #a0a0a0;
  font-size: 12px;
  padding-left: 5px;
}

.hotel_result .options {
  font-size: 16px;
  line-height: normal;
  overflow: auto;
}

.hotel_result .options ul {
  display: block;
  width: 100%;
}

.hotel_result .options .table {
  display: block;
  width: 100%;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  margin-bottom: 5px;
  cursor: pointer;
}

.hotel_result .options .table:last-child {
  margin-bottom: 0;
}

.hotel_result .options .table li {
  display: inline-block;
}

.hotel_result .options .table li.radio {
  width: 3.5%;
  padding: 8px;
}

.hotel_result .options .table li.li_1 {
  width: 46%;
  padding: 8px;
}

.hotel_result .options .table li.li_2 {
  width: 31%;
  padding: 8px;
}

.hotel_result .options .table li.li_3 {
  width: 17%;
  border-right: none;
  padding: 8px;
  text-align: right;
  white-space: nowrap;
}

.hotel_result .selected_hotel {
  background-color: #fcf8e6;
}

.hotel_result_gallery {
  width: 77%;
  border-radius: 3px;
  background: #FFF;
  font-size: 16px;
  color: #000;
  margin: 0 0 15px;
  border: 1px solid #949494;
  clear: left;
  height: 225px;
  float: left;
  display: table;
  padding-bottom: 3px;
  padding-right: 10px;
}

.hotel_result_gallery .image_wrap {
  padding: 5px 0px 5px 10px;
  float: left;
}

.hotel_result_gallery .image {
  overflow: hidden;
  float: left;
  border-radius: 3px;
  border: 1px solid #949494;
  margin: 1px;
  width: 235px;
  height: 200px;
}

.hotel_result_gallery .information {
  float: left;
  width: 100%;
  padding: 10px 10px 0;
}

.hotel_result_gallery .name {
  font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #241EAF;
  float: left;
  padding-right: 8px;
  padding-bottom: 0px;
  max-width: 340px;
  cursor: pointer;
}

.hotel_result_gallery .address {
  cursor: pointer;
  clear: left;
  font-size: 12px;
  padding-top: 5px;
}

.hotel_result_gallery .address a {
  color: #000000;
}

.hotel_result_gallery .address a:hover {
  text-decoration: underline;
}

.hotel_result_gallery .address img {
  width: 18px;
  padding-left: 5px;
}

.hotel_result_gallery .rating {
  float: left;
}

.hotel_result_gallery .name_group {
  float: left;
  max-width: 340px;
}

.hotel_result_gallery .price-box-hotel {
  float: right;
  padding-top: 8px;
}

.hotel_result_gallery .resurs {
  float: left;
  margin-top: -3px;
}

.hotel_result_gallery .resurs_text {
  font-size: 15px;
}

.hotel_result_gallery .resurs_price {
  padding-right: 30px;
  font-size: 20px;
}

.hotel_result_gallery .price {
  font-size: 30px;
  margin-bottom: 4px;
}

.hotel_result_gallery .smallprice {
  font-size: 15px;
  float: right;
}

.hotel_result_gallery .more_info {
  padding: 10px;
}

.hotel_result_gallery .rooms .room .headline {
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}

.hotel_result_gallery .rooms .room .headline .pax-text {
  font-weight: normal;
  display: inline;
  color: #a0a0a0;
  font-size: 12px;
  padding-left: 5px;
}

.hotel_result_gallery .description {
  clear: left;
}

.hotel_result_gallery .options {
  font-size: 16px;
  line-height: normal;
  overflow: auto;
  padding-top: 10px;
}

.hotel_result_gallery .options ul {
  margin: 0 0 5px;
  display: block;
  width: 100%;
  float: left;
}

.hotel_result_gallery .options li {
  float: left;
}

.hotel_result_gallery .options .table-header {
  background-color: #373737;
  border: 1px solid #696969;
}

.hotel_result_gallery .options .table-header li {
  color: #ffffff;
  padding: 2px 2px 2px 5px;
  font-size: 14px;
  border-right: 1px solid #717171;
}

.hotel_result_gallery .options .table-header li.empty {
  width: 4%;
}

.hotel_result_gallery .options .table-header li.li_1 {
  width: 46%;
}

.hotel_result_gallery .options .table-header li.li_2 {
  width: 31%;
}

.hotel_result_gallery .options .table-header li.li_3 {
  width: 18%;
  border-right: none;
}

.hotel_result_gallery .options .table {
  width: 100%;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  margin-bottom: 5px;
  cursor: pointer;
}

.hotel_result_gallery .options .table li.radio  {
  width: 3.5%;
  padding: 8px;
}

.hotel_result_gallery .options .table li.li_1 {
  width: 46%;
  padding: 8px;
}

.hotel_result_gallery .options .table li.li_2 {
  width: 31%;
  padding: 8px;
}

.hotel_result_gallery .options .table li.li_3 {
  width: 17%;
  border-right: none;
  padding: 8px;
  white-space: nowrap;
}

.hotel_result_gallery .selected_hotel {
  background-color: #fcf8e6;
}

.hotel_info hr {
  clear: left;
  margin-bottom: 10px;
}

.hotel_info .tripadvisor {
  width: 100%;
}
.hotel_info .tripadvisor .tripadvisor_image {
  float: left;
}
.hotel_info .tripadvisor .tripadvisor_image .tripadvisor_image_text {
  font-size: 14px;
  display: inline-block;
  float: right;
  padding-top: 2px;
  padding-left: 5px;
}
.hotel_info .tripadvisor .tripadvisor_logo {
  float: right;
  width: 120px;
}
.hotel_info .tripadvisor .tripadvisor_logo img {
  width: 100%;
}
.hotel_info .tripadvisor .tripadvisor_logo .tripadvisor_logo_text {
  font-size: 12px;
}
.hotel_info .tripadvisor .tripadvisor_ranking {
  clear: left;
  font-weight: bold;
  font-size: 12px;
}
.hotel_info .tripadvisor .tripadvisor_ratings {
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.hotel_info .tripadvisor .tripadvisor_ratings .ratings {
  display: table;
  padding-top: 5px;
  font-weight: normal;
  font-size: 12px;
}
.hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating {
  display: table-row;
}
.hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating_name {
  display: table-cell;
  width: 100px;
}
.hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating_value {
  display: table-cell;
}
.hotel_info .tripadvisor .rating_counts {
  display: table;
  padding-top: 35px;
  font-size: 12px;
  float: right;
}
.hotel_info .tripadvisor .rating_counts .rating_count {
  display: table-row;
}
.hotel_info .tripadvisor .rating_counts .rating_count .rating_count_name {
  display: table-cell;
  width: 100px;
  float: left;
}
.hotel_info .tripadvisor .rating_counts .rating_count .rating_box {
  display: table-cell;
}
.hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_background {
  border: 1px solid #000000;
  width: 100px;
  height: 15px;
  float: left;
}
.hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_fill {
  background-color: #5B9546;
  height: 13px;
}
.hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_value {
  float: right;
  width: 35px;
  padding-left: 5px;
  margin-top: -2px;
}
.hotel_info .tripadvisor .latest_reviews {
  clear: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
  display: table;
}
.hotel_info .tripadvisor .latest_reviews .review {
  font-weight: normal;
  font-size: 12px;
  clear: left;
  padding-bottom: 15px;
}
.hotel_info .tripadvisor .latest_reviews .review:first-child {
  padding-top: 10px;
}
.hotel_info .tripadvisor .latest_reviews .review .reviewer {
  float: left;
  width: 150px;
  min-height: 60px;
}
.hotel_info .tripadvisor .latest_reviews .review .reviewer .reviewer_name {
  font-weight: bold;
  height: 20px;
}
.hotel_info .tripadvisor .latest_reviews .review .reviewer .reviewer_text {
  font-weight: bold;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body {
  margin-left: 160px;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_headline {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_rating {
  float: left;
  padding-right: 5px;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_rating img {
  width: 50px;
  padding-top: 4px;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_date {
  color: #888888;
}
.hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_text a {
  text-decoration: underline;
}
.hotel_info .tripadvisor .tripadvisor_final_links {
  margin-left: 160px;
  font-size: 12px;
  float: left;
}
.hotel_info .tripadvisor .tripadvisor_final_links a {
  text-decoration: underline;
}
.hotel_info .tripadvisor .tripadvisor_final_text {
  font-size: 10px;
  color: #888888;
  text-align: right;
}

.fake-itinerary {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #949494;
  height: 290px;
  border-radius: 3px;
  margin: 0 0 15px;
}

.fake-itinerary-airline,
.fake-itinerary-price,
.fake-itinerary-button {
  display: inline-block;
  margin: 10px;
  width: 120px;
  height: 40px;
}

.fake-itinerary-price,
.fake-itinerary-button {
  width: 200px;
  float: right;
}

.fake-itinerary-container {
  padding: 10px;
}

.fake-itinerary-itinerary {
  width: 100%;
}

.fake-itinerary-itinerary tr {
  height: 28px;
}

div.fake-itinerary-br {
  height: 20px;
}

tr.fake-itinerary-br {
  height: 5px;
}

td.fake-itinerary-br {
  width: 20px;
}

.topsearch {
  width: 100%;
}
.topsearch .init {
  width: 100%;
  display: inline-block;
  padding: 0 15px 5px 20px;
}
.topsearch .init .search_text {
  display: inline;
  font-size: 25px;
  line-height: 35px;
}
.topsearch .init .search_text .bold {
  font-weight: 400;
}
.topsearch .init .buttons {
  position: relative;
  display: inline-block;
  float: right;
}
.topsearch .elements {
  display: none;
}

.page_step_1_air_small {
  margin-top: -15px;
}

.overlay {
  opacity: 0.3;
  filter: alpha(opacity=30);
  pointer-events: none;
}

.clicked_hotel {
  margin-top: 10px;
}

div.fancyclose a.fancybox-close,
div.fancybox-type-image a.fancybox-close {
  display: inherit;
}

.filter ul li span.filter_value {
  padding-left: 0px;
}

.map_frame {
  width: 77%;
}

#map_canvas {
  height: 600px;
  border-radius: 3px;
  border: 1px solid #949494;
}

.map_info {
  width: 300px;
  height: 40px;
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}

.map_info .image {
  float: left;
  padding-right: 5px;
}

.map_info .image img {
  max-width: 60px;
  max-height: 60px;
}

.map_info .stars img {
  width: 10px;
  height: 10px;
  float: left;
}

.map_info .name {
  white-space: nowrap;
  font-weight: bold;
}

.map_info .price {
  float: left;
  padding-left: 10px;
  line-height: 11px;
}

.blue-title {
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 30px;
  margin: 0 0 10px 0;
  padding: 10px 0 15px 0;
}

.blue-title .small {
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 5px 0 0px 0;
}

.yellow-title .small {
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 5px 0 0px 0;
}

.blue-title .depart {
  float: left;
  padding: 0 0 0 40px;
}

.blue-title .return {
  float: right;
  padding: 0 0 0 40px;
}

.right_banner {
  float: right;
  padding-bottom: 15px;
}
.right_banner img {
  border-radius: 5px;
}

.missing_meta {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #000;
}

.fly-schedule-remove {
  opacity: 0.2;
  display: none;
}

.fly-schedule-removed_reason {
  background-color: bisque;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  padding: 4px;
  float: left;
  width: 100%;
  display: none;
}

.fly-schedule-meta {
  border: 1px solid #241EAF;
}

.fly-schedule .flight-message {
  background-color: #241EAF;
  padding: 10px 10px 10px 14px;
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
}

div.more-search-options {
  float: left;
  width: 45%;
  text-align: right;
  margin-top: 2px;
}

div.more-search-options a {
  color: #000000;
  text-decoration: underline;
}

.time-technical-stop {
  color: #241EAF;
}

.top-field {
  display: inline-block;
  width: 100%;
}

.tripadvisor .tripadvisor_image {
  float: left;
}

.tripadvisor .tripadvisor_rating {
  float: right;
  font-weight: bold;
  font-size: 14px;
  padding-top: 1px;
}

.tripadvisor .tripadvisor_reviews {
  font-size: 13px;
  clear: both;
}

.tripadvisor .tripadvisor_reviews a {
  color: #000000;
  text-decoration: underline;
}

.price-box-hotel .total-price {
  float: left;
}

.price-box-hotel .pax-price {
  display: none;
  float: left;
  padding-right: 30px;
  margin-top: 5px;
}

.price-box-hotel .pax-price .price {
  font-size: 20px;
}

.price-box-hotel .pax-price .smallprice {
  font-size: 12px;
  margin-top: -8px;
}

.departure-title {
  padding: 0;
  float: left;
}

.arrival-title {
  padding: 0;
}

div.fastest {
  color: #000000;
}

.time-radio {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.time-extra_info {
  color: #939393;
  font-size: 12px;
  float: left;
  padding-top: 4px;
}

.long_connection_icon {
  width: 10px;
  margin-left: 2px;
}

.departure-airline {
  color: #000000;
  font-size: 14px;
  float: left;
  padding-left: 10px;
  padding-top: 2px;
}

.your_pick {
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
  padding-top: 5px;
}

.bag-text {
  color: #212121;
  font-size: 14px;
  float: left;
  padding-left: 15px;
  margin-top: 8px;
  width: 50%;
}

.bag-text-bottom {
  color: #212121;
  font-size: 14px;
  float: left;
  padding-left: 15px;
  margin-top: 0px;
  width: 65%;
}

.selected_flight {
  background-color: #fcf8e6;
}

div.baggage_text {
  float: left;
  font-weight: 400;
  padding-bottom: 5px;
}

div.fly-schedule-wide div.baggage div.passenger div.leg {
  width: 280px;
}

#flight_rules_loading {
  text-align: center;
  margin-top: 100px;
  background-repeat: no-repeat;
  height: 125px;
  font-size: 20px;
}

a.rules-close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: left;
  position: absolute;
  top: 1px;
  right: 20px;
}

.price-cal {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.price-cal ul {
  float: left;
  width: 100%;
}

.price-cal ul li {
  float: left;
  text-align: right;
  padding: 8px 10px;
}

.price-cal ul.price-cal-title {
  border-radius: 3px;
  padding: 3px 0;
  margin: 0 0 5px 0;
}

.price-cal ul li.travelers {
  width: 35%;
  text-align: left;
}

.price-cal ul li.number {
  width: 10%;
}

.price-cal ul li.flights-price {
  width: 15%;
}

.price-cal ul li.tax {
  width: 20%;
}

.price-cal ul li.subtotal {
  width: 20%;
}

.price-cal-wrap .hr {
  margin: 10px 0;
}

.price-cal-wrap .total-text {
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.price-cal-wrap .total {
  float: right;
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.price-cal-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0 0;
}

.flight-rules-wrap {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

.flight-rules-wrap strong {
  font-weight: 600;
}

.flight-rules-wrap .rules_box {
  border: 1px solid #CCC;
  width: 500px;
  display: table;
  margin-bottom: 15px;
  padding: 5px;
}

.flight-rules-wrap h1 {
  font-size: 24px;
  font-weight: bold;
  color: #0f1f24;
}

.flight-rules-wrap p {
  font-size: 14px;
  font-weight: normal;
  color: #0f1f24;
}

.flight-rules-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0 0;
}

#error_screen {
  width: auto;
}

#error_screen a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0 0;
}

.spinner {
  padding: 4px 0;
}

.seat-info {
  color: #dc0000;
  font-weight: bold;
}

.price-calculation {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.price-calculation ul {
  float: left;
  width: 100%;
}

.price-calculation ul li {
  float: left;
  margin: 0 20px;
  text-align: right;
  padding: 8px 0;
}

.price-calculation ul.price-cal-title {
  border-radius: 3px;
  padding: 3px 0;
  margin: 0 0 5px 0;
}

.price-calculation ul li.number {
  width: 25px;
  text-align: left;
}

.price-calculation ul li.travelers {
  text-align: left;
  width: 140px;
}

.price-calculation ul li.flights-dec {
  text-align: left;
  width: 535px;
}

.price-calculation ul li.subtotal {
  width: 90px;
  float: right;
  text-align: right;
}

.price-calculation-wrap .hr {
  margin: 10px 0;
}

.price-calculation-wrap .total-text {
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.price-calculation-wrap .total {
  float: right;
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.price-calculation-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0 0;
}

.ui-slider {
  height: 12px;
  position: relative;
  text-align: left;
  border-radius: 10px;
}

.ui-slider-handle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  border-radius: 25px;
  top: -4px;
  margin-left: -5px;
}

.ui-slider-range {
  position: absolute;
  border: 0;
  top: 0;
  height: 100%;
  border-radius: 25px;
  width: 100%;
}

.switchfilter {
  border-radius: 0 0 3px 3px;
}

.switchfilter ul li {
  float: left;
  margin: 0 0px 10px 0;
  width: 100%;
}

.switchfilter ul li .caption {
  display: block;
  margin: 0 10px 0 0;
  width: 160px;
  float: left;
  padding: 2px 0;
}

.sponsor {
  float: left;
  padding-right: 5px;
  padding-bottom: 15px;
}

.ui-slider {
  width: 93%;
  margin-left: 3px;
}

.airlinefilter {
  padding-bottom: 30px;
}

.airlinefilter ul {
  width: 100%;
  float: left;
}

.airlinefilter ul li {
  float: left;
  font-size: 16px;
  margin: 7px 0 0;
  width: 100%;
}

.airlinefilter ul li span {
  padding-left: 10px;
}

.connectionfilter {
  padding-bottom: 30px;
}

.connectionfilter ul {
  width: 100%;
  float: left;
}

.connectionfilter ul li {
  float: left;
  font-size: 16px;
  margin: 7px 0 0;
  width: 100%;
}

.connectionfilter ul li span {
  padding-left: 10px;
}

.location_name {
  display: inline-block;
  padding-right: 3px;
  max-width: 79%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  position: relative;
  top: 4px;
  line-height: 18px;
}

.location_count {
  display: inline;
}

/*=== Dropdown Menu */
a.paxmenu {
  font-size: 18px;
  border-radius: 3px;
  line-height: normal;
  padding: 0 10px;
  width: 100%;
  height: 38px;
  float: left;
  cursor: pointer;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 400;
}

a.paxmenu img {
  float: right;
  margin: 10px 0 0 0;
}

ul.paxsection {
  position: absolute;
  top: 40px;
  right: 15px;
  width: 120%;
  z-index: 1;
  display: none;
}

ul.paxsection li {
  border-radius: 3px;
  padding: 5px 10px;
  float: left;
  width: 100%;
  height: 38px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

ul.paxsection li img {
  float: left;
  margin: 0 15px 0 0;
}

ul.paxsection li .countersec img {
  cursor: pointer;
  float: left;
  margin: 3px 0;
}

ul.paxsection li span {
  float: left;
}

ul.paxsection li .countersec {
  float: right;
}

ul.paxsection li span {
  width: 30px;
  text-align: center;
}

/*=== Dropdown Menu */
.view-buttons {
  clear: left;
}

.y-img-button a.list_view {
  padding: 0 35px 0 0;
}

.y-img-button a.gallery_view {
  padding: 0 35px 0 0;
}

.y-img-button a.map_view {
  padding: 0 35px 0 0;
}

.y-img-button {
  padding: 0 15px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #949494;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.y-img-button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #2311b2;
}

.sponsor {
  float: left;
  padding-right: 5px;
  line-height: 40px;
  padding-bottom: 15px;
  font-weight: 400;
}

.sort_by_group .sort_by li {
  float: left;
  width: 33.33%;
  border: 1px solid #949494;
  border-right: none;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 20px;
  cursor: pointer;
}
.sort_by_group .sort_by li.ui-btn-active {
  font-weight: 400;
}
.sort_by_group .sort_by li:first-of-type {
  -webkit-border-right-radius: 3px 0px 0px 3px;
  -moz-border-right-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.sort_by_group .sort_by li:last-of-type {
  border-right: 1px solid #949494;
  -webkit-border-right-radius: 0px 3px 3px 0px;
  -moz-border-right-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}

.sort_by_group .sort_by .small_text {
  font-size: 10px;
  line-height: 10px;
}

.sort_by_group .sort_by li:nth-last-child(1),
.sort_by_group .sort_by li:nth-last-child(1) ~ li {
  width: 100%;
}

.sort_by_group .sort_by li:nth-last-child(2),
.sort_by_group .sort_by li:nth-last-child(2) ~ li {
  width: 50%;
}

.sort_by_group .sort_by li:nth-last-child(3),
.sort_by_group .sort_by li:nth-last-child(3) ~ li {
  width: 33.3333333333%;
}

.sort_by_group .sort_by li:nth-last-child(4),
.sort_by_group .sort_by li:nth-last-child(4) ~ li {
  width: 25%;
}

.sort_by_group .sort_by li:nth-last-child(5),
.sort_by_group .sort_by li:nth-last-child(5) ~ li {
  width: 20%;
}

.sort_by_group .sort_by li:nth-last-child(6),
.sort_by_group .sort_by li:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}

.fake-sort_by_group-container {
  height: 55px;
  margin-bottom: 20px;
}

.fake-sort_by_group-container .sort_by_group .sort_by li {
  height: 62px;
  cursor: default;
}

.fake-sort_by_group-container .sort_by_group .sort_by li:hover {
  background-color: #E2E2E6;
}

.fake-sort_by_group-container .sort_by_group .sort_by li div {
  margin: auto;
  width: 100px;
  height: 24px;
  animation: fakeSortButtonBgKeyFrame 1s infinite;
}

@keyframes fakeSortButtonBgKeyFrame {
  0% {
    background-color: #d9d9de;
  }
  50% {
    background-color: #d8d8de;
  }
  100% {
    background-color: #d9d9de;
  }
}
.step_2_form_old #trav_0_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_0_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_0_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_0_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_0_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_0_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_0_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_0_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_0_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_1_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_1_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_1_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_1_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_1_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_1_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_1_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_1_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_1_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_2_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_2_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_2_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_2_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_2_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_2_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_2_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_2_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_2_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_3_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_3_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_3_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_3_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_3_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_3_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_3_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_3_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_3_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_4_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_4_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_4_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_4_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_4_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_4_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_4_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_4_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_4_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_5_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_5_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_5_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_5_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_5_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_5_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_5_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_5_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_5_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_6_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_6_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_6_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_6_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_6_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_6_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_6_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_6_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_6_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_7_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_7_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_7_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_7_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_7_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_7_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_7_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_7_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_7_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_8_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_8_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_8_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_8_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_8_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_8_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_8_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_8_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_8_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_9_birthday_day {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_9_birthday_month {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_9_birthday_year {
  width: 50%;
  margin: 0 5px;
}
.step_2_form_old #trav_9_birthday_day-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_9_birthday_month-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_9_birthday_year-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
}
.step_2_form_old #trav_9_birthday_month-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_9_birthday_year-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old #trav_9_birthday_day-menu {
  height: 242.333px;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.step_2_form_old span.bottom-newsletter-text {
  float: left;
  line-height: 40px;
  font-size: 18px;
  margin: 0 0px 0 20px;
  text-decoration: none;
}
.step_2_form_old .toggle_bonuscard_link {
  color: #000;
  text-decoration: underline;
  padding-top: 5px;
  display: inline-block;
  padding-left: 110px;
}
.step_2_form_old #toggle_seating_link {
  color: #000;
  text-decoration: underline;
  padding-top: 5px;
  display: inline-block;
  padding-left: 110px;
}
.step_2_form_old .bottom-condition {
  float: right;
  margin: 20px 0 0 0;
}
.step_2_form_old .bottom-condition label {
  float: left;
  margin: 0 0 0 50px;
}
.step_2_form_old .bottom-condition span {
  float: left;
  line-height: 40px;
  font-size: 18px;
  margin: 0 0px 0 20px;
}
.step_2_form_old .bottom-condition-text a {
  color: #000;
  text-decoration: underline !important;
}
.step_2_form_old .birthday_info {
  width: 400px !important;
  display: flex;
}

.session_timer {
  width: 100%;
  border-radius: 3px;
  background: #FFF;
  font-size: 22px;
  color: #000;
  margin: 0 0 15px;
  border: 1px solid #949494;
  padding: 10px 20px 10px 20px;
}

.session_timer .time_left {
  color: #972422;
  font-weight: bold;
  font-size: 25px;
}

.session_timeout {
  display: none;
}

.custom-checkbox-conditions,
.custom-checkbox-newsletter,
.custom-checkbox-integritetspolicy,
.custom-checkbox-danish {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  cursor: pointer;
}

.custom-checkbox-conditions input[type=checkbox],
.custom-checkbox-error input[type=checkbox],
.custom-checkbox-newsletter input[type=checkbox],
.custom-checkbox-integritetspolicy input[type=checkbox],
.custom-checkbox-danish input[type=checkbox] {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.custom-checkbox-conditions,
.custom-checkbox-newsletter,
.custom-checkbox-integritetspolicy,
.custom-checkbox-danish {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-1bc664cf0e5cda3f593013440a20d19a.png) no-repeat;
}
.custom-checkbox-conditions:hover,
.custom-checkbox-newsletter:hover,
.custom-checkbox-integritetspolicy:hover,
.custom-checkbox-danish:hover {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-hover-7c81124a15339485989d2fd4ee5fc189.png) no-repeat;
}
.custom-checkbox-conditions.selected,
.custom-checkbox-newsletter.selected,
.custom-checkbox-integritetspolicy.selected,
.custom-checkbox-danish.selected {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-selected-049f3ab10978a890009bd8cf86e6f001.png) no-repeat;
}

.custom-checkbox-error {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-red-edb2d32a330eddc9779799bdc333f39d.png) no-repeat;
}
.custom-checkbox-error:hover {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-hover-7c81124a15339485989d2fd4ee5fc189.png) no-repeat;
}
.custom-checkbox-error.selected {
  background: url(/packs/media/themes/general/desktop/images/site/checkbox-selected-049f3ab10978a890009bd8cf86e6f001.png) no-repeat;
}

.ui-selectmenu-button {
  margin-left: 5px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-state-active.ui-button:hover {
  background: #cdcdcd;
  color: #2311b2;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 5px 10px;
}

.ui-menu .ui-menu-item-wrapper {
  line-height: normal;
  padding: 5px 10px;
  font-size: 14px;
}

.ui-menu-item-wrapper.ui-state-active {
  margin: 0;
}

.ui-selectmenu-menu.ui-selectmenu-open {
  max-height: 300px;
  overflow-y: scroll;
}

.passenger td {
  padding-right: 10px;
  font-size: 12px;
}
.passenger td.selected-bag {
  font-weight: 400;
}

.booking-mform .profile {
  width: 38px;
}
.booking-mform .profile .ui-selectmenu-button.ui-button {
  padding: 0;
}
.booking-mform .profile .ui-selectmenu-button.ui-button .ui-selectmenu-text {
  display: none;
}
.booking-mform .profile .ui-selectmenu-button.ui-button .ui-icon {
  right: 8px;
}
.booking-mform .profile.active .ui-selectmenu-button.ui-button .ui-icon {
  transform: rotate(-90deg);
}

.select-box {
  position: relative;
  width: 252px;
  max-height: 38px;
  margin-top: 5px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid var(--border);
}

.select-box input {
  width: 100%;
  overflow: hidden;
  font-size: 1.1rem;
  height: 36px;
  border: 0.1rem solid transparent;
  outline: none;
}

.select-box ol {
  max-height: 23rem;
  width: 100%;
  list-style: none;
}

.select-box ol::-webkit-scrollbar {
  width: 0.4rem;
  height: 3rem;
}

.select-box ol li {
  display: flex;
  cursor: pointer;
  width: 300px !important;
  margin: 0px 0px 0px 5px !important;
  height: 40px;
  align-items: center;
}

.select-box ol li.hide {
  display: none;
}

.select-box ol li:hover {
  background-color: var(--select);
}

.select-box ol li .country-name {
  width: 100%;
  display: inline;
  text-align: center;
}

.select-box ol li .flag {
  display: inline-block;
  margin-left: 10px;
}

.selected-option {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: lightgrey;
}

.selected-option div {
  width: 5rem;
  position: relative;
  padding: 0 2.3rem 0 0.5rem;
  text-align: center;
  cursor: pointer;
}

.selected-option input[type=text] {
  height: 36px !important;
  border: 0px !important;
  outline: 0px !important;
}

.selected-option div::after {
  display: inline-block;
  position: absolute;
  right: 0.6rem;
  content: url("https://res.cloudinary.com/dzwdseno3/image/asset/v1502446105/selectlist-icon-5c110111ba7bf967f73337f69da0d4b7.png");
  top: 30%;
}

.selected-option div.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.select-box .options {
  position: absolute;
  width: 624px;
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  z-index: 2;
  overflow-y: scroll;
  height: 300px;
  display: none;
}

.select-box .options.active {
  display: block;
  border: 1px solid var(--border);
  padding-right: 0px;
}

.select-box .options.active ol input {
  border-bottom: 1px solid var(--border) !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 1px solid var(--border) !important;
  border-radius: 0px;
}

.select-box .options::before {
  position: absolute;
  left: 1rem;
  top: -1.2rem;
  content: "";
  width: 0;
  height: 0;
  border: 0.6rem solid transparent;
}

#step_2_submit_btn {
  font-size: 18px;
  height: 40px;
  border: 0;
  cursor: pointer;
}

.select-box ol li:not(:last-child) {
  border-bottom: 0.1rem solid #eee;
}

#profile-menu .ui-menu .ui-menu-item-wrapper {
  margin: 0;
}
#profile-menu .ui-menu .ui-menu-item-wrapper.ui-state-active {
  font-weight: bold;
}

#trav_1_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_2_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_3_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_4_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_5_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_6_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_7_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_8_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#trav_9_profile-menu.ui-menu .ui-menu-item-wrapper {
  font-family: "Roboto Condensed", sans-serif;
}

#ltd_div {
  display: none;
  padding-top: 15px;
  font-size: 13px;
  font-weight: bold;
}

#ltd_value {
  font-weight: normal;
}

.step_2_spinner {
  background: #FFF;
  width: 100%;
  border-radius: 3px;
  margin: 2px 0 0 0;
  padding: 40px;
  text-align: center;
  border: 1px solid #949494;
}
.step_2_spinner .title {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  padding: 0 0 30px 0;
}
.step_2_spinner .title span {
  font-size: 22px;
  display: block;
  padding: 10px 0 0 0;
}

#step_3_form.locale_de-DE {
  background-color: white;
  padding: 10px;
  border-radius: 5px;
}

.package-container {
  border-radius: 3px;
  clear: left;
  width: 100%;
  height: auto;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: left;
}
.package-container .package-packages .service-item-button {
  margin: 0px 20%;
}
.package-container .package-packages .service-item-button input[type=radio] {
  display: none;
}
.package-container .package-packages .service-item-button input[type=radio]:not(:disabled) ~ label {
  cursor: pointer;
}
.package-container .package-packages .service-item-button input[type=radio]:disabled ~ label {
  color: hsl(150, 5%, 75%);
  border-color: hsl(150, 5%, 75%);
  box-shadow: none;
  cursor: not-allowed;
}
.package-container .package-packages .service-item-button label {
  height: 100%;
  display: block;
  background: white;
  border: 2px solid hsl(150, 75%, 50%);
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  /*box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/
  position: relative;
}
.package-container .package-packages .service-item-button input[type=radio]:checked + label {
  background: hsl(150, 75%, 50%);
  color: hsl(215, 0%, 100%);
  /*box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);*/
}
.package-container .package-packages .service-item-button input[type=radio]#control_05:checked + label {
  background: red;
  border-color: red;
}
.package-container .package-addons, .package-container .package-item {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.package-container .package-addons-item,
.package-container .package-item-included, .package-container .package-item-excluded {
  height: 50px;
}
.package-container .package-addons {
  width: 40%;
  font-size: 16px;
}
.package-container .package-addons .package-addons-header {
  background-color: #fff;
  font-weight: 500;
  padding: 10px;
  margin-top: 19px;
  border-radius: 10px 0px 0px 0px;
  border: 1px solid #949494;
  border-right: 0px;
}
.package-container .package-addons .package-addons-item {
  border-left: 1px solid #949494;
  background-color: #fff;
  padding: 10px;
}
.package-container .package-addons .package-addons-item .package-addons-item-icon {
  height: 26px;
  width: 32px;
  padding: 5px;
  margin-right: 5px;
  display: inline-block;
}
.package-container .package-addons .package-addons-item .package-addons-item-icon img {
  width: 24px;
}
.package-container .package-addons .package-addons-item .package-addons-item-info-icon {
  width: 35px;
  display: inline-block;
  float: right;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #d2d2d2;
}
.package-container .package-addons .package-addons-item .package-addons-item-info-icon img {
  width: 24px;
}
.package-container .package-addons .package-addons-item:nth-child(even) {
  background-color: #fff;
}
.package-container .package-addons .package-addons-item:nth-child(odd) {
  background-color: #efefef;
}
.package-container .package-addons .package-addons-item.package-addons-item-last {
  border-bottom: 1px solid #949494;
  border-radius: 0px 0px 0px 10px;
}
.package-container .package-addons .package-addons-comments {
  height: 125px;
  padding: 5px;
  padding-top: 15px;
}
.package-container .package-addons .package-addons-comments .package-addons-text {
  height: 40px;
}
.package-container .package-addons .package-addons-comments .package-addons-comments-field {
  padding: 5px;
}
.package-container .package-addons .package-addons-comments .package-addons-comments-field #comment {
  min-height: 50px;
  height: 50px;
  resize: vertical;
}
.package-container .packages-2 .package-item {
  width: 50% !important;
}
.package-container .packages-3 .package-item {
  width: 33.3333333333% !important;
}
.package-container .packages-4 .package-item {
  width: 25% !important;
}
.package-container .packages-5 .package-item {
  width: 20% !important;
}
.package-container .packages-6 .package-item {
  width: 16.6666666667% !important;
}
.package-container .package-item {
  width: 33%;
  border: 1px solid #949494;
  border-right: 0px;
}
.package-container .package-item .package-item-header {
  background-color: #efefef;
  text-align: center;
  font-size: 24px;
  position: relative;
  padding: 20px;
}
.package-container .package-item .package_stamp {
  height: 80px;
  width: 80px;
  background: url(/packs/media/themes/general/desktop/images/site/addon_package_highlight-564b847a53e9bb7dfe9e21f787f25162.png) 50px no-repeat;
  background-position: center;
  position: absolute;
  top: -25px;
  right: -20px;
  background-size: cover;
  z-index: 1;
}
.package-container .package-item .package-item-included:nth-child(even),
.package-container .package-item .package-item-excluded:nth-child(even) {
  background-color: #fff;
}
.package-container .package-item .package-item-included:nth-child(odd),
.package-container .package-item .package-item-excluded:nth-child(odd) {
  background-color: #efefef;
}
.package-container .package-item .package-item-included {
  background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 20px no-repeat #ffffff;
  background-position: center;
}
.package-container .package-item .package-item-excluded {
  background: url(/packs/media/themes/general/desktop/images/site/bad-5650a794cf250d82b906d9b87c7ee2f3.png) 20px no-repeat #ffffff;
  background-position: center;
}
.package-container .package-item .package-item-last {
  border-bottom: 1px solid #949494;
}
.package-container .package-item .package-item-action {
  background-color: #fff;
  text-align: center;
  padding: 10px 0px;
  padding-top: 20px;
  height: 125px;
}
.package-container .package-item .package-item-action .price {
  font-size: 24px;
  font-weight: 500;
}
.package-container .package-item .package-item-action .person {
  font-size: 12px;
}
.package-container .package-packages .package-item:first-child {
  border-radius: 10px 0px 0px 10px;
}
.package-container .package-packages .package-item:first-child .package-item-header {
  border-radius: 10px 0px 0px 0px;
}
.package-container .package-packages .package-item:first-child .package-item-action {
  border-radius: 0px 0px 0px 10px;
}
.package-container .package-packages .package-item:last-child {
  border-right: 1px solid #949494;
  border-radius: 0px 10px 10px 0px;
}
.package-container .package-packages .package-item:last-child .package-item-header {
  border-radius: 0px 10px 0px 0px;
}
.package-container .package-packages .package-item:last-child .package-item-action {
  border-radius: 0px 0px 10px 0px;
}

.service {
  margin: 0;
  padding: 15px 0 0 0;
  float: left;
  width: 100%;
  text-align: center;
}
.service .service-packages {
  border: 0px;
}
.service .service-packages h2 {
  text-align: left;
  font-size: 28px;
}
.service li {
  vertical-align: top;
  padding: 1%;
  width: 100%;
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #949494;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  display: table;
}
.service .service-image {
  width: 20%;
  height: 150px;
  display: inline-block;
  float: left;
}
.service .service-image img {
  height: 100%;
  border-radius: 10px;
}
.service .service-item-content .service-item-top {
  text-align: left;
  height: 80px;
}
.service .service-item-content .service-item-top .service-item-text {
  display: inline-block;
  width: 70%;
}
.service .service-item-content .service-item-top .service-item-text .service-item-header {
  padding: 8px 0px;
  padding-bottom: 14px;
  line-height: 24px;
  text-align: left;
  font-size: 120%;
  font-weight: 500;
}
.service .service-item-content .service-item-top .service-item-price {
  font-size: 29px;
  color: #000;
  float: right;
  font-weight: 400;
  line-height: normal;
}
.service .service-item-content .service-item-top .service-item-price .smalltext {
  font-size: 14px;
  padding-left: 3px;
}
.service .service-item-content .service-item-bottom {
  clear: none;
  margin-top: 0px;
}
.service .service-item-content .service-item-bottom .service-item-readmore {
  display: inline-block;
  float: left;
  margin: 10px 0px;
  padding: 12px 0px;
}
.service .service-item-content .service-item-bottom .service-item-personal-number {
  display: inline-block;
  vertical-align: top;
  clear: left;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding: 18px 0px;
}
.service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-header {
  display: inline-block;
  font-size: 16px;
}
.service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-input {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}
.service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-info-icon {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-address {
  display: inline-block;
  vertical-align: top;
  clear: left;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding: 18px 0px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-address-header {
  display: inline-block;
  font-size: 16px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-address-input {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-address-input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-postal-code-input {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-postal-code-input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-city-input {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-city-input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-country-code-input {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-country-code-input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}
.service .service-item-content .service-item-bottom .service-item-address .service-item-address-info-icon {
  display: inline-block;
}
.service .service-item-content .service-item-bottom .radio-section {
  float: right;
}

.service-item-button123123 {
  padding: 0 5px;
}
.service-item-button123123.service-item-button-yes input {
  background: #59e027;
  width: 120px;
}

.ResursBank table.priceTable {
  width: 100%;
  margin: 20px 0px;
  border-collapse: collapse;
}
.ResursBank table.priceTable th,
.ResursBank table.priceTable td {
  border: 1px solid #ccc;
  padding: 10px;
}
.ResursBank p {
  margin: 10px 0px;
}

.ResursBank {
  width: 800px !important;
}
.ResursBank p {
  font-size: 14px;
  padding: 5px 0px;
}
.ResursBank span.headText {
  font-weight: bold;
}
.ResursBank table.priceTable {
  width: 100%;
  background-color: #ececec;
  border: 1px solid #d6d6d6;
}
.ResursBank table.priceTable tr td.header {
  padding: 5px;
}
.ResursBank table.priceTable tr td.content {
  padding: 5px;
  text-align: right;
}
.ResursBank table.priceTable tr.evenRow {
  background-color: #e0e0e0;
}
.payment-prodetail {
  float: left;
  width: 100%;
  color: #000000;
}
.payment-prodetail a {
  text-decoration: underline;
}
.payment-prodetail ul {
  float: left;
  width: 65%;
}
.payment-prodetail table {
  float: right;
  width: 30%;
}
.payment-prodetail table tr td:first-child {
  color: #000;
}
.payment-prodetail table tr td {
  padding: 5px;
  text-align: right;
}

.payment-prodetail ul li {
  float: left;
  line-height: 22px;
}

.payment-prodetail ul li span {
  color: #000;
}

.payment-prodetail ul li.dec {
  width: 60%;
}

.payment-prodetail ul li.dec_paypal {
  margin-top: 8px;
  width: 100%;
  color: #000000;
  padding-top: 1;
}

.payment-prodetail ul li.dec_bottom {
  width: 100%;
  font-size: 12px;
  color: #000000;
  padding-top: 10px;
}

.payment-prodetail ul li.dec_bottom a {
  color: #000000;
  text-decoration: underline;
}

.payment-prodetail ul li.price {
  width: 20%;
  text-align: right;
  padding: 0 2%;
}

.payment-prodetail ul li.total {
  width: 20%;
  text-align: right;
}

.payment-flow-container {
  width: 40%;
  margin: 0 auto;
}
.payment-flow-container .card-body {
  text-align: center;
}
.payment-flow-container .payment-logo {
  width: 50%;
  margin-top: 20px;
}
.payment-flow-container .payment-loader {
  padding-top: 40px;
}
.payment-flow-container .payment-text {
  padding: 30px 50px;
  line-height: 24px;
}
.payment-flow-container .payment-back {
  width: 50%;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 12px;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.payment-wrap {
  float: left;
  width: 100%;
}

.payment-wrap > ul {
  float: left;
  width: 100%;
}

.payment-wrap > ul > li {
  float: left;
  width: 100%;
  background: #FFF;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 1px 0;
  display: table;
  height: 100%;
}

.payment-wrap > ul > li form {
  display: table-row;
}

.payment-msec {
  display: table-cell;
  padding: 2%;
  width: 60%;
  vertical-align: top;
}

.payment-msec .title {
  font-size: 30px;
  float: left;
  width: 100%;
  color: #000;
  font-weight: 300;
  margin: 0 0 15px 0;
}

.payment-msec .title img {
  float: left;
  max-width: 140px;
}

.payment-msec .title span {
  float: left;
  padding: 3px 0 0 15px;
}

.payment-option {
  padding: 2%;
  border-left: 1px solid #efcb01;
  color: #000;
  display: inline-table;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}

.payment-option div.space {
  padding: 15px 0;
  float: left;
}

.payment-option div.text {
  display: inline;
  padding-left: 5px;
  position: relative;
  top: 15px;
}

.payment-option label {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.payment-option img {
  margin: 0 0 0 10px;
  float: left;
  max-height: 40px;
}

.payment-option input[type=text] {
  background: #e5e5e5;
  color: #000;
  font-size: 18px;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 10px 0 0 0;
  float: left;
  width: 180px;
}

.payment {
  border-radius: 0 3px 3px 0;
  width: 15%;
  display: table-cell;
  padding: 0 10px;
  height: 100%;
  text-align: center;
  vertical-align: top;
}

.payment .y-button {
  margin: 15px 0;
}

.payment .y-button a.fly {
  padding: 0 58px 0 0;
}

.page_step_4_air .custom-radio-payment_type {
  float: left;
  margin-top: 10px;
}

.custom-radio-payment_type {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  /*top: 25px;*/
  float: left;
  margin: 0 0 0 5px;
  cursor: pointer;
}

.custom-radio-payment_type input[type=radio] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.custom-radio-payment_type {
  background: url(/packs/media/themes/general/desktop/images/site/radio2-59c21dc24055472d496b9a3d6677ede1.png) no-repeat;
}

.custom-radio-payment_type:hover {
  background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat;
}

.custom-radio-payment_type.selected {
  background: url(/packs/media/themes/general/desktop/images/site/radio1-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat;
}

.payment_failure_alert {
  padding-top: 36px;
  padding-bottom: 36px;
}

.klarna-container {
  padding: 10px;
  background-color: whitesmoke;
  border-radius: 5px;
}

.top-box {
  border-radius: 3px;
  border: 1px solid #949494;
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 10px;
  height: 100px;
  padding: 20px;
  display: table;
}

.top-box div {
  float: left;
  width: 240px;
}

.top-box .header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.top-box .subheader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.booking-support-channels {
  display: flex;
  flex-direction: column;
}
.booking-support-channels div.support-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
  font-size: 16px;
}
.booking-support-channels div.support-item:hover {
  opacity: 0.8;
}
.booking-support-channels div.support-item.small {
  font-size: 12px;
}
.booking-support-channels div.support-item .support-icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  display: block;
}
.booking-support-channels div.support-item .support-text {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.booking__cta_payment {
  background-color: #dc0000;
  min-height: 70px;
  margin-bottom: 10px;
  margin-top: 0;
  display: inline-block;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  font-size: 23px;
  line-height: 1em;
  width: 100%;
}
.booking__cta_payment span {
  color: #ffffff;
  font-size: 27px;
  display: inline-block;
  margin-top: 11px;
}
.booking__cta_payment--processing {
  background-color: #fff3cd;
}
.booking__cta_payment--processing span {
  color: #000000;
}

.spacer {
  clear: both;
  margin-top: 20px;
}

.booking-product + .booking-product {
  margin-top: 10px;
}

.booking-product .header {
  float: left;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.booking-product .payment-status {
  float: right;
  font-size: 18px;
  font-weight: bold;
}

.booking-product .payment-status a.not-paid {
  text-decoration: underline;
}

.booking-product .payment-status .not-paid {
  color: #ed1d1d;
}

.booking-product .payment-status .paid {
  color: #1cc13b;
}

.booking-support-form label {
  display: block;
}
.booking-support-form input[type=text], .booking-support-form select {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.booking-support-form textarea {
  width: 100%;
  height: 150px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 8px 0;
  resize: vertical;
}

.payment_success_str {
  width: 100%;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  margin-bottom: 10px;
}

.upgrade-to-gold {
  height: 100%;
  background-color: #e7f0e8;
  margin-bottom: 10px;
  margin-top: 0;
  display: inline-block;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
}
.upgrade-to-gold .modal-trigger {
  float: right;
  margin-top: 15px;
}

.upgrade-to-gold .header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 10px;
  color: #1E23B0;
}

.upgrade-to-gold ul li {
  padding-left: 28px;
  font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 27px;
  width: 50%;
  float: left;
  background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat;
}

.upgrade-to-gold .price {
  font-weight: bold;
  font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  float: left;
  margin-top: 17px;
  margin-left: 25px;
}

.upgrade-to-gold .price .smalltext {
  font-size: 14px;
  padding-left: 12px;
}

.upgrade-to-gold .upgrade_yes {
  clear: left;
}

.upgrade-to-gold .button {
  padding: 0 15px;
  background: #16b501;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #129e00;
  float: left;
  margin-top: 15px;
}

.upgrade-to-gold .button:hover {
  background-color: #108900;
}

.upgrade-to-gold .button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.hotel_info {
  width: 800px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

div.resize-and-crop {
  overflow: hidden !important;
  display: -moz-inline-block;
  display: inline-block;
  position: relative;
}

.hotel-widget {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  display: inline-block;
  width: 100%;
}

.hotel-widget .banner {
  float: left;
  width: 165px;
}

.hotel-widget .banner img {
  width: 165px;
  border-radius: 3px;
  margin-left: 3px;
}

.hotel-widget .banner .dates {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}

.hotel-widget .banner .hotel_count {
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
}

.hotel-widget .banner .hotel_count span {
  font-size: 40px;
}

.hotel-widget .banner .see_all {
  text-align: center;
  margin-top: 29px;
}

.hotel-widget .banner .see_all a {
  color: #000000;
  text-decoration: underline;
  font-size: 100%;
}

.hotel-widget .recommended_hotels_list {
  float: right;
  padding-left: 12px;
}

.hotel-widget .hotel_img {
  border-radius: 3px 3px 0 0;
  position: relative;
  overflow: hidden;
  height: 90px;
}

.hotel-widget .hotel_review_score {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  padding: 4px 4px 3px 4px;
  border-radius: 3px;
  z-index: 9;
  text-align: center;
  font-size: 16px;
  display: block;
  min-width: 43px;
  text-decoration: none;
  width: 75px;
  line-height: 14px;
  background: #1E23B0;
}

.hotel-widget .hotel_review_score_word {
  font-size: 12px;
}

.hotel-widget .hotel_list_hotel_name {
  color: #000000 !important;
  font-size: 90%;
  display: block;
  height: 29px;
  line-height: 1.1em;
  float: left;
}

.hotel-widget .hotel_list_hotel_name h2 {
  float: left;
  font-size: 85%;
  color: #000000;
  max-width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hotel-widget .hotel_info {
  margin-top: 0;
  margin-bottom: 0;
  width: 96%;
  height: 50px;
}

.hotel-widget .hotel_info_img {
  float: left;
  margin-top: 8px;
  margin-left: 5px;
}

.hotel-widget div.hotel_price_section {
  clear: left;
}

.hotel-widget div.hotel_room_type {
  font-size: 12px;
  float: left;
}

.hotel-widget .max_occ_icon {
  background-image: url("//q.bstatic.com/static/affiliate_base/img/aff_hotel_list_max_occ/3e5bac6eefc5e7f7a7d50d1b6ec6210c7bd26a5c.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 22px;
  margin-left: 3px;
}

.hotel-widget .max_occ_type_single {
  background-position: 0 5px;
}

.hotel-widget .max_occ_type_double {
  background-position: 0 -16px;
}

.hotel-widget .max_occ_type_triple {
  background-position: 0 -35px;
}

.hotel-widget div.hotel_price_from {
  font-size: 18px;
  float: left;
  padding-top: 1px;
  padding-left: 15px;
}

.hotel-widget a.b_submitButton.book_btn_position {
  color: #000000;
  text-decoration: underline;
  float: right;
  margin-top: 1px;
}

.car-widget {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 15px 15px 5px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  display: inline-block;
  width: 100%;
}

.car-widget .wrapper {
  width: 33%;
  float: left;
  margin-left: 4px;
}

.car-widget .wrapper img.carimage {
  float: left;
  margin-right: 10px;
  width: 150px;
}

.car-widget .wrapper .make {
  font-weight: bold;
}

.car-widget .wrapper .type {
  font-size: 11px;
}

.car-widget .wrapper .icons > div {
  display: inline-block;
  padding: 0 2px 0 22px;
  line-height: 20px;
  margin: 2px 0 0 0;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 12%;
  background-repeat: no-repeat;
  cursor: default;
  font-size: 10px;
  font-weight: normal;
}

.car-widget .wrapper .seats {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -63px no-repeat;
}

.car-widget .wrapper .doors {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -129px no-repeat;
}

.car-widget .wrapper .aircon {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left 2px no-repeat;
}

.car-widget .wrapper .transmission {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -192px no-repeat;
}

.car-widget .wrapper .was {
  color: #ee301a;
  margin-top: 7px;
  font-size: 12px;
  text-decoration: line-through;
  float: left;
}

.car-widget .wrapper .now, .now2 {
  color: inherit;
  font-size: 18px;
  float: left;
  margin-left: 18px;
  margin-top: 7px;
}

.car-widget .wrapper .searchNowButton {
  text-decoration: underline;
  cursor: pointer;
  margin-top: 7px;
  float: right;
  margin-right: 33px;
}

.order-message {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 15px;
  background-color: #fff3cd;
  border: 1px solid #856404;
  color: #856404;
  border-radius: 3px;
}
.order-message .header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
.order-message p {
  font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.addon-button {
  padding: 0 15px;
  background: #16b501;
  color: #FFFFFF;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #129e00;
  float: left;
  margin-top: 15px;
}

.addon-button:hover {
  background: #108900;
}

.addon-button input[type=submit] {
  background-color: #16b501;
  color: #FFFFFF;
}

.addon-button input[type=submit]:hover {
  background-color: #108900;
}

.addon-price {
  font-weight: bold;
  font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  float: left;
  margin-top: 25px;
  margin-left: 25px;
}

.addon-header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 10px;
  color: #1E23B0;
}

.upgrade_yes_multi {
  display: flex;
  align-items: center;
}

.upgrade-to-gold .upgrade_yes_multi {
  margin-right: 16px;
}

.seating-container {
  display: flex;
  margin-left: 20px;
}

.left-column {
  margin-right: 80px !important;
}

.seatprice {
  text-align: center;
  font-size: 14px;
}

.seating:first-child {
  margin-right: 20px;
}

.seatclass {
  color: white;
  font-weight: 500;
  width: 60px !important;
}

.seatclass0 {
  background-color: #0095B7;
}

.seatclass1 {
  background-color: #C32148;
}

.seatclass2 {
  background-color: #FCD667;
}

.seatclass3 {
  background-color: #8359A3;
}

.seatclass4 {
  background-color: #fc8367;
}

.seatclass5 {
  background-color: #926F5B;
}

.seatclass6 {
  background-color: #bbe6b8;
}

.seatclass7 {
  background-color: #fcba03;
}

.disabledSeat {
  background-color: #e6e6e6;
}

.occupiedSeat {
  background-color: #e6e6e6;
}

.selected-seat {
  background-color: #51cf5d !important;
}

/* show booking page */
.page_show_booking {
  background: #FFF;
}

.show_booking_div {
  text-align: center;
}

.show_booking_div > ul {
  font-size: 0;
  margin: 0 15px;
}

.show_booking_div > ul > li {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  border: 1px dashed #0A5AA6;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  text-align: left;
  width: 400px;
  padding: 10px;
  margin: 0 1% 15px 0;
}

.show_booking_div div.title {
  border-radius: 3px;
  background: #0A5AA6;
  color: #FFF;
  text-align: center;
  padding: 10px 5px;
  font-size: 20px;
  margin: 0 0 15px 0;
}

.show_booking_div .topM10 {
  margin-top: 10px;
}

.show_booking_div div.inputs ul {
  margin-bottom: 5px;
  margin-top: 5px;
}

.show_booking_div input[type=text] {
  border-radius: 3px;
  border: 1px solid #0A5AA6;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #0A5AA6;
  font-size: 18px;
  padding: 0 10px;
  float: left;
  margin-top: 10px;
}

.page_cars #container #content {
  display: inline-block;
}
.page_cars .cars .cars-content iframe {
  width: 900px;
  height: 900px;
}

.top_gate_access .main {
  width: 85%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.login-field {
  width: 400px;
  font-size: 20px;
  padding: 20px;
  margin-right: 20px;
}

#login-submit:hover {
  background-color: #444445 !important;
  color: #fff;
}

#login-submit {
  width: 225px;
  border: 1px solid #444445;
  padding-right: 0 !important;
  height: 64px !important;
  float: right;
}

.login_error {
  padding-top: 20px;
  color: #FE3C33;
  font-weight: 400;
  font-size: 16px;
}

.page-login .page-single {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  padding: 1rem 0;
}

.col-login {
  width: 24rem;
}

.col-login .card-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.col-login .form-control {
  display: block;
  width: 100%;
  height: 38px;
  height: 2.375rem;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.col-login .form-group,
.col-login .form-label {
  display: block;
}

.col-login .form-group {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.page_index,
.page_cars,
.page_about,
.page_conditions,
.page-static {
  margin-bottom: 15px;
  margin-top: 15px;
}

#map-canvas-all {
  width: 800px;
  height: 500px;
  margin: 0px;
  padding: 0px;
}

#map-canvas-inner {
  width: 740px;
  height: 440px;
  margin: 30px 30px 30px 30px;
}

#map-canvas-hotel {
  width: 800px;
  height: 500px;
  margin: 0px;
  padding: 0px;
}

.show-booking {
  float: right;
  width: 29%;
  border-radius: 3px;
  border: 1px dashed #000000;
  padding: 1%;
  margin: 1%;
}
.show-booking div.title {
  border-radius: 3px;
  background: #000000;
  color: #FFF;
  text-align: center;
  padding: 10px 5px;
  font-size: 20px;
  margin: 0 0 15px 0;
}
.show-booking ul {
  margin-bottom: 5px;
  margin-top: 5px;
}
.show-booking .topM10 {
  margin-top: 10px;
}
.show-booking input[type=text] {
  border-radius: 3px;
  border: 1px solid #000000;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #000000;
  font-size: 18px;
  padding: 0 10px;
  float: left;
  margin-top: 10px;
}

.ls-wrapper .ls-nav-right-arrow {
  background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat top right;
}

.ls-wrapper .ls-nav-left-arrow {
  background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat top left;
}

.ls-wrapper .ls-nav-left-arrow:hover {
  background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat bottom left;
}

.ls-wrapper .ls-nav-right-arrow:hover {
  background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat bottom right;
}

.button-close,
.button-previous,
.button-next {
  position: absolute;
  width: 44px;
  height: 44px;
  background: #000;
  text-align: center;
  line-height: 44px;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  font-size: 16px;
}

.button-previous,
.button-next {
  top: 50%;
  margin-top: -22px;
  line-height: 42px;
}

.button-previous {
  left: -50px;
}

.button-next {
  right: -50px;
}

.button-close {
  top: -44px;
  right: -44px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.8);
}

.active-header {
  background-repeat: no-repeat;
  background-position: right 50%;
  font-size: 18px;
  background: #ebebeb;
  margin: 5px 0 0 0;
  padding: 10px 55px 10px 15px;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 300;
  border-radius: 3px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.inactive-header {
  background-repeat: no-repeat;
  background-position: right 50%;
  border-radius: 3px;
}

#accordion-container {
  display: none;
  padding: 15px;
  font-size: 16px;
  color: #252525;
  line-height: 22px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.accordion-header {
  font-size: 18px;
  background: #ebebeb;
  margin: 5px 0 0 0;
  padding: 10px 55px 10px 15px;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 300;
  border-radius: 3px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

#flash-messages {
  position: fixed;
  top: 50px;
  right: calc(50% - 300px);
  z-index: 9999;
  width: 600px;
  text-align: center;
}
#flash-messages #alert-message {
  background-color: #f8d7da;
  color: #842029;
  border: 1px solid #f5c2c7;
}
#flash-messages #notice-message {
  background-color: #d1e7dd;
  color: #0f5132;
  border: 1px solid #badbcc;
}
#flash-messages #info-message {
  background-color: #cfe2ff;
  color: #084298;
  border: 1px solid #b6d4fe;
}
#flash-messages #alert-message, #flash-messages #notice-message, #flash-messages #info-message {
  padding: 15px 20px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: sans-serif;
}
#flash-messages #alert-message h1, #flash-messages #notice-message h1, #flash-messages #info-message h1 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
#flash-messages #alert-message p, #flash-messages #notice-message p, #flash-messages #info-message p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

body.scroll {
  overflow-y: scroll;
}

.w-2 {
  width: 2%;
  display: inline-block;
}

.continue-btn-group {
  width: 100%;
  font-size: 0;
}

.continue-btn {
  width: 49%;
  margin: 5px 0;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  border: 1px solid #949494;
  background: #efcb01;
  border-radius: 3px;
}

input[type=submit].continue-btn:hover {
  background-color: #daba01 !important;
}
:root {
  --border: #2311b2;
  --select: #E0FFFF;
}

body {
  background: #eccc00;
}

.hr {
  border-bottom: 1px solid #eccc00;
}

.rating-title {
  font-size: 14px;
  float: left;
}

#map-canvas {
  width: 800px;
  height: 500px;
  margin: 0px;
  padding: 0px;
}

.y-button {
  background: #efcb01;
}
.y-button a {
  color: #000;
}
.y-button a.back {
  background: url(/packs/media/themes/general/desktop/images/site/back-efbbb740d02e4e25061d655573c34e68.png) no-repeat right 9px;
}

/*========== Pop-Up ==============*/
.map-card__wrapper {
  height: 180px;
  width: 300px;
}

.map-card__image-container {
  position: absolute;
  width: 45%;
  top: 0;
  right: 65%;
  bottom: 0;
  left: 0;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
  background: #fff;
}

.map-card__image {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 10px;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.map-card__content-container {
  box-sizing: border-box;
  position: relative;
  margin: 0 0 0 45%;
  padding: 10px 5px 10px 10px;
  background: #fff;
  border-radius: 0 3px 3px 0;
  display: flex;
  flex-direction: column;
  min-height: 130px;
  justify-content: space-between;
}

.map-card__title {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #07c;
  text-decoration: none;
  cursor: pointer;
}

.map-card__review {
  position: relative;
  margin-bottom: 10px;
}

.map-card__price-container {
  position: relative;
  color: #383838;
  margin-top: auto;
  font-size: 14px;
  margin-bottom: 10px;
}

.map-card__address {
  font-weight: 600;
  font-size: 14px;
}

.star-image {
  content: url(/packs/media/themes/general/desktop/images/icons/star-bb0cd011d3d4aa12c83109f30c6c17ed.png);
}

/*========== Pop-Up-End ==============*/
.back_btn {
  background: #efcb01;
}

.y-button a.fly,
.y-button input.fly,
.y-button input.hotel {
  background: #EFC826;
  min-width: 150px;
  white-space: nowrap;
}
.y-button .back {
  background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px;
}
.yd-button {
  background: #a38b00;
}
.yd-button .back {
  background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px;
}
.yd-button-pop {
  background: #2311b2;
}
.yd-button-pop .back {
  background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px;
}
.yd-button-pop .fly {
  background: #1E23B0;
}
.yd-button-pop .hotel {
  background: url(/packs/media/themes/general/desktop/images/site/white-house-50c897489f963854e234f6f513c5997d.png) no-repeat right 7px;
}

/*========== Custom ==============*/
header {
  padding-bottom: 60px;
}

#header {
  background: #FFFFFF;
  height: 60px;
  float: left;
  width: 100%;
  margin: 0 0 80px 0;
  position: fixed;
  z-index: 1002;
  display: block;
  border-bottom: 1px solid #eccc00;
}

.logo-wrap {
  width: 299px;
  height: 98px;
  margin: 0 0 0 -70px;
}

.logo {
  position: absolute;
  top: 12px;
}

ul.topnav li a {
  color: #2311b2;
}

#cookie_message_popup {
  height: 581px !important;
  width: 648px !important;
  border: 0px none rgb(0, 0, 0) !important;
  border-top: 0px none rgb(0, 0, 0) !important;
  border-right: 0px none rgb(0, 0, 0) !important;
  border-bottom: 0px none rgb(0, 0, 0) !important;
  border-left: 0px none rgb(0, 0, 0) !important;
  margin: 0px 0px 6px !important;
  padding: 24px !important;
  max-height: none !important;
  min-height: 0px !important;
  max-width: 100% !important;
  min-width: 0px !important;
}

ul.topnav li a:hover, ul.topnav li a.active {
  background: #2311b2;
}

.custom-radio-search_type {
  background: url(/packs/media/themes/general/desktop/images/site/radio-59c21dc24055472d496b9a3d6677ede1.png) no-repeat;
}

.custom-radio-search_type:hover {
  background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat;
}

.custom-radio-search_type.selected {
  background: url(/packs/media/themes/general/desktop/images/site/radio-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat;
}

.fly-form {
  color: #2311b2;
}

.fly-form .title {
  background: #2311b2;
  border: 1px solid #2311b2;
}

.fly-form input[type=text] {
  border: 1px solid #2311b2;
  color: #2311b2;
}

div.yellow-submit {
  background: #efcb01;
}

div.yellow-submit input[type=submit] {
  color: #2311b2;
  background: #efcb01;
}

input.yellow-submit-hotel[type=submit] {
  background: url(/packs/media/themes/general/desktop/images/icons/room-icon-b8571125968ffc6bba29b2a51b7ece62.png) no-repeat right 8px !important;
  background-size: 25px !important;
}

.fancy-button,
.fancy-button:hover,
.fancy-button:focus {
  font-size: 18px;
  cursor: pointer;
  font-weight: 400;
  color: #FFFFFF;
  background: #0a9e1f !important;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}
.fancy-button a,
.fancy-button:hover a,
.fancy-button:focus a {
  color: #FFFFFF;
}
.fancy-button.upgrade-service,
.fancy-button:hover.upgrade-service,
.fancy-button:focus.upgrade-service {
  margin-bottom: 16px;
}

.about-sec div.con .title {
  padding: 0;
}

.f-scroll-wrap {
  background: #2311b2;
}

.f-scroll-title {
  background: #eccc00;
  color: #000;
}

.f-scroll ul li a {
  border: 1px dashed #FFFFFF;
}
.f-scroll ul li a:hover {
  border: 1px dashed #eccc00;
}

.f-scroll ul li a .f-scroll ul li div {
  color: #FFFFFF;
}

.about-sec div.con {
  color: #2311b2;
}

.shortcon ul li {
  border: 1px dashed #2311b2;
}

.shortcon ul li div.title {
  color: #2311b2;
}

.cheapest-destinations > ul > li {
  border: 1px dashed #2311b2;
}

.cheapest-destinations > ul > li div.title {
  background: #2311b2;
}

.footer-logo ul {
  background: #a38b00;
  padding: 0 10%;
}

ul.footer-menu li {
  background: url(/packs/media/themes/general/desktop/images/site/nav-divider-b915adfa9412dfc8f46a0f939f019cb9.jpg) no-repeat right 4px;
}

.fly-form ul li label.room-icon span {
  background: url(/packs/media/themes/general/desktop/images/icons/room-icon-b8571125968ffc6bba29b2a51b7ece62.png) no-repeat 0px center;
}

#content {
  color: #2311b2;
}
#content h1 {
  color: #2311b2;
}

#sidebar .searchflyform {
  border: 1px solid #2311b2;
}
#sidebar .ui-selectmenu-text {
  padding-left: 40px;
}
#sidebar .title {
  background: #2311b2;
}
#sidebar .searchflyform input[type=text] {
  border: 1px solid #2311b2;
  color: #2311b2;
}
#sidebar .searchflyform input[type=text].field-1 {
  background: url(/packs/media/themes/general/desktop/images/site/fly-icon-28649fcdfbf828c4d352496debf311e7.png) #FFFFFF no-repeat 10px center;
}
#sidebar .searchflyform input[type=text].field-2 {
  background: url(/packs/media/themes/general/desktop/images/site/fly-back-icon-5cc587263f3a97ad17b4aff15e0951b1.png) #FFFFFF no-repeat 10px center;
}
#sidebar .searchflyform input[type=text].field-3 {
  background: url(/packs/media/themes/general/desktop/images/site/destination-icon-9b487d3eaba726b06ac1697ec57b41e1.png) #FFFFFF no-repeat 10px center;
}
#sidebar .searchflyform a {
  color: #2311b2;
}
#sidebar .addressbox {
  background: #2311b2;
}
#sidebar .addressbox a {
  color: #FFFFFF;
}
#sidebar .addressbox p.address {
  background: url(/packs/media/themes/general/desktop/images/site/icon-address-d24e3e97c58af6810b437421cb8ed3c9.png) no-repeat 0 6px;
}
#sidebar .addressbox p.email {
  background: url(/packs/media/themes/general/desktop/images/site/icon-email-036182eca71c617c294c813d273041ad.png) no-repeat 0 6px;
}
#sidebar .addressbox p.email a:hover {
  color: #eccc00;
}
#sidebar .addressbox p.phone {
  background: url(/packs/media/themes/general/desktop/images/site/icon-phone-ad0244208f7963659f329677eb6cff4c.png) no-repeat 0 6px;
}
#sidebar #search_adults-button {
  background: url(/packs/media/themes/general/desktop/images/site/adults-small-icon-fe4a9771f63443371405afbba9eb42f3.png) #FFFFFF no-repeat 8px center;
}
#sidebar #search_children-button {
  background: url(/packs/media/themes/general/desktop/images/site/child-small-icon-77de57e478990bab3ab09cde1ca45cab.png) #FFFFFF no-repeat 9px center;
}
#sidebar #search_infants-button {
  background: url(/packs/media/themes/general/desktop/images/site/baby-small-icon-e6b10138a78bb21a8c55703de80d84dd.png) #FFFFFF no-repeat 8px center;
}

.warningmsg h1 {
  color: #2311b2;
}

.ui-selectmenu-button {
  color: #2311b2;
  padding: 0 35px 0 10px;
  height: 38px;
  border: 1px solid #2311b2;
  width: 100% !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  background: #FFF;
  line-height: 38px;
  overflow: hidden;
}

.ui-selectmenu-button:hover {
  background: #fdf5ce;
  color: #2311b2;
  border: 1px solid #2311b2;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.ui-button:focus {
  color: #2311b2;
  padding: 0 35px 0 10px;
  height: 38px;
  border: 1px solid #2311b2;
  width: 100% !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  background: #FFF;
  line-height: 38px;
  overflow: hidden;
}

.ui-selectmenu-button.ui-button .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  width: 18px;
  height: 16px;
  right: 10px;
  background: url(/packs/media/themes/general/desktop/images/site/selectlist-icon-5c110111ba7bf967f73337f69da0d4b7.png) no-repeat;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
  background: #cdcdcd;
  color: #2311b2;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 5px 10px;
}

.ui-menu .ui-menu-item-wrapper {
  line-height: normal;
  padding: 5px 10px;
  font-size: 14px;
}

.ui-menu-item-wrapper.ui-state-active {
  margin: 0;
}

.show-booking {
  float: right;
  width: 29%;
  border-radius: 3px;
  border: 1px dashed #2311b2;
  padding: 1%;
  margin: 1%;
}

.show-booking div.title {
  border-radius: 3px;
  background: #2311b2;
  color: #FFF;
  text-align: center;
  padding: 10px 5px;
  font-size: 20px;
  margin: 0 0 15px 0;
}

.show-booking ul {
  margin-bottom: 5px;
  margin-top: 5px;
}

.show-booking .topM10 {
  margin-top: 10px;
}

.show-booking input[type=text] {
  border-radius: 3px;
  border: 1px solid #2311b2;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #2311b2;
  font-size: 18px;
  padding: 0 10px;
  float: left;
  margin-top: 10px;
}

.session_timer .time_left {
  color: #210FB5;
}

.yellow-title {
  color: #2311b2;
}

.with_upgrade_choosen .header {
  color: #1E23B0;
}

ul.eservice li p {
  color: #2311b2;
}

ul.eservice li div.radio-section {
  color: #2311b2;
}

ul.eservice li div.readmore {
  background: #2311b2;
}

.service-popup .title {
  color: #2311b2;
}

.service-popup .title_blue {
  color: #2311b2;
}

.service-popup .hr {
  border-color: #2311b2;
}

.payment-wrap > ul > li {
  color: #2311b2;
}

.payment {
  background: #2311b2;
}

.booking-confirm {
  color: #2311b2;
}

.booking-confirm div.hr {
  border-color: #2311b2;
}

.back-home a {
  color: #2311b2;
}

.page_index,
.page_cars,
.page_about,
.page_conditions,
.page_static,
.page_show_booking {
  margin-bottom: 15px;
  margin-top: 15px;
}

.page_index {
  background: #FFF;
}

.page_contact {
  background: #FFF;
}

.page_step3 {
  background: #efcb01;
}

.page_about {
  background: #FFF;
}

.page_conditions,
.page_static {
  background: #FFF;
}

.page_cars {
  background: #FFF;
}
.page_cars #container #content {
  display: inline-block;
}
.page_cars .cars .cars-content iframe {
  width: 900px;
  height: 900px;
}

.inline-block {
  width: 100%;
  display: inline-block;
}

.li_link {
  cursor: pointer;
}
.li_link a, .li_link a:hover, .li_link a:visited {
  color: #000000 !important;
}

.blue-title {
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 30px;
  margin: 0 0 10px;
  padding: 10px 0 15px;
}
.blue-title .small {
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 18px;
  margin: 0 0 10px;
  padding: 5px 0 0;
}
.blue-title .depart {
  float: left;
  padding: 0 0 0 40px;
}
.blue-title .return {
  float: right;
  padding: 0 0 0 40px;
}

.searchfilter p.switch {
  position: absolute;
  top: 24px;
  right: 15px;
}

.searchfilter p.switch a.open {
  width: 30px;
  height: 30px;
  font-size: 0;
  float: left;
}

.searchfilter p.switch a {
  width: 30px;
  height: 30px;
  font-size: 0;
  float: left;
}

.searchfilter {
  width: 22%;
  float: left;
  clear: right;
}

.searchfilter .select-links {
  font-size: 12px;
  display: inline;
  float: right;
}

.searchfilter .select-links a {
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF;
}

.searchfilter .title {
  color: #FFFFFF;
  font-size: 16px;
  padding: 5px 20px;
  border-radius: 3px 3px 0 0;
  line-height: 23px;
}

.searchfilter .title span {
  font-size: 14px;
  display: block;
}

.tripadvisor .tripadvisor_image {
  float: left;
}
.tripadvisor .tripadvisor_rating {
  float: right;
  font-weight: bold;
  font-size: 14px;
  padding-top: 1px;
}
.tripadvisor .tripadvisor_reviews {
  font-size: 13px;
  clear: both;
}
.tripadvisor .tripadvisor_reviews a {
  color: #000000;
  text-decoration: underline;
}

.price-box-hotel .total-price {
  float: left;
}
.price-box-hotel .pax-price {
  display: none;
  float: left;
  padding-right: 30px;
  margin-top: 5px;
}
.price-box-hotel .pax-price .price {
  font-size: 20px;
}
.price-box-hotel .pax-price .smallprice {
  font-size: 12px;
  margin-top: -8px;
}

.location_name {
  display: inline-block;
  padding-right: 3px;
  max-width: 79%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  line-height: 18px;
  position: relative;
  top: 4px;
}

.location_count {
  display: inline;
}

#selected_flight {
  float: left;
  display: inline-block;
  width: 65%;
  padding-left: 15px;
}

.tip_cabin {
  display: table;
}

.tip_cabin .row {
  display: table-row;
  height: 22px;
}

.tip_cabin .header {
  display: table-row;
  font-weight: 400;
  height: 30px;
}

.tip_cabin .from {
  display: table-cell;
  min-width: 200px;
}

.tip_cabin .to {
  display: table-cell;
  min-width: 200px;
}

.tip_cabin .cabin {
  display: table-cell;
}

.tip_text {
  max-width: 700px;
  white-space: pre-line;
}

.tip_text .header {
  padding-bottom: 10px;
  font-weight: bold;
}

ul.sort_by li.ui-btn-active {
  background-color: #FFFFFF !important;
}

.selected_flight {
  background-color: #FCF8E6;
}

div.baggage_text {
  float: left;
  font-weight: 400;
  padding-bottom: 5px;
}

div.fly-schedule div.baggage {
  float: left;
  clear: left;
}

div.fly-schedule div.baggage div.headline {
  font-weight: bold;
  font-size: 13px;
  float: left;
}

div.fly-schedule div.baggage div.passenger div.leg {
  font-size: 12px;
  width: 170px;
  float: left;
  white-space: nowrap;
  text-wrap: balance;
}

div.fly-schedule div.baggage div.passenger div.leg label {
  white-space: nowrap;
}

div.fly-schedule div.baggage div.passenger div.leg div.ancillary_item {
  display: block;
}

div.fly-schedule-wide div.baggage div.passenger div.leg {
  width: 280px;
}

.fly-schedule-overlay {
  text-align: center;
  position: relative;
  margin: 0 5%;
}
.fly-schedule-overlay .fly-schedule-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 120px;
  left: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-shadow: 1px 1px grey;
}

.fly-schedule-remove {
  opacity: 0.2;
  display: none;
}

.fly-schedule-removed_reason {
  background-color: bisque;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  padding: 4px;
  float: left;
  width: 100%;
  display: none;
}

.fly-schedule-meta {
  border: 1px solid #241EAF;
}

.fly-schedule .flight-message {
  background-color: #241EAF;
  padding: 10px 10px 10px 14px;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
}

.time-technical-stop {
  color: #241EAF;
}

.flight-technical-stop {
  clear: left;
  padding-left: 0px;
  color: #241EAF;
  font-size: 13px;
}

#flight_rules_loading {
  text-align: center;
  margin-top: 100px;
  background-repeat: no-repeat;
  height: 125px;
  font-size: 20px;
}

a.rules-close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: left;
  position: absolute;
  top: 1px;
  right: 20px;
}

.flight-rules-wrap {
  font-family: "Arial", "Verdana", "Helvetica", sans-serif;
  font-size: 12px;
  color: #666666;
}

.flight-rules-wrap strong {
  font-weight: 600;
}

.flight-rules-wrap .rules_box {
  border: 1px solid #CCCCCC;
  width: 500px;
  display: table;
  margin-bottom: 15px;
  padding: 5px;
}

.flight-rules-wrap h1 {
  font-size: 24px;
  font-weight: bold;
  color: #0F1F24;
}

.flight-rules-wrap p {
  font-size: 14px;
  font-weight: normal;
  color: #0F1F24;
}

.flight-rules-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0;
}

.missing_meta {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}

.cabin-info {
  font-size: 16px;
  color: #373737;
  font-weight: bold;
}

.cabin-info span {
  font-weight: 100;
}

.cabin-info span.link {
  text-decoration: underline;
  cursor: pointer;
}

.price-cal {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}

.price-cal ul {
  float: left;
  width: 100%;
}

.price-cal ul li {
  float: left;
  text-align: right;
  padding: 8px 10px;
}

.price-cal ul.price-cal-title {
  border-radius: 3px;
  padding: 3px 0;
  margin: 0 0 5px;
}

.price-cal ul li.travelers {
  width: 35%;
  text-align: left;
}

.price-cal ul li.number {
  width: 10%;
}

.price-cal ul li.flights-price {
  width: 15%;
}

.price-cal ul li.tax {
  width: 20%;
}

.price-cal ul li.subtotal {
  width: 20%;
}

.price-cal-wrap .hr {
  margin: 10px 0;
}

.price-cal-wrap .total-text {
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
}

.price-cal-wrap .total {
  float: right;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
}

.price-cal-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0;
}

.price-calculation {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}

.price-calculation ul {
  float: left;
  width: 100%;
}

.price-calculation ul li {
  float: left;
  margin: 0 20px;
  text-align: right;
  padding: 8px 0;
}

.price-calculation ul.price-cal-title {
  border-radius: 3px;
  padding: 3px 0;
  margin: 0 0 5px;
}

.price-calculation ul li.number {
  width: 25px;
  text-align: left;
}

.price-calculation ul li.travelers {
  text-align: left;
  width: 140px;
}

.price-calculation ul li.flights-dec {
  text-align: left;
  width: 535px;
}

.price-calculation ul li.subtotal {
  width: 90px;
  float: right;
  text-align: right;
}

.price-calculation-wrap .hr {
  margin: 10px 0;
}

.price-calculation-wrap .total-text {
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
}

.price-calculation-wrap .total {
  float: right;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
}

.price-calculation-wrap a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0;
}

div.fancyclose a.fancybox-close, div.fancybox-type-image a.fancybox-close {
  display: inherit;
}

#error_screen {
  width: auto;
}

#error_screen a.close-btn {
  border-radius: 3px;
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin: 15px 0 0 0;
}

.ui-slider-handle,
.ui-slider-range {
  background: #ECCC00 !important;
}

.timer-button {
  color: #2311B2;
  background-color: #EFCB01;
  border: 1px solid #949494;
  border-radius: 3px;
}

.timeout-spinner {
  display: none;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

#trav_1_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_2_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_3_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_4_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_5_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_6_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_7_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

#trav_8_titel-menu > .ui-menu-item {
  background: #e4e4e4;
  color: #2311b2;
  font-size: 14px;
  border-bottom: 1px solid #b9b9b9;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
}

.flighttab {
  margin-top: 20px;
  cursor: pointer;
  padding: 6px 10px 6px 10px;
  float: left;
  border-width: 2px;
  border-color: #545183;
  background-color: #bcd0e7;
  color: white;
}

.selectedtab {
  color: white;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
  background-color: #8fbacf;
}

.ui-button:active {
  color: #2311b2;
  padding: 0 35px 0 10px;
  height: 38px;
  border: 1px solid #2311b2;
  width: 100% !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  background: #FFF;
  line-height: 38px;
  overflow: hidden;
}

.datepicker--cell.-selected- {
  background: #1C23B2 !important;
}

.datepicker--day-name {
  color: #1C23B2 !important;
}

.page_step_2_air {
  margin-top: -15px;
}

.page_step_2_air h1 {
  color: #000;
  line-height: normal;
  padding-bottom: 10px;
}

.pax_element {
  border-bottom: 1px solid #e4e4e4;
}

.name_text_package {
  display: inline;
  padding-left: 52px;
}

.name_text_flight {
  display: inline;
  padding-left: 27px;
}

.hotel_result_wide {
  width: 100%;
  height: 205px;
}

.hotel_result_wide .information {
  width: 77.5%;
}

.hotel_result_wide .image {
  width: 240px;
  height: 180px;
}

.hotel_result_wide .options .table li.li_1 {
  width: 44.5%;
}

.hotel_result_wide .options .table li.li_2 {
  width: 30%;
}

.hotel_result_wide .options .table {
  cursor: auto;
}

.booking-mform {
  background: #FFF;
  float: left;
  width: 100%;
  border-radius: 3px;
  margin: 2px 0 0 0;
  padding-bottom: 10px;
  border: 1px solid #949494;
}

.booking-mform .title {
  color: #FFFFFF;
  border-radius: 3px;
  line-height: 30px;
  font-size: 18px;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
}

.booking-mform input[type=text] {
  border-radius: 3px;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  padding: 0 10px;
  float: left;
}

.booking-mform textarea {
  font-weight: 300;
  border-radius: 3px;
  width: 100%;
  font-size: 18px;
  padding: 10px 10px;
  float: left;
}

.booking-mform input[type=text].error {
  border-color: #FF0000;
}

.booking-mform ul {
  float: left;
  width: 100%;
}

.booking-mform ul li {
  margin: 5px 10px 5px 0;
  float: left;
  text-align: left;
  width: 20%;
}

.booking-mform ul.you li {
  width: 225px;
}

#company_address {
  width: 460px;
}

.booking-mform ul.pax_headers li {
  font-size: 16px;
  font-weight: 400;
  height: 10px;
}

.booking-mform ul li.pax_number {
  padding-top: 9px;
  width: 100px;
}

.booking-mform ul li.trav_titel {
  width: 150px;
}

.booking-mform ul li.bonuscard_info {
  padding-left: 105px;
  width: 350px;
  clear: left;
  padding-bottom: 10px;
}

.booking-mform ul li.bonuscard_info + li.bonuscard_info {
  padding-left: 0px;
  width: 200px;
  clear: none;
}

.booking-mform ul li.show_bonuscard_fields {
  width: 120px;
  padding-top: 9px;
  float: right;
}

.booking-mform .add-baggage {
  cursor: pointer;
  padding-left: 110px;
  width: 700px;
  clear: left;
  padding-top: 4px;
  padding-bottom: 10px;
  display: inline-block;
}

.booking-mform .add-baggage .description {
  text-decoration: underline;
}

.booking-mform .add-baggage .information {
  padding-left: 10px;
  font-size: 14px;
}

.booking-mform ul li.you_mail {
  clear: left;
}

.ui-datepicker .ui-datepicker-title select {
  width: 60px !important;
}

.custom-checkbox-error {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  cursor: pointer;
}

.booking-product {
  background: #FFFFFF;
  border-radius: 3px;
  float: left;
  width: 100%;
  line-height: normal;
  color: #000;
  font-size: 16px;
  border: 1px solid #949494;
}

.booking-product .pd {
  float: left;
  width: 100%;
}

.booking-product .pd .table-header {
  border: 1px solid #696969;
  margin-bottom: 5px;
}

.booking-product .pd .table-header span {
  color: #ffffff;
  padding: 2px 5px 2px 5px;
  font-size: 14px;
  border-right: 1px solid #717171;
  margin: 0;
}

.booking-product .pd .table-header .total span {
  border-right: none;
}

.booking-product ul {
  float: left;
  width: 100%;
}

.booking-product ul li {
  float: left;
}

.booking-product ul li span {
  color: #000;
  margin: 0 0 20px 0;
  display: block;
}

.booking-product ul li.product {
  width: 70%;
}

.booking-product ul li.product img {
  width: 10px;
  cursor: pointer;
}

.booking-product ul li.top {
  color: #0F5AA4;
  font-weight: 400;
}

.booking-product ul li.product-wide {
  width: 70%;
  padding-left: 10px;
}

.booking-product ul li.price {
  text-align: right;
  width: 10%;
  margin: 0 5%;
  white-space: nowrap;
}

.booking-product ul li.total {
  text-align: right;
  width: 10%;
  white-space: nowrap;
}

.booking-product .total-amount {
  text-align: right;
  float: left;
  width: 100%;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
  color: #000;
  font-size: 16px;
}

.booking-product .total-amount span {
  font-size: 20px;
  font-weight: 400;
  padding: 0 0 0 20px;
}

.booking-product .extended_price {
  display: none;
}

#step_2_check_names .header {
  font-weight: bold;
  font-size: 28px;
  margin-top: 5px;
  margin-bottom: 10px;
  white-space: nowrap;
}

#step_2_check_names .description {
  font-size: 14px;
}

#step_2_check_names #names {
  margin-top: 50px;
  margin-bottom: 50px;
}

#step_2_check_names .yd-button-pop {
  margin-left: 10px;
}

#step_2_check_names .names .passenger_header .name {
  float: left;
  font-weight: bold;
  font-size: 16px;
  padding-top: 20px;
  width: 200px;
  padding-bottom: 10px;
}

#step_2_check_names .names .passenger .name {
  float: left;
  width: 200px;
  margin-bottom: 10px;
}

#step_2_check_names .names .passenger .name:last-child {
  margin-bottom: 20px;
}

#step_2_check_names .names .passenger {
  padding-bottom: 2px;
  clear: both;
}

#step_2_check_names .buttons {
  margin-top: 20px;
}

.flight-sc .table-header {
  background-color: #373737;
  display: flex;
}

.yd-button a.back {
  background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px;
}

#org_number {
  clear: both;
}

.page_step_2_air p {
  color: #2311b2;
}

.booking-mform .title {
  background: #2311b2;
}

.booking-mform input[type=text] {
  border: 1px solid #2311b2;
  color: #2311b2;
}

.booking-mform textarea {
  resize: none;
  border: 1px solid #2311b2;
  color: #2311b2;
}

.booking-product .pd .table-header {
  background-color: #373737;
}

.booking-product .total-amount {
  border-top: 1px solid #373737;
}

.page_step_3_air {
  padding: 0px;
  margin-top: -15px;
}

.yellow-title {
  float: left;
  width: 100%;
  border-radius: 3px;
  background: #efcb01;
  line-height: normal;
  padding: 10px 0;
  font-size: 30px;
  margin: 0 0 10px 0;
}

.page_step_3_air .blue-title {
  width: 100%;
  margin: 20px auto 10px;
  padding: 10px 0 15px 0;
  float: none;
}

.blue-title {
  color: #FFF;
  background: #2311b2;
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 30px;
  margin: 0 0 10px 0;
  padding: 10px 0 15px 0;
}

.section_dark {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.upgrade_div {
  border: 1px dashed #1E23B0;
  border-radius: 3px;
  clear: left;
  background-color: #ffffff;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.without_upgrade {
  width: 40%;
  float: left;
  height: 100%;
  padding: 30px;
}

.without_upgrade .header {
  font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 25px;
}

.without_upgrade ul li {
  padding-left: 25px;
  font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 27px;
}

.without_upgrade .price {
  font-weight: bold;
  margin-top: 109px;
  margin-bottom: 25px;
  font: 29px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.without_upgrade .price .smalltext {
  font-size: 14px;
  padding-left: 12px;
}

.without_upgrade .button {
  margin-top: 35px;
}

.without_upgrade .button a {
  color: #000000;
  text-decoration: underline;
}

.with_upgrade {
  padding: 30px;
  height: 100%;
  border-left: 1px dashed #1E23B0;
  background-color: #e7f0e8;
  float: right;
  width: 60%;
}

.with_upgrade .spot {
  background-color: #ffffff;
  color: #16b501;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  min-width: 150px;
  max-width: 200px;
  padding: 5px 20px;
  text-align: center;
  float: right;
  border: 1px solid #c4c4c4;
  border-radius: 15px;
  opacity: 1;
  font-weight: bold;
}

.with_upgrade .header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 25px;
  color: #1E23B0;
}

.with_upgrade ul li {
  padding-left: 28px;
  font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 27px;
}

.with_upgrade .price {
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 25px;
  font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.with_upgrade .price .smalltext {
  font-size: 14px;
  padding-left: 12px;
}

.with_upgrade .button {
  padding: 0 15px;
  background: #16b501;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #129e00;
}

.with_upgrade .button:hover {
  background-color: #108900;
}

.with_upgrade .button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.with_upgrade_choosen {
  border: 1px dashed #1E23B0;
  border-radius: 3px;
  clear: left;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px 20px 200px;
  box-shadow: 0 0 1px;
}

.with_upgrade_choosen .section {
  float: left;
}

.with_upgrade_choosen .header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 5px;
}

.with_upgrade_choosen .body {
  font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.with_upgrade_choosen #comment {
  height: 70px;
  border: 1px solid #898989;
  border-radius: 3px;
  background-color: #fcf8e6;
}

.with_upgrade_choosen .button {
  float: right;
}

.with_upgrade_choosen .button a {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-decoration: underline;
}

.without_upgrade_choosen {
  background: url(/packs/media/themes/general/desktop/images/site/bad_big-0e88f50b63599950ec7ebd6cd22d404d.png) 20px no-repeat #ffffff;
  border: 1px dashed #1E23B0;
  border-radius: 3px;
  clear: left;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px 20px 140px;
  box-shadow: 0 0 1px;
  height: 120px;
}

.without_upgrade_choosen .section {
  float: left;
}

.without_upgrade_choosen .header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 5px;
  color: #EC6769;
}

.without_upgrade_choosen .body {
  font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  width: 520px;
}

.without_upgrade_choosen .button {
  float: right;
  padding: 0 15px;
  background: #16b501;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #129e00;
}

.without_upgrade_choosen .button:hover {
  background-color: #108900;
}

.without_upgrade_choosen .button a {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.step-3-auto {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  display: table;
  clear: left;
}

.step_3_buttons {
  padding-top: 20px;
  display: table;
  float: right;
}

#comment {
  margin-top: 10px;
  width: 100%;
  height: 100px;
  font-size: 18px;
  border: 1px solid #1E23B0;
  border-radius: 3px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 10px;
  color: #1E23B0;
}

#comment:hover {
  background-color: #fdf5ce !important;
}

.eservice-wrap {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.eservice-wrap .action-section {
  float: left;
  padding: 5px 10px;
  margin: 20px 0px 0px 20px;
  font-size: 16px;
  border-radius: 12px;
}
.eservice-wrap .action-section.success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.eservice-wrap .action-section.info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.eservice-wrap .action-section.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.eservice-wrap .action-section.danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

ul.eservice {
  margin: 0;
  padding: 15px 0 0 0;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 0;
}

ul.eservice .top {
  float: left;
}

ul.eservice li {
  vertical-align: top;
  padding: 1%;
  width: 100%;
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #949494;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  display: table;
}

ul.eservice li.basicaddonslight {
  opacity: 0.4;
}

ul.eservice li div.title {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
}

ul.eservice li div.title img {
  float: left;
}

ul.eservice li div.title span {
  float: left;
  padding: 5px 0 0 10px;
  line-height: 24px;
  text-align: left;
}

ul.eservice li div.no_icon span {
  padding-left: 0px;
}

ul.eservice li p {
  font-size: 18px;
  line-height: normal;
  text-align: left;
}

ul.eservice li div.price {
  font-size: 29px;
  color: #000;
  float: right;
  font-weight: 400;
  line-height: normal;
}

ul.eservice li div.price span.smalltext {
  font-size: 14px;
  padding-left: 3px;
}

ul.eservice li div.radio-section {
  float: right;
  font-size: 18px;
  line-height: 40px;
}

ul.eservice li div.radio-section label {
  float: left;
  padding-left: 20px;
}

ul.eservice li div.radio-section span {
  padding: 0 0 0 5px;
  float: right;
}

ul.eservice li div.readmore {
  clear: left;
  float: left;
  padding: 0 10px;
  border-radius: 3px;
  margin: 15px 0 0 0;
}

ul.eservice li div.readmore a {
  color: #FFF;
  font-size: 18px;
  padding: 0 40px 0 0px;
  line-height: 40px;
}

ul.eservice li div.personal-number-section {
  clear: left;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding-top: 20px;
}

div.personal-number-section div.header {
  font-weight: bold;
}

div.personal-number-section div.description {
  padding-top: 10px;
}

div.personal-number-section div.personal_numbers {
  padding-top: 20px;
}

div.personal-number-section div.personal_number {
  padding-top: 10px;
}

div.personal_number div.passenger_name {
  float: left;
  padding-top: 8px;
}

div.personal_number div.personal_number_input {
  margin-left: 150px;
}

div.personal_number div.personal_number_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}

ul.eservice li div.address-section {
  clear: left;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding-top: 20px;
}

div.address-section div.header {
  font-weight: bold;
}

div.address-section div.address_block {
  padding-top: 10px;
}

div.address-section div.passenger_address {
  float: left;
  padding-top: 8px;
}

div.address-section div.passenger_zip_code {
  float: left;
  padding-top: 8px;
}

div.address-section div.passenger_city {
  float: left;
  padding-top: 8px;
}

div.address-section div.passenger_country_code {
  float: left;
  padding-top: 8px;
}

div.address_block div.address_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
  margin: 5px;
}

div.address_block div.postal_code_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
  margin: 5px;
}

div.address_block div.city_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
  margin: 5px;
}

div.address_block div.country_code_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
  margin: 5px;
}

ul.eservice li div.checkin-section {
  clear: left;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding-top: 20px;
}

div.checkin-section div.header {
  font-weight: bold;
}

div.checkin-section div.description {
  padding-top: 10px;
}

div.checkin-section div.footer {
  padding-top: 10px;
  font-size: 14px;
}

div.checkin-section div.checkin {
  padding-top: 10px;
}

div.checkin div.passenger_name {
  float: left;
  padding-top: 8px;
}

div.checkin div.checkin_input input {
  border: 1px solid #a1a1a1;
  font-size: 16px;
  padding: 5px;
}

#checkin_info {
  height: 70px;
  border: 1px solid #898989;
  border-radius: 3px;
  background-color: #fcf8e6;
  width: 100%;
  margin-top: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: #1E23B0;
  font-size: 18px;
  padding: 10px;
}

#checkin_info:hover {
  background-color: #fdf5ce !important;
}

.custom-radio-addon {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  /*top: 25px;*/
  margin: 0 0 0 5px;
  cursor: pointer;
}

.custom-radio-addon input[type=radio] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.service-popup {
  font-size: 18px;
  line-height: normal;
}

.service-popup .title {
  font-size: 24px;
  font-weight: 400;
}

.service-popup .title_blue {
  font-size: 24px;
  font-weight: 400;
}

.service-popup .hr {
  margin: 10px 0;
}

.service-popup .title-new {
  font-size: 24px;
}

.service-popup ul {
  margin: 20px 0 0 0;
}

.service-popup .buttons a {
  float: right;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  background: #000;
  padding: 0 15px;
  color: #FFF;
  border: 1px solid #0f8c32;
  margin: 0 0 0 20px;
  text-decoration: none;
}

.service-popup a {
  text-decoration: underline;
  color: blue;
}

.page_step_3_air .y-button {
  margin: 0 0 0 20px;
}

.tooltip {
  display: none;
  position: absolute;
  border: 1px solid #333;
  background-color: #161616;
  border-radius: 3px;
  padding: 5px;
  color: #fff;
  max-width: 200px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: normal;
}

.page_step_3_air .y-button {
  margin: 0 0 0 20px;
}

.service-popup .buttons a {
  border: none;
  background: #cecece;
}

.addon-button-yes {
  width: 200px;
  text-align: center;
  background: #0cbb3e !important;
}

.awesome {
  display: none;
}
.awesome.service-item-button-yes:checked + .service-item-radiobutton {
  background: #2ECC71;
  color: #efefef;
}
.awesome.service-item-button-yes:checked + .service-item-radiobutton:hover {
  background: rgb(16.1992156863%, 71.84%, 39.7937254902%);
  color: rgb(88.7254901961%, 88.7254901961%, 88.7254901961%);
}
.awesome.service-item-button-no:checked + .service-item-radiobutton {
  background: #D91E18;
  color: #efefef;
}
.awesome.service-item-button-no:checked + .service-item-radiobutton:hover {
  background: rgb(76.0938898381%, 10.5198926043%, 8.4159140835%);
  color: rgb(88.7254901961%, 88.7254901961%, 88.7254901961%);
}

.service-item-radiobutton {
  display: inline-block;
  padding: 1em 2em;
  margin: 0.5em;
  cursor: pointer;
  color: #292929;
  border-radius: 0.25em;
  background: #efefef;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.service-item-radiobutton:hover {
  background: rgb(83.7254901961%, 83.7254901961%, 83.7254901961%);
  color: rgb(6.0784313725%, 6.0784313725%, 6.0784313725%);
}
.service-item-radiobutton:active {
  transform: translateY(2px);
}

.yellow-title {
  color: #2311b2;
}

.without_upgrade ul li {
  background: url(/packs/media/themes/general/desktop/images/site/bad-5650a794cf250d82b906d9b87c7ee2f3.png) 0 5px no-repeat;
}

.with_upgrade ul li {
  background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat;
}

.with_upgrade_choosen {
  background: url(/packs/media/themes/general/desktop/images/site/good_big-7e8461e646ed43ccaf8768ff28f681b0.png) 20px no-repeat #ffffff;
}

.with_upgrade_choosen .header {
  color: #1E23B0;
}

ul.eservice li p {
  color: #2311b2;
}

ul.eservice li div.radio-section {
  color: #2311b2;
}

ul.eservice li div.readmore {
  background: #2311b2;
}

ul.eservice li div.readmore a {
  background: url(/packs/media/themes/general/desktop/images/site/eye-icon-73a4828496fdc63be400a448c959683c.png) no-repeat right center;
}

.custom-radio-addon {
  background: url(/packs/media/themes/general/desktop/images/site/radio2-59c21dc24055472d496b9a3d6677ede1.png) no-repeat;
}

.custom-radio-addon:hover {
  background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat;
}

.custom-radio-addon.selected {
  background: url(/packs/media/themes/general/desktop/images/site/radio1-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat;
}

.service-popup .title {
  color: #2311b2;
}

.service-popup .title_blue {
  color: #2311b2;
}

.service-popup .hr {
  border-color: #2311b2;
}

#failed_job_button {
  color: #000;
  background-color: #eccc00;
  padding: 0 35px 0 10px;
  height: 38px;
  border: 1px solid #000;
  width: 100% !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 38px;
  overflow: hidden;
}

.red-title {
  color: #000;
  background: white;
  border: 4px dashed #b31111;
  float: left;
  width: 100%;
  border-radius: 3px;
  line-height: normal;
  font-size: 30px;
  margin: 0 0 10px 0;
  padding: 10px 0 15px 0;
}

.red-title > .pdL20 > p {
  font-size: 18px;
}

.payment-wrap > ul > li {
  color: #2311b2;
}

.payment {
  background: #2311b2;
}

.top-box {
  border-radius: 3px;
  border: 1px solid #949494;
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 10px;
  height: 100px;
  padding: 20px;
  display: table;
}

.top-box div {
  float: left;
  width: 240px;
}

.top-box .header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.top-box .subheader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.spacer {
  clear: both;
  margin-top: 20px;
}

.booking-product + .booking-product {
  margin-top: 10px;
}

.booking-product .header {
  float: left;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.booking-product .payment-status {
  float: right;
  font-size: 18px;
  font-weight: bold;
}

.booking-product .payment-status a.not-paid {
  text-decoration: underline;
}

.booking-product .payment-status .not-paid {
  color: #ed1d1d;
}

.booking-product .payment-status .paid {
  color: #1cc13b;
}

.payment_success_str {
  width: 100%;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  margin-bottom: 10px;
}

.upgrade-to-gold {
  height: 100%;
  background-color: #e7f0e8;
  margin-bottom: 10px;
  margin-top: 0;
  display: inline-block;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
}

.upgrade-to-gold .header {
  font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 10px;
  color: #1E23B0;
}

.upgrade-to-gold ul li {
  padding-left: 28px;
  font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 27px;
  width: 50%;
  float: left;
  background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat;
}

.upgrade-to-gold .price {
  font-weight: bold;
  font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  float: left;
  margin-top: 17px;
  margin-left: 25px;
}

.upgrade-to-gold .price .smalltext {
  font-size: 14px;
  padding-left: 12px;
}

.upgrade-to-gold .upgrade_yes {
  clear: left;
}

.upgrade-to-gold .button {
  padding: 0 15px;
  background: #16b501;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #129e00;
  float: left;
  margin-top: 15px;
}

.upgrade-to-gold .button:hover {
  background-color: #108900;
}

.upgrade-to-gold .button a {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}

.hotel-widget {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  display: inline-block;
  width: 100%;
}

.hotel-widget .banner {
  float: left;
  width: 165px;
}

.hotel-widget .banner img {
  width: 165px;
  border-radius: 3px;
  margin-left: 3px;
}

.hotel-widget .banner .dates {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}

.hotel-widget .banner .hotel_count {
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
}

.hotel-widget .banner .hotel_count span {
  font-size: 40px;
}

.hotel-widget .banner .see_all {
  text-align: center;
  margin-top: 29px;
}

.hotel-widget .banner .see_all a {
  color: #000000;
  text-decoration: underline;
  font-size: 100%;
}

.hotel-widget .recommended_hotels_list {
  float: right;
  padding-left: 12px;
}

.hotel-widget .hotel_img {
  border-radius: 3px 3px 0 0;
  position: relative;
  overflow: hidden;
  height: 90px;
}

.hotel-widget .hotel_review_score {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  padding: 4px 4px 3px 4px;
  border-radius: 3px;
  z-index: 9;
  text-align: center;
  font-size: 16px;
  display: block;
  min-width: 43px;
  text-decoration: none;
  width: 75px;
  line-height: 14px;
  background: #1E23B0;
}

.hotel-widget .hotel_review_score_word {
  font-size: 12px;
}

.hotel-widget .hotel_list_hotel_name {
  color: #000000 !important;
  font-size: 90%;
  display: block;
  height: 29px;
  line-height: 1.1em;
  float: left;
}

.hotel-widget .hotel_list_hotel_name h2 {
  float: left;
  font-size: 85%;
  color: #000000;
  max-width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hotel_info .image_wrap .image {
  border-radius: 3px;
  border: 1px solid #949494;
  margin-bottom: 12px;
}

.hotel_info .image_wrap .image:nth-child(odd) {
  float: left;
}

.hotel_info .image_wrap .image:nth-child(even) {
  float: right;
}

.hotel_result .image_wrap {
  padding: 10px;
  float: left;
  width: 270px;
}

.hotel_result_gallery .image_wrap {
  padding: 5px 0px 5px 10px;
  float: left;
}

.hotel-widget .hotel_info {
  margin-top: 0;
  margin-bottom: 0;
  width: 96%;
  height: 50px;
}

.hotel-widget .hotel_info_img {
  float: left;
  margin-top: 8px;
  margin-left: 5px;
}

.hotel-widget div.hotel_price_section {
  clear: left;
}

.hotel-widget div.hotel_room_type {
  font-size: 12px;
  float: left;
}

.hotel-widget .max_occ_icon {
  background-image: url("//q.bstatic.com/static/affiliate_base/img/aff_hotel_list_max_occ/3e5bac6eefc5e7f7a7d50d1b6ec6210c7bd26a5c.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 22px;
  margin-left: 3px;
}

.hotel-widget .max_occ_type_single {
  background-position: 0 5px;
}

.hotel-widget .max_occ_type_double {
  background-position: 0 -16px;
}

.hotel-widget .max_occ_type_triple {
  background-position: 0 -35px;
}

.hotel-widget div.hotel_price_from {
  font-size: 18px;
  float: left;
  padding-top: 1px;
  padding-left: 15px;
}

.hotel-widget a.b_submitButton.book_btn_position {
  color: #000000;
  text-decoration: underline;
  float: right;
  margin-top: 1px;
}

.car-widget {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 15px 15px 5px;
  border-radius: 3px;
  border: 1px solid #6c6c6c;
  display: inline-block;
  width: 100%;
}

.car-widget .wrapper {
  width: 33%;
  float: left;
  margin-left: 4px;
}

.car-widget .wrapper img.carimage {
  float: left;
  margin-right: 10px;
  width: 150px;
}

.car-widget .wrapper .make {
  font-weight: bold;
}

.car-widget .wrapper .type {
  font-size: 11px;
}

.car-widget .wrapper .icons > div {
  display: inline-block;
  padding: 0 2px 0 22px;
  line-height: 20px;
  margin: 2px 0 0 0;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 12%;
  background-repeat: no-repeat;
  cursor: default;
  font-size: 10px;
  font-weight: normal;
}

.car-widget .wrapper .seats {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -63px no-repeat;
}

.car-widget .wrapper .doors {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -129px no-repeat;
}

.car-widget .wrapper .aircon {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left 2px no-repeat;
}

.car-widget .wrapper .transmission {
  background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -192px no-repeat;
}

.car-widget .wrapper .was {
  color: #ee301a;
  margin-top: 7px;
  font-size: 12px;
  text-decoration: line-through;
  float: left;
}

.car-widget .wrapper .now, .now2 {
  color: inherit;
  font-size: 18px;
  float: left;
  margin-left: 18px;
  margin-top: 7px;
}

.car-widget .wrapper .searchNowButton {
  text-decoration: underline;
  cursor: pointer;
  margin-top: 7px;
  float: right;
  margin-right: 33px;
}
/*
 * FlygCity design tokens — pixel-sampled directly from screenshots (not
 * guessed).
 *
 * 2026-09-01 update: re-sampled from the new "New figma screenshots/
 * desktop/1-4.png" front-page redesign (Python/Pillow pixel sampling, not
 * eyeballed) -- one consistent blue and one consistent yellow used
 * everywhere across all 4 screenshots: nav/heading/link text, the logo
 * badge's text, radio-selected fill, the big CTA banner background, the
 * footer background, all sampled as identical #285abd; "Sök flyg"/
 * "Prenumerera" button fills, the logo badge fill, price badges, and
 * (inverted, on the blue banner/footer) headings/checkmark-icon fills all
 * sampled as identical #ffef4f. --color-primary-light is NOT sampled from
 * a screenshot (no matching UI state -- in-range datepicker fill, sort-tab
 * active background -- appeared in these 4 front-page shots) -- derived
 * instead as a ~12%-primary/88%-white tint of the new primary, preserving
 * the same "light tint of primary" role the old value played rather than
 * leaving it mismatched against the new, more saturated blue.
 *
 * Previous values (navy #2b4d6f / gold #e7b543), for reference: sampled
 * from an earlier "FlygCity 2025" Figma prototype pass, superseded by
 * this one.
 *
 * --color-success/--color-danger are UNCHANGED -- no green "Inkluderat"
 * chip or red error state appears in the new front-page screenshots, so
 * there's nothing to re-sample them against yet.
 */
:root {
  --color-primary: #285abd;
  --color-primary-light: #e5ebf7;
  --color-accent: #ffef4f;
  --color-success: #4caf50;
  --color-danger: #e8413d;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  /* Preflight's `img, video { max-width: 100%; height: auto }` beats a plain
     HTML width/height attribute (those are UA-stylesheet-level presentational
     hints, lower priority than any author rule). Most of this codebase's
     image_tag calls -- across files this redesign touched and, more subtly,
     ones it didn't but that still render under a Tailwind-loaded brand pack
     -- rely solely on width:/height: to size logos/icons, so on its own this
     makes them render at whatever their natural size is instead. Revert
     sizing to attribute-respecting behavior specifically for images that
     declare a width or height attribute; images with neither (the normal
     case for markup actually written with Tailwind classes) keep Preflight's
     responsive default. */
  img[width],
  img[height] {
    max-width: revert;
    width: revert;
    height: revert;
  }

  /* Preflight's `a { color: inherit }` beats nothing -- no theme file has
     ever set a default link color (only `text-decoration: none`, in
     _layout.scss). Before Tailwind, unclassed <a> tags rendered
     browser-default blue; now they silently inherit the surrounding text
     color (usually black). Restore a sane, on-brand default for any link
     that isn't explicitly classed (Tailwind-authored markup always classes
     its links, e.g. `text-primary hover:underline`, so this only affects
     legacy/untouched anchors). */
  a:not([class]) {
    color: var(--color-primary);
    text-decoration: underline;
  }

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.collapse {
  visibility: collapse !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.inset-0 {
  inset: 0px !important;
}
.inset-x-0 {
  left: 0px !important;
  right: 0px !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.left-0 {
  left: 0px !important;
}
.left-1\/2 {
  left: 50% !important;
}
.left-3 {
  left: 0.75rem !important;
}
.right-0 {
  right: 0px !important;
}
.right-4 {
  right: 1rem !important;
}
.top-0 {
  top: 0px !important;
}
.top-1\/2 {
  top: 50% !important;
}
.top-4 {
  top: 1rem !important;
}
.top-\[65px\] {
  top: 65px !important;
}
.top-full {
  top: 100% !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-\[1000\] {
  z-index: 1000 !important;
}
.z-\[60\] {
  z-index: 60 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-6 {
  order: 6 !important;
}
.order-first {
  order: -9999 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.float-none {
  float: none !important;
}
.m-0 {
  margin: 0px !important;
}
.m-auto {
  margin: auto !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-6 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.-mb-px {
  margin-bottom: -1px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-1\.5 {
  margin-bottom: 0.375rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.ml-0\.5 {
  margin-left: 0.125rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mt-0\.5 {
  margin-top: 0.125rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.grid {
  display: grid !important;
}
.contents {
  display: contents !important;
}
.hidden {
  display: none !important;
}
.h-0\.5 {
  height: 0.125rem !important;
}
.h-1\.5 {
  height: 0.375rem !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-11 {
  height: 2.75rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-2\.5 {
  height: 0.625rem !important;
}
.h-24 {
  height: 6rem !important;
}
.h-28 {
  height: 7rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-3\.5 {
  height: 0.875rem !important;
}
.h-32 {
  height: 8rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-\[1\.8rem\] {
  height: 1.8rem !important;
}
.h-\[1em\] {
  height: 1em !important;
}
.h-\[850px\] {
  height: 850px !important;
}
.h-auto {
  height: auto !important;
}
.h-full {
  height: 100% !important;
}
.h-px {
  height: 1px !important;
}
.max-h-52 {
  max-height: 13rem !important;
}
.max-h-60 {
  max-height: 15rem !important;
}
.max-h-80 {
  max-height: 20rem !important;
}
.max-h-\[70vh\] {
  max-height: 70vh !important;
}
.max-h-\[80vh\] {
  max-height: 80vh !important;
}
.max-h-\[85vh\] {
  max-height: 85vh !important;
}
.max-h-\[90vh\] {
  max-height: 90vh !important;
}
.min-h-\[\.\.\.\] {
  min-height: ... !important;
}
.min-h-\[70vh\] {
  min-height: 70vh !important;
}
.min-h-\[80vh\] {
  min-height: 80vh !important;
}
.min-h-\[calc\(100vh-4\.5rem\)\] {
  min-height: calc(100vh - 4.5rem) !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
.w-1\.5 {
  width: 0.375rem !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-12 {
  width: 3rem !important;
}
.w-14 {
  width: 3.5rem !important;
}
.w-16 {
  width: 4rem !important;
}
.w-2\.5 {
  width: 0.625rem !important;
}
.w-2\/5 {
  width: 40% !important;
}
.w-24 {
  width: 6rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-3\.5 {
  width: 0.875rem !important;
}
.w-3\/5 {
  width: 60% !important;
}
.w-32 {
  width: 8rem !important;
}
.w-4 {
  width: 1rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-56 {
  width: 14rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-64 {
  width: 16rem !important;
}
.w-7 {
  width: 1.75rem !important;
}
.w-72 {
  width: 18rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-80 {
  width: 20rem !important;
}
.w-9 {
  width: 2.25rem !important;
}
.w-\[1\.8rem\] {
  width: 1.8rem !important;
}
.w-\[1em\] {
  width: 1em !important;
}
.w-\[var\(--aisle-w\2c 1rem\)\] {
  width: var(--aisle-w,1rem) !important;
}
.w-\[var\(--label-w\2c 2rem\)\] {
  width: var(--label-w,2rem) !important;
}
.w-\[var\(--seat-w\2c 3rem\)\] {
  width: var(--seat-w,3rem) !important;
}
.w-auto {
  width: auto !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-\[220px\] {
  min-width: 220px !important;
}
.min-w-\[640px\] {
  min-width: 640px !important;
}
.max-w-2xl {
  max-width: 42rem !important;
}
.max-w-3xl {
  max-width: 48rem !important;
}
.max-w-4xl {
  max-width: 56rem !important;
}
.max-w-5xl {
  max-width: 64rem !important;
}
.max-w-6xl {
  max-width: 72rem !important;
}
.max-w-7xl {
  max-width: 80rem !important;
}
.max-w-\[1260px\] {
  max-width: 1260px !important;
}
.max-w-\[26rem\] {
  max-width: 26rem !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-lg {
  max-width: 32rem !important;
}
.max-w-md {
  max-width: 28rem !important;
}
.max-w-none {
  max-width: none !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.max-w-xl {
  max-width: 36rem !important;
}
.max-w-xs {
  max-width: 20rem !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1 !important;
}
.grow-\[\] {
  flex-grow:  !important;
}
.border-collapse {
  border-collapse: collapse !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-0 {
  --tw-scale-x: 0 !important;
  --tw-scale-y: 0 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-row-resize {
  cursor: row-resize !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.resize {
  resize: both !important;
}
.list-decimal {
  list-style-type: decimal !important;
}
.list-disc {
  list-style-type: disc !important;
}
.list-none {
  list-style-type: none !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-\[\.\.\.\] {
  grid-template-columns: ... !important;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto !important;
}
.grid-cols-\[2rem_1fr\] {
  grid-template-columns: 2rem 1fr !important;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-1\.5 {
  gap: 0.375rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-2\.5 {
  gap: 0.625rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-\[var\(--seat-gap\2c 0\.375rem\)\] {
  gap: var(--seat-gap,0.375rem) !important;
}
.gap-x-4 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.gap-y-1 {
  row-gap: 0.25rem !important;
}
.gap-y-2 {
  row-gap: 0.5rem !important;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)) !important;
}
.divide-white\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.2) !important;
}
.self-center {
  align-self: center !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.break-all {
  word-break: break-all !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-2xl {
  border-radius: 1rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-none {
  border-radius: 0px !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.rounded-t {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.rounded-tl {
  border-top-left-radius: 0.25rem !important;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px !important;
}
.border-0 {
  border-width: 0px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-l {
  border-left-width: 1px !important;
}
.border-l-2 {
  border-left-width: 2px !important;
}
.border-l-4 {
  border-left-width: 4px !important;
}
.border-r-0 {
  border-right-width: 0px !important;
}
.border-t {
  border-top-width: 1px !important;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid !important;
}
.border-dotted {
  border-style: dotted !important;
}
.\!border-danger {
  border-color: var(--color-danger) !important;
}
.\!border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}
.border-accent {
  border-color: var(--color-accent) !important;
}
.border-amber-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)) !important;
}
.border-blue-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)) !important;
}
.border-danger {
  border-color: var(--color-danger) !important;
}
.border-emerald-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important;
}
.border-green-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)) !important;
}
.border-primary {
  border-color: var(--color-primary) !important;
}
.border-red-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)) !important;
}
.border-red-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)) !important;
}
.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2) !important;
}
.border-l-primary {
  border-left-color: var(--color-primary) !important;
}
.border-t-primary {
  border-top-color: var(--color-primary) !important;
}
.bg-accent {
  background-color: var(--color-accent) !important;
}
.bg-amber-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)) !important;
}
.bg-amber-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important;
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5) !important;
}
.bg-blue-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-danger {
  background-color: var(--color-danger) !important;
}
.bg-emerald-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-50\/60 {
  background-color: rgb(249 250 251 / 0.6) !important;
}
.bg-gray-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5) !important;
}
.bg-green-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important;
}
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-primary-light {
  background-color: var(--color-primary-light) !important;
}
.bg-red-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}
.bg-red-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important;
}
.bg-success {
  background-color: var(--color-success) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9) !important;
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95) !important;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.from-black\/35 {
  --tw-gradient-from: rgb(0 0 0 / 0.35) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-black\/5 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position) !important;
}
.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.p-0 {
  padding: 0px !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-1\.5 {
  padding: 0.375rem !important;
}
.p-12 {
  padding: 3rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.px-1\.5 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-16 {
  padding-bottom: 4rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.pb-24 {
  padding-bottom: 6rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pl-9 {
  padding-left: 2.25rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-1\.5 {
  padding-top: 0.375rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-24 {
  padding-top: 6rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-\[-0\.125em\] {
  vertical-align: -0.125em !important;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem !important;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem !important;
}
.text-\[10px\] {
  font-size: 10px !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.normal-case {
  text-transform: none !important;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}
.leading-8 {
  line-height: 2rem !important;
}
.leading-none {
  line-height: 1 !important;
}
.leading-relaxed {
  line-height: 1.625 !important;
}
.leading-tight {
  line-height: 1.25 !important;
}
.tracking-wide {
  letter-spacing: 0.025em !important;
}
.text-accent {
  color: var(--color-accent) !important;
}
.text-amber-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1)) !important;
}
.text-amber-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1)) !important;
}
.text-amber-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important;
}
.text-amber-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1)) !important;
}
.text-amber-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1)) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-emerald-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1)) !important;
}
.text-emerald-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1)) !important;
}
.text-emerald-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}
.text-primary {
  color: var(--color-primary) !important;
}
.text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.text-red-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1)) !important;
}
.text-red-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}
.underline {
  text-decoration-line: underline !important;
}
.line-through {
  text-decoration-line: line-through !important;
}
.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.accent-primary {
  accent-color: var(--color-primary) !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.\!shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_-2px_16px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 -2px 16px rgba(0,0,0,0.12) !important;
  --tw-shadow-colored: 0 -2px 16px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_-2px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;
  --tw-shadow-colored: 0 -2px 8px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_-4px_6px_-4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 -4px 6px -4px rgba(0,0,0,0.1) !important;
  --tw-shadow-colored: 0 -4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline {
  outline-style: solid !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-accent {
  --tw-ring-color: var(--color-accent) !important;
}
.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05) !important;
}
.ring-primary {
  --tw-ring-color: var(--color-primary) !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.brightness-0 {
  --tw-brightness: brightness(0) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

/* Deliberately OUTSIDE any @layer: Tailwind v3 doesn't compile its own
   output into a native CSS cascade layer (that's a v4 feature) -- utilities
   are plain, unlayered, low-specificity (single class, 0-0-1-0) rules. The
   legacy theme SCSS still shared by this pack (not yet removable -- brand
   packs serve both rebuilt and not-yet-rebuilt pages during this migration)
   has a bare-tag rule (`input, select { border: 0; border-radius: 3px;
   font-family: ...; font-weight: 300; }` in themes/general/_layout.scss --
   note: `input, select` ONLY, no `button`) that, depending on the exact
   selector, can tie or beat a plain utility class on specificity. Rather
   than fight that per-instance, every page built fresh for this rebuild
   wraps its content in `.tw-page` (see layouts), and this block --
   unlayered, loaded after the legacy theme import so it wins ties on
   source order too -- resets exactly the bare-tag properties known to
   collide, scoped to that marker so not-yet-rebuilt legacy pages sharing
   the same brand pack are unaffected.

   `button` was REMOVED from this selector (previously included alongside
   input/select "for consistency," but the legacy rule above never actually
   targeted it): `revert` rolls a property back to the browser's own
   user-agent default, not to "no override," and a plain HTML <button>'s UA
   default is `border: 2px outset ButtonFace` -- a raised 3D bevel. With
   button included here, EVERY plain <button> on EVERY rebuilt page (this
   rule is unlayered and loaded last, so it beats Tailwind's own preflight
   button reset on source order alone) rendered with that native bevel
   unless the button happened to carry an explicit Tailwind border/bg
   utility (forced !important by `important: true` in tailwind.config.js,
   the only thing that reliably wins against this rule). That's what made
   every plain icon/text button across the whole site -- the datepicker's
   day cells and nav arrows, filter-sidebar toggles and reset link, sort
   tabs before their own explicit styling -- look like it had an unwanted
   gray box/ring around it. Confirmed via computed-style inspection: a
   bare `document.createElement('button')` appended to `document.body`
   computed to `border: 2px outset rgb(0, 0, 0)` on this exact page.
   Removing `button` here lets Tailwind's actual preflight reset apply
   (author-origin CSS always beats the UA stylesheet regardless of source
   order, so this doesn't need the same "wins on load order" trick
   input/select still need), giving every button a transparent,
   borderless baseline that explicit Tailwind classes then style normally.

   `background` is deliberately NOT included on input/select here: no
   legacy bare input/select rule sets it (checked), and `revert` discards
   ALL author-origin declarations for a property -- including Tailwind's
   own `bg-*` utilities on the very same element, not just the colliding
   legacy one. Including it made every rebuilt button/input fall back to
   the browser's native control background instead of its intended
   Tailwind color (caught via computed-style inspection: bg-accent buttons
   rendering as flat UA gray, rgb(239,239,239)). If a real legacy
   `background` collision turns up later, resolve it with an explicit
   color value here, not `revert`. */
/* Nothing may make the page wider than the screen.

   A single long word could do it. The privacy policy's <h1> is the Swedish
   compound "Personuppgiftspolicy" -- 369px at prose's heading size, and a
   word has no break opportunity in it -- which forced the page to 401px on a
   320px screen and left the phone scrolling sideways, with no scrollbar or
   clipped edge to show why.

   Two things that look like they would fix this do not. min-width:0 on the
   flex item is the usual answer, but <main> is flex-col, so the automatic
   minimum applies to the block axis, not the width; and the wrapper carries
   mx-auto, which switches off cross-axis stretch and leaves it sized by its
   own content anyway. overflow-wrap:break-word is the other, and it breaks a
   word at layout time without lowering the element's min-content width --
   which is the number that was sizing the box in the first place.

   `anywhere` is the one that does both: it is counted when min-content is
   calculated, so the box can finally be as narrow as the screen, and the word
   then breaks to fit it. Scoped to prose, the long-form content where this
   comes up -- not wanted on, say, a price that should never split across
   lines.

   hyphens:auto alongside it so the break lands somewhere a reader expects.
   On its own `anywhere` cuts at whatever character happens to reach the
   edge, which turned that heading into "Personuppgiftspolic / y". The
   layouts set <html lang> from the gate's locale, so the browser has the
   language it needs to hyphenate properly; `anywhere` stays as the fallback
   for a string with no hyphenation point at all, such as a long URL. */
.tw-page .prose {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* The same guard for every other page, because the privacy policy was not
   special -- it was just the page where a long enough word happened to land.
   Every page wrapper follows the same shape (`mx-auto max-w-*` inside the
   flex-col <main>), and mx-auto switches off cross-axis stretch, so any of
   them will size itself to its content and push the document wider than the
   screen given a long enough word. The about page uses the same wrapper and
   does NOT use prose, so the rule above never covered it.

   Two halves, and both are needed:

   width:100% makes the wrapper take the container's width instead of its
   content's, which is what mx-auto took away. Deliberately `width` and not
   `max-width`: these wrappers carry max-w-6xl/max-w-3xl, and Tailwind runs
   with important:true, so a max-width here loses to theirs -- and forcing it
   through with !important would override the 1152px cap and stretch the
   layout across a desktop monitor. Setting width leaves their max-width to
   cap it and their mx-auto to centre it, which is the behaviour the design
   already wanted; it just stops the box sizing itself to a long word.

   break-word then breaks a word that still does not fit. Unlike `anywhere`
   it does not affect min-content sizing, so it cannot make anything
   narrower than it should be -- it only ever acts on text that would
   otherwise overflow. Safe to apply broadly, which is why prose keeps the
   stronger `anywhere` and everything else gets this. */
.tw-page main > * {
  width: 100%;
}

.tw-page {
  overflow-wrap: break-word;
}

/* iOS zooms the whole page in when a text field it is focusing renders below
   16px, and leaves it zoomed -- which is what put the site sideways on a real
   phone and forced scrolling left and right to read it. Measured at 390px:
   every visible control on the front page, step2 and step3 was 14px
   (Tailwind's text-sm), so every tap on a field triggered it.

   16px on the controls is the fix that actually works. The other usual
   suggestion, user-scalable=no / maximum-scale=1 on the viewport, does not:
   Safari has ignored both since iOS 10 so that a page cannot take zoom away
   from the reader, and taking it away would be the wrong thing to do anyway.
   Stopping the involuntary zoom is the goal; deliberate pinch-zoom still
   works, as it should.

   Only below lg, so the desktop design keeps its text-sm fields -- a pointer
   device never triggers this. Only the controls that DO trigger it: a
   checkbox, radio, button or submit is not a text field and iOS does not zoom
   for them, so their sizing is left alone.

   !important and a (0,1,1) selector because Tailwind runs with important:
   true, so .text-sm arrives as `font-size: .875rem !important` -- an
   unqualified rule would lose, and between two !important rules the more
   specific one wins. */
@media (max-width: 1023px) {
  .tw-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="range"]),
  .tw-page select,
  .tw-page textarea {
    font-size: 16px !important;
  }
}

.tw-page input,
.tw-page select {
  border: revert;
  border-radius: revert;
  font-family: revert;
  font-weight: revert;
}

/* themes/general/desktop/styles/layout/dep/reset-css.scss (the classic
   Eric Meyer reset) sets `border: 0` -- width AND style -- on a giant
   selector list covering nearly every HTML tag (div, span, a, header,
   nav, section, table, ... down to `video`). Tailwind's own preflight
   sets a site-wide `border-style: solid` default on `*` so a bare
   `border`/`border-2`/etc width utility is visible on its own, but `*`
   has zero specificity -- LOWER than the reset's per-tag selectors
   (e.g. plain `a`, specificity 0-0-1) -- so for any of those tags the
   reset's `border-style: none` silently won (neither declaration is
   !important, so ordinary specificity decided it). A "none" border
   renders (and computes, confirmed live) as 0 width regardless of what
   border-width itself is set to, INCLUDING an explicit `!important`
   border-width utility -- so `border border-white` and friends looked
   like they should render a 1px border and simply didn't. This wasn't
   one broken button: every rebuilt `border`/`border-*` element whose
   tag appears in that reset list was affected. `.tw-page *` (0,1,0)
   beats any single-tag reset selector on specificity alone; !important
   here is redundant against non-important competitors but makes the
   intent explicit and protects against a future !important collision.

   :not(.border-dotted, ...) excludes elements using an explicit
   non-solid border-style utility (confirmed live: step2/_booking_form's
   baggage-row divider uses border-dotted) -- both that utility and this
   rule are !important with equal (0,1,0) specificity, so without the
   exclusion, source order alone would decide, and this rule sits later
   in the file. Excluding those elements from the selector entirely
   avoids the tie altogether rather than trying to win it. */
.tw-page *:not(.border-dashed):not(.border-dotted):not(.border-double):not(.border-none):not(.border-hidden) {
  border-style: solid !important;
}

/* This project has no @tailwindcss/forms plugin and never resets
   `appearance`, so every <select> on every rebuilt page rendered the
   browser's own native dropdown arrow, not a Tailwind-drawn one --
   inconsistent across browsers and visibly thin/misplaced against this
   rebuild's own field padding (sized for a custom icon, not whatever arrow
   a given browser happens to draw). Fixed globally here, once, rather than
   per select_tag call site: appearance-none removes the native arrow and
   this draws one explicit SVG chevron instead, positioned the same way on
   every <select> site-wide. `.tw-page select` (0,1,1 specificity) beats
   any of the element's own padding-right utility (e.g. px-3, 0,1,0) even
   though both are !important -- higher specificity still decides ties
   between two !important author-origin rules -- so this doesn't need to
   touch each view's own classes. */
.tw-page select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* appearance:none takes the native control away but does not give the
     element a background, so a <select> with no bg-* class of its own falls
     through to whatever the browser paints by default. Desktop Chrome paints
     white, which is why this looked fine here; iOS paints a grey gradient,
     so on a phone nearly every dropdown on the site came out grey. Only 4 of
     the 37 selects in the rebuilt views carry a bg-* class -- the cabin
     picker is one of them, which is exactly why that one looked right and
     the rest did not.

     Stated once here rather than added to 33 call sites, so a select added
     later cannot miss it. A select that genuinely wants another colour still
     wins: Tailwind's bg-* utilities are !important, and they set only
     background-color, so the chevron above survives. */
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236b7280%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.23%207.21a.75.75%200%20011.06.02L10%2011.168l3.71-3.938a.75.75%200%20111.08%201.04l-4.25%204.5a.75.75%200%2001-1.08%200l-4.25-4.5a.75.75%200%2001.02-1.06z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 0.6rem center;
  background-size: 16px 16px;
  padding-right: 2.25rem !important;
}

/* input[type="submit"]:hover { background-color: transparent !important }
   in themes/general/_layout.scss (line ~126) was written for the old
   Bootstrap submit buttons and made every rebuilt `submit_tag` button --
   an actual <input type="submit">, unlike the <button type="submit">
   elements used elsewhere in this rebuild -- go visibly blank/white on
   hover: its own bg-accent/bg-primary utility (also !important) ties that
   legacy rule on specificity (0,2,1 apiece), and `revert` can't be used to
   cancel just the legacy declaration here the way it is above for
   border/font, since revert skips every author-origin rule for that
   property -- including the button's own Tailwind background class, not
   just the colliding legacy one (confirmed by the same class of bug this
   file's border/background comments above already document). Restating
   each button's own base color explicitly, scoped to its actual utility
   class, is the only way to keep hover distinguishable via the
   hover:brightness-* filter every one of these buttons already carries,
   rather than the color vanishing outright. Add another rule here if a
   third bg-* color is ever used on a `.tw-page` submit_tag button. */
.tw-page input[type="submit"].bg-accent:focus,
.tw-page input[type="submit"].bg-accent:hover {
  background-color: var(--color-accent) !important;
}

.tw-page input[type="submit"].bg-primary:focus,
.tw-page input[type="submit"].bg-primary:hover {
  background-color: var(--color-primary) !important;
}

/* step2's countdown timer (step2/_booking_timer.html.erb). This used to
   restyle a third-party Vue component from @aobtravel/falco-webkit, whose
   own SCSS supplied the base look; both are gone now, so these rules are
   the timer's only styling and have to stand alone rather than override.
   Small, centered, rounded alert-style banner -- light background,
   compact type, matching the rest of this rebuild's card language. The
   partial's caller in step_2.html.erb constrains width/centering
   (mx-auto max-w-md). The timeout dialog is deliberately a sibling of
   .booking-timer, not a child, so the h2/span rules below don't hit it. */
.tw-page .booking-timer {
  width: 100%;
  margin: 0;
  border: 1px solid var(--color-primary-light);
  border-radius: 0.75rem;
  background: var(--color-primary-light);
  padding: 0.5rem 1rem;
  text-align: center;
}

.tw-page .booking-timer h2 {
  font-size: 0.8125rem;
  color: var(--color-primary);
}

.tw-page .booking-timer span {
  font-size: 0.8125rem;
  color: var(--color-primary);
}

/* Mobile-unification safety net, unscoped (every page, not just .tw-page --
   this is shared site chrome). The footer (flygcity_responsive/_footer.html.erb
   and its per-theme equivalents, none rebuilt yet -- that's its own later
   phase) sets a hardcoded pixel width on its logo strip so all 8 logos sit
   in one un-wrapped row; below that width it forces the whole page to
   scroll horizontally, which would make every other page's real mobile
   reflow work look broken by association regardless of how correct that
   page's own markup is. max-width:100% here is a real fix for the actual
   overflow source, not just a mask -- the logos still lay out identically
   above that width, and wrap (still readable, just not identical to
   desktop) below it, which is what happens anyway once the row is capped
   to viewport width and float/inline-block children run out of room.
   overflow-x:hidden on body is an additional, deliberately blunt safety
   net for anything else pre-existing this pass hasn't individually found
   and fixed yet -- remove it once the whole site is audited, not before. */
body {
  overflow-x: hidden;
}

.footer-logo ul {
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.footer-logo ul li {
  float: none !important;
}

.footer-logo ul li img {
  max-width: 100%;
  height: auto;
}

/* Bug report: "put some dropshadow (very little) on all cards (all divs
   with rounded corners and white background)... more contrast... is
   needed". There's no single shared card component to edit -- this
   rebuild has ~100 one-off `rounded-* ... bg-white` combos across dozens
   of view files (border-only, no shadow) -- so this targets the pattern
   structurally instead of touching every call site individually.

   `[class*="rounded-"]` + `[class*="bg-white"]` (substring match on the
   raw class attribute, not a compiled Tailwind selector) catches every
   rounded/white element regardless of exact radius (-md/-lg/-xl/-2xl)
   or white opacity (bg-white/90, bg-white/95, ...). Two exclusions:
   `rounded-full` is small circular UI (radio dots, avatar circles), not
   a card, and is excluded outright; anything that already carries an
   explicit `shadow-*` utility (dropdown menus, modals -- shadow-lg/-xl)
   already has real elevation and is left alone rather than stacked.
   Scoped to `.tw-page` like every other rule in this file: not-yet-
   rebuilt legacy pages sharing the same brand pack are unaffected. */
.tw-page [class*="rounded-"]:not([class*="rounded-full"])[class*="bg-white"]:not([class*="shadow-"]) {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.first-letter\:uppercase::first-letter {
  text-transform: uppercase !important;
}
.placeholder\:text-gray-400::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.after\:absolute::after {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.after\:inset-0::after {
  content: var(--tw-content) !important;
  inset: 0px !important;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}
.last\:mb-0:last-child {
  margin-bottom: 0px !important;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-primary:hover {
  border-color: var(--color-primary) !important;
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)) !important;
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-primary:hover {
  background-color: var(--color-primary) !important;
}
.hover\:bg-primary-light:hover {
  background-color: var(--color-primary-light) !important;
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-white\/60:hover {
  background-color: rgb(255 255 255 / 0.6) !important;
}
.hover\:text-accent:hover {
  color: var(--color-accent) !important;
}
.hover\:text-gray-600:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-primary:hover {
  color: var(--color-primary) !important;
}
.hover\:underline:hover {
  text-decoration-line: underline !important;
}
.hover\:opacity-90:hover {
  opacity: 0.9 !important;
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.hover\:brightness-90:hover {
  --tw-brightness: brightness(.9) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring-primary:focus {
  --tw-ring-color: var(--color-primary) !important;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid !important;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px !important;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px !important;
}
.focus-visible\:outline-accent:focus-visible {
  outline-color: var(--color-accent) !important;
}
.focus-visible\:outline-danger:focus-visible {
  outline-color: var(--color-danger) !important;
}
.focus-visible\:outline-primary:focus-visible {
  outline-color: var(--color-primary) !important;
}
.focus-visible\:outline-success:focus-visible {
  outline-color: var(--color-success) !important;
}
.active\:bg-white:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:cursor-default:disabled {
  cursor: default !important;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed !important;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5 !important;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6 !important;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7 !important;
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.group:hover .group-hover\:bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.peer:checked ~ .peer-checked\:scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.peer:checked ~ .peer-checked\:border-primary {
  border-color: var(--color-primary) !important;
}
.peer:checked ~ .peer-checked\:bg-primary {
  background-color: var(--color-primary) !important;
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1 !important;
}
.has-\[\:checked\]\:border-gray-500:has(:checked) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important;
}
.has-\[\:checked\]\:border-primary:has(:checked) {
  border-color: var(--color-primary) !important;
}
.has-\[\:checked\]\:bg-gray-500:has(:checked) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)) !important;
}
.has-\[\:checked\]\:bg-primary-light:has(:checked) {
  background-color: var(--color-primary-light) !important;
}
.has-\[\:checked\]\:bg-success:has(:checked) {
  background-color: var(--color-success) !important;
}
.has-\[\:checked\]\:text-white:has(:checked) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
@media (min-width: 640px) {

  .sm\:order-1 {
    order: 1 !important;
  }

  .sm\:order-2 {
    order: 2 !important;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem !important;
  }

  .sm\:mb-2\.5 {
    margin-bottom: 0.625rem !important;
  }

  .sm\:mt-16 {
    margin-top: 4rem !important;
  }

  .sm\:block {
    display: block !important;
  }

  .sm\:inline {
    display: inline !important;
  }

  .sm\:inline-flex {
    display: inline-flex !important;
  }

  .sm\:grid {
    display: grid !important;
  }

  .sm\:hidden {
    display: none !important;
  }

  .sm\:h-24 {
    height: 6rem !important;
  }

  .sm\:h-\[620px\] {
    height: 620px !important;
  }

  .sm\:w-40 {
    width: 10rem !important;
  }

  .sm\:w-44 {
    width: 11rem !important;
  }

  .sm\:w-56 {
    width: 14rem !important;
  }

  .sm\:w-80 {
    width: 20rem !important;
  }

  .sm\:w-auto {
    width: auto !important;
  }

  .sm\:min-w-\[220px\] {
    min-width: 220px !important;
  }

  .sm\:shrink-0 {
    flex-shrink: 0 !important;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:flex-row {
    flex-direction: row !important;
  }

  .sm\:items-end {
    align-items: flex-end !important;
  }

  .sm\:items-center {
    align-items: center !important;
  }

  .sm\:justify-between {
    justify-content: space-between !important;
  }

  .sm\:gap-3 {
    gap: 0.75rem !important;
  }

  .sm\:gap-8 {
    gap: 2rem !important;
  }

  .sm\:self-end {
    align-self: flex-end !important;
  }

  .sm\:p-6 {
    padding: 1.5rem !important;
  }

  .sm\:p-8 {
    padding: 2rem !important;
  }

  .sm\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .sm\:py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .sm\:py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .sm\:pb-20 {
    padding-bottom: 5rem !important;
  }

  .sm\:pb-44 {
    padding-bottom: 11rem !important;
  }

  .sm\:pt-14 {
    padding-top: 3.5rem !important;
  }

  .sm\:pt-28 {
    padding-top: 7rem !important;
  }

  .sm\:pt-32 {
    padding-top: 8rem !important;
  }

  .sm\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
}
@media (min-width: 768px) {

  .md\:block {
    display: block !important;
  }

  .md\:inline-block {
    display: inline-block !important;
  }

  .md\:flex {
    display: flex !important;
  }

  .md\:hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {

  .lg\:static {
    position: static !important;
  }

  .lg\:sticky {
    position: sticky !important;
  }

  .lg\:top-4 {
    top: 1rem !important;
  }

  .lg\:z-auto {
    z-index: auto !important;
  }

  .lg\:order-1 {
    order: 1 !important;
  }

  .lg\:order-2 {
    order: 2 !important;
  }

  .lg\:order-3 {
    order: 3 !important;
  }

  .lg\:order-4 {
    order: 4 !important;
  }

  .lg\:order-5 {
    order: 5 !important;
  }

  .lg\:order-none {
    order: 0 !important;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .lg\:col-start-1 {
    grid-column-start: 1 !important;
  }

  .lg\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .lg\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .lg\:row-start-2 {
    grid-row-start: 2 !important;
  }

  .lg\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .lg\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px !important;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem !important;
  }

  .lg\:mt-0 {
    margin-top: 0px !important;
  }

  .lg\:block {
    display: block !important;
  }

  .lg\:flex {
    display: flex !important;
  }

  .lg\:grid {
    display: grid !important;
  }

  .lg\:hidden {
    display: none !important;
  }

  .lg\:h-auto {
    height: auto !important;
  }

  .lg\:max-h-\[90vh\] {
    max-height: 90vh !important;
  }

  .lg\:w-64 {
    width: 16rem !important;
  }

  .lg\:w-72 {
    width: 18rem !important;
  }

  .lg\:w-auto {
    width: auto !important;
  }

  .lg\:max-w-2xl {
    max-width: 42rem !important;
  }

  .lg\:max-w-3xl {
    max-width: 48rem !important;
  }

  .lg\:max-w-xs {
    max-width: 20rem !important;
  }

  .lg\:shrink-0 {
    flex-shrink: 0 !important;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto !important;
  }

  .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr !important;
  }

  .lg\:flex-row {
    flex-direction: row !important;
  }

  .lg\:flex-col {
    flex-direction: column !important;
  }

  .lg\:items-start {
    align-items: flex-start !important;
  }

  .lg\:items-end {
    align-items: flex-end !important;
  }

  .lg\:items-center {
    align-items: center !important;
  }

  .lg\:items-stretch {
    align-items: stretch !important;
  }

  .lg\:justify-start {
    justify-content: flex-start !important;
  }

  .lg\:justify-between {
    justify-content: space-between !important;
  }

  .lg\:gap-6 {
    gap: 1.5rem !important;
  }

  .lg\:gap-x-4 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .lg\:gap-y-3 {
    row-gap: 0.75rem !important;
  }

  .lg\:justify-self-end {
    justify-self: end !important;
  }

  .lg\:overflow-visible {
    overflow: visible !important;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }

  .lg\:rounded-2xl {
    border-radius: 1rem !important;
  }

  .lg\:rounded-none {
    border-radius: 0px !important;
  }

  .lg\:border-l {
    border-left-width: 1px !important;
  }

  .lg\:border-t {
    border-top-width: 1px !important;
  }

  .lg\:border-t-0 {
    border-top-width: 0px !important;
  }

  .lg\:border-gray-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;
  }

  .lg\:bg-gray-900\/50 {
    background-color: rgb(17 24 39 / 0.5) !important;
  }

  .lg\:bg-transparent {
    background-color: transparent !important;
  }

  .lg\:p-0 {
    padding: 0px !important;
  }

  .lg\:p-4 {
    padding: 1rem !important;
  }

  .lg\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .lg\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem !important;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem !important;
  }

  .lg\:pl-4 {
    padding-left: 1rem !important;
  }

  .lg\:pt-0 {
    padding-top: 0px !important;
  }

  .lg\:pt-3 {
    padding-top: 0.75rem !important;
  }

  .lg\:pt-4 {
    padding-top: 1rem !important;
  }

  .lg\:text-center {
    text-align: center !important;
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }

  .lg\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
}
.\[\&_a\]\:font-medium a {
  font-weight: 500 !important;
}
.\[\&_a\]\:text-primary a {
  color: var(--color-primary) !important;
}
.\[\&_a\]\:hover\:underline:hover a {
  text-decoration-line: underline !important;
}
.\[\&_h1\]\:text-2xl h1 {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\[\&_h1\]\:font-bold h1 {
  font-weight: 700 !important;
}
.\[\&_h1\]\:text-gray-900 h1 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_h2\]\:mt-2 h2 {
  margin-top: 0.5rem !important;
}
.\[\&_h2\]\:text-lg h2 {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\[\&_h2\]\:font-semibold h2 {
  font-weight: 600 !important;
}
.\[\&_h2\]\:text-gray-900 h2 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_iframe\]\:w-full iframe {
  width: 100% !important;
}
.\[\&_iframe\]\:border-0 iframe {
  border-width: 0px !important;
}


/*# sourceMappingURL=flygcity_responsive-9f15447bad04835a21794ea0df942b99453b8d2d.css.map*/