.card-img-top{
    object-fit: cover;
}
#mapLayout{
    background-color:#CCC;
    height: calc(100vh - 86px);
    position: sticky!important;
    top: 86px;
    left: 0;    
}
#map{
    height: calc(100vh - 86px);  
    position: sticky!important;
    top: 86px;
    left:0;
    background-color:#CCC
}
.js-rental{
    z-index: 997;
}
.marker{
    transform: translate(-50%, calc(-100% - 10px));
    white-space: nowrap;
    font-size: 10px;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0, 0.3);
    cursor: pointer;
}
.marker.is-active{
    max-width:300px;
    z-index:999;
}
.marker.is-hover{
    background-color: #014A69;
    color:white;
    z-index: 998;
}
.marker.is-hover::after{
    border-top-color:#014A69;
}
.marker::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
#searchInZone{
    top: 10px;
    left: 39%;
    position: absolute;
}