/* e-Ukraine-regular 400 */
@font-face {
  font-family: 'e-Ukraine-regular';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Regular.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Regular.woff') format('woff');
}

/* e-Ukraine-Bold 700 */
@font-face {
  font-family: 'e-Ukraine-Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Bold.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Bold.woff') format('woff');
}

/* e-Ukraine-Light 300 */
@font-face {
  font-family: 'e-Ukraine-Light';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Light.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Light.woff') format('woff');
}

/* e-Ukraine-Thin */
@font-face {
  font-family: 'e-Ukraine-Thin';
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('resources/fonts/e-Ukraine-Thin.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Thin.woff') format('woff');
}

/* e-UkraineHead-Regular 400 */
@font-face {
  font-family: 'e-UkraineHead-Regular';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-UkraineHead-Regular.woff') format('woff');
}

/* e-UkraineHead-Bold 800 */
@font-face {
  font-family: 'e-UkraineHead-Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('resources/fonts/e-UkraineHead-Bold.woff') format('woff');
}

/* e-UkraineHead-Medium 700 */
@font-face {
  font-family: 'e-UkraineHead-Medium';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('resources/fonts/e-UkraineHead-Medium.woff') format('woff');
}

html {height:100%;overflow: hidden;}
body {height:100%;overflow: hidden;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height: 1.2;color:#494949;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
div, p, span, h1, h2, h3, h4, ol {vertical-align: baseline;margin:0;padding:0;box-sizing: border-box;}
*{margin:0; padding:0;}
img{max-width: 100%;vertical-align:middle;}
.blk{display:block;}
.hide{display:none;}
a {color:#3a84df;outline:none;}
a:hover {color:#b22222;}
a:focus {outline:none;}
.nozo {touch-action: pan-x pan-y;-webkit-touch-callout: none; -khtml-user-select: none;}
.nobr {white-space: nowrap;}
.unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
::-webkit-scrollbar {width: 0;height: 0;}

#unsupported {position:fixed;top:0;left:0;right:0;bottom:0;background-color: #eceff1;z-index:99999;display: none;align-items: center;justify-content: center;}
#unsupported span {display:block;font-family: 'e-Ukraine-Light';font-size: 18px;color: #37474f;width: 70%;text-align: center;line-height: 1.5;}

#no-fullscreen {position:fixed;top:0;left:0;right:0;bottom:0;background-color: #00000052;z-index:99999;display: none;}
#no-fullscreen .container {display: flex;align-items: center;justify-content: center;width:100%;height:100%;}
#no-fullscreen .wrap {background-color: #303030;display: flex;flex-direction: column;align-items: center;padding: 30px 32px 26px 32px;border-radius: 14px;}
#no-fullscreen span {display:block;font-family: 'e-Ukraine-Light';font-size: 15px;color: #ffffff;text-align: center;line-height: 1.6;}
#no-fullscreen .close {background-image: url(resources/icon/close-white.svg);background-size: 22px;background-position: 50% 50%;background-repeat: no-repeat;width: 36px;height: 36px;border-radius: 40px;margin-top: 26px;background-color: #546e7a73;}
#no-fullscreen .close:hover {cursor:pointer;border: 1px solid #ffffff63;}

.landscape_mode{width:100%;height:100%;background: #171717;position:fixed;overflow:hidden;top:0;left:0;bottom:0;right:0;z-index: 9999999;display:none;}
.landscape_mode .wrapper {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;height: 100%;}
.landscape_mode span {font-family: 'e-Ukraine-Light';font-size: 16px;color: #fff;}
.landscape_mode img {width: 90px;margin-top: 38px;}

#oculus-baffle {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: #000000;}

.intro-boss {background-color:#3A4646;z-index: 9999;overflow: hidden;width:100%;height:100%;position: fixed;top: 0;left: 0;right:0;bottom:0;color: #fff;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: space-between;padding: 20px 20px 20px 20px;}
.intro-boss .topside {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.intro-boss .topside .mdmu {width: 180px;}
.intro-boss .topside .lang {display: flex;flex-direction: row;align-items: center;}
.intro-boss .lang span {display: block;line-height: 1;color: #7F8787;}
.intro-boss .lang div {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 40px;font-family: 'e-UkraineHead-Regular';border: 2px solid transparent;font-size: 12px;}
.intro-boss .lang a {display: block;color: #7F8787;text-decoration: none;line-height: 1;}
.intro-boss .lang .active {border: 2px solid #7F8787;}
.intro-boss .title {width: 100%;}
.intro-boss .title .description {font-size: 15px;line-height: 1;color:#878787;font-family: 'e-Ukraine-regular';}
.intro-boss .title .lang {display: none;}
.intro-boss .data {margin-top: 12px;}
.intro-boss .data .title-img .desktop {display:none;}
.intro-boss .title .right {display:none;}
.intro-boss .underside {z-index: 2;line-height: 1;font-size: 12px;color: #7F8787;width: 100%;font-family: 'e-Ukraine-Thin';text-align: center;}
.intro-boss .underside a {color: #ffffff;text-decoration:none;}
.intro-boss .underside .developed {display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;font-size: 12px;margin-top: 10px;flex-direction: column;}
.intro-boss .underside .developed .dev_2 {margin-top: 6px;}
.intro-boss .partner {display: flex;justify-content: space-between;align-items: center;padding: 0 12px;margin-top: 30px;}
.intro-boss .partner .mdmu {display:none;}
.intro-boss .partner .prm {height: 34px;}
.intro-boss .partner .ems {height:18px;margin-top: -3px;}
.intro-boss .partner .imrs {height: 12px;}
.intro-boss .button-wrap {margin-top: 36px;}
.intro-button {background-color: #C43520;width: 100%;height: 52px;display: flex;align-items: center;justify-content: space-between;border-radius: 80px;padding: 0 24px 0 30px;border: 2px solid #C43520;}
.intro-button span{display: block;color: #fff;font-family: 'e-Ukraine-Light';font-size: 14px;}
.intro-button img {width: 18px;}
.intro-button.about {border: 2px solid #7F8787;background-color: transparent;margin-top: 12px;}
.intro-button.about span {color:#7F8787;}
.intro-boss .promo-vr {position: absolute;display: none;z-index: 2;}

@media screen and (max-width: 330px) {
.intro-boss {padding: 18px;}
.intro-boss .lang div {width: 36px;height: 36px;}
.intro-boss .topside .mdmu {width: 170px;}
.intro-button {height: 44px;}
.intro-button span {font-size: 12px;}
.intro-boss .partner {display:none;}
.intro-boss .title .description {font-size: 13px;text-align: center;}
.intro-boss .title-img {width: 260px;margin: 0 auto;}
.intro-button img {width: 16px;}
.intro-boss .underside .developed {font-size: 12px;}
}

@media screen and (max-width: 320px) and (max-height: 460px) and (orientation: portrait) {
.intro-boss .title .description {display:none;}
}

@media screen and (max-width: 480px) and (max-height: 640px) and (orientation: portrait) {
.intro-boss .partner {display:none;}
}

@media screen and (min-width: 372px) {
.intro-boss {padding: 20px 28px;}
}

/* - !!!!!!!!!!!! - - - 400px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 400px) {
.intro-boss {padding: 28px 28px;}
.intro-boss .underside .developed {display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start;}
.intro-boss .underside .developed .dev_2 {margin-top: 0;}
}

/* - !!!!!!!!!!!! - - - 470px (для 480) - - - !!!!!!!!!!!! - */
@media screen and (min-width: 470px) {
.intro-boss .underside {font-family: 'e-Ukraine-Light';font-size: 13px;}
.intro-boss .underside .developed {font-size: inherit;}
}

/* - !!!!!!!!!!!! - - - 536px (для 540) - - - !!!!!!!!!!!! - */
@media screen and (min-width: 536px) {
.intro-boss {padding: 38px 48px;}
.intro-boss .title {width: 90%;}
}

/* - !!!!!!!!!!!! - - - 760px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 760px) {
.intro-boss {padding: 58px 78px 42px;}
.intro-boss .title {width: 90%;}
.intro-boss .underside {display: flex;align-items: flex-start;justify-content: space-between;width: 700px;}
.intro-boss .underside .developed {margin-top: 0;}
.intro-boss .underside .dev_2 {margin-left: 12px;}
.intro-boss .topside .mdmu {width: 210px;}
.intro-boss .lang div {width: 56px; height: 44px; font-size: 18px; border-radius: 18px;}
.intro-boss .partner .mdmu {display:block;height: 30px;}
.intro-boss .title .description {font-size: 18px;}
.intro-boss .data {margin-top: 22px;}
.intro-boss .partner {margin-top: 50px;}
.intro-boss .button-wrap {margin-top: 44px; display: flex; justify-content: space-between;}
.intro-button {width: 48%;}
.intro-button.about {margin-top: 0;}
}

/* - !!!!!!!!!!!! - - - 1020 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1020px) {
.intro-boss {padding: 32px 42px 22px; display: flex; justify-content: space-between;}
.intro-boss .topside {justify-content: flex-end;}
.intro-boss .title .lang {display: flex;flex-direction: row;align-items: center;}
.intro-boss .lang div {width: 46px; height: 34px; font-size: 13px; border-radius: 18px; }
.intro-boss .topside .mdmu {display:none;}
.intro-boss .title .right {display:block;margin-left: 32px;}
.intro-boss .title .right img {max-height: 984px;}
.intro-boss .title {width: auto; }
.intro-boss .data {display: flex; justify-content: space-between; align-items: flex-start; }
.intro-boss .topside {display:none;}
.intro-boss .title .description {display: flex; justify-content: space-between; align-items: flex-end; }
.intro-boss .underside {justify-content: space-between;width: 100%;display: flex;}
.intro-boss .underside .developed {margin-left: 22px; }
}

/* - !!!!!!!!!!!! - - - 1270px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1270px) {
.intro-boss .promo-vr {position: absolute;display: block;bottom: -18px;right: -29px;width: 180px;height: 180px;background: #3a4646ad;border-radius: 50%;}
.intro-boss .promo-vr .img1 {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 40%;}
.intro-boss .promo-vr .img2 {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);animation: anime-vrpromo 30s linear infinite;width: 90%;}
.intro-boss .title .right .promo-vr img {max-height: none;}
@keyframes anime-vrpromo {
  0% {transform: translateX(-50%) translateY(-50%) rotate(0deg);}
  100% {transform: translateX(-50%) translateY(-50%) rotate(360deg);}
}
.intro-boss {padding: 32px 7% 32px; display: flex; align-items: center; justify-content: space-evenly; }
.intro-boss .data {}
.intro-boss .title {width: 100%;}
.intro-boss .title .right img {max-height: none;}
.intro-boss .title .right {margin-left: 42px;width: 36%;position: relative;}
.intro-boss .title .left {width: 60%;}
.intro-boss .data .title-img .mobile {display:none;}
.intro-boss .data .title-img .desktop {display:block;}
.intro-boss .lang a:hover {color:#fff;text-decoration:underline;}
.intro-boss .underside a:hover {text-decoration:underline;}
.intro-button:hover {border: 2px solid #fff;cursor:pointer;}
.intro-button.about:hover span {color:#fff;}
}

@media screen and (min-width: 1270px) and (max-width: 1359px) and (max-height: 800px) and (orientation: landscape) {
.intro-boss {padding: 32px 9% 32px;}
.intro-boss .title .right {margin-left: 62px;}
.intro-boss .underside {margin-top: 32px;}
}

/* - !!!!!!!!!!!! - - - 1366px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1360px) {
.intro-boss {padding: 32px 14% 32px;}
.intro-boss .title .left {width: 56%;}
.intro-boss .underside {margin-top: 32px;}
}

/* - !!!!!!!!!!!! - - - 1680px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1680px) {
.intro-boss {padding: 32px 11% 32px;}
.intro-boss .title .left {width: 62%;}
.intro-boss .title .description {font-size: 22px;}
.intro-boss .lang div {width: 64px; height: 42px; font-size: 19px; border-radius: 30px;}
.intro-boss .underside {font-size: 16px;}
.intro-boss .underside .developed {font-size: 16px;}
.intro-boss .partner .mdmu {height: 38px;}
.intro-boss .partner .prm {height: 40px;}
.intro-boss .partner .ems {height: 28px;margin-top: -6px;}
.intro-boss .partner .imrs {height: 17px;}
.intro-button {height: 60px;}
}

/* - !!!!!!!!!!!! - - - 1900px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1900px) {
.intro-boss .promo-vr {bottom: -18px; right: -30px; width: 220px; height: 220px;}
}

/* - !!!!!!!!!!!! - - - 2400px (под 2560) - - - !!!!!!!!!!!! - */
@media screen and (min-width: 2400px) {
.intro-boss .promo-vr {width: 260px;height: 260px;}
.intro-boss .button-wrap {margin-top: 84px;}
.intro-button {height: 77px;padding: 0 42px 0 42px;}
.intro-button span {font-size: 23px;line-height: 23px;}
.intro-button img {width: 28px;}
.intro-boss .partner .mdmu {height: 68px;}
.intro-boss .partner .prm {height: 60px;}
.intro-boss .partner .ems {height: 40px;margin-top: -12px;}
.intro-boss .partner .imrs {height: 26px;}
.intro-boss .title .description {font-size: 34px;}
.intro-boss .lang div {width: 88px;height: 52px;font-size: 26px;}
.intro-boss .underside, .intro-boss .underside .developed {font-size: 23px;}
.intro-boss .data {margin-top: 42px;}
.intro-boss .title .right {margin-left: 92px;}
}

#control {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 9;opacity: 0;transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;}
#control.hide {display:none;}
#control.show {opacity: 1;transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;}
#control .baffle {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #0000002e; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
#control .wrap {position: absolute;width: 690px;height: 450px;background-color: #3A4646;color:#fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding:32px;overflow: hidden;z-index: 2;}
#control .title{font-family: 'e-UkraineHead-Regular';font-size: 20px;text-align:left;width:100%;}
#control .title span {border-bottom: 1px solid #ffffffb3;width: 160px;padding-bottom: 12px;}
#control .wrap .tab {display: none;width: 100%;height: 100%;flex-direction: column;justify-content: flex-start;align-items: center;text-align: center;margin-top: 42px;}
#control .wrap .tab span {font-family: 'e-Ukraine-Light';font-size: 16px;line-height: 1.6;margin-top: 36px;max-width: 480px;}
#control .wrap .tab.active {display: flex;}
#control .img {height: 160px;width: 160px;}
#control .img.circle {border: 4px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#control .img img {height: 100%;display: block;}
#control .img.circle img {opacity: 0.95;height: 96px;}
#control .img.circle.edit img {margin-top: -15px;}
#control .img.circle.lion-edit img {height: 120px;opacity: 1; background-color: #ffffff7a; border-radius: 50%; box-shadow: 0 0 0 10px #ffffff7a;}
#control .img .icon-floor-circle {width: 100%; height: 100%; background-color: #ffffff47; border-radius: 50%; border: 16px solid #ffffff;}
#control .nav-btn {background-image: url(resources/icon/chevron/left-white-normal.svg);background-size: 40px;background-position: 50%;background-repeat: no-repeat;width: 60px;height: 60px;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);border: none;cursor: pointer;user-select: none;margin-top: -12px;}
#control .nav-btn.left {left: 18px;}
#control .nav-btn.right {right: 18px;transform: scaleX(-1) translateY(-50%);}
#control .nav-btn:hover {background-color: #566060;}
#control .dots {display: flex;gap: 12px;}
#control .dot {width: 14px;height: 14px;border-radius: 50%;border:1px solid #fff;}
#control .dot.active {background: #fff;}
#control .dot:hover {cursor: pointer;background: #fff;}
#control .close-btn {background-image: url(resources/icon/menu/close-menu.svg);background-size: 42px;background-position: 50%;background-repeat: no-repeat;width: 50px;height: 50px;position: absolute;top: 16px;right: 18px;border-radius: 50%;}
#control .close-btn:hover {background-color: #436c63;cursor:pointer;}
.touchevents #control .wrap .tab .desktop {display:none;}
.no-touchevents #control .wrap .tab .mobile {display:none;}
.touchevents #control .wrap .tab .mobile {display:block;}

/* 1030px */
@media screen and (max-width: 1030px) {
#control .nav-btn:hover, #control .close-btn:hover {background-color:transparent;}
}

/* 760px */
@media screen and (max-width: 760px) {
#control .wrap {width: calc(100% - 64px);}
}

/* 540px */
@media screen and (max-width: 540px) {
#control .wrap {width: calc(100% - 44px);padding: 24px 24px 26px 24px;height: 430px;}
#control .close-btn {top: 9px;right: 9px;}
#control .nav-btn.left {left: 5px;}
#control .nav-btn.right {right: 5px;}
#control .wrap .tab span {max-width: 310px;}
#control .img {height: 140px;width: 140px;}
#control .img.circle img {height: 72px;}
#control .img.circle.lion-edit img {height: 104px;}
#control .dots {gap: 16px;}
#control .dot {width: 12px;height: 12px;}
#control .img .icon-floor-circle {border: 14px solid #ffffff;}
}

/* 440px */
@media screen and (max-width: 440px) {
#control .wrap .tab span {max-width: none;width: calc(100% - 66px);margin-top: 30px;}
#control .img {height: 120px;width: 120px;}
#control .img.circle img {height: 60px;}
#control .img.circle.lion-edit img {height: 86px;}
#control .img.circle.edit img {margin-top: -7px;}
#control .img .mobile {margin-left: -6px;}
}

/* 360px */
@media screen and (max-width: 360px) {
#control .title {font-size: 16px;}
#control .wrap {height: 380px;}
#control .close-btn {}
#control .nav-btn.left {}
#control .nav-btn.right {}
#control .wrap .tab span {font-size: 14px;margin-top: 36px;}
#control .img {height: 90px;width: 90px;}
#control .img.circle img {height: 46px;}
#control .img.circle {border: 3px solid #fff;}
#control .img.circle.lion-edit img {height: 68px;}
#control .nav-btn {width: 50px; height: 50px; background-size: 34px;}
#control .img .icon-floor-circle {border: 10px solid #ffffff;}
}

/* 340px */
@media screen and (max-width: 340px) {
#control .wrap {padding: 22px 24px 26px 24px;}
#control .close-btn {top: 4px;right: 4px;}
#control .wrap .tab span {width: calc(100% - 46px);}
}

.navigation_scene {position: fixed;transition: all 0.5s ease-out;z-index: 1;bottom: 26px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;}
.navigation_scene .wrap {display: flex;flex-direction: row;justify-content: space-between;align-items: center;min-width: 96px;}
.navigation_scene .icon {border-radius: 50%;background-color: #656665;background-image: url(resources/icon/shevron-bold-white.svg);background-repeat: no-repeat;background-size: 26px;background-position: 9px 50%;overflow: hidden;width: 42px;height: 42px;box-shadow: 0 0 0 2px #ffffffad;}
.navigation_scene .icon.disabled  {opacity: 0.35;}
.navigation_scene .icon.enabled:hover {cursor: pointer;box-shadow: 0 0 0 4px #ffffff73;}
#button_prev {transform: scaleX(-1);}

#tooltip-down-menu {position:absolute;left: -52px;bottom: 82px;background-color: #ffffff;height: 34px;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: 14px;font-weight: bold;line-height: 1.6;color: #000;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:#ffffff;transform: translateX(-50%) rotate(45deg);}

.btn-mn {position:absolute;bottom: 26px;width: 40px;height: 40px;background-color: #656665;border-radius: 50%;z-index: 3;cursor: pointer;background-repeat: no-repeat;box-shadow: 0 0 0 2px #ffffffad;}
.btn-mn:hover {box-shadow: 0 0 0 4px #ffffff73;}
#info-button {left: 140px;background-image: url(resources/icon/i-mono-white.svg);background-size: 36px;background-position: 50%;}

#audio-button {left: 192px;background-image: url(resources/icon/headset.svg);background-size: 20px;background-position: 50% 9px;}
#audio-button.on {background-color: #d8513b;}

#flscrn_DM.on {left: 36px;background-image: url(resources/icon/fullscreen-on.svg);background-size: 20px;background-position: 50% 50%;}
#flscrn_DM.off {left: 36px;background-image: url(resources/icon/fullscreen-off.svg);background-size: 22px;background-position: 50% 50%;}
#faq {left: 88px;background-image: url(resources/icon/faq/faq-white-normal.svg);background-size: 32px;background-position: 50%;}


/*** 1030px  (!!!! for 1024) *******************/
@media screen and (max-width: 1030px) {
#tooltip-down-menu {display:none !important;}
.navigation_scene .icon.enabled:hover {box-shadow: 0 0 0 2px #ffffffad;cursor: default;}
.btn-mn:hover {box-shadow: 0 0 0 2px #ffffffad;cursor: default;}
}

/*** 768px *******************/
@media screen and (max-width: 768px) {
#flscrn_DM {display:none;}
#faq {left:36px;}
#info-button {left:88px;}
#audio-button {left:140px;}
}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
.navigation_scene {bottom: 22px;}
.navigation_scene .icon {width: 40px;height: 40px;}
.btn-mn {bottom: 22px;}
}

/*** 542px (!!!! for 534/540) *******************/
@media screen and (max-width: 542px) {
.navigation_scene {bottom: 18px;}
.navigation_scene .wrap {min-width: 90px;}
.navigation_scene .icon {background-size: 28px;background-position: 8px 50%;}
.btn-mn {bottom: 18px;}
#info-button {left: 74px;}
#audio-button {display:none;}
#faq {left:22px;}
}

/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
#info-button {left: 70px;}
#faq {left:18px;}
}

/*** 395px (!!!! for 390/393) *******************/
@media screen and (max-width: 395px) {
#info-button {left: 67px;}
.navigation_scene {left: 116px;transform: none;}
.navigation_scene .wrap {min-width: 89px;}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.navigation_scene {bottom: 16px;left: 116px;}
.btn-mn {bottom: 16px;width: 38px;height: 38px;}
.navigation_scene .wrap {min-width: 87px;}
.navigation_scene .icon {width: 38px;height: 38px;background-position: 6px 50%;}
}

#depo-picture {position: absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index: 9999;display:flex;align-items: center;justify-content: center;pointer-events: none;touch-action: none;}
#depo-picture .baffle {position:absolute;pointer-events: auto;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color: #0a0a0a91;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);display: none;}
.picture-modal {border-radius: 10px;z-index: 2;display: none;pointer-events: auto;position: relative;background-color: #ffffff;padding: 22px;max-width: calc(100% - 80px);max-height: calc(100% - 40px);}
.picture-modal .close {width: 42px;height: 42px;background-color: #ffffff;border-radius: 40px;background-repeat: no-repeat;background-image: url(resources/icon/close-black.svg);background-size: 22px;background-position: 50% 50%;position: absolute;right: -56px;top: 1px;}
.picture-modal .close:hover {cursor: pointer;box-shadow: 0 0 0 4px #ffffff99;}
.picture-modal .boss {height: 100%;width: 100%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;position: relative;z-index: 999;}
.picture-modal .boss img {background-color: #e7e7e7;max-width: 100%;max-height: calc(90vh - 110px);}
.picture-modal .boss .sketchfab {background-color: #e7e7e7;aspect-ratio: 1024/768;position: absolute;width: 100%;}
.picture-modal h2 {font-size: 18px;font-family: 'e-UkraineHead-Medium';line-height: 1.45;margin-top: 16px;box-sizing: border-box;text-align: center;}
.picture-modal p {line-height: 1.45;font-family: 'e-Ukraine-Light';font-size: 15px;margin: 4px auto 0;box-sizing: border-box;text-align: center;}

.text-modal{height: calc(100% - 64px);max-height: calc(100% - 64px);border-radius: 10px;padding-right: 4px;padding-top: 22px;padding-bottom: 12px;background-color: #ffffff;z-index: 2;display: none;pointer-events: auto;position: relative;}
.text-modal .close {width: 42px;height: 42px;background-color: #ffffff;border-radius: 40px;background-repeat: no-repeat;background-image: url(resources/icon/close-black.svg);background-size: 22px;background-position: 50% 50%;position: absolute;right: -56px;top: 1px;z-index: 999;}
.text-modal .close:hover {cursor: pointer;box-shadow: 0 0 0 4px #ffffff85;}
.text-modal .boss {display: flex;align-items: flex-start;justify-content: flex-start;height: 100%;width: 100%;overflow: hidden;}

.text-modal .wrap {height:100%;overflow-y: auto;opacity: 1;width: 600px;padding: 0px 27px 28px 28px;}
.text-modal .wrap::-webkit-scrollbar {width: 3px;}
.text-modal .wrap::-webkit-scrollbar-thumb {background-color: #9e9e9e;border-radius: 9em;box-shadow: inset 1px 1px 10px #9e9e9e;display:none;}
.text-modal .wrap:hover::-webkit-scrollbar-thumb {display:block;}
.text-modal .wrap .figure {margin: 18px 0px 18px 0px;}
.text-modal .wrap .figure img {width: 100%;}

.text-modal .title {margin-top: 8px;}
.text-modal h2 {font-size: 19px;font-family: 'e-UkraineHead-Medium';text-align: left;line-height: 1.4;}
.text-modal p {line-height: 1.6;font-family: 'e-Ukraine-Light';font-size: 15px;margin: 18px 0px 0;}
.text-modal ul {list-style-type:none;margin-top: 8px;}
.text-modal li {margin-top: 10px;line-height: 1.4;}

.text-modal .team-wrap {margin-top: 32px;border-radius: 12px;display: flex;flex-wrap: wrap;align-content: flex-start;}
.text-modal .team-wrap .team {font-family: 'e-UkraineHead-Bold';font-size: 17px;padding-bottom: 8px;width: 100%;}
.text-modal .team-wrap .post {margin-top: 16px; font-size: 14px; font-family: 'e-Ukraine-Light'; line-height: 1.6; width: 50%; padding-right: 12px;}
.text-modal .team-wrap span {display:block;}
.text-modal .team-wrap span:first-child{font-family: 'e-Ukraine-Bold';}

#overlay-sheet {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5);z-index: 9999;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.bottom-sheet {position: fixed;z-index: 9999;bottom: -30px;left: 50px;right: 50px;height: 70%;max-height: 94%;background-color: white;border-radius: 15px 15px 0 0;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);transition: transform 0.5s ease-in-out, height 0.5s ease-in-out;transform: translateY(100%);padding: 0px 3px 0 3px;}
.bottom-sheet.open {transform: translateY(0);bottom: 0;}
.bottom-sheet.expanded {height: 94%;}
.bottom-sheet .grip {background-color: transparent;border-radius: 3px;overflow: hidden;padding: 18px 0 20px 0;}
.bottom-sheet .grip .body {width: 60px;height: 5px;background-color: #bfbfbf;border-radius: 3px;margin: 0 auto;}
.bottom-sheet .content {padding: 4px 14px 28px 14px;overflow: auto;max-height: 88%;margin: 0;transition: height 0.5s ease-in-out;}
.bottom-sheet.expanded .content {max-height: 90%;}
.bottom-sheet .content .deco {display:block;width:100%;}
.bottom-sheet .content .zoom {width: 36px;height: 36px;background-color: #2671ad;border-radius: 30px;background-repeat: no-repeat;margin: 0 3px;background-image: url(resources/menu-ico/zoom-in.svg);background-size: 20px;background-position: 50% 50%;display:block;position:absolute;top: 14px;right: 12px;pointer-events: none;}
.bottom-sheet .content figure {margin: 40px auto 30px;}
.bottom-sheet .content figure.first {margin: 0 auto 30px;position: relative;}
.bottom-sheet .content figcaption {display:block;font-size: 14px;margin-top: 12px;text-align:center;font-style:italic;line-height: 1.3;font-family:"Roboto", sans-serif;font-weight: 400;color: #787878;padding: 0 12px;}
.bottom-sheet .content img {display:block;width: 100%;border-radius: 6px;background-color: #ddd;}
.bottom-sheet .content h2 {font-size: 20px;font-family: 'e-Ukraine-Bold';font-weight: 400;line-height: 1.1em;padding: 0 4px 0 4px;width: 100%;margin-top: 6px;}
.bottom-sheet .content p {color:#000000;font-family:"Roboto", sans-serif;font-weight: 400;font-size: 17px;line-height: 1.4em;padding: 0 4px;width: 100%;margin-top: 15px;}
.bottom-sheet .content .txt-fbx {color: #2e6fbf;}

#tooltip-pano {background-color: #ffffff;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 5px;z-index: 9;box-shadow: 0 0 8px 0 #00000033;}
#tooltip-pano span {display:block;font-family: 'e-UkraineHead-Medium';font-size: 16px;font-weight: bold;line-height: 16px;color: #000;text-align: center;margin: 0 14px;white-space: nowrap;}
#tooltip-pano:before {content:'';display:block;position:absolute;top: 33px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background-color:#ffffff;transform: translateX(-50%) rotate(45deg);}

@media screen and (orientation: portrait) {
.picture-modal .close {position: fixed;bottom: 23px;top: auto;right: 50%;transform: translateX(50%);width: 60px;height: 60px;background-size: 32px;box-shadow: 0px 1px 11px 2px #0000006b;}
}

@media screen and (max-width: 770px) {
.picture-modal .boss {overflow-y: auto;}
.picture-modal .boss img {height: auto;width: 100%;}
.picture-modal .close {position: fixed;bottom: 23px;top: auto;right: 50%;transform: translateX(50%);width: 60px;height: 60px;background-size: 32px;box-shadow: 0px 1px 11px 2px #0000006b;z-index: 9999;}
.text-modal {max-width: calc(100% - 100px);}
.text-modal .close {position: fixed;bottom: 23px;top: auto;right: 50%;transform: translateX(50%);width: 60px;height: 60px;background-size: 32px;box-shadow: 0px 1px 11px 2px #0000006b;}
}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
.picture-modal {max-width: none;max-height: none;height: 100%;overflow-y: hidden;}
.picture-modal .boss {padding-bottom: 50px;}
.picture-modal h2 {font-size: 16px;}
.text-modal {padding-top: 10px;max-height: none;height: calc(100% - 24px);padding-right: 2px;max-width: none;padding-bottom: 30px;border-radius: 0;}
.text-modal .wrap {width: auto;padding: 0 20px 60px 24px;}
.text-modal .title {margin-top: 0;}
.text-modal .team-wrap {display: flex; flex-direction: row; padding-left: 0;}
.text-modal .team-wrap .post {width: 100%; padding-right: 0;}
}

/*** 542px (!!!! for 540) *******************/
@media screen and (max-width: 542px) {
.bottom-sheet {left: 20px;right: 20px;}
}

/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
.bottom-sheet {left: 0;right: 0;}
.picture-modal {padding: 12px 18px 40px 18px;}
.text-modal .wrap {padding: 0 20px 40px 20px;}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.text-modal .wrap {padding: 0px 16px 40px 16px;}
.text-modal p {/* font-size: 16px; */}
.text-modal h2 {font-size: 17px;}
}

/*** 324px (!!!! for 320) ***********************/
@media screen and (max-width: 324px) {
.picture-modal {padding: 8px 16px 40px 16px;}
.picture-modal .title {padding: 0px 6px 0px 6px;}
.picture-modal h2 {font-size: 15px;}
}

#avatar-lion {position:absolute;bottom: 26px;right: 26px;width: 100px;height: 100px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 3;cursor: pointer;box-sizing: content-box;}
#avatar-lion .ava {width: 94px;background: #eac769;border-radius: 50%;aspect-ratio: 1 / 1;position: relative;overflow: hidden;}
#avatar-lion .ava img {aspect-ratio: 1 / 1;position: relative;left: 8px;top: 8px;width: 80px;}
#avatar-lion .counter {position: absolute;bottom: 0;left: -22px;background-color: #d8513b;font-size: 14px;line-height: 1;font-family: 'e-UkraineHead-Bold';padding: 6px 9px;border-radius: 20px;border: 2px solid #fff;color: #ffffff;}
#avatar-lion .counter.end {background-color: #4caf50;}
#avatar-lion:hover {box-shadow: 0 0 0 5px #ffffff59;}

.result_quest {opacity:0;transition: opacity 0.3s ease-out;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;position:absolute;top:0;left:0;right:0;bottom:0;display: flex;justify-content: center;align-items: center;z-index: 999;width: 100%;height: 100%;background: #00000057;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}
.result_quest .baffle {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.result_quest.show {opacity:1;transition: opacity 0.3s ease-out;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;}
.result_quest .wrap {background:#3A4646;padding: 34px 38px 26px 38px;border-radius: 18px;font-family: 'e-Ukraine-Light';position: relative;max-width: 450px;color: #fff;max-height: calc(100% - 44px);overflow-y: auto;overflow-x: hidden;pointer-events: auto;}
.result_quest h2 {font-family: 'e-UkraineHead-Medium';font-weight: normal;font-size: 26px;line-height: 1.4;max-width: calc(100% - 44px);color: #E8A646;}
.result_quest.end h2 {max-width: calc(100% - 84px);line-height: 1.35;}
.result_quest.en.end h2 {max-width: calc(100% - 54px);}
.result_quest p {font-size: 16px;line-height: 1.5;color: #ffffff;}
.result_quest p.intro {margin-top: 22px;}
.result_quest.end p {margin-top: 18px;line-height: 1.6;}
.result_quest .step {display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 32px;}
.result_quest .step .number {font-family: 'e-UkraineHead-Bold'; font-weight: normal; font-size: 28px; line-height: 1; color: #E8A646; margin-top: 3px;}
.result_quest .step .text {flex: 1; margin-left: 20px;}
.result_quest .step .check-over {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: 80px;margin-left: 32px;margin-right: -2px;}
.result_quest .step .check-over .found {font-size: 12px; text-align: center; margin-top: 8px; line-height: 1.4;}
.result_quest .step .check-over .check {border-radius: 50%;width: 40px;height: 40px;border: 4px solid #fff;margin-top: 3px;position:relative;}
.result_quest .step .check-over .check.ok:after {content:'';position: absolute;width: 40px;height: 40px;background-image: url(resources/icon/check/big-line-yellow.svg);background-repeat: no-repeat;background-size: 34px;background-position: 50%;top: -8px;left: 2px;}
.result_quest .close_button {border-radius: 50%;width: 40px;height: 40px;background-image: url(resources/icon/close/regular-yellow.svg);background-repeat: no-repeat;background-size: 26px;background-position: 50%;position: absolute;top: 13px;right: 13px;}
.result_quest .close_button:hover {cursor:pointer;background-color: #45565a;}

.result_quest .wrap-share {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 32px;}
.result_quest .wrap-share.hide {display:none;}
.result_quest #share, .result_quest #okey, .result_quest #restart {font-family: 'e-UkraineHead-Regular';font-size: 14px;line-height: 14px;background-color: #607d8b47;height: 40px;border-radius: 34px;color: #ffffff;}
.result_quest #share:hover, .result_quest #okey:hover, .result_quest #restart:hover {cursor: pointer;background-color: #607d8b7a;}
.result_quest #okey.hide {display:none;}
.result_quest #okey {width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 42px;}
.result_quest #share {width: 160px;display: flex;justify-content: space-between;align-items: center;padding: 0 18px 0 8px;line-height: 14px;}
.result_quest.en #share {width: 115px;}
.result_quest #share:before {content:"";width: 30px;height: 30px;background-color: #5165d59c;background-image: url(resources/icon/social/fb-white.svg);background-size: 24px;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 50%;}
.result_quest #restart {width: 178px;display: flex;justify-content: center;align-items: center;line-height: 14px;}
.result_quest.en #restart {width: 118px;}

.flash {position: absolute;opacity: 1;pointer-events: none;box-shadow: 0 0 30px #ffffff;}

#found-popup {position:absolute;top:0;left:0;right:0;bottom:0;z-index: 99999;width: 100%;height: 100%;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);background-color: #0a0a0aad;}
#found-popup .boss {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: center;justify-content: center;}
#found-popup .wrapper {text-align: center;display: flex;justify-content: flex-start;flex-direction: column;align-items: center;}
#found-popup #confeti-centr {background-color: #eac769;border-radius: 50%;box-shadow: 0 0 0px 5px #ffffff;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}
#found-popup #confeti-centr .lion-img {width: 80px;}
#found-popup #confeti-centr .horse-img {width: 90px;}
#found-popup .title {font-family: 'e-UkraineHead-Bold';color: #ffc107;padding-bottom: 9px;font-size: 24px;margin-top: 30px;}
#found-popup p {font-family: 'e-UkraineHead-Regular'; font-size: 18px; margin-top: 4px; max-width: 280px; line-height: 1.6;}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
#avatar-lion {bottom: 22px;right:22px;}
}

/*** 542px (!!!! for 540) *******************/
@media screen and (max-width: 542px) {
#avatar-lion {bottom: 18px;right:18px;}
#avatar-lion .counter {bottom: 82px;left: 58px;}
#avatar-lion .ava img {left: 9px;top: 9px;}
}

/*** 480px *******************/
@media screen and (max-width: 480px) {
.result_quest .wrap {max-width: none;width: calc(100% - 40px);padding: 34px 32px 32px 32px;}
.result_quest.end .wrap {padding: 34px 32px 32px 32px;}
.result_quest .step {display: flex;justify-content: space-between;}
.result_quest h2 {font-size: 24px;}
.result_quest p {font-size: 15px;}
.result_quest .step .text {margin-left: 16px;}
.result_quest .step .number {font-size: 26px;}
.result_quest .step .check-over {margin-left: 8px;margin-right: -12px;}
.result_quest .step .check-over .check {width: 36px; height: 36px;}
}

/*** 450px *******************/
@media screen and (max-width: 450px) {
.result_quest .wrap-share {margin-top: 28px;}
.result_quest #restart {font-size: 13px; line-height: 13px; width: 156px;}
.result_quest #share {font-size: 13px;line-height: 13px;width: 150px;}
.result_quest.en #restart {width: 116px;}
.result_quest.en #share {width: 112px;}

.result_quest.end h2 {font-size: 20px; max-width: calc(100% - 114px);}
.result_quest.en.end h2 {max-width: calc(100% - 44px);}
.result_quest.end p {margin-top: 14px;}
.result_quest.end .wrap {padding: 34px 32px 28px 32px;}
}

/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
#avatar-lion {width: 80px;height: 80px;right: 14px;bottom: 15px;}
#avatar-lion .ava {width: 76px;}
#avatar-lion .counter {bottom: -4px; left: 53px; width: 30px; height: 30px; padding: 0; display: flex; align-items: center; justify-content: center;}
#avatar-lion .ava img {top: 6px;}
#avatar-lion .twn {display:none;}
}

/*** 410px ***********************/
@media screen and (max-width: 410px) {
.result_quest .wrap {width: calc(100% - 32px);padding: 28px 28px 20px 28px;max-height: calc(100% - 32px);border-radius: 12px;}
.result_quest.end .wrap {padding: 28px 28px 28px 28px;border-radius: 12px;}
.result_quest h2 {font-size: 22px;}
.result_quest p {font-size: 14px;}
.result_quest .step .number {font-size: 22px;}
.result_quest .step .check-over .check.ok:after {top: -10px;left: 0;background-size: 30px;}
}

/*** 404px ***********************/
@media screen and (max-width: 404px) {
.result_quest .wrap-share {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.result_quest #share {width: 100%; display: flex; justify-content: center;}
.result_quest #share:before {margin-right: 8px; width: 26px; height: 26px; background-size: 20px;}
.result_quest #restart {width: 100%; margin-top: 15px;}
.result_quest.en #restart {width: 100%;}
.result_quest.en #share {width: 100%;}
.result_quest.end h2 {max-width: calc(100% - 84px);}
.result_quest.en.end h2 {max-width: calc(100% - 44px);}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
#avatar-lion {width: 64px; height: 64px; right: 13px; bottom: 13px;}
#avatar-lion .ava {width: 60px;}
#avatar-lion .counter {bottom: -5px; left: 40px; width: 26px; height: 26px; font-size: 12px;}
#avatar-lion .ava img {width: 70px; max-width: none; top: 2px; left: 8px;}
.result_quest.end h2 {max-width: calc(100% - 80px);font-size: 18px;}
.result_quest.en.end h2 {max-width: calc(100% - 40px);}
}

/*** 340px ***********************/
@media screen and (max-width: 340px) {
.result_quest .wrap {width: calc(100% - 16px);padding: 28px 24px 22px 24px;max-height: calc(100% - 16px);}
.result_quest h2 {max-width: calc(100% - 60px);line-height: 1.2;font-size: 19px;}
.result_quest.end h2 {max-width: calc(100% - 60px);}
.result_quest.en.end h2 {max-width: calc(100% - 26px);}
.result_quest p {font-size: 13px;}
.result_quest .step .number {font-size: 20px;}
.result_quest .step .text {margin-left: 12px;}
.result_quest .step .check-over .found {font-size: 11px;}
.result_quest #okey {font-size: 13px;line-height: 13px;}
#found-popup .title {font-size: 22px;}
#found-popup p {max-width: 210px;line-height: 1.4;font-size: 17px;}
#found-popup .count {margin-top: 10px;}
}