.m_map-container {
    position: relative;
    z-index: 1;
}.m_map-container.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000000e;
    z-index: 2;
}
.m_map_filters {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    list-style-type: none;
    margin-bottom: 40px;
    padding: 0;
}.m_map_filters li {
    position: relative;
}.m_map_filters label {
    color: #617187;
    font-family: "Ubuntu", Sans-serif;
    font-size: 15px;
    line-height: 140%;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 8px;
    border: 1px solid #617187;
    cursor: pointer;
    transition: .3s;
}.m_map_filters label:hover, .m_map_filters input:checked + label { 
    color: #FFFFFF;
    background-color: var(--e-global-color-primary, #0b2345);
    border-color: var(--e-global-color-primary, #0b2345);
}.m_map_filters input {
    position: absolute;
    width: 0;
    height: 0;
}
#m-map {
    width: 100%;
    aspect-ratio: 1280/650;
    z-index: 1;
}#m-map .leaflet-popup {
    margin-bottom: 42px;
}#m-map .leaflet-popup .leaflet-popup-content-wrapper {
    background: transparent;
    box-shadow: initial;
}#m-map .leaflet-popup .leaflet-popup-content {
    background-color: var(--e-global-color-primary, #0b2345);
    color: #FFFFFF;
    width: 300px;
    padding: 30px;
    border-radius: 0;
    margin: 0;
}#m-map .leaflet-popup .leaflet-popup-tip {
    background-color: var(--e-global-color-primary, #0b2345);
    box-shadow: initial;
}#m-map .leaflet-popup .leaflet-popup-close-button {
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}.leaflet-popup .site-img {
    width: auto;
    height: 78px;
    object-fit: contain;
    margin-bottom: 10px;
}.leaflet-popup .site-name {
    font-size: 25px;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 10px;
}.leaflet-popup .site-address-flex {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}.leaflet-popup .site-address-flex svg {
    min-height: 16px;
    min-width: 16px;
    height: 16px;
    width: 16px;
}.leaflet-popup .site-address {
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    font-family: "Fira Sans", sans-serif;
}#m-map .marker-cluster {
    background-color: initial;
}#m-map .marker-cluster div {
    background-color: var(--e-global-color-primary, #0b2345);
    color: #FFFFFF;
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.map-loading {
    display: none;
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--e-global-color-primary, #0b2345);
    --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}.loading .map-loading {display: block;}
@keyframes l3 {to{transform: translate(-50%, -50%) rotate(1turn)}}

@media (max-width: 767px) {
    #m-map {
        aspect-ratio: 1;
    }
}