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

.title-text-boss{transition: transform 0.5s ease-in-out;position: fixed;z-index: 1;top:0;left:0;right:0;width: 100%;min-height: 50px;background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4));}
.title-text-boss .wrap {margin: 30px 76px 32px 316px;text-align: center;transition: margin 0.5s ease-out;width: auto;}
.title-text-boss.center-position .wrap {margin: 30px 96px 32px 96px;transition: margin 0.5s ease-out;}
#title_text {font-size: 20px;color: #fff;font-weight: 700;text-shadow: 1px 1px 0px #000000a6;line-height: 1.5;text-align: center;font-family: 'e-UkraineHead', sans-serif;}

.navigation_scene {position: fixed;transition: all 0.5s ease-out;z-index: 1;bottom: 26px;left: calc(50% + 120px);transform: translateX(-50%);display: flex;align-items: center;}
.navigation_scene.center-position {left: 50%;transform: translateX(-50%);transition: all 0.5s ease-out;}
.navigation_scene .wrap {display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 8px;}
.navigation_scene .icon {opacity: 1;border-radius: 34px;width: 44px;height: 44px;background-image: url(resources/icon/chevron/shevron-bold-white.svg);background-repeat: no-repeat;background-size: 26px;background-position: 10px 50%;overflow: hidden;border-radius: 50%;background-color: rgb(30 43 66 / 70%);}
.navigation_scene .icon.disabled  {opacity: 0.5;}

