@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700|Merriweather:400,300,700,900);

html, body, ul, li, a { box-sizing: border-box; margin: 0; padding: 0; }

#nav ul { display: none; }

#nav li.hover > ul { display: block; }

#nav { width: 100%; background: #000; list-style: none; position: relative; display: inline-table; padding: 0; z-index: 100; } 

#nav:after { content: ""; clear: both; display: block; }

#nav li { float: left; list-style-type: none; font: 300 100%/160% 'Oswald', sans-serif; width: 120px; position: relative; }

#nav > li.hover a { background: #333; color: #fff; }
	
#nav li a { display: block; /*padding: .8em 2em; */ color: #fff; line-height: 50px; text-align: center; font-size: 16px; text-decoration: none; background: #1e1e1e; margin-right: 1px; transition: opacity .35s ease-in-out;}

.fade a { /*background: #000 !important;*/ opacity: .2; }

/* Second Level */

#nav > li.hover > ul { background: #000; position: absolute; top: 100%; padding: 0; left:0; }

#nav ul li { float: none; border-top: 1px solid #000; position: relative;  }

#nav ul li a { font-size: 100%; line-height: 100%; min-height: 50px; padding: 1em .5em; color: #fff; text-transform: none; }	
			
#nav ul li a.hover { background: #333; }

/* Third Level */

#nav ul ul { background: #000; position: absolute; left: 100%; top:-1px; }

@media(max-width: 1023px){
  #aor-20-2 { position: relative; top: 50px; }
}

@media(max-width: 599px){

#nav li { width: 100%; position: static; }

#nav > li { width: 25%; }

#nav li.hover a { background: transparent !important; }

#nav > li.hover { background: #333;}

#nav > li.hover > ul { display: block; left:0; }

#nav > li.hover > ul li { background: #333; }

#nav ul li.hover > ul li { background: #666; }

#nav ul ul li.hover > ul li { background: #999; }

#nav ul ul { position: static; } 

#nav ul li.hover a { background: #666 ; color: #fff; }

#nav ul { width: 100%; top:100%; left: 0; right: 0; overflow: visible; z-index: 50; }

#nav ul ul li.hover a { background: #999; color: #fff; }

}