/* ----------------------------------------------------- */
/* БАР МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
.barmenu-wrap {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 332px;
    background: rgb(0 0 0 / 29%);
    z-index: 1;
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    }

.brmn .icon {background-color: #000000db;width: 40px;height: 40px;border-radius: 40px;overflow: hidden;background-repeat: no-repeat;}

/* инфо */
.bookinfo-button {opacity:1;transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-webkit-transition: opacity 0.5s ease-out;}
.bookinfo-button div {background-image: url(skin/ico/info-bold-white.svg);background-size: 7px;background-position: 17px 50%;}
.bookinfo-button div:hover {box-shadow: 0 0 0 2px #fff;cursor: pointer;}
#text_bookinfo {left: 38px;display:none;}
.about_floor {width: 228px;}
.en .about_floor  {width: 280px;}

/* sound */
#sound.off {background-image: url(skin/ico/sound-off.svg);background-size: 18px;background-position: 50% 50%;transform: rotate(180deg);}
#sound.on {background-image: url(skin/ico/sound-on.svg);background-size: 18px;background-position: 50% 50%;transform: rotate(180deg);}
#sound:hover {box-shadow: 0 0 0 2px #fff;cursor: pointer;}
#text_sound_off {width: 162px;left: 90px;display:none;pointer-events:none;}
#text_sound_on {width: 152px;left: 90px;display:none;pointer-events:none;}
.en #text_sound_on {width: 130px;}
.en #text_sound_off {width: 112px;}

/* зум панорам */
#zoom_in {background-image: url(skin/ico/plus-bold-white.svg);background-size: 18px;background-position: 50% 50%;}
#zoom_out {background-image: url(skin/ico/minus-bold-white.svg);background-size: 16px;background-position: 50% 50%;}
#zoom_out:hover, #zoom_in:hover {box-shadow: 0 0 0 2px #fff;cursor: pointer;}
#text_zoomin, #text_zoomout {width: 220px;}

#text_zoomin {width: 112px;left: 236px;display:none;}
#text_zoomout {width: 110px;left: 286px;display:none;}
.en #text_zoomin {width: 84px;}
.en #text_zoomout {width: 98px;}

/* листалка панорам */
.navigation_wrap {background-size: 13px;}
.brmn .tooltip {transform: translateX(-50%);border-radius: 6px;position:absolute;top: -40px;background-color: rgb(0 0 0 / 60%);color: #ffffff;font-family: 'e-Ukraine-Bold';font-size: 14px;line-height: 1;padding: 8px 0px 9px 0;text-align: center;z-index: 1;}
.navigation_wrap.disbld {opacity: 0.5;}
.navigation_wrap.enbld {opacity:1;}
.navigation_wrap.show {opacity:0;visibility: hidden;}

#navi_prev {background-image: url(skin/ico/prev-bold-white.svg);background-position: 13px 50%;}
#navi_next {background-image: url(skin/ico/next-bold-white.svg);background-position: 15px 50%;}
#navi_prev.enbld:hover, #navi_next.enbld:hover {box-shadow: 0 0 0 2px #fff;cursor: pointer;}

#text_next {width: 184px;left: 186px;display:none;}
#text_prev {width: 200px;left: 134px;display:none;}
.en #text_next {width: 144px;}
.en #text_prev {width: 174px;}


/* ----------------------------------------------------- */
/* ХЕДЕР БАР ------------------------------ */
/* ----------------------------------------------------- */
.header-bar {position: fixed;top: 0;left: 0;right: 0;width: 100%;background: rgb(0 0 0 / 50%);padding: 14px 32px;
    display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;
    z-index: 1;
}

.hdrb-button-menu {display: flex;align-items: center;}
.hdrb-button-menu:hover {cursor:pointer;}
.hdrb-button-menu:hover.hdrb-button-menu span {text-decoration:underline;}
.hdrb-button-menu span {color: #ffffff;font-family: 'Akzidenz Grotesk Ex';font-size: 18px;line-height: 1;display: block;margin-left: 12px;}
.hdrb-button-menu img {width: 26px;}

.hdrb-search {display: flex;align-items: center;}
.hdrb-search:hover {cursor:pointer;}
.hdrb-search:hover.hdrb-search span {text-decoration:underline;}
.hdrb-search span {color: #ffffff;font-family: 'Akzidenz Grotesk Ex';font-size: 18px;line-height: 1;margin-right: 8px;}
.hdrb-search img {width: 26px;}

.hdrb-floor {}
.hdrb-floor span {color: #ffffff;font-family: 'Akzidenz Grotesk Ex';font-size: 18px;line-height: 1;text-align: center;}
.hdrb-floor span:hover {cursor:pointer;text-decoration:underline;}
.hdrb-floor .container {display: none;align-items: center;width: 310px;justify-content: space-between;}
.hdrb-floor .container.active {display: flex;}

.hdrb-floor .prev{background-image: url(skin/ico/prev-bold-white.svg);}
.hdrb-floor .next{background-image: url(skin/ico/next-bold-white.svg);}
.hdrb-floor .prev, .hdrb-floor .next {width: 20px;height: 20px;background-position: 50%;overflow: hidden;background-repeat: no-repeat;background-size: 13px;}
.hdrb-floor .prev:hover, .hdrb-floor .next:hover {cursor:pointer;}

.hdrb-floor .prev.disbld {opacity:0.5}
.hdrb-floor .prev.disbld:hover {cursor:default;}
.hdrb-floor .next.disbld {opacity:0.5}
.hdrb-floor .next.disbld:hover {cursor:default;}

/* ----------------------------------------------------- */
/* ПОИСК БЛОК ------------------------------ */
/* ----------------------------------------------------- */
#overlay_search {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.7);z-index: 2;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.search-container {position: fixed;top: 0;z-index: 4;right: -330px;width:310px;background: rgb(0 0 0 / 95%);height: 100%;color: #fff;padding: 22px 22px 12px 22px;overflow: hidden;transition: right 0.3s ease-out;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;}
.search-container .title span {font-size: 18px;font-family: 'Akzidenz Grotesk Ex'; line-height: 1;    margin-left: 6px;}
.open-search-box {right:0;transition: right 0.3s ease-out;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;}

#close-search {position: absolute;top: 18px;right: 22px;width: 22px;}
#close-search:hover {cursor:pointer;transform: scale(1.2);}

#search-author {margin-top: 28px;margin-bottom: 4px;border-style: none;border: none;padding: 10px;width: 246px;background: #2a2a2a;font-family: 'e-Ukraine-Light';font-size: 12px;color: #fff;border-radius: 5px;}
#search-author::placeholder {color: #ffffffc7;font-family: 'Akzidenz Grotesk Ex Light';font-size: 13px;}

.author-box {border-top: 1px solid #353535;margin-top: 16px;padding-top: 20px;}
.author-box  ul {height: calc(100vh - 160px);overflow-y: scroll;list-style: none;margin: 0px 0 0px 0;padding: 0px 0 0 0;font-size: 13px;font-family: 'Akzidenz Grotesk Ex Light';}
.author-box  ul li {list-style: none;margin: 14px 0 0 0;padding: 8px 10px 8px 10px;cursor:pointer;display: -webkit-box;display: -webkit-inline-box;overflow: hidden;/* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */display: block;line-height: 1.4;border-radius: 5px;}
.author-box  ul li:first-child {margin: 0;}
.author-box  ul li:hover {cursor:pointer;background-color:#383838;}
.author-box  ul .psvd {cursor:default  !important;background-color:transparent;}
.author-box  ul .psvd:hover {cursor:default  !important;background-color:transparent;}
.author-box  ul::-webkit-scrollbar {width: 3px !important;height: 5px !important;}
.author-box  ul::-webkit-scrollbar-thumb {background-color: #606060;border-radius: 5px;border: none;display:block;}

/* ----------------------------------------------------- */
/* ЛЕВОЕ МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
#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: 1;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.bossmenu {position: absolute;top: 0;z-index: 2;left: -350px;width:310px;background:#030202;height: 100%;color: #fff;padding: 0px 22px 12px 22px;/* overflow: hidden; */transition: left 0.4s ease-out;-webkit-transition: left 0.4s ease-out;-moz-transition: left 0.4s ease-out;-o-transition: left 0.4s ease-out;}
.open-bossmenu {left:0;transition: left 0.4s ease-out;-webkit-transition: left 0.4s ease-out;-moz-transition: left 0.4s ease-out;-o-transition: left 0.4s ease-out;}
.bossmenu .wraper {overflow-y: scroll;height: 100%;padding-top: 22px;padding-bottom: 30px;display: flex;flex-direction: column;justify-content: space-between;}

#close-bossmenu {position: absolute;top: 16px;right: 18px;width: 22px;}
#close-bossmenu:hover {cursor:pointer;transform: scale(1.2);}

.bossmenu .title {font-family: 'e-Ukraine-Light';font-size: 13px;line-height: 1;margin-top: 16px;}
.bossmenu .title-logo {margin-top: 18px;width: 264px;margin-left: 1px;border-bottom: 4px dotted #b5b5b5;padding-bottom: 32px;}
.bossmenu .title-logo img {display:block;}
.bossmenu .title-logo img:nth-of-type(2) {margin-top: 14px;}
.bossmenu .about {margin-top: 30px;margin-left: 4px;}
.bossmenu .about a {color:#fff;font-size: 15px;font-family: 'Akzidenz Grotesk Ex Light';line-height: 1;}
.bossmenu .about a:hover{text-decoration: none;}
.floors {margin-top: 22px;}
.floors div {margin-top: 12px;display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: flex-start;}
.floors div:hover {cursor:pointer;}
.floors div:hover .number {background: #fff;color: #000000;}
.floors div:hover .target {text-decoration: underline;}
.floors .number {display: flex;font-family: 'Akzidenz Grotesk Ex';font-size: 19px;background: #464646;line-height: 1;border-radius: 20px;width: 32px;height: 32px;align-items: center;justify-content: center;}
.floors .active .number {background: #fff;color:#000000;}
.floors .target {display: block;font-family: 'Akzidenz Grotesk Ex';font-size: 14px;line-height: 1;margin-left: 12px;}

/* powered-menu */
.bossmenu .f_t {font-family: 'Akzidenz Grotesk Ex Light';color: #898989;}
.bossmenu .feedback {font-size: 12px;padding: 30px 4px 0;line-height: 1.5;font-family: 'Akzidenz Grotesk Ex Light';color: #898989;margin-top: 16px;}
.bossmenu .feedback a{text-decoration: none;color: #898989;}
.bossmenu .copyright {font-size: 12px;padding: 18px 0 0 4px;line-height: 1.6;}
.bossmenu .warning {font-size: 12px;padding: 18px 0 0 4px;line-height: 1.5;}
.bossmenu .powered {line-height: 1.6;font-size: 12px;padding: 18px 0 0 4px;}
.bossmenu .powered a{color: #898989;}
.bossmenu .powered a:hover{color: #ffffff;}

::-webkit-scrollbar {width: 0;height: 0;}


@media (hover: none) {
#text_next, #text_prev, #text_zoomin, #text_zoomout {visibility:hidden;display: none !important;}
}

/* 1010 */
@media screen and (max-width: 1010px) {
.hdrb-floor span:hover {cursor: default;text-decoration: none;}
#navi_next.enbld:hover, #navi_prev.enbld:hover, #sound:hover  {cursor: default;box-shadow:none;}
#text_next, #text_prev, #text_bookinfo, #text_sound_on, #text_sound_off {visibility:hidden;display: none !important;}
.bookinfo-button div:hover {cursor: default;box-shadow:none;}
.header-bar {padding: 14px 22px;}
#zoom_in, #zoom_out {display:none;}
.barmenu-wrap {width: 238px;}
.hdrb-search:hover.hdrb-search span {cursor: default;text-decoration:none;}
#sound {order: 4;display: flex;}
}

/* 768px!!! */
@media screen and (max-width: 768px) {
.book-wrap h2 {margin:0;}
}

/* 760px */
@media screen and (max-width: 760px) {
.hdrb-button-menu span, .hdrb-search span, .hdrb-floor .prev, .hdrb-floor .next {display:none;}
.hdrb-floor .container {justify-content: center;}
}

/* 520px */
@media screen and (max-width: 520px) {
.barmenu-wrap {/* width: 300px; */}
.hdrb-floor .container {width: auto;}
.barmenu-wrap {bottom: 16px;}
}

/* 440px */
@media screen and (max-width: 440px) {
.hdrb-floor span {font-size: 16px;}
.book-wrap h2 {font-size: 22px;}
}

/* 360px */
@media screen and (max-width: 360px) {
.header-bar {padding: 14px 16px;}
.hdrb-floor span {font-size: 14px;}
.hdrb-button-menu img {width: 20px;}
.hdrb-search img {width: 22px;}
.barmenu-wrap {bottom: 12px;}
}

/* 320px */
@media screen and (max-width: 320px) {
.book-wrap h2 {font-size: 20px;}
}

/* ----------------------------------------------------- */
/* оформление внутри FANCYBOX -------------------------- */
/* ----------------------------------------------------- */
.book-wrap h2{margin:0 44px 0 0;font-weight: 800;font-size: 22px;font-family: 'e-Ukraine-regular';line-height: 1.4;}
.book-wrap p {margin-top:22px;line-height: 1.6;font-size: 16px;font-family: 'e-Ukraine-Light';}
.book-wrap p strong {font-family: 'e-Ukraine-Bold';font-size: 1.07em;}
.book-wrap img {width:100%;margin: 32px auto 0 auto;display:block;background-color: #f5f5f5;border-radius:12px;}
.book-wrap .italics {font-style: italic;padding-left:12px;}
.book-wrap ul {line-height: 1.6;font-size: 15px;font-family: 'e-Ukraine-Light';}
.photo-description{display:block;font-size:15px;margin-top: 8px;text-align:center;font-family: 'e-Ukraine-Light';font-style:italic;padding-bottom: 12px;line-height: 1.3;}