.rmk-map-container {
    margin: 1em 0;
    overflow: visible;
    min-height: 180px;
    flex-shrink: 0;
}
.rmk-map-wrapper {
    max-width: 100%;
    width: 100%;
    background: #f9f9f9;
    border-radius: 4px;
    overflow: visible;
}
.rmk-map-wrapper svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media (max-width: 480px) {
    .rmk-map-container { min-height: 220px; }
}
.rmk-point path,
.rmk-point ellipse { cursor: pointer; transition: fill 0.2s, stroke 0.2s; fill: #16448e; stroke: #16448e; }
.rmk-point .cls-2, .rmk-point .cls-22 { fill: #d51367; stroke: #d51367; }
.rmk-point .cls-3, .rmk-point .cls-21 { fill: #16448e; stroke: #16448e; }
.rmk-point .cls-19, .rmk-point .cls-20 { fill: #01a2df; stroke: #01a2df; }
.rmk-point:hover path,
.rmk-point:hover ellipse {
    stroke: #002868 !important;
    fill: #002868 !important;
}