nav{
	text-align:left; 
	/*text-transform:uppercase;*/
	font-size: 15px;
	padding-left: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-left: 15px;
		margin-right: 15px;
		text-align: left;
		/*color: rgb(47, 48, 54);*/
		color: #272525;
		font-size: 15px;
		font-weight: none;
		text-transform: uppercase;
		text-decoration: none;
		padding-bottom: 10px;
		display: block;
	}
nav li:hover nav a {}
	nav li:hover nav ul a {
		color: rgb(47, 48, 54);		
	}
nav li:hover nav ul a:hover {color: #51565A;  }
nav li ul {display: none; border:1px solid #d4d3d3; background:#ffffff; border-radius:10px;}
nav li ul li {float: none; display: block;}
	nav li ul li a {
		padding-top: 10px;
		padding-bottom: 10px;
		/*padding-left: 20px;
		padding-right: 20px;*/
		border-bottom: 1px solid #d4d3d3;
		width: auto;
		background: #FFFFFF;
		/*padding: 5px;*/
		font-size: 14px;
		text-transform: none;
	}
nav ul li a:hover + .hidden {display: block;}
.hidden:hover {display: block;}
.show-menu {background: #0080d7;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;
			margin-left: 0px;
			background: rgb(47, 48, 54);
			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: rgb(47, 48, 54); 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 {
			display: none;
			border: 0px;
			background: #ffffff;
			border-radius: 0px;
		}
	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: #0080d7; 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;}
}