nav{
	text-align:left; 
	/*text-transform:uppercase;
    font-weight:bold;*/
	font-size: 17px;
	padding-left:5px;
	padding-top:5px;
}
nav ul {margin: 0px; padding: 0px; list-style-type: none; position: absolute;}
nav li {margin-right: 1px; float: left; display: inline-block;}
nav li a {margin-right: 30px; text-align: left; color: #000000;font-size: 17px; font-weight: none; text-decoration: none; display: block; }
nav li:hover nav a {}
nav li:hover nav ul a {  color: #000000; }
nav li:hover nav ul a:hover {color: #7E7E7E;/*51565A*/  }
nav li ul {display: none;}
nav li ul li {float: none; display: block;}
nav li ul li a {padding: 0px 0px; width: auto; background: #F1F1F1;padding:5px;font-size: 13px;}
nav ul li a:hover + .hidden {display: block;}
.hidden:hover {display: block;}
.show-menu {background: #f7931e;color: rgb(255, 255, 255); padding: 10px 0px; text-align: center; font-size: 15px; font-weight: none; text-decoration: none; display: none;}
nav input[type=checkbox] {display: none; -webkit-appearance: none;}
nav input[type=checkbox]:checked ~ #menu {	display: block;}

/*@media only screen and (max-width:835px), only screen and (max-device-width:835px){*/
@media only screen and (max-width:835px), only screen and (max-device-width:835px) and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1){/*horizontal*/
	nav{
		text-transform:uppercase;
		font-size: 15px;
		padding-left:0px;
		text-align:center; 
	}
	nav ul {margin: 0px; padding: 0px; list-style-type: none; position: absolute;}
	nav li {margin-right: 1px; float: left; display: inline-block;}
	nav li a {margin-right: 0px;	background: #000000; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; display: block; min-width: 140px;}
	nav li:hover nav a {background: #51565A; }
	nav li:hover nav ul a {background: rgb(243, 243, 243); height: 40px; color: #000000; line-height: 40px;}
	nav li:hover nav ul a:hover {background: #51565A;  color: rgb(255, 255, 255);}
	nav li ul {display: inline;}/*display:none*/
	nav li ul li {float: none; display: block;}
	nav li ul li a {background: #51565A; padding: 0px 20px; width: auto; min-width: 100px;}
	nav ul li a:hover + .hidden {}
	.hidden:hover {display: block;}
	.show-menu {
		background: #f7931e; padding: 10px 0px; text-align: center; color: rgb(255, 255, 255); font-family: "Helvetica Neue", 
		Helvetica, Arial, sans-serif; text-decoration: none; display: none;
	}
	nav input[type=checkbox] {display: none; -webkit-appearance: none;}
	nav input[type=checkbox]:checked ~ #menu {	display: block;}
}
/*@media screen and (max-width:835px)*/
@media only screen and (max-width:835px), only screen and (max-device-width:835px) and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)
{
	nav ul {display: none; position: static;}
	nav li {margin-bottom: 1px;}
	nav ul li {width: 100%;}
	nav li a {width: 100%;}
	nav .show-menu {display: block;}
}