@media only screen and ( min-width: 999px )
                {
/* Navigation */

#navbar{
float:right;
position:sticky;
top:0px;
z-index:998;
}
#nav{
width:100%;
position: relative;

background-image:url(menufix.gif);
background-color:rgba(23,25,57,0.8);
border-radius:12px;
margin-top:20px;
}
#nav ul{
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
}
#nav > a, #nav .mobnav{
display: none;
}
#nav > a{
display: none;
}
#nav li{
position: relative;
list-style:none;
}
#nav li a{
color: #ffffff;
display: block;
text-decoration:none;
-webkit-transition: background-color .3s linear, color .3s linear;
-moz-transition: background-color .3s linear, color .3s linear;
-o-transition: background-color .3s linear, color .3s linear;
-ms-transition: background-color .3s linear, color .3s linear;
transition: background-color .3s linear, color .3s linear;
}
#nav>ul>li>a.selected{
background-color: #FB1010;
}
#nav ul ul li a.selected{
background-color: #FB1010 !important;
}




/* first level */

#nav > ul{
}
#nav > ul > li{
height: 100%;
float: left;
background-image:url(menufix.gif);
}
#nav > ul > li > a{
padding:10px 10px 10px 10px;
font-size: 1em;
text-align: center;
}
#nav > ul > li:not( :last-child ) > a{
*/border-right: 1px solid #ffffff;*/
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.selected > a, #nav > ul > li:focus-within > a, #nav > ul:not( :focus-within ) > li.selected > a{
background-color: #FB1010;
}

#nav > ul > li:first-child a{
border-top-left-radius:12px;
border-bottom-left-radius:12px;
padding-left:18px;
}
#nav > ul > li:last-child a{
border-top-right-radius:12px;
border-bottom-right-radius:12px;
padding-right:18px;
}



/* second level */

#nav li ul{
background-image:url(menufix.gif);
position: absolute;
left: -9999px;
opacity:0;
top: 100%;
z-index:999;
}
#nav>ul>li>ul{
padding-top:10px;
}
#nav>ul>li>ul>li>ul{
padding-left:10px;
padding-right:10px;
}
#nav li ul li{
background-color:#171939;
z-index:9;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
				
@media only screen and ( min-width: 600px )
   {
    #nav>ul>li{
    
    }
    #nav li ul{
    width:200px;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    }
    /* third level */
    #nav ul ul li:not( :first-child ):hover ul, #nav ul ul li:not( :first-child ):focus-within ul{
    left:200px;
    top:0px;
    }
    #nav ul ul li:hover ul, #nav ul ul li:focus-within ul{
    left:200px;
    top:0px;
    }
        .edge ul li:not( :first-child ):hover ul{
left:-400px !important;
}
.edge ul li:hover ul{
left:-400px !important;
}
    #nav li:hover>ul, #nav li:focus-within>ul{
    display: block;
    opacity:1;
    left: 0;
    right: 0;
    }
    #nav ul::after, #nav ul::before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    height: 9px;
    width: 9px;
    }
    #nav>ul>li>ul::after {
    border: 1px solid #171939;
    background: #171939;
    border-right: 0;
    border-bottom: 0;
    top: 5px;
    left: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    }
    #nav>ul>li>ul::before {
    height: 1px;
    width: 12px;
    background: #171939;
    border-right: 0;
    border-bottom: 0;
    top: 10px;
    left: 24px;
    z-index: 99;
    }
    #nav>ul>li>ul>li>ul::after {
    border: 1px solid #171939;
    background: #171939;
    border-right: 0;
    border-bottom: 0;
    top: 15px;
    left: 6px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    }
    #nav>ul>li>ul>li>ul::before {
    height: 10px;
    width: 1px;
    background: #171939;
    z-index: 99;
    top: 15px;
    left: 10px;
    }
        #nav>ul>li.edge>ul>li>ul::after {
left: 186px;
}
#nav>ul>li.edge>ul>li>ul::before {
left: 190px;
}	
}
#nav li:not( :first-child ):hover>ul, #nav li:not( :first-child ):focus-within>ul{
left: -1px;
}
#nav li ul a{
font-size: 1em;
border-bottom: 1px solid #ffffff;
padding: 10px; 
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.selected a, #nav li ul li a:focus-within, #nav li ul:not( :focus-within ) li.selected a{
background-color: #FB1010;
}
.menucontrolouter, .menucontrol, .searchnav{
display:none;
}

}