/* ----------------------------------------------------- */
/* БАР МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
.barmenu-wrap {position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);width: 300px;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 {width: 214px;left: 38px;display:none;}


/* зум панорам */
#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: 204px;display:none;}
#text_zoomout {width: 110px;left: 258px;display:none;}

/* листалка панорам */
.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: 144px;display:none;}
#text_prev {width: 200px;left: 88px;display:none;}

/* гироскоп, виар */
#gyro {display:none;background-image: url(skin/ico/gyro.svg);background-position: 50% 50%;background-size: 18px;}



/* ----------------------------------------------------- */
/* ХЕДЕР БАР ------------------------------ */
/* ----------------------------------------------------- */
.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;
}

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

/* ----------------------------------------------------- */
/* ПОИСК БЛОК ------------------------------ */
/* ----------------------------------------------------- */
.search-container {position: fixed;top: 0;z-index: 2;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::-webkit-scrollbar {width: 3px !important;height: 5px !important;}
.author-box  ul::-webkit-scrollbar-thumb {background-color: #606060;border-radius: 5px;border: none;display:block;}

/* ----------------------------------------------------- */
/* ЛЕВОЕ МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
.bossmenu {position: absolute;top: 0;z-index: 2;left: -330px;width:310px;background: linear-gradient(#0940D8 0%, #EDF1FA 95%, #FFF 100%);height: 100%;color: #fff;padding: 0px 22px 12px 22px;overflow: hidden;transition: left 0.3s ease-out;-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;}
.open-bossmenu {left:0;transition: left 0.3s ease-out;-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;}
.bossmenu .wraper {overflow-y: scroll;height: 100%;padding-top: 22px;padding-bottom: 30px;}

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

.bossmenu .title {font-family: 'Akzidenz Grotesk MedCond';font-size: 26px;line-height: 1;margin-left: 4px;}
.title-logo {margin-top: 22px;width: 230px;margin-left: 4px;}
.title-logo img {display:block;}
.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: 32px;}
.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: #0940D8;}
.floors div:hover .target {text-decoration: underline;}
.floors .number {display: flex;font-family: 'Akzidenz Grotesk Ex';font-size: 19px;background: #0940D8;line-height: 1;border-radius: 20px;width: 32px;height: 32px;align-items: center;justify-content: center;}
.floors .active .number {background: #fff;color: #0940D8;}
.floors .target {display: block;font-family: 'Akzidenz Grotesk Ex';font-size: 14px;line-height: 1;margin-left: 12px;}
.bossmenu-umca {margin-top: 34px;cursor: pointer;}
.bossmenu-umca img {display:block;width: 200px;}

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

::-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 {cursor: default;box-shadow:none;}
#text_next, #text_prev {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;}
#gyro {display:block;}
.barmenu-wrap {width: 244px;}
.hdrb-search:hover.hdrb-search span {cursor: default;text-decoration:none;}
.logo-umca {display:none;}
}

/* 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;}
}

/* ----------------------------------------------------- */
/* ЛОГОТИПЫ -------------------------- */
/* ----------------------------------------------------- */
.logo-umca {position:fixed;bottom: 35px;right: 40px;z-index: 1;}
.logo-umca:hover {cursor:pointer;}
.logo-umca img {width: 180px;}
.logo-tyyak {position:fixed;bottom: 30px;left: 102px;z-index: 1;}
.logo-tyyak img {width: 90px;}

/* ----------------------------------------------------- */
/* оформление внутри 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;}