/*
#block-flybetter-content {
  min-height: 1000px;
}
*/

form.node-trip-form,
form.node-trip-edit-form {
  position: relative;
}
@media screen and (min-width: 767px) {
  form.node-trip-form,
  form.node-trip-edit-form {
    display: flex;
    align-items: center;
  }
}

.field--name-field-return,
.field--name-field-party-size {
  margin-right: 20px;
}


form.node-form > .form-actions {
  margin: 1.1em 0 2em 2em;
}

/* global update button */
@media screen and (min-width: 767px) {
  #update-form {
    margin: 1em 0 0 2em;
  }
}
#update-form.active {
  background-image: url("/themes/flybetter/images/throbber.svg");
  background-repeat: no-repeat;
  background-position: right var(--sp1) center;
  padding-inline-end: var(--sp3);
}

/* add itinerary buttom */
.table-travel-legs + .form-actions {
  position: absolute;
  right: 0;
  top: 30px;
}

/* impact button */
.side-links {
  position: relative;
}
.impact.button.is-disabled {
  color: #aaa;
}
.impact.button.is-disabled:hover {
  color: #aaa;
  cursor: default;
  background: #fff;
  border-color: #dce2e5;
}
.impact-popup {
  display:none;
  height: 800px;
  width: 600px;
  background: white;
  border: 10px solid #FFF;
  border-radius: 25px
}
#impact-0-result {
  border-color: #699db2;
}
#impact-1-result {
  border-color: #fc525d;
}
.impact-popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
}
.impact-popup table td {
  padding:10px;
}
.impact-popup table td:first-child {
  width: 40%;
}

  /* add copy button */
.copy-button {
  background-image: url("/themes/flybetter/images/double-chevron-right.svg");
  background-repeat: no-repeat;
  width:20px;
  height:20px;
  position: absolute;
  right: 0;
  top: 33px;
  z-index: 100;
}
.copy-button:hover {
  cursor: pointer;
}
/* hide required asterisk */
.form-item__label.form-required::after {
  display:none;
}

#block-flybetter-content tr {
  padding:0;
}

.tabledrag-toggle-weight-wrapper {
  display:none;
}
.table-travel-legs > thead {
  display:none;
}
.table-travel-legs > tbody > tr > .field-multiple-drag  {
  display: none;
}
.table-travel-legs td {
  padding:10px !important;
}

/*hide cabin class, occupancy and custom radiative forcing by default */
.field--name-field-travel-legs .form-wrapper.field--name-field-class,
.field--name-field-travel-legs .form-wrapper.field--name-field-occupancy,
.field--name-field-travel-legs .form-wrapper.field--name-field-radiative-forcing {
  display: none;
}

.field--name-field-travel-legs .js-text-full {
  max-width:250px;
}

.table-travel-legs {
  max-width: 300px;
}
.table-travel-legs > tbody > tr {
  border: 1px solid #000;
  border-collapse:separate;
  border-radius:20px;
  max-width: 300px;
  min-width: 250px;
  display: block;
  z-index: 100;
  overflow: hidden;
  background-color: #699db2;
  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
  min-height: 200px;
}
.table-travel-legs > tbody > tr + tr {
  margin-top: 20px;
  left: 0 !important;
}
@media screen and (min-width: 767px) {
  .table-travel-legs > tbody > tr + tr {
    margin: 0;
    left: 290px !important;
  }
}

.table-travel-legs > tbody > tr.travel-leg-0 {
  background-color: #699db2;
}
.table-travel-legs > tbody > tr.travel-leg-1 {
  background-color: #fc525d;
}
.table-travel-legs > tbody > tr.travel-leg-2 {
  background-color: #a99c95;
}
.table-travel-legs > tbody > tr.travel-leg-3 {
  background-color: #f0f6f8;
}
.table-travel-legs > tbody td {
  border: 0;
}
@media screen and (min-width: 767px) {
  form.node-form > .field--name-field-travel-legs {
    margin-left: 1em;
  }
  .table-travel-legs > tbody > tr {
    position: absolute;
    top: 160px;
    left: 0;
  }
}
@media screen and (min-width: 850px) {
  .table-travel-legs > tbody > tr {
    top: 140px;
  }
}

.table-travel-legs > tbody td .paragraphs-subform {
  position: relative;
}
/*.table-travel-legs > tbody td .paragraphs-subform .form-wrapper {
  margin-bottom:.3em;
}*/

.table-travel-legs .button.travel-leg-update {
  /*
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  */
  margin: 1em 0 0 0;
}

/* drupal 10 updates for theme */
#block-flybetter-page-title {
  margin-bottom:0;
}
.table-travel-legs .button,
.table-travel-legs select,
.table-travel-legs [type="text"] {
  padding: 5px 3px 3px;
  min-height: auto;
  height: auto;
  margin: 0;
}
.table-travel-legs .form-item,
.table-travel-legs .form-item__label {
  margin: 0;
}
.table-travel-legs select {
  width: 230px;
}

/* hide add trip Title field and Save button for now */
.node-trip-form .form-submit, form.node-trip-form .field--name-title {
  display:none;
}
/* hide add remove itineraries for now */
.paragraphs-dropbutton-wrapper,
.table-travel-legs + .form-actions {
  display: none;
}

/* map */
#gmap {
  width:100%;
  height: 600px;

  max-width: 560px;
  margin-top: 350px;
}

.content-left {
  /*float: left;*/
}
#block-tool {
  position: relative;
}
.sidebar {
  width: 300px;
  display: flex;
  flex-direction: column;
}
#result-wrapper,
.impact-bear,
.comparison-bears,
.comparison-itineraries {
  display: none;
}
#comparison-bear-default {
  display:block;
}
#result-bear {
  position:relative;
}
#result-bear img {
  height: 300px;
}
.comparison-itineraries {
  position:absolute;
  right: 0;
  bottom: 15px;
  width: 40%;
}

.gas-cans-full-row,
.gas-cans,
#gas-cans-full-row,
#gas-cans {
  width: 100%;
  max-width: 295px;
  height: 50px;
  background-image: url(/themes/flybetter/images/gas-can.png);
}

.e-good {
  max-width: 295px;
  display: none;
  background-repeat: repeat-y;
}

.tech-watch,
#tech-watch {
  background-image: url(/themes/flybetter/images/ce-watch.jpg);
  width: 47px;
  height: 58px;
}
.tech-iphone_se,
#tech-iphone_se {
  background-image: url(/themes/flybetter/images/ce-iphone_se.jpg);
  width: 51px;
  height: 73px;
}
.tech-iphone_14,
#tech-iphone_14 {
  background-image: url(/themes/flybetter/images/ce-iphone_14.jpg);
  width: 69px;
  height: 87px;
}
.tech-ipad_pro,
#tech-ipad_pro {
  background-image: url(/themes/flybetter/images/ce-ipad_pro.jpg);
  width: 101px;
  height: 111px;
}
.tech-macbook_pro,
#tech-macbook_pro {
  background-image: url(/themes/flybetter/images/ce-macbook_pro.jpg);
  width: 200px;
  height: 124px;
}
.tech-imac_24,
#tech-imac_24 {
  background-image: url(/themes/flybetter/images/ce-imac_24.jpg);
  width: 217px;
  height: 184px;
}
.tech-mac_pro,
#tech-mac_pro {
  background-image: url(/themes/flybetter/images/ce-mac_pro.jpg);
  width: 295px;
  height: 448px;
}


.e-good,
#gas-cans {
  margin-bottom: 1em;
}
.caption-text {
  text-align: center;
  margin-bottom: 1.5em;
}

