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

/* ----------------------------------------------------- */
/* оформление внутри FANCYBOX -------------------------- */
/* ----------------------------------------------------- */
.book-wrap h2{margin: 0px 44px 0 0;font-size: 28px;font-family: 'Exo 2';font-family: 'ermilov-bold';padding: 0;line-height: 1.1;}
.book-wrap p {margin-top: 22px;line-height: 1.6;font-size: 15px;font-family: 'e-Ukraine-Light';padding: 0;}
.book-wrap p strong {font-family: 'e-Ukraine-Bold';}
.book-wrap .first {display:none;}
.book-wrap img {width:100%;display:block;border-radius: 8px;}
.book-wrap figure {width: 100%;margin-top: 42px;margin: 42px auto 0;}
.book-wrap figcaption {display:block;font-size: 15px;margin-top: 16px;text-align:center;font-style:italic;line-height: 1.3;font-family: "Roboto", sans-serif;font-weight: 400;color: #787878;padding: 0 12px;}

.about-autor {margin-top: 42px;margin-bottom: 42px;padding: 28px;background: #ECEFF1;border-radius: 8px;}
.about-autor p{margin-top: 0;font-size:18px;}
.about-autor ul{margin: 20px 0 0 0;padding: 0 0 0 20px;}
.about-autor li{margin: 12px 0 0 0;font-size: 17px;line-height: 1.4;}
span.out-link {color: #22769B;text-decoration:underline;cursor:pointer;}
span.out-link:hover {color: #b22222;}

/* ------------------------------------------------------------------------ */
/* НАЗВАНИЕ ПАНОРАМ (титл текст)   база 1600 на 900 ------ */
/* ------------------------------------------------------------------------ */
.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: 16px;color: #fff;font-family: 'e-Ukraine-Light';text-shadow: 1px 1px 0px #000000a6;line-height: 1.5;text-align: center;}

/* ------------------------------------------------------------------------ */
/* ЛИСТАЛКА ПАНОРАМ ДЕСКТОП  база 1600 на 900 ------ */
/* ------------------------------------------------------------------------ */
.navigation_scene {position: fixed;transition: all 0.5s ease-out;z-index: 1;bottom: 26px;left: calc(50% + 140px);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 {background-color: #093227B2;border-radius: 30px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;min-height: 44px;min-width: 120px;padding: 4px 6px;}
.navigation_scene .icon {opacity: 1;border-radius: 34px;width: 32px;height: 32px;background-image: url(resources/menu-ico/shevron-bold-white.svg);background-repeat: no-repeat;background-size: 26px;background-position: 5px 50%;overflow: hidden;}
.navigation_scene .icon.disabled  {opacity: 0.35;}

.navigation_scene .icon.enabled:hover {cursor:pointer;background-color: #007F4D;}
#button_prev {transform: scaleX(-1);}

/* тултипы */
#tooltip-down-menu {position:absolute;left: -52px;bottom: 82px;background-color: #093227;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: #007F4D;background-color: #093227;transform: translateX(-50%) rotate(45deg);}

.navigation_scene .textbot {background-image: url(resources/img/svg/info-white.svg);background-size: 24px;background-position: 50% 50%;width: 30px;height: 30px;background-color: #487a6d;border-radius: 30px;background-repeat: no-repeat;cursor: pointer;}
.navigation_scene .textbot:hover {background-color: #007F4D;}
.navigation_scene .textbot.open {background-image: url(resources/img/svg/stop-white.svg);background-size: 14px;background-color: #007F4D;}


/* ------------------------------------------------------------------------ */
/* CONTROL MENU  база 1600 на 900 ------ */
/* ------------------------------------------------------------------------ */
.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: #093227B2;border-radius: 30px;background-repeat: no-repeat;margin: 0 4px;}
.control_menu .button:hover {cursor:pointer;background-color: #009652;background-color: #007F4D;}
.control_menu .home {background-image: url(resources/menu-ico/home.svg);background-size: 22px;background-position: 50% 10px;}
.control_menu .fullscreen.on {background-image: url(resources/menu-ico/fullscreen-on.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .fullscreen.off {background-image: url(resources/menu-ico/fullscreen-off.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-in {background-image: url(resources/menu-ico/zoom-in.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-out {background-image: url(resources/menu-ico/zoom-out.svg);background-size: 20px;background-position: 50% 50%;}



/* ----------------------------------------------------- */
/* ЛЕВОЕ МЕНЮ  база 1600 на 900 ------------------------ */
/* ----------------------------------------------------- */
.left-menu-boss {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-boss.close {transform: translateX(-290px);transition: transform 0.5s ease-out;}
.left-menu-boss.open {transform: translateX(0px);}
.left-menu-wrap {background: #093227cc;width: 246px;padding: 24px 4px 0px 0;overflow: hidden;height: 100%;}

/* кнопка Закрыть меню */
.hide-left-menu {position:absolute;top: 20px;left: 230px;border-radius: 47px;box-shadow: 0px 0px 0px 1px #153b34;width: 30px;height: 30px;cursor: pointer;background-color: #007F4D;background-image: url(resources/menu-ico/close-white.svg);background-size: 18px;background-position: 50% 50%;background-repeat: no-repeat;}
.hide-left-menu:hover {background-color: #009652;}
.hide-left-menu .tooltip {position:absolute;top: 0px;left: 46px;background-color: #17273f;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: 'e-Ukraine-Light';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: #17273f;transform: rotate(45deg);}

/* кнопка Закрыть меню в мобильной версии */
.hide-left-menu-mobver {display:none;position:absolute;top: 20px;left: 227px;border-radius: 50px;width: 40px;height: 40px;cursor: pointer;background-color: #62738b;background-color: #ffffff;background-image: url(resources/menu-ico/close-black.svg);/* background-image: url(resources/menu-ico/close-white.svg); */background-size: 26px;background-position: 50% 50%;background-repeat: no-repeat;/* border: 1px solid #fff; */}

/* кнопка Показать меню */
.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: #17273f66;/* background-color: #62738bcc; */background-color: #093227cc;background-color: #007F4D;/* background-color: #009652; */background-color: #093227B2;width: 52px;height: 52px;cursor: pointer;background-image: url(resources/menu-ico/me1.svg);background-size: 30px;background-position: 12px 50%;background-repeat: no-repeat;}
.show-left-menu:hover {background-color: #007F4D;}
.show-left-menu.enabled {transform: translateX(0px);transition: transform 0.5s ease-out;}

/* контейнер для Заголовка */
.left-menu-title {display:block;text-transform: none;color: #ffffff;margin: 0 14px 14px 16px;padding-bottom: 22px;border-bottom: 2px solid #fff;font-family: 'ermilov-bold';}
.left-menu-title .position{font-size: 13px;margin-bottom: 8px;line-height: 22px;font-family: 'e-Ukraine-Bold';}
.left-menu-title .name{font-size: 30px;line-height: 30px;}
.left-menu-title span{display:block;}

/* контейнер-скрол для Содержимого меню */
.scroll-container {overflow-y: auto;height: calc(100% - 110px);padding: 0 11px 40px 16px;}
.scroll-container::-webkit-scrollbar {width: 3px;}
.scroll-container::-webkit-scrollbar-thumb {background-color: #90a4ae;border-radius: 9em;box-shadow: inset 1px 1px 10px #90a4ae;display:none;}
.scroll-container:hover::-webkit-scrollbar-thumb {display:block;}

.links-menu {overflow: hidden;border-bottom: 1px solid #abb0b8;margin-bottom: 22px;}
.links-menu a:hover {color: #b3e5fc;color: #7debb9;}
.links-menu span:hover {color: #b3e5fc;cursor:pointer;color: #7debb9;}
.links-menu a:nth-child(-n+1)  {border-bottom: 1px solid #ffffff9e;margin-bottom: 11px;}
.links-menu .link {display: block;font-size: 12px;color:#fff;font-family: 'e-Ukraine-Light';line-height: 1.4em;padding-bottom: 15px;text-decoration: none;padding-left: 25px;position: relative;}
.links-menu .link.info:after {content: '';display: block;width: 18px;height: 18px;background-image: url(resources/menu-ico/info.svg);background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;position: absolute;top: -1px;left: 1px;}
.links-menu .link.map:after {content: '';display: block;width: 24px;height: 24px;background-image: url(resources/menu-ico/map.svg);background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;position: absolute;top: -4px;left: -2px;}

.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: 4px solid #009652;}
.item_div.leave.item_div:after {border: 4px solid #009652;}
.item_div:hover.item_div.active:after {cursor:default;}

.item_div img {width: 100%;height: 132px;display: block;border-radius: 10px;}
.item_div .title {display:block;font-size: 12px;font-family: 'e-Ukraine-Light';line-height: 1.38em;padding: 16px 12px 12px 10px;width: 100%;z-index: 2;position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(#06060600, #0606067a, #000000bd);}
.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-regular';align-items: center;justify-content: center;box-shadow: 0 0 0 1px #fff;z-index: 2;}
.item_div.active .count {background-color: #1976d2;}

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



/* powered-menu */
#meta_vr {margin-top: 34px;background-color: #258358;display: flex;align-items: center;height: 80px;border-radius: 14px;padding: 0 17px 0 10px;justify-content: space-between;transition: background-color 0.25s ease-out;}
#meta_vr:hover {cursor:pointer;background-color: #01995d;transition: background-color 0.25s ease-out;}
#meta_vr img {width: 90px;}
#meta_vr span {display:block;color: #ecebeb;font-family: 'e-Ukraine-Bold';font-size: 12px;line-height: 1.45;text-align: center;}
#meta_vr.en span {font-size: 11px;}

.powered-menu {color: #cacaca;text-align: center;margin: 28px auto 0 auto;margin: 12px auto 0 auto;font-family: 'e-Ukraine-Light';}
.border-top {width: 72%;margin: 22px auto 0;border-top: 2px dotted #9f9f9f;}
.border-bottom {width: 72%;margin: 0 auto 30px;border-top: 2px dotted #9f9f9f;}
.information {font-size: 12px;padding: 22px 6px 0;line-height: 1.7;}
.information a{color: #cacaca;}
.information a:hover{color: #90caf9;}
.powered-menu .partner {color: transparent;margin: 20px auto 0;width: 50%;}
.powered-menu .partner .logo {margin: 0 auto;opacity: 0.9;}
.developer {font-size: 12px;padding: 32px 0 0 0;color: #8b8b8b;}
.developer a{color: #8b8b8b;display:block;font-size: 22px;font-family: 'ermilov-bold';margin-top: 4px;text-decoration:none;}
.feedback {font-size: 12px;padding: 22px 4px 0;line-height: 1.7;}
.copyright {font-size: 12px;padding: 18px 0 0 0;line-height: 1.5;}
.warning {font-size: 12px;padding: 18px 0 0 0;line-height: 1.6;}


/* ----------------------------------------------------- */
/* СЛАЙДЕР ПРЕВЬЮ ПАНОРАМ ------------------------------ */
/* ----------------------------------------------------- */
.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,rgba(0,0,0,0),rgba(0,0,0,0.6));width: 100%;overflow: hidden;padding: 40px 0 22px 0px;transition: all 0.5s ease-out;}
.slider_wraper {position: relative;display: flex;width: 100%;overflow-x: scroll;}
.slider .container {display: flex;flex-shrink: 0;flex-direction: row;flex-wrap: nowrap;align-items: center;margin-left: 22px;margin-right: 26px;}
.slider .box_img {cursor: pointer;position: relative;border: 1px solid transparent;border-radius: 5px;overflow: hidden;background: #ffffffdb;margin: 0px 11px 0px 0;}
.slider .box_img img {border-radius: 4px;display: block;}
.slider .box_img.active {border: 2px solid #ffffff;}
.slider .check {position:absolute;background-color:#fff;background-image: url(resources/menu-ico/check.svg);background-size: 11px;background-position: center;background-repeat: no-repeat;bottom: 6px;right: 5px;border-radius: 16px;width: 14px;height: 14px;}
.slider .eye {position: absolute;bottom: 5px;right: 4px;width: 16px;height: 16px;background-color:#fff;border-radius: 18px;background-color: #009652;border: 2px solid #ffffff;background-size: 12px;background-position: center;background-repeat: no-repeat;box-shadow: 1px 1px 3px #00000047;z-index: 4;cursor: default;}


/* ----------------------------------------------------- */
/* НИЖНЕЕ BAR МЕНЮ мобильное ------------------------------ */
/* ----------------------------------------------------- */
.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;}
.mobile-menu .button {background-color: rgba(0,0,0,0.44);border-radius: 30px;background-repeat: no-repeat;background-color: #093227B2;}
.mobile-menu .menu {background-image: url(resources/menu-ico/m4.svg);}
.mobile-menu .textbot {background-image: url(resources/img/svg/info-white.svg);}
.mobile-menu .hide-bar {background-image: url(resources/menu-ico/eject.svg);transform: rotate(180deg);}
.mobile-menu.off .hide-bar {transform: rotate(0deg);background-position: 50% 7px;}
.mobile-menu .wrap {display: flex;align-items: flex-end;justify-content: space-between;}


/* ----------------------------------------------------- */
/* OCULUS PROMO BLOCK желт-fcd535 сер-1b212a сер-202630 ------------------------------ */
/* ----------------------------------------------------- */
#meta_promo {position:fixed;top:0;left:0;right:0;bottom:0;z-index: 99999;display:none;}
#meta_promo .shtora {position: absolute;top:0;left:0;right:0;bottom:0;background-color: rgb(0 0 0 / 65%);}
#meta_promo .boss {position:absolute;top:0;left:0;right:0;bottom:0;display: flex;justify-content: center;align-items: center;pointer-events: none;}
#meta_promo .wrap {background-color: #313844;border-radius: 8px;overflow: hidden;position: relative;box-shadow: 0px 0px 0px 2px #ffffff8a;pointer-events: all;}
#meta_promo .content {display: flex;align-items: flex-start;height: 261px;border-radius: 8px;overflow: hidden;}
#meta_promo .recommend {background-color: #202630;height: 100%;width: 210px;padding: 40px 22px 0;}
#meta_promo .recommend .ttl {display:block;color: #d9d9d9;font-size: 14px;font-family: 'e-Ukraine-Light';line-height: 1;text-align: center;}
#meta_promo .device {margin-top: 31px;}
#meta_promo .device .quest_2 {display: flex;align-items: center;justify-content: center;}
#meta_promo .device .quest_3 {display: flex;align-items: center;margin-top: 24px;justify-content: center;}
#meta_promo .device img {width: 96px;aspect-ratio: 400 / 230;}
#meta_promo .device span {display:block;color: #d9d9d9;font-size: 13px;font-family: 'e-Ukraine-Light';line-height: 1.4;text-align: center;margin-left: 5px;}
#meta_promo .promo_txt {width: 400px;padding: 39px 0px 0px 34px;background: linear-gradient(0deg,rgba(0,0,0,0),rgb(32 38 48));}
#meta_promo .promo_txt span {font-size: 18px;font-family: 'e-Ukraine-regular';line-height: 1.5;color: #fff;}
#meta_promo .buttons {display: flex;align-items: center;justify-content: flex-start;position: absolute;bottom: 34px;left: 35px;}
#meta_promo .buttons .close {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;line-height: 1;background-color: #cfd8dc;color: #202630;padding: 0 20px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 4px;margin-left: 14px;}
#meta_promo .buttons .open {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;line-height: 1;background-color: #03955b;color: #fff;padding: 0 20px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 4px;}
#meta_promo .buttons .close:hover {cursor: pointer;background-color: #ffffff;}
#meta_promo .buttons .open:hover {cursor: pointer;background-color: #2196f3;background-color: #00a764;}


/* ----------------------------------------------------- */
/* КАРТА ------------------------------ */
/* ----------------------------------------------------- */
#map-container {position:fixed;top:0;bottom:0;left: 0;right: 0;display:none;width: 100%;height:100%;background-color: #000000eb;z-index: 99;padding: 20px 20px 70px 20px;overflow: hidden;}
#map-container:after {content:'';pointer-events: none;position:absolute;width: calc(100% - 44px);height: calc(100% - 94px);top: 20px;left: 20px;border: 2px solid #fff;border-radius: 10px;}
#map-iframe {width:100%;height:100%;background-color: #e0e0e0;border-radius: 10px;}
#map-container iframe {width:100%;height:100%;outline: none;border-radius: 10px;}
#close-map {display: flex;width: 232px;height: 36px;background-color: #1976d2;background-color: #007F4D;align-items: center;justify-content: center;border-radius: 3px;margin: 10px auto 0px;}
#close-map:hover{background-color: #029f61;cursor: pointer;}
#close-map span {display:block;color: #fff;font-size: 13px;font-family: 'e-Ukraine-Bold';line-height: 1;}



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

/*** 1030px  (!!!! for 1024) *******************/
@media screen and (max-width: 1030px) {
.title-text-boss .wrap {margin: 30px 34px 32px 286px;}
#title_text {font-size: 16px;font-family: 'e-Ukraine-Light';font-family: 'e-Ukraine-Bold';}
#tooltip-down-menu {opacity:0;}
}

/*** 1010px  (!!!! for 962) *******************/
@media screen and (max-width: 1010px) {
.title-text-boss{background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.8));}
.left-menu-wrap {width: 282px;padding: 34px 4px 0 4px;}
.left-menu-boss {transform: translateX(-320px);box-shadow: none;}
.left-menu-boss.close {transform: translateX(-320px);}
.left-menu-boss.open {transform: translateX(0px);}
.left-menu-title .name {font-size: 34px;}
.left-menu-title .position {margin-right: 20px;margin-bottom: 10px;font-size: 16px;}
.show-left-menu, .hide-left-menu {display:none;}
.hide-left-menu-mobver {left: 263px;}
.item_div img {height: 150px;}
.item_div:hover.item_div:after {border: 2px solid transparent;}
.item_div:hover.item_div.active:after {border: 2px solid #fff;}

#meta_vr {margin-top: 38px;height: 80px;padding: 0 25px 0 15px;}
#meta_vr:hover {background-color: #1976d2;}
#meta_vr span {font-size: 14px;line-height: 1.45;}
#meta_vr.en span {font-size: 13px;}

.title-text-boss .wrap {margin: 30px 30px 30px 30px;}
.title-text-boss.center-position .wrap {margin: 30px 34px 32px 30px;text-align: left;}

.navigation_scene {display:none;}
.control_menu {display:none;}

.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: 104px;height: 72px;}

.mobile-menu {display:flex;bottom: 118px;margin: 0 0px 0 20px;}
.mobile-menu.off {transform: translateY(96px);transition: transform 0.5s ease-out;}
.mobile-menu .button {width: 46px;height: 46px;margin-right: 10px;}
.mobile-menu .menu {background-size: 24px;background-position: 50% 50%;}
.mobile-menu .textbot {background-size: 26px;background-position: 50% 50%;}
.mobile-menu .hide-bar {background-size: 28px;background-position: 50% 50%;}
.mobile-menu .wrap {margin-left: 3px;}

.navigation_scene .textbot {cursor: default;}
}

/*** 770px (!!!! for 768) *******************/
@media screen and (max-width: 770px) {
#map-container {padding: 20px 20px 100px 20px;}
#map-container:after {height: calc(100% - 124px);}
#close-map {margin: 30px auto 0px;}
.book-wrap h2 {margin:0;}
.item_div img {height: auto;aspect-ratio: 212/132;}
}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
.title-text-boss .wrap {margin: 22px 26px 32px 26px;}
.slider {padding: 40px 0 16px 0px;}
.slider .container {margin-left: 16px;margin-right: 18px;}
.slider .check {bottom: 4px;right: 4px; width: 12px;height: 12px;background-size: 10px;}
.slider .eye {bottom: 3px;right: 3px;width: 14px;height: 14px;}
.slider .box_img img {width: 80px;height: 56px;}
.mobile-menu {bottom: 90px;margin: 0 0px 0 14px;}
.mobile-menu.off {transform: translateY(74px);}
.mobile-menu .button {width: 40px;height: 40px;margin-right: 8px;}
.mobile-menu .menu {background-size: 22px;}
.mobile-menu .textbot {background-size: 22px;}
.mobile-menu .hide-bar {background-size: 24px;}

#meta_promo .promo_txt {width: 318px;padding: 36px 0px 0px 24px;}
#meta_promo .promo_txt span {font-size: 15px;line-height: 1.7;}
#meta_promo .buttons {left: 24px;}
}

/*** 542px (!!!! for 534/540) *******************/
@media screen and (max-width: 542px) {
#meta_promo .wrap {box-shadow: none;background-color: #f7f7f7;}
#meta_promo .content {display: flex;flex-direction: column;align-items: center;height: auto;}
#meta_promo .promo_txt {padding: 32px 0 0;text-align: center;width: 320px;background: none;}
#meta_promo .promo_txt span {font-size: 18px;color: #040404;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 1.5;}
#meta_promo .buttons {position: relative;bottom: auto;left: auto;display: flex;justify-content: flex-start;align-items: center;margin-top: 28px;flex-direction: column;}
#meta_promo .buttons .open {width: 200px;background-color: #5491cd;}
#meta_promo .buttons .close {margin: 14px 0 0 0;width: 200px;background-color: #f7f7f7;border: 1px solid #494949;}
#meta_promo .recommend {width: 100%;margin-top: 32px;height: 248px;background-color: #fcfdff;background: linear-gradient(180deg,rgb(227 229 231 / 85%),rgb(255 255 255));padding: 34px 22px 0;}
#meta_promo .device {display: flex;align-items: flex-start;justify-content: space-around;}
#meta_promo .device .quest_2 {display: flex;flex-direction: column;align-items: center;}
#meta_promo .device .quest_3 {margin: 0;display: flex;flex-direction: column;align-items: center;}
#meta_promo .recommend .ttl {color: #000;font-size: 17px;}
#meta_promo .device span {color: #000;margin: 12px 0 0 0;}
#meta_promo .device img {width: 120px;}
}


/*** 482px (!!!! for 480) *******************/
@media screen and (max-width: 482px) {
#map-container {padding: 12px 12px 80px 12px;}
#map-container:after {top: 12px;left: 12px;width: calc(100% - 28px);height: calc(100% - 96px);}
#close-map {margin: 20px auto 0px;width: 98%;}
#title_text {font-size: 14px;line-height: 1.5;text-shadow: none;}
.slider .box_img {margin: 0 10px 0 0;}
.slider .box_img img {width: 78px;}
.mobile-menu {bottom: 90px;/* margin: 0 14px 0 14px; */}
.book-wrap h2 {font-size: 24px;}
.book-wrap p {font-size: 14px;}
}


/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
.book-wrap p {margin-top: 24px;}
.title-text-boss .wrap {margin: 22px 20px 32px 20px;text-align: center;}
.slider {padding: 34px 0 16px 0px;}
.slider .box_img img {width: 80px;}
.book-wrap figcaption {font-size: 14px;}
}


/*** 416px (!!!! for 412/414) *******************/
@media screen and (max-width: 416px) {
.slider .box_img img {width: 80px;height: 56px;}
.mobile-menu {bottom: 90px;/* margin: 0 12px 0 13px; */}
.mobile-menu .menu {background-size: 22px;background-position: 50% 50%;}
.mobile-menu .wrap {margin-left: 3px;}
}


/*** 395px (!!!! for 390/393) *******************/
@media screen and (max-width: 395px) {
.slider .box_img img {width: 76px;}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.title-text-boss .wrap {margin: 20px 20px 32px 20px;}
#title_text {font-size: 13px;}
.slider .box_img img {width:74px;}
.book-wrap h2 {font-size: 22px;}
.book-wrap p {font-family: "Roboto", sans-serif;font-weight: 400;font-size: 16px;line-height: 1.5;}
}

/*** 362px (!!!! for 360) ***********************/
@media screen and (max-width: 362px) {
.title-text-boss .wrap {margin: 18px 16px 32px 16px;}
.slider .box_img img {width: 82px;}
.mobile-menu .button {/* margin-right: 6px; */}
}

/*** 343px (!!!! for 342) ***********************/
@media screen and (max-width: 343px) {
#map-container {padding: 10px 10px 60px 10px;}
#map-container:after {top: 10px;left: 10px;width: calc(100% - 24px);height: calc(100% - 74px);}
#close-map {margin: 11px auto 0px;width: 100%;}
.book-wrap p {font-size: 15px;}

#meta_promo .boss {padding: 10px;}
#meta_promo .wrap {width: 100%;height: 100%;border-radius: 6px;background-color: #fff;padding: 32px 0 0px 0;}
#meta_promo .content {height: 100%;position: relative;display: flex;justify-content: flex-start;overflow-y: auto;}
#meta_promo .promo_txt {width: auto;padding: 6px 0 0;}
#meta_promo .promo_txt span {font-size: 17px;}
#meta_promo .buttons {margin-top: 32px;}
#meta_promo .buttons .close {background-color: #fff;margin: 16px 0 0 0;}
#meta_promo .recommend {margin-top: 44px;height: auto;padding: 38px 16px 50px;background: linear-gradient(180deg,#eceff1,rgb(255 255 255));}
#meta_promo .recommend .ttl {font-size: 16px;}
}


/*** 324px (!!!! for 320) ***********************/
@media screen and (max-width: 324px) {
.mobile-menu {/* margin: 0 10px 0 13px; */}
.slider .box_img img {width: 76px;}
.book-wrap h2 {font-size: 20px;}
}