.menu{
width:100%;
}
.help_btn{
width:10%;
}

.help_btn .btnBold {
    font-size: 16px;
    font-size: clamp(11px, 1vw, 15px);
    line-height: 22px;
    width: 100%;
    display: block;
}
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
    text-transform: uppercase;
	font-size:11px;
	float:left;
	/*font-size:90%*/
}


#horizontal-multilevel-menu {
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
}


/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	    float: left;
   width: max-content;
    border: 1px solid #ffffff00;
    margin-right: 0px;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 12px;
	padding:5px 5px;
border: 1px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 13px;
	padding:7px 12px;
    border-radius: 10px;
    border: 1px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
    color: #fff;

}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	color: #fff;
    position: relative;
    border: 1px solid #fff;
    border-radius: 10px

}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
    border-radius: 10px;
    border: 1px;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;
    border-radius: 10px;
padding: 5px;
    border: 1px solid #999aa58c;
	height:auto;
	/*width:12em;*/
	width:280px;
	background:#fff;

}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;

}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
.nav-is-toggled .nav-drill{
overflow-y: auto;
}

#horizontal-multilevel-menu  .new_subb li.jshover a:hover{
    background: #d9d9d9;
    border: 0px;
    border-radius: 10px;
-webkit-box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
-moz-box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
}

#horizontal-multilevel-menu  .new_subb {
 background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 555555;

  width: 255px;
    clip-path: inset(0 0 100% 0); /* Начальное состояние: обрезано снизу */
    transition: clip-path 0.5s ease; /* Плавная анимация */
    pointer-events: none; /* Отключаем взаимодействие, пока меню скрыто */
}
#horizontal-multilevel-menu li.jshover > .new_subb{
    clip-path: inset(0 0 0 0); /* Конечное состояние: полностью видимо */
    pointer-events: auto; /* Включаем взаимодействие */

}
@media (max-width: 1440px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 12px;
	padding:5px 5px;
border: 1px;
}
.help_btn{
width:11%;
}
}
@media (max-width: 1360px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
border: 1px;
}
/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
    border-radius: 10px;
    border: 1px;
}
}
@media (max-width: 1275px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
border: 1px;
}
/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
    border-radius: 10px;
    border: 1px;
}
}
@media (max-width: 1200px) {
#horizontal-multilevel-menu {
    display: none;
}
.menu {
    width: 0%;
}
    .help_btn {
        max-width: 150px;
        width: 86px;
    }
.burgerBtn {
        display: flex;
        background: transparent;
        line-height: 22px;
        align-items: center;
        margin-left: auto;
    }
}
.nav-drill .submenu {
    display: none; /* Скрываем дочерние пункты */
}

.nav-drill .nav-item.open > .submenu {
    display: block; /* Показываем дочерние пункты, если родительский элемент имеет класс open */
}
	.nav-drill .root-item{
        text-decoration: none;
        color: #000;
        line-height: 30px;
}
	.nav-drill .root-item-selected{
        text-decoration: none;
        color: #000;
        line-height: 30px;
}
	.submenu li a{
       text-decoration: none;
        color: #000;
        line-height: 16px;
list-style-type: none;
}
	.submenu li {

        margin-left: -25px;
        list-style-type: none;
        margin-bottom: 12px;
}
	.nav-item.open .root-item{

}

@media (max-width: 470px) {
    .btnBold {
        font-size: 11px;
        line-height: 10px;
    }
}
@media (max-width: 400px) {
    .btnBold {
        font-size: 10px;
        line-height: 10px;
    }
.menu {
    width: 10%;
}
}