
/* Navbar */
.megamenu {
    position: relative;
    display:block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mega-tree-help {margin-bottom: 0;}

/* Parent <li> */
.megamenu > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Parent <a> */
.megamenu > ul > li > a {
    position: relative;
    display: block;
}

/* Megamenu container, child <ul> */
.megamenu > ul > li > ul {
    position: absolute;
    display: block;
    list-style: none;
    margin: 0;
    cursor: default;
    visibility: hidden;
    top: -9999em;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
       -moz-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -ms-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
         -o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
            transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
}

/* Megamenu child <li> */
.megamenu > ul.open > li > ul {
    top: 1.25em; /* Must be set for CSS animation to work */
    max-height: 600px; /* Must be set for CSS animation to work */
    visibility: visible;
    opacity: 1;
    z-index: 1001;
    -webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
       -moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
         -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
            transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}

.megamenu > ul > li > ul > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

