#overlay_leftmenu {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;/* background-color: rgb(0 0 0 / 61%); */z-index: 4;display:none;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
#overlay {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color: #000000b8;z-index: 10;display:none;}

.left-menu {position: fixed;top: 0;left: 0;height: 100%;z-index: 5;transition: transform 0.5s ease-out;box-shadow: 1px 0 7px 0 #0000006e;}

.left-menu.close {transform: translateX(-290px);transition: transform 0.5s ease-out;}
.left-menu.open {transform: translateX(0px);}
.left-menu .wrapper {background: #1b1b1c;width: 246px;padding: 0px 2px 4px 0;overflow: hidden;height: 100%;}

.hide-left-menu {transition: opacity 0.5s;position:absolute;top: 50%;left: 246px;transform: translateY(-50%);border-radius: 0 8px 8px 0;box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);width: 16px;height: 68px;cursor: pointer;background-color: #1b1b1cdb;}
.hide-left-menu.close {opacity:0;}
.hide-left-menu::before {content:'';position: absolute;width: 2px;height: 60%;background: #ffffff;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);margin-left: -1px;}
.hide-left-menu .tooltip {position:absolute;top: 50%;left: 32px;background-color: #1b1b1c;min-height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 5px;visibility: hidden;pointer-events: none;width: max-content;padding: 0 12px;transform: translateY(-50%);}
.hide-left-menu .tooltip span {display:block;font-family: 'VinnytsiaSans';font-size: 13px;color: #fff;text-align: center;}
.hide-left-menu .tooltip::before {content:'';display:block;position:absolute;top: 10px;left: -4px;width: 10px;height: 10px;background-color: #1b1b1c;transform: rotate(45deg);}

.hide-left-menu-mobver {display:none;}

.show-left-menu {z-index:2;transform: translateX(-280px);transition: all 0.5s ease-in;position:absolute;top: 20px;left: 24px;border-radius: 47px;background-color: #0000006e;width: 52px;height: 52px;cursor: pointer;background-image: url(resources/icon/menu/menu-arrow.svg);background-size: 30px;background-position: 12px 50%;background-repeat: no-repeat;}
.show-left-menu:hover {background-color: #1b1b1c;}
.show-left-menu.enabled {transform: translateX(0px);transition: all 0.5s ease-out;}

.left-menu .logo-head {color: #ffc910;padding: 22px 0 10px 40px;font-size: 30px;line-height: 30px;font-family: 'Lydian', sans-serif;position: relative;}
.left-menu .logo-head span {display:block;}
.left-menu .logo-head img {display: block;position: absolute;width: 24px;top: 14px;left: 9px;}
.left-menu .title-head {font-family: 'Lydian', sans-serif;font-size: 22px;margin-top: 0px;line-height: 23px;color: #ffffffad;padding-bottom: 12px;}
.left-menu .title-head span {display:block;padding-left: 26px;}

.left-menu .scroll-container {overflow-y: auto;height: calc(100% - 56px);padding: 0 12px 20px 16px;}
.left-menu .scroll-container::-webkit-scrollbar {width: 2px;}
.left-menu .scroll-container::-webkit-scrollbar-thumb {background-color: #bfbfbf;border-radius: 9em;box-shadow: inset 1px 1px 10px #bfbfbf;display:none;}
.left-menu .scroll-container:hover::-webkit-scrollbar-thumb {display:block;}

.left-menu .place {margin: 12px 0 24px;position: relative;}
  
.left-menu .place::before {
  content:'';
  display:block;
  background: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='20' height='80' fill='none' stroke='white' stroke-width='2' stroke-dasharray='6 6'>\
    <path d='M10 0 Q0 20 10 40 Q20 60 10 80'/>\
  </svg>") repeat-y;
  background-size: 14px 72px;
  height: 100%;
  width: 20px;
  position: absolute;
  top: 30px;
  left: -6px;
  opacity: 0.4;
  z-index: 0;
  }
  
.left-menu .place.fst--pl::before {top: 30px;}
  
.left-menu .place .header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none;position: relative;z-index: 1;}
.left-menu .place .header .title {display: flex;align-items: center;justify-content: flex-start;flex: 1;min-width: 0;}
.left-menu .place .header .title .nmbr {display: block;font-family: 'VinnytsiaSans';font-weight: 700;font-size: 13px;line-height: 16px;background: #bfbfbf;background: #cbcbcb;width: 32px;text-align: right;padding: 6px 10px 3px 0;border-radius: 0 12px 12px 0;margin-left: -16px;flex-shrink: 0;height: 25px;padding: 0 10px 0 0;line-height: 25px;}
.left-menu .place .header .title .nmbr.active {background: #FDC400;}
.left-menu .place .header .title .name {font-family: 'Lydian';font-family: 'VinnytsiaSans';color: #fff;font-size: 16px;display: block;margin-left: 10px;position: relative;padding-top: 2px;}
.left-menu .place .header .title .dcr {height: 1px;display: block;background: #ffffff8c;flex: 1;margin-right: 10px;margin-left: 10px;}

.left-menu .place .caret {background-image: url(resources/icon/caret/3.svg);background-size: 12px;background-position: 50% 50%;background-repeat: no-repeat;transition: transform 0.3s;display: block;background-color: #ffffff;width: 22px;height: 22px;border-radius: 50%;transform: rotate(0deg);flex-shrink: 0;margin-right: -4px;}
.left-menu .place.open .caret {transform: rotate(180deg);}
.left-menu .place .header:hover .caret {background-color: #fdc400;}
.touchevents .left-menu .place .header:hover .caret {background-color: transparent;}

.left-menu  .collapsible-content {display: block; margin: 0px 0px 0 -16px; padding: 0px 0 22px 42px;}

.left-menu .item_plc {margin-top: 16px;color: #fff;border-radius: 10px;position: relative;}
.left-menu .item_plc.leave {cursor:pointer}
.left-menu .item_plc::before {content:'';display: block;position:absolute;top: 40px;left: -35px;width: 26px;height: 26px;background-color: #4c4c4c;/* background-color: #1b1b1c; */border-radius: 50%;background-image: url(resources/icon/pin/1-wht.svg);background-size: 16px;background-position: 50% 50%;background-repeat: no-repeat;}
.left-menu .item_plc.active::before {background-color: #fdc400;background-image: url(resources/icon/pin/1.svg);width: 24px;height: 24px;}

.left-menu .item_plc::after {content:'';display: block;position:absolute;width: 100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius: 8px;z-index: 2;box-sizing: border-box;border: 2px solid transparent;/* border: 2px solid #ffffff4a; */}
.left-menu .item_plc.active::after{border: 2px solid #fdc400;}

.left-menu .item_plc.leave.item_plc::after {border: 2px solid #ffffff7d;}
.left-menu .item_plc:hover.item_plc.active::after {cursor:default;}
.left-menu .item_plc.active.active::after{border: 2px solid #fdc400;}

.left-menu .item_plc img {width: 100%;/* height: 120px; *//* height: 108px; */display: block;border-radius: 8px;aspect-ratio: 16 / 9;}
.left-menu .item_plc .title {display:block;font-size: 13px;font-family: 'VinnytsiaSans', sans-serif;font-weight: 400;line-height: 1.3;padding: 16px 10px 8px 12px;width: 100%;z-index: 2;position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(#06060600, #06060673, #00000099);background: linear-gradient(#06060600, #0606068f, #000000ba);border-radius: 0 0 8px 8px;}

.left-menu .powered-block {color: #b5b5b5;text-align: left;margin: 12px auto 0 auto;font-family: 'VinnytsiaSans', sans-serif;font-weight: 400;position: relative;}
.left-menu .powered-block .border-top {width: 72%;margin: 22px 0 0 25px;border-top: 2px dotted #9f9f9f;}
.left-menu .powered-block .border-bottom {width: 72%;margin: 22px 0 0 22px;border-top: 2px dotted #9f9f9f;}
.left-menu .powered-block .information {font-size: 12px;padding: 22px 6px 0;line-height: 1.7;}
.left-menu .powered-block .information a{color: #cacaca;}
.left-menu .powered-block .information a:hover{color: #90caf9;}
.left-menu .powered-block .developer {font-size: 12px;padding: 22px 0 0 24px;color: #8b8b8b;}
.left-menu .powered-block .developer a{color: #8b8b8b;display:inline-block;font-size: 16px;margin-top: 4px;text-decoration:none;font-family: 'e-Ukraine-Bold';}
.left-menu .powered-block .developer a:hover {text-decoration:underline;color: #fff;}
.left-menu .powered-block .feedback {font-size: 13px;padding: 22px 2px 0 24px;line-height: 1.5;position: relative;z-index: 2;}
.left-menu .powered-block .feedback a{text-decoration: none;color: #fff;}
.left-menu .powered-block .feedback a:hover {text-decoration: underline;}
.left-menu .powered-block .feedback.bld {font-weight: 700;color: #e9e4e4;}
.left-menu .powered-block .copyright {font-size: 12px;padding: 18px 0 0 24px;line-height: 1.5;}
.left-menu .powered-block .warning {font-size: 12px;padding: 18px 0 0 24px;line-height: 1.5;}
.left-menu .powered-block .warning a{text-decoration: none;color: #fff;}
.left-menu .powered-block .warning a:hover {text-decoration: underline;}
.left-menu .powered-block .feedback.gpg span::before {content:''; display:block;position: absolute;width: 12px;height: 12px;background: #fff;border-radius: 50%;}
.left-menu .powered-block .feedback.gpg span::after {content:''; display:block;position: absolute;width: 12px;height: 12px;background: #fff;border-radius: 50%;}

.left-menu .powered-block::before {content:'';display:block;
  background: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='20' height='80' fill='none' stroke='white' stroke-width='2' stroke-dasharray='6 6'>\
    <path d='M10 0 Q0 20 10 40 Q20 60 10 80'/>\
  </svg>") repeat-y;
  background-size: 14px 72px;height: 100%;width: 20px; position: absolute; top: 30px; left: -6px; opacity: 0.4; z-index: 0;
  }
.left-menu .powered-block::after {content:''; display:block; position: absolute; background-image: url(resources/title-decor.svg); background-color: #1b1b1c; background-repeat: no-repeat; background-position: center; width: 44px; height: 50px; background-size: 22px; top: 6px; left: -17px; z-index: 1;}
.left-menu .powered-block .logo {margin: 16px 0 0 26px;}
.left-menu .powered-block .logo img {display:block;}
.left-menu .powered-block .logo.lg1 {width: 122px;border: 3px solid #fff;}
.left-menu .powered-block .logo.lg2 {width: 122px;}

.slider_wraper::-webkit-scrollbar {width: 0; height: 0;display:none;}
.slider_wraper::-webkit-scrollbar-thumb {display:none;}
.slider {display: none;z-index: 2;position: fixed;left: 0;right: 0;bottom: 0px;background: linear-gradient(180deg,rgb(0 0 0 / 0%),rgb(0 0 0 / 78%));width: 100%;padding: 40px 0 22px 0px;transition: all 0.5s ease-out;pointer-events: none;}
.slider_wraper {position: relative;display: flex;width: 100%;overflow-x: scroll;padding: 3px 0;pointer-events: auto;}
.slider .container {display: flex;flex-shrink: 0;flex-direction: row;flex-wrap: nowrap;align-items: center;margin-left: 22px;margin-right: 22px;gap: 10px;}
.slider .box_img {cursor: pointer;position: relative;border: 1px solid transparent;border-radius: 6px;background: #ffffffde;/* box-shadow: 0px 0px 2px 0 #00000082; */}
.slider .box_img img {border-radius: 5px;display: block;}
.slider .box_img.active {border: 2px solid #ffc910;background: #ffc910;box-shadow: 0 0 0 0px #ffc910;}

.menu_mobile {display: none;}

/*** 1020px *******************/
@media screen and (max-width: 1020px) {
.show-left-menu, .hide-left-menu {display:none;}
.menu_mobile {display: block;position: absolute;background-color: rgb(27 27 28 / 50%);background-image: url(resources/icon/menu/brg-white.svg);background-size: 26px;background-position: 50% 50%;background-repeat: no-repeat;bottom: 116px;left: 22px;border-radius: 50%;width: 52px;height: 52px;z-index: 2;}

.hide-left-menu-mobver {transition: all 0.5s ease-in-out;display:block;opacity:0;position:absolute;top: 20px;left: 300px;border-radius: 50px;width: 50px;height: 50px;cursor: pointer;/* background-color: #fdc400; */background-color: rgb(27 27 28 / 50%);background-image: url(resources/icon/close/white.svg);background-size: 28px;background-position: 50% 50%;background-repeat: no-repeat;/* border: 2px solid #fff; */z-index: 9;transform: translateX(-360px);}
.hide-left-menu-mobver.open {transform: translateX(0px);opacity:1;}

.left-menu {transform: translateX(-320px);box-shadow: none;}
.left-menu.close {transform: translateX(-320px);}
.left-menu.open {transform: translateX(0px);}
.left-menu .wrapper {width: 282px;}
.left-menu .logo-head {font-size: 34px; line-height: 34px; padding: 28px 0 10px 49px;}
.left-menu .logo-head img {width: 30px; left: 13px; top: 21px;}
.left-menu .scroll-container {padding: 0 12px 20px 22px; height: calc(100% - 72px);}
.left-menu .title-head {font-size: 26px; line-height: 24px;}
.left-menu .title-head span {padding-left: 29px;}
.left-menu .place {}
.left-menu .place::before {left: -3px; background-size: 14px 56px;}
.left-menu .place .header {}
.left-menu .place .header .title {}
.left-menu .place .header .title .nmbr {border-radius: 50%; width: 30px; height: 30px; line-height: 30px; margin-left: -11px; padding: 0; text-align: center;}
.left-menu .place .header .title .name {}
.left-menu .place .header .title .dcr {}
.left-menu .place .caret {background-color: transparent; box-shadow: 0 0 0 1px #ffffff38; background-image: url(resources/icon/caret/3-wht.svg);}
.left-menu .collapsible-content {margin: 0px 0px 0 -16px; padding: 0px 0 22px 46px;}
.left-menu .item_plc {}
.left-menu .item_plc::before {left: -39px; top: 46px;}
.left-menu .item_plc img {}
.left-menu .item_plc .title {font-size: 14px;}
.left-menu .item_plc::after {}
.left-menu .powered-block::before {background-size: 14px 56px;}

.slider {display: flex;flex-direction: row;align-items: flex-start;}
.slider.off {transform: translateY(150px);transition: transform 0.5s ease-out;}
.slider .box_img img {width: 110px;height: 66px;object-fit: cover;}
.slider .distance {width: 20px;height: 42px;border-bottom: 3px dotted #fff;color: #fff;text-align: center;font-size: 14px;}
}

/*** 500px *******************/
@media screen and (max-width: 500px) {
.slider {padding: 40px 0 14px 0px;}
.slider .container {margin-left: 16px;margin-right: 16px;}
.slider .box_img img {width: 80px;height: 56px;}
.slider .distance {width: 17px;height: 38px;border-bottom: 2px dotted #fff;font-size: 12px;}
.menu_mobile {bottom: 94px; left: 16px; width: 44px; height: 44px; background-size: 24px;}
.hide-left-menu-mobver {left: auto; right: 22px; width: 40px; height: 40px; background-size: 24px; top: 24px; transform: translateX(90px);}
}


/*** 360px *******************/
@media screen and (max-width: 360px) {
.hide-left-menu-mobver {right: 18px;}
}

/*** 350px *******************/
@media screen and (max-width: 350px) {
.hide-left-menu-mobver {right: -4px;top: -4px;background-color: #4a4a4a;border-radius: 0px 0 0px 32px;z-index: 6;background-size: 26px;width: 56px;height: 50px;background-position: 16px 50%;}
}


/* - !!!!!!!!!!!! - - - 1920px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1910px) {
.show-left-menu {width: 72px;height: 72px;    background-size: 38px;background-position: 18px 50%;}
}

.title-text {transition: transform 0.5s ease-in-out;position: fixed;z-index: 1;top: 0;left:0;right:0;width: 100%;display: flex;justify-content: flex-end;align-items: center;pointer-events: none;}
.title-text .wrap {margin: 22px 0px 0px 0;color: #fff;display: flex;justify-content: flex-start;align-items: center;height: 36px;overflow: hidden;}
.title-text .location {z-index: 1;position: relative;font-size: 18px;font-family: 'Lydian';display:block;text-transform: uppercase;background-color: #fdc400;padding: 0px 16px 0px 16px;color: #000;height: 36px;line-height: 36px;/* border-radius: 44px 0 0 44px; */}
.title-text .location::before {content:'';background-image: url(resources/icon/arrow/long/lft-000.svg);background-repeat: no-repeat;background-size: 20px;background-position: 50%;width: 0;opacity: 0;display: none;}
.title-text .obj {text-shadow: none;z-index: 0;position: relative;font-size: 16px;font-family: 'VinnytsiaSans';line-height: 36px;background-color: #0000006e;padding: 0px 18px 0px 34px;border-radius: 5px 0 0 5px;height: 36px;}
.title-text .obj::before {content: '';display: block;position: absolute;top: 2px;left: 5px;width: 30px;height: 30px;border-radius: 50%;background-image: url(resources/icon/pin/2-wht.svg);background-size: 18px;background-position: 50% 50%;background-repeat: no-repeat;}
.title-text .icon_info {display:none;}

.navigation_scene {position: fixed;z-index: 1;bottom: 24px;left: calc(50% + 50px);transform: translateX(-50%);display: flex;align-items: center;border-radius: 56px;transition: all 0.5s ease-out;}
.navigation_scene.off {bottom: -70px;transition: all 0.5s ease-out;}
.navigation_scene.center-position {left: 50%;transform: translateX(-50%);/* transition: all 0.5s ease-out; */}
.navigation_scene .wrap {background-color: rgb(27 27 28 / 50%);border-radius: 80px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 3px;}
.navigation_scene .icon {border-radius: 50%;width: 34px;height: 34px;background-image: url(resources/icon/arrow/3.svg);/* background-image: url(resources/icon/arrow/long/lft-000.svg); */background-repeat: no-repeat;background-size: 24px;background-position: 50%;transform: scaleX(-1);/* border: 1px solid #fff; */}
.navigation_scene .icon.disabled  {opacity: 0.35;}
.navigation_scene .icon.enabled  {opacity: 1;}
.navigation_scene .icon.enabled:hover {background-color: #0000006b;cursor:pointer;}
.touchevents .icon.enabled:hover {background-color: transparent;}
#button_prev {transform: scaleX(1);}
.navigation_scene .count {display: block;color:#fff;font-family: 'VinnytsiaSans';font-family: 'Lydian';font-weight: 400;font-size: 28px;font-size: 20px;/* line-height: 21px; */text-align: center;margin: 0 6px;flex-shrink: 0;padding-top: 0px;text-shadow: 1px 1px 0px #00000078;min-width: 80px;}
#tooltip-down-menu {position:absolute;top: -47px;left: -52px;background-color: #1b1b1c;height: 34px;display: none;align-items: center;justify-content: center;border-radius: 5px;}
#tooltip-down-menu span {display:block;font-family: 'VinnytsiaSans';font-weight: 400;font-size: 15px;color: #fff;text-align: center;margin: 0 14px;white-space: nowrap;margin-top: 1px;}
#tooltip-down-menu::before {content:'';display:block;position:absolute;top: 29px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background-color:#1b1b1c;transform: translateX(-50%) rotate(45deg);}
.touchevents #tooltip-down-menu {display:none !important;}

#info-ava {position: absolute;width: 88px;height: 88px;border-radius: 50%;bottom: 28px;right: 32px;z-index: 3;background-color: rgb(0 0 0 / 24%);cursor:pointer;}
#info-ava.hover-on {box-shadow: 0 0 0 2px #fdc400;}
#info-ava .icon {position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;border-radius: 50%;transform: translate(-50%, -50%);background-color: #fdc400;background-image: url(resources/icon/book/5.svg);background-repeat: no-repeat;background-size: 44px;background-position: 50%;}

#info-ava::after {display:none;content: "";position: absolute;top: 2px;right: 5px;width: 20px;height: 20px;border-radius: 50%;background: #ffdd09;background-image: url(resources/icon/check/1.svg);background-repeat: no-repeat;background-size: 16px;background-position: 50% 50%;box-shadow: 0 0 0 1px rgb(0 0 0 / 50%);}
#info-ava.check::after {display:block;}

#info-ava.viewed .ripple, #info-ava.viewed .ripple::before, #info-ava.viewed .ripple::after {display:none;}
#info-ava .ripple, #info-ava .ripple::before, #info-ava .ripple::after {position: absolute; top: 50%; left: 50%; height: 88px; width: 88px; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 4s infinite; animation: ripple 4s infinite;}
#info-ava .ripple::before {-webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;}
#info-ava .ripple::after {-webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}


#tooltip-infoava {position:absolute;bottom: 48px;right: 134px;background-color:#1b1b1c;height: 56px;display: none;border-radius: 5px;z-index: 9;}
#tooltip-infoava div {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
#tooltip-infoava span {display:block;font-family: 'VinnytsiaSans';font-weight: 400;font-size: 15px;color: #fff;text-align: center;margin: 0 16px;white-space: nowrap;margin-top: 1px;}
#tooltip-infoava::before {content:'';display:block;position:absolute;top: 50%;right: -5px;width: 10px;height: 10px;background-color:#1b1b1c;transform: translateY(-50%) rotate(45deg);}
.touchevents #tooltip-infoava {display:none !important;}

#sheet-textbot {transform-origin: 88% 100%;opacity: 0;transform: scale(0.2);transition: transform 0.45s cubic-bezier(.4,0,.2,1), opacity 0.3s;height: 460px;width: 420px;position:absolute;bottom: 138px;right: 24px;z-index: 2;max-height: 60%;border-radius: 10px;padding-right: 4px;padding-top: 22px;padding-bottom: 14px;background-color: #fff;box-shadow: 0 0 8px 0 #00000059;pointer-events: none;}
#sheet-textbot::before {content:'';display:block;position:absolute;bottom: -5px;right: 42px;width: 20px;height: 20px;background-color: #f3f3e8;background-color: #fff;transform: rotate(45deg);}
#sheet-textbot .close {position:absolute;width: 28px;height: 28px;top: 12px;right: 12px;background-image: url(resources/icon/close/black.svg);background-size: 20px;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 50%;background-color: #f8f6ed;cursor: pointer;pointer-events: auto;}
#sheet-textbot .close:hover {background-color: #efecd8;}
.touchevents#sheet-textbot .close:hover {background-color: #f8f6ed;}

#sheet-textbot.open {opacity: 1;transform: scale(1);}

#sheet-textbot .content {height:100%;overflow-y: auto;opacity: 0;transition: opacity 0.1s;padding-bottom: 22px;pointer-events: none;}
#sheet-textbot.open .content  {opacity: 1;transition: opacity 0.5s .4s;pointer-events: auto;}

#sheet-textbot .content::-webkit-scrollbar {width: 2px;}
#sheet-textbot .content::-webkit-scrollbar-thumb {background-color: #dbd8c2;border-radius: 9em;box-shadow: inset 1px 1px 10px #dbd8c2;display:none;}
#sheet-textbot .content:hover::-webkit-scrollbar-thumb {display:block;}

#sheet-textbot .title {padding: 0px 24px 0px 24px;margin-top: 8px;}
#sheet-textbot h2 {font-size: 22px;font-family: 'Lydian';font-weight: 400;text-align: left;line-height: 1.25;}
#sheet-textbot p {line-height: 1.45;font-family: 'VinnytsiaSans', sans-serif;font-weight: 400;font-size: 16px;margin: 18px 24px 0;}
#sheet-textbot ul {list-style-type:none;margin-top: 8px;}
#sheet-textbot li {margin-top: 10px;line-height: 1.4;}

/*** 1020px *******************/
@media screen and (max-width: 1020px) {
.navigation_scene {display: none;}

#info-ava {bottom: 116px;width: 52px;height: 52px;right: 22px;background-color: rgb(0 0 0 / 0%);z-index: 3;}
#info-ava .icon {width: 52px;height: 52px;background-size: 28px;background-image: url(resources/icon/info/5.svg);background-color: rgb(27 27 28 / 50%);}
#info-ava.hover-on {box-shadow: 0 0 0 4px #ffffff73;}
#info-ava::after {top: 1px;right: -2px;width: 16px;height: 16px;background-size: 12px;background-color: #ffffff;box-shadow: none;}
#info-ava .ripple, #info-ava .ripple::before, #info-ava .ripple::after {height: 52px;width: 52px;box-shadow: 0 0 0 0 rgb(255 255 255);}
#info-ava .ripple::after {display:none;}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.title-text {background-image: linear-gradient(0deg,rgba(0,0,0,0),rgb(0 0 0 / 71%));display: flex;justify-content: flex-start;padding: 28px 28px 22px 28px;align-items: stretch;}
.title-text .wrap {margin: 0 0 0 6px;display: flex;flex-direction: column-reverse;height: auto;align-items: flex-start;justify-content: center;gap: 4px;overflow: visible;}
.title-text .obj {padding: 0;height: auto;line-height: 1.2;padding: 0 5px 0 0;background: none;font-size: 18px;font-weight: 700;border-radius: 0;}
.title-text .obj::before {display:none;}
.title-text .location {line-height: 1.2;padding: 0;height: auto;background: none;color: #fff;font-size: 18px;font-family: 'VinnytsiaSans';}
.title-text .icon_info {display:block;width: 54px;height: 64px;flex-shrink: 0;}
.title-text .icon_info .logo {display:block;background-image: url(resources/title-decor-white.svg);background-repeat: no-repeat;background-position: center;background-size: 40px;width: 100%;height: 100%;}

#sheet-textbot {bottom: 186px; right: 18px;transform-origin: 94% 100%;}
#sheet-textbot::before {right: 20px;}
#sheet-textbot h2 {font-size: 24px;}
}


/*** 500px *******************/
@media screen and (max-width: 500px) {
#info-ava {bottom: 94px;width: 44px;height: 44px;right: 16px;}
#info-ava::after {top: 1px; right: -1px; width: 14px; height: 14px; background-size: 12px;}
#info-ava .icon {width: 44px;height: 44px;background-size: 26px;}
#info-ava .ripple, #info-ava .ripple::before, #info-ava .ripple::after {height: 46px;width: 46px;}

.title-text {padding: 22px 22px 22px 12px;}
.title-text .wrap {padding: 2px 0 0 0;}
.title-text .obj {font-size: 16px;}
.title-text .location {font-size: 16px;}
.title-text .icon_info {width: 54px;height: 66px;}
.title-text .icon_info .logo {background-size: 40px;}

#sheet-textbot {bottom: 156px;right: 14px;height: calc(100dvh - 200px);width: calc(100% - 30px);max-height: 100%;max-width: 100%;transform-origin: 95% 100%;}
#sheet-textbot.open {}
#sheet-textbot::before {right: 14px;}
#sheet-textbot .wrap {}
#sheet-textbot.open .wrap {}
#sheet-textbot .title {}
#sheet-textbot h2 {
    line-height: 1.1;
}
#sheet-textbot p {}
}

/*** 350px *******************/
@media screen and (max-width: 350px) {
#sheet-textbot.open {height: calc(100dvh - 180px);}
}

/* - !!!!!!!!!!!! - - - 1920px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1910px) {
#info-ava {width: 98px;height: 98px;}
#info-ava .icon {width: 90px;height: 90px;background-size: 48px;}
#info-ava .ripple, #info-ava .ripple::before, #info-ava .ripple::after {height: 98px;width: 98px;}
#tooltip-infoava {bottom: 53px;right: 144px;}
#info-ava::after {top: 2px;right: 8px;width: 22px;height: 22px;}
#sheet-textbot {bottom: 144px;right: 29px;height: 500px;width: 480px;max-height: 70%;}
#sheet-textbot h2 {font-size: 28px;    line-height: 1.2;}
#sheet-textbot p {line-height: 1.4;font-size: 18px;}
.title-text .wrap {height: 42px;}
.title-text .location {height: 42px;line-height: 42px;    font-size: 20px;}
.title-text .obj {height: 42px;line-height: 42px;    font-size: 18px;}
.title-text .obj::before {background-size: 20px;top: 4px;}
.navigation_scene {left: calc(50% + 50px);bottom: 32px;}
}

.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(resources/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(resources/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(resources/icon/way/left-white.svg);background-size: 14px;background-position: 50%;}
.arrow_right_0x {background-image: url(resources/icon/way/left-white.svg);background-size: 14px;background-position: 50%;transform: scaleX(-1);}

.arrow_left_1x {background-image: url(resources/icon/way/left-white.svg);background-size: 16px;background-position: 50%;}
.arrow_right_1x {background-image: url(resources/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);}
}