/* mega menu list */

.nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 3001;
}
/* a top level navigation item in the mega menu */

.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* first descendant link within a top level navigation item */

.nav-item > a {
	color: #fff;
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0 -1px 0;
    border: 1px solid transparent;
}
/* focus/open states of first descendant link within a top level 
           navigation item */

/* open state of first descendant link within a top level 
           navigation item */

.nav-item > a.open {
    background-color: #63395b;
    border-bottom: none;
    z-index: 1;
}
/* sub-navigation panel */

.sub-nav {
    position: absolute;
    display: none;
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.97);
    width: 97%;
    left: 0px;
	z-index: 3002;
}
/* sub-navigation panel open state */

.sub-nav.open {
    display: block;
}

/* list of items within sub-navigation panel */
.nav-lists {

}
.sub-nav-group.category>span {
    display: block;
    margin: 0px 0px 5px 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
    border-bottom: 1px solid #4D4D4D;
    padding: 4px 4px 10px 6px;
} 

.sub-nav-group.category a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #333333;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.sub-nav-group.category a {
    color: #FFFFFF;
    margin-bottom: 5px;
    padding: 5px;
    display: block;
    font-size: 17px;
    font-family: 'latoregular';
    letter-spacing: .3px;
}
.sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
    padding: 0;
}
/* list item within sub-navigation panel */

.sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-lists.level2 ul>span {
    display: none;
}
.nav-lists.level2 ul li {
     margin: 0 0 0 15px;
}