#graph {
  width: 300px;
  height: 280px;
}
#graph-info {
  width: 300px;
}
@media screen and (min-width: 768px) {
  .graph-wrapper {
    margin-top:320px;
  }
}
@media screen and (min-width: 1380px) {
  .sidebar {
    float: right;
    margin-top: -1020px;
    /*
    position: absolute;
    top: 0;
    right: 0;
    */
  }
}


#graph .highcharts-credits,
#graph .highcharts-legend {
  display:none;
}

/* share link */
#share-link {
  margin-top:20px;
}
#share-link .button.disabled:hover,
#share-link .button.disabled {
  color: #a9a9a9;
  cursor: default;
}

/* mobile */
@media screen and (max-width: 767px) {
  select {
    clear: both;
    display: block;
  }
}


/* tooltip */
.form-item-field-radiative-forcing {
  margin-top: 0; /* tooltip is pushing this element down */
}
.field--name-field-travel-mode label,
.field--name-field-origin label,
.field--name-field-class label,
.field--name-field-occupancy label,
.form-item-field-radiative-forcing label,
.form-item-field-income label {
  float: left;
}
.field--name-field-travel-mode input,
.field--name-field-class input,
.field--name-field-occupancy input,
.field--name-field-origin input {
  display:block;
  clear:both;
}
.field--name-field-origin .form-item__description {
  max-width:100px;
}
.field--name-field-travel-mode .form-item__description,
.field--name-field-class .form-item__description,
.field--name-field-occupancy .form-item__description {
  max-width:140px;
}
.description-tooltip {
  font-size: 14px;
  line-height: 1.2em;
}

/* video embed */
.media--type-remote-video .field__item {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}
iframe.media-oembed-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/** Dislay items within CKEditor 5's downcasted preview responsively. **/
.ck .drupal-media .media--type-remote-video .field__item {
  width: 45vw;
}

/* scenario pages */

.page-node-type-scenario article .node__content,
.page-node-type-scenario #block-flybetter-content {
  margin-bottom:0;
  padding-bottom:0;
}
.page-node-type-scenario .field--name-field-embedded-tool-params {
  display:none;
}


/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */
/* updated 2025 css */



@charset "UTF-8";
.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0)
}

.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0
}

.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 100%
}

.mapboxgl-canary {
  background-color: salmon
}

.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none
}

.mapboxgl-ctrl-bottom, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-left, .mapboxgl-ctrl-right, .mapboxgl-ctrl-top, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2
}

.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0
}

.mapboxgl-ctrl-top {
  left: 50%;
  top: 0;
  transform: translate(-50%)
}

.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0
}

.mapboxgl-ctrl-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0
}

.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%)
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0
}

.mapboxgl-ctrl-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px
}

.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl, .mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0
}

.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px
}

.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText
  }
}

.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 29px
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent
  }

  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText
  }
}

.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25
}

.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #0000000d
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
  }
}

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}

a.mapboxgl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")
  }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: #ffffff80;
  margin: 0;
  padding: 0 5px
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: content-box;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none
  }

  .mapboxgl-ctrl-attrib-button {
    background-color: #ffffff80;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
  }

  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d
  }

  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0
  }

  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0
  }

  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0
  }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0
  }

  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0
  }
}

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
  }
}

.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px
}

.mapboxgl-attrib-empty {
  display: none
}

.mapboxgl-ctrl-scale {
  background-color: #ffffffbf;
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap
}

.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform
}

.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  flex-direction: column
}

.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left {
  flex-direction: row
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse
}

.mapboxgl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none
}

.mapboxgl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0
}

.mapboxgl-popup-close-button:hover {
  background-color: #0000000d
}

.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px #0000001a;
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer {
  display: none
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none
}

.mapboxgl-marker {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform
}

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px
}

.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute
}

.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px #00000059;
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after, .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg)
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg)
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1)
  }
  70% {
    opacity: 0;
    transform: scale(3)
  }
  to {
    opacity: 0;
    transform: scale(1)
  }
}

.mapboxgl-user-location-dot-stale {
  background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after {
  display: none
}

.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px
}

.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair
}

.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0
}

@media print {
  .mapbox-improve-map {
    display: none
  }
}

.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  align-items: center;
  background: #000000b3;
  color: #fff;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
  width: 100%
}

.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page, .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

@font-face {
  font-family: icomoon;
  src: url(data:font/woff;base64,d09GRgABAAAAAAZYAAsAAAAABgwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGPWNtYXAAAAFoAAAAZAAAAGQAY7vHZ2FzcAAAAcwAAAAIAAAACAAAABBnbHlmAAAB1AAAAigAAAIo2zb0DmhlYWQAAAP8AAAANgAAADYXGc7yaGhlYQAABDQAAAAkAAAAJAevA8pobXR4AAAEWAAAACQAAAAkHAAB1GxvY2EAAAR8AAAAFAAAABQBoAIubWF4cAAABJAAAAAgAAAAIAALACluYW1lAAAEsAAAAYYAAAGGmUoJ+3Bvc3QAAAY4AAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6RMDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAEAIOkI6Q3pE//9//8AAAAAACDpCOkN6RH//f//AAH/4xb8FvgW9QADAAEAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAFQCAA+sC6QAWAAAlASY0NzYyFwkBNjIXFhQHAQ4BIyImJwHN/kgVFRU7FQGGAYYVOxUVFf5ICxoODhoLlwHjF0EXFxf+VQGrFxcXQRf+HQsMDAsAAAABABP/wAPtA60AJgAACQE2NCcmIgcJASYiBwYUFwkBBhQXHgEzMjY3CQEeATMyNjc2NCcBAlsBkhMTEzUS/m3+bRI1ExMTAZL+bhMTCRgMDBgJAZMBkwkYDAwYCRMT/m4BwAGTEjUTExP+bgGSExMTNRL+bf5tEjYSCgkJCgGS/m4KCQkKEzUSAZMAAAEAFQCXA+sDAAAWAAAJAQYUFxYyNwkBFjI3NjQnAS4BIyIGBwHN/kgVFRU7FQGGAYYVOxUVFf5ICxoODhoLAun+HRdBFxcXAav+VRcXF0EXAeMLDAwLAAABAMD/1QMpA6sAFgAAEwE2MhcWFAcJARYUBwYiJwEuATU0NjfXAeMXQRcXF/5VAasXFxdBF/4dCwwMCwHzAbgVFRU7Ff56/noVOxUVFQG4CxoODhoLAAAAAQDX/9UDQAOrABYAAAkBJiIHBhQXCQEGFBcWMjcBPgE1NCYnAyn+HRdBFxcXAav+VRcXF0EXAeMLDAwLAfMBuBUVFTsV/nr+ehU7FRUVAbgLGg4OGgsAAAEAAAABAAC9WuMPXw889QALBAAAAAAA2gbFRAAAAADaBsVEAAD/wAPtA60AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA+0AAQAAAAAAAAAAAAAAAAAAAAkEAAAAAAAAAAAAAAAEAAAABAAAFQQAABMEAAAVBAAAwAQAANcAAAAAAAoAFAAeAEoAkAC8AOgBFAABAAAACQAnAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class^=icon-], [class*=" icon-"] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-chevron-down:before {
  content: ""
}

.icon-cross:before {
  content: ""
}

.icon-chevron-up:before {
  content: ""
}

.icon-chevron-left:before {
  content: ""
}

.icon-chevron-right:before {
  content: ""
}

html {
  box-sizing: border-box
}

*, *:before, *:after {
  box-sizing: inherit
}

.compare-equivalent, .compare-bargraph, .compare-list, .itinerary__range-list, .itinerary__radio-list, .itinerary-mode, .map__topbar-list, .menu-list, .sub-page ul:not(.autocomplete-suggestions) {
  margin: 0;
  padding: 0;
  list-style: none
}

.compare-equivalent > li, .compare-bargraph > li, .compare-list > li, .itinerary__range-list > li, .itinerary__radio-list > li, .itinerary-mode > li, .map__topbar-list > li, .menu-list > li, .sub-page ul:not(.autocomplete-suggestions) > li {
  padding: 0
}

.compare-equivalent > li:before, .compare-bargraph > li:before, .compare-list > li:before, .itinerary__range-list > li:before, .itinerary__radio-list > li:before, .itinerary-mode > li:before, .map__topbar-list > li:before, .menu-list > li:before, .sub-page ul:not(.autocomplete-suggestions) > li:before, .compare-equivalent > li:after, .compare-bargraph > li:after, .compare-list > li:after, .itinerary__range-list > li:after, .itinerary__radio-list > li:after, .itinerary-mode > li:after, .map__topbar-list > li:after, .menu-list > li:after, .sub-page ul:not(.autocomplete-suggestions) > li:after {
  display: none
}

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-regular-ykmZPWe6.woff2) format("woff2"), url(/assets/rmneue-regular-BdnEyKjI.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-italic-CfvCFgr0.woff2) format("woff2"), url(/assets/rmneue-italic-4d7Xo6QY.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-light-CQJ5j2jz.woff2) format("woff2"), url(/assets/rmneue-light-DROSZVyT.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-lightitalic-RWx01LMu.woff2) format("woff2"), url(/assets/rmneue-lightitalic-DUCUyw-6.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-bold-CIIw7FYG.woff2) format("woff2"), url(/assets/rmneue-bold-DmTyYkQe.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: rmneue;
  src: url(../assets/rmneue-bolditalic-BhuXWSIL.woff2) format("woff2"), url(/assets/rmneue-bolditalic-CwkOfeeU.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-dark);
  font-family: rmneue, Helvetica Neue, Arial, Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400
}

