#overlay_leftmenu {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color: rgb(0 0 0 / 50%);z-index: 4;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.bossmenu {position: absolute;top: 0;z-index: 4;left: -350px;width: 270px;background: rgb(0 0 0 / 85%);height: 100%;color: #fff;padding: 0px 2px 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;padding-right: 14px;}

#close-bossmenu {cursor:pointer;position: absolute;top: 6px;right: -50px;width: 22px;background-color: rgb(0 0 0 / 85%);width: 50px;height: 54px;display: flex;align-items: center;justify-content: center;padding: 16px;}
#close-bossmenu:hover img {transform: scale(1.1);}

.bossmenu .title {/* margin-top: 40px; */font-family: 'e-Ukraine', sans-serif;font-weight: 500;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.bossmenu .title .name {font-size: 18px;}
.bossmenu .title img {width: 230px;height: auto;display: block;object-fit: contain;margin-left: -8px;}

.bossmenu .wraper::-webkit-scrollbar {width: 2px;}
.bossmenu .wraper::-webkit-scrollbar-thumb {background-color: #5e5e5e;border-radius: 9em;box-shadow: inset 1px 1px 10px #5e5e5e;display: none;}
.bossmenu .wraper:hover::-webkit-scrollbar-thumb {/* display:block; */}

.bossmenu .about {margin-top: 32px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 12px 0 12px 4px;color:#fff;font-size: 14px;line-height: 1;font-family: 'e-Ukraine',sans-serif;font-weight: 400;}
.bossmenu .about span:hover {text-decoration: underline;cursor:pointer;}

.bossmenu .floors {margin-top: 18px;display: flex;flex-direction: column;margin-left: 2px;}
.bossmenu .floors div {margin-top: 12px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: flex-start;width: fit-content;}
.bossmenu .floors div:hover {cursor:pointer;}
.bossmenu .floors div:hover .number {background-color: #fff;color: #343434;}
.bossmenu .floors div:hover .target {text-decoration: underline;}
.bossmenu .floors .number {display: flex;font-family: 'e-Ukraine', sans-serif;font-weight: 700;font-size: 18px;background-color: #343434;line-height: 1;border-radius: 20px;width: 36px;height: 36px;align-items: center;justify-content: center;}
.bossmenu .floors .active .number {background-color: #ffffff;color: #343434;}
.bossmenu .floors .target {display: block;font-family: 'e-Ukraine', sans-serif;font-weight: 700;font-size: 16px;line-height: 1;margin-left: 12px;}

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

.bossmenu .aid {font-family: 'e-Ukraine', sans-serif;font-weight: 300;font-size: 12px;line-height: 1.6;;color: #ffffffa8;margin-top: 22px;}
.bossmenu .feedback {font-size: 12px;padding:18px 0 0;line-height: 1.6;font-family: 'e-Ukraine', sans-serif;font-weight: 300;color: #ffffffa8;}
.bossmenu .feedback a{text-decoration: none;color: #ffffffa8;}
.bossmenu .copyright {font-size: 12px;padding: 18px 0 0 0;font-family: 'e-Ukraine', sans-serif;font-weight: 300;line-height: 1.6;color: #ffffffa8;}
.bossmenu .warning {font-size: 12px;padding: 18px 0 0 0;line-height: 1.55;font-family: 'e-Ukraine', sans-serif;font-weight: 300;color: #ffffffa8;}
.bossmenu .powered {font-family: 'e-Ukraine', sans-serif;font-weight: 400;line-height: 1.6;font-size: 12px;padding: 18px 0 0 0;color: #ffffffa8;}
.bossmenu .powered a{color: #ffffffa8;}
.bossmenu .powered a:hover{color: #fff;}
.bossmenu .partner {display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 18px 0px;gap: 20px;margin-top: 32px;width: 100%;}
.bossmenu .partner div {}
.bossmenu .partner .lg_1 {width: 70px;}
.bossmenu .partner .lg_2 {width: 40px;}
.bossmenu .partner .lg_3 {width: 76px;}
.bossmenu .partner .lg_4 {width: 80px;}
.bossmenu .partner .lg_5 {width: 80px;}
.bossmenu .partner img {width: 100%;height: auto;display: block;object-fit: contain;}
.bossmenu .partner .lg_1 img {}
.bossmenu .partner .lg_2 img {}
.bossmenu .partner .lg_3 img {}
.bossmenu .partner .lg_4 img {}
.bossmenu .partner .lg_5 img {}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MOBILE DOWN  ------------------------------ */

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

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

/* 760px */
@media screen and (max-width: 760px) {
}

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

/* 520px */
@media screen and (max-width: 520px) {
}


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

/* 440px */
@media screen and (max-width: 440px) {
#close-bossmenu {background-color: transparent;top: 26px;right: -43px;padding: 0;width: 26px;height: auto;}
}


/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
}

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

/*** 362px (!!!! for 360) ***********************/
@media screen and (max-width: 362px) {
#close-bossmenu {top: 23px;right: -32px;width: 22px;}
}

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

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