#mainnav{
	float:left;
	width:100%;
	display:inline-block;
	position:relative;
	z-index:99;
	margin:0;
	background: rgba(42,42,44,0.8); }
#mainnav ul{
	float:left;	
	width:100%;
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;}
#mainnav ul li{
	float:left;
	font-size:31px;
	font-size:1.9375rem;
	line-height:34px;
	line-height:2.125rem;
	position:relative;
	padding:0.8125rem 1.2% 0px 1.2%;}
#mainnav ul li a{
	color:#39ae4a;
	float:left;
	text-transform:uppercase;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;}
#mainnav ul li a span{
	display:inline-block;
	padding-bottom:0.8125rem;}
#mainnav ul li:hover{
	text-decoration:none;
	background:url(ps) repeat-x 0 0;
	background-size: 1px 100%;}
#mainnav ul li.has-children a:hover span, #mainnav ul li.has-children:hover a span{
	background:url(ps) no-repeat bottom center;}
#mainnav li.active a{text-decoration:none; color:#fafafd;}
#mainnav li.active a:hover{background:none;}
#mainnav li.active a:hover span{background:none;}
#mainnav li.active a span{ background:none;}
#mainnav ul li.active:hover a, #mainnav ul li:hover a{color:#fafafd;}
.toggleMenu,#mainnav ul li a span.expand{display:none;}

/*****Drop Down Menu*****/
#mainnav ul li ul{
	position:absolute;
	top:60px;
	top:3.75rem;
	left:0px;
	display:none;
	width:182px;
	width:11.375rem;
	background: rgba(250,250,253,0.9);
	padding:10px 5.8% 10px;
	padding:0.625rem 5.8%;}
#mainnav ul ul li{
	float:left;
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	width:100%;
	padding:0px;
	text-align:left;
	margin:8px 0px 0px 0px;
	margin:0.5rem 0 0 0; }  
#mainnav ul ul li a{
	float:left;
	text-align:left;
	width:172px;
	color:#1c1c1d !important;
	background:none;
	width:90%;
	padding:6px 5%;
	padding:0.375rem 5%;
	text-transform:none;
	letter-spacing:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	margin:0;}
#mainnav ul li:hover ul li:hover{background:none;}
#mainnav ul ul li a:hover{
	color:#fafafd !important;
	background:#39ae4a;
	border-radius:10px;
	text-decoration:none;}
#mainnav li:hover ul{display:block;}
#mainnav ul li.active:hover ul a{color:#2931e6; background:none;}
#mainnav ul li.active:hover ul a:hover{color:#fafafd; background:#39ae4a;}

/*****Inside Navigation*****/
#menu{ 
	display:inline-block;
	width:100%;
	padding:0;}
#menu ul{
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;}
#menu ul li{
	float:left;
	width:100%;}
#menu li a{
	float: left;
	display:inline-block;
	padding:10px 5% 10px 10%;
	padding:0.625rem 5% 0.625rem 10%;
	margin-bottom:0.5rem;
	width:85%;
	font-size:15px;
	font-size:0.9375rem;
	line-height:19px;
	line-height:1.1875rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#2931e6;
	border-radius:0 10px 10px 0;}
#menu ul li a:hover, #menu a.ln_default, #menu a.ln2_default, #menu a.ln3_default{
	text-decoration:none;
	color:#fafafd; 
	background:#39ae4a;}
#menu ul ul li a{
	padding:10px 5% 10px 20%;
	padding:0.625rem 5% 0.625rem 20%;
	width:75%;
	color: #ff0000;}
#menu ul ul ul li a{
	padding:10px 5% 10px 30%;
	padding:0.625rem 5% 0.625rem 30%;
	width:65%;
	color: #ff0000;}

/*****MEDIA QUERIES*****/

@media only screen and (max-width:65rem){
	#mainnav ul li{
		font-size:1.5rem;
		padding:0.8125rem 1% 0px 1%;}
	#mainnav ul li.last ul{left:auto; right:0;}
}
@media only screen and (max-width:59.9375rem){
	#menu{
		margin-top:1rem;
		padding-top:1rem;
		border-top: 10px solid #eaebee;}
	#menu li a{
		padding: 0.625rem 5% 0.625rem 5%;
		width:90%;}
	#menu ul ul li a{
		padding: 0.625rem 5% 0.625rem 10%;
    	width: 85%;}
	#menu ul ul ul li a{
		padding: 0.625rem 5% 0.625rem 15%;
    	width: 80%;}
}
@media only screen and (max-width: 50rem){
	.toggleMenu{
		background: #2a2a2c;
		width:3rem;
		height:2.5rem;
		float:right;
		border-radius:5px;
		display:block;
		margin-right:2%;
		margin-bottom:0.75rem;
		font-size: 32px;
		font-size: 2rem;
		line-height: 36px;
		line-height:2.25rem;
		text-align: center;}
	.toggleMenu .fa{
		padding-top:0.25rem;
		color:#39ae4a}
	#mainnav{
		max-width:100%;
		background:none;}
	#mainnav ul{
		display:none;
		background: rgba(42,42,44,0.9); 
		position:absolute;
		left:auto;
		width:90%;
		top:45px;}
	#mainnav ul li{
		width:100%;
		margin:0;
		border-bottom:1px solid #39ae4a;
		padding:0;}
	#mainnav ul li:last-child{border:none;}
	#mainnav ul li a{
		width:85%;
		padding:0.5rem 10% 0.5rem 5%;
		text-align:left;}
	#mainnav ul li a span{
		display:inline-block;
		padding-bottom:0;}
	#mainnav li.has-children a span,#mainnav li.has-children a:hover span,#mainnav ul li.active:hover a span{
		background:none !important;}
	#mainnav ul li a span.expand{
		display:block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 4rem;
		z-index: 10;
		padding:0;
		text-align:center;}
	#mainnav ul li a span.expand .fa{padding-top:0.5rem;}
	#mainnav ul li a span.expand.actv .fa-plus:before{content: "\f068";}
	#mainnav li:hover ul{display:none;}
	#mainnav ul li ul{
		width:94%;
		position:static;
		padding:0.375rem 3%!important}
	
	#mainnav ul ul li{
		margin:0;
		padding:0;
		font-size:16px;
		font-size:1rem;
		line-height:24px;
		line-height:1.5rem;
		border:0;}
	#mainnav ul ul li a{
		width:93%;
		padding:0.625rem 5% 0.625rem 2%!important;}
}
@media only screen and (max-width: 42rem){
	#mainnav{margin-top:-3.5rem;}
	#menu{
		margin-top:1rem;
		padding-top:1rem;
		border-top: 10px solid #e4e4e7;}
	#menu li a{
		padding: 0.625rem 5% 0.625rem 10%;
		width:85%;}
	#menu ul ul li a{
		padding: 0.625rem 5% 0.625rem 20%;
    	width: 75%;}
	#menu ul ul ul li a{
		padding: 0.625rem 5% 0.625rem 30%;
    	width: 65%;}
}
@media only screen and (max-width: 32rem){
	#mainnav{margin-top:0;}
}