a {
  transition: color .35s cubic-bezier(.3, .86, .36, .95), background .35s cubic-bezier(.3, .86, .36, .95), transform .35s cubic-bezier(.3, .86, .36, .95), box-shadow .35s cubic-bezier(.3, .86, .36, .95), opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  color: var(--color-primary);
  text-decoration: none
}

a:hover {
  color: var(--color-dark);
  text-decoration: none
}

ul, ol, dl, p {
  margin: 0 0 1.5em
}

p:last-child {
  margin-bottom: 0
}

p + ul {
  margin-top: -1em
}

h1, .h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  letter-spacing: -.0075em;
  line-height: 1;
  margin-bottom: .33em
}

h1:last-child, .h1:last-child {
  margin-bottom: 0
}

h2, .h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: .6em;
  line-height: 1.2;
  margin-top: 0
}

h2:last-child, .h2:last-child {
  margin-bottom: 0
}

h3, .h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: .6em;
  line-height: 1.2;
  margin-top: 0
}

h3:last-child, .h3:last-child {
  margin-bottom: 0
}

h4, .h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: .6em;
  line-height: 1.2;
  margin-top: 0
}

h4:last-child, .h4:last-child {
  margin-bottom: 0
}

h5, .h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: .6em;
  line-height: 1.2;
  margin-top: 0
}

h5:last-child, .h5:last-child {
  margin-bottom: 0
}

h6, .h6 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: .6em;
  line-height: 1.2;
  margin-top: 0
}

h6:last-child, .h6:last-child {
  margin-bottom: 0
}

@media screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 36px;
    letter-spacing: -.03em;
    margin-bottom: .5em
  }
}

@media screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 28px
  }
}

@media screen and (min-width: 1024px) {
  h3, .h3 {
    font-size: 22px
  }
}

@media screen and (min-width: 1024px) {
  h4, .h4 {
    font-size: 20px
  }
}

@media screen and (min-width: 1024px) {
  h5, .h5 {
    font-size: 18px
  }
}

@media screen and (min-width: 1024px) {
  h6, .h6 {
    font-size: 16px
  }
}

.app-root input[type=text],
.app-root input[type=email],
.app-root input[type=tel],
.app-root textarea,
.app-root select {
  transition: border-color .35s cubic-bezier(.3, .86, .36, .95), background .35s cubic-bezier(.3, .86, .36, .95);
  border: none;
  background-color: var(--color-gray);
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  letter-spacing: .01em;
  color: var(--color-black);
  border-radius: 200px;
  -webkit-appearance: none
}

@media screen and (min-width: 1024px) {
  input[type=text], input[type=email], input[type=tel], textarea, select {
    font-size: 16px
  }
}

input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--color-gray200);
  opacity: 1
}

input[type=text]:focus, input[type=text]:hover, input[type=email]:focus, input[type=email]:hover, input[type=tel]:focus, input[type=tel]:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  box-shadow: none;
  outline: none
}

input[type=text]:focus, input[type=text]:hover, input[type=email]:focus, input[type=email]:hover, input[type=tel]:focus, input[type=tel]:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  background-color: var(--color-dark-gray)
}

.traveller-select {
  position: relative
}

.traveller-select:before {
  width: 17px;
  height: 17px;
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 8.30908C10.71 8.30908 12.5 6.51908 12.5 4.30908C12.5 2.09908 10.71 0.309082 8.5 0.309082C6.29 0.309082 4.5 2.09908 4.5 4.30908C4.5 6.51908 6.29 8.30908 8.5 8.30908ZM8.5 10.3091C5.83 10.3091 0.5 11.6491 0.5 14.3091V16.3091H16.5V14.3091C16.5 11.6491 11.17 10.3091 8.5 10.3091Z' fill='black' fill-opacity='0.56'/%3E%3C/svg%3E%0A") center/17px auto no-repeat
}

.traveller-select select {
  padding-left: 40px
}

label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 3px;
  color: #0009;
  display: block
}

@media screen and (min-width: 768px) {
  label {
    margin-bottom: 5px
  }
}

@media screen and (min-width: 1024px) {
  label {
    font-size: 15px
  }
}

select {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.809082L5.5 5.80908L10.5 0.809082H0.5Z' fill='black' fill-opacity='0.56'/%3E%3C/svg%3E%0A");
  background-position: right 16px center;
  background-size: 11px auto;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 43px;
  min-width: 116px;
  text-overflow: ellipsis
}

.error-message {
  font-size: 12px;
  line-height: 1.2;
  color: red;
  display: block;
  margin: 10px 0
}

@media screen and (min-width: 768px) {
  .error-message {
    margin-top: 8px
  }
}

@media screen and (min-width: 1024px) {
  .error-message {
    font-size: 14px
  }
}

body {
  background-color: var(--color-gray);
  min-width: 360px;
  counter-reset: comparision-counter
}

body.nav-active {
  overflow: hidden
}

body:has(.map__bottombar.active) {
  overflow: hidden
}

.main {
  padding-top: 54px
}

@media screen and (min-width: 768px) {
  .main {
    padding-top: 72px
  }
}

.wrapper:has(.main .hero-section:first-child) .main {
  padding: 0
}

.wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: clip;
  min-height: 100svh
}

.page-holder {
  flex: 1
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 8px;
  max-width: 801px
}

.container.container-sm {
  max-width: 598px
}

.container.container-fluid {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .only-mobile {
    display: none
  }
}

.no-opacity--only-mobile {
  opacity: 0
}

@media screen and (min-width: 768px) {
  .no-opacity--only-mobile {
    opacity: 1
  }
}

