.div_placowki {
box-sizing: border-box;
position: relative;
padding: 0px 15px 15px 15px;
max-width: 1310px;
margin: 0px auto;
overflow: hidden;
padding-top: 50px;
}
.div_content{
padding-bottom: 0;
}

.div_placowki .mapa{

position: relative;
}
.div_placowki .mapa img{
position: relative;
left: 50%;
transform: translateX(-50%);
}

.divMarkers{
position: absolute;
width: 1000px;
height: 680px;
top:0;
left: 0;
left: 50%;
transform: translateX(-50%);
}


.div_placowki .mapa .marker{
width: 32px;
height: 49px;
position: absolute;
background: url('/images/pin2.png') 50% 50% no-repeat;
z-index: 1;
cursor: pointer;
background-size: 100% auto;
transition: all 0.5s ease-out 0s;
display: block;
}
.div_placowki .mapa .marker .toolTip{
font-size: 18px;
position: absolute;
top: -38px;
left: 50%;
transform: translateX(-50%);
background-color: #FFF;
font-weight: 700;
color: #000000;
border-radius: 5px;
border: 1px solid var(--g1-color);
padding: 5px;
opacity: 0;
transition: all 0.5s ease-out 0s;
}
.div_placowki .mapa .marker .toolTip.show{
opacity: 1;
}

.div_placowki .mapa .marker:hover,.div_placowki .mapa .marker.sel{
width: 47px;
height: 71px;
transform: translateY(-21px) translateX(-6px);
}

.div_placowki .mapa .marker.m59{
left: 342px;
top: 391px;
}
.div_placowki .mapa .marker.m57{
left: 502px;
top: 326px;
}
.div_placowki .mapa .marker.m58{
left: 598px;
top: 277px;
}
.div_placowki .mapa .marker.m62{
left: 460px;
top: 61px;
transform: rotate(45deg);
}
.div_placowki .mapa .marker.m63{
left: 421px;
top: 45px;
transform: rotate(-45deg);
}

.div_placowki .mapa .marker.m63:hover{
left: 407px;
top: 28px;
}
.div_placowki .mapa .marker.m63 .toolTip{
transform: rotate(45deg);
top:-20px;
}
.div_placowki .mapa .marker.m62:hover{
left: 460px;
top: 41px;
}
.div_placowki .mapa .marker.m62 .toolTip{
transform: rotate(-45deg);
left: -40px;
top: -28px;
}


.wrap{
overflow: unset;
}

@media screen and (max-width:670px) {
.div_placowki .mapa img{width: 670px;height: auto;}
.divMarkers{width: 670px;height: 456px}
.div_placowki .mapa .marker.m59 {left: 224px;top: 243px;}
.div_placowki .mapa .marker.m57 {left: 332px;top: 204px;}
.div_placowki .mapa .marker.m58 {left: 397px;top: 170px;}
.div_placowki .mapa .marker.m62 {left: 308px;top: 27px;}
.div_placowki .mapa .marker.m62:hover{left: 310px;top: 9px;}

.div_placowki .mapa .marker.m63 {left: 270px;top: 16px;}
.div_placowki .mapa .marker.m63:hover{left: 254px;top: -6px;}
}
@media screen and (max-width:430px) {
.div_placowki .mapa img{width: 500px;}
.div_placowki .mapa .marker.m59 {left: 249px;top: 171px;}
.div_placowki .mapa .marker.m57 {left: 329px;top: 138px;}
.div_placowki .mapa .marker.m58 {left: 377px;top: 114px;}
.div_placowki .mapa .marker.m62 {left: 315px;top: 11px;}
.div_placowki .mapa .marker.m63 {left: 278px;top: -3px;}

.div_placowki .mapa .marker.m62:hover{left: 315px;top: -11px;}
.div_placowki .mapa .marker.m63:hover{left: 263px;top: -21px;}

}