.container {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh; }

.is-mobile {
  display: none; }

.mobility-options {
  background-image: linear-gradient(269deg, var(--themeColor) 0%, var(--themeColorHover) 100%);
  width: 130px; }
  .mobility-options .mobility-options__carousel .item {
    transition: 0.25s all ease-in;
    -ms-flex-pack: center;
        justify-content: center; }
  .mobility-options .mobility-options__carousel > div {
    height: calc( 100vh - 200px);
    overflow-y: auto; }
    .mobility-options .mobility-options__carousel > div::-webkit-scrollbar {
      width: 5px; }
    .mobility-options .mobility-options__carousel > div::-webkit-scrollbar-track {
      box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); }
    .mobility-options .mobility-options__carousel > div::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.5);
      outline: none;
      border-radius: 4px; }
    .mobility-options .mobility-options__carousel > div:hover::-webkit-scrollbar {
      width: 5px;
      border-radius: 4px; }
    .mobility-options .mobility-options__carousel > div:hover::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.4);
      outline: none;
      border-radius: 4px; }
  .mobility-options .mobility-options__carousel .item-active,
  .mobility-options .mobility-options__carousel .item:hover {
    background: rgba(0, 0, 0, 0.25);
    font-weight: 500; }
  .mobility-options .mobility-options__logo {
    margin: 20px 7px; }

.route-output {
  -ms-flex: 1;
      flex: 1; }

.route-input {
  width: 300px;
  background-color: #FFF;
  border-right: 1px solid #DEE4E8;
  overflow-y: auto; }

.owl-carousel {
  display: block !important; }

.content-background img {
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.content-background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-position: top right;
  z-index: -1;
  left: 400px; }
  .content-background:after {
    background-image: linear-gradient(-90deg, rgba(238, 245, 250, 0) 0%, rgba(238, 245, 250, 0.05) 77%, rgba(238, 245, 250, 0.3)); }
  .content-background > h1 {
    display: none; }
  .content-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto; }
  .content-background.content-background__travel-options:after {
    background-image: linear-gradient(-90deg, rgba(238, 245, 250, 0.9) 0%, rgba(238, 245, 250, 0.95) 56%, #EEF5FA 100%); }
  .content-background.content-background__travel-updates:after {
    background-image: linear-gradient(-90deg, rgba(238, 245, 250, 0) 0%, rgba(238, 245, 250, 0.45) 61%, rgba(238, 245, 250, 0.75) 78%); }

.btn-whatsapp {
  top: 0;
  right: 0;
  position: fixed; }

.route-output .output-header h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0; }

.route-output .output-options {
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .route-output .output-options .output-options__carousel {
    width: 40%;
    max-width: 550px;
    min-width: 350px; }
  .route-output .output-options .output-options__map {
    -ms-flex: 1;
        flex: 1; }

.travel-options__carousel {
  margin: 20px; }

.output-options__carousel {
  height: calc(100vh - 60px);
  overflow-y: auto; }
  .output-options__carousel::-webkit-scrollbar {
    width: 5px; }
  .output-options__carousel::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); }
  .output-options__carousel::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    outline: none;
    border-radius: 4px; }

.updates-cards:not(:last-child) {
  margin-bottom: 20px; }

.output-updates__map {
  max-width: 750px;
  min-width: 200px;
  width: 40%;
  padding: 20px 20px 20px 0px; }
  .output-updates__map .card--map {
    background: #FFF;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
    .output-updates__map .card--map .card--image {
      width: 100%;
      overflow: hidden;
      border-radius: 4px 4px 0px 0px; }
      .output-updates__map .card--map .card--image img {
        min-height: 100%;
        width: 100%;
        left: 50%;
        top: 50%;
        position: relative;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }

.section-header {
  text-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .section-header hr {
    -ms-flex: 1;
        flex: 1;
    height: 1px;
    border-radius: 1px;
    background: rgba(0, 0, 0, 0.15);
    outline: none;
    border: none;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    line-height: 23px;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05); }

.mobility-options {
  position: fixed;
  height: 100vh; }

.route-input {
  position: fixed;
  left: 130px;
  height: 100vh; }

.route-output {
  position: absolute;
  left: 431px;
  width: calc(100vw - 410px); }

.back-to-top__button {
  text-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05); }

.othermob-container {
  display: -ms-flexbox;
  display: flex; }

.othermob-options {
  -ms-flex: 1;
      flex: 1; }

.owl-carousel .owl-stage {
  width: 100% !important;
  transition: inherit !important;
  -ms-transform: inherit !important;
      transform: inherit !important; }

.owl-carousel.owl-drag .owl-item {
  width: 50% !important; }

  .map-arrow-back
  {
    display: none;
  }

  .menu-options .item svg
  {
    color: #fff;
  }
/*# sourceMappingURL=layout-l.css.map */

.route-output-fallback {
  position: absolute;
  left: 105px;
  padding-left: 10px }

.content-background-fallback {
  left: 105px;
  z-index: 2; }