html{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
}
body {
    font-family: 'Montserrat';
    background: #eeeeee;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background: url() center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    overflow: hidden;
}
body::after {
  content: "";
  background: white;
  opacity: 0.5;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;   
}

 :root {
  --col_red: #e41e13;
  --col_green: #e41e13;
  --col_amber: #ffb813;
}

.btp{

  width: calc(50% - 40px);
  height: calc(50% - 40px);
  object-fit: cover;
  background-repeat: no-repeat;
  display: inline-block;   
  background-size: contain;
  background-position: center;
  border: 20px solid #ffffff00;
  cursor: pointer;

   -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

}
/*//////////// leaflet*/

.mapm{
    margin-left: -30px;
    margin-top: -60px;
    width: 60px;
    height: 60px;
}
.leaflet-attribution-flag {

    opacity: 0;
}


.pol{
    stroke-dasharray: 10;
    animation: animateDash 20s linear forwards infinite;
}

@keyframes animateDash {
  to {
    stroke-dashoffset: -100;
  }
}

/*//// markers on computer*/
@media only screen and (min-width: 801px) {
    .mapm{
        margin-left: -25px !important;
        margin-top: -50px !important;
        width: 50px !important;
        height: 50px !important;
    }
}

@media only screen and (max-width: 800px) {
    .map_icons{
        width: 40px !important;
    }
}

/*/// landscape*/

@media (min-aspect-ratio: 2/1) {

    .btp{
        width: calc(25% - 20px);
        height: calc(100% - 20px);
        border-width: 10px;
    }
}

@media (max-aspect-ratio: 1/2) {

    .btp{
        height: calc(25% - 20px);
        width: calc(100% - 20px);
        border-width: 10px;
    }
}