/* ----------------------------------------------------- */
/* оформление внутри FANCYBOX -------------------------- */
/* ----------------------------------------------------- */
.book-wrap h2{margin: 0px 44px 0 0;font-size: 24px;font-family: 'e-Ukraine-Bold';padding: 0;line-height: 1.4;}
.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;}


/* ----------------------------------------------------- */
/* ХЕДЕР БАР ------------------------------ */
/* ----------------------------------------------------- */
.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: 'e-Ukraine-Bold';font-size: 20px;line-height: 1;display: block;margin-left: 12px;}
.hdrb-button-menu img {width: 22px;}

.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: 'e-Ukraine-Bold';font-size: 20px;line-height: 1;margin-right: 8px;}
.hdrb-search img {width: 26px;}

.hdrb-floor {}
.hdrb-floor span {color: #ffffff;font-family: 'e-Ukraine-Bold';font-family: 'e-UkraineHead-Medium';font-size: 18px;line-height: 1;text-align: center;text-transform: uppercase;}
.hdrb-floor span:hover {cursor:pointer;text-decoration:underline;}
.hdrb-floor .container {display: none;align-items: center;width: 230px;justify-content: space-between;}
.hdrb-floor .container.active {display: flex;}

.hdrb-floor .prev{background-image: url(resources/icon/prev-bold-white.svg);}
.hdrb-floor .next{background-image: url(resources/icon/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: 4;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.search-container {position: fixed;top: 0;z-index: 4;right: -330px;width: 284px;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: 20px;font-family: 'e-Ukraine-Bold';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: 20px;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: 'e-Ukraine-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: 'e-UkraineHead-Regular';}
.author-box  ul li {list-style: none;margin: 14px 6px 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 6px 0 0;}
.author-box  ul li:hover {cursor:pointer;background-color:#383838;background-color: #825767;}
.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;}

.author-box  ul li.nohover {cursor:default;background-color:transparent;}

/* ----------------------------------------------------- */
/* ЛЕВОЕ МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
#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);}

.bossmenu {position: absolute;top: 0;z-index: 4;left: -330px;width: 284px;background: rgb(0 0 0 / 90%);/* background: #6a3f4feb; */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: 24px;padding-bottom: 40px;}

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

.bossmenu .title {margin-top: 40px;font-family: 'e-UkraineHead-Regular';}
.bossmenu .title .description {font-size: 14px;line-height: 1.5;}
.bossmenu .title .name {font-size: 29px;line-height: 1.25;margin-top: 12px;}
.title-logo {margin-top: 0px;width: 110px;}
.title-logo img {display:block;}
.about {margin-top: 26px;margin-left: 4px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 12px 0 12px 4px;}
.about a {color:#fff;font-size: 14px;line-height: 1;font-family: 'e-Ukraine-regular';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: #343434;}
.floors div:hover .target {text-decoration: underline;}
.floors .number {display: flex;font-family: 'Akzidenz Grotesk Ex';font-size: 16px;background: #343434;line-height: 1;border-radius: 20px;width: 32px;height: 32px;align-items: center;justify-content: center;}
.floors .active .number {background: #fff;color: #343434;}
.floors .target {display: block;font-family: 'e-UkraineHead-Bold';font-size: 15px;line-height: 1;margin-left: 12px;}

/* powered-menu */
.bossmenu .feedback {font-size: 12px;padding: 50px 0px 0;line-height: 1.6;font-family: 'e-Ukraine-regular';color: #ffffffa8;}
.bossmenu .feedback a{text-decoration: none;color: #ffffffa8;}
.bossmenu .copyright {font-size: 13px;padding: 18px 0 0 4px;font-family: 'e-UkraineHead-Regular';line-height: 1.6;color: #ffffffa8;}
.bossmenu .warning {font-size: 12px;padding: 18px 0 0 0px;line-height: 1.55;font-family: 'e-Ukraine-regular';color: #ffffffa8;}
.bossmenu .powered {font-family: 'e-Ukraine-regular';line-height: 1.6;font-size: 12px;padding: 18px 0 0 4px;color: #ffffffa8;}
.bossmenu .powered a{color: #ffffffa8;}
.bossmenu .powered a:hover{color: #fff;}
::-webkit-scrollbar {width: 0;height: 0;}


/* ------------------------------------------------------------------------ */
/* ЛИСТАЛКА ПАНОРАМ ДЕСКТОП  база 1600 на 900 ------ */
/* ------------------------------------------------------------------------ */
.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 {background-color: #000000b2;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/icon/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: #000000;}
#button_prev {transform: scaleX(-1);}

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

.navigation_scene .general-sound {background-image: url(resources/icon/info-italic-black.svg);background-size: 22px;background-position: 50% 50%;width: 30px;height: 30px;background-color: #ffffff;border-radius: 30px;background-repeat: no-repeat;cursor: pointer;}
.navigation_scene .general-sound.on {background-color: #7c545e;background-image: url(resources/icon/info-italic-white.svg);}

/* ------------------------------------------------------------------------ */
/* CONTROL MENU  база 1600 на 900 ------ */
/* ------------------------------------------------------------------------ */
.control_menu {position: fixed;transition: all 0.5s ease-out;z-index: 1;bottom: 26px;left: 40px;display: flex;align-items: center;}

/* кнопки */
.control_menu .button {width: 44px;height: 44px;background-color: #000000b2;border-radius: 30px;background-repeat: no-repeat;margin: 0 4px;}
.control_menu .button:hover {cursor:pointer;background-color: #000000;}
.control_menu .fullscreen.on {background-image: url(resources/icon/fullscreen-on.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .fullscreen.off {background-image: url(resources/icon/fullscreen-off.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-in {background-image: url(resources/icon/zoom-in.svg);background-size: 20px;background-position: 50% 50%;}
.control_menu .zoom-out {background-image: url(resources/icon/zoom-out.svg);background-size: 20px;background-position: 50% 50%;}

.menu-mobile {display:none;}


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* DESKTOP UP (!!!! обязательная точка проверки) ------------------------------ */

/*** 1678px  (!!!! for 1680) *******************/
@media screen and (min-width: 1678px) {}

/*** 1918px  (!!!! for 1920) *******************/
@media screen and (min-width: 1918px) {}

/*** 2550px  (!!!! for 2560) *******************/
@media screen and (min-width: 2550px) {}



/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* DESKTOP DOWN (!!!! обязательная точка проверки) ------------------------------ */

/*** 1540px  (!!!! for 1536) *******************/
@media screen and (max-width: 1540px) {}


/*** 1442px  (!!!! for 1440) *******************/
@media screen and (max-width: 1442px) {}


/*** 1368px  (!!!! for 1360/1366) *******************/
@media screen and (max-width: 1368px) {}


/*** 1282px  (!!!! for 1280) *******************/
@media screen and (max-width: 1282px) {}


/*** 1155px  (!!!! for 1152) *******************/
@media screen and (max-width: 1155px) {}


/*** 1095px  (!!!! for 1093) *******************/
@media screen and (max-width: 1095px) {}


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MOBILE DOWN (!!!! обязательная точка проверки)  ------------------------------ */

/*** 1030px  (!!!! for 1024) *******************/
@media screen and (max-width: 1030px) {
.hdrb-floor span:hover {cursor: default;text-decoration: none;}
.header-bar {padding: 14px 22px;}
.hdrb-search:hover.hdrb-search span {cursor: default;text-decoration:none;}
#tooltip-down-menu {display:none !important;}
}

/*** 1010px  (!!!! for 962) *******************/
@media screen and (max-width: 1010px) {
.control_menu {left: 26px;}
}


/*** 802px (!!!! for 800) *******************/
@media screen and (max-width: 802px) {}


/*** 770px (!!!! for 768) *******************/
@media screen and (max-width: 770px) {
.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;}
}

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

}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
.header-bar {display: flex;}
.hdrb-button-menu  {display:none;}
.hdrb-floor .container {
    width: auto;
}
.control_menu {display:none;}
.navigation_scene {bottom: 22px;}
#menu-mobile {position:absolute;bottom: 22px;left: 22px;display:block;width: 44px;height: 44px;background-color: #000000b2;border-radius: 30px;background-repeat: no-repeat;background-image: url(resources/icon/burger-mobile.svg);background-size: 20px;background-position: 50% 50%;z-index: 1;}
}

/*** 602px (!!!! for 600) *******************/
@media screen and (max-width: 600px) {}


/*** 542px (!!!! for 534/540) *******************/
@media screen and (max-width: 542px) {
#menu-mobile {bottom: 18px;left: 18px;}
.navigation_scene {bottom: 18px;}
}

/* 520px */
@media screen and (max-width: 520px) {
.hdrb-floor .container {width: auto;}
#menu-mobile {
    /* width: 50px; */
    /* height: 50px; */
    /* background-size: 24px; */
}
.navigation_scene .wrap {
    min-width: 130px;
}
}


/*** 482px (!!!! for 480) *******************/
@media screen and (max-width: 482px) {
.book-wrap h2 {font-size: 24px;}
.book-wrap p {font-size: 14px;}
}

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


/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
.book-wrap p {margin-top: 24px;}
.book-wrap figcaption {font-size: 14px;}
.navigation_scene .general-sound {width: 28px;height: 28px;}
}


/*** 416px (!!!! for 412/414) *******************/
@media screen and (max-width: 416px) {

}


/*** 395px (!!!! for 390/393) *******************/
@media screen and (max-width: 395px) {

}


/*** 386px (!!!! for 384) ***********************/
@media screen and (max-width: 386px) {}


/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.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) {
.header-bar {padding: 14px 16px;}
.hdrb-floor span {font-size: 14px;}
.hdrb-button-menu img {width: 20px;}
.hdrb-search img {width: 22px;}
}

/*** 343px (!!!! for 342) ***********************/
@media screen and (max-width: 343px) {
.book-wrap p {font-size: 15px;}
}


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