.vertical-layout-opened-false .vertical-navigation .vertical-menu-container.active {
    opacity: 1;
    visibility: visible;
    display: block;
}

.vertical-layout-opened-false .vertical-navigation .vertical-menu-container {
    display: none;
    opacity: 0;
    visibility: hidden;
}

body:not(.home) .vertical-layout-opened-true .vertical-navigation:hover .vertical-menu-container {
    opacity: 1;
    visibility: visible;
    display: block;
}

.vertical-layout-opened-true .vertical-navigation .vertical-menu-container {
    display: block;
    opacity: 1;
    visibility: visible;
}

body:not(.home) .vertical-layout-opened-true .vertical-navigation .vertical-menu-container {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.vertical-layout-opened-true .vertical-navigation .vertical-menu-container.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.vertical-navigation {
    position: relative;
    height: 100%;
    width: 100%;
}

.vertical-navigation.header-navigation {
    display: block;
}

.vertical-navigation .vertical-navigation-header {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.vertical-navigation .vertical-navigation-header .base-svg-iconset {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
}

.vertical-navigation .vertical-menu-container {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    background-color: var(--global-palette7);
}

.vertical-navigation .vertical-menu-container ul.menu {
    position: relative;
    list-style: none;
    margin: 0;
    border: 2px solid var(--global-palette1);
    border-top: none;
    display: block;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    width: 100%;
}

.vertical-navigation .vertical-menu-container ul.menu>li.menu-item {
    border-bottom: 1px solid var(--global-palette7);
}

.vertical-navigation .vertical-menu-container ul.menu>li.menu-item:last-child {
    border-bottom: none;
}

.vertical-navigation .vertical-menu-container ul.menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    margin: 0;
    z-index: 99;
}

@media (max-width: 767px) {
    .vertical-navigation .vertical-menu-container ul.menu .sub-menu {
        max-width: 100%;
        width: 100% !important;
        left: 0;
        top: 100%;
    }

    .vertical-navigation .vertical-menu-container ul.menu .sub-menu.open {
        opacity: 1;
        visibility: visible;
    }
}

.vertical-navigation .vertical-menu-container ul.menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.vertical-navigation .vertical-menu-container ul.menu>li:hover>.sub-menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.vertical-navigation .vertical-menu-container ul.menu>li:hover>.sub-menu>li:hover>.sub-menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.vertical-navigation .vertical-menu-container ul.menu>li:hover>.sub-menu>li:hover>.sub-menu>li:hover>.sub-menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.header-menu-container ul.menu>li.base-menu-mega-enabled>ul ul.sub-menu {
    background: var(--global-palette9);
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    display: block;
    clip: auto;
    height: auto;
    overflow: visible;
    list-style: none;
    margin: 0;
    z-index: 99;
    top: 0;
    left: 100% !important;
    margin-left: inherit !important;
    -webkit-transform: none !important;
    transform: none !important;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    width: 290px;
}