/* colors */
/* fonts */
/* RWD */
/* Usage:
@media only screen and (max-width: 575px) {
	...
}
*/
/* extensions */
.card .photo, .gallery-one .photo, .gallery-slider .carousel-item {
  background: #909090 center center/cover no-repeat; }

.panorama-outer-container, .gallery-one .photo, .gallery-slider .carousel-item {
  padding-top: 56.25%; }

/* functions */
/* gradient */
/* Common SCSS rules */
body {
  font-family: "Poppins", sans-serif;
  background-color: #F4F9F8;
  color: #444444;
  overflow-x: hidden; }

a {
  color: #008DD2; }
  a:hover {
    color: #20b6ff; }

img {
  max-width: 100%; }

.page-header {
  margin-bottom: 2rem;
  padding: 0.5rem 0; }
  .page-header h1 {
    display: flex;
    align-items: center; }
    .page-header h1 img {
      height: 40px;
      margin-right: 0.5rem; }
  @media only screen and (max-width: 991px) {
    .page-header {
      margin-bottom: 1rem; } }

.breadcrumbs-container {
  background: white;
  padding: .8em 0;
  position: relative; }
  .breadcrumbs-container .breadcrumb {
    background: none;
    margin: 0;
    padding: 0; }
    .breadcrumbs-container .breadcrumb .breadcrumb-item, .breadcrumbs-container .breadcrumb .breadcrumb-separator {
      background: #F4F9F8;
      margin: 0 .5em;
      padding: 0.2em 1em;
      border-radius: 999px;
      font-size: 0.9em;
      position: relative; }
      .breadcrumbs-container .breadcrumb .breadcrumb-item, .breadcrumbs-container .breadcrumb .breadcrumb-item a, .breadcrumbs-container .breadcrumb .breadcrumb-separator, .breadcrumbs-container .breadcrumb .breadcrumb-separator a {
        color: #858585;
        text-decoration: none; }
      .breadcrumbs-container .breadcrumb .breadcrumb-item:before, .breadcrumbs-container .breadcrumb .breadcrumb-separator:before {
        display: none; }
    .breadcrumbs-container .breadcrumb .breadcrumb-separator {
      background: transparent;
      margin: 0;
      padding: 0.2em 0; }

.text-content {
  line-height: 160%; }

.top-right {
  position: absolute;
  top: 1rem;
  right: 1rem; }

.btn-primary.main {
  background-color: #FECC00;
  border: none;
  font-size: 0.9em;
  padding: 1em 2em; }
  .btn-primary.main:hover {
    background-color: #008DD2; }

.content-container {
  background-color: #F4F9F8;
  padding: 0 0 2rem 0; }
  @media only screen and (max-width: 991px) {
    .content-container {
      padding: 2rem 0 2rem 0; } }

.card-body {
  justify-content: center;
  justify-items: center;
  display: flex;
  flex-direction: column;
  padding: 1rem; }

.card {
  border-radius: 0;
  border: 0px;
  overflow: hidden;
  position: relative;
  height: 250px; }
  .card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .card .icon {
    position: absolute;
    top: 1em;
    left: 1rem;
    width: 2rem; }
  .card .card-title {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .card .card-title a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .card .card-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 75px;
    background-color: rgba(255, 255, 255, 0.9); }
  .card .card-title,
  .card .card-subtitle {
    margin-bottom: 0 !important;
    margin-top: 0.25em; }
  .card.article:not(.slider) {
    height: 140px;
    align-content: center; }
    .card.article:not(.slider) .photo {
      right: unset;
      height: unset;
      width: 140px; }
    .card.article:not(.slider) .card-body {
      position: static;
      padding: 0 1em;
      margin-left: calc(140px + 1em); }
    @media only screen and (max-width: 991px) {
      .card.article:not(.slider) .card-title a {
        font-size: 0.9em;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; }
      .card.article:not(.slider) .card-subtitle {
        font-size: 0.7em; }
      .card.article:not(.slider) .card-text {
        display: none; } }
  .card.item {
    border-radius: 16px;
    overflow: visible; }
    .card.item .photo {
      border-radius: 16px; }
    .card.item .card-body {
      border-radius: 0 0 16px 16px; }
    .card.item .card-title {
      display: flex;
      align-items: center; }
      .card.item .card-title a {
        flex: 1; }
      .card.item .card-title img {
        position: static; }
    .card.item .badge-bottom span {
      margin-right: 0.5em; }

.scale-on-hover {
  transition: 0.3s; }
  .scale-on-hover:hover {
    transform: scale(1.02);
    transition: 0.3s; }

.dropdown .dropdown-menu {
  z-index: 4000; }
.dropdown .dropdown-item, .dropdown .dropdown-item.active, .dropdown .dropdown-item:active {
  color: black; }

.panorama-outer-container {
  width: 100%;
  position: relative; }
  .panorama-outer-container .panorama-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #777; }

.margin {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.icon-facebook {
  text-indent: -6px; }

/* Modify and extend default bootstrap elements */
.btn {
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.8em 1em 0.5em 1em;
  border: none;
  border-radius: 9999px; }

.btn-primary {
  background-color: #008DD2;
  border: none; }
  .btn-primary:hover, .btn-primary.active, .btn-primary:active {
    background-color: #009eec; }

.page-link {
  color: #008DD2; }

.page-item.active .page-link {
  background-color: #008DD2;
  border-color: #008DD2; }

.badge-secondary {
  background-color: #FECC00; }
  .badge-secondary:hover, .badge-secondary.active, .badge-secondary:active {
    background-color: #ffd219; }

.card {
  color: #1D1D1D; }
  .card:hover {
    color: #303030; }
  .card .card-title span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .card .photo {
    flex-shrink: 0;
    height: 250px; }
  .card .card-subtitle {
    color: #606060;
    margin-bottom: 0.5rem;
    font-size: 0.8em; }
  .card.horizontal {
    flex-direction: row;
    margin-bottom: 1em; }
    .card.horizontal .photo {
      width: 25%;
      height: auto;
      border-radius: 3px 0 0 3px; }
    .card.horizontal .card-body {
      left: calc(25% + 1em);
      top: 50%;
      transform: translateY(-50%);
      bottom: unset; }

/* Layout */
/* Header */
@media only screen and (max-width: 991px) {
  body.home.menu-opened {
    padding-top: 0px; }

  body.menu-opened {
    overflow: hidden;
    padding-top: 100px; }
    body.menu-opened .mobile-menu-underlay {
      position: fixed;
      background: white;
      z-index: 1000;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: block; }
    body.menu-opened .mobile-menu-container {
      background-color: white; }
    body.menu-opened .navbar {
      background-color: #F4F9F8;
      position: fixed; }
      body.menu-opened .navbar .navbar-shadow {
        display: none; }
      body.menu-opened .navbar .navbar-brand {
        background-image: url("/images/layout/logo-tinted.svg"); }
      body.menu-opened .navbar .wcag-switch, body.menu-opened .navbar .social a {
        color: #444444; } }
.navbar {
  background: #008DD2;
  z-index: 1500;
  height: 100px;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-content: center;
  transition: 0.3s; }
  .navbar .left, .navbar .right {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50vw - 105px); }
    .navbar .left .spacer, .navbar .right .spacer {
      flex: 1; }
  .navbar, .navbar a {
    color: white;
    font-weight: 300;
    font-size: 0.9rem; }
  .navbar .navbar-shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    height: 160px;
    pointer-events: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/layout/navbar-shadow.png"); }
  .navbar .social a {
    font-size: 1.5em;
    margin: 0 1em;
    text-decoration: none; }
  .navbar .search {
    display: none; }
    @media only screen and (min-width: 992px) {
      .navbar .search {
        display: block; } }
    .navbar .search form {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 999px;
      padding: 0.5em 0.5em 0.5em 1em;
      margin: 0; }
      .navbar .search form button {
        border: none;
        background: transparent;
        color: white;
        padding-top: 2%; }
      .navbar .search form input {
        background: transparent;
        border: none;
        outline: transparent;
        width: 120px; }
  .navbar .navbar-brand {
    padding: 1rem;
    width: 105px;
    height: 70px;
    display: block;
    background: center center no-repeat url("/images/layout/logo.svg");
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .navbar .navbar-brand img {
      height: 60px;
      max-width: unset; }
    @media only screen and (max-width: 991px) {
      .navbar .navbar-brand {
        padding-left: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }
  .navbar .navbar-alt-menu, .navbar .navbar-alt-menu .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      .navbar .navbar-alt-menu, .navbar .navbar-alt-menu .navbar-nav {
        display: none; } }
    .navbar .navbar-alt-menu li, .navbar .navbar-alt-menu .navbar-nav li {
      padding: 0.5em 1em; }
      @media only screen and (max-width: 1399px) {
        .navbar .navbar-alt-menu li, .navbar .navbar-alt-menu .navbar-nav li {
          line-height: 10px;
          padding: 0 0.5em;
          font-size: 0.8em; } }
  .navbar .navbar-nav {
    flex-wrap: wrap; }
    .navbar .navbar-nav li a {
      transition: color 0.3s;
      font-weight: 500;
      font-size: 1.2em; }
    .navbar .navbar-nav ul {
      list-style: none;
      margin: 0;
      padding: 0 0 0 1rem;
      z-index: 300; }
    .navbar .navbar-nav > li {
      position: relative; }
      .navbar .navbar-nav > li:hover ul {
        opacity: 1;
        visibility: visible; }
      .navbar .navbar-nav > li > ul {
        transition: opacity 0.3s;
        background: #008DD2;
        opacity: 0;
        padding: 0.2rem 0.5rem;
        position: absolute;
        visibility: hidden;
        list-style: none;
        margin: 0;
        left: -0.4rem;
        min-width: 240px;
        border-radius: 3px;
        border-width: 1px;
        border-color: white;
        border-style: solid;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 991px) {
      .navbar .navbar-nav {
        flex-wrap: nowrap;
        position: static; }
        .navbar .navbar-nav > li {
          position: relative; }
          .navbar .navbar-nav > li > ul {
            visibility: visible;
            opacity: 1;
            border: none;
            box-shadow: none;
            position: static; } }
  .navbar .border-block {
    display: flex;
    align-items: center;
    padding: 0 1em; }
  .navbar .lang-switch img {
    height: 26px;
    max-width: unset; }
  @media only screen and (max-width: 991px) {
    .navbar .lang-switch {
      margin-left: 0px; } }
  .navbar .newsletter-click {
    border: none;
    background-color: transparent;
    padding: 1em;
    margin-left: 0.5em;
    flex-shrink: 0; }
    @media only screen and (max-width: 991px) {
      .navbar .newsletter-click {
        display: none; } }
    .navbar .newsletter-click img {
      height: 30px; }
  .navbar .wcag-switch {
    padding: 1rem;
    position: relative;
    font-size: 2rem; }
    .navbar .wcag-switch span {
      display: flex; }
    @media only screen and (max-width: 991px) {
      .navbar .wcag-switch {
        margin: 0px; } }
  .navbar .nav-item {
    z-index: 200;
    border-bottom: 2px solid transparent;
    margin-top: 9px; }
    .navbar .nav-item.active > a, .navbar .nav-item.highlighted > a, .navbar .nav-item:hover > a, .navbar .nav-item > a:hover {
      border-bottom: 2px solid white;
      margin-top: 2px;
      color: white; }
    .navbar .nav-item.highlighted > a {
      font-weight: bolder; }
  .navbar .nav-link {
    display: flex; }
    .navbar .nav-link:hover {
      color: white; }

.navbar-toggler {
  width: 32px;
  height: 24px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  .navbar-toggler span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: white;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  .navbar-toggler span:nth-child(1) {
    top: 0px; }
  .navbar-toggler span:nth-child(2), .navbar-toggler span:nth-child(3) {
    top: calc(50% - 1px); }
  .navbar-toggler span:nth-child(4) {
    top: calc(100% - 2px); }
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    top: 50%;
    width: 0%;
    left: 50%; }
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .navbar-toggler:not(.collapsed) span:nth-child(4) {
    top: 50%;
    width: 0%;
    left: 50%; }

nav .navbar-toggler {
  display: none; }
  @media only screen and (min-width: 992px) {
    nav .navbar-toggler {
      display: block; } }

body.home .navbar-main-menu, body.home.top .navbar-main-menu {
  position: fixed;
  z-index: 1000; }

.navbar-main-menu {
  position: absolute;
  top: 100px;
  z-index: 2800;
  background-color: #008DD2;
  transition: all 0.3s;
  padding: 0.5em 2em 2em;
  border-bottom-right-radius: 30px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }
  .navbar-main-menu .logo {
    text-align: center;
    margin-bottom: 2em; }
    .navbar-main-menu .logo img {
      width: 100px; }
  .navbar-main-menu.collapsing {
    min-height: unset; }
  .navbar-main-menu .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 0.5em; }
    .navbar-main-menu .nav-link img {
      width: 32px; }
  @media only screen and (max-width: 991px) {
    .navbar-main-menu {
      left: 0;
      right: 0;
      bottom: 100px;
      position: fixed;
      overflow-y: auto; }
      .navbar-main-menu .navbar-nav {
        margin: 1em 2em; } }
  .navbar-main-menu .newsletter-click {
    color: white;
    border: none;
    background: none;
    padding: 0;
    display: block;
    margin: 1.5em 0; }
    .navbar-main-menu .newsletter-click img {
      height: 1.4em;
      vertical-align: middle; }
  .navbar-main-menu .social {
    text-align: center;
    margin-top: 2em; }
    .navbar-main-menu .social a {
      font-size: 1.2em;
      text-decoration: none;
      color: white;
      display: inline-block;
      margin: 0 0.5em; }

.mobile-menu-underlay {
  display: none;
  z-index: 1200; }

.mobile-menu-container {
  background: transparent;
  width: 100%;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 5000;
  height: 100px;
  bottom: 0;
  display: none;
  transition: all 0.3s; }
  @media only screen and (max-width: 991px) {
    .mobile-menu-container {
      display: flex; } }
  .mobile-menu-container .mobile-menu {
    display: flex;
    background: #008DD2;
    padding: 0.3em 0.5em;
    border-radius: 9999px;
    align-items: center; }
    .mobile-menu-container .mobile-menu .navbar-toggler-container {
      background-color: #FECC00;
      border-radius: 9999px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      margin: 0 1em; }
      .mobile-menu-container .mobile-menu .navbar-toggler-container .navbar-toggler {
        width: 30px;
        height: 20px; }
    .mobile-menu-container .mobile-menu button {
      background: transparent;
      border: none; }
    .mobile-menu-container .mobile-menu .mobile-newsletter-button, .mobile-menu-container .mobile-menu .mobile-search-button {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 999px;
      cursor: pointer;
      display: flex;
      width: 40px;
      height: 40px;
      justify-content: center;
      align-items: center;
      padding: 0; }
      .mobile-menu-container .mobile-menu .mobile-newsletter-button img, .mobile-menu-container .mobile-menu .mobile-search-button img {
        height: 28px; }
        .mobile-menu-container .mobile-menu .mobile-newsletter-button img.tinted, .mobile-menu-container .mobile-menu .mobile-search-button img.tinted {
          display: none; }
      .mobile-menu-container .mobile-menu .mobile-newsletter-button.active, .mobile-menu-container .mobile-menu .mobile-search-button.active {
        background-color: white; }
        .mobile-menu-container .mobile-menu .mobile-newsletter-button.active img:not(.tined), .mobile-menu-container .mobile-menu .mobile-search-button.active img:not(.tined) {
          display: none; }
        .mobile-menu-container .mobile-menu .mobile-newsletter-button.active img.tinted, .mobile-menu-container .mobile-menu .mobile-search-button.active img.tinted {
          display: inline; }

.breadcrumb a {
  color: #606060; }
  .breadcrumb a:hover {
    color: #909090; }

.container.main {
  padding-top: 2em; }

/* Footer */
footer {
  margin-top: 5em; }
  footer .widget {
    margin-top: 0; }
  footer .logo {
    max-height: 200px; }
  footer .ue {
    background-color: white;
    text-align: center;
    padding: 2em 0; }
    footer .ue .text {
      margin-top: 2em;
      color: #858585;
      font-size: 0.6em; }
  footer .content {
    background-color: #008DD2;
    padding: 2rem 0;
    font-size: 0.8em;
    font-weight: normal; }
    footer .content, footer .content * {
      color: white; }
    footer .content .stores {
      display: flex;
      flex-direction: column;
      align-content: flex-start; }
      footer .content .stores a img {
        width: 140px; }
    footer .content .column {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      height: 100%;
      line-height: 200%; }
  footer .social {
    padding-top: 1em; }
    footer .social a {
      font-size: 2em;
      display: inline-block;
      margin-right: 0.5em; }
  footer h2 {
    font-weight: bolder;
    font-size: 2em;
    margin-bottom: 1em; }
  footer .created-by {
    text-align: center;
    background: #525964;
    padding: 1rem; }
    footer .created-by, footer .created-by a, footer .created-by p {
      color: black; }
    footer .created-by a {
      text-decoration: underline; }
    @media only screen and (max-width: 991px) {
      footer .created-by {
        padding: 1em 1em 6em 1em; } }
  footer p {
    margin: 0; }
  @media only screen and (max-width: 991px) {
    footer .content .column {
      text-align: left;
      justify-content: center;
      align-content: center;
      margin: 1rem 0;
      padding-bottom: 1em; }
      footer .content .column img {
        width: auto; }
    footer .content .stores {
      display: flex;
      flex-direction: row;
      margin: 1rem 0;
      justify-content: center;
      justify-items: center; }
      footer .content .stores a {
        display: block;
        margin: 1rem; }
        footer .content .stores a img {
          width: auto;
          height: 32px; } }

.home-page .section:nth-child(2) {
  margin-top: -2em;
  z-index: 200;
  position: relative; }
.home-page .section-padding {
  padding: 0 0 4rem; }
.home-page .section-padding-top {
  padding: 4rem 0 0; }
.home-page .section .items {
  padding: 5em 0 0 0;
  z-index: 10;
  margin-top: -2em; }
  .home-page .section .items.places {
    background-color: #008DD2; }
  .home-page .section .items .more {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center; }
.home-page .section .title {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 320px;
  padding: 0.3em 1em;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: white;
  border-radius: 16px; }
.home-page .section .subtitle {
  color: #979797;
  margin: 1rem 0; }
.home-page .section-1 {
  height: 100vh;
  min-height: 300px;
  position: relative; }
  .home-page .section-1 .logo {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 90vw; }
  .home-page .section-1 .more {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    z-index: 1200;
    border: none;
    background: none;
    font-size: 3em;
    color: white;
    transform: translateX(-50%); }
  .home-page .section-1 .swiper-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .home-page .section-1 .swiper-container .swiper-pagination-bullet {
      background-color: white; }
    .home-page .section-1 .swiper-container .swiper-wrapper {
      height: 100%; }
    .home-page .section-1 .swiper-container .swiper-slide {
      height: 100vh;
      color: #008DD2;
      background: #ccc center center no-repeat;
      background-size: cover; }
      .home-page .section-1 .swiper-container .swiper-slide:before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 40%;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0, 141, 210, 0.5) 0%, rgba(0, 141, 210, 0) 100%);
        pointer-events: none; }
  .home-page .section-1 .social {
    position: absolute;
    right: 2rem;
    top: 45%;
    display: flex;
    flex-direction: column;
    z-index: 30; }
    @media only screen and (max-width: 991px) {
      .home-page .section-1 .social {
        top: unset;
        bottom: 1rem; } }
    .home-page .section-1 .social .social-button {
      color: white;
      width: 3rem;
      height: 3rem;
      display: inline-flex;
      background: red;
      font-size: 1.6rem;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      transition: 0.3s;
      margin-bottom: 1rem; }
      .home-page .section-1 .social .social-button:hover {
        text-decoration: none;
        color: white;
        transform: scale(1.1); }
      .home-page .section-1 .social .social-button.fb {
        background: #1778F2; }
      .home-page .section-1 .social .social-button.yt {
        background: #cd201f; }
  .home-page .section-1 video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    background: black; }
.home-page .section-2 .title, .home-page .section-5 .title, .home-page .section-about .title {
  text-align: center; }
  .home-page .section-2 .title h2, .home-page .section-5 .title h2, .home-page .section-about .title h2 {
    font-size: 1rem; }
  .home-page .section-2 .title img, .home-page .section-5 .title img, .home-page .section-about .title img {
    height: 36px; }
.home-page .section-2 .subtitle, .home-page .section-5 .subtitle, .home-page .section-about .subtitle {
  text-align: center; }
.home-page .section-app {
  background: center center no-repeat url("/images/layout/bg-app.svg");
  background-size: cover; }
  .home-page .section-app .app-container {
    display: flex;
    max-width: 800px;
    align-items: center;
    margin: 4em 0; }
    .home-page .section-app .app-container .img-wrapper {
      width: 40%;
      margin-right: 3em; }
.home-page .section-5 {
  position: relative; }
  .home-page .section-5 .title {
    position: absolute;
    left: 50%;
    z-index: 1001;
    transform: translate(-50%, -50%); }
  .home-page .section-5 .ts-map {
    margin: 0; }
  .home-page .section-5 .link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 1000; }
.home-page .btn-primary.main {
  background-color: white;
  color: #008DD2;
  border: none;
  font-size: 0.7em;
  font-weight: 600;
  padding: 1em 2em;
  text-transform: uppercase;
  border-radius: 9999px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
  .home-page .btn-primary.main:hover {
    color: white;
    background-color: #008DD2; }

body.home .navbar {
  position: fixed; }
body.home .navbar-brand {
  transition: opacity 0.3s; }
body.home.top .navbar-brand {
  opacity: 0; }
body.home.top .section-about {
  opacity: 0; }
body.home.top:not(.menu-opened) .navbar {
  background: transparent;
  position: fixed; }
body.home .section-about {
  transition: 0.3s; }
body.home footer {
  margin-top: 0; }

/* Custom elements shared across whole site */
.list-view .card {
  margin-bottom: 1rem; }
.list-view .row .card {
  height: 250px; }
.list-view .pagination {
  justify-content: center;
  flex-wrap: wrap; }

/* sidebar menu */
.menu {
  margin: 0 0 2rem;
  padding: 0; }
  .menu li {
    list-style: none; }
    .menu li a {
      border-bottom: 1px solid #e0e0e0;
      padding: 0.5rem;
      display: block;
      color: #444444;
      display: flex;
      align-items: center; }
      .menu li a:hover {
        text-decoration: none;
        background: #f4f4f4; }
      .menu li a img {
        width: 32px;
        margin-right: 0.75rem;
        flex-shrink: 0; }
    .menu li.active > a {
      font-weight: bold; }
    .menu li:first-child a {
      border-top: 1px solid #e0e0e0; }
  .menu ul {
    margin: 0;
    padding: 0 0 0 1.5em;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.9em; }
    .menu ul li:first-child a {
      border-top: 0; }
    .menu ul li:last-child a {
      border-bottom: 0; }

.planer-toggle {
  display: inline-flex;
  height: 50px;
  border-radius: 25px;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  padding: 0 1rem;
  border: 1px solid #b0b0b0; }
  .planer-toggle, .planer-toggle:hover {
    color: #008DD2;
    text-decoration: none; }
  .planer-toggle .add-text, .planer-toggle .remove-text {
    padding-left: 1rem;
    white-space: nowrap; }
  .planer-toggle .remove-text {
    display: none; }
  .planer-toggle .icon-planer-remove {
    display: none; }
  .planer-toggle.large {
    width: 60px;
    height: 60px;
    font-size: 32px; }
  .planer-toggle.active {
    background: #008DD2;
    border-color: #008DD2;
    color: white; }
    .planer-toggle.active .add-text {
      display: none; }
    .planer-toggle.active .remove-text {
      display: block; }
    .planer-toggle.active .icon-planer-add {
      display: none; }
    .planer-toggle.active .icon-planer-remove {
      display: inline; }

.plot-container {
  position: relative;
  padding: 0 0 10px 10px;
  display: none; }
  .plot-container .trip-plot {
    height: 140px;
    font-size: 12px; }
  .plot-container .xaxis, .plot-container .yaxis {
    font-size: 10px;
    color: #999;
    position: absolute; }
  .plot-container .yaxis {
    transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    left: -5px;
    bottom: 0;
    width: 120px;
    text-align: center; }
  .plot-container .xaxis {
    bottom: 0;
    text-align: center;
    width: 100%; }

.leaflet-popup {
  min-width: 260px;
  max-width: 320px; }

.ts-map {
  height: 600px;
  background: #e0e0e0;
  margin: 1rem 0; }
  .ts-map .map-item {
    display: flex;
    align-items: center;
    min-width: 260px;
    margin: 0.5em 0;
    font-size: 1.2em; }
    .ts-map .map-item:not(:first-child) {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 0.5em; }
    .ts-map .map-item img {
      height: 80px;
      width: 80px;
      margin-right: 0.5rem; }
    .ts-map .map-item span {
      max-width: none !important;
      display: block;
      color: #444444; }

.app-info {
  background-image: url("/images/static/app-background.jpg");
  background-size: cover;
  padding-top: 6rem;
  padding-bottom: 6rem; }
  .app-info.tiny {
    overflow: hidden;
    padding-bottom: 0; }
    .app-info.tiny .image {
      margin-bottom: -200px; }
  .app-info .image {
    height: 700px; }
  .app-info .stores a img {
    height: 40px; }
  .app-info .text-container {
    padding: 6rem 0 1rem 0;
    text-align: center;
    color: white; }
    .app-info .text-container h2 {
      font-size: 3rem; }
  @media only screen and (max-width: 991px) {
    .app-info {
      padding: 4rem 1rem; }
      .app-info.tiny .image {
        margin-bottom: unset; }
      .app-info .image {
        height: auto;
        max-width: 80%; }
      .app-info .stores {
        display: inline-flex; }
        .app-info .stores a {
          margin: 0 5px;
          height: 32px; }
      .app-info .text-container {
        padding: 1rem; }
        .app-info .text-container h2 {
          font-size: 2rem; } }

#current-date {
  font-size: 1.5em; }

.items-slider {
  position: relative; }
  .items-slider .swiper-button-next.light,
  .items-slider .swiper-button-prev.light {
    color: white;
    outline: none; }
  .items-slider .swiper-pagination {
    position: static;
    margin: 10px auto 0 auto; }

.card.slider.item {
  box-shadow: none !important; }
  .card.slider.item:hover {
    transform: none !important; }

.mobile-search,
.newsletter-sign-in {
  position: fixed;
  right: 2em;
  bottom: 1em;
  max-width: 500px;
  background-color: white;
  padding: 3em 3em;
  z-index: 3000;
  display: none; }
  @media only screen and (max-width: 991px) {
    .mobile-search,
    .newsletter-sign-in {
      left: 0;
      top: 100px;
      right: 0;
      bottom: 100px;
      position: fixed;
      overflow-y: scroll; } }
  .mobile-search > *,
  .newsletter-sign-in > * {
    margin: 0.5em auto;
    text-align: center; }
  .mobile-search h4,
  .newsletter-sign-in h4 {
    font-weight: 600;
    font-size: 1.2em; }
  .mobile-search input[type=email], .mobile-search input[type=text],
  .newsletter-sign-in input[type=email],
  .newsletter-sign-in input[type=text] {
    border: none;
    border-bottom: 1px solid #008DD2;
    margin: 4em 2em 2em;
    display: block;
    width: 100%;
    text-align: left; }
  .mobile-search input[type=submit], .mobile-search input[type=button],
  .newsletter-sign-in input[type=submit],
  .newsletter-sign-in input[type=button] {
    border: none;
    border-radius: 999px;
    color: white;
    background-color: #FECC00;
    padding: 0.5em 1em;
    min-width: 60%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
    display: block;
    margin: 0 auto; }
  .mobile-search input[type=button],
  .newsletter-sign-in input[type=button] {
    background-color: transparent;
    color: #858585;
    margin-top: 2em; }

.mobile-search input[type=email], .mobile-search input[type=text] {
  margin: 2em 0; }

#accept-cookies-question {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #444444;
  padding: 2em 4em;
  color: #fff;
  z-index: 10000; }
  #accept-cookies-question a {
    color: #fff;
    text-decoration: underline; }
  #accept-cookies-question button {
    border: none;
    background-color: white;
    color: #008DD2;
    text-transform: uppercase;
    padding: 0.5em 1em;
    border-radius: 999px;
    margin-top: 1em; }

.autocomplete-suggestions {
  border-radius: 4px;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  overflow: auto;
  width: auto !important;
  min-width: 125px;
  max-width: 400px; }

.autocomplete-suggestion {
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #eee; }
  .autocomplete-suggestion .subtitle {
    color: #888;
    font-size: 0.7rem; }
  .autocomplete-suggestion img {
    height: 1rem;
    margin-right: 0.5rem; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-group {
  padding: 2px 5px; }
  .autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000; }

.leaflet-button {
  z-index: 1000;
  border: 0;
  background-color: white;
  width: 34px;
  height: 34px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  padding: 2px 6px;
  border-radius: 2px;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .leaflet-button img {
    width: 100%; }

/* Treespot widtgets */
/* Default style for all widget containers */
.widget {
  margin: 2rem 0; }
  .widget .widget-title {
    margin-bottom: 1rem; }

.widget-group .widget {
  margin-top: 0; }

.gallery-one .photo {
  position: relative; }
  .gallery-one .photo .glass {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.gallery-slider {
  color: #925e44; }

.gallery-thumbs .wrapper {
  margin: 0 -5px; }
.gallery-thumbs .thumb {
  margin: 5px;
  display: inline-block; }

.form .select {
  display: inline-block;
  position: relative; }
  .form .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #303030;
    padding: 5px 20px 5px 5px;
    border-radius: 4px; }
  .form .select select::-ms-expand {
    /* for IE 11 */
    display: none; }
  .form .select:after {
    border-color: #008DD2 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    top: 50%;
    content: " ";
    right: 10px;
    position: absolute;
    margin-top: -2px; }

.pager .page-item a {
  color: #008DD2;
  font-weight: 600;
  font-size: 0.8rem; }
.pager .page-item a:hover, .pager .page-item.active a {
  background-color: #008DD2;
  border-color: #008DD2;
  color: white; }
.pager .page-item.first .page-link, .pager .page-item.previous .page-link, .pager .page-item.last .page-link, .pager .page-item.next .page-link {
  color: #444444; }
  .pager .page-item.first .page-link:hover, .pager .page-item.previous .page-link:hover, .pager .page-item.last .page-link:hover, .pager .page-item.next .page-link:hover {
    color: white; }

.list-view .pager, .pager {
  margin: 2rem 0; }

body.fullscreen-map {
  overflow-y: hidden;
  position: fixed;
  height: 100vh; }
  body.fullscreen-map .article.bottom .map-container, body.fullscreen-map .article.bottom .map-container .ts-map {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 5001;
    padding: 0;
    margin: 0; }
    body.fullscreen-map .article.bottom .map-container .fullscreen, body.fullscreen-map .article.bottom .map-container .map-btn.btn-get-location, body.fullscreen-map .article.bottom .map-container .ts-map .fullscreen, body.fullscreen-map .article.bottom .map-container .ts-map .map-btn.btn-get-location {
      z-index: 5002; }

.article.bottom {
  padding: 0;
  margin: 0; }
  .article.bottom .map-container {
    position: relative; }
    .article.bottom .map-container .map-btn.btn-get-location {
      position: absolute;
      right: 1em;
      top: 1em;
      z-index: 2000; }
    .article.bottom .map-container .fullscreen {
      position: absolute;
      top: 80px;
      left: 10px; }
.article audio {
  width: 100%; }
.article h3 {
  margin-top: 2rem;
  margin-bottom: 1rem; }
.article .article-top .wrapper {
  display: flex; }
.article .article-top h1 {
  flex: 1;
  color: #1D1D1D; }
.article .article-top .icon {
  height: 50px;
  margin-right: 1rem; }
.article .article-top .planer-toggle {
  display: none;
  margin-top: 1rem; }
  .article .article-top .planer-toggle.keep {
    display: inline-flex; }
.article .sidebar .planer-toggle {
  display: flex;
  margin-bottom: 2rem; }
.article .item-contact {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  width: 100%; }
  .article .item-contact .name {
    font-weight: bold; }
  .article .item-contact th {
    font-weight: normal;
    white-space: nowrap;
    padding: 12px 0;
    vertical-align: top;
    border-bottom: 1px solid rgba(106, 106, 106, 0.2); }
  .article .item-contact td {
    text-align: right;
    border-bottom: 1px solid rgba(106, 106, 106, 0.2); }
  .article .item-contact li {
    padding: 0.3rem 0; }
    .article .item-contact li [class^="icon-"] {
      display: inline-block;
      margin-right: 0.25rem; }
.article .carousel-indicators {
  display: none;
  margin-bottom: 70px; }
.article .carousel-controls {
  margin: 1rem 0 0;
  text-align: center; }
  .article .carousel-controls .carousel-control-prev,
  .article .carousel-controls .carousel-control-next {
    position: static;
    display: inline-block;
    width: auto; }
    .article .carousel-controls .carousel-control-prev span,
    .article .carousel-controls .carousel-control-next span {
      font-size: 3em;
      font-weight: bold;
      color: #FECC00; }
@media only screen and (max-width: 991px) {
  .article .article-top .planer-toggle {
    display: flex; }
  .article .article-top h1 {
    font-size: 2rem; }
  .article .sidebar {
    margin-top: 2rem; }
    .article .sidebar .planer-toggle {
      display: none; } }

.item-params .param-name {
  font-weight: bold; }

.open-time .hour {
  font-weight: bold; }

.item-search {
  border-radius: 28px;
  border: 1px solid #D7DBE6;
  padding: 1rem;
  margin-bottom: 2rem;
  background: white; }
  .item-search .form-group {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
    margin-bottom: 1rem; }
  .item-search .top {
    display: flex;
    align-items: center; }
  .item-search .query {
    flex: 1;
    margin: 0 0.5rem;
    border: none;
    background: transparent; }
  .item-search .toggle {
    color: #858585;
    text-transform: uppercase;
    font-size: 0.9rem; }
    .item-search .toggle .toggle-hide {
      display: none; }
    .item-search .toggle:hover {
      text-decoration: none;
      color: #008DD2; }
  .item-search .custom-select {
    width: auto; }
  .item-search .form-collapse {
    display: none; }
  .item-search.shown .toggle .toggle-hide {
    display: inline; }
  .item-search.shown .toggle .toggle-show {
    display: none; }
  .item-search.shown .toggle .icon {
    display: inline-block;
    transform: rotate(180deg); }
  @media only screen and (max-width: 991px) {
    .item-search {
      padding: 0.5rem; }
      .item-search .top .query {
        width: 1rem; }
      .item-search .top .toggle {
        display: block;
        font-size: 0.8rem; } }

body.page-map {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  justify-items: stretch; }
  body.page-map footer {
    display: none; }
  body.page-map .breadcrumbs-container {
    display: none; }
  body.page-map h2 {
    color: #444444;
    font-size: 1.5em; }
  body.page-map .map-buttons {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1001; }
  body.page-map .finder-panel {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 340px;
    background: white;
    z-index: 2500;
    padding: 1.5rem 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #eee;
    max-height: calc(100% - 2em);
    overflow: auto; }
    @media only screen and (max-width: 767px) {
      body.page-map .finder-panel {
        width: calc(100vw - 90px);
        display: none; } }
    body.page-map .finder-panel .header {
      background: #008DD2;
      padding: 0.5rem;
      display: flex;
      align-items: center;
      color: white;
      border-radius: 4px; }
      body.page-map .finder-panel .header:hover {
        text-decoration: none; }
      body.page-map .finder-panel .header img {
        height: 2rem;
        margin: 0 1rem 0 0.5rem; }
      body.page-map .finder-panel .header .text {
        line-height: 1.1rem; }
    body.page-map .finder-panel label {
      margin-top: 0.5em;
      color: #888;
      font-size: 0.8em; }
    body.page-map .finder-panel .types {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: space-between; }
      body.page-map .finder-panel .types li {
        padding: 0.25rem 0.5rem;
        border-radius: 5px;
        font-size: 0.9em;
        cursor: default;
        text-align: center;
        color: #888; }
        body.page-map .finder-panel .types li i {
          display: block;
          font-size: 2.5em;
          margin-bottom: 0.1em; }
        body.page-map .finder-panel .types li.active {
          color: #008DD2; }
    body.page-map .finder-panel .stats {
      padding-top: 0.5rem;
      color: #008DD2; }
    body.page-map .finder-panel .plot-view {
      position: relative;
      height: 100px;
      font-size: 0.7em; }
    body.page-map .finder-panel ul.details {
      margin: 0.5em 0 0;
      padding: 0;
      list-style: none;
      font-size: 0.9em; }
      body.page-map .finder-panel ul.details li {
        display: flex;
        align-items: center;
        padding: 0.25em 0; }
        body.page-map .finder-panel ul.details li.link {
          cursor: pointer; }
        body.page-map .finder-panel ul.details li.separator {
          margin-top: 0.5em;
          padding-top: 0.5em;
          border-top: 1px solid #eee; }
        body.page-map .finder-panel ul.details li.title {
          font-weight: bold;
          padding: 0.5em 0; }
      body.page-map .finder-panel ul.details .icon {
        width: 36px;
        text-align: center;
        color: #008DD2;
        font-size: 2rem;
        margin-right: 0.25em;
        flex-shrink: 0; }
        body.page-map .finder-panel ul.details .icon i {
          display: block; }
    body.page-map .finder-panel .buttons {
      text-align: right; }
      body.page-map .finder-panel .buttons .btn {
        margin-bottom: 0.5em; }
        body.page-map .finder-panel .buttons .btn.btn-success {
          background-color: #FECC00; }
    body.page-map .finder-panel .trip-detail {
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px solid #ddd;
      position: relative; }
      body.page-map .finder-panel .trip-detail .trip-plot {
        height: 100px;
        font-size: 0.7em; }
      body.page-map .finder-panel .trip-detail .title {
        font-weight: bold; }
      body.page-map .finder-panel .trip-detail .subtitle {
        font-size: 0.9em;
        color: #008DD2; }
      body.page-map .finder-panel .trip-detail .close {
        background: transparent;
        opacity: 0.4;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        font-weight: normal; }
        body.page-map .finder-panel .trip-detail .close:hover {
          opacity: 1; }
      body.page-map .finder-panel .trip-detail .btn {
        font-size: 0.7em;
        padding: 0.5em 1em; }
  body.page-map .route-points {
    list-style: none;
    padding: 0;
    margin: 10px 0 10px -5px; }
    body.page-map .route-points li {
      cursor: move;
      border-radius: 4px;
      position: relative;
      border: 1px solid white; }
      body.page-map .route-points li .route-point {
        padding: 2px 0 2px 5px;
        line-height: 24px;
        display: flex;
        align-items: center; }
        body.page-map .route-points li .route-point .name {
          border-radius: 9999px;
          background-color: #f4f4f4;
          padding: 0.64em 1.2em;
          width: 100%;
          color: #444444; }
        body.page-map .route-points li .route-point .input-group {
          border-radius: 9999px;
          background-color: #f4f4f4;
          padding: 0.2em 0.5em; }
          body.page-map .route-points li .route-point .input-group input[type=text] {
            background-color: transparent;
            border: none; }
            body.page-map .route-points li .route-point .input-group input[type=text], body.page-map .route-points li .route-point .input-group input[type=text]::placeholder {
              color: #444444; }
          body.page-map .route-points li .route-point .input-group .input-group-append button {
            background: transparent;
            border: none; }
      body.page-map .route-points li.ui-sortable-helper {
        background: white;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
      body.page-map .route-points li .letter {
        width: 1.2em;
        height: 1.2em;
        line-height: 1.2em;
        flex-shrink: 0;
        background: transparent;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #008DD2;
        margin-right: 10px;
        font-size: 1.2em; }
      body.page-map .route-points li .remove {
        display: none;
        text-decoration: none;
        color: #999;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-top: -10px;
        width: 20px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        line-height: 18px;
        text-align: center;
        height: 20px; }
        body.page-map .route-points li .remove:hover {
          color: white;
          background: #c00; }
      body.page-map .route-points li .name {
        display: none; }
      body.page-map .route-points li.with-data .letter {
        margin-top: 0; }
      body.page-map .route-points li.with-data .remove {
        right: 10px;
        display: block; }
      body.page-map .route-points li.with-data .input-group {
        display: none; }
      body.page-map .route-points li.with-data .name {
        display: block;
        padding-right: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    body.page-map .route-points.with-via li:hover .remove {
      display: block; }
  body.page-map .main-map {
    flex: 1;
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900; }
    body.page-map .main-map h1 {
      display: none; }
    body.page-map .main-map .ts-map {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      height: 100%;
      margin: 0; }
      body.page-map .main-map .ts-map .item {
        display: flex;
        flex-direction: row;
        color: #008DD2;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
        font-weight: bold;
        align-items: center; }
        body.page-map .main-map .ts-map .item img {
          width: 100px;
          height: 100px; }
        body.page-map .main-map .ts-map .item span {
          padding: 0 1em;
          display: block;
          max-width: 160px;
          flex: 1; }
  body.page-map .map-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 260px;
    z-index: 999;
    background: white;
    transition: 0.3s; }
    body.page-map .map-panel h3 {
      color: #606060;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 0.5rem 0; }
    body.page-map .map-panel .wrapper {
      padding: 10px;
      overflow: scroll;
      height: 100%; }
    body.page-map .map-panel .toggle {
      position: absolute;
      left: -40px;
      top: 10px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 0;
      color: white;
      background: #008DD2;
      font-size: 14px;
      padding: 0;
      text-align: center; }
      body.page-map .map-panel .toggle i {
        display: block;
        transition: 0.6s; }
    body.page-map .map-panel .menu {
      padding-top: 0.5rem;
      border: 0; }
    body.page-map .map-panel.collapsed {
      right: -260px;
      transition: 0.3s; }
      body.page-map .map-panel.collapsed .toggle i {
        transform: rotate(180deg);
        transition: 0.6s; }
  body.page-map .leaflet-control-layers-toggle {
    width: 32px;
    height: 32px; }
  body.page-map .leaflet-marker-draggable {
    cursor: move; }
  body.page-map .modal {
    z-index: 5000; }
    body.page-map .modal h1 {
      margin-bottom: 0;
      font-size: 2em; }
  body.page-map.location-picker .ts-map {
    cursor: crosshair; }
  body.page-map.location-picker .finder-panel,
  body.page-map.location-picker .map-buttons {
    display: none; }

.leaflet-popup-content {
  min-width: 250px;
  margin: 10px; }
  .leaflet-popup-content .map-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 200px;
    text-decoration: none; }
    .leaflet-popup-content .map-item img {
      width: 80px;
      height: 80px;
      background: #eee;
      margin-right: 1rem;
      flex-shrink: 0; }
    .leaflet-popup-content .map-item span {
      font-size: 1rem;
      color: #333;
      max-width: 200px;
      display: block; }
  .leaflet-popup-content .map-items {
    margin-bottom: 0.5em; }
    .leaflet-popup-content .map-items .map-trip {
      display: flex;
      align-items: center;
      color: #444444;
      text-decoration: none;
      padding: 0.5rem 0;
      border-bottom: 1px solid #ddd; }
      .leaflet-popup-content .map-items .map-trip:hover {
        background: #f4f4f4; }
      .leaflet-popup-content .map-items .map-trip .trip-color {
        width: 16px;
        height: 16px;
        display: inline-block;
        border: 1px solid #888;
        border-radius: 50%;
        margin: 0 0.5rem 0 0.25rem;
        flex-shrink: 0; }
      .leaflet-popup-content .map-items .map-trip .title {
        font-weight: bold; }
      .leaflet-popup-content .map-items .map-trip .subtitle {
        color: #777;
        font-size: 0.7rem; }
      .leaflet-popup-content .map-items .map-trip:last-child {
        border-bottom: none; }
  .leaflet-popup-content .segment-tag {
    border: 1px solid #ccc;
    background: #eee;
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
    display: inline-block;
    margin-right: 0.5rem; }
  .leaflet-popup-content .segment-comment {
    font-size: 0.6rem;
    color: #777;
    margin-top: 0.5rem;
    max-height: 150px;
    overflow: auto; }
  .leaflet-popup-content .quick-navigate {
    font-size: 9px;
    margin-top: 0.5rem; }
    .leaflet-popup-content .quick-navigate a {
      display: inline-block;
      margin-left: 0.5em; }

.leaflet-control-layers-toggle,
.leaflet-retina .leaflet-control-layers-toggle {
  background: center center url("/images/layers.svg") no-repeat;
  background-size: 16px; }

.pointer-marker {
  background: url("/images/marker.png");
  background-size: 100%;
  padding-top: 2px;
  font-size: 20px;
  text-align: center;
  color: white; }

.tag-legend {
  position: absolute;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background: #fff;
  z-index: 1001;
  bottom: 2em;
  right: 1em; }
  .tag-legend .title {
    color: #008DD2;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .tag-legend .title span {
      flex-grow: 1; }
    .tag-legend .title i {
      margin-left: 0.5em;
      transition: 0.3s; }
    .tag-legend .title.collapsed i {
      transform: rotate(180deg); }
  .tag-legend ul {
    list-style: none;
    padding: 0;
    margin: 0.5em 0 0; }
    .tag-legend ul li {
      font-size: 0.7em;
      margin-bottom: 0.25rem; }
      .tag-legend ul li.separator {
        margin: 0.75em 0;
        border-bottom: 1px #ddd dotted; }
  .tag-legend .tag-value {
    width: 32px;
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle; }
    .tag-legend .tag-value.state {
      height: 0;
      border-bottom: 3px dashed #008DD2; }
      .tag-legend .tag-value.state.pln {
        opacity: 0.3; }
      .tag-legend .tag-value.state.ready {
        border-top: 4px solid #ffaf0f;
        border-bottom: 4px solid #008DD2; }
    .tag-legend .tag-value.surface {
      height: 16px;
      border: 1px solid #ddd;
      border-width: 1px 0;
      position: relative; }
      .tag-legend .tag-value.surface:after {
        content: ' ';
        position: absolute;
        top: 5px;
        height: 4px;
        left: 0;
        right: 0;
        display: block;
        background: #2763C1;
        opacity: 0.9; }

.category-picker legend {
  display: none; }
.category-picker .modal-footer {
  margin: 0; }
.category-picker ul {
  list-style: none; }
.category-picker .checker {
  float: right;
  padding: 10px;
  position: absolute;
  top: 1px;
  right: 0;
  border-left: 1px solid #eee; }
.category-picker .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
  .category-picker .icon img {
    width: 24px;
    height: 24px; }
.category-picker .categories {
  clear: both;
  padding: 0; }
  .category-picker .categories > li {
    position: relative; }
    .category-picker .categories > li > .title {
      cursor: pointer;
      display: block;
      background: white;
      margin: 10px 0;
      border: 1px solid #ddd;
      padding: 10px; }
  .category-picker .categories.single {
    margin-top: 1em; }
    .category-picker .categories.single .checker {
      border: none; }
    .category-picker .categories.single > li .title {
      padding: 10px 0;
      margin: 0;
      border-width: 0 0 1px 0; }
    .category-picker .categories.single > li:last-child .title {
      border: none; }
  .category-picker .categories ul {
    padding-left: 2em; }
    .category-picker .categories ul li {
      padding: 4px 0;
      border-bottom: 1px solid #eee; }
      .category-picker .categories ul li label {
        display: block;
        margin: 0;
        font-weight: normal; }
      .category-picker .categories ul li input {
        float: right;
        margin: 0 10px; }
      .category-picker .categories ul li:last-child {
        border: none; }

.map-btn {
  background: white;
  color: #008DD2;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 0.5rem; }
  .map-btn:hover {
    background: #eeeeff; }
  .map-btn.active {
    background: #eeeeff; }

.wcag-switch .font-sizes,
.wcag-switch .contrast-modes {
  display: flex;
  align-items: center; }
.wcag-switch button {
  background: white;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #b0b0b0;
  display: inline-block;
  margin-right: 0.5rem;
  text-align: center;
  cursor: pointer; }
.wcag-switch .font-sizes .size-0 {
  font-size: 0.5em; }
.wcag-switch .font-sizes .size-1 {
  font-size: 0.7em; }
.wcag-switch .contrast-modes .contrast-1 {
  border-color: white;
  background: black;
  color: white; }
.wcag-switch .contrast-modes .contrast-2 {
  border-color: black;
  background: #ffd800;
  color: black; }
.wcag-switch .contrast-modes .contrast-3 {
  border-color: #ffd800;
  background: black;
  color: #ffd800; }

html.size-1 {
  font-size: 1.2rem; }
html.size-2 {
  font-size: 1.4rem; }
html.size-2 .home-page .section-1 .swiper-container .swiper-slide .caption h1 {
  font-size: 3em; }
html.size-2 .home-page .section-1 .swiper-container .swiper-slide .caption p {
  font-size: 1.5em; }

body.contrast-1 {
  background: black !important;
  color: white !important; }
  body.contrast-1 a, body.contrast-1 .text-muted {
    color: white !important; }
  body.contrast-1 .card-link {
    text-decoration: underline; }
  body.contrast-1 .section .title,
  body.contrast-1 .breadcrumbs-container,
  body.contrast-1 .breadcrumb-item,
  body.contrast-1 .mobile-menu-container,
  body.contrast-1 .navbar-main-menu,
  body.contrast-1 .navbar,
  body.contrast-1 .card-body {
    background-color: black !important; }
  body.contrast-1 .text-dark,
  body.contrast-1 .card .card-subtitle,
  body.contrast-1 .dropdown-header {
    color: white !important; }
  body.contrast-1 .bg-white {
    background: black !important; }
  body.contrast-1 .breadcrumb,
  body.contrast-1 footer {
    color: white !important;
    background: black !important; }
  body.contrast-1 .dropdown-divider {
    border-color: white; }
  body.contrast-1 .card,
  body.contrast-1 .panel,
  body.contrast-1 .dropdown-menu {
    border: 2px solid white;
    background: black !important; }
  body.contrast-1 .page-item.disabled .page-link,
  body.contrast-1 .page-link {
    border-color: white !important;
    background: black; }
  body.contrast-1 .page-item.active .page-link {
    color: black !important;
    background: white; }
  body.contrast-1.home.top .navbar,
  body.contrast-1 .navbar,
  body.contrast-1 .content-container,
  body.contrast-1 .navbar-nav li.highlighted a,
  body.contrast-1 .navbar-nav li ul,
  body.contrast-1 .article-top,
  body.contrast-1 .article.bottom {
    background-color: black;
    color: white; }
  body.contrast-1 .navbar-nav li.highlighted a,
  body.contrast-1 .navbar {
    border-bottom: 2px solid white; }
  body.contrast-1 footer,
  body.contrast-1 .navbar {
    border-width: 2px !important;
    border-color: white !important; }
  body.contrast-1 .form-control,
  body.contrast-1 .custom-select {
    border: 2px solid white;
    color: white;
    background-color: black; }
    body.contrast-1 .form-control::placeholder,
    body.contrast-1 .custom-select::placeholder {
      color: white;
      opacity: 0.8; }
  body.contrast-1 .btn {
    color: black !important;
    background-color: white !important; }
  body.contrast-1 .menu ul,
  body.contrast-1 .menu li a {
    border-color: white !important;
    background: black; }
  body.contrast-1 .planer-toggle {
    color: black !important;
    background-color: white !important; }
  body.contrast-1 .navbar-shadow {
    display: none; }

body.contrast-2 {
  background: #ffd800 !important;
  color: black !important; }
  body.contrast-2 a, body.contrast-2 .text-muted {
    color: black !important; }
  body.contrast-2 .card-link {
    text-decoration: underline; }
  body.contrast-2 .section .title,
  body.contrast-2 .breadcrumbs-container,
  body.contrast-2 .breadcrumb-item,
  body.contrast-2 .mobile-menu-container,
  body.contrast-2 .navbar-main-menu,
  body.contrast-2 .navbar,
  body.contrast-2 .card-body {
    background-color: #ffd800 !important; }
  body.contrast-2 .text-dark,
  body.contrast-2 .card .card-subtitle,
  body.contrast-2 .dropdown-header {
    color: black !important; }
  body.contrast-2 .bg-white {
    background: #ffd800 !important; }
  body.contrast-2 .breadcrumb,
  body.contrast-2 footer {
    color: black !important;
    background: #ffd800 !important; }
  body.contrast-2 .dropdown-divider {
    border-color: black; }
  body.contrast-2 .card,
  body.contrast-2 .panel,
  body.contrast-2 .dropdown-menu {
    border: 2px solid black;
    background: #ffd800 !important; }
  body.contrast-2 .page-item.disabled .page-link,
  body.contrast-2 .page-link {
    border-color: black !important;
    background: #ffd800; }
  body.contrast-2 .page-item.active .page-link {
    color: #ffd800 !important;
    background: black; }
  body.contrast-2.home.top .navbar,
  body.contrast-2 .navbar,
  body.contrast-2 .content-container,
  body.contrast-2 .navbar-nav li.highlighted a,
  body.contrast-2 .navbar-nav li ul,
  body.contrast-2 .article-top,
  body.contrast-2 .article.bottom {
    background-color: #ffd800;
    color: black; }
  body.contrast-2 .navbar-nav li.highlighted a,
  body.contrast-2 .navbar {
    border-bottom: 2px solid black; }
  body.contrast-2 footer,
  body.contrast-2 .navbar {
    border-width: 2px !important;
    border-color: black !important; }
  body.contrast-2 .form-control,
  body.contrast-2 .custom-select {
    border: 2px solid black;
    color: black;
    background-color: #ffd800; }
    body.contrast-2 .form-control::placeholder,
    body.contrast-2 .custom-select::placeholder {
      color: black;
      opacity: 0.8; }
  body.contrast-2 .btn {
    color: #ffd800 !important;
    background-color: black !important; }
  body.contrast-2 .menu ul,
  body.contrast-2 .menu li a {
    border-color: black !important;
    background: #ffd800; }
  body.contrast-2 .planer-toggle {
    color: #ffd800 !important;
    background-color: black !important; }
  body.contrast-2 .navbar-shadow {
    display: none; }

body.contrast-3 {
  background: black !important;
  color: #ffd800 !important; }
  body.contrast-3 a, body.contrast-3 .text-muted {
    color: #ffd800 !important; }
  body.contrast-3 .card-link {
    text-decoration: underline; }
  body.contrast-3 .section .title,
  body.contrast-3 .breadcrumbs-container,
  body.contrast-3 .breadcrumb-item,
  body.contrast-3 .mobile-menu-container,
  body.contrast-3 .navbar-main-menu,
  body.contrast-3 .navbar,
  body.contrast-3 .card-body {
    background-color: black !important; }
  body.contrast-3 .text-dark,
  body.contrast-3 .card .card-subtitle,
  body.contrast-3 .dropdown-header {
    color: #ffd800 !important; }
  body.contrast-3 .bg-white {
    background: black !important; }
  body.contrast-3 .breadcrumb,
  body.contrast-3 footer {
    color: #ffd800 !important;
    background: black !important; }
  body.contrast-3 .dropdown-divider {
    border-color: #ffd800; }
  body.contrast-3 .card,
  body.contrast-3 .panel,
  body.contrast-3 .dropdown-menu {
    border: 2px solid #ffd800;
    background: black !important; }
  body.contrast-3 .page-item.disabled .page-link,
  body.contrast-3 .page-link {
    border-color: #ffd800 !important;
    background: black; }
  body.contrast-3 .page-item.active .page-link {
    color: black !important;
    background: #ffd800; }
  body.contrast-3.home.top .navbar,
  body.contrast-3 .navbar,
  body.contrast-3 .content-container,
  body.contrast-3 .navbar-nav li.highlighted a,
  body.contrast-3 .navbar-nav li ul,
  body.contrast-3 .article-top,
  body.contrast-3 .article.bottom {
    background-color: black;
    color: #ffd800; }
  body.contrast-3 .navbar-nav li.highlighted a,
  body.contrast-3 .navbar {
    border-bottom: 2px solid #ffd800; }
  body.contrast-3 footer,
  body.contrast-3 .navbar {
    border-width: 2px !important;
    border-color: #ffd800 !important; }
  body.contrast-3 .form-control,
  body.contrast-3 .custom-select {
    border: 2px solid #ffd800;
    color: #ffd800;
    background-color: black; }
    body.contrast-3 .form-control::placeholder,
    body.contrast-3 .custom-select::placeholder {
      color: #ffd800;
      opacity: 0.8; }
  body.contrast-3 .btn {
    color: black !important;
    background-color: #ffd800 !important; }
  body.contrast-3 .menu ul,
  body.contrast-3 .menu li a {
    border-color: #ffd800 !important;
    background: black; }
  body.contrast-3 .planer-toggle {
    color: black !important;
    background-color: #ffd800 !important; }
  body.contrast-3 .navbar-shadow {
    display: none; }

/*# sourceMappingURL=main.min.css.map */