При наведении на ссылку меню, меню появляется и пропадает как только подвести курсор

Существует проблема.
При наведении на ссылку меню, меню появляется и пропадает как только подвести курсор. Весь код не поместиться тут, пришлось на codepen выложить!

codepen Проблема кроется в нижнем и верхнем блоке, как только их убрать, все становиться нормально.

Стандартный подход не помог, код ниже.

.menu_dropdown {
    z-index: 99;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 99%;
    max-width: 1564px;
    padding: 0 32px;
    margin: 0 auto;
    width: 100%;
}
header .menu_center .item:hover>.menu_dropdown {
    z-index: 999;
    opacity: 1;
    visibility: visible;
}