.vertical-layout-opened-false .vertical-navigation:hover .vertical-menu-container {
    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
}