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

.title-tour {position: fixed;z-index: 1; top: 0; left: 0; right: 0; width: 100%; background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.6)); display: flex; justify-content: center;}
.title-tour img {width: 400px;display: block;padding: 22px 0 22px 0;}
.title-tour img:hover {cursor:pointer;}
.dvlp-tour {color: #1a1a1a;font-weight: 300;font-size: 12px;position:fixed;right: 0px;bottom: 34px;background: #ffffff24;padding: 8px 10px 8px 14px;border-radius: 22px 0 0 22px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.dvlp-tour a {color: #1a1a1a;text-decoration: none;}
.dvlp-tour a:hover {text-decoration: underline;}

.barmenu-wrap {position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); width: 310px; background: rgb(0 0 0 / 0%); 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; border: 3px solid #dddddd00; box-sizing: content-box; box-shadow: 0 0 0 1px #00000099; background-clip: padding-box;}

.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: 234px;}
.about_floor_en  {width: 244px;}

#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: -34px;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;}

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

/* 1010 */
@media screen and (max-width: 1010px) {
#navi_next.enbld:hover, #navi_prev.enbld:hover {cursor: default;box-shadow: 0 0 0 1px #00000099;}
#text_next, #text_prev, #text_bookinfo {visibility:hidden;display: none !important;}
.bookinfo-button div:hover {cursor: default;box-shadow:none;box-shadow: 0 0 0 1px #00000099;}
#zoom_in, #zoom_out {display:none;}
#gyro {display:block;}
.barmenu-wrap {width: 260px;bottom: 38px;}
}

/* 770px */
@media screen and (max-width: 770px) {
.dvlp-tour {background: none; backdrop-filter: none; -webkit-backdrop-filter: none; right: auto; left: 50%; bottom: 8px; transform: translateX(-50%);}
}


/* 680px */
@media screen and (max-width: 680px) {
.title-tour img {width: 350px;}
}


/* 520px */
@media screen and (max-width: 520px) {
.barmenu-wrap {bottom: 32px;}
.title-tour img {width: 350px;}
}

/* 480px */
@media screen and (max-width: 480px) {
.title-tour img {width: calc(100% - 84px);}
}