.container-mapa{
                cursor: grab;
                position: relative;
                overflow: hidden;
                background:  #F8F8FF ;
                width: 100%;
                height: 400px;
            }
            
            @media (min-width: 1100px){
   
   .container-mapa{
     
        height: 500px;
    
   }
            }        
            @media (max-width: 801px){
                .container-mapa{
                
                height: 100%;
            }
            }
    
    
    @media (min-width: 801px){
    .containerFIND{
        position: relative;
        float: left;
        width: 100%;
        height: 400px;
        top: 0px;
        //border: 1px  gainsboro solid;
    }}
    
      @media (min-width: 1100px){
   
   .containerFIND{
     
        height: 500px;
    
   }
}
    
    
    @media (max-width: 801px){
     .containerFIND{
        position: relative;
        min-height: calc(100% - 45px);;
        width: 100%;
        height: calc(100% - 45px);
       // top: -10px;
       
        
        
        //border: 1px  gainsboro solid;
    }   
    }
              
                .containerSEARCH{
              top: 10px;      
   position: absolute;  
   z-index: 1000;               
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 400px; 
    
      //              
        //            left: calc(50% - 200px);
          //                        
                }
             @media (max-width: 801px){ 
                 .containerSEARCH{
                      width: 250px; 
                 }
             }      
                    
            
           
             
             
             
             
               .containerFILTR{
                   font-family: Arial,helvetica,sans-serif;
                   font-size: 14px;
                    position: relative;
                    float: top;
                    width: 100%;
                    z-index: 1000;
                 //    background-color: rgba(250,250,250,1);
                background-color: white;
                    width: 15%;
                    margin-left: 20px;
                    margin-top: 80px;
                    min-height: 700px;
                    min-width: 250px;
                    max-width: 300px;
                  //  border: 1px #e6e3e3 solid;
                    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
                    
                    padding: 10px;
                    padding-top: 10px;
                  // display: none;
                
               }
               @media (max-width: 801px){
                   .containerFILTR{
                    position: absolute;
                    top: 100%;
                    left: -100%;
                    width: 100%;
                    z-index: 1002;
                    background-color: white;
                    width: calc(100% - 14px);
                    margin-left: 0px;
                    margin-top: 0px;
                    
                    height: 100%;
                    min-height: 100%;
                    min-width: calc(100% - 14px);
                  //  max-width: 100%;
                    
                    padding: 7px;
                    
                    transition: top  0.5s, left 0.5s;
                    overflow-y: auto;
                     
                } 
               }
               
               
                .containerMAPS{
                    position: absolute;
                    width: 100%;
                    // box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
                     
                }
                @media (max-width: 801px){
                  .containerMAPS{
                    position: absolute;
                    //min-height: 100%;
                    //width: 100%;
                    //height: 100%;
                    
                    
                    transform: scale(0.75); transform-origin: top left; width: 134%; height: 134%;
                //    transform: scale(0.5);
                 //  left: -50%;
                 //  top: -50%;
                    
                }  
                }
                
                
                
                
                 
                 
                

    
  
    
    
    
    
    .image{
               
        
              position: absolute;
              left: 0;
              top: 0;
              -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
             
                border: 0px aqua solid; 
            }
            .marker{
                 position:  absolute;  
                 top:-40px; 
                 left:-12px; 
                 z-index: 499;
                 // position:  absolute;  //top:-90px; //left:-30px; //z-index: 500;
                //min-width: 3px;
                //min-height: 3px; 
             //   width: 60px;
              //  height: 96px;
                   width: 24px;
                height: 38px;
            }
            .markerBig{
                    position:  absolute;  
                 top:-53px; 
                 left:-33px; 
                 z-index: 500;
                    width: 65px;
                height: 55px;
            }
            
               
            .markertekst{
                font-size: 10px;
                font-family: Arial,helvetica,sans-serif;
                  position:  absolute;  
                
                  top: -50px;
  left: -30px;
  z-index: 500;
  color: white;
  min-width: 56px;
  pointer-events: none;
 // border-radius: 5px;
//  background: rgba(255, 255, 255, 0.8);
//  border: #c4cfd9 1px solid;
 // padding: 2px;
  white-space: nowrap;
                  
                  
               
                 
            }
            .markermini{
                   position:  absolute;  
                 top:-18px; 
                 left:-5px; 
                 z-index: 498;
                 // position:  absolute;  //top:-90px; //left:-30px; //z-index: 500;
                //min-width: 3px;
                //min-height: 3px; 
             //   width: 60px;
              //  height: 96px;
                   width: 11px;
                height: 16px;
            }
            
            
             @media (max-width: 1px){
               .marker{
                 position:  absolute;  
                 top:-32px; 
                 left:-10px; 
                 z-index: 500;
                 // position:  absolute;  //top:-90px; //left:-30px; //z-index: 500;
                //min-width: 3px;
                //min-height: 3px; 
             //   width: 60px;
              //  height: 96px;
                   width: 20px;
                height: 32px;
            }
                .markerSmol{
                 position:  absolute;  
                 top:-16px; 
                 left:-5px; 
                 z-index: 500;
                 // position:  absolute;  //top:-90px; //left:-30px; //z-index: 500;
                //min-width: 3px;
                //min-height: 3px; 
             //   width: 60px;
              //  height: 96px;
                   width: 10px;
                height: 18px;
            }
             
             
             }            
          
            
            
            .zoom-anim{
         //  transition:transform 1s cubic-bezier(0, 0, 0.25, 3);
         //transition: transform 0.5s ease 0s, opacity 0.5s ease 0.5s;
        // transition: all 1s ease;
           //  transition: transform 1.0s, opacity 0.2s ;
             transition: transform 1.0s;
            }
            
            
      
     
            
            
    


.cienmapy{
    position: absolute;
    background: linear-gradient(90deg, rgba(14,26,64,0.13) 0%, rgba(14,26,64,0) 25%, rgba(0,0,0,0) 75%, rgba(14,26,64,0.13) 100%);
 //   background: radial-gradient(circle, rgba(2,0,36,0) 0%, rgba(9,9,121,0) 35%, rgba(20,96,112,0.3519782913165266) 100%);
   
 //   background: radial-gradient(circle, rgba(255,255,255,0.8225665266106442) 0%, rgba(0,0,0,0) 27%, rgba(0,0,0,0) 100%);
   
// background: radial-gradient(circle at 0px 0px,rgba(22,58,125,0.2819502801120448) 0%, rgba(22,58,125,0) 18%, rgba(22,58,125,0) 85%, rgba(22,58,125,0.29315476190476186) 100%);
    z-index: 601;
    min-height: 100%;
    min-width: 100%;
    
}
@media (max-width: 801px){
    .cienmapy{
        display: none;
    }
}