#main-header {
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
}

#top-menu li a {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
}

#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .mobile_menu_bar:after, .mobile_menu_bar:before {
    color: var(--black);
}

#top-menu .current-menu-item a::before, #top-menu .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0
}

#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    top: 26px;
    background: var(--black);
    height: 5px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#top-menu li a:hover:before {
    right: 0
}