ul
{
margin:0px;
}



li:nth-child(1) {
   list-style-type: none; 
}

li:nth-child(2) {
   list-style-type: none; 
}
li:nth-child(3) {
   list-style-type: none; 
}


li:nth-child(4) {
   list-style-type: none; 
}


li:nth-child(5) {
   list-style-type: none; 
}

li:nth-child(6) {
   list-style-type: none; 
}









#nav{
  width: 100%;
  text-align: center;
  background-color: #E9E9E9;
  padding: 13px;
  z-index:1;

  display:block;



  
}
#nav ul li {
    line-height: normal;
    display: inline;
    list-style-type: none;
    vertical-align: middle;

}
#nav ul li a {
	
font-family: 'Roboto', sans-serif;    font-size: 16px;
	text-transform: uppercase;
	display: block;
	color:  #666;
	text-decoration: none;
	 -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
	padding-right:30px;
    vertical-align: middle;
    display: inline-block;

}

#nav ul li a:hover {
	color:  #cc9933;
	
	
}


#nav ul li.active a{
	color: #cc9933;
	
}













@media (max-width: 768px) {

#nav{
   padding-left:0px;
   padding-right:0px;
   padding-bottom:0px;
   text-align: center;
}
 #nav:before {
   cursor: pointer;
   height:22px;
   width:100%;
   z-index:1;
   content: "\f0c9" " MENU";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	text-align: center;
    position: absolute;
	margin-left:-50%;
	font-size: 22px;
	color:#333;
	padding-top:5px;
	padding-bottom:5px;
    cursor: pointer;
	background-color:#E9E9E9;
	
   
  }

#nav ul {
	 z-index:1;
	 margin-top:40px;
	 background: rgba(255,255, 255, 0.9);
	 width: 100%;
	 
  }
  #nav ul li {
	margin: 0 0 0 0;
    display: list-item;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0;
	padding-bottom: 0px;
  }
  #nav ul li a {
  
	font-size: 14px;
    margin-left: 0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
    color:#666;
	-webkit-transition: background-color .4s linear; 
	-moz-transition: background-color .4s linear; 
	-ms-transition: background-color .4s linear; 
	-o-transition: background-color .4s linear; 
	transition: background-color .4s linear;
	
  }
  
 
  
   #nav ul li.active a{
	color:  #FFF;
	background-color: #cc9933;
	border-bottom: none;
	border-bottom-color:none;
   border-width: 0;
	
}
  
  #nav ul li a:hover {
	color:  #FFF;
	background-color:#cc9933;
	border-bottom: none;
	border-bottom-color:none;
   border-width: 0;
	
}
  
  #nav ul {
    transition: 350ms;
    -moz-transition: 350ms;
    max-height: 0;            
    overflow-y: hidden;
            -webkit-transition: max-height 0.5s ease-in-out;
            -moz-transition: max-height 0.5s ease-in-out;
            -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;
}
  
  #nav.open ul {
   

   max-height: 300px 
  }
  
   
 
  
}