@charset "UTF-8";
/*	VAR YOU CAN CHANGE TO CONFIG YOUR GEOTREK VERSION	*/
/*														*/
/* Evenements */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; }

html, body, .main-container { height: 100%; width: 100%; overflow: hidden; }

a { -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; color: #B4CC1B; }

a:hover, a:focus, a:active { color: #a0b518; }

.card { border-radius: 2px; -webkit-box-shadow: 0px 1px 2px 0px #4d4d4d; box-shadow: 0px 1px 2px 0px #4d4d4d; }

@media (max-width: 768px) { .tooltip { display: none !important; } }

@-webkit-keyframes triangle-loader { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes triangle-loader { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } }

@keyframes sk-rotate { 100% { transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); }
  50% { -webkit-transform: scale(1); } }

@keyframes sk-bounce { 0%, 100% { transform: scale(0);
    -webkit-transform: scale(0); }
  50% { transform: scale(1);
    -webkit-transform: scale(1); } }

.checkbox { height: 20px; line-height: 20px; width: 20px; display: inline-block; border: 1px solid white; background: rgba(255, 255, 255, 0.2); padding: 2px; text-align: center; vertical-align: middle; margin: 0; margin-right: 0.25rem; border-radius: 8%; }

.checkbox i { vertical-align: top; font-size: 0.8rem; }

#header { display: block; width: 100%; height: 90px; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; background-color: #e9e9e9; position: relative; z-index: 2; }

@media (max-width: 767px) { #header { height: 50px; } }

#header .navbar, #header .container-fluid { border: none; border-radius: 0; margin: 0; padding: 0; height: 100%; width: 100%; }

.header-burger { padding: 1em; margin: 4px; }

.header-burger .icon-bar { background: #B4CC1B; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.notransition .header-burger .icon-bar { -webkit-transition: none; transition: none; }

.header-burger .icon-bar:nth-child(2) { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }

.header-burger .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.header-burger .icon-bar:last-child { opacity: 0; }

.header-burger.collapsed .icon-bar { -webkit-transform: none; transform: none; opacity: 1; }

.header-map-switch { float: right; height: 3em; width: 3em; padding: 0.7em; margin: 4px; fill: #B4CC1B; }

@media (min-width: 768px) { .header-map-switch { display: none; } }

.header-map-switch img, .header-map-switch svg { max-height: 100%; width: auto; }

.header-title-link { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 90px; }

@media (max-width: 767px) { .header-title-link { line-height: 50px; right: 120px; } }

.header-title { display: inline-block; font-family: serif; font-style: italic; color: #4d4d4d; margin: 0; }

.header-title > h1 { margin: 0; display: inline-block; vertical-align: middle; }

@media (max-width: 767px) { .header-title { display: none; } }

.header-logo { height: 90px; float: left; vertical-align: middle; }

@media (max-width: 767px) { .header-logo { height: 50px; } }

.header-links-container { margin: 0; padding: 0; }

@media (max-width: 767px) { .header-links-container { background: white; padding: 0; width: 100%; position: absolute; top: 50px; height: auto; }
  .container-fluid > .header-links-container { margin: 0; } }

.header-links { height: 100%; line-height: 90px; }

.header-links.navbar-right { margin-right: 0; }

@media (max-width: 767px) { .header-links { margin: 0; line-height: 50px; } }

.header-links .glyphicon, .header-links .fa { color: inherit; font-size: 1.1em; line-height: 1.1em; cursor: pointer; }

.header-links a { color: #4d4d4d; }

@media (max-width: 992px) { .header-links a { padding-left: 10px; padding-right: 10px; } }

.header-links a:hover, .header-links a:focus { color: #B4CC1B; }

.header-links a:hover > .glyphicon, .header-links a:hover > .fa, .header-links a:focus > .glyphicon, .header-links a:focus > .fa { color: #B4CC1B; }

.header-links .header-link { line-height: normal; }

.header-links .header-link > a { padding-top: 35px; padding-bottom: 35px; }

@media (max-width: 767px) { .header-links .header-link > a { padding: 1em 2em; } }

.header-links .header-link:hover, .header-links .header-link:focus { background-color: #f2f2f2; }

.header-links .header-link:hover > a, .header-links .header-link:hover > .glyphicon, .header-links .header-link:hover > .fa, .header-links .header-link:focus > a, .header-links .header-link:focus > .glyphicon, .header-links .header-link:focus > .fa { color: #B4CC1B; }

.header-links .dropdown-menu { padding: 0; max-height: calc(100vh - 90px); }

@media (max-width: 767px) { .header-links .dropdown-menu { max-height: calc(100vh - 50px); } }

.header-links .dropdown-menu a { padding-top: 15px; padding-bottom: 15px; }

.header-links .dropdown-menu > .active > a { background-color: #4d4d4d; }

.header-links .dropdown-menu.scroll { overflow-x: hidden; overflow-y: auto; }

.sidebar { position: relative; z-index: 400; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }

.layout-root .sidebar { position: relative; z-index: 30; float: left; width: 90px; height: 100%; color: white; background-color: #3a3a3a; }

@media (max-width: 540px) { .layout-root .sidebar { width: 55px; } }

.toolbar-actions { line-height: 50px; position: relative; height: 50px; margin: 0; padding: 0; list-style: none; white-space: nowrap; }

@media (max-width: 767px) { .toolbar-actions { line-height: 30px; height: 30px; } }

.toolbar-action { line-height: 30px; display: inline-block; vertical-align: middle; border-left: 1px solid rgba(170, 170, 170, 0.5); }

@media (max-width: 767px) { .toolbar-action { line-height: 25px; }
  .toolbar-action.rep-3d { display: none; } }

.toolbar-action:first-child { border-left: none; }

.toolbar-action .dropdown-menu { left: auto; min-width: 100px; }

.toolbar-action.share .fa-share-alt { font-size: 1.6em; position: relative; top: 2px; display: inline-block; vertical-align: middle; }

.toolbar-action-link, .dropdown-toggle { display: block; padding: 0 30px; color: #4d4d4d; }

@media (max-width: 767px) { .toolbar-action-link, .dropdown-toggle { padding: 0 10px; } }

.toolbar-action-link .txt-icon, .dropdown-toggle .txt-icon { font-weight: bold; }

.toolbar-action-link .stripe-icon svg, .dropdown-toggle .stripe-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.toolbar-action-link .svg-icon, .dropdown-toggle .svg-icon { max-width: 100%; max-height: 100%; }

.toolbar-action-link .svg-icon svg, .dropdown-toggle .svg-icon svg { display: inline-block; vertical-align: middle; }

.toolbar-action-link .svg-icon svg path, .toolbar-action-link .svg-icon svg circle, .toolbar-action-link .svg-icon svg ellipse, .dropdown-toggle .svg-icon svg path, .dropdown-toggle .svg-icon svg circle, .dropdown-toggle .svg-icon svg ellipse { fill: currentColor; }

.toolbar-action-link.active, .dropdown-toggle.active { color: orange; }

.toolbar-action-link:hover, .dropdown-toggle:hover { text-decoration: none; }

.toolbar-action-label { display: none; }

.back-to-home .toolbar-action-label { font-weight: bold; display: inline-block; vertical-align: middle; text-transform: uppercase; padding-top: .2em; }

@media (max-width: 767px) { .back-to-home .toolbar-action-label { display: none; } }

@media (min-width: 768px) and (max-width: 1024px) { html, body { font-size: 10px; } }

.main-content { position: relative; z-index: 1; width: 100%; height: 100%; }

@media (min-width: 768px) { .main-content.footer-active { height: 90%; } }

.main-content.layout-root { display: -webkit-box; display: -ms-flexbox; display: flex; top: -90px; padding-top: 90px; }

@media (max-width: 767px) { .main-content.layout-root { top: -50px; padding-top: 50px; } }

.main-content.layout-detail, .main-content.layout-flat { top: calc(-90px - 50px); padding-top: calc(90px + 50px); }

@media (max-width: 767px) { .main-content.layout-detail, .main-content.layout-flat { top: calc(-50px - 30px); padding-top: calc(50px + 30px); } }

.view-content { position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.resultsview-pane { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; -webkit-transition: left .3s ease, padding .3s ease, margin .3s ease; transition: left .3s ease, padding .3s ease, margin .3s ease; -webkit-box-shadow: -20px 0 30px 30px rgba(0, 0, 0, 0.5); box-shadow: -20px 0 30px 30px rgba(0, 0, 0, 0.5); }

.map-pane { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; z-index: 1; }

.results-pane { z-index: 0; }

@media (min-width: 768px) { .toggle-pane-controls { position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; width: 0; -webkit-transition: width .3s ease; transition: width .3s ease; -webkit-box-shadow: 40px 0 30px rgba(0, 0, 0, 0.2) inset; box-shadow: 40px 0 30px rgba(0, 0, 0, 0.2) inset; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .toggle-pane-controls.aside-pane-controls { left: 0; }
  .toggle-pane-controls.aside-pane-controls .stripe svg * { fill: white; } }

.toggle-pane-toggle { margin: 0; padding-right: 1em; padding-left: .5em; -webkit-transition: all 150ms ease; transition: all 150ms ease; color: rgba(0, 0, 0, 0.25); border: none; outline: none; background-color: transparent; }

.notransition .toggle-pane-toggle { -webkit-transition: none; transition: none; }

.toggle-pane-toggle .stripe { display: inline-block; margin: auto; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.toggle-pane-toggle .stripe svg { display: block; fill: currentColor; }

.toggle-pane-toggle:hover { padding-left: 1em; color: rgba(0, 0, 0, 0.5); }

.fold-results.toggle-pane-controls { width: 5%; }

.fold-results .toggle-pane-toggle { width: 70%; }

.fold-results .toggle-pane-toggle svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fold-results.results-pane { margin-right: -90%; }

.fold-aside.toggle-pane-controls { width: 20%; left: 0; }

.fold-aside .toggle-pane-toggle { width: 40%; }

.fold-aside .toggle-pane-toggle svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fold-aside.detail-aside-pane { margin-right: -21%; }

@media (max-width: 767px) { .layout-root .resultsview-pane { position: absolute; top: 0; left: 100%; width: 100%; }
  .layout-root .map-pane { width: 100%; }
  .layout-root .map-pane .global-filters, .layout-root .map-pane .filters-tags { left: 0; }
  .layout-root .map-mode .map-pane { position: absolute !important; left: 0; }
  .layout-root .map-mode .results-pane { left: 100%; }
  .layout-root .results-mode .map-pane { left: -100%; }
  .layout-root .results-mode .results-pane { left: 0; } }

.global-filters { z-index: 1; }

.leaflet-container { z-index: 0; }

.filters-tags { z-index: 1; }

.modal-dialog { width: 90%; height: 90%; }

.modal-content { height: 100%; width: 100%; border-radius: 2px; }

.modal-backdrop { width: 100%; height: 100%; background: black; }

.modal-backdrop.in { opacity: 0.8; }

.lightbox .modal-dialog { width: auto; height: auto; margin: 0; }

.lightbox .modal-content { background: none; -webkit-box-shadow: none; box-shadow: none; border: none; }

.modal .modal-close-button { display: block; position: absolute; top: 0.5rem; right: 0.5rem; color: white; font-size: 2rem; line-height: 2rem; z-index: 999999; opacity: 0.8; cursor: pointer; }

.modal .modal-close-button:hover { opacity: 1; }

#footer { position: absolute; bottom: 0; left: 0; width: 100%; background: white; font-size: 0.8rem; line-height: 0.8rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 .8rem; z-index: 1; }

@media (max-width: 767px) { #footer { display: none; } }

#footer ul { list-style: none; padding: 0; margin: 0; height: 10vh; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; }

@media (max-width: 500px) { #footer ul { width: 100%; } }

@media (min-width: 500px) { #footer ul:first-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } }

@media (min-width: 500px) { #footer ul:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } }

#footer li { line-height: 10vh; padding: 0 0.4rem; }

#footer img { height: 2.5rem; width: auto; }

#footer .legals { width: 50%; margin: auto; }

@media (max-width: 500px) { #footer .legals { width: 25%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } }

.load { position: absolute; z-index: 300; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; margin-left: 0; height: 100%; }

.load.load-3d { background: transparent; width: 60px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }

.load.load-3d .dot1, .load.load-3d .dot2 { background-color: #fff; }

.layout-detail .load { top: 50px; }

@media (max-width: 767px) { .layout-detail .load { top: 30px; } }

.spinner { margin: 100px auto; width: 60px; height: 60px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; }

.dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #B4CC1B; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }

.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

/** A stylesheet for use with Bootstrap 3.x @author: Dan Grossman http://www.dangrossman.info/ @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved. @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php @website: https://www.improvely.com/ */
/* Container Appearance */
.daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; width: 278px; }

.daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }

.daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }

.daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }

.daterangepicker.dropup { margin-top: -5px; }

.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }

.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }

.daterangepicker.dropdown-menu { max-width: none; z-index: 3000; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }

.daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; }

.daterangepicker.show-calendar .calendar { display: block; }

.daterangepicker .calendar.single .calendar-table { border: none; }

/* Calendars */
.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; }

.daterangepicker .calendar-table { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; }

.daterangepicker table { width: 100%; margin: 0; }

.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #999; background: #fff; }

.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; }

.daterangepicker td.in-range { background: #dddddd; border-radius: 0; }

.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #3a3a3a; border-color: #3071a9; color: #fff; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }

.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }

.daterangepicker th.month { width: auto; }

/* Text Input Above Each Calendar */
.daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; }

.daterangepicker .input-mini.active { border: 1px solid #3a3a3a; }

.daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; }

.daterangepicker .daterangepicker_input { position: relative; }

/* Time Picker */
.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; }

.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }

/* Predefined Ranges */
.daterangepicker .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; }

.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }

.daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) { .daterangepicker { width: auto; }
  .daterangepicker .ranges ul { width: 160px; }
  .daterangepicker.single .ranges ul { width: 100%; }
  .daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .daterangepicker .calendar.left { clear: left; margin-right: 0; }
  .daterangepicker.single .calendar.left { clear: none; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: left; }
  .daterangepicker .calendar.right { margin-left: 0; }
  .daterangepicker .left .daterangepicker_input { padding-right: 12px; }
  .daterangepicker .calendar.left .calendar-table { padding-right: 12px; }
  .daterangepicker .ranges, .daterangepicker .calendar { float: left; } }

@media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; }
  .daterangepicker .calendar.left { clear: none; } }

.categories-head { text-transform: uppercase; white-space: nowrap; padding: 10px 0 5px 0; }

.categories-head .categories-title, .categories-head .categories-all-check, .categories-head .categories-filters-close, .categories-head .categories-close { display: inline-block; }

.categories-head .categories-title { width: 90px; text-align: center; cursor: pointer; }

@media (max-width: 540px) { .categories-head .categories-title { width: 55px; } }

.categories-head .categories-all-check { position: relative; left: 4px; }

.categories-head .categories-all-check .fa-check { display: none; }

.categories-head .categories-all-check.checked .fa-check { display: block; opacity: .4; }

.categories-head .categories-all-check.full .fa-check { opacity: 1; }

.categories-head .categories-filters-close, .categories-head .categories-close { width: 120px; position: relative; z-index: 13; }

@media (max-width: 540px) { .categories-head .categories-filters-close, .categories-head .categories-close { width: 125px; } }

.categories-head .categories-filters-close { visibility: hidden; padding-left: .7em; }

.categories-head .categories-filters-close .stripe { display: inline-block; vertical-align: top; }

.categories-head .categories-filters-close .stripe svg { display: inline-block; vertical-align: top; fill: #fff; width: 7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.categories-head .categories-close { text-align: right; }

.categories-head .categories-close .cross { display: inline-block; vertical-align: top; }

.categories-head .categories-close .cross svg { display: inline-block; vertical-align: top; fill: #fff; width: 11px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.categories-head button { border: none; background-color: transparent; text-transform: uppercase; margin: 0; padding: 0; }

.categories-wrapper { height: 100%; width: 100%; overflow: hidden; -webkit-box-shadow: -20px 0 30px 30px rgba(0, 0, 0, 0.5); box-shadow: -20px 0 30px 30px rgba(0, 0, 0, 0.5); position: relative; -webkit-transition: width 150ms ease; transition: width 150ms ease; -webkit-transition-delay: 150ms; transition-delay: 150ms; }

.notransition .categories-wrapper { -webkit-transition: none; transition: none; }

.categories-wrapper.extend { width: 365px; }

@media (max-width: 540px) { .categories-wrapper.extend { width: 320px; } }

.categories-wrapper.extend:not(.filtering) .category-T { background-color: rgba(97, 178, 47, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-T1 { background-color: rgba(226, 80, 146, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-T2 { background-color: rgba(92, 193, 208, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-T3 { background-color: rgba(231, 129, 29, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-T4 { background-color: rgba(97, 178, 47, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-I { background-color: rgba(226, 80, 146, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C1 { background-color: rgba(73, 115, 184, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C2 { background-color: rgba(91, 90, 90, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C3 { background-color: rgba(139, 100, 148, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C4 { background-color: rgba(135, 171, 39, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C5 { background-color: rgba(237, 84, 53, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C6 { background-color: rgba(219, 179, 16, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C7 { background-color: rgba(61, 132, 46, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-C8 { background-color: rgba(0, 152, 95, 0.5); }

.categories-wrapper.extend:not(.filtering) .category-E { background-color: rgba(160, 84, 129, 0.5); }

.categories-wrapper.extend.filtering .open.category-T { background-color: rgba(97, 178, 47, 0.5); }

.categories-wrapper.extend.filtering .open.category-T button.filter-button { color: #61B22F; }

.categories-wrapper.extend.filtering .open.category-T1 { background-color: rgba(226, 80, 146, 0.5); }

.categories-wrapper.extend.filtering .open.category-T1 button.filter-button { color: #E25092; }

.categories-wrapper.extend.filtering .open.category-T2 { background-color: rgba(92, 193, 208, 0.5); }

.categories-wrapper.extend.filtering .open.category-T2 button.filter-button { color: #5CC1D0; }

.categories-wrapper.extend.filtering .open.category-T3 { background-color: rgba(231, 129, 29, 0.5); }

.categories-wrapper.extend.filtering .open.category-T3 button.filter-button { color: #E7811D; }

.categories-wrapper.extend.filtering .open.category-T4 { background-color: rgba(97, 178, 47, 0.5); }

.categories-wrapper.extend.filtering .open.category-T4 button.filter-button { color: #61B22F; }

.categories-wrapper.extend.filtering .open.category-I { background-color: rgba(226, 80, 146, 0.5); }

.categories-wrapper.extend.filtering .open.category-I button.filter-button { color: #E25092; }

.categories-wrapper.extend.filtering .open.category-C1 { background-color: rgba(73, 115, 184, 0.5); }

.categories-wrapper.extend.filtering .open.category-C1 button.filter-button { color: #4973B8; }

.categories-wrapper.extend.filtering .open.category-C2 { background-color: rgba(91, 90, 90, 0.5); }

.categories-wrapper.extend.filtering .open.category-C2 button.filter-button { color: #5B5A5A; }

.categories-wrapper.extend.filtering .open.category-C3 { background-color: rgba(139, 100, 148, 0.5); }

.categories-wrapper.extend.filtering .open.category-C3 button.filter-button { color: #8B6494; }

.categories-wrapper.extend.filtering .open.category-C4 { background-color: rgba(135, 171, 39, 0.5); }

.categories-wrapper.extend.filtering .open.category-C4 button.filter-button { color: #87AB27; }

.categories-wrapper.extend.filtering .open.category-C5 { background-color: rgba(237, 84, 53, 0.5); }

.categories-wrapper.extend.filtering .open.category-C5 button.filter-button { color: #ED5435; }

.categories-wrapper.extend.filtering .open.category-C6 { background-color: rgba(219, 179, 16, 0.5); }

.categories-wrapper.extend.filtering .open.category-C6 button.filter-button { color: #DBB310; }

.categories-wrapper.extend.filtering .open.category-C7 { background-color: rgba(61, 132, 46, 0.5); }

.categories-wrapper.extend.filtering .open.category-C7 button.filter-button { color: #3d842e; }

.categories-wrapper.extend.filtering .open.category-C8 { background-color: rgba(0, 152, 95, 0.5); }

.categories-wrapper.extend.filtering .open.category-C8 button.filter-button { color: #00985F; }

.categories-wrapper.extend.filtering .open.category-E { background-color: rgba(160, 84, 129, 0.5); }

.categories-wrapper.extend.filtering .open.category-E button.filter-button { color: #A05481; }

.categories-wrapper.extend.filtering .open button.filter-button { display: inline-block; padding: .35em .1em .10em 1.75em; font-weight: bold; border: none; border-radius: 0; width: 100%; background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; margin: .35em 0; }

.categories-wrapper.extend.filtering .categories-filters-close { visibility: visible; }

.categories-wrapper.extend.filtering .open .category-filters { right: 0; }

.categories { list-style: none; padding: 0; height: 100%; white-space: nowrap; overflow: hidden; background-color: #3a3a3a; }

.categories > ul { list-style: none; padding: 0; margin: 0; height: calc(100% - 36px); overflow-x: hidden; overflow-y: auto; margin: 0 -15px 0 0; }

.ie .categories > ul { margin-right: -18px; }

.categories .category-icon, .categories .category-title, .categories .category-filters-link { display: inline-block; vertical-align: top; height: 50px; }

.categories .active .category-icon, .categories .active .category-title { opacity: 1; }

.categories .category-icon { opacity: .3; width: 90px; padding: 3px 0; text-align: center; }

@media (max-width: 540px) { .categories .category-icon { width: 55px; padding: 6px 3px 6px 0; } }

.categories .category-icon .circle { display: inline-block; width: 44px; height: 44px; line-height: 44px; overflow: hidden; border-radius: 50%; position: relative; }

@media (max-width: 540px) { .categories .category-icon .circle { width: 38px; height: 38px; line-height: 38px; } }

.categories .category-icon .circle img, .categories .category-icon .circle svg { width: 100%; height: 100%; }

.categories .category-T .category-icon .circle { background-color: #61B22F; }

.categories .category-T1 .category-icon .circle { background-color: #E25092; }

.categories .category-T2 .category-icon .circle { background-color: #5CC1D0; }

.categories .category-T3 .category-icon .circle { background-color: #E7811D; }

.categories .category-T4 .category-icon .circle { background-color: #61B22F; }

.categories .category-I .category-icon .circle { background-color: #E25092; }

.categories .category-C1 .category-icon .circle { background-color: #4973B8; }

.categories .category-C2 .category-icon .circle { background-color: #5B5A5A; }

.categories .category-C3 .category-icon .circle { background-color: #8B6494; }

.categories .category-C4 .category-icon .circle { background-color: #87AB27; }

.categories .category-C5 .category-icon .circle { background-color: #ED5435; }

.categories .category-C6 .category-icon .circle { background-color: #DBB310; }

.categories .category-C7 .category-icon .circle { background-color: #3d842e; }

.categories .category-C8 .category-icon .circle { background-color: #00985F; }

.categories .category-E .category-icon .circle { background-color: #A05481; }

.categories .category-title { cursor: pointer; opacity: .5; width: 235px; overflow: hidden; line-height: 50px; padding-left: 0.25rem; white-space: nowrap; }

.categories .category-title-checkbox { vertical-align: middle; }

.categories .category-title-text { display: inline-block; vertical-align: middle; text-transform: uppercase; line-height: 1.2; white-space: normal; max-width: 200px; }

.categories .category-filters-link { border: none; margin: 0; padding: 0; width: 40px; -webkit-transition: all 100ms ease; transition: all 100ms ease; }

@media (max-width: 540px) { .categories .category-filters-link { width: 30px; } }

.notransition .categories .category-filters-link { -webkit-transition: none; transition: none; }

.categories .category-filters-link:hover { margin-left: -5px; width: 45px; }

.categories .category-filters-link .stripe { display: inline-block; }

.categories .category-filters-link .stripe svg { display: inline-block; vertical-align: middle; fill: #fff; }

.categories .category-T .category-filters-link { background-color: #61B22F; }

.categories .category-T1 .category-filters-link { background-color: #E25092; }

.categories .category-T2 .category-filters-link { background-color: #5CC1D0; }

.categories .category-T3 .category-filters-link { background-color: #E7811D; }

.categories .category-T4 .category-filters-link { background-color: #61B22F; }

.categories .category-I .category-filters-link { background-color: #E25092; }

.categories .category-C1 .category-filters-link { background-color: #4973B8; }

.categories .category-C2 .category-filters-link { background-color: #5B5A5A; }

.categories .category-C3 .category-filters-link { background-color: #8B6494; }

.categories .category-C4 .category-filters-link { background-color: #87AB27; }

.categories .category-C5 .category-filters-link { background-color: #ED5435; }

.categories .category-C6 .category-filters-link { background-color: #DBB310; }

.categories .category-C7 .category-filters-link { background-color: #3d842e; }

.categories .category-C8 .category-filters-link { background-color: #00985F; }

.categories .category-E .category-filters-link { background-color: #A05481; }

.categories .category { width: 100%; min-height: 0; margin-bottom: 1px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; }

.categories .category.active a { color: white; }

.categories .category.active a svg { fill: white !important; }

.categories .category .menu-header { width: 100%; height: 51px; }

.categories .category .category-name { font-weight: bold; text-transform: uppercase; cursor: pointer; padding: 1em .5em; height: 50px; }

.categories .category .category-name i { font-size: 1.2em; }

.categories .category .category-name span { vertical-align: middle; }

.categories .category .more-or-less { height: 20px; width: 20px; position: absolute; display: block; margin-right: 0.5rem; right: 0px; top: 50%; margin-top: -10px; }

.categories .category .more-or-less .bar { width: 10px; height: 2px; background: white; position: absolute; top: 50%; left: 0; margin-top: -1px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.notransition .categories .category .more-or-less .bar { -webkit-transition: none; transition: none; }

.categories .category .more-or-less .bar:first-child { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.categories .category .filter-title { cursor: pointer; padding: .35em .1em .10em 1.75em; background-color: rgba(0, 0, 0, 0.15); margin-right: 10px; margin-left: 10px; position: relative; }

.categories .category .filter-title > span:first-child { font-weight: bolder; }

.categories .category .slider .slider-container { padding: .5em 2em 1.75em; }

.categories .category .slider label { margin-top: 0.4em; font-size: 0.8em; font-weight: 300; }

.categories .category .slider .min-label { float: left; }

.categories .category .slider .max-label { float: right; }

.categories .category rzslider { margin: 15px 0 15px 0; }

.categories .category rzslider span.rz-bar { background: rgba(255, 255, 255, 0.5); height: 5px; }

.categories .category rzslider span.rz-bar .rz-selection { background: white; }

.categories .category rzslider span.rz-pointer { background-color: rgba(255, 255, 255, 0.3); }

.categories .category rzslider span.rz-pointer:focus { outline: none; }

.categories .category rzslider span.rz-pointer:after { background-color: rgba(0, 0, 0, 0.85); }

.categories .category rzslider span.rz-pointer.rz-active { background-color: rgba(255, 255, 255, 0.7); }

.categories .category rzslider span.rz-pointer.rz-active:after { background-color: black; }

.categories .category rzslider span.rz-bubble { display: none; }

.categories .category rzslider .rz-ticks { top: -1px; }

.categories .category rzslider .rz-ticks .tick { background-color: rgba(255, 255, 255, 0.3); width: 7px; height: 7px; }

.categories .category rzslider .rz-ticks .tick.selected { background-color: white; }

.categories .category .choices { width: 100%; overflow: hidden; padding: .35em 0 .75em; z-index: 11; }

.categories .category .choices .form-group { margin: 0; position: relative; }

.categories .category .choices .form-group input[type="checkbox"], .categories .category .choices .form-group input[type="radio"] { display: block; position: absolute; cursor: pointer; color: white; opacity: 0; top: 0; left: 0; height: 100%; width: 100%; margin: 0; z-index: 11; }

.categories .category .choices .form-group input[type="checkbox"]:focus, .categories .category .choices .form-group input[type="radio"]:focus { outline: none; outline-color: transparent; outline-style: none; -webkit-box-shadow: 0px 1px 2px 0px #4d4d4d; box-shadow: 0px 1px 2px 0px #4d4d4d; }

.categories .category .choices .form-group label { margin: 0; width: 100%; padding: .35em 1em .35em 2em; font-size: 0.8rem; line-height: 0.8rem; font-weight: normal; }

.categories .category .choices .form-group label span { vertical-align: middle; }

.categories .category .choices .form-group.date-picker { -webkit-box-shadow: none; box-shadow: none; margin-right: 10px; margin-left: 10px; position: relative; }

.categories .category .choices .form-group.date-picker input { width: 100%; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0; background: transparent; -webkit-appearance: none; color: white; background-color: rgba(0, 0, 0, 0.1); vertical-align: middle; padding-right: 15%; }

.categories .category .choices .form-group.date-picker input:focus, .categories .category .choices .form-group.date-picker input:active { background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; box-shadow: none; }

.categories .category .choices .form-group.date-picker button.filter-button { position: absolute; top: 0; right: 0; width: 15%; height: 34px; padding: 12px; margin: 0; background: none; }

.categories .category .choices .form-group.date-picker .cross { height: 100%; width: 100%; display: block; opacity: 0.7; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }

.categories .category .choices .form-group.date-picker .cross svg { height: 100%; width: 100%; fill: white; display: block; }

.categories .category .choices .form-group.date-picker .filter-button:hover .cross { opacity: 1; }

.categories .category-T .category-filters { background-color: #61B22F; }

.categories .category-T1 .category-filters { background-color: #E25092; }

.categories .category-T2 .category-filters { background-color: #5CC1D0; }

.categories .category-T3 .category-filters { background-color: #E7811D; }

.categories .category-T4 .category-filters { background-color: #61B22F; }

.categories .category-I .category-filters { background-color: #E25092; }

.categories .category-C1 .category-filters { background-color: #4973B8; }

.categories .category-C2 .category-filters { background-color: #5B5A5A; }

.categories .category-C3 .category-filters { background-color: #8B6494; }

.categories .category-C4 .category-filters { background-color: #87AB27; }

.categories .category-C5 .category-filters { background-color: #ED5435; }

.categories .category-C6 .category-filters { background-color: #DBB310; }

.categories .category-C7 .category-filters { background-color: #3d842e; }

.categories .category-C8 .category-filters { background-color: #00985F; }

.categories .category-E .category-filters { background-color: #A05481; }

.category-filters { color: white; padding-top: 34px; position: absolute; top: 0; right: -300px; width: 278px; height: 100%; z-index: 12; -webkit-transition: opacity 0.3s ease-out, right 250ms ease-out; transition: opacity 0.3s ease-out, right 250ms ease-out; }

@media (max-width: 540px) { .category-filters { width: 265px; } }

.notransition .category-filters { -webkit-transition: none; transition: none; }

.category-filters form { width: 100%; height: 100%; padding: 0; position: relative; overflow-y: auto; }

.category-filters form:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.6); height: 1px; position: absolute; top: 0; right: 10px; left: 10px; }

.category-filters .selector { margin: 0; width: 100%; position: relative; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; position: relative; }

.notransition .category-filters .selector { -webkit-transition: none; transition: none; }

.category-filters .selector.empty { display: none; }

.category-filters .selector > span { display: block; padding: 1em; cursor: pointer; }

.category-filters .opened .more-or-less .bar:first-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.results-list-wrapper { overflow: auto; height: 100%; width: 100%; }

.results-count { padding: 1em 0; text-align: center; position: relative; background-color: #fff; font-family: serif; font-style: italic; font-size: 1.4em; }

.results-count:before { content: " "; border-bottom: 1px solid black; position: absolute; top: 50%; left: 40px; right: 40px; }

.results-count-inner { position: relative; background-color: inherit; padding: 0 1em; }

.no-results { display: block; width: 100%; padding: 5% 16%; text-align: center; font-size: 2rem; color: #cdcdcd; }

.results-item { overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 47%; padding: 0 1em 2.4em; display: block; position: relative; opacity: 1; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; background: whitesmoke; margin: 0.5rem 1.5%; border: 2px solid #e6e6e6; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }

.notransition .results-item { -webkit-transition: none; transition: none; }

.results-item.no-theme { padding-bottom: 1em; }

.results-list .results-item:hover, .results-list .results-item.hovered, .aside-list .results-item:hover, .aside-list .results-item.hovered { -webkit-transform: translateY(-5px); transform: translateY(-5px); border-color: #c8c8c8; background-color: #fafafa; }

@media (min-width: 768px) and (max-width: 1200px) { .results-list .results-item, .aside-list .results-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } }

@media (max-width: 550px) { .results-list .results-item, .aside-list .results-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } }

.results-list .results-item.not-in-viewport, .aside-list .results-item.not-in-viewport { opacity: 0.5; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

.results-list, .aside-list { background-color: inherit; list-style: none; padding: 0 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.leaflet-popup .result-visual-placeholder, .leaflet-popup .result-fav-control, .leaflet-popup .approved { display: none; }

.leaflet-popup .results-item { overflow: visible; width: auto; min-width: 240px; margin: -16px -21px; padding: 0 1em 1em; }

.leaflet-popup .results-item .result-view-details { right: 5px; left: auto; max-width: none; padding: 0 10px; }

.leaflet-popup .result-action { text-decoration: none; color: #fff; }

.result-visual { background-image: url(/images/placeholder.png); background-position: center center; background-size: cover; min-height: 100px; max-height: 250px; margin-left: -15px; margin-right: -15px; overflow: hidden; position: relative; }

.result-visual img { width: 100%; height: auto; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

.notransition .result-visual img { -webkit-transition: none; transition: none; }

.result-visual.empty { height: 150px; }

.result-actions { position: relative; height: 40px; margin-top: -20px; }

.result-action { position: absolute; top: 0; left: 0; height: 40px; width: 40px; border-radius: 20px; line-height: 36px; display: inline-block; vertical-align: middle; border: 2px solid whitesmoke; color: #fff; background-color: #787878; text-align: center; overflow: hidden; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.6); -webkit-transition: left 250ms ease; transition: left 250ms ease; }

.notransition .result-action { -webkit-transition: none; transition: none; }

li.category-T .result-action { background-color: #9bc681; }

li.category-T .result-action:hover { background-color: #61B22F; }

li.category-T1 .result-action { background-color: #e6b2c9; }

li.category-T1 .result-action:hover { background-color: #E25092; }

li.category-T2 .result-action { background-color: #b6d7dc; }

li.category-T2 .result-action:hover { background-color: #5CC1D0; }

li.category-T3 .result-action { background-color: #e2b588; }

li.category-T3 .result-action:hover { background-color: #E7811D; }

li.category-T4 .result-action { background-color: #9bc681; }

li.category-T4 .result-action:hover { background-color: #61B22F; }

li.category-I .result-action { background-color: #e6b2c9; }

li.category-I .result-action:hover { background-color: #E25092; }

li.category-C1 .result-action { background-color: #a1afc6; }

li.category-C1 .result-action:hover { background-color: #4973B8; }

li.category-C2 .result-action { background-color: #8e8e8e; }

li.category-C2 .result-action:hover { background-color: #5B5A5A; }

li.category-C3 .result-action { background-color: #afafaf; }

li.category-C3 .result-action:hover { background-color: #8B6494; }

li.category-C4 .result-action { background-color: #afc672; }

li.category-C4 .result-action:hover { background-color: #87AB27; }

li.category-C5 .result-action { background-color: #eaab9e; }

li.category-C5 .result-action:hover { background-color: #ED5435; }

li.category-C6 .result-action { background-color: #e2cb6f; }

li.category-C6 .result-action:hover { background-color: #DBB310; }

li.category-C7 .result-action { background-color: #77ad6b; }

li.category-C7 .result-action:hover { background-color: #3d842e; }

li.category-C8 .result-action { background-color: #19e598; }

li.category-C8 .result-action:hover { background-color: #00985F; }

li.category-E .result-action { background-color: #b6a4af; }

li.category-E .result-action:hover { background-color: #A05481; }

.result-action:hover { text-decoration: none; color: #fff; }

.result-action img, .result-action svg { width: 100%; height: 100%; }

.results-list .results-item:hover .result-action:nth-child(0), .results-list .results-item.hovered .result-action:nth-child(0), .aside-list .results-item:hover .result-action:nth-child(0), .aside-list .results-item.hovered .result-action:nth-child(0) { left: -45px; }

.results-list .results-item:hover .result-action:nth-child(1), .results-list .results-item.hovered .result-action:nth-child(1), .aside-list .results-item:hover .result-action:nth-child(1), .aside-list .results-item.hovered .result-action:nth-child(1) { left: 0px; }

.results-list .results-item:hover .result-action:nth-child(2), .results-list .results-item.hovered .result-action:nth-child(2), .aside-list .results-item:hover .result-action:nth-child(2), .aside-list .results-item.hovered .result-action:nth-child(2) { left: 45px; }

.results-list .results-item:hover .result-action:nth-child(3), .results-list .results-item.hovered .result-action:nth-child(3), .aside-list .results-item:hover .result-action:nth-child(3), .aside-list .results-item.hovered .result-action:nth-child(3) { left: 90px; }

.results-list .results-item:hover .result-action:nth-child(4), .results-list .results-item.hovered .result-action:nth-child(4), .aside-list .results-item:hover .result-action:nth-child(4), .aside-list .results-item.hovered .result-action:nth-child(4) { left: 135px; }

.results-list .results-item:hover .result-action:nth-child(5), .results-list .results-item.hovered .result-action:nth-child(5), .aside-list .results-item:hover .result-action:nth-child(5), .aside-list .results-item.hovered .result-action:nth-child(5) { left: 180px; }

.result-map-focus img { max-width: 74%; max-height: 74%; margin: 13% auto; }

.result-view-details { width: auto; max-width: 40px; }

.results-item:hover .result-view-details, .results-item.hovered .result-view-details { max-width: 300px; padding: 0 10px; }

@media (min-width: 768px) and (max-width: 1200px) { .detail-aside-pane .result-view-details { font-size: 1px; letter-spacing: -1px; color: transparent; height: 40px; width: 40px; display: block; text-shadow: none; }
  .detail-aside-pane .result-view-details:before { font-size: 24px; line-height: 36px; letter-spacing: normal; color: white; content: '+'; } }

@media (max-width: 768px) { .results-list .result-view-details { font-size: 1px; letter-spacing: -1px; color: transparent; height: 40px; width: 40px; display: block; text-shadow: none; }
  .results-list .result-view-details:before { font-size: 24px; line-height: 36px; letter-spacing: normal; color: white; content: '+'; } }

.result-category-icon { z-index: 1; }

li.category-T .result-category-icon { background-color: #61B22F; }

li.category-T1 .result-category-icon { background-color: #E25092; }

li.category-T2 .result-category-icon { background-color: #5CC1D0; }

li.category-T3 .result-category-icon { background-color: #E7811D; }

li.category-T4 .result-category-icon { background-color: #61B22F; }

li.category-I .result-category-icon { background-color: #E25092; }

li.category-C1 .result-category-icon { background-color: #4973B8; }

li.category-C2 .result-category-icon { background-color: #5B5A5A; }

li.category-C3 .result-category-icon { background-color: #8B6494; }

li.category-C4 .result-category-icon { background-color: #87AB27; }

li.category-C5 .result-category-icon { background-color: #ED5435; }

li.category-C6 .result-category-icon { background-color: #DBB310; }

li.category-C7 .result-category-icon { background-color: #3d842e; }

li.category-C8 .result-category-icon { background-color: #00985F; }

li.category-E .result-category-icon { background-color: #A05481; }

.result-fav-control { position: absolute; z-index: 2; top: .7em; right: .7em; cursor: pointer; }

.result-fav-icon { color: rgba(0, 0, 0, 0.7); font-size: 1.3em; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.isFav .result-fav-icon { color: #c80000; }

.result-fav-icon:hover { color: rgba(120, 0, 0, 0.8); }

.result-title { font-size: 1.2em; font-weight: 500; line-height: 1.2em; display: block; margin: .3em 0 0 0; }

.result-title a { text-decoration: none; color: inherit; }

.leaflet-popup .result-title { font-weight: bold; }

.result-teaser { display: none; }

.leaflet-popup .result-teaser { display: block; margin-top: .5em; }

.leaflet-popup .result-teaser p { margin: 0; }

.result-infos { display: block; }

.result-infos span { font-size: .9em; }

.result-infos span:not(:last-child):after { margin: 0 3px 0 6px; content: '-'; }

.leaflet-popup .result-infos { display: none; }

.result-themes { position: absolute; right: 15px; bottom: 0; left: 15px; border-top: 1px solid #aaa; padding-top: .2em; }

.leaflet-popup .result-themes { display: none; }

.result-themes-label { font-size: .85em; display: inline-block; vertical-align: middle; }

.result-themes-list { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; }

.result-theme { display: inline-block; overflow: hidden; width: 21px; height: 21px; margin-left: 5px; }

.result-theme img { width: 100%; height: 100%; }

.global-filters { position: absolute; top: 0; left: 0; right: 0; padding: 10px 20px; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 300ms ease; transition: all 300ms ease; overflow: hidden; -webkit-box-shadow: 0 1px 2px 0px #cdcdcd; box-shadow: 0 1px 2px 0px #cdcdcd; }

.notransition .global-filters { -webkit-transition: none; transition: none; }

.global-filters .global-filters-bottom { height: 0; opacity: 0; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; }

.global-filters.extend { overflow: visible; }

.global-filters.extend .global-filters-bottom { margin-top: 5px; height: auto; opacity: 1; }

.global-filters input[type="text"], .global-filters select, .global-filters input[type="checkbox"] { border-radius: 0; -webkit-appearance: none; }

.global-filters input[type="checkbox"] { opacity: 0; }

.global-filters-top { position: relative; }

.global-filters-search { max-width: 50%; padding: 0.4rem; }

.global-filters-search .input-group { -webkit-box-shadow: 0 1px 1px 0px #cdcdcd; box-shadow: 0 1px 1px 0px #cdcdcd; }

.global-filters-search .input-group input { width: 100%; border: none; margin: 0; padding: 6px; }

.global-filters-search .input-group .input-group-addon { background: white; border: none; }

@media (max-width: 560px) { .global-filters-search { max-width: 87%; } }

.global-filters-more { position: absolute; top: 23%; right: 1em; cursor: pointer; }

.global-filters-more .stripe { -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; -webkit-transform: rotate(90deg) translate(2px, 0); transform: rotate(90deg) translate(2px, 0); display: inline-block; margin-left: .5em; }

.notransition .global-filters-more .stripe { -webkit-transition: none; transition: none; }

.global-filters-more .stripe svg { width: 8px; }

@media (max-width: 560px) { .global-filters-more span { display: none; } }

.global-filters.extend .global-filters-more .stripe { -webkit-transform: rotate(-90deg) translate(-2px, 2px); transform: rotate(-90deg) translate(-2px, 2px); }

.global-filters-geo-filters { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0.4rem 5px; }

.global-filters-geo-filters.fullsize { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }

.global-filters-geo-filters .selector { margin: 5px 0; position: relative; -webkit-box-shadow: 0 1px 1px 0px #cdcdcd; box-shadow: 0 1px 1px 0px #cdcdcd; background: white; text-align: center; }

.global-filters-geo-filters .selector.empty { opacity: 0.4; }

.global-filters-geo-filters .selector.empty * { cursor: default; }

.global-filters-geo-filters .selector > span { display: block; padding: 5px; cursor: pointer; }

.global-filters-geo-filters .selector .choices { position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 1px 1px 0px #cdcdcd; box-shadow: 0 1px 1px 0px #cdcdcd; border-top: none; width: 100%; max-height: 0; text-align: left; overflow-y: auto; overflow-x: hidden; z-index: 11; background: white; }

.global-filters-geo-filters .selector .choices > .input-group { background: white; margin: 0.2rem; padding: 0.3rem; border: 1px solid #e6e6e6; }

.global-filters-geo-filters .selector .choices > .input-group input { width: 100%; border: none; font-size: 0.8rem; line-height: 0.8rem; vertical-align: middle; }

.global-filters-geo-filters .selector .choices > .input-group .input-group-addon { background: none; border: none; padding: 0 0.2rem; }

.global-filters-geo-filters .selector .choices > .input-group .input-group-addon i { font-size: 0.8rem; line-height: 0.8rem; }

.global-filters-geo-filters .selector .choices .form-group { margin: 0; background: white; position: relative; }

.global-filters-geo-filters .selector .choices .form-group input { display: block; position: absolute; cursor: pointer; opacity: 0; top: 0; left: 0; height: 100%; width: 100%; margin: 0; z-index: 11; /*&:checked + label:before { background: $dark-grey; }*/ }

.global-filters-geo-filters .selector .choices .form-group input:checked + label { padding-left: 0.6em; border-width: 0.4em; background: #e6e6e6; }

.global-filters-geo-filters .selector .choices .form-group input:hover + label, .global-filters-geo-filters .selector .choices .form-group input:focus + label { background: #f2f2f2; }

.global-filters-geo-filters .selector .choices .form-group label { display: block; height: 100%; width: 100%; padding: 0.4em 0.6em; font-weight: normal; font-size: 0.9em; padding-left: 1em; opacity: 1; border-left: 0 solid #4d4d4d; /*&:before { content: ''; position: absolute; background: transparent; border: 1px solid $dark-grey; height: 0.6em; width: 0.6em; border-radius: 50%; left: 0.5em; top: 0.6em; }*/ }

.global-filters-geo-filters .selector:not(.empty).opened .choices { max-height: 300px; }

@media (min-width: 560px) { .global-filters-geo-filters { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .global-filters-geo-filters .selector { margin: 0 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.global-filters-themes { padding-bottom: 0.4rem; }

@media (max-width: 540px) { .global-filters-themes { font-size: .75em; } }

@media (max-width: 559px) { .global-filters-themes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.global-filters-themes-title { vertical-align: top; font-weight: bold; }

.global-filters-themes-title, .global-filters-theme { line-height: 2; display: inline-block; width: 100%; opacity: 0.6; margin: 0; }

@media (min-width: 560px) { .global-filters-themes-title, .global-filters-theme { width: 50%; } }

.global-filters-themes-title:hover, .global-filters-theme:hover { opacity: 0.8; }

.global-filters-themes-title svg, .global-filters-theme svg { fill: #4d4d4d; }

.global-filters-themes-title .checkbox, .global-filters-theme .checkbox { vertical-align: -1px; border-color: rgba(77, 77, 77, 0.3); margin-left: .25em; }

@media (min-width: 560px) { .global-filters-themes-title { width: 100%; } }

.global-filters-theme-icon { display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5em; line-height: 1.5em; cursor: pointer; }

.global-filters-theme-icon img, .global-filters-theme-icon svg { width: 100%; height: 100%; }

.flex-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.flex-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.flex-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.flex-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

.flex-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

.flex-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

.flex-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }

.flex-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }

.flex-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

.flex-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

.flex-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }

.flex-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }

.flex-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }

.flex-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; }

.flex-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; }

.filters-tags { position: absolute; right: 0; bottom: 0; left: 0; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); background-color: rgba(58, 58, 58, 0.5); }

.notransition .filters-tags { -webkit-transition: none; transition: none; }

.filters-tags.extend { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.filters-tags-trigger { font-weight: bold; position: absolute; top: -25px; left: 50%; display: block; width: 235px; height: 25px; margin-left: -117px; cursor: pointer; text-align: center; color: #000; }

.filters-tags-trigger span { position: relative; top: 3px; color: #fff; }

.filters-tags-trigger .stripe { position: relative; display: inline-block; margin-left: 5px; -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle; }

.notransition .filters-tags-trigger .stripe { -webkit-transition: none; transition: none; }

.filters-tags-trigger .stripe svg { display: block; width: 8px; fill: #fff; }

.filters-tags-trigger.down .stripe { -webkit-transform: rotate(90deg) translate(2px, 0); transform: rotate(90deg) translate(2px, 0); }

.filters-tags-trigger-bg { position: absolute; top: 0; left: 0; opacity: .5; fill: #3a3a3a; }

.filters-tags-list { margin: 0; padding: .75em 3em; list-style: none; }

@media (max-width: 767px) { .filters-tags-list { padding: .75em .5em; } }

.filters-tags-item { font-size: .8em; display: inline-block; margin: 0 .2em .5em; text-transform: uppercase; padding-left: .3em; color: #4d4d4d; border-left: 5px solid; background: #f0f0f0; }

@media (max-width: 767px) { .filters-tags-item { margin: 0 .1em .35em .1em; } }

.filters-tags-item.category-T { border-color: #61B22F; }

.filters-tags-item.category-T1 { border-color: #E25092; }

.filters-tags-item.category-T2 { border-color: #5CC1D0; }

.filters-tags-item.category-T3 { border-color: #E7811D; }

.filters-tags-item.category-T4 { border-color: #61B22F; }

.filters-tags-item.category-I { border-color: #E25092; }

.filters-tags-item.category-C1 { border-color: #4973B8; }

.filters-tags-item.category-C2 { border-color: #5B5A5A; }

.filters-tags-item.category-C3 { border-color: #8B6494; }

.filters-tags-item.category-C4 { border-color: #87AB27; }

.filters-tags-item.category-C5 { border-color: #ED5435; }

.filters-tags-item.category-C6 { border-color: #DBB310; }

.filters-tags-item.category-C7 { border-color: #3d842e; }

.filters-tags-item.category-C8 { border-color: #00985F; }

.filters-tags-item.category-E { border-color: #A05481; }

.filters-tags-item svg path, .filters-tags-item svg circle, .filters-tags-item svg ellipse { fill: currentColor; }

.filters-tags-reset { cursor: pointer; border-width: 0; border-color: #f0f0f0; }

.filters-tags-icon { cursor: pointer; display: inline-block; padding: .1em .4em .3em .3em; }

@media (max-width: 767px) { .favorites .dropdown-toggle span { margin-right: 0.4em; } }

.favorites .count { font-size: .8em; vertical-align: 2px; }

.favorites-liste { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.favorites-liste ul { list-style: none; padding: 0 1em; }

.favorites-liste ul .favorite { min-width: 400px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0.8em 0; }

@media (max-width: 767px) { .favorites-liste ul .favorite { min-width: 0; } }

.favorites-liste ul .favorite a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; text-decoration: none; padding: 0; }

.favorites-liste ul .favorite:hover a { color: inherit; }

.favorites-liste ul .favorite span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1em; -ms-flex-item-align: center; align-self: center; }

.favorites-liste ul .favorite .picture { height: 3em; width: 3em; overflow: hidden; float: left; }

.favorites-liste ul .favorite .picture img { max-width: 150%; height: auto; }

.favorites-liste ul .favorite .picture img.placeholder { height: 100%; width: auto; }

.favorites-liste ul .favorite .category-icon { height: 3em; width: 3em; text-align: center; }

.favorites-liste ul .favorite .category-icon svg, .favorites-liste ul .favorite .category-icon img { width: 100%; height: 100%; }

.favorites-liste ul .favorite .category-icon svg { fill: white; }

.favorites-liste ul .favorite.category-T .category-icon { background-color: #61B22F; }

.favorites-liste ul .favorite.category-T:hover .name { color: #61B22F; }

.favorites-liste ul .favorite.category-T1 .category-icon { background-color: #E25092; }

.favorites-liste ul .favorite.category-T1:hover .name { color: #E25092; }

.favorites-liste ul .favorite.category-T2 .category-icon { background-color: #5CC1D0; }

.favorites-liste ul .favorite.category-T2:hover .name { color: #5CC1D0; }

.favorites-liste ul .favorite.category-T3 .category-icon { background-color: #E7811D; }

.favorites-liste ul .favorite.category-T3:hover .name { color: #E7811D; }

.favorites-liste ul .favorite.category-T4 .category-icon { background-color: #61B22F; }

.favorites-liste ul .favorite.category-T4:hover .name { color: #61B22F; }

.favorites-liste ul .favorite.category-I .category-icon { background-color: #E25092; }

.favorites-liste ul .favorite.category-I:hover .name { color: #E25092; }

.favorites-liste ul .favorite.category-C1 .category-icon { background-color: #4973B8; }

.favorites-liste ul .favorite.category-C1:hover .name { color: #4973B8; }

.favorites-liste ul .favorite.category-C2 .category-icon { background-color: #5B5A5A; }

.favorites-liste ul .favorite.category-C2:hover .name { color: #5B5A5A; }

.favorites-liste ul .favorite.category-C3 .category-icon { background-color: #8B6494; }

.favorites-liste ul .favorite.category-C3:hover .name { color: #8B6494; }

.favorites-liste ul .favorite.category-C4 .category-icon { background-color: #87AB27; }

.favorites-liste ul .favorite.category-C4:hover .name { color: #87AB27; }

.favorites-liste ul .favorite.category-C5 .category-icon { background-color: #ED5435; }

.favorites-liste ul .favorite.category-C5:hover .name { color: #ED5435; }

.favorites-liste ul .favorite.category-C6 .category-icon { background-color: #DBB310; }

.favorites-liste ul .favorite.category-C6:hover .name { color: #DBB310; }

.favorites-liste ul .favorite.category-C7 .category-icon { background-color: #3d842e; }

.favorites-liste ul .favorite.category-C7:hover .name { color: #3d842e; }

.favorites-liste ul .favorite.category-C8 .category-icon { background-color: #00985F; }

.favorites-liste ul .favorite.category-C8:hover .name { color: #00985F; }

.favorites-liste ul .favorite.category-E .category-icon { background-color: #A05481; }

.favorites-liste ul .favorite.category-E:hover .name { color: #A05481; }

.favorites-liste .header { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1em; background: #f2f2f2; }

.favorites-liste .header span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.2em; font-weight: bold; -ms-flex-item-align: center; align-self: center; }

.favorites-liste .remove { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 3em; -ms-flex-item-align: center; align-self: center; cursor: pointer; }

@media (max-width: 767px) { .favorites-liste .remove { text-align: center; } }

.favorites-liste .remove i { font-size: 1.2em; opacity: 0.6; }

.favorites-liste .remove i:hover { opacity: 1; }

.favorites-liste .no-favorites { padding: 1em; }

.general-map .leaflet-container { height: 100%; width: 100%; }

.leaflet-control-zoom a { position: relative; }

.leaflet-control-viewportfilter { padding: 0.5rem 1rem; position: relative; background: rgba(255, 255, 255, 0.7); font-size: 0.8rem; color: #4d4d4d; }

.leaflet-control-viewportfilter .leaflet-control-viewportfilter-caption { margin-left: 1rem; }

.leaflet-control-viewportfilter .leaflet-control-viewportfilter-caption::before { content: ''; display: block; height: 1rem; width: 1rem; position: absolute; top: 50%; margin-top: -0.5rem; left: 0.5rem; border-radius: 2px; font: normal normal normal 14px/1 FontAwesome; -webkit-transform: translate(0, 0); transform: translate(0, 0); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: white; border: 1px solid #9a9a9a; font-size: 0.8rem; line-height: 1rem; text-align: center; vertical-align: middle; color: #B4CC1B; }

.leaflet-control-viewportfilter input { display: block; height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; cursor: pointer; }

.leaflet-control-viewportfilter input:checked + .leaflet-control-viewportfilter-caption::before { content: "\f00c"; }

.detail-map .leaflet-control-viewportfilter { display: none; }

.general-map .leaflet-top { top: 68px; }

.fullscreen .general-map .leaflet-top { top: 0; }

.fullscreen .fold-aside.detail-map.map-pane { width: 96% !important; }

.fullscreen .detail-map.map-pane { width: 75% !important; z-index: 300 !important; }

.leaflet-control-layers-toggle { position: relative; width: 30px; height: 30px; border: 1px solid #fff; background-image: url(./images//switcher-satellite.jpg); background-size: cover; }

.leaflet-control-layers-toggle, .leaflet-control-layers-toggle:before, .leaflet-control-layers-toggle:after { border-radius: 1px; }

.leaflet-control-layers-toggle:before, .leaflet-control-layers-toggle:after { position: absolute; z-index: -1; top: 3px; left: 3px; display: block; width: 30px; height: 30px; content: ''; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.2); }

.leaflet-control-layers-toggle:after { top: 6px; left: 6px; }

.leaflet-control-layers-expanded { padding: 0; border: none; border-radius: 0; background: transparent; }

.leaflet-control-layers-separator { border: none; }

.leaflet-control-layers-base, .leaflet-control-layers-overlays { background-color: rgba(58, 58, 58, 0.85); color: #fff; overflow: hidden; }

.leaflet-control-layers-base label, .leaflet-control-layers-overlays label { padding: 0 .8em; margin: .3em 0; }

.arrow-direction { font-size: 10px; }

.arrow-direction.category-T { fill: #2a4d14; }

.arrow-direction.category-T1 { fill: #991953; }

.arrow-direction.category-T2 { fill: #277a86; }

.arrow-direction.category-T3 { fill: #78420d; }

.arrow-direction.category-T4 { fill: #2a4d14; }

.arrow-direction.category-I { fill: #991953; }

.arrow-direction.category-C1 { fill: #243a5d; }

.arrow-direction.category-C2 { fill: #1b1b1b; }

.arrow-direction.category-C3 { fill: #443148; }

.arrow-direction.category-C4 { fill: #35430f; }

.arrow-direction.category-C5 { fill: #95240d; }

.arrow-direction.category-C6 { fill: #645207; }

.arrow-direction.category-C7 { fill: #11250d; }

.arrow-direction.category-C8 { fill: #00190f; }

.arrow-direction.category-E { fill: #4c283e; }

@media (max-width: 767px) { .leaflet-control-minimap, .leaflet-control-zoom { display: none; } }

.leaflet-marker-icon.category-T .marker svg .base { fill: #61B22F; }

.leaflet-marker-icon.category-T.popup .marker::before { border-bottom-color: #61B22F; }

.leaflet-marker-icon.category-T1 .marker svg .base { fill: #E25092; }

.leaflet-marker-icon.category-T1.popup .marker::before { border-bottom-color: #E25092; }

.leaflet-marker-icon.category-T2 .marker svg .base { fill: #5CC1D0; }

.leaflet-marker-icon.category-T2.popup .marker::before { border-bottom-color: #5CC1D0; }

.leaflet-marker-icon.category-T3 .marker svg .base { fill: #E7811D; }

.leaflet-marker-icon.category-T3.popup .marker::before { border-bottom-color: #E7811D; }

.leaflet-marker-icon.category-T4 .marker svg .base { fill: #61B22F; }

.leaflet-marker-icon.category-T4.popup .marker::before { border-bottom-color: #61B22F; }

.leaflet-marker-icon.category-I .marker svg .base { fill: #E25092; }

.leaflet-marker-icon.category-I.popup .marker::before { border-bottom-color: #E25092; }

.leaflet-marker-icon.category-C1 .marker svg .base { fill: #4973B8; }

.leaflet-marker-icon.category-C1.popup .marker::before { border-bottom-color: #4973B8; }

.leaflet-marker-icon.category-C2 .marker svg .base { fill: #5B5A5A; }

.leaflet-marker-icon.category-C2.popup .marker::before { border-bottom-color: #5B5A5A; }

.leaflet-marker-icon.category-C3 .marker svg .base { fill: #8B6494; }

.leaflet-marker-icon.category-C3.popup .marker::before { border-bottom-color: #8B6494; }

.leaflet-marker-icon.category-C4 .marker svg .base { fill: #87AB27; }

.leaflet-marker-icon.category-C4.popup .marker::before { border-bottom-color: #87AB27; }

.leaflet-marker-icon.category-C5 .marker svg .base { fill: #ED5435; }

.leaflet-marker-icon.category-C5.popup .marker::before { border-bottom-color: #ED5435; }

.leaflet-marker-icon.category-C6 .marker svg .base { fill: #DBB310; }

.leaflet-marker-icon.category-C6.popup .marker::before { border-bottom-color: #DBB310; }

.leaflet-marker-icon.category-C7 .marker svg .base { fill: #3d842e; }

.leaflet-marker-icon.category-C7.popup .marker::before { border-bottom-color: #3d842e; }

.leaflet-marker-icon.category-C8 .marker svg .base { fill: #00985F; }

.leaflet-marker-icon.category-C8.popup .marker::before { border-bottom-color: #00985F; }

.leaflet-marker-icon.category-E .marker svg .base { fill: #A05481; }

.leaflet-marker-icon.category-E.popup .marker::before { border-bottom-color: #A05481; }

.double-marker { /** Transparent mask to avoid events repeating for SVG markers */ /* &:hover, &.hovered { z-index: 55555555 !important; &:not(.service) { .marker { transform: scale(1.2); transform-origin: center bottom; } .icon { transform: scale(1.2); transform-origin: center 58px; } } &.popup .marker { &::after, &::before { opacity: 1; } &::before { padding: 1rem; width: 8rem; height: auto; } &::after { border-left-width: 1rem; border-right-width: 1rem; border-top-width: 0.7rem; } } } */ }

.double-marker > div { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

.double-marker .marker, .double-marker svg, .double-marker img { height: 100%; width: 100%; }

.double-marker:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: transparent; }

.double-marker .marker .background { -webkit-transition: fill 300ms ease; transition: fill 300ms ease; fill: rgba(0, 0, 0, 0.5); }

.double-marker:hover .marker .background { fill: rgba(51, 51, 51, 0.8); }

.double-marker .step-number { display: block; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: auto; font-size: 1.2rem; font-weight: bolder; color: white; }

.double-marker:not(.poi) .icon { position: absolute; top: 2px; left: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 36px; height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 36px; overflow: hidden; }

.double-marker.service { width: 30px; height: 30px; }

.double-marker.service.popup .marker::before { border-bottom-color: #3964ED; }

.double-marker.service .icon { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; height: 17px; }

.double-marker.service .icon svg, .double-marker.service .icon .base { fill: #3964ED; }

.element-cluster .marker, .near-cluster .marker, .children-cluster .marker { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 32px; height: 100%; padding: 0; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; text-align: center; color: #323232; border: 4px solid currentColor; border-radius: 20px; background-color: whitesmoke; }

.element-cluster:hover, .element-cluster.hovered, .near-cluster:hover, .near-cluster.hovered, .children-cluster:hover, .children-cluster.hovered { z-index: 55555555 !important; }

.element-cluster:hover .marker, .element-cluster.hovered .marker, .near-cluster:hover .marker, .near-cluster.hovered .marker, .children-cluster:hover .marker, .children-cluster.hovered .marker { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transform-origin: center center; transform-origin: center center; }

.poi-cluster .icon-group { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

.poi-cluster .icon { width: 46%; margin: 2%; display: inline-block; }

.poi-cluster .icon img, .poi-cluster .icon svg { width: 100%; height: 100%; }

.poi-cluster:hover, .poi-cluster.hovered { z-index: 55555555 !important; }

.poi-cluster:hover .icon-group, .poi-cluster.hovered .icon-group { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: center center; transform-origin: center center; }

.departure-marker, .arrival-marker, .departure-arrival-marker { /** Transparent mask to avoid events repeating for SVG markers */ cursor: default; }

.departure-marker:before, .arrival-marker:before, .departure-arrival-marker:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: transparent; }

.departure-marker svg, .arrival-marker svg, .departure-arrival-marker svg { width: 100%; height: 100%; }

.departure-marker svg .stick .base, .arrival-marker svg .stick .base, .departure-arrival-marker svg .stick .base { fill: #8c6d62; }

.warning-marker svg .base { fill: #EF9A9A; }

.warning-marker .icon { color: white; top: -5px; left: 12px; }

.warning-marker .icon i { margin-left: 2px; font-size: 36px; }

.departure-marker svg .flag { fill: #429f46; }

.arrival-marker svg .flag { fill: #c52727; }

.departure-arrival-marker svg .flag-d { fill: #429f46; }

.departure-arrival-marker svg .flag-a { fill: #c52727; }

.parking-marker { cursor: default; /** Transparent mask to avoid events repeating for SVG markers */ }

.parking-marker svg, .parking-marker svg .base { height: 100%; width: 100%; }

.parking-marker svg .base { fill: #3964ED; }

.parking-marker:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: transparent; }

.ref-point { cursor: default; font-family: "Open Sans", Helvetica, Arial, sans-serif; background: #E83737; border-radius: 50%; color: white; font-size: .9rem; text-align: center; font-weight: bold; line-height: 26px; vertical-align: middle; }

.ref-point span { vertical-align: middle; }

.leaflet-overlay-pane svg path { stroke-opacity: 1; }

.leaflet-overlay-pane svg path.category-T { stroke: #61B22F; }

.leaflet-overlay-pane svg path.category-T.fill { fill: #61B22F; }

.leaflet-overlay-pane svg path.category-T1 { stroke: #E25092; }

.leaflet-overlay-pane svg path.category-T1.fill { fill: #E25092; }

.leaflet-overlay-pane svg path.category-T2 { stroke: #5CC1D0; }

.leaflet-overlay-pane svg path.category-T2.fill { fill: #5CC1D0; }

.leaflet-overlay-pane svg path.category-T3 { stroke: #E7811D; }

.leaflet-overlay-pane svg path.category-T3.fill { fill: #E7811D; }

.leaflet-overlay-pane svg path.category-T4 { stroke: #61B22F; }

.leaflet-overlay-pane svg path.category-T4.fill { fill: #61B22F; }

.leaflet-overlay-pane svg path.category-I { stroke: #E25092; }

.leaflet-overlay-pane svg path.category-I.fill { fill: #E25092; }

.leaflet-overlay-pane svg path.category-C1 { stroke: #4973B8; }

.leaflet-overlay-pane svg path.category-C1.fill { fill: #4973B8; }

.leaflet-overlay-pane svg path.category-C2 { stroke: #5B5A5A; }

.leaflet-overlay-pane svg path.category-C2.fill { fill: #5B5A5A; }

.leaflet-overlay-pane svg path.category-C3 { stroke: #8B6494; }

.leaflet-overlay-pane svg path.category-C3.fill { fill: #8B6494; }

.leaflet-overlay-pane svg path.category-C4 { stroke: #87AB27; }

.leaflet-overlay-pane svg path.category-C4.fill { fill: #87AB27; }

.leaflet-overlay-pane svg path.category-C5 { stroke: #ED5435; }

.leaflet-overlay-pane svg path.category-C5.fill { fill: #ED5435; }

.leaflet-overlay-pane svg path.category-C6 { stroke: #DBB310; }

.leaflet-overlay-pane svg path.category-C6.fill { fill: #DBB310; }

.leaflet-overlay-pane svg path.category-C7 { stroke: #3d842e; }

.leaflet-overlay-pane svg path.category-C7.fill { fill: #3d842e; }

.leaflet-overlay-pane svg path.category-C8 { stroke: #00985F; }

.leaflet-overlay-pane svg path.category-C8.fill { fill: #00985F; }

.leaflet-overlay-pane svg path.category-E { stroke: #A05481; }

.leaflet-overlay-pane svg path.category-E.fill { fill: #A05481; }

.layer-highlight { stroke-width: 10; stroke: yellow; }

.elevationMarker { display: block; border-radius: 50%; width: 16px; height: 15px; background: #f2f2f2; border: 4px solid #4d4d4d; opacity: 0; }

.elevationMarker.active { opacity: 1; }

.detail-map.hide-near-elements .near-marker, .detail-map.hide-near-elements .near-cluster, .detail-map.hide-children .children-marker, .detail-map.hide-children .children-cluster, .detail-map.hide-pois .poi-cluster, .detail-map.hide-pois .double-marker.poi { display: none; }

.leaflet-popup .leaflet-popup-content-wrapper { border-radius: 0; }

.leaflet-popup .leaflet-popup-close-button { z-index: 1; }

.geotrek-hint-popup .leaflet-popup-content-wrapper, .geotrek-hint-popup .leaflet-popup-tip { background-color: rgba(255, 255, 255, 0.85); -webkit-box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.1); box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.1); }

.geotrek-hint-popup .leaflet-popup-close-button { display: none; }

.info-point-title { text-align: center; font-weight: bold; font-size: 1.2em; }

.info-point-photo, .info-point-type, .info-point-link, .info-point-description { text-align: center; margin-top: 10px; }

.info-point-contact { margin-top: .5em; }

.info-point-months { clear: both; overflow: hidden; margin-top: .75em; }

.info-point-months { color: #b4b4b4; }

.info-point-months .month { font-size: 0.875em; display: inline-block; margin: 0 .15em; }

.info-point-months .active { color: #4d4d4d; font-weight: bold; }

.info-sensitive .info-point-photo { position: absolute; left: 0; top: 0; width: 5em; margin: 13px 19px; }

.info-sensitive .info-point-photo img { width: 100%; height: auto; }

.info-sensitive-content.picto { margin-left: 6em; margin-bottom: 1em; }

.info-sensitive-content.picto .info-point-title, .info-sensitive-content.picto .info-point-description { text-align: left; }

.detail-content-pane { position: relative; overflow: auto; padding-bottom: 30px; -webkit-transition: width .3s ease, left .3s ease; transition: width .3s ease, left .3s ease; border-right: 1px solid #e6e6e6; background: #f2f2f2; }

.detail-content-pane h3 { font-size: 1.143em; font-weight: bold; margin: 1em 0 0 0; }

.detail-content-pane a { color: #143cff; }

.detail-content-title { display: -webkit-box; display: -ms-flexbox; display: flex; color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.detail-content-title .cat-icon { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48px; height: 48px; margin: .4em 1em .4em 1.5em; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.detail-content-title img { width: 100%; height: 100%; display: inline-block; vertical-align: middle; }

.detail-content-title-text { font-size: 1.7em; font-weight: bold; margin: 5px 0 0 0; }

.detail-content-steps { display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-content-steps a { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: white; text-decoration: none; background-color: #4d4d4d; }

.detail-content-steps a > * { margin: auto 0; padding: 1rem; text-align: center; }

.detail-content-steps a:not(:first-child) { border-left: 1px solid #404040; }

.detail-content-steps span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.detail-content-steps i { font-size: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; text-align: center; }

.detail-content-sensitive { margin: 0; padding: .6em 1.5em; }

.detail-content-sensitive h3 { margin-bottom: .5em; }

.detail-content-sensitive .sensitive { position: relative; clear: both; overflow: hidden; padding: 1em 0; }

.detail-content-sensitive .title { font-weight: bold; }

.detail-content-sensitive .practice { background: lightgray; padding: .25em .75em; font-size: 0.875em; border-radius: 10em; display: inline-block; margin-right: .5em; }

.detail-content-sensitive .months { clear: both; overflow: hidden; }

.detail-content-sensitive .months { color: #b4b4b4; margin-top: .75em; }

.detail-content-sensitive .months .month { font-size: 0.875em; display: inline-block; margin: 0 .15em; }

.detail-content-sensitive .months .active { color: #4d4d4d; font-weight: bold; }

.detail-content-sensitive .sensitive-picto { position: absolute; left: 0; top: 0; width: 5em; margin: 1em 0; }

.detail-content-sensitive .sensitive-picto img { width: 100%; height: auto; }

.detail-content-sensitive .sensitive-content.picto { margin-left: 6em; }

.detail-content-sensitive .sensitive-content.picto .title, .detail-content-sensitive .sensitive-content.picto .description { text-align: left; }

.detail-content-meta { margin: 0; padding: .6em 1.5em; list-style: none; }

.detail-content-meta-item { font-size: 1.1em; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .7em 0 .5em 0; }

.detail-content-meta-item + .detail-content-meta-item { border-top: 1px solid rgba(0, 0, 0, 0.15); }

.meta-item-title { font-weight: bold; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.meta-item-content { margin: 0; padding: 0; list-style-type: none; -webkit-box-flex: 1; -ms-flex: 1 1 75%; flex: 1 1 75%; }

.meta-item-content-item { display: inline-block; margin-right: .5em; }

.meta-item-content-item img, .meta-item-content-item svg { width: 1.6em; height: 1.6em; vertical-align: middle; opacity: .8; fill: currentColor; }

.meta-item-content-item span { vertical-align: middle; }

.detail-content-picture { position: relative; cursor: pointer; color: white; text-shadow: 1px 1px 1px black; }

.detail-content-picture svg { filter: drop-shadow(1px 1px 1px black); -webkit-filter: drop-shadow(1px 1px 1px black); }

.detail-content-picture img { width: 100%; }

.detail-content-picture-credit { font-size: .8em; position: absolute; bottom: 1em; left: 2em; max-width: 80%; }

.detail-content-picture-how-many { font-size: 1.2em; font-weight: bold; position: absolute; right: 1.2em; bottom: .5em; }

.detail-content-picture-how-many .camera { display: inline-block; margin-left: 5px; vertical-align: middle; }

.detail-content-ambiance { font-size: 1.2em; font-style: italic; margin: 1em 2rem 0 2rem; }

.detail-content-teaser { font-family: serif; font-size: 1.8em; font-weight: bold; font-style: italic; line-height: 1.2em; margin: .5em 2rem 0 2rem; color: #B4CC1B; }

.detail-content-teaser i { float: left; margin-right: 1em; }

.detail-content-description { margin: 1em 2rem 0 2rem; font-size: 1.2em; }

.detail-content-description ol { margin: 0; padding: 0; list-style: none; counter-reset: li; }

.detail-content-description ol li { line-height: 1.5rem; position: relative; padding-bottom: .5rem; padding-left: 2rem; vertical-align: middle; }

.detail-content-description ol li:empty { display: none; }

.detail-content-description ol li:before { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: .9rem; font-weight: bold; line-height: 26px; position: absolute; top: -2px; left: -4px; width: 26px; height: 26px; content: counter(li); /* Use the counter as content */ counter-increment: li; text-align: center; vertical-align: middle; border-radius: 50%; color: white; background: #E83737; }

.detail-content-from-to { font-size: 1.1em; margin-top: 1.25em; padding: 1em 2rem; color: white; background: #B4CC1B; }

.detail-content-from-to > span { margin-right: 1em; }

.detail-content-from-to .from-to-label { font-weight: bold; }

.detail-content-events-info { margin: 1em 2rem 0 2rem; }

.detail-content-events-info h5 { font-size: 1.1rem; font-weight: lighter; margin-bottom: .2rem; }

.detail-content-notice { margin: 1em 2rem 0 2rem; padding: 1.3em 1em 1em; color: #4d4d4d; }

.detail-content-notice p { margin: 0; }

.detail-content-notice .notice-symbol { vertical-align: baseline; float: left; font-size: 1.5em; margin-top: -.30em; margin-right: .35em; }

.detail-content-notice.event-notice-custom { background-color: #FFCC80; }

.detail-content-notice.is-park-centered { background: #FFCC80; }

.detail-content-notice.is-park-centered a { color: inherit; }

.detail-content-notice.advice { background: #e6e6e6; }

.detail-content-notice.disabled-infrastructure { background: #81D4FA; }

.detail-content-transport-access { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 2rem 0 2rem; margin-top: .5em; }

.detail-content-access, .detail-content-transport { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 50%; }

.detail-content-access + div, .detail-content-transport + div { margin-left: 15px; }

.detail-content-access .text, .detail-content-transport .text { font-size: 1.1em; font-weight: normal; margin-top: 5px; }

.detail-content-elevation { margin: 1.5em 2rem 0 2rem; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.detail-content-elevation .elevation-y { margin-top: .6em; }

.detail-content-elevation .elevation-x { margin-top: .25em; }

.detail-content-elevation .elevation-legend { color: #b4b4b4; }

.detail-content-elevation .elevation-y-value { list-style-type: none; display: inline; margin: 0; padding: 0; }

.detail-content-elevation .elevation-y-value > li { display: inline; }

.detail-content-elevation .elevation-y-value > li + li:before { content: '- '; }

.detail-content-desks { background-color: #e6e6e6; padding: .25em 2rem 0 2rem; margin-top: 1.75em; }

.detail-content-desks-list { list-style-type: none; margin: 1em 0 0 0; padding: 0; font-size: 1.1em; }

.detail-content-desk + .detail-content-desk { border-top: 1px solid rgba(128, 128, 128, 0.65); padding-top: 1.5rem; }

.detail-content-desk-infos { display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-content-desk-image { position: relative; width: 11rem; }

.detail-content-desk-image > div { width: 8rem; height: 8rem; margin: 0 auto; border-radius: 50%; background-position: center center; background-size: cover; }

@media (max-width: 767px) { .detail-content-desk-image > div { width: 6rem; height: 6rem; } }

.detail-content-desk-contact { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.detail-content-desk-contact .name { font-weight: bold; }

.detail-content-desk-contact .address { margin: 0; }

.detail-content-desk-contact .links { list-style-type: none; margin: 1em 0 0 0; padding: 0; }

.detail-content-desk-description { margin-top: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; border-top: 1px solid rgba(128, 128, 128, 0.35); }

.detail-content-contact { margin: .5em 2rem 0 2rem; padding-bottom: 1em; }

.detail-content-contact ul { margin: 0; padding: .4rem 0; }

.detail-content-contact .card { display: inline-block; padding: 1em; border-left: 4px solid #B4CC1B; background: white; }

.detail-content-contact .card:not(:last-child) { margin-bottom: 1em; }

.detail-content-contact .card ul { margin: 0; padding: 0; list-style: none; }

.detail-content-source { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 2rem 0 2rem; margin-top: .5em; }

.detail-content-source ul { margin: .5em 0 0 0; padding: 0; list-style: none; }

.detail-content-source li { display: block; overflow: hidden; margin-bottom: .75em; }

.detail-content-source li.noimg { padding-left: 74px; }

.detail-content-source img { width: 64px; height: auto; display: block; float: left; margin-right: 10px; }

.detail-content-further { margin: .5em 2rem 0 2rem; padding-bottom: 1em; font-size: 1.1em; }

.detail-content-further ul { margin: .75em 0 0 0; padding: 0; list-style: none; }

.detail-content-related { font-size: 1.1em; line-height: 1; margin: .5em 2rem 0 2rem; }

.detail-content-related .related-treks { margin: 0; padding: 0; list-style-position: inside; }

.detail-content-related h4 { font-weight: bold; font-size: 1rem; margin-bottom: .25rem; }

.carousel-caption { position: relative; width: 90%; left: 0; top: 0; bottom: 0; padding-top: 1em; margin: 0 auto; }

.carousel-indicators { bottom: 0; }

.detail-content-approved { margin: 1em 2rem 0 2rem; width: 8em; }

.detail-content-approved img, .detail-content-approved svg { max-width: 100%; height: auto; }

/** Detail map pane */
.detail-map { z-index: 3; padding: 0; -webkit-transition: width .3s ease, left .3s ease; transition: width .3s ease, left .3s ease; background: #f2f2f2; }

.detail-map.leaflet-container + .interests { z-index: 2147483647; }

/** Detail aside pane */
.detail-aside-pane { padding: 0 0 0 1.5em; color: #fff; background: #4d4d4d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

.detail-aside-pane .detail-aside-group-title { height: 50px; }

@media (min-width: 768px) and (max-width: 1280px) { .detail-aside-pane { padding: 0 0 0 1em; }
  .detail-aside-group-content { padding-right: 1.5em; } }

.detail-aside-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 50px; -webkit-transition: all .2s ease; transition: all .2s ease; }

.detail-aside-group.active { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media (max-width: 768px) { .detail-aside-group.active { height: auto; } }

.detail-aside-group + .detail-aside-group { border-top: 1px solid rgba(255, 255, 255, 0.5); }

.detail-aside-group-title { font-size: 1.3em; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1em 0 8px; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media (min-width: 768px) { .detail-aside-group-title { cursor: pointer; } }

.detail-aside-group-title .stripe-icon { margin-left: auto; -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; }

.detail-aside-group.active .detail-aside-group-title .stripe-icon { -webkit-transform: translate(-50%) rotate(90deg); transform: translate(-50%) rotate(90deg); }

.detail-aside-group-title .stripe-icon svg polygon { fill: currentColor; }

.detail-aside-group-counter { background: rgba(0, 0, 0, 0.2); padding: 0.5rem 0; border-radius: 10%; display: block; /* color: black; */ margin-left: 1rem; height: 2rem; width: 3rem; line-height: 1rem; text-align: center; }

.detail-aside-group-content { margin: 0 0 0 .75em; padding-right: 2.25em; overflow: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media (min-width: 768px) { .detail-aside-group-content { height: 0; } }

.detail-aside-categories-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; }

.detail-aside-categories .detail-aside-group-content { overflow: hidden; padding-right: 1.25em; }

.detail-aside-category-title { font-size: 1em; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1em 0 8px; text-transform: uppercase; height: 25px; }

@media (min-width: 768px) { .detail-aside-category-title { cursor: pointer; } }

.detail-aside-category-title .stripe-icon { margin-left: auto; -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; }

.detail-aside-categories.active .detail-aside-category-title .stripe-icon { -webkit-transform: translate(-50%) rotate(90deg); transform: translate(-50%) rotate(90deg); }

.detail-aside-category-title .stripe-icon svg { width: 6px; height: auto; }

.detail-aside-category-title .stripe-icon svg polygon { fill: currentColor; }

.detail-page { width: 100%; height: 100%; background: #e6e6e6; }

@media (max-width: 767px) { .detail-page { overflow: auto; height: 100%; width: 100%; -webkit-overflow-scrolling: touch; }
  .detail-page .detailsview-pane { height: calc(100% + 1px); -webkit-transform: translateZ(0); } }

.category-T .detail-content-pane h3 { color: #61B22F; }

.category-T .meta-item-title { color: #61B22F; }

.category-T .detail-content-title { background: #61B22F; }

.category-T .detail-content-from-to { background: #61B22F; }

.category-T .detail-content-teaser { color: #61B22F; }

.category-T1 .detail-content-pane h3 { color: #E25092; }

.category-T1 .meta-item-title { color: #E25092; }

.category-T1 .detail-content-title { background: #E25092; }

.category-T1 .detail-content-from-to { background: #E25092; }

.category-T1 .detail-content-teaser { color: #E25092; }

.category-T2 .detail-content-pane h3 { color: #5CC1D0; }

.category-T2 .meta-item-title { color: #5CC1D0; }

.category-T2 .detail-content-title { background: #5CC1D0; }

.category-T2 .detail-content-from-to { background: #5CC1D0; }

.category-T2 .detail-content-teaser { color: #5CC1D0; }

.category-T3 .detail-content-pane h3 { color: #E7811D; }

.category-T3 .meta-item-title { color: #E7811D; }

.category-T3 .detail-content-title { background: #E7811D; }

.category-T3 .detail-content-from-to { background: #E7811D; }

.category-T3 .detail-content-teaser { color: #E7811D; }

.category-T4 .detail-content-pane h3 { color: #61B22F; }

.category-T4 .meta-item-title { color: #61B22F; }

.category-T4 .detail-content-title { background: #61B22F; }

.category-T4 .detail-content-from-to { background: #61B22F; }

.category-T4 .detail-content-teaser { color: #61B22F; }

.category-I .detail-content-pane h3 { color: #E25092; }

.category-I .meta-item-title { color: #E25092; }

.category-I .detail-content-title { background: #E25092; }

.category-I .detail-content-from-to { background: #E25092; }

.category-I .detail-content-teaser { color: #E25092; }

.category-C1 .detail-content-pane h3 { color: #4973B8; }

.category-C1 .meta-item-title { color: #4973B8; }

.category-C1 .detail-content-title { background: #4973B8; }

.category-C1 .detail-content-from-to { background: #4973B8; }

.category-C1 .detail-content-teaser { color: #4973B8; }

.category-C2 .detail-content-pane h3 { color: #5B5A5A; }

.category-C2 .meta-item-title { color: #5B5A5A; }

.category-C2 .detail-content-title { background: #5B5A5A; }

.category-C2 .detail-content-from-to { background: #5B5A5A; }

.category-C2 .detail-content-teaser { color: #5B5A5A; }

.category-C3 .detail-content-pane h3 { color: #8B6494; }

.category-C3 .meta-item-title { color: #8B6494; }

.category-C3 .detail-content-title { background: #8B6494; }

.category-C3 .detail-content-from-to { background: #8B6494; }

.category-C3 .detail-content-teaser { color: #8B6494; }

.category-C4 .detail-content-pane h3 { color: #87AB27; }

.category-C4 .meta-item-title { color: #87AB27; }

.category-C4 .detail-content-title { background: #87AB27; }

.category-C4 .detail-content-from-to { background: #87AB27; }

.category-C4 .detail-content-teaser { color: #87AB27; }

.category-C5 .detail-content-pane h3 { color: #ED5435; }

.category-C5 .meta-item-title { color: #ED5435; }

.category-C5 .detail-content-title { background: #ED5435; }

.category-C5 .detail-content-from-to { background: #ED5435; }

.category-C5 .detail-content-teaser { color: #ED5435; }

.category-C6 .detail-content-pane h3 { color: #DBB310; }

.category-C6 .meta-item-title { color: #DBB310; }

.category-C6 .detail-content-title { background: #DBB310; }

.category-C6 .detail-content-from-to { background: #DBB310; }

.category-C6 .detail-content-teaser { color: #DBB310; }

.category-C7 .detail-content-pane h3 { color: #3d842e; }

.category-C7 .meta-item-title { color: #3d842e; }

.category-C7 .detail-content-title { background: #3d842e; }

.category-C7 .detail-content-from-to { background: #3d842e; }

.category-C7 .detail-content-teaser { color: #3d842e; }

.category-C8 .detail-content-pane h3 { color: #00985F; }

.category-C8 .meta-item-title { color: #00985F; }

.category-C8 .detail-content-title { background: #00985F; }

.category-C8 .detail-content-from-to { background: #00985F; }

.category-C8 .detail-content-teaser { color: #00985F; }

.category-E .detail-content-pane h3 { color: #A05481; }

.category-E .meta-item-title { color: #A05481; }

.category-E .detail-content-title { background: #A05481; }

.category-E .detail-content-from-to { background: #A05481; }

.category-E .detail-content-teaser { color: #A05481; }

.jqstooltip { height: auto !important; width: auto !important; }

/* Fullscreen */
.main-content.layout-detail.fullscreen { padding-top: 0; top: 0; }

.main-content.layout-detail.fullscreen .sidebar { display: none; }

.details-pane { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.details-pane .detail-aside-pane { height: 100%; z-index: 2147483647; }

.details-pane .detail-content-pane { -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; }

.details-pane .map-pane { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.details-pane .detail-aside-pane { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; }

@media (max-width: 767px) { .details-pane { display: block; }
  .details-pane .detailsview-pane { overflow: hidden; height: auto; z-index: 1; }
  .details-pane .map-pane { position: absolute !important; top: 0; left: 100%; width: 100%; height: 100%; }
  .map-mode .details-pane .map-pane { left: 0; } }

.warning-panel { position: absolute; z-index: 3; padding: 1rem; left: -100vw; top: 0; background: #f2f2f2; width: 40%; height: 100%; overflow-y: auto; -webkit-transition: left 0.3s ease-in-ease-out; transition: left 0.3s ease-in-ease-out; }

.warning-panel h3 { padding-left: 1em; }

.warning-panel.opened { left: 0; }

.warning-panel .close { position: absolute; right: 1em; top: 1.2em; }

.warning-panel form { padding: 1rem; }

.warning-panel textarea { resize: vertical; }

.warning-panel #warning-map { width: 100%; height: 300px; }

.warning-panel .alert { font-size: 1rem; }

.warning-panel .alert p { margin: 1rem 0; }

.warning-panel .alert .icon { font-size: 2rem; text-align: center; }

@media (max-width: 767px) { .details-pane .detailsview-pane.warning-panel { -webkit-transition: width .3s ease, left .3s ease; transition: width .3s ease, left .3s ease; width: 100%; height: 100%; }
  .details-pane .detailsview-pane.warning-panel h4 { padding: 0 1rem; } }

.share .dropdown-menu { text-align: center; }

@media (min-width: 1024px) and (max-width: 1280px) { .poi-list { font-size: 12px; } }

.poi-list { margin: 0; padding: 0 0 2em 0; list-style: none; }

.poi-item { font-size: 1.2em; position: relative; overflow: hidden; margin: 0; list-style-type: none; color: #4d4d4d; border: 2px solid #e6e6e6; background: white; }

.poi-item + .poi-item { margin-top: 1em; }

.leaflet-popup .poi-item { margin: -16px -21px; padding-right: 1em; }

.leaflet-popup .poi-picture, .leaflet-popup .poi-fold, .leaflet-popup .poi-overlay, .leaflet-popup .poi-drawer { display: none; }

.poi-overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0; background-color: rgba(0, 0, 0, 0.4); }

.poi-overlay .plus { position: absolute; top: 6.5em; left: 50%; width: 38px; height: 38px; border-radius: 50%; background-color: #333; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.poi-overlay .plus:before, .poi-overlay .plus:after { content: " "; position: absolute; top: 50%; left: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3px; height: 16px; }

.poi-overlay .plus:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }

.poi-overlay.visible { opacity: 1; }

.expanded .poi-overlay { bottom: 100%; opacity: 0; }

.poi-fold { position: absolute; right: 0; bottom: -1.75em; left: 0; height: 1.5em; cursor: pointer; -webkit-transition: bottom 300ms ease; transition: bottom 300ms ease; text-align: center; opacity: .7; background-color: rgba(0, 0, 0, 0.05); }

.poi-fold .stripe-icon { display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.poi-fold .stripe-icon svg { display: inline-block; }

.expanded .poi-fold { bottom: 0; }

.poi-fold:hover { opacity: 1; }

.poi-picture { position: relative; width: 100%; height: 0; padding-bottom: 50%; cursor: pointer; background-position: center center; background-size: cover; }

.poi-picture-how-many { font-size: .8em; font-weight: bold; position: absolute; right: 1.2em; bottom: .5em; opacity: .5; color: #fff; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.6); }

.poi-picture-how-many .camera { display: inline-block; margin-left: 5px; vertical-align: middle; }

.expanded .poi-picture-how-many { opacity: 1; }

.poi-picture-empty { cursor: default; }

.poi-picture-credits { font-size: .8em; position: absolute; bottom: .25em; left: 1em; right: 1em; width: 100%; text-align: left; color: white; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.6); }

.poi-content { padding: 1em 0 1em 1em; }

.poi-content * { max-width: 100%; height: auto; }

.expanded .poi-content { padding-bottom: 1.5em; }

.poi-title { font-size: 1em; font-weight: bold; }

.poi-type { font-size: .8em; font-weight: lighter; display: block; }

.poi-type img, .poi-type svg { width: 17px; height: 17px; margin-right: .25em; }

.poi-drawer { overflow: hidden; max-height: 0; -webkit-transition: max-height 300ms ease; transition: max-height 300ms ease; }

.expanded .poi-drawer { overflow: auto; padding-right: 1em; padding-bottom: .5em; max-height: 100vh; }

.poi-description { margin-top: 1em; }

.poi-media-list { margin: 0; padding: 0; list-style: none; }

.poi-media { display: inline-block; margin: 0 1em 0 0; }

.poi-media-link { font-size: 1.5rem; color: inherit; }

.poi-media-link:hover { color: #B4CC1B; }

#media-player { width: 100%; height: 100%; }

.aside-list { display: block; width: 100%; margin: 0; padding: 0 0 2em 0; color: #333; }

.aside-list .results-item { width: auto; margin-right: 0; margin-left: 0; }

.result .approved { position: absolute; right: 15px; bottom: .3em; width: 2.5em; height: 1.6em; }

.result .approved img, .result .approved svg { max-width: 100%; max-height: 100%; }

.result .themes.is-approved { padding-right: 2.5em; }

.result .step-number { font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: auto; font-size: 1.2rem; line-height: 1.2rem; font-weight: bolder; color: white; }

#home-page { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; background: white; z-index: 999999; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

#home-page #footer { position: relative; }

.categories-prefilter { color: white; }

.default-categories-prefilter { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.default-categories-prefilter-item { height: 150px; -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; margin: 0.5rem 2% 0; overflow: hidden; position: relative; }

.default-categories-prefilter-item button { border: none; background: none; width: 100%; }

.default-categories-prefilter-item img { height: 100%; width: auto; }

.categories-prefilter { background: #4d4d4d; }

.random-list { list-style: none; padding: 0 .5rem; max-width: 1280px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.random-element { height: 150px; -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; margin: 0.5rem 2% 0; overflow: hidden; position: relative; }

.random-element a { display: block; width: 100%; height: 100%; }

.random-element .content-description { min-height: 2rem; width: calc(100% - 4px); position: absolute; bottom: 2px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1rem; }

.random-element .content-title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 1rem; line-height: 1.2rem; margin: auto; text-align: left; padding: 0 0.5rem; }

.random-element .content-picture { width: 100%; height: auto; }

.random-element .content-category { width: 40px; height: 40px; padding: 8px; background: #4d4d4d; }

.random-element .content-category svg, .random-element .content-category img { height: 100%; width: 100%; fill: white; }

.random-element.category-T .content-category { background-color: #61B22F; }

.random-element.category-T .content-title { color: #61B22F; }

.random-element.category-T1 .content-category { background-color: #E25092; }

.random-element.category-T1 .content-title { color: #E25092; }

.random-element.category-T2 .content-category { background-color: #5CC1D0; }

.random-element.category-T2 .content-title { color: #5CC1D0; }

.random-element.category-T3 .content-category { background-color: #E7811D; }

.random-element.category-T3 .content-title { color: #E7811D; }

.random-element.category-T4 .content-category { background-color: #61B22F; }

.random-element.category-T4 .content-title { color: #61B22F; }

.random-element.category-I .content-category { background-color: #E25092; }

.random-element.category-I .content-title { color: #E25092; }

.random-element.category-C1 .content-category { background-color: #4973B8; }

.random-element.category-C1 .content-title { color: #4973B8; }

.random-element.category-C2 .content-category { background-color: #5B5A5A; }

.random-element.category-C2 .content-title { color: #5B5A5A; }

.random-element.category-C3 .content-category { background-color: #8B6494; }

.random-element.category-C3 .content-title { color: #8B6494; }

.random-element.category-C4 .content-category { background-color: #87AB27; }

.random-element.category-C4 .content-title { color: #87AB27; }

.random-element.category-C5 .content-category { background-color: #ED5435; }

.random-element.category-C5 .content-title { color: #ED5435; }

.random-element.category-C6 .content-category { background-color: #DBB310; }

.random-element.category-C6 .content-title { color: #DBB310; }

.random-element.category-C7 .content-category { background-color: #3d842e; }

.random-element.category-C7 .content-title { color: #3d842e; }

.random-element.category-C8 .content-category { background-color: #00985F; }

.random-element.category-C8 .content-title { color: #00985F; }

.random-element.category-E .content-category { background-color: #A05481; }

.random-element.category-E .content-title { color: #A05481; }

.flat-page { background: #f2f2f2; width: 100%; height: 100%; padding: 1rem; overflow: auto; }

.flat-page h1 { font-size: 2rem; font-weight: lighter; margin-top: 0; color: #4d4d4d; border-bottom: 1px solid #e6e6e6; }

.flat-page .page-content { padding: 1rem; }

.flat-page .page-content .divider { border-bottom: 1px solid currentColor; }

#rando-3d { background-color: #00161F; background-image: url("./images/3d/background.jpg"); background-size: 100% 100%; width: 100%; height: 100%; padding: 0; margin: 0; font-family: verdana; overflow: hidden; color: white; border: 0; /** CSS Module : poi_side  @author: Célian GARCIA */ /** CSS Module : interface @author: Célian GARCIA */ }

#rando-3d h1 { position: absolute; top: 1rem; left: 50%; font-size: 1.4rem; -webkit-text-decoration: uppercase; text-decoration: uppercase; margin: 0; text-align: center; margin-left: -13rem; width: 26rem; }

#rando-3d canvas, #rando-3d div { width: 100%; height: 100%; padding: 0; margin: 0; font-family: verdana; overflow: hidden; color: white; border: 0; }

#rando-3d a { text-decoration: none; color: inherit; }

#rando-3d a:hover { color: #c4ca26; }

#rando-3d a:hover span { color: #c4ca26; }

#rando-3d .poi_side { background-color: rgba(20, 20, 20, 0.8); position: absolute; top: 0px; left: -100%; width: 24rem; height: 100%; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#rando-3d .poi_side.opened { left: 0; }

#rando-3d .poi_side .description { width: 100%; text-align: justify; padding: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; text-align: justify; font: inherit; }

#rando-3d .poi_side h2 { text-align: center; margin: 1rem 2rem; }

#rando-3d .poi_side .close_btn { position: absolute; margin: 1rem; display: block; height: 2rem; width: 2rem; font-size: 1.5rem; cursor: pointer; opacity: 0.8; margin: 1rem; }

#rando-3d .poi_side .close_btn:hover { opacity: 1; }

#rando-3d .camera_switcher { display: none; background-color: rgba(255, 255, 255, 0.2); border-radius: 0.35em 0 0 0.35em; position: absolute; top: 300px; bottom: auto; left: auto; right: 0px; height: auto; width: 70px; padding: 2px; margin: 0px; }

#rando-3d .camera_switcher .camera { text-align: center; border-bottom: solid 1px rgba(255, 255, 255, 0.2); list-style-type: none; float: left; width: 100%; padding: 0px; margin: 0px; cursor: pointer; }

#rando-3d .camera_switcher .camera .camera-icon { display: block; text-align: center; }

#rando-3d .camera_switcher .camera .camera-icon img { width: 100%; height: 100%; }

#rando-3d .camera_switcher .camera .camera-title { display: block; }

#rando-3d .camera_switcher .camera:last-child { border-bottom: none; }

#rando-3d .camera_switcher .camera--enabled:hover .camera-description { display: block; display: -webkit-box; }

#rando-3d .camera_switcher .camera--selected { cursor: auto; border-left: 1px solid white; }

#rando-3d .camera_switcher .camera--disabled { cursor: default; opacity: 0.4; }

#rando-3d .camera_switcher .camera-title { display: none; font-size: 12px; }

#rando-3d .camera_switcher .camera-description { text-align: left; font-size: 14px; display: none; width: 200px; position: absolute; margin-left: -230px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

#rando-3d .controls { background-color: rgba(255, 255, 255, 0.2); border-radius: 0 0 0.35em 0.35em; position: absolute; top: 0px; right: 0px; height: auto; width: 300px; padding: 5px; display: none; float: right; }

#rando-3d .controls span { float: left; width: 100%; margin: 5px; }

#rando-3d .controls img { vertical-align: sub; }

#rando-3d .controls h2, #rando-3d .controls h3, #rando-3d .controls h4 { margin: 0px; padding: 0px; margin-bottom: 10px; text-align: center; }

#rando-3d .interface { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

#rando-3d .interface .credits { position: absolute; bottom: 1rem; left: 1rem; display: block; height: 40px; border: none; line-height: 40px; }

#rando-3d .interface .credits img { height: 100%; width: auto; -webkit-filter: url(./images/grayscale.svg); filter: url(./images/grayscale.svg); -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#rando-3d .interface .credits:hover img { -webkit-filter: none; filter: none; }

#rando-3d .interface .attribution { background-color: rgba(255, 255, 255, 0.2); position: absolute; right: 1rem; bottom: 1rem; height: auto; width: auto; border-radius: 0.35em; }

#rando-3d .poi { background-color: rgba(255, 255, 255, 0.2); position: absolute; width: auto; height: auto; padding: 2px; border-radius: 0.35em; text-align: center; display: none; }

#rando-3d .interface * { pointer-events: auto; }

.header-title { padding-left: 15px; }