.section-spacer {
  margin-top: 2em
}

.section-heading {
  font-weight: 700;
  color: var(--color-gray200);
  padding: 0 8px;
  line-height: 1.2;
  margin-bottom: 25px
}

@media screen and (min-width: 768px) {
  .section-heading {
    margin-bottom: 32px
  }
}

@media screen and (min-width: 1024px) {
  .section-heading {
    font-size: 24px;
    letter-spacing: -.01em;
    font-weight: 400;
    color: var(--color-dark);
    padding: 0
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

.sub-page ul:not(.autocomplete-suggestions) li {
  position: relative;
  margin-bottom: .5em;
  display: flex;
  align-items: center;
  line-height: 1em
}

.sub-page ul:not(.autocomplete-suggestions) li:before {
  content: "⬤";
  font-size: .4em;
  display: inline;
  padding: 0 1em 0 2em;
  color: var(--color-dark-green)
}

table {
  margin-bottom: 2em;
  border-collapse: collapse
}

table th {
  padding: 1em 1em 1em 0;
  text-align: left;
  border-bottom: 2px solid var(--color-dark-green)
}

table td {
  padding: 1em 1em 1em 0;
  vertical-align: top;
  border-bottom: 2px solid var(--color-dark-green)
}

.header {
  padding: 10px 0;
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  background: var(--color-white)
}

@media screen and (min-width: 768px) {
  .header {
    background: #ffffffe6;
    padding: 20px 0
  }
}

.wrapper:has(.main .hero-section:first-child) .header {
  background: transparent
}

@media screen and (min-width: 768px) {
  .wrapper:has(.main .hero-section:first-child) .header {
    background: #ffffffe6
  }
}

.header .container {
  padding: 0 12px
}

@media screen and (min-width: 1024px) {
  .header .container {
    padding: 0 16px
  }
}

.header .logo {
  max-width: 150px;
  position: relative
}

@media screen and (min-width: 768px) {
  .header .logo {
    margin-right: 40px
  }
}

.header .logo a {
  display: inline-block;
  vertical-align: top;
  font-size: 0
}

.header .logo .logo-dark, .header .logo .logo-light {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

.header .logo .logo-light {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.wrapper:has(.main .hero-section:first-child) .header .logo .logo-light {
  opacity: 1
}

@media screen and (min-width: 768px) {
  .wrapper:has(.main .hero-section:first-child) .header .logo .logo-light {
    opacity: 0
  }
}

.wrapper:has(.main .hero-section:first-child) .header .logo .logo-dark {
  opacity: 0
}

@media screen and (min-width: 768px) {
  .wrapper:has(.main .hero-section:first-child) .header .logo .logo-dark {
    opacity: 1
  }
}

.header__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row
}

.nav-opener {
  width: 34px;
  height: 34px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 4px;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .nav-opener {
    display: none
  }
}

.nav-opener:hover:before, .nav-opener:hover:after, .nav-opener:hover span {
  background: var(--color-dark)
}

.nav-opener:before, .nav-opener:after {
  content: ""
}

.nav-opener:before, .nav-opener:after, .nav-opener span {
  transition: background .35s cubic-bezier(.3, .86, .36, .95), top .35s cubic-bezier(.3, .86, .36, .95), transform .35s cubic-bezier(.3, .86, .36, .95);
  position: absolute;
  left: 15%;
  right: 15%;
  background: var(--color-primary);
  height: 3px;
  margin-top: -1.5px
}

.nav-opener:before {
  top: 30%
}

.nav-active .nav-opener:before {
  top: 50%;
  transform: rotate(45deg)
}

.nav-opener span {
  top: 50%
}

.nav-active .nav-opener span {
  transform: scale(0)
}

.nav-opener:after {
  top: 70%
}

.nav-active .nav-opener:after {
  top: 50%;
  transform: rotate(-45deg)
}

.menu-holder {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  background: var(--color-white);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 83px 0 82px;
  transform: translate(100%)
}

@media screen and (min-width: 768px) {
  .menu-holder {
    background: none;
    position: static;
    padding: 0;
    transform: none;
    flex: 1
  }
}

@media screen and (min-width: 1200px) {
  .menu-holder {
    padding-right: 15.4%
  }
}

.nav-active .menu-holder {
  transform: translate(0)
}

.menu-scroll {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  padding: 0 64px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

@media screen and (min-width: 768px) {
  .menu-scroll {
    padding: 0;
    overflow: hidden;
    height: auto;
    display: block
  }
}

.menu-list {
  font-size: 26px;
  letter-spacing: -.0075em
}

@media screen and (min-width: 768px) {
  .menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    gap: 24px
  }
}

.menu-list li {
  margin-bottom: 30px
}

@media screen and (min-width: 768px) {
  .menu-list li {
    margin-bottom: 0
  }
}

.menu-list li.active a {
  color: var(--color-dark);
  opacity: 1
}

.menu-list li a {
  color: var(--color-gray200);
  opacity: .6
}

@media screen and (min-width: 768px) {
  .menu-list li a {
    color: var(--color-primary);
    opacity: 1
  }
}

.menu-list li a:hover {
  color: var(--color-dark);
  opacity: 1
}

.menu-bottom a {
  color: var(--color-gray200)
}

.menu-bottom a:hover {
  color: var(--color-dark)
}

.form-actions .button,
.btn {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: var(--color-gray);
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  text-align: center;
  padding: 8px 14px;
  border-radius: 32px;
  font-weight: 400
}

.form-actions .button:hover,
.btn:hover {
  color: var(--color-gray);
  background: var(--color-dark);
  border-color: var(--color-dark)
}

.btn.disabled {
  opacity: .5;
  pointer-events: none
}

.btn.btn-secondary {
  background: var(--color-gray200);
  border-color: var(--color-gray200)
}

.btn.btn-outline {
  color: var(--color-primary);
  background: transparent
}

.btn.btn-outline:hover {
  color: var(--color-gray);
  background: var(--color-primary)
}

.btn.btn-secondary-outline {
  color: var(--color-gray200);
  background: transparent;
  border-color: var(--color-gray300)
}

.btn.btn-secondary-outline:hover {
  color: var(--color-gray);
  background: var(--color-primary);
  border-color: var(--color-primary)
}

.btn.btn-white-outline {
  color: var(--color-gray);
  background: transparent;
  border-color: var(--color-white)
}

.form-actions .button,
.btn.btn-white-outline:hover, .btn.btn-green {
  color: var(--color-gray);
  background: var(--color-primary);
  border-color: var(--color-primary)
}

.form-actions .button:hover,
.btn.btn-green:hover {
  background: var(--color-dark-green)
}

.btn.has-icon {
  position: relative;
  text-align: left;
  padding-right: 50px
}

.btn.has-icon:after {
  transition: right .35s cubic-bezier(.3, .86, .36, .95);
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor
}

.btn.has-icon:hover:after {
  right: 8px
}

.btn.has-icon-left {
  position: relative;
  margin-top: 16px;
  text-align: right;
  padding-left: 50px;
  min-width: 150px
}

.btn.has-icon-left:before {
  transition: left .35s cubic-bezier(.3, .86, .36, .95);
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(50%, -50%) rotate(225deg);
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor
}

.btn.has-icon-left:hover:before {
  left: 8px
}

.hero-section {
  padding: 155px 0 85px;
  position: relative;
  color: var(--color-white);
  min-height: 100svh;
  line-height: 1.25;
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  .hero-section {
    padding: 200px 0 100px;
    font-size: 24px;
    letter-spacing: -.01em;
    font-weight: 400;
    text-align: center
  }
}

@media screen and (min-width: 1200px) {
  .hero-section {
    padding-top: 293px
  }
}

@media screen and (max-width: 1023px) {
  .hero-section .container {
    padding: 0 14px
  }
}

.hero-section .btn-holder {
  padding-top: 24px
}

@media screen and (min-width: 1024px) {
  .hero-section .btn-holder {
    padding-top: 0
  }
}

.hero-section .btn-holder:first-child {
  padding-top: 0
}

.hero-section .btn {
  min-width: 295px
}

@media screen and (min-width: 768px) {
  .hero-section .btn {
    text-align: center
  }
}

.hero__content {
  max-width: 308px
}

@media screen and (min-width: 768px) {
  .hero__content {
    max-width: none
  }
}

.hero__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1
}

.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top
}

@media screen and (min-width: 1024px) {
  .hero__bg img {
    object-position: center 20%
  }
}

.compare-section {
  padding: 32px 0
}

@media screen and (min-width: 768px) {
  .compare-section {
    padding: 57px 0
  }
}

@media screen and (max-width: 767px) {
  .compare-section h1 {
    font-size: 24px;
    letter-spacing: 0;
    margin-bottom: .6em;
    color: var(--color-dark)
  }
}

@media screen and (min-width: 768px) {
  .compare-section h1 {
    color: var(--color-primary)
  }
}

.compare-section .section-heading {
  max-width: 300px
}

@media screen and (min-width: 768px) {
  .compare-section .section-heading {
    max-width: none !important;
    text-align: center
  }
}

@media screen and (max-width: 767px) {
  .compare-section--v2 h1 {
    color: var(--color-primary);
    font-size: 26px
  }
}

.compare-section--v2 .section-heading {
  max-width: 330px
}

@media screen and (max-width: 1023px) {
  .compare-section--v2 .section-heading {
    font-weight: 400
  }
}

@media screen and (max-width: 767px) {
  .compare-section--v2 .section-heading {
    font-size: 15px
  }
}

.compare-section--v2 .compare__slider {
  max-width: 377px;
  margin: 0 auto 16px;
  overflow: hidden
}

.compare-section--v2 .compare__slider.active .compare__row {
  transform: translate(-100%)
}

.compare-section--v2 .compare__slider.active .compare__btn {
  display: none
}

.compare-section--v2 .compare__row {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row
}

.compare-section--v2 .compare__col {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 0
}

.compare__btn {
  text-align: right
}

.compare__btn .btn {
  min-width: 227px
}

.compare-section:has(.compare-form.filled) .compare__btn .btn {
  color: var(--color-gray);
  background: var(--color-primary);
  border-color: var(--color-primary)
}

.compare-section:has(.compare-form.filled) .compare__btn .btn:hover {
  background: var(--color-dark-green)
}

.compare__row {
  margin-bottom: 16px
}

@media screen and (min-width: 768px) {
  .compare__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    margin: 0 -15px 16px;
    gap: 30px 0
  }
}

