/* main menu. */
nav {
	max-width: 100%;
	background: rgba(42, 51, 68, 1.0); 
	margin-bottom:0px;
	text-align: center;
	min-height: 50px;
	font-family:var(--PrimaryFontFamily);
	font-weight: 300;
	font-size: 14px;

	padding-top: 10px;
	padding-bottom: 10px;
	
	
	margin-left: auto;
	margin-right: 0;
	color: var(--PrimaryNavColor);
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	
/* 	background-color:rgba(0, 0, 0, 0.1);	background-color:#969690;
	
		-webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);
		*/
		-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;

}

#input-toggle {
	opacity:0;
	position: absolute;
	top:0;
	left:0;
}

.navigation-toggle { 
	display:none; 
	width:44px; 
	height:33px; 
	margin:5px; 
	text-align:center; 
	border-radius:0px; 
	border:0px solid #404040;  
	 

		color: var(--PrimaryNavColor);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	padding-top:10px; 
	position:absolute; 
	 right:6px; 
	cursor:pointer; 
}

.navigation-toggle span { 
	background-color: var(--PrimaryNavColor);
	border-radius: 1px 1px 1px 1px; 

	display:block; 
	height:1px; 
	width:30px; 
	margin:6px auto; 
}

nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;		
}

nav ul li {
	display: inline-block;
	padding-left:20px;
	padding-right:20px;

	text-transform: normal;
	letter-spacing:2px;	
	text-align: center;

	color:var(--PrimaryNavColor);
border-left:1px solid #a3a5aa;
}	

nav ul li a {
	color:var(--PrimaryNavColor);
	height: 30px;
	display: block;
	text-decoration: none;
	text-transform: normal;
font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align:right;


	line-height: 30px;
	font-weight: normal;
	letter-spacing:2px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;
}
nav ul li:first-child
{
	border-left:0px solid #94938f;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	  color: #fff;

	
	
	
	
	
}

.activ
{
	 color: #fff;;
	height: 30px;
	display: block;
	text-decoration: none;
	text-transform: normal;
font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align:right;


	line-height: 30px;
	font-weight: normal;
	letter-spacing:2px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;

border-top:0px solid #8e8d88;
border-bottom:0px solid #8e8d88;

}

@media screen and (max-width:800px) {
	.navigation-toggle {
		display:block;
	}
	
	nav ul {
		text-align: center;
		margin-top:50px;
		overflow: hidden;				
		max-height:0;
		transition:max-height 0.5s ease 0s;
		-webkit-transition:max-height 0.5s ease 0s;
		-moz-transition:max-height 0.5s ease 0s;
	}
	
	nav #input-toggle:checked + ul {
		max-height:500px;
	}
	
	nav ul li {
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		
		text-align: center;

	}
	
	nav ul li a {
		display: block;
		text-align: center;
	}
	.activ
{ text-align: center;}

}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }