/*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: 0; 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: 0 0 5px 0; color: #fff; 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: #fff; text-decoration: none; background-color: #333; transition: background-color 100ms linear}
.sub-nav-group.category a{color: #fff; 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}