.compare__row:last-child {
  margin-bottom: 0
}

.compare__col {
  margin-bottom: 15px
}

@media screen and (min-width: 768px) {
  .compare__col {
    padding: 0 15px;
    width: 50%;
    margin-bottom: 0
  }
}

.compare__col:last-child {
  margin-bottom: 0
}

.compare__col:only-child {
  width: 100%
}

.compare-card {
  background: #ffffffe6;
  padding: 16px;
  border-radius: 32px
}

@media screen and (min-width: 768px) {
  .compare-card {
    padding-bottom: 24px
  }
}

@media screen and (min-width: 1024px) {
  .compare-card {
    border-radius: 20px
  }
}

.compare-card__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-weight: 700;
  gap: 8px;
  margin-bottom: 20px
}

@media screen and (min-width: 1024px) {
  .compare-card__title {
    font-size: 20px;
    margin-bottom: 18px
  }
}

.compare-card__title__count {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--color-gray100);
  font-weight: 700;
  font-size: 20px
}

.compare-card__title__count.counter {
  counter-increment: comparision-counter;
  font-size: 0
}

.compare-card__title__count.counter:before {
  content: counter(comparision-counter);
  font-size: 20px
}

.compare-card__title__txt {
  flex: 1
}

.compare-card__btns .btn {
  width: 100%;
  margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
  .compare-card__btns .btn {
    margin-bottom: 8px
  }
}

.compare-card__btns .btn:last-child {
  margin-bottom: 0
}

.compare-form .form-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  margin: 0 -6px
}

@media screen and (min-width: 768px) {
  .compare-form .form-group {
    display: block;
    margin: 0
  }
}

.compare-form .form-group .form-input {
  padding: 0 6px
}

@media screen and (min-width: 768px) {
  .compare-form .form-group .form-input {
    padding: 0
  }
}

.compare-form .form-input {
  margin-bottom: 2px
}

.compare-form .form-input--longer {
  width: 63%
}

@media screen and (min-width: 768px) {
  .compare-form .form-input--longer {
    width: auto
  }
}

.compare-form .form-input--shorter {
  width: 37%
}

@media screen and (min-width: 768px) {
  .compare-form .form-input--shorter {
    width: auto
  }
}

@media screen and (min-width: 768px) {
  .compare-form .traveller-select {
    display: inline-block;
    vertical-align: top
  }
}

.map-section {
  background: var(--color-sky)
}

@media screen and (min-width: 768px) {
  .map-section {
    background: transparent
  }
}

.map__content {
  position: relative;
  padding: 320px 0 56px
}

@media screen and (min-width: 520px) {
  .map__content {
    padding: 476px 0 56px
  }
}

@media screen and (min-width: 768px) {
  .map__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    padding: 0 0 64px;
    height: calc(100svh - 72px)
  }
}

.map__content-wrap {
  margin-bottom: 80px
}

@media screen and (min-width: 768px) {
  .map__content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    margin: 0 -4px;
    flex: 1;
    overflow: hidden
  }
}

.map__holder {
  position: absolute;
  inset: 0 -8px auto;
  height: 561px
}

@media screen and (min-width: 768px) {
  .map__holder {
    position: static;
    width: 50%;
    padding: 0 4px;
    height: 100%
  }
}

@media screen and (min-width: 1024px) {
  .map__holder {
    flex: 1
  }
}

.map__element {
  width: 100%;
  height: 100%
}

@media screen and (min-width: 768px) {
  .map__element {
    border-radius: 20px;
    overflow: hidden
  }
}

.map__element img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center
}

@media screen and (min-width: 768px) {
  .map__element img {
    object-position: center
  }
}

.map__topbar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background: #fffc;
  border-radius: 200px;
  padding: 12px 16px;
  gap: 7px;
  position: fixed;
  inset: 62px 8px auto;
  z-index: 20
}

@media screen and (min-width: 768px) {
  .map__topbar {
    position: relative;
    z-index: 1;
    inset: auto;
    margin: 0 -8px 8px;
    background: var(--color-dark-gray)
  }
}

@media screen and (min-width: 1024px) {
  .map__topbar {
    gap: 24px
  }
}

.map__topbar--user {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 7px
}

@media screen and (min-width: 1024px) {
  .map__topbar--user {
    gap: 24px
  }
}

.map__topbar-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 7px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  .map__topbar-list {
    gap: 24px
  }
}

.map__topbar-list.locations {
  flex-wrap: nowrap;
  gap: 0;
  max-width: 45%;
  margin: 0 -3.5px;
  flex: 1
}

@media screen and (min-width: 520px) {
  .map__topbar-list.locations {
    width: 40%;
    max-width: none
  }
}

@media screen and (min-width: 1024px) {
  .map__topbar-list.locations {
    margin: 0 -12px
  }
}

