#filter {
    position: absolute;
    background: #fff;
    padding: 20px;
    right: 0;
    top: 0;
}
#info {
  position: absolute;
  background: #fff;
  padding: 20px;
  left: 0;
  bottom: 0;
}
#map {
  position: fixed;
  height: 100%;
  width: 100%;
  /*display: flex;
  flex: 1;*/
  top: 0;
  max-height: 100%;
}
.map-event, .map-event-pip {
  margin-top: 10px;
  min-height: 300px;
}
/*@media (min-width: 1024px) {
  .map-event-pip {
    position: absolute;
    width: 300px;
    height: 200px;
    bottom: 20px;
    left: 80px;
  }
}*/

#hover-info {
  background-color: rgba(0,0,0,0.8);
  line-height: 20px;
  padding: 10px;
  color: #fff;
  font-size: 0.8em;
}
.camera-preview {
  padding: 10px 0 0 0;
  width: 100%;
}

.ol-scale-line {
  background: rgba(255,255,255,.7);
  left: 15px;
  padding: 0;
}
.ol-scale-line-inner {
  border: 2px solid #000;
  color: #000;
  font-weight: 700;
  margin: 0px;
}
.ol-scale-us.ol-unselectable {
  bottom: 22px;
  /*padding: 0px 5px 5px 5px;
  border-radius: 0 0 5px 5px;*/
}
.ol-scale-metric.ol-unselectable {
  bottom: 38px;
  /*padding: 5px 5px 0px 5px;
  border-radius: 5px 5px 0 0;*/
  margin-bottom: -2px;
}
.ol-scale-line-inner.ol-scale-us {
  border-top: 2px solid #000;
  border-bottom: none;
}
.ol-scale-line-inner.ol-scale-metric {
  border-bottom: 2px solid #000;
  border-top: none;
}

.ol-control {
  position: fixed;
}
.ol-control button {
  cursor: pointer;
}
.ol-control.off {
  background-color: #b8b8ba;
}
.ol-control.off button {
  background-color: #000!important;
}
.ol-control:hover {
  background-color: #fff;
  color: #8d47ca;
}
.ol-control:hover button {
  background-color: #8d47ca!important;
}
          

/* layers menu */
.ol-layer-menu, .ol-map-menu, .ol-windy-com {
  right: 10px;
  bottom: 70px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;
}
/* layer switcher with background */
.ol-layer-switcher {
  right: 10px;
  bottom: 130px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;
}
.ol-layer-switcher button {
  margin: 5px;
  border-radius: 40px;
  height: 40px;
  width: 40px;
  font-size: 0.7em!important;
  background-size: cover;
  cursor: pointer;
}
.ol-layer-switcher.ol-layer-sat button {
  background-image: url('../img/layer_orto.png');
}
.ol-layer-switcher.ol-layer-tourist button {
  background-image: url('../img/layer_tourist.png');
}


.ol-layer-menu {
  bottom: 130px; 
}
.ol-layer-menu > span, .ol-map-menu > span, .ol-windy-com > span {
  z-index: 10;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #8d47ca;
  margin: 0;
  border-radius: 50px;
  top: 0;
  left: 0;
}
.ol-layer-menu label, .ol-map-menu label, .ol-windy-com label {
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M500.563,119.845L265.25,2.189c-5.823-2.911-12.677-2.911-18.499,0L11.437,119.845 C4.43,123.349,0.004,130.51,0.004,138.344c0,7.834,4.426,14.996,11.433,18.499L246.751,274.5c2.912,1.455,6.08,2.183,9.25,2.183 c3.168,0,6.339-0.728,9.249-2.183l235.314-117.657c7.007-3.504,11.433-10.664,11.433-18.499 C511.996,130.51,507.569,123.348,500.563,119.845z M256.001,232.878L66.933,138.344l189.067-94.534l189.067,94.534 L256.001,232.878z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M509.814,364.409c-5.108-10.216-17.533-14.355-27.749-9.25L256.001,468.19L29.936,355.158 c-10.216-5.107-22.64-0.965-27.748,9.25c-5.109,10.217-0.967,22.64,9.249,27.749l235.314,117.657 c2.912,1.455,6.08,2.183,9.25,2.183c3.168,0,6.339-0.728,9.25-2.182l235.314-117.657 C510.781,387.048,514.922,374.625,509.814,364.409z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M509.814,246.751c-5.108-10.216-17.533-14.357-27.749-9.249L256.001,350.534L29.936,237.502 c-10.216-5.108-22.64-0.967-27.748,9.249c-5.109,10.217-0.967,22.64,9.249,27.749l235.314,117.657 c2.912,1.455,6.08,2.183,9.25,2.183c3.168,0,6.339-0.728,9.25-2.183L500.564,274.5 C510.781,269.391,514.922,256.967,509.814,246.751z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 25px;
  height: 100%;
  width: 100%;
  margin: 0;
  position: relative;
  display: inline-block;
}
.ol-map-menu label {
  -webkit-mask-image: none;
  margin: 7px;
  border-radius: 40px;
  height: 40px;
  width: 40px;
  font-size: 0.7em!important;
  background-size: cover;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  color: #222;
  font-weight: 600;
}
.ol-windy-com {
  bottom: 190px; 
}
.ol-windy-com label {
  -webkit-mask-image: url('../icon/windy-com.svg'); 
}
.ol-windy-com.cloud label {
  -webkit-mask-image: url('../icon/cloud.svg'); 
}
.ol-windy-com.cloud-base label {
  -webkit-mask-image: url('../icon/cloud-base.svg'); 
}
.ol-windy-com.cloud-low label {
  -webkit-mask-image: url('../icon/cloud-low.svg?2'); 
}
.ol-windy-com.rain label {
  -webkit-mask-image: url('../icon/rain.svg'); 
}
.ol-windy-com.visibility label {
  -webkit-mask-image: url('../icon/visibility.svg'); 
}

.menu {
  -webkit-filter: url("#shadowed-goo");
          filter: url("#shadowed-goo");
}

