@charset "UTF-8";
/* CSS Document*/

/* NAV DESKTOP*/

#nav_wrap {
	width:20%;
	min-width:280px;
	height:auto;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	padding:0;
	margin:0;
	background-color:rgba(0,0,0,1);
}

#nav ul {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
	text-align:center;
}

.navitem_group {
	width:100%;
	float:left;
	border-bottom:1px solid rgba(255,255,255,0.2);
	padding:10px 0;
} 

#nav ul li .navitem { 
	width:100%; 
	float:left; 
	color:rgba(250,200,26,1); 
	border-bottom:1px solid rgba(255,255,255,0); 
	background-color:rgba(0,0,0,1);
	letter-spacing:0.05em;
}

#nav ul li .navitem p { float:left; margin:10px 12px 0 12px}

#nav ul li:hover { cursor:pointer;}

#nav ul li .user { width:100%; height:auto; float:left; padding:0; line-height:0.0; color:rgba(0,0,0,1);}
#nav ul li .user .profile { width:15%; max-width:38px; height:38px; margin:8px 2% 8px 5%; float:left; overflow:hidden; }

#nav ul li .user p, #nav ul li .user small {width:50%; float:left; text-align:left;}
#nav ul li .user p { margin-top:8px;}

#nav ul li .user .company_info {
	width:98%;
	float:left;
	font-size:0.6em;
	margin:12px 0 0 0;
	padding:0 1% 10px 1%;
	text-transform:uppercase;
	letter-spacing:0.1em;
	text-align:left;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#nav ul li .user .icon,
#nav ul li .navitem .icon {
	width:20px;
	height:20px;
	padding:10px 20px 10px 25px;
	margin:0;
	float:left;
	background-color:rgba(255,255,255,0.0);
}

.icon.log { float:right !important; padding:18px 25px 18px 0 !important;}

#nav ul li .navitem:hover { color:rgba(255,255,255,1);}

#nav .logo { 
	width:60%; 
	float:left; 
	padding:14px 20%;
	margin:14px 0; 
}

#nav form input[type="search"] {
	width:90%;
	padding:10px 5%;
	margin:0 5% 20px 5%;
	float:left;
	background-color:rgba(255,255,255,0.8) !important;
	color:rgba(0,0,0,1) !important;
}

#nav form input[type="search"]::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
#nav form input[type="search"]:-moz-placeholder { color:rgba(0,0,0,0.5); opacity:1;}
#nav form input[type="search"]::-moz-placeholder { color:rgba(0,0,0,0.5); opacity:1;}
#nav form input[type="search"]:-ms-input-placeholder { color:rgba(0,0,0,0.5);}

#nav a.mobilenav_icon { display:none;}

.versnum {
	width:auto;
	float:left;
	color:rgba(255,255,255,0.6);
	font-size:0.8em;
	letter-spacing:0.06em;
	position:absolute;
	margin:4px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1300px) {
	
	#nav_wrap{ top:0;}
			
	#nav_wrap, #nav {
		width:100%;
		min-width:inherit;
		position:absolute;
		height:76px;
		min-height:76px;
		padding:0;
		left:0;
		background-color:rgba(0,0,0,1);
		color:rgba(255,255,255,1);
	}
	
	#nav .logo { width:140px; height:auto; margin:13px 0 13px 5%; padding:0; border-bottom:0; float:left;}
	
	#nav a.mobilenav_icon {
		width:26px;
		height:26px;
		right:0;
		padding:25px;
		margin:0 0 0 0;
		z-index:5000;
		position:absolute;
		opacity:1;
		display:none;
		background-color:rgba(255,255,255,0.1);
	}
	
	#nav ul {
		width:100%;
		height:auto;
		min-height:532% !important;
		top:76px;
		position:absolute;
		list-style-type:none;
		padding:0;
		margin:0;
		display:none;
		z-index:1000;
		text-align:left;
		background-color:rgba(0,0,0,1);
	}
	
	#nav ul li .navitem {
		width:100%;
		float:right;
		padding:0;
	}
		
	#nav ul li:hover { background-color:rgba(255,255,255,1); cursor:pointer; border-top:0;}	
	#nav:not( :target ) > a:nth-of-type(1), #nav:target > a:nth-of-type(2) { display:block !important;}
	#nav:target > ul {display:block !important;}
	
	#nav:target {padding:0 0 18px 0;}

}

@media screen and (max-width:1080px) {

}

@media screen and (max-width:600px) {

}