@media only screen and ( min-width: 1099px )
                {
                #nav>ul>li:first-child{
                display:none;
                }
                
/* Navigation */
#navbar{
float:right;
}
#nav{
position: relative;
background-image:url(menufix.gif);
margin-left:20px;
font-family:'Asap Condensed', Verdana, Arial;
font-weight:700;
}
#nav ul{
margin:0px;
padding:0px;
}
#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;
}
.menufixed #nav li a{
color:#582E91;
}
#nav>ul>li>a.selected:after{
transform: translate3d(-30%, 0, 0);
}

#nav ul ul li a.selected{
background-color: #666666 !important;
color:#ffffff;
}



/* first level */

#nav > ul{
}
#nav > ul > li{
height:55px;
float: left;
background-image:url(menufix.gif);


margin:0px 0px 0px 0px;
}
#nav > ul > li > a{
padding:15px 0px 7px 0px;
margin:0px 10px 0px 10px;
font-size: 1.1em;
text-align: center;
position:relative; display:block;
overflow:hidden;
}
#nav > ul > li > a::after{
content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: #78A22F;

	transition: opacity 300ms, transform 300ms;
    opacity 1;
	transform: translate3d(200%, 0, 0);
}
#nav > ul > li > a:hover::after, #nav > ul > li > a:focus::after{
transform: translate3d(-30%, 0, 0);
}
#nav > ul > li:not( :last-child ){

}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.selected > a{


}

/* 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;
border-bottom:1px solid rgb(187, 187, 187);
}
#nav>ul>li>ul>li>ul{
padding-left:9px;
padding-right:9px;

}
#nav>ul>li>ul>li>ul>li:last-child{
border-bottom:1px solid rgb(187, 187, 187);
}
#nav li ul li{
background: rgba(255,255,255,0.75);
z-index:9;
border-left:1px solid rgb(187, 187, 187);
border-right:1px solid rgb(187, 187, 187);
box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
#nav li ul li a{
color:#582E91;
}
        
#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{
left:199px;
top:0px;
}
#nav ul ul li:hover ul{
left:199px;
top:0px;
}
 .edge ul li:not( :first-child ):hover ul{
left:-200px !important;
}
.edge ul li:hover ul{
left:-200px !important;
}
#nav li:hover>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 li:not( :first-child ):hover>ul{
left: -1px;
}
#nav li ul a{
font-size: 1em;
border-top: 1px solid rgb(187, 187, 187);
padding: 10px; 
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.selected a{
background-color: #666666;
color:#ffffff;
}


.menucontrolouter, .menucontrol, .searchnav{
display:none;
}
}
        @media only screen and ( max-height: 600px ) and (orientation:landscape)
                {

    #nav{
    margin-top:0px;
    }
}