#vko-map { z-index: 10; margin: 0; position: sticky; top: 65px} 
#svgPlan { position: relative; z-index: 5; }
#planballoon { 
  position: absolute; z-index: 2; background-color: #FFF; padding: 20px; display:none; width:220px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
  -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;    
}
#planballoon.opened { z-index: 8 }
#planballoon::before {
    content: " ";
    position: absolute;
    top: 45px;
    right: 100%; /* To the left of the tooltip */
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}
.balloon_title {
    font-size: 18px;
    font-weight: 600;
}
.balloon_more {
    margin-bottom: 0; display:none;
}
.balloon_more a {
    color: #2BA9DB;
    text-decoration: none;
    border-bottom:1px solid #2BA9DB;
}
.balloon_more a:hover {
    color: #1497cc;
    text-decoration: none;
    border-bottom:1px solid #1497cc;
}

.rout-item-points:hover .rout-heading, .rout-item-points.hover .rout-heading { color: #2BA9DB }
.rout-item-points .rout-points-icon {
  font-size: 16px; text-align: center; line-height: 32px; color:#2BA9DB;
  background-position: 50% 50%; background-repeat: no-repeat; background-color: #FFF;
  background-size: 55% auto;
}
.rout-item-points.hover .rout-points-icon ,
.rout-item-points:hover .rout-points-icon {
  background-color: #2BA9DB;
  color:#ffffff;
 }
.rout-item-points.point_green.hover .rout-points-icon ,
.rout-item-points.point_green:hover .rout-points-icon {
  background-color: #6DAD3A;
  color:#ffffff;
 }
.rout-item-points .rout-points-icon.start_point {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAQlBMVEUAAAArqdsqp9oop9crqdwop9srqNsrqdwqqdsrqNsrqtskn88rqdwrqNsqqdssp9spqNowr98sqNwrqdwqqdsrqdvkafLfAAAAFXRSTlMA32Ag70BwoIBQvxDPv5BAMBCQr2/pm5UNAAABAklEQVQoz22S0ZaDIAxEE4hBFGzd7vz/r64J5bQu3Bc8DpDJBJqwbIKSIs1Y4fBzrjV4H7Rov/WRAKyDmAFE2ulSeXZrIZXdNg2iAkJRKdj6n0crFhmoNLABkIKLMIpR0Dhogt7a3LPqdxw/pkmL79fv2T5ZngxAb3GxqTHxhQDJteCC2Fk3w07du3N+tjoLJdxHIdZPiLYqbezzXHuHAPIpSsWCOZC9UO+Rrfjuk8oWmtsBuKTYzKZFzX00t7WyibWY/VPwZr1Hrzj826mfdMPD+xBPq2dw54U+JOQWF/cYL3O1D+m1GAcAXpzA73lmTBClRg6NZCeDk4dXeyaUr3T/AM0zFNe6Jte+AAAAAElFTkSuQmCC);
}
.rout-item-points.hover .rout-points-icon.start_point ,
.rout-item-points:hover .rout-points-icon.start_point {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA32AgQO+/cKCAEFCQzzCvbxihw6AAAAD9SURBVCjPbZJRtsMgCERBRYzG9s3+N/sE62lz9P6YZKIwg3QgZUEvkU5ccPh11iZcNy3aZ01lLNcmNgCRKg2VT6d2Uqn20yYqIBSVwlh3H7NYZCDTRh6qdAzCLkbB5KYD+rBZm+pvHLdpMuP783PyN8vK410fcbGpsfBAgOJacEFsrzfDTq6rc37NOokKnqMQ8xOirUqZPYdrOQTQqih1C+ZG80LLI1vx6pNqFpq1M+Be4my2JGWblHWbM7uzbu1XwYfrGb3i9mcnf9MNyX2Ip7UyePLGtDpoMy7Oce3nvIb0ToYdwskJ/JlnwwFRmrQwKbYzOG27tbWg/6T7D9tNEU0jnao5AAAAAElFTkSuQmCC)!important;
}
.rout-item-points .rout-points-icon.flag {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAQlBMVEUAAAArqdwrqdsqqNorqtspp9spqNkqqNsrqNwrqdwpp9kqp9owr98gn88qqdsqqNwpqNgoqNgpp9kwn88rqdwrqdvg5I5iAAAAFXRSTlMA79+Av0AgkHDPUGAQELCfcDCgEJ+zgUc4AAAAs0lEQVQoz3XRSQ6DMBBE0Z48AYFMdf+rBhOzoem/QfKTLJegqAfF6fP4pMnTy3CcKiAfeugqIs2+qrMWA/DqiL2pMq5Rrx8nc9b+1wtXgms7H51yczgPZDyLwzzwDUtXYxrN4MxXLQOX2+fKuNhQKnx6oEIybpKOCcgCn8ZjuJ5j1j6mbapaVhNhMT1/aAUvbIlc55iJomQfHVZgMSbgE+LCmCnMsMVYwTFmIMXaMMWYM/l+reIX3ockXo0AAAAASUVORK5CYII=);
}
.rout-item-points.hover .rout-points-icon.flag ,
.rout-item-points:hover .rout-points-icon.flag {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA79+Av0AQcCCQn89QYLAww6z0pwAAAK5JREFUKM910UsOgzAMRVF/8wX69r/aFkomGN8JUo4UbIWyCuVpvT6+RfoYrlMFpFDRQ0SmDdVduwH4nIhfW2U8o7Pz2C3Y/F8vXAmhsYb2NgPuNzJqD9huHDB/GtPdDm5h2r7++Tqu3BcbekVML1RIw0tyogNNENN8Ga5rmcMBzKGq/TARFtP1oBVc2JxCa5mNsgSd0josRwdKioWxU5ph5FjBOTbAc53YcmyNYl9EZhKcUogCogAAAABJRU5ErkJggg==)!important;
}
.rout-item-points .rout-points-icon.photo_cam {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAARVBMVEUAAAArqdsqp9oop9soqNsrqNwrqtsrqdwsqdwqqtorqdorqdswn88gn88sqdwrqdwrqNsqqdsrqdwqqdslpdcwr98rqdu6+uAUAAAAFnRSTlMAv2BAIJ9/31Aw388QEO/vcG+vkDAQMJrjRwAAAKNJREFUKM+N0OsOgyAMhuEPWk4KHqb2/i91bguDQFj2/rHJEwkFuV1929EUpIob9DVq/BXpQQxYGbbBjXGF/OiFipm3+/vwHLxpcCaiQyZCOgkIU8Fq830RcRahR5PvbWE7PDlPMXQIXx6vxRW64Nr+GSlPdHXHblCfYYLu0EV+Lzhzcv2eJkIfxiM9pEdxhDuapcbSoualefhxUGMzuIwaZNMTm9MoORUjk9gAAAAASUVORK5CYII=);
}
.rout-item-points.hover .rout-points-icon.photo_cam ,
.rout-item-points:hover .rout-points-icon.photo_cam {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAv2BAIBDfMO+ff1DPcG+vkI99P7NpAAAAmklEQVQoz43QRw4DIRBE0YIOxJmx+/6HdRIGgbD8VyW9DTRap/t2YirYEE9YRvT4K/KbGMi27YDuMcJ+9ELHzIeZXYVDSRNWIrqbEiQQEHTAFuOMZpoRVkzt3Rl5wcBtSVgQpR9vxgjfMU5oQm2R2IwH3Gco/IIq/P5gZdEFLQn8LRXIZSuaEp5RtRF70dU4HX4f3N4SJLlNWR7zBSDzoRcCTQAAAABJRU5ErkJggg==)!important;
}
.rout-item-points .rout-points-icon.tur {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAmCAMAAABtX0w5AAAAtFBMVEUAAAAgn88wn88wn98wr98prd4op9cwp98lpdQqpdoqqtoqqt8wqt8oqtstqtsop9ssp9sqqNsqq9spptktqdwrqdkrqdwqp9opqNosqt0pptgrqNsqqdssqdsqqdssqdspqNorqNorqdssqtwqqNoqqNwqqtwrqNorqtwqqNsqqdwqqtwsqtwrqNsrqtsqqdorqdorqdsrqtsqqdorqNorqdorqdwrqdsrqtsrqtwsqtwrqdvhD4XuAAAAO3RSTlMAEBAQEB8gIDAwMDAwPz9AQE9PUFBfX2Bvb3Bwf3+AgI+Pj5Cfn5+fn6+vr6+/v8/Pz8/f39/f7+/v75S+udMAAAJfSURBVHjaYqAlAHRaHlxuwkAQxg2uF1zJuV5v6BLjrv//vyI7YtCscB7P86r42NFqxa59N1E7bbRUw1smUCN5/b1/xwt9VLtDZBLxc6UdrXoE5Sv+c+i9sG08aSEFWBJK4EGTVue55x/tacWutKsLJlpobV3fdYmUExnxrg5pl6RT34O+LlWv8FzpY6ZMbF33ANXaDOM4yfxUnTw3n9OkC1Dkk3a7RaQpQFNb/dQCo+Y8X7e8sqXXsONEn/eLMHedmXvVVuGeOOt7e3hk2Q6ELikUkWsT9GIVWC2pqKhOFgZSiUWpXW/t+ixgeaZ8ENa3RUO7VoiUwn7X+N4QKKS4UMEjinqsUOv64d6KRO8eTefv1GPknSm/v6Fdv3hTg2406NjVx5XyG1wfMU0Lt1uj9mSFe6ETqR33cEXTO+1qE3LZZCueYpqFXDapxxNMn/FUH1F0QqaPdc80TbpJitXsBFPchRhaI4zNaqaXC6ONdNXi2//CuKliahU+bGn0ybg7ZF7JFBnnrrfSlJp4UNWUO/il1FQ59dhWNsU4z/z2ZlPA+//3PpWtdJrNHdNvlEKOQrX8p55vKqYZTa37EjjHsRTdtjNBM/6J4Nro0IdRzurYTvcE+qDb/sW/1j+HtHPYpmxSt5PGkRmAk53oIdCGeXdFEAmte/jvZFmmoeVSQ5ktYlbQnYQhHuwAUTYp5OJj/sIeJeATstDsPmY491mVMIkZhplgb0B3jOT/G8YZwSZVYDNwWfy8AXi59ls3xX49yUKEboahhBdxMhx241ZQqtqNoUlcK4U3XcO6F1j/BbzghZjninulAAAAAElFTkSuQmCC);
}
.rout-item-points.hover .rout-points-icon.tur ,
.rout-item-points:hover .rout-points-icon.tur {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAmCAMAAABtX0w5AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAEB8gMD9AT1BfYG9wf4CPkJ+vv8/f7+KC9EYAAAIgSURBVHjaYqAlYAN0Wl0LtoIw8LC2w8VyMRL+/0/XGpkg2+Zly5hJMiHoSBxXBBpaZATG+WV7JgudiPdIV+H/KSYIFkj9yKsc6m9Z8z8qUFWUVKI9Bob60lxihoCqkDUlRh3Ip6qPD6AkssKsCfN+KMdsxL/4CHtrhlgSFSaB3wiSyoeucyEvNamT58lJtqQesvaOXA0w8cRi0OCPzDZqRA4L9dDQtM71CjlHI393Z/NS5fulUEOoRPIa5E9IejSV4DwAnHKKpX8NEMVGNOaTGl6YH3cH8jVy3iRQgdCo1ySmloziY253oe20cGSaqqyna36DzE3ByEThdM815QseC6J0q7Ur3mOQuUBHxLDDPxVtcYUrtC1fxd+Lhgpt05h+KwpOxwKqP1Q6mUyUnHWEpf5ONJ9FtBAW+WeidVjBWjWqsz+n101ZFFH1DIyOk37sT0QF9aXagqheYvdTUdxg/yhKiR/8Y1G5zoNeby0qZPf17oNtj7fZkojOYoW+CikcsI+i+jYzF9k9kIu0RdoIL+3jKwJfdVVOVhdnJF20ipph2j2+rZe97It8QzWUbtK4ZjcjF3ZoNOuzAUgpiG367WTxIgrp73JpX0j3TXUVWUixTUHyFekGzjQAOkTIsmtakUuRK4chjSROLr+KW6T09w3SAUgDDrBLuc6zEL7JV5ckn9VcJaE8VJqsOzcMtvt4PcI0K+s680g2duVsLX9/AuA8mT0Bq3eQAAAAAElFTkSuQmCC)!important;
}
.routes .rout-item-points.point_green .rout-points-icon.start_point {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAOVBMVEVtrTr///9trTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTptrTolhFXsAAAAEnRSTlMAABAgMEBQYG9wgJCgr7/P3+/vRfv7AAABEElEQVR42mXSCQKjIAxAUUMEBqUY/v0POyZlVn73Pvd4/J+I5DF5uorsKBeRnTsuc00bKmAtd+DasAAqSV61DS94pM1UgA0bTNEmFeaG2XcmogZjQxnAfHirO+rk2y07SiOyFJhKa+cflNttqjj+iO0M/Y3JgCaOF9/MVbu9TejiWAMmceQ6sWikwAH27tD3k4/OKavA6edT1T/bMSzmedWFQEmzHY9P4aaI1DjHQIN+pJhUOdSIwwHzWyEOtudmgPrRjmGO4/HDT5PVtc5zXfrGHWOIxu+LoDXL2/CR3WGmv3H1iWEPxxJ02dBlarEtH9Ine74Ry1G1Nc/CHrPJ8dX6rQNWo5L+v+NT5znldz8BNT4V+4ki89cAAAAASUVORK5CYII=);
}
.rout-item-points.hover .rout-points-icon.start_point {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA32AgQO+/cKCAEFCQzzCvbxihw6AAAAD9SURBVCjPbZJRtsMgCERBRYzG9s3+N/sE62lz9P6YZKIwg3QgZUEvkU5ccPh11iZcNy3aZ01lLNcmNgCRKg2VT6d2Uqn20yYqIBSVwlh3H7NYZCDTRh6qdAzCLkbB5KYD+rBZm+pvHLdpMuP783PyN8vK410fcbGpsfBAgOJacEFsrzfDTq6rc37NOokKnqMQ8xOirUqZPYdrOQTQqih1C+ZG80LLI1vx6pNqFpq1M+Be4my2JGWblHWbM7uzbu1XwYfrGb3i9mcnf9MNyX2Ip7UyePLGtDpoMy7Oce3nvIb0ToYdwskJ/JlnwwFRmrQwKbYzOG27tbWg/6T7D9tNEU0jnao5AAAAAElFTkSuQmCC);
}
.routes .rout-item-points.point_green .rout-points-icon.photo_cam {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAAOVBMVEU9ryn///89ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9rykXWzakAAAAEnRSTlMAABAgMEBQYG9wf5Cfr7/P3+88IkhlAAAAn0lEQVR42n3QBZLAIAxA0WgVCbn/XdeRgWF/va8K1K7UuvCvauJDPOEx4llxDocA9NzECI9vu8H2WMD/6RsTM99f23iwHGHCrKqvmwKJAooNWGO4irs9KCuG+t0PPgsK1z2SBfsAnjhjgbNjmdBJ656Sz3hD+t0xPBc0YvOvMpMt6IHgfMOBFH1FN4WvNPuK35WUyzzw2yDtLQCFtOmhTymHI+AjvgEJAAAAAElFTkSuQmCC);
}
.routes .rout-item-points.point_green .rout-points-icon.flag {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAOVBMVEU9ryn///89ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9rykXWzakAAAAEnRSTlMAABAgMEBQYHCAkJ+gsL/P3+/HVaOVAAAAvUlEQVR42nXRQbKsIAxG4QiNEmxjcva/2PekuBNpThWjb0Lql3fbKP1/K9Tasewzfoz9QQVPkvRy99tO1UObAZ8HAfYavNseDKDYZHfHj0cVps6OIqnke8JjYFDbhHngFytvi23gQeR4axuYfn7Xc0cxWmVOOyqemcMfLJCdORVZHRN16/jlKsB9qmq7zD3cNI09K5HCyt9ko4EJxqo/UJwmS2zYGgukJabgWKIY5xorscYMZYlys68xZ5nxH3PtFzG4JaZvAAAAAElFTkSuQmCC);
}
.routes .rout-item-points.point_green .rout-points-icon.tur {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAmCAMAAABtX0w5AAAAS1BMVEU9ryn///89ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk9ryk1lUHPAAAAGHRSTlMAABAfIDA/QE9QX2BvcH+Aj5Cfr7/P3+/AHLmjAAACPElEQVR42rWW2YK0KgyEA4ONzXE7iMD7v+hsSqQi9r9/N7NUp7JgaEn9A+jAziHlT2KYLLXRg9++PkMCu4T0HTkYIjpNbcgV0RGCHyEAQr1hU/1/FgRzaylMxwzE7jDVW74Q0RWy1sKcBanbTX1uEOjEYNZKeTbK0V+m/+Um7vSM+c60Uhj/ZRq48qnvh3gttaozrcvA2ap6gnNnZKdI54NNEwz47TK28CCk+HhoaFFk88FxNPx3fzTPVT5J0EEoRyZFxh9geh5qgOcBGMSkUumfJGgqGwHWQ5oI8zuScL59gB4DgYCDoqUMle4GlfZzOwu1y5ZyCou59FTOb+JzE+gISnm61y7UC76Tb0zD6WY/ec4RzoU7Cgl3+CdNLa6wwbEhUf+OaTQ4Nsnyi6Y46XyD+Y1KF30xDYMbApb686bts8gOwnL6OdMufpKkaxbP/srXzWtTwIwJFBlnufKXppKuuFphiks8/KwpbrBvmoZqHumnTfk6j3K9pSmL/cvdx7E1b7OtMl15FPIqDHHHNU3lbaaL2DfEjdsKchC+ap8zJDGbbK6iKZrmdNkJaYXTHvHbeqNPdBGfUE1Q1SbNhkjP6WaHZk1kI4hcUHL1u5NTcBHF+ne+tAsxSdHkQjrFqJRcerHsUhZP2NIKVIo7ZGDZpSzF7aoppX4YJmUUTRSa55deixK+30g5gqhhAmkgNiXqfWLBP66rGzifk5rh0DQZ2k2Zrh+myfVv1EQ/PtWh103x4T411xHRbvoB+i2hLViYrNQAAAAASUVORK5CYII=);
}