.container-menu
{
    position: absolute;
    width: 100vw;
    z-index: 99;
    top:105px;
    display: none;
    background: white;
}
.but-open
{
    padding: 4px 15px;
    background: #FFCC33;
    font-size: 16px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}


#nav-icon6 {
    width: 40px;
    height: 40px;
    position: relative;
    transition-duration: 1s;
    cursor: pointer
}

#nav-icon6 span {
    height: 3px;
    width: 20px;
    background-color: black;
    border-radius: 20px;
    position: absolute;
    transition-duration: .25s;
    transition-delay: .25s;
    top: 50%;
    margin-top: -1px;
    left: 24%
}

#nav-icon6 span:before {
    left: 0;
    position: absolute;
    top: -6px;
    height: 3px;
    width: 20px;
    background-color: black;
    content: "";
    border-radius: 20px;
    transition-duration: .25s;
    transition: transform .25s,top .25s .25s
}

#nav-icon6 span:after {
    left: 0;
    position: absolute;
    top: 6px;
    height: 3px;
    width: 20px;
    background-color: black;
    content: "";
    border-radius: 20px;
    transition-duration: .25s;
    transition: transform .25s,top .25s .25s
}

.but-open.open #nav-icon6 span {
    transition-duration: 0.1s;
    transition-delay: .25s;
    background: transparent
}

.but-open.open #nav-icon6 span:before {
    transition: top .25s,transform .25s .25s;
    top: 0px;
    transform: rotateZ(-45deg)
}

.but-open.open #nav-icon6 span:after {
    transition: top 0.4s,transform .25s .25s;
    top: 0px;
    transform: rotateZ(45deg)
}


.base-sections
{
    margin:0;
    padding: 0;
}


.base-ul
{


    width: 194px;

    background: white;


}



.container-menu.open
{
    display: flex;
}

.base-ul>li
{
    background: #E7E7E7;
    width: 194px;
}


.base-ul>li>a
{
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    display: block;
    color: #3F3F42;
}

.base-ul>li:hover, .base-ul>li.active
{
    background: white;
}

.base-ul>li:hover>.submenu
{
    display: flex;
}

.sections_menu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    
    
}

.base-ul
{
    background: #E7E7E7;
}
.sections_menu ul a
{
    text-decoration: none;
    color: #3F3F42;
    text-transform: capitalize;
}
.sections_menu ul a:hover
{
    color: #CCA329;
}
.submenu
{
    background: white;
    padding: 20px 25px;
    width:100%;
    min-height: 100%;
    display: none;
}

.submenu.active
{
    display: flex;
}

.column
{
    width: 25%;
}
.submenu>ul
{
    display: flex;
    flex-wrap: wrap;
}

.submenu>ul>li
{
    width: 25%;
    margin-bottom: 25px;
}



.subname
{
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 13px;
    color: #3F3F42;
}



.submenu2 li
{
    margin-bottom: 8px;
}

.submenu2 li:last-child
{
    margin-bottom: 0;
}

.submenu2 li a
{
   
    font-size: 12px;
    color: #3F3F42;
}

.li-2lvl
{
    margin-bottom: 22px;
}

.li-2lvl:last-child
{
    margin-bottom: 0;
}


.sub-block
{
    width: calc(100% - 194px - 8.33333%);
}