.map__topbar-list.locations li {
  max-width: 50%;
  padding: 0 3.5px
}

@media screen and (min-width: 1024px) {
  .map__topbar-list.locations li {
    padding: 0 12px
  }
}

.map__topbar-list.locations .map__topbar-list__txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.map__topbar-list li a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  color: var(--color-black)
}

.map__topbar-list li a:hover {
  color: var(--color-primary)
}

.map__topbar-list__icon {
  width: 24px;
  height: 24px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: row
}

.map__topbar-list__txt {
  flex: 1
}

.refresh-link {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  width: 32px;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  .refresh-link {
    width: 24px
  }
}

.refresh-link svg path {
  transition: fill .35s cubic-bezier(.3, .86, .36, .95)
}

.refresh-link:hover svg path {
  fill: currentColor
}

.itinerary__holder {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  z-index: 2;
  margin: 0 -8px;
  padding: 0 8px
}

@media screen and (min-width: 768px) {
  .itinerary__holder {
    width: 50%;
    padding: 0 4px;
    height: 100%;
    margin: 0
  }
}

@media screen and (min-width: 1024px) {
  .itinerary__holder {
    overflow: visible;
    width: 680px
  }
}

@media screen and (min-width: 1200px) {
  .itinerary__holder {
    width: 730px
  }
}

.itinerary__col {
  background: var(--color-white);
  border: 1px solid var(--color-dark-gray);
  border-radius: 20px;
  overflow: hidden;
  width: 88%;
  flex-shrink: 0
}

@media screen and (min-width: 768px) {
  .itinerary__col {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    max-height: 100%
  }
}

@media screen and (min-width: 1024px) {
  .itinerary__col {
    width: 50%;
    flex: 1
  }
}

.itinerary__col.active .itinerary__count {
  background: var(--color-primary)
}

.itinerary__delete-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer
}

.itinerary__delete-btn svg path {
  transition: all .3s
}

.itinerary__delete-btn:hover svg path {
  fill: var(--color-primary)
}

.itinerary-list {
  padding-bottom: 24px
}

@media screen and (min-width: 768px) {
  .itinerary-list {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1
  }
}

.itinerary__item {
  padding: 8px 8px 2px;
  position: relative;
  margin-bottom: 8px
}

.itinerary__item:last-child {
  margin-bottom: 0
}

.itinerary__item:before {
  content: "";
  position: absolute;
  inset: 37px auto -10px 17px;
  border-left: 2px dotted var(--color-gray400)
}

.itinerary__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background: var(--color-gray500);
  margin: 0 -4px;
  padding: 8px
}

.itinerary__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  padding: 0 4px;
  font-size: 15px;
  font-weight: 700;
  max-width: 50%
}

.itinerary__info .emphasized {
  font-size: 20px
}

.itinerary__info__txt {
  flex: 1
}

.itinerary__distance {
  font-weight: 700;
  color: var(--color-gray200)
}

.itinerary__count {
  width: 24px;
  height: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: var(--color-gray);
  font-weight: 700;
  background: var(--color-gray100);
  border-radius: 50%
}

.itinerary__count.active {
  background: var(--color-primary)
}

.itinerary__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-weight: 700;
  gap: 2px;
  margin-bottom: 10px
}

.itinerary__title:last-child {
  margin-bottom: 0
}

.itinerary__title__icon {
  width: 20px;
  height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row
}

.itinerary__title__icon svg path {
  fill: var(--color-primary)
}

.itinerary__title__txt {
  flex: 1
}

.itinerary-card {
  border-radius: 28px;
  background: var(--color-white);
  border: 1px solid var(--color-dark-gray);
  padding: 8px;
  margin: 0 0 11px 19px
}

.itinerary-mode {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  gap: 4px;
  font-weight: 700;
  padding: 4px;
  margin-bottom: 8px
}

.itinerary-mode li {
  transition: flex .35s cubic-bezier(.3, .86, .36, .95)
}

.itinerary-mode li.active {
  flex: 1
}

.itinerary-mode li.active .itinerary-mode__icon {
  border-color: var(--color-black100)
}

.itinerary-mode li.active .itinerary-mode__icon svg path {
  fill: var(--color-black100)
}

.itinerary-mode li.active .itinerary-mode__txt {
  opacity: 1
}

.itinerary-mode li.active a {
  color: var(--color-black100)
}

.itinerary-mode li a {
  display: block;
  color: var(--color-gray200);
  position: relative
}

.itinerary-mode__icon {
  transition: border .35s cubic-bezier(.3, .86, .36, .95);
  width: 32px;
  height: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 50%;
  border: 1px solid var(--color-gray200)
}

.itinerary-mode__icon svg path {
  transition: fill .35s cubic-bezier(.3, .86, .36, .95);
  fill: var(--color-gray200)
}

.itinerary-mode__txt {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 36px;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0
}

.itinerary__img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  flex-direction: row;
  border-radius: 20px;
  height: 120px;
  text-align: center;
  padding: 20px;
  background: var(--color-dark-gray);
  margin-bottom: 12px
}

.itinerary__img img {
  width: auto;
  max-height: 100%;
  mix-blend-mode: multiply;
  display: none
}

.itinerary__img img.plane.embraer_emb_170 {
  height: 76%
}

.itinerary__img img.plane.boeing_737_700 {
  height: 85%
}

.itinerary__img img.plane.boeing_787_8 {
  height: 74%
}

.itinerary__img img.car.average {
  height: 88%
}

.itinerary__img img.car.efficient {
  height: 73%
}

.itinerary__img img.active {
  display: block
}

.itinerary-content {
  display: none;
  padding-bottom: 22px
}

.itinerary-content.active {
  display: block
}

.itinerary-content__title {
  font-weight: 700;
  color: var(--color-black100);
  text-align: center;
  margin-bottom: 12px
}

.itinerary__radio-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  padding: 4px;
  border-radius: 64px;
  overflow: hidden;
  background: var(--color-gray);
  margin-bottom: 12px;
  overflow-x: auto;
  overflow-y: hidden
}

.itinerary__radio-list.itinerary__class {
  margin-bottom: 4px
}

.itinerary__radio-list.itinerary__class .itinerary__radio .fake-input {
  padding: 4px 11px
}

.itinerary__radio-list li {
  flex-grow: 1
}

.itinerary__radio-list li label {
  text-align: center;
  vertical-align: top;
  margin-bottom: 0;
  cursor: pointer
}

.itinerary__radio input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0
}

.itinerary__radio .fake-input {
  transition: background .35s cubic-bezier(.3, .86, .36, .95), color .35s cubic-bezier(.3, .86, .36, .95);
  padding: 4px 20px;
  font-size: 14px;
  color: var(--color-gray200);
  border-radius: 64px
}

.itinerary__radio input:checked ~ .fake-input {
  color: var(--color-gray);
  background: var(--color-dark)
}

.itinerary__range-holder {
  position: relative
}

.itinerary__marks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  position: absolute;
  inset: 23px 0 auto
}

.itinerary__marks span {
  display: block;
  width: 15px;
  height: 6px;
  position: relative
}

.itinerary__marks span:before {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: #e3e3e3;
  border-radius: 8px;
  margin-left: -.5px
}

.itinerary__occupancy {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  background: var(--color-gray);
  outline: none;
  border-radius: 24px;
  margin-bottom: 13px
}

