body {
margin:0; 
padding:0; 
font-size: 11px;
background-color: #fff;
height: 100%;
font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}


h2 {
  font-size: 13px;
  font-weight: bold;
}


   #map {
position:absolute;
width:100%;
height:95%;
border-top: 1px solid #888888;
box-shadow: 0 0px 0px rgba(0,0,0,0.45);

}



* {
  box-sizing: ;
}
.top {
  height:43px;
  float:left;
  text-align:left;
  padding-left: 10px; 
  padding: 2px;
  
  }
  @media (min-width: 768px) {
    .top {
      float:left;
  width:30%;
  text-align:left;
  padding-left: 10px; } }


.top a {
  background-color:fff;
  height:30px;
  padding-bottom:2px;
  margin-top:5px;
  display:block;
  width:100%;
  color:#d27979;
  font-size: 20px;
  text-decoration: none;
  font-family: Verdana;

}


.baner {
  float:left;
  width:60%;
  padding-left: 50px;
   @media (min-width: 768px) {
    .baner {
      float:left;
  width:60%;
  padding:0 20px; } }

}

.close {
  cursor: pointer;
  position: absolute;
  top: 10%;
  right: 0%;
  padding: 12px 16px;
  }
  
.ads {
  position: absolute;
  left: auto;
  right: 65px;
  bottom: 40px;
  width: 0px;
  padding: 15px;
  z-index: 998;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  
}

.logo
{

  margin-bottom: -5px;
}
   

.logo-text
{
   color:#444444;
   font-size: 14px;
   padding-bottom: 10px;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
}

   

.logo-text2
{
   color:#888888;
   font-size: 12px;
   padding: 0px;
   font-style: italic;
   font-weight: bold;
}

a:hover {
  color: red;
}

.advert1 {
position: fixed;
bottom: 58px;
left: 50%;
margin-left: -80px;
width: 320px;
height: 60px;
background: rgb(176, 206, 195);
border-radius: 5px;
overflow: visible;
  z-index: 1010;
}

.leaflet-control.enabled a {
    background-color: #ff9999; }