.navigation_scene .icon.enabled:hover {cursor:pointer;background-color: #1e2b42;box-shadow: 0 0 0 1px #fff;}
#button_prev {transform: scaleX(-1);}
.touchevents .navigation_scene .icon.enabled:hover {background-color: rgb(30 43 66 / 70%);box-shadow: none;}

#tooltip-down-menu {position:absolute;left: -52px;bottom: 82px;background-color: #1e2b42;height: 32px;display: none;align-items: center;justify-content: center;border-radius: 5px;z-index: 9;}
#tooltip-down-menu span {display:block;font-family: Helvetica;font-size: 13px;color: #fff;text-align: center;margin: 0 14px;white-space: nowrap;}
#tooltip-down-menu::before {content:'';display:block;position:absolute;top: 27px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background-color:#1e2b42;transform: translateX(-50%) rotate(45deg);}
.touchevents #tooltip-down-menu {display:none !important;}

.control_menu {position: fixed;transition: all 0.5s ease-out;z-index: 1;bottom: 26px;left: 280px;display: flex;align-items: center;}
.control_menu.center-position {left: 30px;transition: all 0.5s ease-out;}

.control_menu .button {width: 44px;height: 44px;background: rgb(30 43 66 / 70%);border-radius: 50%;background-repeat: no-repeat;margin: 0 4px;}
.control_menu .button:hover {cursor:pointer;background-color: #1e2b42;box-shadow: 0 0 0 1px #fff;}
.control_menu .home {background-image: url(resources/icon/home/1-white.svg);background-size: 20px;background-position: 50% 11px;}
.control_menu .fullscreen.on {background-image: url(resources/icon/fullscreen-on.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .fullscreen.off {background-image: url(resources/icon/fullscreen-off.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-in {background-image: url(resources/icon/zoom/zoom-in.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-out {background-image: url(resources/icon/zoom/zoom-out.svg);background-size: 20px;background-position: 50% 50%;}

.left-menu {position: fixed;top: 0;left: 0;height: 100%;z-index: 4;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-wrap {background: #1E2B42;width: 246px;padding: 24px 4px 4px 0;overflow: hidden;height: 100%;}

.hide-left-menu {position:absolute;top: 20px;left: 230px;border-radius: 47px;/* box-shadow: 0px 0px 0px 1px #2b4439; */width: 30px;height: 30px;cursor: pointer;background-color: #ffffff;background-image: url(resources/icon/close/close-black.svg);background-size: 18px;background-position: 50% 50%;background-repeat: no-repeat;}
.hide-left-menu:hover {background-size: 22px;}
.hide-left-menu .tooltip {position:absolute;top: 0px;left: 46px;background-color: #1e2b42;min-width: 120px;min-height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 5px;visibility: hidden;}
.hide-left-menu .tooltip span {display:block;font-family: Helvetica;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: #1e2b42;transform: rotate(45deg);}

.hide-left-menu-mobver {display:none;position:absolute;top: 20px;left: 264px;border-radius: 50px;width: 36px;height: 36px;cursor: pointer;background-color: #ffffff;background-image: url(resources/icon/close/close-black.svg);background-size: 22px;background-position: 50% 50%;background-repeat: no-repeat;}

.show-left-menu {z-index:2;transform: translateX(-280px);transition: transform 0.5s ease-in;position:absolute;top: 20px;left: 20px;border-radius: 47px;background-color: #1e2b42c9;width: 52px;height: 52px;cursor: pointer;background-image: url(resources/icon/menu/me1.svg);background-size: 30px;background-position: 12px 50%;background-repeat: no-repeat;}
.show-left-menu:hover {background-color: #1e2b42;box-shadow: 0 0 0 4px #ffffff5c;/* box-shadow: 0 0 0 4px #CBA22F; */}
.show-left-menu.enabled {transform: translateX(0px);transition: transform 0.5s ease-out;}

.left-menu-title {color: #ffffff;margin: 0 14px 8px 16px;padding-bottom: 16px;border-bottom: 2px solid #fff;}
.left-menu-title .position{font-size: 14px;margin-bottom: 16px;line-height: 15px;font-family: 'e-Ukraine';font-weight: 400;}
.left-menu-title .name{font-size: 18px;line-height: 33px;font-family: 'e-UkraineHead', sans-serif;text-transform: uppercase;line-height: 1.5;font-weight: 500;}
.left-menu-title span{display:block;}

.left-menu-wrap .scroll-container {overflow-y: auto;height: calc(100% - 142px);padding: 0 11px 20px 16px;}
.left-menu-wrap .scroll-container::-webkit-scrollbar {width: 3px;}
.left-menu-wrap .scroll-container::-webkit-scrollbar-thumb {background-color: #547281;border-radius: 9em;box-shadow: inset 1px 1px 10px #547281;visibility: hidden;}
.left-menu-wrap .scroll-container:hover::-webkit-scrollbar-thumb {visibility: visible;}

.left-menu-wrap .links-menu {overflow: hidden;border-bottom: 1px solid #abb0b8;margin-bottom: 22px;margin-top: 6px;}
.left-menu-wrap .links-menu span:hover {cursor:pointer;text-decoration: underline;}
.left-menu-wrap .links-menu .link {display: block;font-size: 12px;color:#fff;line-height: 1.4em;padding-bottom: 15px;text-decoration: none;padding-left: 25px;position: relative;font-family: 'e-Ukraine', sans-serif;font-weight: 300;}
.left-menu-wrap .links-menu .link.info {border-bottom: 1px solid #ffffff9e;margin-bottom: 11px;}
.left-menu-wrap .links-menu .link.info:after {content: '';display: block;width: 18px;height: 18px;background-image: url(resources/icon/info/info.svg);background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;position: absolute;top: -1px;left: 1px;}
.left-menu-wrap .links-menu .link.map::after {content: '';display: block;width: 24px;height: 24px;background-image: url(resources/icon/map.svg);background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;position: absolute;top: -4px;left: -2px;}
.left-menu-wrap .links-menu .link.faq::after {content: '';display: block;width: 18px;height: 18px;background-image: url(resources/icon/faq/faq.svg);background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;position: absolute;top: -1px;left: 1px;}

.item_div {margin-top: 16px;color: #fff;border-radius: 10px;position: relative;overflow: hidden;}
.item_div.leave {cursor:pointer}
.item_div::after {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius: 10px;z-index: 2;box-sizing: border-box;border: 4px solid transparent;}
.item_div.active:after{border: 3px solid #CBA22F;}
.item_div.leave.item_div::after {border: 3px solid #009652;border: 3px solid #CBA22F;}
.item_div:hover.item_div.active::after {cursor:default;}

.item_div img {width: 100%;height: auto;display: block;border-radius: 10px;aspect-ratio: 309/183;object-fit: cover;}
.item_div .title {display:block;font-size: 12px;font-family: 'e-Ukraine', sans-serif;font-weight: 400;line-height: 1.38em;padding: 16px 10px 12px 12px;width: 100%;z-index: 2;position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(#06060600, #06060699, #000000c2);border-radius: 0 0 10px 10px;}
.item_div .count {display: flex;position: absolute;top: 9px;right: 9px;width: 22px;height: 22px;border-radius: 20px;color: #fff;font-size: 11px;font-family: 'e-Ukraine';font-weight: 400;align-items: center;justify-content: center;box-shadow: 0 0 0 1px #fff;z-index: 2;}
.item_div.active .count {background-color: #1976d2;}

.left-menu .glaz {position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background-color:#fff;border-radius: 18px;background-image: url(resources/icon/user.svg);background-size: 12px;background-position: center;background-repeat: no-repeat;box-shadow: 1px 1px 3px #00000047;z-index: 4;cursor: default;}

.left-menu .powered-block {color: #cacaca;text-align: center;margin: 28px auto 0 auto;margin: 12px auto 0 auto;font-family: 'e-Ukraine', sans-serif;font-weight: 300;}
.left-menu .powered-block .border-top {width: 72%;margin: 22px auto 0;border-top: 2px dotted #9f9f9f;}
.left-menu .powered-block .border-bottom {width: 72%;margin: 0 auto 30px;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 0;color: #cacaca;}
.left-menu .powered-block .developer a{color: #cacaca;display:block;font-size: 16px;margin-top: 4px;text-decoration:none;font-weight: 700;}
.left-menu .powered-block .developer a:hover {text-decoration:underline;color: #fff;}
.left-menu .powered-block .feedback {font-size: 12px;padding: 22px 4px 0;line-height: 1.7;}
.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 .copyright {font-size: 12px;padding: 18px 0 0 0;line-height: 1.5;}
.left-menu .powered-block .warning {font-size: 12px;padding: 18px 0 0 0;line-height: 1.6;}

.mobile-menu {display:none;position: fixed;left: 0;z-index: 3;justify-content: space-between;align-items: flex-end;transition: all 0.5s ease-out;bottom: 30px;left: 30px;}
.mobile-menu .button {border-radius: 50%;background-repeat: no-repeat;background-color: rgb(30 43 66 / 70%);}
.mobile-menu .menu {background-image: url(resources/icon/menu/bar-chart.svg);}
.mobile-menu .wrap {display: flex;align-items: flex-end;justify-content: space-between;}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MOBILE DOWN  ------------------------------ */

/*** 1010px  (!!!! for 962) *******************/
@media screen and (max-width: 1010px) {
.title-text-boss{background-image: linear-gradient(0deg,rgba(0,0,0,0),rgb(0 0 0 / 49%));}
.title-text-boss .wrap {margin: 30px 30px 30px 38px;text-align: left;}
.title-text-boss.center-position .wrap {margin: 30px 34px 32px 30px;text-align: left;}
#title_text {font-size: 18px;text-align: left;}
.left-menu-wrap {width: 282px;padding: 28px 4px 4px 4px;}
.left-menu {transform: translateX(-320px);box-shadow: none;}
.left-menu-wrap .scroll-container {height: calc(100% - 138px);padding: 0px 11px 40px 16px;}
.left-menu-wrap .links-menu {margin-bottom: 22px;}
.left-menu.close {transform: translateX(-320px);}
.left-menu-title .name {font-size: 20px;line-height: 28px;}
.left-menu-title .position {font-size: 15px;}
.left-menu-wrap .links-menu .link {font-size: 13px;}
.show-left-menu, .hide-left-menu {display:none;}
.item_div .title {font-size: 14px;padding: 16px 12px 16px 16px;}
.item_div img {height: 150px;height: auto;aspect-ratio: 212/132;}
.item_div:hover.item_div:after {border: 2px solid transparent;}
.item_div:hover.item_div.active:after {border: 2px solid #fff;}
.left-menu .powered-block .information {font-size:13px;}
.left-menu .powered-block .feedback {font-size:13px;}
.left-menu .powered-block .warning {font-size:13px;}
.left-menu .powered-block .copyright {font-size:13px;}
.left-menu .powered-block .developer {font-size:13px;}
.left-menu .powered-block .developer a {font-size: 18px;}
.navigation_scene {left: 50%;}
.control_menu {display:none;}
.mobile-menu {display:flex;}
.mobile-menu .button {width: 56px;height: 56px;}
.mobile-menu .menu {background-size: 28px;background-position: 50% 50%;}
}


/* 540px */
@media screen and (max-width: 540px) {
.title-text-boss .wrap {margin: 22px 30px 30px 22px;}
#title_text {font-size: 16px;line-height: 1.5;text-shadow: none;}
.mobile-menu {bottom: 18px;left: 16px;}
.navigation_scene {bottom: 18px;}
.mobile-menu .menu {width: 44px;height: 44px;background-size: 22px;}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.mobile-menu {bottom: 18px;left: 18px;}
.navigation_scene {bottom: 18px;}
.navigation_scene .wrap {gap:6px;}
.navigation_scene .icon {width: 40px;height: 40px;background-size: 22px;}
}

/*** 362px (!!!! for 360) ***********************/
@media screen and (max-width: 362px) {
.title-text-boss .wrap {margin: 18px 28px 32px 18px;}
}

/*** 343px (!!!! for 342) ***********************/
@media screen and (max-width: 343px) {
#title_text {font-size: 14px;}
}


.guide-bar-wrap {z-index: 2;position:absolute;right: 30px;top: 50%;display: flex;flex-direction: column;align-items: center;gap: 8px;transform: translateY(-50%);}
.guide-bar-wrap .icon {border-radius: 50%;width: 44px;height: 44px;background-color: rgb(30 43 66 / 70%);background-repeat: no-repeat;}
.guide-bar-wrap .icon:hover {cursor: pointer;background-color: #1e2b42;box-shadow: 0 0 0 1px #fff;}
.touchevents .guide-bar-wrap .icon:hover {background-color: rgb(30 43 66 / 70%);box-shadow:none;}

.guide-bar-wrap .tooltip {position:absolute;top: 9px;right: 56px;background-color: #1e2b42;min-height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 5px;color: #fff;pointer-events: none;font-family: Helvetica;font-size: 13px;width: max-content;padding: 0 12px;}
.guide-bar-wrap .tooltip span {display:block;font-family: Helvetica;font-size: 13px;color: #fff;text-align: center;}
.guide-bar-wrap .tooltip::before {content:'';display:block;position:absolute;top: 10px;right: -4px;width: 10px;height: 10px;background-color: #1e2b42;transform: rotate(45deg);}

#guide_bar {position:relative;}
.guide_point{background-image: url(resources/icon/audio/headphones.svg);background-size: 20px;background-position: 50% 11px;}
#text_guide {display:none;}
#text_guide.view {display:flex;}
.touchevents #text_guide {display:none !important;}

.guide_point.on::before,
.guide_point.on::after {content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #fff; transform: translate(-50%, -50%) scale(1); opacity: 0; transition: opacity 0.3s ease-in-out; aspect-ratio: 1 / 1;}

.guide_point.on::before {animation: pulse-animation 1.2s infinite ease-out;}
.guide_point.on::after {animation: pulse-animation 1.2s infinite ease-out 0.6s;}
@keyframes pulse-animation {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0.9;}
    100% {transform: translate(-50%, -50%) scale(1.5);opacity: 0;}
}

#sound {position:relative;}
#sound.off {background-image: url(resources/icon/audio/sound-off.svg);background-size: 16px;background-position: 50% 50%;}
#sound.on {background-image: url(resources/icon/audio/sound-on.svg);background-size: 16px;background-position: 50% 50%;background-color: rgb(203 162 47);}
#text_sound_on, #text_sound_off {display:none;}
#text_sound_on.view, #text_sound_off.view {display:flex;}
.touchevents #text_sound_on, .touchevents #text_sound_off {display:none !important;}

.bookinfo-button {position:relative;}
.bookinfo-button div {background-image: url(resources/icon/info/mono-white.svg);background-size: 36px;background-position: 50%;}
#text_bookinfo {display:none;}
#text_bookinfo.view {display:flex;}
.touchevents #text_bookinfo {display:none !important;}

#map {position:relative;}
#map_button {background-repeat: no-repeat;background-image: url(resources/icon/map/map-stroke.svg);background-size: 18px;background-position: 50% 50%;}
#text_map {display:none;}
#text_map.view {display:flex;}
.touchevents #text_map {display:none !important;}

/* DOWN  ------------------------------ */

/* 540px */
@media screen and (max-width: 540px) {
.guide-bar-wrap {right: 16px;}
}

/* 362px */
@media screen and (max-width: 362px) {
.guide-bar-wrap {right: 16px;}
}

#mapbox {position: absolute; top: 50%; left: 50%; width: 100%; height: 100dvh; z-index: 99; background-color: #000000a1; transform: translate(-50%, -50%); display:none; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
#mapbox .shade {position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;}
#mapbox .wrap {position: absolute; top: 50%; left: 50%; width: max-content; max-width: calc(90% - 52px); height: 90dvh; background-color: #ffffff; transform: translate(-50%, -50%); display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 22px 34px 22px 22px; gap: 42px; border-radius: 8px;}
#mapbox .img {width: 80%; height: 100%; display: flex; justify-content: center; align-items: center;}
#mapbox .img img {width: 100%; height: 100%; object-fit: contain;}
#mapbox .list {display: flex; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; flex-direction: column; font-size: clamp(14px, 1.1cqw, 44px); height: 100%; overflow-y: auto; padding-right: 18px;}
#mapbox ul{list-style: none;margin: 0;display: block;margin-top: 7%;}
#mapbox li{margin: 0;padding: 0;margin-top: 14px;font-size: clamp(16px, 1.1cqw, 54px);font-weight: 300;}
#mapbox li.ttl {line-height: 1.4;font-weight: 700;font-size: clamp(18px, 1.14cqw, 62px);}
#mapbox .pano:hover {cursor:pointer;text-decoration:underline;}
#mapbox .list::-webkit-scrollbar {width: 3px;}
#mapbox .list::-webkit-scrollbar-thumb {background-color: #e0e0e0; border-radius: 9em; box-shadow: inset 1px 1px 10px #e0e0e0;}
#close_map {position: absolute;top: 18px;right: 18px;width: 54px;height: 54px;transform:scale(1);transition: transform 0.2s ease;background-repeat: no-repeat;background-image: url(resources/icon/close/normal-white.svg);background-size: 50px;background-position: 50%;}
#close_map:hover {cursor:pointer;  transform:scale(1.2);}

@media screen and (orientation: portrait) {
#mapbox .wrap {display: flex; flex-direction: column; overflow-y: auto; justify-content: flex-start; padding-right: 0; width: calc(100% - 32px); max-width: none; height: calc(100% - 32px); align-items: center; padding: 22px 18px 32px 18px; gap: 12px;}
#mapbox .wrap::-webkit-scrollbar {width: 3px;}
#mapbox .wrap::-webkit-scrollbar-thumb {background-color: #9e9e9e; border-radius: 9em; box-shadow: inset 1px 1px 10px #9e9e9e;}
#mapbox .img {width: 100%; height: auto;}
#mapbox .img img {width: 100%; height: auto;}
#mapbox .list {padding: 0;height: auto;overflow: auto;}
#mapbox ul {margin: 0;}
#close_map {background-image: url(resources/icon/close/normal-black.svg);}
}

.door {background-repeat: no-repeat;background-image: url(resources/icon/way/doors-white.svg);border: 2px solid #fff;background-color: #1E2B42;border-radius: 50%;pointer-events: auto;}
.door.left_view {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.door.x36 {width: 36px;height: 36px;background-size: 16px;background-position: 7px 50%;box-shadow: 0 0 0 6px #ffffff36;}
.door.x40 {width: 40px;height: 40px;background-size: 18px;background-position: 8px 50%;box-shadow: 0 0 0 6px #ffffff36;}
.door.x50 {width: 50px;height: 50px;background-size: 22px;background-position: 10px 50%;box-shadow: 0 0 0 7px #ffffff36;}
.door.x60 {width: 60px;height: 60px;background-size: 26px;background-position: 13px 50%;box-shadow: 0 0 0 8px #ffffff36;}

.hs {display:block;background:#1E2B42;position: relative;top: 0;left: 0;background-repeat: no-repeat;border:2px solid #fff;}
.hs.x05 {width: 36px;height: 36px;border-radius:20px;}
.hs.x0 {width:40px;height:40px;border-radius:20px;}
.hs.x1 {width:46px;height:46px;border-radius:25px;}
.hs.x2 {width:54px;height:54px;border-radius:30px;}
.hs.x3 {width:64px;height:64px;border-radius:36px;}

.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.x05 {width:38px;height:38px;}
.hs-anime.x0 {width:42px;height:42px;}
.hs-anime.x1 {width:48px;height:48px;}
.hs-anime.x2 {width:56px;height:56px;}
.hs-anime.x3 {width:66px;height:66px;}

.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);}
}

.stairs_x05 {background-image: url(resources/icon/way/stairs_white.svg);background-size: 17px;background-position: 8px 8px;}
.stairs_x0 {background-image: url(resources/icon/way/stairs_white.svg);background-size: 20px;background-position: 9px 9px;}
.stairs_x1 {background-image: url(resources/icon/way/stairs_white.svg);background-size: 22px;background-position: 11px 11px;}
.stairs_x2 {background-image: url(resources/icon/way/stairs_white.svg);background-size: 24px;background-position: 14px 14px;box-shadow: 0 0 0 8px #ffffff36;}

.viewleft_x05, .viewleft_x0, .viewleft_x1, .viewleft_x2 {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.down_view_x05, .down_view_x0, .down_view_x1, .down_view_x2 {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.down_viewleft_x05, .down_viewleft_x0, .down_viewleft_x1, .down_viewleft_x2 {-webkit-transform: rotate(-90deg) scaleX(-1);transform: rotate(-90deg) scaleX(-1);}

.photo_point{pointer-events:auto;border-radius: 50%;box-shadow: 0 0 0 6px #ffffff33;overflow: hidden;width: 30px;height: 30px;background-color: #1E2B42;background-image: url(resources/icon/zoom/loupe.svg);background-size: 15px;background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.photo_point:hover {box-shadow: 0 0 0 8px #ffffff66;}

.steel_point{pointer-events:auto;border-radius: 12px;border: 2px solid #fff;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;width: 42px;height: 42px;background-color: #CBA22F;background-image: url(resources/icon/sword.svg);background-size:28px;background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.steel_point:hover {box-shadow: 0 0 0 5px #ffffff8a;}

.book_point{pointer-events:auto;border-radius: 12px;border: 2px solid #fff;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;width: 42px;height: 42px;background-color: #CBA22F;background-image: url(resources/icon/book/book.svg);background-size:28px;background-position: 50% 6px;background-repeat: no-repeat;box-sizing: content-box;}
.book_point:hover {box-shadow: 0 0 0 5px #ffffff8a;}

.video_point{pointer-events:auto;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 0 0 6px #ffffff44;overflow: hidden;width: 30px;height: 30px;background-color: #1E2B42;background-image: url(resources/icon/play-white.svg);background-size: 12px;background-position: 10px 50%;background-repeat: no-repeat;box-sizing: content-box;}
.video_point:hover {box-shadow: 0 0 0 8px #ffffff66;}

.pin {width: 54px; height: 68px;}
.pin img{width: 100%;height: 100%;object-fit: contain;}

.air_photo_hs {width: 100px;height: 100px;overflow: hidden;background: #fff;border-radius: 80px;border: 4px solid #078049;border: 4px solid #fff;box-shadow: 0 0 0px 0px #078049;}
.air_photo_hs:after {content:'';display:block;position:absolute;top:-5px;left:-5px;width: 106px;height: 106px;border: 2px solid #fff;border-radius: 80px;}
.air_photo_hs img {height: 100%;}

.air-tltp {position: relative;border-radius: 20px;padding: 2px;border: 2px solid #fff;}
.air-tltp .title {background-color: #ffffff;position: relative;padding: 12px 14px 12px 14px;font-size: 13px;font-family: 'e-UkraineHead',sans-serif;font-weight: 700;line-height: 1.4;color: #093227;border-radius: 18px;}

.land_point{width: 30px; height: 30px; width: 36px; height: 46px; height: 36px; border-radius: 80px; border: 4px solid #fff; -webkit-animation: anime_bk 2.0s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: anime_bk 2.0s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
.land_point .cirkle {position:absolute; top: -8px; left: -8px; width: 42px; height: 42px; width: 52px; height: 52px; border: 2px solid #fff; box-shadow: 0 0 10px 0px #0000008c; border-radius: 80px;
  -webkit-animation: anime_point 2.0s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: anime_point 2.0s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes anime_bk {
  0% {background-color: #CBA22F00;}
  30% {background-color: #CBA22F;}
  60% {background-color: #CBA22F00;}
  100% {background-color: #CBA22F00;}
}

@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);}
}