.door {pointer-events: auto;background-repeat: no-repeat;background-image: url(skin/arrow.svg);border: 2px solid #dddddd;box-shadow: 0 0 0 8px #ffffff49;background-color:#7c545e;background-color: #a7884f;background-color: #3d4245;border-radius: 50%;}
.door:hover {border: 2px solid #ffffff;box-shadow: 0 0 0 10px #ffffff59;}
.door.left_view {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.door.x30 {width: 30px;height: 30px;background-size: 12px;background-position: 50%;}
.door.x40 {width: 40px;height: 40px;background-size: 16px;background-position: 50%;}
.door.x50 {width: 50px;height: 50px;background-size: 20px;background-position: 50%;}
.door.x60 {width: 60px;height: 60px;background-size: 24px;background-position: 50%;}

.book-wrap h2{margin: 0px 44px 0 0;font-size: 28px;font-family: 'e-Ukraine-Bold';font-family: 'e-UkraineHead-Medium';padding: 0;line-height: 1.4;}
.book-wrap p {margin-top: 22px;line-height: 1.5;font-size: 16px;font-family: 'e-Ukraine-regular';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;}

.barmenu-wrap {position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: 340px; 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: 88px;display:none;}
.about_floor {width: 158px;}
.about_floor_en  {width: 200px;}

#faq {background-image: url(skin/ico/faq-bar.svg);background-size: 18px;background-position: 50% 50%;}
#faq:hover {box-shadow: 0 0 0 2px #fff;cursor: pointer;}
#text_faq {width: 108px;left: 40px;display:none;}
.en #text_faq {width: 114px;}

#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 {width: 112px;left: 246px;display:none;}
#text_zoomout {width: 110px;left: 296px;display:none;}
.en #text_zoomin {width: 90px;}
.en #text_zoomout {width: 100px;}

.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: 194px;display:none;}
#text_prev {width: 200px;left: 140px;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: 2;}

.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 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;}
.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%);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: -38px;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: 16px;line-height: 1.5;}
.bossmenu .title .name {font-size: 39px;line-height: 1.25;margin-top: 4px;font-family: 'NAMU1910';font-weight: 700;}
.en .bossmenu .title .name {font-size: 31px;}

.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;}
.about a:hover {text-decoration: underline;}
.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-color: #fff;color: #343434;}
.floors div:hover .target {text-decoration: underline;}
.floors .number {display: flex;font-family: 'Akzidenz Grotesk Ex';font-size: 16px;background-color: #343434;line-height: 1;border-radius: 20px;width: 32px;height: 32px;align-items: center;justify-content: center;}
.floors .active .number {background-color: #ffffff;color: #343434;}
.floors .target {display: block;font-family: 'e-UkraineHead-Bold';font-size: 15px;line-height: 1;margin-left: 12px;}

.floors .number.home {background-image: url(resources/icon/home-white.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px;}
.floors div:hover .number.home {background-image: url(resources/icon/home-black.svg);}
.floors .active .number.home {background-image: url(resources/icon/home-black.svg);}

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


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

/*** 1030px  (!!!! for 1024) *******************/
@media screen and (max-width: 1030px) {
.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;}
.header-bar {padding: 14px 22px;}
.bookinfo-button div:hover {cursor: default;box-shadow:none;}
.hdrb-search:hover.hdrb-search span {cursor: default;text-decoration:none;}
#zoom_out:hover, #zoom_in:hover, #faq:hover {cursor: default;box-shadow:none;}
#text_bookinfo {visibility:hidden;display: none !important;}
#text_next, #text_prev, #text_zoomin, #text_zoomout, #text_faq {visibility:hidden;display: none !important;}
}

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

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
.header-bar {display: flex;}
.hdrb-floor .container {width: auto;}
}

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


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

/* 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 figcaption {font-size: 14px;}
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
.book-wrap h2 {font-size: 22px;}
.barmenu-wrap {width: 324px;padding: 10px 14px;}
}

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

/*** 358px (!!!! for 358px) ***********************/
@media screen and (max-width: 358px) {
.barmenu-wrap {bottom: 12px;width: 324px;padding: 10px 14px;}
}

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


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