.menu-item/*, .menu-open-button*/ {
  background: #8d47ca;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-left: 0px;
  position: absolute;
  top: 7px;
  color: white;
  text-align: center;
  line-height: 40px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
.menu-item > div {
  color: #222;
  font-size: 0.6em;
  font-weight: 600;
  margin: 4px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 30px;
  background-size: cover;
}

.menu-open {
  display: none;
}

.menu {
  position: absolute;
}
.menu > span:hover {
  background-color: #fff;
}
.menu > span:hover label {
  background-color: #8d47ca;
}
.menu-item.off {
  background-color: #b8b8ba;
}

.menu-item:hover {
  background: white;
}
.menu-item:hover .icon {
  background-color: #8d47ca!important;
}
.menu-item:nth-child(3),
.menu-item:nth-child(4),
.menu-item:nth-child(5),
.menu-item:nth-child(6),
.menu-item:nth-child(7),
.menu-item:nth-child(8),
.menu-item:nth-child(9),
.menu-item:nth-child(10),
.menu-item:nth-child(11),
.menu-item:nth-child(12) {
  transition-duration: 180ms;
}

.menu-open-button {
  z-index: 2;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menu-open:checked ~ .menu-item {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
  transition-duration: 190ms;
  -webkit-transform: translate3d(-50px, 0, 0);
          transform: translate3d(-50px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
  transition-duration: 290ms;
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
  transition-duration: 390ms;
  -webkit-transform: translate3d(-150px, 0, 0);
          transform: translate3d(-150px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
  transition-duration: 490ms;
  -webkit-transform: translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(7) {
  transition-duration: 590ms;
  -webkit-transform: translate3d(-250px, 0, 0);
          transform: translate3d(-250px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(8) {
  transition-duration: 690ms;
  -webkit-transform: translate3d(-300px, 0, 0);
          transform: translate3d(-300px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(9) {
  transition-duration: 190ms;
  -webkit-transform: translate3d(-50px, -50px, 0);
          transform: translate3d(-50px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(10) {
  transition-duration: 290ms;
  -webkit-transform: translate3d(-100px, -50px, 0);
          transform: translate3d(-100px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(11) {
  transition-duration: 390ms;
  -webkit-transform: translate3d(-150px, -50px, 0);
          transform: translate3d(-150px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(12) {
  transition-duration: 490ms;
  -webkit-transform: translate3d(-200px, -50px, 0);
          transform: translate3d(-200px, -50px, 0);
}

#map .icon {
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 25px;
  height: 100%!important;
  width: 100%!important;
  margin: 0!important;
  position: relative;
  display: inline-block;
}
#map .off .icon {
  background-color: #000!important;
}
.icon.add-event {
  -webkit-mask-image: url('../icon/add-event.svg'); 
}
.icon.airspace {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS4wNiAzNS4wNyIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5haXJzcGFjZTwvdGl0bGU+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik0zMy44MiwyNy44MWEuNDkuNDksMCwwLDAtLjQyLS4xNUwzMC43OCwyOCwyNi43LDIzLjkzbDEuNTUtLjc4aDBsLjI5LS4xNS44Ni44NkExLjIzLDEuMjMsMCwwLDAsMzEsMjRhMS4yMSwxLjIxLDAsMCwwLC4wOS0xLjc5bC0uMzEtLjMxLDMuODQtMS45MmEuNzYuNzYsMCwwLDAsLjE5LTEuMTlMMzMuNSwxNy40MWExLjA2LDEuMDYsMCwwLDAtMS0uM2gwbC05LjgzLDJhMS4zNywxLjM3LDAsMCwxLTEuMjMtLjM3bC00LjMxLTQuMzJhMy4yMSwzLjIxLDAsMCwwLTEuNzEtLjg4bC0uODQtLjE0YTEuMSwxLjEsMCwwLDAtLjk0LjMxLDEuMDYsMS4wNiwwLDAsMC0uMy45NGwuMTQuODRhMy4xNCwzLjE0LDAsMCwwLC44OCwxLjcxbDMuOTMsMy45M2gwbC4zOS4zOWExLjMzLDEuMzMsMCwwLDEsLjM2LDEuMjJsLTIsOS44MmExLjA3LDEuMDcsMCwwLDAsLjMsMWwxLjM0LDEuMzVhLjc4Ljc4LDAsMCwwLC41My4yMWguMTJhLjc2Ljc2LDAsMCwwLC41NC0uNGwxLjkyLTMuODMuMjkuMjlhMS4yMSwxLjIxLDAsMCwwLDIuMDktLjc4LDEuMjQsMS4yNCwwLDAsMC0uMzYtLjkxTDIzLDI4LjU1bC4xNC0uMjloMGwuNzctMS41NS4zNC4zNEwyOCwzMC43OWwtLjM1LDIuNjFhLjUuNSwwLDAsMCwuMTQuNDJsMSwxYS41Mi41MiwwLDAsMCwuNDguMTMuNS41LDAsMCwwLC4zNS0uMzRsMS4xNi0zLjgyLDMuODItMS4xNmEuNS41LDAsMCwwLC4zNC0uMzYuNS41LDAsMCwwLS4xMy0uNDdabS0zLjQxLTQuNjJhLjIyLjIyLDAsMCwxLS4zLDBsLS42My0uNjIuNC0uMi41NC41NWEuMTcuMTcsMCwwLDEsLjA2LjE2QS4xOS4xOSwwLDAsMSwzMC40MSwyMy4xOVpNMjIuOSwyMC4wNmw5LjgyLTItLjA5LS40OS4xNy41MSwxLjA5LDEuMDktMy40LDEuNzFoMEwyNy44LDIyLjI2aDBMMjYsMjMuMThsLTMuMTItMy4xMVptLjI3LDEwLjA4YS4yMi4yMiwwLDAsMSwuMDYuMTUuMjEuMjEsMCwwLDEtLjA4LjE2LjI1LjI1LDAsMCwxLS4zLDBsLS41Mi0uNTIuMTktLjRabS0xLjIzLTEuNzJoMGwtMSwyLjA4aDBsLTEuNywzLjM5LTEuMTItMS4xNiwyLTkuODJzMC0uMDUsMC0uMDdMMjMuMTgsMjZabTguMzEsMS41YS40OS40OSwwLDAsMC0uMzMuMzRsLTEsMy4yNy0uMjQtLjI0TDI5LDMwLjY3YS41MS41MSwwLDAsMC0uMTQtLjQyTDI0LjE0LDI1LjVoMGwtNC43My00LjcyaDBsLTQuMzItNC4zMWEyLjIzLDIuMjMsMCwwLDEtLjYtMS4xN2wtLjE0LS44My0uNDkuMDguNTktLjE4Ljg0LjE0YTIuMSwyLjEsMCwwLDEsMS4xNi42TDIwLjM4LDE5LDI2LjMyLDI1aDBsMy45MiwzLjkyYS41LjUsMCwwLDAsLjQyLjE0bDIuNjEtLjM1LjI0LjI0WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNy4yMiwyNGEuNS41LDAsMCwwLS43MSwwLDkuMDksOS4wOSwwLDEsMS05LTE1LjE0LDEwLjcxLDEwLjcxLDAsMCwwLS4wOSwxLjI4LDEwLDEwLDAsMCwwLDUuNjIsOSwuNDMuNDMsMCwwLDAsLjIyLjA2LjUyLjUyLDAsMCwwLC40NS0uMjguNS41LDAsMCwwLS4yMy0uNjcsOS4yNiw5LjI2LDAsMCwxLTEuNzctMS4xNSw5LjA5LDkuMDksMCwwLDEtMy4yOS03LDkuNDQsOS40NCwwLDAsMSwuMTQtMS41Miw4LjQyLDguNDIsMCwwLDEsMS41Mi0uMTQsOSw5LDAsMCwxLDcuMjYsMy42Miw5LjU1LDkuNTUsMCwwLDEsLjksMS40Ni41LjUsMCwwLDAsLjY3LjIzLjQ5LjQ5LDAsMCwwLC4yMi0uNjcsMTAuMzIsMTAuMzIsMCwwLDAtMS0xLjYyLDEwLDEwLDAsMCwwLTguMDYtNCwxMC43MSwxMC43MSwwLDAsMC0xLjI4LjA5LDkuMDgsOS4wOCwwLDAsMSwxNy44LDIuNTcsOSw5LDAsMCwxLTIuNzEsNi40Ny41LjUsMCwwLDAsMCwuNzEuNTEuNTEsMCwwLDAsLjcxLDBBMTAuMDksMTAuMDksMCwxLDAsNy43Miw3LjcyYTEwLjA5LDEwLjA5LDAsMCwwLDIuMzcsMTkuODksMTAsMTAsMCwwLDAsNy4xMy0zQS40OC40OCwwLDAsMCwxNy4yMiwyNFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
}
.icon.base {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M271,151v60h-30v-60h-90v210h90v-60h30v60h90V151H271z M331,331h-30v-60h-90v60h-30V181h30v60h90v-60h30V331z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.02,74.98C388.667,26.629,324.38,0,256,0S123.333,26.629,74.98,74.98C26.629,123.333,0,187.62,0,256 s26.629,132.667,74.98,181.02C123.333,485.371,187.62,512,256,512s132.667-26.629,181.02-74.98 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.02,74.98z M256,482C131.383,482,30,380.617,30,256S131.383,30,256,30 s226,101.383,226,226S380.617,482,256,482z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,60C147.925,60,60,147.925,60,256s87.925,196,196,196s196-87.925,196-196S364.075,60,256,60z M256,422 c-91.533,0-166-74.467-166-166S164.467,90,256,90s166,74.467,166,166S347.533,422,256,422z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.camera {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.004 512.004' style='enable-background:new 0 0 512.004 512.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M506.625,235.884L217.344,70.434c-22.313-12.782-52.854-5.891-67.563,15.159L93.74,165.707 c-5.5,7.872-8.406,17.099-8.406,26.701c0,16.588,8.917,32.039,23.26,40.317l61.01,35.233l-11.021,14.707 c-5.969,7.955-9.25,17.818-9.25,27.765c0,10.229,3.746,19.851,9.78,27.805l-16.238,24.433H64v-32.105 c0-5.901-4.771-10.561-10.667-10.561H10.667C4.771,320.002,0,324.662,0,330.563v106.763c0,5.901,4.771,10.676,10.667,10.676 h42.667c5.896,0,10.667-4.775,10.667-10.676v-10.657h78.875c21.448,0,41.354-10.654,53.25-28.513l17.484-26.25 c3.367,0.731,6.763,1.394,10.234,1.394c16.979,0,32.958-9.05,41.688-23.625l11.72-19.551l90.78,52.425 c1.635,0.949,3.479,1.428,5.333,1.428c1.031,0,2.063-0.146,3.073-0.448c2.813-0.855,5.156-2.826,6.469-5.453l7.897-15.829 c1.296,0.098,2.543,0.378,3.863,0.378c41.167,0,74.667-33.53,74.667-74.734c0-4.525-0.668-9.188-1.661-13.955l38.432-19.231 c3.521-1.762,5.781-5.317,5.896-9.258C512.104,241.514,510.042,237.834,506.625,235.884z M42.667,426.669H21.333v-85.333h21.333 V426.669z M178.375,386.367c-7.927,11.896-21.198,19-35.5,19H64v-21.333h78.875c7.167,0,13.802-3.552,17.75-9.5l14.771-22.164 l18.318,10.988L178.375,386.367z M247.24,338.783c-7.458,12.406-25.01,16.823-37.427,9.354l-27.052-16.229 c-7.458-4.469-12.094-12.656-12.094-21.354c0-5.354,1.771-10.656,4.979-14.948l12.564-16.751l70.56,40.711L247.24,338.783z M368.885,358.471L119.25,214.439c-7.76-4.479-12.583-12.833-12.583-21.802c0-5.198,1.573-10.188,4.552-14.448L138,139.939 l263.967,152.284L368.885,358.471z M401.62,340.663l22.328-44.714l23.695-11.846c0.119,1.309,0.357,2.664,0.357,3.93 C448,315.058,427.717,337.213,401.62,340.663z M416.362,275.894l-266.078-153.5l16.977-24.246 c5.615-8.021,14.802-12.813,24.594-12.813c5.219,0,10.375,1.365,14.906,3.958L478.74,244.71L416.362,275.894z'/%3E%3Ccircle cx='352.002' cy='309.335' r='10.667'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.cloud {
  -webkit-mask-image: url('../icon/cloud.svg'); 
}
.icon.cloud-base {
  -webkit-mask-image: url('../icon/cloud-base.svg'); 
}
.icon.cloud-low {
  -webkit-mask-image: url('../icon/cloud-low.svg?2'); 
}
.icon.meteo {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M60.531,53.361H45.965V39.245c2.921-0.682,5.106-3.302,5.106-6.428c0-3.643-2.964-6.606-6.606-6.606 s-6.606,2.964-6.606,6.606c0,3.126,2.185,5.746,5.106,6.428v14.116H28.398c-0.829,0-1.5,0.672-1.5,1.5v32.134 c0,0.828,0.671,1.5,1.5,1.5h32.133c0.828,0,1.5-0.672,1.5-1.5V54.861C62.031,54.033,61.359,53.361,60.531,53.361z M40.858,32.817 c0-1.989,1.618-3.606,3.606-3.606c1.988,0,3.606,1.618,3.606,3.606s-1.618,3.606-3.606,3.606 C42.476,36.424,40.858,34.806,40.858,32.817z M59.031,85.495H29.898V56.361h13.067v14.704c0,0.828,0.671,1.5,1.5,1.5 s1.5-0.672,1.5-1.5V56.361h13.066V85.495z'/%3E%3Cpath d='M73.275,19.975c0.095,0.018,0.188,0.027,0.281,0.027c0.706,0,1.335-0.501,1.472-1.221l1.042-5.496 c0.154-0.814-0.38-1.599-1.194-1.753c-0.818-0.155-1.599,0.38-1.753,1.194l-1.042,5.496C71.927,19.036,72.461,19.821,73.275,19.975 z'/%3E%3Cpath d='M83.049,26.223c0.291,0,0.585-0.084,0.844-0.26l4.623-3.149c0.685-0.466,0.861-1.399,0.395-2.084 c-0.466-0.685-1.397-0.86-2.084-0.396l-4.623,3.149c-0.685,0.466-0.861,1.399-0.395,2.084 C82.099,25.993,82.569,26.223,83.049,26.223z'/%3E%3Cpath d='M61.201,21.659c0.291,0.426,0.762,0.656,1.241,0.656c0.291,0,0.585-0.084,0.844-0.26c0.685-0.466,0.861-1.399,0.396-2.084 l-3.148-4.623c-0.467-0.685-1.399-0.861-2.085-0.396c-0.685,0.466-0.861,1.399-0.396,2.084L61.201,21.659z'/%3E%3Cpath d='M91.137,35.404l-5.496-1.042c-0.815-0.155-1.599,0.38-1.753,1.194c-0.154,0.814,0.38,1.599,1.194,1.753l5.496,1.042 c0.095,0.018,0.188,0.027,0.281,0.027c0.706,0,1.335-0.501,1.472-1.221C92.485,36.343,91.951,35.558,91.137,35.404z'/%3E%3Cpath d='M80.462,39.131c0.757-1.203,1.304-2.527,1.569-3.927c1.175-6.198-2.911-12.196-9.108-13.372 c-0.707-0.134-1.428-0.202-2.143-0.202c-4.469,0-8.431,2.601-10.298,6.48c-4.226-7.335-12.024-11.934-20.661-11.934 c-13.164,0-23.873,10.709-23.873,23.873c0,1.201,0.092,2.408,0.275,3.605c-5.052,1.52-8.58,6.165-8.58,11.564 c0,6.669,5.425,12.094,12.093,12.094c1.179,0,2.344-0.171,3.465-0.507c0.793-0.237,1.244-1.074,1.005-1.867 c-0.238-0.794-1.073-1.245-1.868-1.006c-0.841,0.252-1.717,0.38-2.603,0.38c-5.014,0-9.093-4.079-9.093-9.094 c0-4.444,3.181-8.209,7.563-8.953c0.403-0.068,0.761-0.299,0.991-0.638c0.229-0.339,0.311-0.757,0.224-1.157 c-0.314-1.459-0.474-2.947-0.474-4.422c0-11.509,9.364-20.873,20.873-20.873c8.497,0,16.076,5.08,19.309,12.942 c0.202,0.491,0.649,0.839,1.176,0.914c0.273,0.039,0.535,0.115,0.802,0.174c0.318,0.07,0.636,0.141,0.943,0.237 c0.232,0.073,0.456,0.165,0.681,0.253c0.232,0.089,0.466,0.174,0.69,0.278c0.327,0.153,0.641,0.33,0.95,0.513 c0.111,0.065,0.226,0.122,0.334,0.19c0.403,0.258,0.79,0.541,1.156,0.848c0.013,0.011,0.028,0.02,0.041,0.031 c1.163,0.983,2.123,2.203,2.805,3.588c0.007,0.015,0.017,0.028,0.024,0.042c0.227,0.467,0.423,0.953,0.584,1.455 c0.033,0.104,0.077,0.202,0.131,0.295c0.161,0.277,0.408,0.499,0.707,0.627c0.098,0.042,0.198,0.072,0.3,0.092 c0.037,0.007,0.074,0.007,0.111,0.011c0.06,0.007,0.12,0.018,0.18,0.018c0.005,0,0.01-0.002,0.016-0.002 c0.078-0.001,0.156-0.013,0.233-0.026c0.031-0.005,0.062-0.005,0.093-0.012c0.107-0.025,0.213-0.061,0.314-0.111 c0.264-0.128,0.532-0.238,0.803-0.337c0.108-0.039,0.219-0.069,0.329-0.104c0.163-0.052,0.326-0.103,0.491-0.144 c0.132-0.033,0.265-0.058,0.398-0.084c0.148-0.029,0.297-0.056,0.447-0.077c0.138-0.019,0.275-0.034,0.414-0.046 c0.15-0.013,0.301-0.021,0.452-0.026c0.145-0.004,0.29-0.009,0.435-0.005c0.105,0.002,0.208,0.01,0.312,0.016 c0.179,0.011,0.358,0.023,0.537,0.046c0.063,0.008,0.124,0.019,0.186,0.029c0.218,0.033,0.436,0.071,0.653,0.122 c0.021,0.005,0.041,0.011,0.062,0.016c0.247,0.06,0.493,0.13,0.737,0.213c3.241,1.112,5.58,4.182,5.58,7.795 c0,3.926-2.792,7.328-6.639,8.086c-0.495,0.098-0.908,0.438-1.099,0.905c-1.286,3.15-4.313,5.187-7.712,5.187 c-0.414,0-0.852-0.041-1.376-0.13c-0.817-0.142-1.592,0.411-1.729,1.228c-0.139,0.817,0.411,1.592,1.228,1.729 c0.694,0.118,1.291,0.173,1.878,0.173c4.357,0,8.266-2.46,10.165-6.33c4.845-1.318,8.284-5.76,8.284-10.848 C86.236,44.732,83.903,41.056,80.462,39.131z M70.78,24.63c0.527,0,1.061,0.05,1.584,0.149c4.572,0.867,7.586,5.293,6.72,9.866 c-0.23,1.218-0.732,2.369-1.464,3.374c-0.023-0.005-0.046-0.006-0.068-0.012c-0.824-0.193-1.679-0.306-2.561-0.306 c-0.099,0-0.197,0.009-0.296,0.011c-0.078,0.002-0.155,0.005-0.233,0.009c-0.446,0.021-0.888,0.065-1.325,0.138 c-0.06,0.01-0.119,0.024-0.18,0.035c-0.453,0.084-0.902,0.19-1.343,0.331c-0.004,0.001-0.009,0.002-0.013,0.003 c-0.461-1.025-1.048-1.972-1.724-2.843c-0.005-0.006-0.01-0.012-0.016-0.019c-0.332-0.427-0.69-0.83-1.068-1.214 c-0.016-0.016-0.032-0.031-0.048-0.046c-0.363-0.365-0.745-0.709-1.146-1.032c-0.044-0.035-0.088-0.069-0.132-0.103 c-0.366-0.288-0.745-0.558-1.139-0.81c-0.092-0.059-0.185-0.116-0.279-0.173c-0.339-0.205-0.686-0.395-1.042-0.571 c-0.16-0.08-0.319-0.159-0.482-0.232c-0.286-0.128-0.577-0.243-0.872-0.352c-0.236-0.089-0.472-0.177-0.713-0.253 c-0.065-0.02-0.126-0.049-0.191-0.068C63.848,27.049,67.079,24.63,70.78,24.63z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.heliport {
  -webkit-mask-image: url('../icon/heliport.svg'); 
  -webkit-mask-size: 15px!important;
}
.icon.hospital {
  -webkit-mask-image: url('../icon/hospital.svg'); 
  -webkit-mask-size: 15px!important;
}
.icon.horska-sluzba {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Rounded_Rectangle_4_1_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 48' style='enable-background:new 0 0 32 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2301031E;%7D%0A%3C/style%3E%3Cg id='Rounded_Rectangle_4'%3E%3Cg%3E%3Cpath class='st0' d='M25.86,31.16l-2.58-10.71c0.48-0.61,0.44-1.49-0.15-2.03c-0.12-0.11-0.26-0.18-0.4-0.24l-0.62-2.58 c-0.06-0.27-0.33-0.43-0.6-0.37s-0.43,0.33-0.37,0.6l0.55,2.28c-0.25,0.08-0.49,0.19-0.67,0.4l-1.95,2.12l-2.21-1.18 c-0.08-0.17-0.2-0.33-0.34-0.46c1.37-0.01,2.49-1.12,2.49-2.5c0-1.38-1.12-2.5-2.5-2.5S14,15.12,14,16.5 c0,0.91,0.49,1.69,1.21,2.13c-0.33,0.06-0.63,0.23-0.85,0.49c-0.12,0.04-0.25,0.09-0.36,0.15V17c0-1.1-0.9-2-2-2H9 c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2h3c0.12,0,0.24-0.01,0.36-0.04c0.01,0.06,0.02,0.12,0.04,0.17l1.12,3.08l-1.9,2.76 c-0.47,0.68-0.3,1.62,0.38,2.09s1.62,0.3,2.09-0.38l2.27-3.29c0.09-0.13,0.15-0.27,0.19-0.41c0.15-0.34,0.17-0.73,0.03-1.1 L15.91,28H19v2.68c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5v-4c0-0.03-0.01-0.06-0.01-0.09c0-0.03,0.01-0.06,0.01-0.09 c0-0.83-0.67-1.5-1.5-1.5H17v-2.07l1.56,0.83c0.21,0.11,0.44,0.16,0.67,0.17c0.47,0.06,0.95-0.07,1.29-0.45l1.95-2.13l2.42,10.03 c0.06,0.27,0.33,0.43,0.6,0.37S25.92,31.43,25.86,31.16z M12,22h-1v1h-1v-1H9v-1h1v-1h1v1h1V22z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon.navigation-off {
  -webkit-mask-image: url('../icon/navigation-off.svg'); 
}
.icon.play {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 124.512 124.512' style='enable-background:new 0 0 124.512 124.512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M113.956,57.006l-97.4-56.2c-4-2.3-9,0.6-9,5.2v112.5c0,4.6,5,7.5,9,5.2l97.4-56.2 C117.956,65.105,117.956,59.306,113.956,57.006z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.position {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59,29h-2.025C56.458,14.907,45.093,3.542,31,3.025V1c0-0.553-0.447-1-1-1s-1,0.447-1,1v2.025 C14.907,3.542,3.542,14.907,3.025,29H1c-0.553,0-1,0.447-1,1s0.447,1,1,1h2.025C3.542,45.093,14.907,56.458,29,56.975V59 c0,0.553,0.447,1,1,1s1-0.447,1-1v-2.025C45.093,56.458,56.458,45.093,56.975,31H59c0.553,0,1-0.447,1-1S59.553,29,59,29z M31,54.975V53c0-0.553-0.447-1-1-1s-1,0.447-1,1v1.975C16.01,54.46,5.54,43.99,5.025,31H7c0.553,0,1-0.447,1-1s-0.447-1-1-1H5.025 C5.54,16.01,16.01,5.54,29,5.025V7c0,0.553,0.447,1,1,1s1-0.447,1-1V5.025C43.99,5.54,54.46,16.01,54.975,29H53 c-0.553,0-1,0.447-1,1s0.447,1,1,1h1.975C54.46,43.99,43.99,54.46,31,54.975z'/%3E%3Cpath d='M42,29h-5.08c-0.441-3.059-2.861-5.479-5.92-5.92V18c0-0.553-0.447-1-1-1s-1,0.447-1,1v5.08 c-3.059,0.441-5.479,2.862-5.92,5.92H18c-0.553,0-1,0.447-1,1s0.447,1,1,1h5.08c0.441,3.059,2.861,5.479,5.92,5.92V42 c0,0.553,0.447,1,1,1s1-0.447,1-1v-5.08c3.059-0.441,5.479-2.862,5.92-5.92H42c0.553,0,1-0.447,1-1S42.553,29,42,29z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.rain {
  -webkit-mask-image: url('../icon/rain.svg'); 
}
.icon.stop, .icon.pause {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45.975 45.975' style='enable-background:new 0 0 45.975 45.975;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M13.987,0c-2.762,0-5,2.239-5,5v35.975c0,2.763,2.238,5,5,5s5-2.238,5-5V5C18.987,2.238,16.75,0,13.987,0z'/%3E%3Cpath d='M31.987,0c-2.762,0-5,2.239-5,5v35.975c0,2.762,2.238,5,5,5s5-2.238,5-5V5C36.987,2.239,34.749,0,31.987,0z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon.visibility {
  -webkit-mask-image: url('../icon/visibility.svg'); 
}
.icon.windy-com {
  -webkit-mask-image: url('../icon/windy-com.svg'); 
}
.icon.wires {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg height='480pt' viewBox='-48 0 480 480.00227' width='480pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 472.003906c0 4.417969 3.582031 8 8 8h368c4.417969 0 8-3.582031 8-8 0-4.417968-3.582031-8-8-8h-66.3125l-58.398438-168h52.710938v16c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-24.105468c-.007812-.964844-.203125-1.921876-.566406-2.816407-.117188-.25-.25-.492187-.402344-.726562-.292969-.59375-.664062-1.148438-1.101562-1.648438-.25-.253906-.519532-.492187-.800782-.710937-.214844-.230469-.445312-.449219-.6875-.648438l-68.441406-45.625v-35.71875h56v16c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-24.105468c-.007812-.964844-.203125-1.921876-.566406-2.816407-.117188-.25-.25-.492187-.402344-.726562-.292969-.59375-.664062-1.148438-1.101562-1.648438-.25-.253906-.519532-.492187-.800782-.710937-.214844-.230469-.445312-.449219-.6875-.648438l-68.441406-45.625v-35.71875h56v16c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-24.105468c-.007812-.964844-.203125-1.921876-.566406-2.816407-.117188-.25-.25-.492187-.402344-.726562-.292969-.59375-.664062-1.148438-1.101562-1.648438-.25-.253906-.519532-.492187-.800782-.710937-.214844-.230469-.445312-.449219-.6875-.648438l-67.542968-45.035156 6.941406-34.710938c.644531-3.214843-.746094-6.5-3.5-8.28125s-6.316406-1.703124-8.988282.203126l-51.351562 36.648437-51.351562-36.679687c-2.675782-1.914063-6.25-1.992188-9.007813-.199219-2.757813 1.789062-4.136719 5.085937-3.480469 8.308593l6.945313 34.746094-67.542969 45.03125c-.242188.199219-.472656.417969-.6875.648438-.285156.21875-.550781.457031-.800781.710937-.4375.5-.808594 1.054688-1.105469 1.648438-.148438.234375-.28125.476562-.398438.726562-.367187.894531-.558593 1.851563-.570312 2.816407v24.074218c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-16h56v35.71875l-68.4375 45.601563c-.242188.199219-.472656.414062-.6875.644531-.285156.222656-.550781.457031-.800781.714844-.4375.5-.808594 1.050781-1.105469 1.648437-.148438.230469-.28125.476563-.398438.726563-.367187.894531-.558593 1.851562-.570312 2.816406v24.128906c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-16h56v35.71875l-68.4375 45.601563c-.242188.199219-.472656.414062-.6875.644531-.285156.222656-.550781.457031-.800781.714844-.4375.5-.808594 1.050781-1.105469 1.648437-.148438.230469-.28125.476563-.398438.726563-.367187.894531-.558593 1.851562-.570312 2.816406v24.128906c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-16h52.746094l-58.402344 168h-66.34375c-4.417969 0-8 3.582032-8 8zm248-409.058594 37.601562 25.058594h-37.601562zm0 96 37.601562 25.058594h-37.601562zm-146.398438 305.058594 90.398438-77.464844 90.402344 77.464844zm130.398438-211.503906v27.503906h-22.917969zm-40.535156 23.652344-28.152344-28.148438h51.609375zm17.617187-44.148438 22.917969-27.503906v27.503906zm-17.601562-3.851562-28.167969-28.148438h51.609375zm17.601562-44.148438 22.917969-27.503906v27.503906zm-17.601562-3.851562-28.167969-28.148438h51.609375zm17.601562-44.148438 22.917969-27.503906v27.503906zm5.839844-32-23.457031 28.148438-28.152344-28.148438zm-5.839844-16 22.917969-27.503906v27.503906zm-57.082031 0v-20.691406l20.6875 20.691406zm20.6875 48h-20.6875v-20.691406zm0 48h-20.6875v-20.691406zm0 48h-20.6875v-20.691406zm0 48h-20.6875v-20.691406zm53.832031 16-34.519531 63.292969-34.519531-63.292969zm38.34375 87.824219 21.851563 62.8125-73.113282-62.636719h50.398438c.292969-.042968.582031-.101562.863281-.175781zm-16.863281-128.882813 37.601562 25.058594h-37.601562zm11.359375 113.058594h-53.878906l32.921875-60.320312zm-23.199219-341.730468-2.71875 13.730468h-16.472656zm-21.238281 29.730468-23.457031 28.148438-28.152344-28.148438zm-47.890625-16h-16.46875l-2.746094-13.730468zm-68.628906 48 37.597656-25.058594v25.058594zm0 96 37.597656-25.058594v25.058594zm0 96 37.597656-25.058594v25.058594zm47.199218 27.679688 32.917969 60.320312h-53.878906zm-26.488281 76.144531c.292969.074219.589844.132813.886719.175781h50.402344l-73.089844 62.636719zm0 0'/%3E%3C/svg%3E");
}



/* zoom slider -------------------------------------------------------------- */
.ol-zoomslider {
  margin: 0 15px;
  box-sizing: border-box;
  width: 10px;
  
  right: 17px;
  left: auto;
  top: auto!important;
  bottom: 190px;
}
.ol-zoomslider button {
  background-color: rgb(141, 71, 202);
  background-image: url('../img/icon_zoomslider.png');
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -10px;
  cursor: pointer;
}
.ol-control button:focus, .ol-control button:hover {
  background-color: rgb(141, 71, 202);
}

/* search button ------------------------------------------------------------ */
.ol-search {
  left: 10px;
  top: 10px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;  
}
.ol-search:hover {
  background-color: #fff;  
}
.ol-search:hover .icon {
  background-color: #8d47ca; 
}

/* NORTH direction black ---------------------------------------------------- */
.ol-rotate {
  background: #000;
  border-radius: 50px;
  left: 320px; 
  right: auto;
  /*bottom: calc(100vh - 52px);*/
  top: 72px;
}
nav.collapsed ~ #map .ol-rotate {
  left: 20px;
}
.ol-rotate .ol-rotate-reset {
  background-color: transparent!important;
}
.ol-rotate .ol-compass {
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384 384' style='enable-background:new 0 0 384 384;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M232.002,256c-8.832,0-16,7.168-16,16v51.808l-51.704-62.048c-4.312-5.176-11.408-7.088-17.736-4.8 c-6.344,2.288-10.56,8.304-10.56,15.04v96c0,8.832,7.168,16,16,16c8.832,0,16-7.168,16-16v-51.808l51.704,62.048 c3.104,3.728,7.64,5.76,12.296,5.76c1.824,0,3.664-0.312,5.44-0.96c6.344-2.288,10.56-8.304,10.56-15.04v-96 C248.002,263.168,240.834,256,232.002,256z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M302.314,200.84l-96-192C203.602,3.424,198.058,0,192.002,0c-6.056,0-11.6,3.424-14.312,8.84l-96,192 c-2.48,4.96-2.216,10.848,0.704,15.568c2.912,4.72,8.064,7.592,13.608,7.592h192c5.544,0,10.696-2.872,13.608-7.592 C304.53,211.696,304.786,205.8,302.314,200.84z M121.89,192l70.112-140.224L262.114,192H121.89z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); 
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px;
  /*text-indent: -9999px;*/
  color: transparent;
  height: 20px;  
  margin: 0;
}
.ol-rotate:hover button {
  background-color: transparent!important; 
}
.ol-rotate:hover button .ol-compass {
  background-color: #8d47ca!important; 
}

/* clock -------------------------------------------------------------------- */
.ol-clock {
  right: 10px;
  /*bottom: calc(100vh - 10px - 54px);*/
  top: 10px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;
}
.ol-clock button {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 372.96 372.96' style='enable-background:new 0 0 372.96 372.96;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M186.48,0C83.49,0,0,83.49,0,186.48s83.49,186.48,186.48,186.48s186.48-83.49,186.48-186.48 C372.828,83.545,289.415,0.132,186.48,0z M194.48,356.56v-32.8c0-4.418-3.582-8-8-8s-8,3.582-8,8v32.8 C90.759,352.372,20.588,282.201,16.4,194.48h32.8c4.418,0,8-3.582,8-8s-3.582-8-8-8H16.4C20.588,90.759,90.759,20.588,178.48,16.4 v32.8c0,4.418,3.582,8,8,8s8-3.582,8-8V16.4c87.721,4.188,157.892,74.359,162.08,162.08h-32.8c-4.418,0-8,3.582-8,8s3.582,8,8,8 h0.08h32.8C352.449,282.23,282.232,352.412,194.48,356.56z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.ol-clock:hover button {
  background-color: #8d47ca; 
}
.ol-clock span {
  display: inline-block;
  height: 100%;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 53px;
  color: #fff;
  top: 0;
  left: 0;
  font-size: 0.7em;
  font-weight: 700;
}
.ol-clock:hover span {
  color: #8d47ca; 
}

/* patch switch ------------------------------------------------------------- */
.ol-path-switch {
  right: 10px;
  /*bottom: calc(100vh - 70px - 54px);*/
  top: 70px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;
}
.ol-path-switch button {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 297 297' style='enable-background:new 0 0 297 297;' xml:space='preserve'%3E%3Cpath d='M256.195,7.594c-22.498,0-40.802,18.314-40.802,40.826c0,2.994,0.333,5.912,0.947,8.725l-52.365,26.201 c-7.488-8.664-18.541-14.164-30.861-14.164c-22.499,0-40.803,18.314-40.803,40.826s18.304,40.826,40.803,40.826 c3.197,0,6.306-0.382,9.293-1.081l25.062,37.622c-8.351,7.481-13.618,18.34-13.618,30.411c0,2.318,0.205,4.589,0.577,6.802 l-74.499,12.425c-4.998-16.894-20.641-29.259-39.125-29.259C18.305,207.754,0,226.067,0,248.578 c0,22.514,18.305,40.828,40.804,40.828c19.531,0,35.893-13.805,39.872-32.174l82.316-13.73c7.487,9.211,18.897,15.109,31.661,15.109 c22.501,0,40.807-18.314,40.807-40.825c0-22.511-18.306-40.825-40.807-40.825c-3.197,0-6.305,0.383-9.291,1.081L160.3,140.419 c8.351-7.481,13.617-18.34,13.617-30.411c0-2.994-0.333-5.911-0.947-8.723l52.366-26.202c7.487,8.665,18.54,14.165,30.859,14.165 c22.5,0,40.805-18.315,40.805-40.828C297,25.908,278.695,7.594,256.195,7.594z M40.804,269.34c-11.435,0-20.737-9.313-20.737-20.762 c0-11.446,9.303-20.759,20.737-20.759s20.736,9.313,20.736,20.759C61.54,260.026,52.238,269.34,40.804,269.34z M215.394,217.786 c0,11.447-9.304,20.759-20.74,20.759c-11.435,0-20.736-9.311-20.736-20.759c0-11.446,9.302-20.759,20.736-20.759 C206.09,197.027,215.394,206.34,215.394,217.786z M112.378,110.008c0-11.447,9.302-20.76,20.736-20.76 c11.434,0,20.736,9.313,20.736,20.76s-9.302,20.76-20.736,20.76C121.68,130.768,112.378,121.455,112.378,110.008z M256.195,69.182 c-11.434,0-20.735-9.314-20.735-20.762c0-11.447,9.302-20.76,20.735-20.76c11.436,0,20.738,9.312,20.738,20.76 C276.934,59.867,267.631,69.182,256.195,69.182z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.ol-position {
  right: 10px;
  top: 130px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer; 
}

.ol-navigation-close {
  display: none;
  right: 10px;
  top: 190px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #2ba72a;
  cursor: pointer; 
}
.ol-add-event {
  display: none;
  right: 10px;
  top: 250px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer; 
}
.ol-navigation-close.show, .ol-add-event.show {
  display: block;
}

/* basic switch -------------------------------------------------------------- */
.basic-switch {
  -webkit-appearance: none;
  outline: none;
  width: 79px;
  height: 34px;
  background-color: var(--background-color);
  border: 1px solid #D9DADC;
  border-radius: 50px;
  z-index: 1000;
  position: fixed;
  bottom: 20px;
  left: calc(50% - 40px);
}

.basic-switch:before, .basic-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e0e0e0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.019,74.981C388.668,26.629,324.38,0,256,0S123.333,26.629,74.981,74.981C26.629,123.333,0,187.62,0,256 s26.629,132.667,74.981,181.019C123.333,485.371,187.62,512,256,512s132.668-26.629,181.019-74.981 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.981z M375.98,110.031l11.254-46.752 c44.813,30.612,78.449,76.426,93.423,129.958l-5.895,1.134c-8.803,1.693-15.888,8.409-18.046,17.112l-2.287,9.218 c-0.025,0.104-0.042,0.172-0.209,0.231c-0.165,0.059-0.222,0.017-0.308-0.047l-13.659-10.243c-7.08-5.31-16.72-6.089-24.558-1.984 l-17.046,8.924c-8.175,4.28-12.901,12.661-12.333,21.873c0.568,9.211,6.287,16.948,14.93,20.193l0.808,0.303 c0.093,0.035,0.162,0.06,0.204,0.228c0.042,0.166-0.005,0.221-0.072,0.297l-10.618,12.211c-0.107,0.122-0.291,0.15-0.429,0.06 l-28.62-18.466c-6.563-4.235-14.744-4.873-21.882-1.702c-7.138,3.17-12.154,9.663-13.414,17.37l-2.208,13.493 c-1.248,7.616,1.372,15.312,7.009,20.586l14.926,13.967c0.118,0.11,0.139,0.288,0.05,0.422l-24.326,36.875 c-2.314,3.509-3.628,7.586-3.797,11.789l-2.111,52.793c-0.003,0.083-0.038,0.162-0.099,0.221l-32.395,31.753 c-0.107,0.105-0.272,0.125-0.399,0.05l-21.006-12.305c-0.08-0.047-0.137-0.125-0.156-0.214c0,0-10.191-46.244-10.572-47.269 l-9.265-24.868c-3.096-8.308-10.802-14.172-19.632-14.939l-42.402-3.688c-0.107-0.009-0.203-0.069-0.257-0.164l-24.122-41.591 c-0.038-0.065-0.051-0.142-0.041-0.215l6.067-40.337c0.013-0.086,0.058-0.163,0.127-0.215l37.037-27.945 c0.094-0.071,0.218-0.085,0.327-0.041l35.888,14.972c2.043,0.851,4.194,1.404,6.391,1.643l49.706,5.403 c5.666,0.616,11.319-0.873,15.944-4.188l32.932-23.605c8.872-6.359,12.081-18.209,7.63-28.177l-3.055-6.838 c-3.545-7.936-11.139-13.161-19.816-13.635l-92.487-5.064c-0.05-0.003-0.1-0.018-0.144-0.043 c-0.094-0.053-0.144-0.096-0.149-0.096v0.001c-0.045-0.104-0.011-0.367,0.042-0.44c0.014-0.009,0.072-0.039,0.185-0.071 l27.766-7.484c3.673-0.99,7.075-2.892,9.838-5.5l33.956-32.043c0.051-0.049,0.119-0.08,0.191-0.088l51.104-5.263 C365.623,126.591,373.692,119.535,375.98,110.031z M202.878,91.244l19.104-35.958c2.823-5.315,3.713-11.489,2.503-17.384 l-2.594-12.645c11.137-1.64,22.523-2.501,34.108-2.501c11.684,0,23.167,0.875,34.395,2.541c0,0-2.737,2.992-3.21,3.181 l-27.057,10.853c-3.866,1.552-7.342,4.045-10.052,7.211l-42.157,49.274c-0.573,0.67-1.407,1.075-2.289,1.113 c-1.339,0.059-2.166-0.68-2.553-1.11C201.577,94.151,202.732,91.522,202.878,91.244z M103.424,79.718v34.139 c0,9.535-4.779,18.318-12.777,23.506L66.15,153.259c-5.677,3.686-10.49,8.385-14.302,13.972l-22.234,32.58 C41.375,152.438,67.641,110.732,103.424,79.718z M118.295,415.585l-3.223,26.139C78.6,413.982,50.51,375.766,35.337,331.594 h14.486c1.775,0,3.413,0.899,4.369,2.389l29.275,45.614c1.32,2.048,2.89,3.914,4.688,5.552l28.479,25.975 C117.874,412.251,118.5,413.924,118.295,415.585z M256,489.244c-43.759,0-84.736-12.123-119.767-33.172l4.647-37.7 c1.104-8.977-2.23-17.977-8.909-24.064c0,0-29.104-26.624-29.355-27l-29.275-45.613c-5.166-8.055-13.961-12.857-23.518-12.857 h-21.03c-3.948-16.984-6.038-34.672-6.038-52.838c0-1.962,0.026-3.916,0.074-5.866l47.815-70.069 c2.105-3.095,4.756-5.689,7.896-7.725l24.485-15.883c14.495-9.398,23.154-25.327,23.154-42.598V62.316 c22.089-14.854,46.848-26.023,73.389-32.643l2.626,12.801c0.148,0.725,0.039,1.484-0.308,2.136l-19.102,35.957 c-1.194,2.245-2.741,8.149-2.741,8.149c-1.551,7.852,0.547,15.84,5.757,21.916c4.968,5.795,12.086,9.057,19.67,9.057 c0.369,0,11.37,0.537,19.738-9.078l42.156-49.271c0.333-0.39,0.762-0.697,1.236-0.887l27.055-10.852 c3.848-1.543,7.309-4.02,10.011-7.162l10.213-11.875c17.977,4.78,35.113,11.644,51.117,20.34 c-0.264,0.604-13.142,53.804-13.142,53.804c-0.032,0.135-0.148,0.236-0.287,0.25l-51.107,5.263 c-5.022,0.518-9.809,2.71-13.478,6.174l-33.956,32.043c-0.039,0.036-0.086,0.064-0.14,0.077l-27.767,7.484 c-9.059,2.441-15.688,10.032-16.888,19.337c-1.2,9.305,3.286,18.328,11.43,22.99c3.105,1.776,6.634,2.818,10.204,3.014 l92.487,5.064c0.123,0.007,0.232,0.082,0.282,0.195l3.054,6.836c0.064,0.142,0.018,0.312-0.11,0.403l-32.932,23.605 c-0.066,0.048-0.143,0.069-0.226,0.06l-49.796-5.425l-35.884-14.97c-7.539-3.147-16.271-2.043-22.793,2.876l-37.038,27.946 c-4.85,3.66-8.019,8.985-8.922,14.994l-6.068,40.338c-0.776,5.164,0.24,10.496,2.859,15.013l24.123,41.594 c3.768,6.498,10.486,10.766,17.97,11.418l42.403,3.688c0.125,0.011,0.236,0.094,0.28,0.214l9.277,24.913l9.652,44.141 c1.373,6.276,5.34,11.738,10.883,14.987l21.007,12.306c3.62,2.121,7.645,3.154,11.645,3.154c5.905,0,11.759-2.253,16.183-6.588 l32.395-31.753c4.22-4.136,6.673-9.663,6.909-15.565l2.111-52.789c0.002-0.061,0.02-0.121,0.055-0.169l24.327-36.875 c6.213-9.422,4.741-21.857-3.5-29.567l-14.927-13.967c-0.08-0.075-0.117-0.185-0.1-0.294l2.21-13.494 c0.018-0.109,0.027-0.175,0.191-0.248c0.159-0.073,0.217-0.036,0.312,0.024l28.618,18.466c9.582,6.183,22.451,4.359,29.936-4.248 l10.618-12.211c4.962-5.704,6.816-13.485,4.961-20.813c-1.856-7.328-7.187-13.29-14.268-15.948l-0.808-0.303 c-0.104-0.039-0.156-0.073-0.158-0.073c-0.063-0.086-0.077-0.344-0.034-0.428c0.01-0.01,0.058-0.05,0.155-0.101l17.046-8.925 c0.113-0.059,0.249-0.048,0.35,0.028l13.659,10.243c6.21,4.658,14.283,5.883,21.595,3.279c7.311-2.603,12.792-8.655,14.661-16.189 l2.287-9.217c0.03-0.124,0.131-0.221,0.258-0.245l6.647-1.278c2.323,13.177,3.541,26.729,3.541,40.561 C489.244,384.612,384.611,489.244,256,489.244z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.basic-switch:after {
  left: 45px;
  -webkit-mask-size: 15px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 477.867 477.867' style='enable-background:new 0 0 477.867 477.867;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,0h-102.4C7.641,0,0,7.641,0,17.067v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,7.641,128.892,0,119.467,0z M102.4,102.4H34.133V34.133H102.4V102.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,170.667h-102.4C7.641,170.667,0,178.308,0,187.733v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,178.308,128.892,170.667,119.467,170.667z M102.4,273.067H34.133V204.8H102.4 V273.067z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,341.333h-102.4C7.641,341.333,0,348.974,0,358.4v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067V358.4C136.533,348.974,128.892,341.333,119.467,341.333z M102.4,443.733H34.133v-68.267 H102.4V443.733z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,51.2H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,51.2,460.8,51.2z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,221.867H187.733c-9.426,0-17.067,7.641-17.067,17.067S178.308,256,187.733,256H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,221.867,460.8,221.867z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,392.533H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,392.533,460.8,392.533z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

input.switch {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
  border: 0;
  width: 79px;
  height: 34px;
  margin: 0;
  z-index: 10;
}

input.switch:before, input.switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #8d47ca;
}
input.switch:after {
  background-color: var(--background-color);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.019,74.981C388.668,26.629,324.38,0,256,0S123.333,26.629,74.981,74.981C26.629,123.333,0,187.62,0,256 s26.629,132.667,74.981,181.019C123.333,485.371,187.62,512,256,512s132.668-26.629,181.019-74.981 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.981z M375.98,110.031l11.254-46.752 c44.813,30.612,78.449,76.426,93.423,129.958l-5.895,1.134c-8.803,1.693-15.888,8.409-18.046,17.112l-2.287,9.218 c-0.025,0.104-0.042,0.172-0.209,0.231c-0.165,0.059-0.222,0.017-0.308-0.047l-13.659-10.243c-7.08-5.31-16.72-6.089-24.558-1.984 l-17.046,8.924c-8.175,4.28-12.901,12.661-12.333,21.873c0.568,9.211,6.287,16.948,14.93,20.193l0.808,0.303 c0.093,0.035,0.162,0.06,0.204,0.228c0.042,0.166-0.005,0.221-0.072,0.297l-10.618,12.211c-0.107,0.122-0.291,0.15-0.429,0.06 l-28.62-18.466c-6.563-4.235-14.744-4.873-21.882-1.702c-7.138,3.17-12.154,9.663-13.414,17.37l-2.208,13.493 c-1.248,7.616,1.372,15.312,7.009,20.586l14.926,13.967c0.118,0.11,0.139,0.288,0.05,0.422l-24.326,36.875 c-2.314,3.509-3.628,7.586-3.797,11.789l-2.111,52.793c-0.003,0.083-0.038,0.162-0.099,0.221l-32.395,31.753 c-0.107,0.105-0.272,0.125-0.399,0.05l-21.006-12.305c-0.08-0.047-0.137-0.125-0.156-0.214c0,0-10.191-46.244-10.572-47.269 l-9.265-24.868c-3.096-8.308-10.802-14.172-19.632-14.939l-42.402-3.688c-0.107-0.009-0.203-0.069-0.257-0.164l-24.122-41.591 c-0.038-0.065-0.051-0.142-0.041-0.215l6.067-40.337c0.013-0.086,0.058-0.163,0.127-0.215l37.037-27.945 c0.094-0.071,0.218-0.085,0.327-0.041l35.888,14.972c2.043,0.851,4.194,1.404,6.391,1.643l49.706,5.403 c5.666,0.616,11.319-0.873,15.944-4.188l32.932-23.605c8.872-6.359,12.081-18.209,7.63-28.177l-3.055-6.838 c-3.545-7.936-11.139-13.161-19.816-13.635l-92.487-5.064c-0.05-0.003-0.1-0.018-0.144-0.043 c-0.094-0.053-0.144-0.096-0.149-0.096v0.001c-0.045-0.104-0.011-0.367,0.042-0.44c0.014-0.009,0.072-0.039,0.185-0.071 l27.766-7.484c3.673-0.99,7.075-2.892,9.838-5.5l33.956-32.043c0.051-0.049,0.119-0.08,0.191-0.088l51.104-5.263 C365.623,126.591,373.692,119.535,375.98,110.031z M202.878,91.244l19.104-35.958c2.823-5.315,3.713-11.489,2.503-17.384 l-2.594-12.645c11.137-1.64,22.523-2.501,34.108-2.501c11.684,0,23.167,0.875,34.395,2.541c0,0-2.737,2.992-3.21,3.181 l-27.057,10.853c-3.866,1.552-7.342,4.045-10.052,7.211l-42.157,49.274c-0.573,0.67-1.407,1.075-2.289,1.113 c-1.339,0.059-2.166-0.68-2.553-1.11C201.577,94.151,202.732,91.522,202.878,91.244z M103.424,79.718v34.139 c0,9.535-4.779,18.318-12.777,23.506L66.15,153.259c-5.677,3.686-10.49,8.385-14.302,13.972l-22.234,32.58 C41.375,152.438,67.641,110.732,103.424,79.718z M118.295,415.585l-3.223,26.139C78.6,413.982,50.51,375.766,35.337,331.594 h14.486c1.775,0,3.413,0.899,4.369,2.389l29.275,45.614c1.32,2.048,2.89,3.914,4.688,5.552l28.479,25.975 C117.874,412.251,118.5,413.924,118.295,415.585z M256,489.244c-43.759,0-84.736-12.123-119.767-33.172l4.647-37.7 c1.104-8.977-2.23-17.977-8.909-24.064c0,0-29.104-26.624-29.355-27l-29.275-45.613c-5.166-8.055-13.961-12.857-23.518-12.857 h-21.03c-3.948-16.984-6.038-34.672-6.038-52.838c0-1.962,0.026-3.916,0.074-5.866l47.815-70.069 c2.105-3.095,4.756-5.689,7.896-7.725l24.485-15.883c14.495-9.398,23.154-25.327,23.154-42.598V62.316 c22.089-14.854,46.848-26.023,73.389-32.643l2.626,12.801c0.148,0.725,0.039,1.484-0.308,2.136l-19.102,35.957 c-1.194,2.245-2.741,8.149-2.741,8.149c-1.551,7.852,0.547,15.84,5.757,21.916c4.968,5.795,12.086,9.057,19.67,9.057 c0.369,0,11.37,0.537,19.738-9.078l42.156-49.271c0.333-0.39,0.762-0.697,1.236-0.887l27.055-10.852 c3.848-1.543,7.309-4.02,10.011-7.162l10.213-11.875c17.977,4.78,35.113,11.644,51.117,20.34 c-0.264,0.604-13.142,53.804-13.142,53.804c-0.032,0.135-0.148,0.236-0.287,0.25l-51.107,5.263 c-5.022,0.518-9.809,2.71-13.478,6.174l-33.956,32.043c-0.039,0.036-0.086,0.064-0.14,0.077l-27.767,7.484 c-9.059,2.441-15.688,10.032-16.888,19.337c-1.2,9.305,3.286,18.328,11.43,22.99c3.105,1.776,6.634,2.818,10.204,3.014 l92.487,5.064c0.123,0.007,0.232,0.082,0.282,0.195l3.054,6.836c0.064,0.142,0.018,0.312-0.11,0.403l-32.932,23.605 c-0.066,0.048-0.143,0.069-0.226,0.06l-49.796-5.425l-35.884-14.97c-7.539-3.147-16.271-2.043-22.793,2.876l-37.038,27.946 c-4.85,3.66-8.019,8.985-8.922,14.994l-6.068,40.338c-0.776,5.164,0.24,10.496,2.859,15.013l24.123,41.594 c3.768,6.498,10.486,10.766,17.97,11.418l42.403,3.688c0.125,0.011,0.236,0.094,0.28,0.214l9.277,24.913l9.652,44.141 c1.373,6.276,5.34,11.738,10.883,14.987l21.007,12.306c3.62,2.121,7.645,3.154,11.645,3.154c5.905,0,11.759-2.253,16.183-6.588 l32.395-31.753c4.22-4.136,6.673-9.663,6.909-15.565l2.111-52.789c0.002-0.061,0.02-0.121,0.055-0.169l24.327-36.875 c6.213-9.422,4.741-21.857-3.5-29.567l-14.927-13.967c-0.08-0.075-0.117-0.185-0.1-0.294l2.21-13.494 c0.018-0.109,0.027-0.175,0.191-0.248c0.159-0.073,0.217-0.036,0.312,0.024l28.618,18.466c9.582,6.183,22.451,4.359,29.936-4.248 l10.618-12.211c4.962-5.704,6.816-13.485,4.961-20.813c-1.856-7.328-7.187-13.29-14.268-15.948l-0.808-0.303 c-0.104-0.039-0.156-0.073-0.158-0.073c-0.063-0.086-0.077-0.344-0.034-0.428c0.01-0.01,0.058-0.05,0.155-0.101l17.046-8.925 c0.113-0.059,0.249-0.048,0.35,0.028l13.659,10.243c6.21,4.658,14.283,5.883,21.595,3.279c7.311-2.603,12.792-8.655,14.661-16.189 l2.287-9.217c0.03-0.124,0.131-0.221,0.258-0.245l6.647-1.278c2.323,13.177,3.541,26.729,3.541,40.561 C489.244,384.612,384.611,489.244,256,489.244z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

input.switch:checked:before, input.switch:checked:after {
  left: 45px;
}
input.switch:checked:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 477.867 477.867' style='enable-background:new 0 0 477.867 477.867;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,0h-102.4C7.641,0,0,7.641,0,17.067v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,7.641,128.892,0,119.467,0z M102.4,102.4H34.133V34.133H102.4V102.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,170.667h-102.4C7.641,170.667,0,178.308,0,187.733v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,178.308,128.892,170.667,119.467,170.667z M102.4,273.067H34.133V204.8H102.4 V273.067z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,341.333h-102.4C7.641,341.333,0,348.974,0,358.4v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067V358.4C136.533,348.974,128.892,341.333,119.467,341.333z M102.4,443.733H34.133v-68.267 H102.4V443.733z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,51.2H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,51.2,460.8,51.2z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,221.867H187.733c-9.426,0-17.067,7.641-17.067,17.067S178.308,256,187.733,256H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,221.867,460.8,221.867z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,392.533H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,392.533,460.8,392.533z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: 15px;
}

/* windy play ---------------------------------------------------------------- */
.ol-play {
  left: 15px;
  bottom: 15px;
  height: 54px;
  width: 54px;
  border-radius: 50px;
  background-color: #8d47ca;
  cursor: pointer;
  display: none;
}
.ol-play.show {
  display: block;
}
.ol-play.disabled {
  background-color: #b8b8ba;
}
.ol-play .icon {

}
.ol-play.disabled .icon {
  background-color: #a0a0a0!important;
}

@media (max-width: 600px) {
  .ol-overlay-container {
    display: none!important;
  }
}