.nav-menu,.nav-menu a,.nav-menu li,.nav-menu ul {
margin: 0;
padding: 0;
line-height: normal;
list-style: none;
display: block;
position: relative
}

.nav-menu ul {
opacity: 0;
position: absolute;
top: 100%;
left: -9999px;
z-index: 999;
-webkit-transition: opacity .3s;
transition: opacity .3s
}

.nav-menu li:hover>ul {
left: 0;
opacity: 1;
z-index: 20;
box-shadow: 10px 10px 10px rgba(0,153,153,.25)
}

.nav-menu li {
cursor: default;
float: left;
white-space: nowrap
}

.nav-menu ul li {float: none}

.nav-menu ul {
min-width: 12em;
-webkit-box-shadow: 2px 2px 2px rgba(0,153,153,.25);
box-shadow: 10px 10px 10px rgba(0,153,153,.25)
}

.nav-right {float: right}

.nav-menu a {
padding: 3px 20px 0 6px;
color: #fff;
font-weight: 400;
font-size: 16pt;
line-height: 40px;
text-decoration: none;
text-shadow: 3px 3px 3px #333;
background-color: transparent;
z-index: 1000
}

.nav-menu>li>.nav-active {background-color: rgba(c,c,c,.9)}

.nav-menu a:focus,.nav-menu a:hover,.nav-menu li:hover a {
background: var(--col1);
color: #ccc;
text-shadow: 2px 2px 2px #111;
transition: .5s;
background-color: transparent;
border-bottom: solid 0 transparent;
margin-bottom: 0
}

.nav-menu li li a,.nav-menu li:hover li a {
padding: 9px 10px;
background: #666;
color: #fff;
text-shadow: 3px 3px 3px #333;
font-size: 15pt;
line-height: 150%;
border-right: solid 2px #ddd;
border-bottom: solid 2px #ddd;
border-left: solid 2px #ddd;
box-shadow: 8px 8px 5px rgba(50,50,50,.2)
}

li.navTop {margin-top: 10px}

.nav-menu li:hover li a:focus,.nav-menu li:hover li a:hover,.nav-menu li:hover li:hover a {
background: #999;
color: #fff;
border-right: solid 2px #fff;
border-bottom: solid 2px #fff;
border-left: solid 2px #fff;
transition: .3s;
box-shadow: 10px 10px 5px rgba(50,50,50,.5)
}

.navContainer {
width: 98%;
max-width: 1400px;
margin: 0 auto
}