.video-modal {background-color:#dcdcdc;margin-top:32px;}

.pip_info {display: flex;justify-content: center;align-items: center;width: 24px;height: 24px;border-radius: 24px;box-shadow: 1px 1px 2px 0px #00000066;color: #fff;background-color: #0d0d0de8;border:2px solid #ffffffeb;}
.pip_info span {display:block;}
.pip_info .copy {display:block;font-size: 16px;line-height: 16px;font-family: 'Baskerville Regular';}

.hs {display:block;background:#000000;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(skin/ico/stairs_white.svg);background-size: 17px;background-position: 8px 8px;}
.stairs_x0 {background-image: url(skin/ico/stairs_white.svg);background-size: 20px;background-position: 9px 9px;}
.stairs_x1 {background-image: url(skin/ico/stairs_white.svg);background-size: 22px;background-position: 11px 11px;}
.stairs_x2 {background-image: url(skin/ico/stairs_white.svg);background-size: 26px;background-position: 13px 13px;}

.viewleft_x1 {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.viewleft_x2 {-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.down_view_x05 {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.down_view_x0 {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.down_view_x1 {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.down_view_x2 {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.down_viewleft_x05 {-webkit-transform: rotate(-90deg) scaleX(-1);transform: rotate(-90deg) scaleX(-1);}
.down_viewleft_x0 {-webkit-transform: rotate(-90deg) scaleX(-1);transform: rotate(-90deg) scaleX(-1);}
.down_viewleft_x1 {-webkit-transform: rotate(-90deg) scaleX(-1);transform: rotate(-90deg) scaleX(-1);}
.down_viewleft_x2 {-webkit-transform: rotate(-90deg) scaleX(-1);transform: rotate(-90deg) scaleX(-1);}

.arrow_left_0x {background-image: url(skin/ico/left-white.svg);background-size: 14px;background-position: 50%;}

/* ИНФОМЕТКИ для попапов ------------------------------ */
.point_info_boss {position:relative;}

.point_inf_video{display:block;border-radius: 22px;border: 2px solid #fff;box-shadow: 0 0 4px 0 #00000040;overflow: hidden;width: 22px;height: 22px;background-color:#000000;background-image: url(skin/ico/video.svg);background-size: 12px;background-position: 6px 50%;background-repeat: no-repeat;position: relative;z-index: 1;}
.point_inf_local{display:block;border-radius: 22px;border: 2px solid #fff;box-shadow: 0 0 3px 0 #00000080;overflow: hidden;width: 26px;height: 26px;background-color: #000000;background-image: url(skin/ico/info-white-2.svg);background-size: 12px;background-position: 50% 4px;background-repeat: no-repeat;position: relative;z-index: 1;}
.point_info     {display:block;border-radius: 22px;box-shadow: 0px 0px 0px 2px #ffffff;overflow: hidden;width: 22px;height: 22px;background-color: #000000;background-image: url(skin/ico/info-white-2.svg);background-size: 12px;background-position: 50% 4px;background-repeat: no-repeat;position: relative;z-index: 1;}


/* ------------------------------------------------------------------------------------- */
/* ОПИСАНИЕ КАРТИН ----------------------------------------------------------------------- */
#depo-picture {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index: 4;display:none;align-items: center;justify-content: center;pointer-events: none;/* display: none; */}
#depo-picture.open {display:flex;}
#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{height: calc(100% - 114px);/* max-height: calc(100% - 64px); */max-width: calc(100% - 134px);border-radius: 10px;padding-right: 4px;padding-top: 22px;padding-bottom: 22px;background-color: #f3f3e8;background-color: #ffffff;z-index: 2;display: none;pointer-events: auto;position: relative;}
.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 {display: flex;align-items: flex-start;justify-content: flex-start;height: 100%;width: 100%;padding-left: 20px;}
.picture-modal .boss.landscape {display: block;overflow-y: auto;padding-right: 14px;}

.picture-modal .boss::-webkit-scrollbar {width: 3px;}
.picture-modal .boss::-webkit-scrollbar-thumb {background-color: #9e9e9e;border-radius: 9em;box-shadow: inset 1px 1px 10px #9e9e9e;display:none;}
.picture-modal .boss:hover::-webkit-scrollbar-thumb {display:block;}

.picture-modal .boss img {width: auto;height: 100%;max-height: 100%;background-color: #e7e7e7;}
.picture-modal .boss.landscape img {max-height: none;width: 100%;height: auto;}

.picture-modal .boss.landscape .wrap {height: auto;overflow: hidden;margin-top: 22px;width: auto;}

.picture-modal .wrap {height:100%;overflow-y: auto;padding-bottom: 22px;opacity: 1;width: 350px;}
.picture-modal .wrap::-webkit-scrollbar {width: 3px;}
.picture-modal .wrap::-webkit-scrollbar-thumb {background-color: #9e9e9e;border-radius: 9em;box-shadow: inset 1px 1px 10px #9e9e9e;display:none;}
.picture-modal .wrap:hover::-webkit-scrollbar-thumb {display:block;}

.picture-modal .title {padding: 0px 24px 0px 24px;margin-top: 8px;}
.picture-modal h2 {font-size: 16px;font-family: 'e-UkraineHead-Medium';text-align: left;line-height: 1.45;}
.picture-modal p {line-height: 1.45;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 16px;margin: 18px 24px 0;}
.picture-modal ul {list-style-type:none;margin-top: 8px;}
.picture-modal li {margin-top: 10px;line-height: 1.4;}

/* ------------------------------------------------------------------------------------- */
/* ОПИСАНИЕ ЗАЛОВ И СТЕН ----------------------------------------------------------------------- */
.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 .boss img {width: auto;height: 100%;max-height: 100%;}

.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 .title {padding: 0 12px;margin-top: 22px;}
.text-modal h2 {font-size: 17px;font-family: 'e-Ukraine-regular';text-align: left;line-height: 1.45;}
.text-modal p {line-height: 1.45;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 17px;margin: 18px 12px 0;}
.text-modal p.curator {font-style:italic;}
.text-modal ul {list-style-type:none;margin-top: 8px;}
.text-modal li {margin-top: 10px;line-height: 1.4;}
.text-modal .stk-wrap {display: flex;justify-content: flex-start;}
.text-modal .stk-wrap .stk {display: flex;flex-wrap: nowrap;justify-content: center;flex-direction: column;}
.text-modal .stk-wrap span {display: block;}
.text-modal .stk-wrap span.ldr  {display: flex;flex-direction: row;justify-content: space-between;}

.text-modal .wrap.info-krt {padding: 0 23px 28px 28px;}
.text-modal .info-krt img {width: 100%;height: auto;max-height: none;margin-top: 32px;background-color: #ddd;}
.text-modal .info-krt p {margin: 18px 0px 0;}
.text-modal .info-krt .picture {font-family: 'e-Ukraine-Bold';font-size: 16px;line-height: 1.35;}
.text-modal .info-krt .creator {line-height: 1.45;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 17px;margin: 12px 0 0;}
.text-modal .info-krt .creator:before {content:'';display: block;width: 70px;height: 1px;background: #000;margin-bottom: 8px;}

/* SHEET ПАНЕЛЬ ------------------------------ */
#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: 10;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.bottom-sheet {position: fixed;z-index: 999;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;}

/* ------------------------------------------------------------------------------------- */
/* ТЕКСТ и ВИДЕО НА СТЕНЕ ------------------------------ */
.txt_point{pointer-events:auto;border-radius: 22px;border: 2px solid #fff;box-shadow: 1px 1px 4px 0 #00000021;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;width: 24px;height: 24px;background-color: #121212;background-image: url(resources/icon/info-white.svg);background-size: 22px;background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.txt_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 #ffffff66;overflow: hidden;width: 32px;height: 32px;background-color: #b22222;background-image: url(resources/icon/play-white.svg);background-size: 12px;background-position: 11px 50%;background-repeat: no-repeat;box-sizing: content-box;}
.video_point:hover {box-shadow: 0 0 0 8px #ffffff8a;}

/* ------------------------------------------------------------------------------------- */
/* ПОПАП МИНИ С ИНФО КАРТИНЫ ------------------------------ */
.krt {/* background-color: #ededed; */color: #fff;padding: 14px 16px 14px 16px;/* border-radius: 5px; *//* box-shadow: 1px 1px 2px 0 #0000004f; */position:relative;border-left: 2px solid #fff;background: #3e3e3e;}
.krt:before {content: '';position: absolute;bottom: 50%;left: -5px;background: #ededed;background: #fff;width: 10px;height: 10px;/* transform: translateY(50%) rotate(45deg); */z-index: 0;width: 20px;height: 2px;left: -20px;}
.krt p:nth-of-type(1) {margin-top: 0;font-family: 'e-Ukraine-Bold';line-height: 1.4;}
.krt p:nth-of-type(3) {font-style:italic;color: #ffffffa1;}
.krt p {margin-top: 5px;font-family: 'e-Ukraine-Light';line-height: 1.5;font-size: 12px;}



/*** 1010px  (!!!! for 962) *******************/
@media screen and (max-width: 1010px) {
.krt {border-left: none;border-bottom: 2px solid #fff;}
.krt:before {content: '';position: absolute;bottom: -21px;left: 50%;background: #ededed;background: #fff;z-index: 0;width: 2px;height: 20px;}
}

/*** 770px  (!!!! for 768) *******************/
@media screen and (max-width: 770px) {
.picture-modal {height: auto;max-height: calc(100% - 94px);max-width: calc(100% - 184px);overflow-y: auto;}
.picture-modal .boss {display: block;padding-right: 16px;overflow-y: auto;}
.picture-modal .wrap {overflow: hidden;height: auto;margin-top: 22px;width: auto;}
.picture-modal .boss img {height: auto;width: 100%;max-height: none;}
.picture-modal .boss.landscape img {height: auto;width: 100%;max-height: none;}

.picture-modal .boss::-webkit-scrollbar {width: 3px;}
.picture-modal .boss::-webkit-scrollbar-thumb {background-color: #9e9e9e;border-radius: 9em;box-shadow: inset 1px 1px 10px #9e9e9e;display:block;}
.picture-modal .boss:hover::-webkit-scrollbar-thumb {display:block;}

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

.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 .wrap {margin-top: 32px;}
.picture-modal .title {padding: 0px 12px 0px 12px;margin-top: 0;}
.picture-modal h2 {font-size: 18px;}
.picture-modal p {margin: 14px 12px 0;font-size: 17px;}

.text-modal {padding-top: 10px;max-height: none;height: calc(100% - 24px);padding-right: 2px;}
.text-modal .wrap {width: auto;padding: 0 20px 30px 24px;}
.text-modal .title {margin-top: 0;}
.text-modal .info-krt p {margin-top: 0;}
}

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

/*** 520px *******************/
@media screen and (max-width: 520px) {
}

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

/*** 390px *******************/
@media screen and (max-width: 390px) {
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.text-modal .wrap {padding: 0px 8px 30px 8px;}
.text-modal .wrap.info-krt {padding: 0 10px 30px 12px;}
.text-modal p {font-size: 16px;}
.text-modal h2 {font-size: 17px;}
.picture-modal {padding-top: 12px;}
.text-modal .info-krt .picture {font-size: 15px;margin: 0 4px;}
.text-modal .info-krt .creator {font-size: 14px;margin: 12px 4px 0;}
}

/*** 362px (!!!! for 360) ***********************/
@media screen and (max-width: 362px) {

}

/*** 350px ***********************/
@media screen and (max-width: 350px) {
}

/*** 324px (!!!! for 320) ***********************/
@media screen and (max-width: 324px) {
.picture-modal .boss {padding-right: 10px;padding-left: 14px;}
.picture-modal .title {padding: 0 6px;}
.picture-modal p {margin: 14px 6px 0;font-size: 16px;}
.text-modal .wrap {padding: 0 6px 30px 6px;}
.bottom-sheet {left: 0;right: 0;}
}

@media (hover: hover) and (min-width: 1020px) {

}