.itinerary__occupancy::-webkit-slider-thumb {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 16px;
  cursor: pointer;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.1px' height='16px' viewBox='0 0 15.1 16' style='enable-background:new 0 0 15.1 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:none;stroke:url(%23SVGID_00000127756947513083740080000013776587292970647188_);%7D%0A%3C/style%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='7.5528' y1='4' x2='7.5528' y2='20' gradientTransform='matrix(1 0 0 -1 0 20)'%3E%3Cstop offset='0' style='stop-color:%23333333'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cellipse class='st0' cx='7.6' cy='8' rx='7.6' ry='8'/%3E%3ClinearGradient id='SVGID_00000155866883592911063870000008916499074903013256_' gradientUnits='userSpaceOnUse' x1='5.3586' y1='19.3445' x2='10.0961' y2='3.487' gradientTransform='matrix(1 0 0 -1 0 20)'%3E%3Cstop offset='0' style='stop-color:%23333333'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cpath style='fill:none;stroke:url(%23SVGID_00000155866883592911063870000008916499074903013256_);' d='M14.6,8 c0,4.2-3.2,7.5-7.1,7.5c-3.9,0-7.1-3.3-7.1-7.5c0-4.2,3.2-7.5,7.1-7.5C11.4,0.5,14.6,3.8,14.6,8z'/%3E%3C/g%3E%3C/svg%3E%0A") center/15px auto no-repeat;
  transition: transform .3s
}

.itinerary__occupancy::-webkit-slider-thumb:hover {
  transform: scale(1.2)
}

.itinerary__occupancy::-moz-range-thumb {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  width: 15px;
  height: 16px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.1px' height='16px' viewBox='0 0 15.1 16' style='enable-background:new 0 0 15.1 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:none;stroke:url(%23SVGID_00000127756947513083740080000013776587292970647188_);%7D%0A%3C/style%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='7.5528' y1='4' x2='7.5528' y2='20' gradientTransform='matrix(1 0 0 -1 0 20)'%3E%3Cstop offset='0' style='stop-color:%23333333'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cellipse class='st0' cx='7.6' cy='8' rx='7.6' ry='8'/%3E%3ClinearGradient id='SVGID_00000155866883592911063870000008916499074903013256_' gradientUnits='userSpaceOnUse' x1='5.3586' y1='19.3445' x2='10.0961' y2='3.487' gradientTransform='matrix(1 0 0 -1 0 20)'%3E%3Cstop offset='0' style='stop-color:%23333333'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cpath style='fill:none;stroke:url(%23SVGID_00000155866883592911063870000008916499074903013256_);' d='M14.6,8 c0,4.2-3.2,7.5-7.1,7.5c-3.9,0-7.1-3.3-7.1-7.5c0-4.2,3.2-7.5,7.1-7.5C11.4,0.5,14.6,3.8,14.6,8z'/%3E%3C/g%3E%3C/svg%3E%0A") center/15px auto no-repeat;
  cursor: pointer;
  border-radius: 50%
}

.itinerary__occupancy::-moz-range-thumb:hover {
  opacity: .6
}

.itinerary__range-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  font-size: 14px;
  color: var(--color-gray200);
  text-align: center
}

.itinerary__range-list li {
  transition: color .35s cubic-bezier(.3, .86, .36, .95);
  position: relative
}

.itinerary__range-list li.active {
  color: var(--color-dark)
}

.add-location {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  font-size: 15px;
  color: var(--color-primary);
  gap: 4px;
  cursor: pointer;
  margin-left: 26px
}

.add-location.active {
  display: flex
}

.add-location.active .add-location__txt {
  opacity: 0;
  visibility: hidden
}

.add-location.active .add-location__input {
  opacity: 1;
  visibility: visible
}

.add-location.active .add-location__content {
  flex: 1
}

.add-location.active .add-location__icon svg path {
  fill: var(--color-gray200)
}

.add-location__icon {
  width: 24px;
  height: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row
}

.add-location__icon svg path {
  transition: fill .35s cubic-bezier(.3, .86, .36, .95)
}

.add-location__txt {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  flex: 1
}

.add-location__content {
  position: relative
}

.add-location__input {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  display: block;
  width: 100%;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0
}

.add-location__input input {
  padding: 0;
  line-height: 1.5;
  border-radius: 0;
  overflow: visible;
  border-bottom: 1px solid var(--color-gray200);
  color: var(--color-dark);
  background-color: transparent
}

.add-location__input input:hover, .add-location__input input:focus {
  background: transparent
}

.map__bottombar {
  transition: height .35s cubic-bezier(.3, .86, .36, .95);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  position: fixed;
  inset: auto 0 0;
  background: var(--color-white);
  border-radius: 20px 20px 0 0;
  z-index: 999;
  overflow: hidden;
  height: 100px
}

@media screen and (min-width: 768px) {
  .map__bottombar {
    border-radius: 0
  }
}

@media screen and (min-width: 1024px) {
  .map__bottombar {
    height: 64px
  }
}

.map__bottombar.active {
  height: calc(100vh - 62px)
}

@media screen and (min-width: 768px) {
  .map__bottombar.active {
    height: calc(100vh - 80px)
  }
}

.map__bottombar.active .compare-btn {
  display: none
}

.map__bottombar.active .compare-btn--close {
  opacity: 1;
  visibility: visible
}

@media screen and (min-width: 768px) {
  .map__bottombar.active .map__bottombar-head {
    padding-left: 76px;
    padding-right: 76px
  }
}

.map__bottombar-head {
  padding: 16px 56px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

@media screen and (min-width: 768px) {
  .map__bottombar-head {
    padding: 16px 166px;
    flex-direction: row
  }
}

@media screen and (min-width: 1024px) {
  .map__bottombar-head {
    padding: 20px 166px
  }
}

.map__bottombar-body {
  flex: 1;
  padding: 0 8px 8px;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.2
}

@media screen and (min-width: 1024px) {
  .map__bottombar-body {
    padding: 0 16px 16px
  }
}

.carbon-results__wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 700;
  color: var(--color-black);
  gap: 8px
}

.carbon-results__wrap .itinerary__count {
  flex-shrink: 0
}

.carbon-results {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.compare-btn {
  transition: background .35s cubic-bezier(.3, .86, .36, .95), border .35s cubic-bezier(.3, .86, .36, .95), color .35s cubic-bezier(.3, .86, .36, .95), opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  background: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  inset: 50% 20px auto auto;
  font-size: 15px;
  color: var(--color-primary);
  border: 1px solid var(--color-dark-gray);
  border-radius: 80px;
  padding: 7px 50px 7px 16px;
  transform: translateY(-50%);
  position: relative;
  margin-left: 3em
}

.compare-btn:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-gray)
}

.compare-btn__icon {
  max-width: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%)
}

.compare-btn__icon svg path {
  fill: currentColor
}

.compare-btn--close {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 50% 20px auto auto;
  transform: translateY(-50%);
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer
}

.compare-btn--close:hover:before, .compare-btn--close:hover:after {
  background: var(--color-dark)
}

.compare-btn--close:before, .compare-btn--close:after {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  height: 2px;
  margin-top: -1px;
  background: var(--color-primary);
  top: 50%
}

.compare-btn--close:before {
  transform: rotate(45deg)
}

.compare-btn--close:after {
  transform: rotate(-45deg)
}

.compare-list {
  padding-top: 8px
}

@media screen and (min-width: 768px) {
  .compare-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    margin: 0 -5px;
    gap: 10px 0
  }
}

.compare-list > li {
  margin-bottom: 8px
}

@media screen and (min-width: 768px) {
  .compare-list > li {
    margin-bottom: 0;
    padding: 0 5px;
    width: 50%
  }
}

@media screen and (min-width: 1024px) {
  .compare-list > li {
    width: 33.33%
  }
}

.compare-list > li:last-child {
  margin-bottom: 0
}

