.foto_hs_img {width: 100px;height: 100px;overflow: hidden;background: #fff;border-radius: 80px;border: 4px solid #ffffff;box-shadow: 0 0 7px 2px #00000061;}
.foto_hs_img.shdw_2 {box-shadow: 0 0 6px 2px #00000033;}
.foto_hs_img:after {content:'';display:block;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 104px;height: 104px;border: 2px solid #ffffff;border-radius: 50%;box-shadow: 0 0 7px 0px #00000062;}
.foto_hs_img.shdw_2:after {box-shadow: 0 0 7px 0px #00000044;}
.foto_hs_img img {height: 100%;}
.foto_hs_tltp{text-align:left;font-size: 16px;font-family: 'VinnytsiaSans';font-weight: 700;line-height: 1.2;color: #fff;text-shadow: 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 8px #000;}
.foto_hs_tltp.shdw_2 {text-shadow: 0px 0px 2px rgb(0 0 0 / 60%), 0px 0px 6px rgb(0 0 0 / 90%);}
.touchevents .air-tltp{text-align:center;}
.touchevents .foto_hs_tltp{text-align:center;}
.land_ft_hs{position: relative;width: 28px;height: 28px;border-radius: 50%;border: 4px solid #ffffff;-webkit-animation: anime_bk 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation: anime_bk 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;box-shadow: 0 0 2px 0px #00000047 inset;}
.land_ft_hs .cirkle {
  position:absolute;top: -10px;left: -10px;width: 40px;height: 40px; border: 2px solid #fff;
  box-shadow: 0 0 10px 0px #0000008c;
  box-shadow: 0 0 4px 0px #000000;
  border-radius: 50%;
  -webkit-animation: anime_point 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: anime_point 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.land_ft_hs .cirkle.shdw_2 {box-shadow: 0 0 4px 0px #00000088;}
@keyframes anime_bk {
  0% {background-color: #fdc400;}
  30% {background-color: #fdc40000;}
  60% {background-color: #fdc400;}
  100% {background-color: #fdc400;}
}
@keyframes anime_point {
  0% {transform-origin: 50% 50%;transform: scale(1, 1);}
  30% {transform-origin: 50% 50%;transform: scale(0.7, 0.7);}
  60% {transform-origin: 50% 50%;transform: scale(1, 1);}
  100% {transform-origin: 50% 50%;transform: scale(1, 1);}
}
.blockHover .land_ft_hs {dislay:none;}
.drone {width: 56px;height: 56px;border-radius:50%;background-color: #d7e5f0;position: relative;top: 0;left: 0;background-repeat: no-repeat;border:2px solid #fff;background-position: 50%;box-shadow:0 0 0 8px #ffffff29, 0 0 1px 0px #0000002b;}
.drone .child {width: 56px;height: 56px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: move-forever 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: animationDrone;animation-name: animationDrone;box-shadow: 0 0 0 0px #fff;}
.drone.normal {width: 56px;height: 56px;background-image: url(../img/icon/way/hot-air-balloon.png);background-size: 36px;}
.drone.normal .child {width: 56px;height: 56px;}
.drone.mobile {width: 48px;height: 48px;background-image: url(../img/icon/way/hot-air-balloon.png);background-size: 30px;}
.drone.mobile .child {width: 48px;height: 48px;}
@-webkit-keyframes animationDrone {
    70% {box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes animationDrone {
    70% {box-shadow: 0 0 0 10px rgb(255 255 255 / 0%);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.outloc {pointer-events:auto;position:relative;padding:0 22px 0 0;}
.outloc .ttl {padding-right:12px;font-weight: 700;font-size: 14px;line-height: 1.15; font-family: 'VinnytsiaSans';text-align: right;color: #ffffff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.3);}
.outloc .point {position:absolute;top:50%;right:10px;transform: translate(50%, -50%) scale(1);transform-origin: center;transition: transform 0.2s;width:12px;height:12px;box-shadow:0 0 0 6px rgba(255, 255, 255, 0.5), 0 0 1px 0 rgba(0, 0, 0, 0.3);border-radius:50%;border:2px solid #fff;overflow: hidden;background:#fdc400;}
.outloc:hover .point {transform: translate(50%, -50%) scale(1.5);}
.outloc::before {pointer-events:none;content:'';display:block;position:absolute;top:50%;right:10px;width:1px;background-color:#fff;box-shadow:1px 0 1px 0 rgba(0, 0, 0, 0.15);}
.outloc::after {pointer-events:none;content:'';display:block;border-radius:50%;position:absolute;right:8px;width:5px;height:5px;background-color:#fff;box-shadow:1px 0 1px 0 rgba(0, 0, 0, 0.15);}
.outloc.left {padding:0 0 0 22px;}
.outloc.left .ttl {padding-left:12px;font-weight: 700;font-size: 14px;line-height: 1.15; font-family: 'VinnytsiaSans';text-align: left;color: #ffffff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.3);}
.outloc.left .point {position:absolute;top:50%;left:10px;transform: translate(-50%, -50%) scale(1);transform-origin: center;transition: transform 0.2s;width:12px;height:12px;box-shadow:0 0 0 6px rgba(255, 255, 255, 0.5), 0 0 1px 0 rgba(0, 0, 0, 0.3);border-radius:50%;border:2px solid #fff;overflow: hidden;background:#fdc400;}
.outloc.left:hover .point {transform: translate(-50%, -50%) scale(1.5);}
.outloc.left::before {pointer-events:none;content:'';display:block;position:absolute;top:50%;left:10px;width:1px;background-color:#fff;box-shadow:1px 0 1px 0 rgba(0, 0, 0, 0.15);}
.outloc.left::after {pointer-events:none;content:'';display:block;border-radius:50%;position:absolute;left:8px;width:5px;height:5px;background-color:#fff;box-shadow:1px 0 1px 0 rgba(0, 0, 0, 0.15);}
.outloc.h40::before {height:40px;}
.outloc.h40::after {top:54px;}
.outloc.h50::before {height:50px;}
.outloc.h50::after {top:64px;}
.outloc.h60::before {height:60px;}
.outloc.h60::after {top:74px;}
.outloc.h80::before {height:80px;}
.outloc.h80::after {top:94px;}
.outloc.h100::before {height:100px;}
.outloc.h100::after {top:114px;}
.hs {display:block;background:#222222;position: relative;top: 0;left: 0;background-repeat: no-repeat;border:2px solid #fff;}
.hs.x0 {width:40px;height:40px;border-radius:20px;}
.hs.x1 {width:46px;height:46px;border-radius:25px;}
.hs-anime {display:block;background: #ffffff;border-radius: 42px;position: absolute;top: -1px;left: -1px;animation: move-forever 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;-webkit-animation-duration: 3s;animation-duration: 3s;}
.hs-anime.x0 {width:42px;height:42px;}
.hs-anime.x1 {width:48px;height:48px;}
.arrow_left_0x {background-image: url(../img/icon/way/left-white.svg);background-size: 14px;background-position: 50%;}
.arrow_right_0x {background-image: url(../img/icon/way/left-white.svg);background-size: 14px;background-position: 50%;transform: scaleX(-1);}
.arrow_left_1x {background-image: url(../img/icon/way/left-white.svg);background-size: 16px;background-position: 50%;}
.arrow_right_1x {background-image: url(../img/icon/way/left-white.svg);background-size: 16px;background-position: 50%;transform: scaleX(-1);}
.animationHotspt {-webkit-animation-name: animationHotspt;animation-name: animationHotspt;}
@-webkit-keyframes animationHotspt {
  0% {opacity: 1;transform-origin: 50% 50%;transform: scale(1, 1);}
  75% {opacity: 0;transform-origin: 50% 50%;transform: scale(1.4, 1.4);}
  100% {opacity: 0;transform-origin: 50% 50%;transform: scale(1.4, 1.4);}
}
@keyframes animationHotspt {
  0% {opacity: 1;transform-origin: 50% 50%;transform: scale(1, 1);}
  75% {opacity: 0;transform-origin: 50% 50%;transform: scale(1.4, 1.4);}
  100% {opacity: 0;transform-origin: 50% 50%;transform: scale(1.4, 1.4);}
}