.regions {
    width: 580px;
    height: 380px;
    right: 0;
    position: absolute;
    top:7px;
}

.regions > img {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease-out 0.1s;
}
.regions > img.show_opacity {
    visibility: visible;
    opacity: 1;
}

.point {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #ed6527;
    cursor: pointer;
}
.point[onclick="redirect('');"] {
    cursor: default;
}

.regions .hint {
    position: absolute;
    padding: 10px 20px;
    background: #ed6527;
    color: #fff;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out 0.1s;
    z-index: 10;
    bottom: 22px;
    left: 5px;
    right: auto;
}
.regions .hint.marker_right {
    bottom: 22px;
    right: 5px;
    left: auto;
}
.regions .hint.show_hint {
    visibility: visible;
    opacity: 1;
}

.regions .hint:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 0;
    border-color: #ed6527 transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    left: 0;
}
.regions .hint.marker_right:after {
    right: 0;
    left: initial;
    border-width: 12px 0 0 8px;
    border-color: #ed6527 transparent transparent transparent;
}
.hint_description {
    white-space: nowrap;
}

#m1 {
    left: 243px;
    top: 104px;
}

#m2 {
    left: 273px;
    top: 5px;
}

#m3 {
    left: 88px;
    top: 174px;
}

#m4 {
    left: 355px;
    top: 151px;
}

#m5 {
    left: 468px;
    top: 143px;
}

#m6 {
    left: 320px;
    top: 229px;
}

#m7 {
    left: 49px;
    top: 131px;
}

#m8 {
    left: 407px;
    top: 87px;
}

#m9 {
    left: 135px;
    top: 87px;
}

#m10,
#m10_ {
    left: 235px;
    top: 46px;
}

#m11 {
    left: 249px;
    top: 139px;
}

#m12 {
    left: 505px;
    top: 100px;
}

#m13 {
    left: 65px;
    top: 20px;
}

#m14 {
    left: 28px;
    top: 78px;
}

#m15 {
    left: 263px;
    top: 202px;
}

#m16 {
    left: 195px;
    top: 201px;
}

#m17 {
    left: 321px;
    top: 89px;
}

#m18 {
    left: 105px;
    top: 21px;
}

#m19 {
    left: 347px;
    top: 5px;
}

#m20 {
    left: 90px;
    top: 98px;
}

#m21 {
    left: 6px;
    top: 145px;
}

#m22 {
    top: 120px;
    left: 172px;
}

#m23 {
    left: 404px;
    top: 200px;
}

#m24 {
    left: 169px;
    top: 39px;
}
#m25 {
    left: 343px;
    top: 298px;
}
@media only screen and (max-width: 960px) {
    .regions {
        position: relative;
        top:0;
        margin: 20px 0;
    }
    #map_open {
        z-index: 15;
    }
    #map_close {
        z-index: 10;
    }
}
.marker {
    position: absolute;
    width: 3px;
    height: 3px;
    background: red;
}
#map_container area {
    cursor: pointer;
}
.regions {
z-index: 10;
}
.common-home #content{
overflow:visible;
}