.compare-list__btns {
  padding: 16px 0
}

.compare-list__btns .btn {
  display: block;
  margin-bottom: 8px
}

@media screen and (min-width: 1024px) {
  .compare-list__btns .btn {
    margin-bottom: 16px
  }
}

.compare-list__btns .btn:last-child {
  margin-bottom: 0
}

.compare-popup__card {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  border-radius: 20px;
  background: var(--color-gray);
  padding: 16px;
  font-size: 15px;
  color: var(--color-gray600);
  height: 100%
}

@media screen and (min-width: 1024px) {
  .compare-popup__card {
    padding-bottom: 35px
  }
}

.compare-popup__card__title {
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.2;
  color: var(--color-dark)
}

.compare-popup__card__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  flex-direction: column;
  flex: 1
}

.compare-saving__value {
  font-size: 48px;
  letter-spacing: -.0075em;
  color: var(--color-primary);
  margin-bottom: 7px
}

.compare-saving__value--unit {
  font-size: 20px;
  letter-spacing: 0;
  margin-left: 10px
}

.compare-bargraph {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
  margin: 0 -10px 20px
}

.compare-bargraph li {
  padding: 0 10px;
  position: relative;
  width: 50%
}

.compare-bargraph li.active .compare-bargraph__bar {
  background: var(--color-primary)
}

.compare-bargraph__data {
  font-size: 20px;
  color: var(--color-gray200);
  text-align: right;
  margin-bottom: 8px
}

.compare-bargraph__bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
  height: 159px;
  border-radius: 4px;
  background: var(--color-gray100);
  font-size: 48px;
  letter-spacing: -.0075em;
  color: var(--color-gray);
  line-height: 1;
  padding: 10px 10px 5px
}

.compare-bargraph__bar.to-compare {
  height: 76px
}

.compare-bargraph__summary {
  font-size: 20px;
  line-height: 1.2;
  color: var(--color-dark)
}

.compare-equivalent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  margin: 0 -4px 22px;
  gap: 8px 0;
  padding-top: 16px
}

@media screen and (min-width: 1200px) {
  .compare-equivalent {
    margin: 0 -12px 22px
  }
}

.compare-equivalent li {
  padding: 0 4px;
  width: 33.33%
}

@media screen and (min-width: 1200px) {
  .compare-equivalent li {
    padding: 0 12px
  }
}

.compare-equivalent__card {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  border: 1px solid var(--color-primary);
  padding: 8px;
  border-radius: 4px;
  height: 100%;
  background: var(--color-white)
}

@media screen and (min-width: 1024px) {
  .compare-equivalent__card {
    border-color: var(--color-dark-gray)
  }
}

.compare-equivalent__title {
  font-size: 15px;
  color: var(--color-gray200);
  margin-bottom: 8px
}

.compare-equivalent__img {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  height: 48px;
  padding-left: 6px;
  margin-bottom: 24px
}

.compare-equivalent__img img {
  max-height: 100%;
  width: auto
}

.compare-equivalent__count {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  flex-direction: column;
  flex: 1
}

.compare-equivalent__number {
  font-size: 20px;
  color: var(--color-dark)
}

.compare-equivalent__unit {
  color: var(--color-gray200)
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes spin {
  to {
    transform: translateY(-50%) rotate(360deg)
  }
}

.autocomplete {
  position: relative;
  width: 100%
}

.autocomplete .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%
}

.autocomplete input {
  padding-right: 70px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.autocomplete input:focus {
  outline: none
}

.autocomplete input.error {
  background-color: #ff52520d
}

.autocomplete .clear-button {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 20px;
  cursor: pointer;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: color .2s
}

.autocomplete .clear-button:hover {
  color: #333
}

.autocomplete .dropdown-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: color .2s
}

.autocomplete .dropdown-arrow:hover {
  color: #333
}

.autocomplete-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  list-style: none;
  background-color: var(--color-gray);
  border-top: none;
  border-radius: 0 0 4px 4px;
  max-height: 200px;
  overflow-y: auto;
  margin: 5px;
  box-shadow: 0 10px 10px #0000001a;
  animation: fadeIn .2s ease-out
}

.autocomplete-suggestion {
  padding: 10px 12px;
  cursor: pointer;
  transition: background-color .2s ease
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.active {
  background-color: #40a8001a
}

.autocomplete.loading:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(64, 168, 0, .2);
  border-radius: 50%;
  animation: spin .6s linear infinite
}

.autocomplete-hint {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 12px;
  pointer-events: none
}

@media (max-width: 768px) {
  .autocomplete-suggestions {
    max-height: 150px
  }

  .autocomplete-suggestion {
    padding: 12px;
    font-size: 15px
  }
}

:root {
  --color-white: #FFF;
  --color-black: #000;
  --color-black100: #212121;
  --color-primary: #40A800;
  --color-dark-green: #2D7500;
  --color-dark: #080808;
  --color-gray: #EFEFEF;
  --color-gray100: #A1A1A1;
  --color-gray200: #6D6D6D;
  --color-gray300: #999999;
  --color-gray400: #BABABA;
  --color-gray500: #D7D7D7;
  --color-gray600: #878787;
  --color-dark-gray: #DEDEDE;
  --color-sky: #5DC5FD
}

/* theme overrides */
.page-wrapper,
body {
  background: #efefef;
  max-width: 100%;
}
.site-header {
  min-height: auto;
  border: none;
  background: #fff !important;
}
@media screen and (min-width: 1200px) {
  .header {
    padding: 0;
  }
}
.main-content .region--content-above {
  padding-top: 100px;
}
.main-content .region--content-above,
.main-content .region--content article {
  max-width: 1200px;
  margin: 0 auto;
}
.main-content .region--content article .text-content {
  margin-bottom: 54px;
}
.node__content,
.region--content,
.region > * {
  margin:0;
  padding: 0;
}
.container {
  max-width: none;
  padding: 0;
}
.logo-light {
  opacity: 0 !important;
}
.logo-dark {
  opacity: 1 !important;
}
body:not(.path-frontpage) {
  padding: 0 1em;
}
.main-content {
  width: 100%;
}
body:not(.is-overlay-active) .header-nav {
  height: 72px;
  flex: 1;
  justify-content: center;
  padding-right: 190px;
}
.mobile-buttons {
  margin: 0;
}
.menu-list li {
  width: 100%;
}
.menu-list li a {
  color: var(--color-primary);
  opacity: 1;
}
.menu-list li a.primary-nav__menu-link--active-trail,
.menu-list li a.is-active {
  color: #080808;
}
body:not(.is-overlay-active) .primary-nav__menu--level-2 {
  padding: 5px;
}
.primary-nav__menu--level-2 {
  border: none !important;
  justify-content: normal;
  top: 40px !important;
}
.primary-nav__menu-🥕 {
  display: none  !important;
}

.mobile-nav-button__label {
  display: none;
}
.primary-nav__button-toggle .icon--menu-toggle:before, .primary-nav__button-toggle .icon--menu-toggle:after,
.mobile-nav-button__icon:before,
.mobile-nav-button__icon:after,
.mobile-nav-button__icon {
  border-color: #40A800 !important;
}


#block-flybetter-page-title .page-title {
  color: var(--color-primary);
  margin: .5em 0 1em 0 !important;
  display: block;
}
article ul {
  list-style-position: inside;
}
.app-root h1 {
  font-size: 36px;
  letter-spacing: -.03em;
  margin-bottom: .5em;
  font-family: inherit;
}
.text-content, .cke_editable {
  font-family: inherit;
}
.app-root .hero-section h1 {
  color: #fff;
}