#mainnav ul, #mainnav li{
	margin:0;
	list-style:none;
	padding:0;}
#mainnav{
    position:relative;
    width: 100%;
    z-index: 2;
    margin: 0;}
ul#topnav {
	width: 100%;
	display:inline-block;}
#mainnav li{
    float:left;
    display:inline;
    position:relative;
    margin:0 1.8%;
    padding-bottom: 0;}
#mainnav li a{
    display:block;
    color:#ffffff;
    font-size:28px;
	font-size:1.75rem;
	line-height:28px;
	line-height:1.75rem;
    text-decoration:none;
    text-align:center;
    font-family: 'Fjalla One', sans-serif;
    padding-bottom: 0;
	padding: 11px 0;
	padding: 0.6875rem 0;
    text-transform: uppercase;}
#mainnav li.active,
#mainnav li:hover{
    border-bottom: 10px solid #bd9b59;
	padding-bottom:0.5625rem;}
#mainnav li.active a{color:#bd9b59;}
#mainnav li a:hover, #mainnav li:hover a{color: #bd9b59;}
#mainnav li li a{
    font-size:14px;
	font-size:0.875rem;
    font-weight:normal;
    background: none;
    text-transform: none;}
#mainnav li.first ul {left: 0;}
#mainnav li.first {margin-left: 0;}


/*****Drop Down******/
#mainnav li ul{
    background: #ffffff;
    display:none;
    margin-top: 0;
    position:absolute;
    top:68px;
    left:0;
    padding-bottom:0.5rem;
    padding-top:0.5rem;
    width:180px;
    z-index: 2;}
#mainnav li.last ul{left: -88px}
#mainnav li.last {background:none;}
#mainnav li:hover ul{ display:block;}
#mainnav li li{
    float:none;
    display:block;
    border-top:0;
    border-bottom:none;
    height:auto;
    margin:0;
    padding:0 5%;
    display:block;
    line-height:normal;
    width: 90%;}
#mainnav li li:hover{
    border-bottom: 0;
	padding-bottom: 0;}
#mainnav li li a{
    font-size:14px;
	font-size:0.875rem;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color:#1d2758 !important;
    padding:0.375rem 6%;
	margin: 0 0 0.25rem 0;
	width:88%;
    height:auto;
    text-align:left;
    font-weight:normal;
    line-height:normal;
    background: none;
}
#mainnav li li a:hover{
    text-decoration:none;
    color: #c2a368!important;
    background: #1d2758;
	margin:0;
}
.toggleMenu,#mainnav li .expand{ display:none;} 

/*****INSIDE NAVIGATION******/
#menu{
	border-left: 10px solid #1d2758;
	padding-left:7.5%;
	width:92.5%;}
#menu ul, #menu ul li { list-style: none; margin: 0; padding: 0; }
#menu ul li a {
    color: #1d2758;
    display: block;
    font-size: 13px;
	font-size:0.8125rem;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration:none;
    line-height: 20px;
	line-height: 1.25rem;
    margin: 0 0 22px;
	margin: 0 0 1.375rem;
	font-weight:bold;
}
#menu ul li a:hover, #menu a.ln_default, #menu a.ln2_default{color:#e5c027;}
#menu ul ul,#menu ul ul ul{padding-left:8%;}
#menu ul ul li a{ color:#e5c027;}
#menu ul ul ul li a:hover, #menu a.ln3_default{color: #1d2758;}

/*****MEDIA QUERIES******/
@media only screen and (max-width:67rem) {
	#mainnav li{margin: 0 2.8%;}
	#mainnav li a{
		font-size:24px;
		font-size:1.5rem;}
}
@media only screen and (max-width:62rem) {
	#mainnav li{margin: 0 2.5%;}
	#mainnav li a{
		font-size:22px;
		font-size:1.375rem;}
}
@media only screen and (max-width:59.9375rem) {
	#menu{padding-left:5%;}
	#menu ul ul,#menu ul ul ul{padding-left:3%;}}
@media only screen and (max-width:53rem) {
	#mainnav li{margin: 0 2.25%;}
	#mainnav li a{
		font-size:20px;
		font-size:1.25rem;}
}
@media only screen and (min-width: 50.0625rem) {
	header #topnav{ display:block!important}
}
@media only screen and (max-width: 50rem) {
	#mainnav{
		width:100%;
		margin:0;
		height:50px;}
	a.toggleMenu{
		float:left;
		width:100%;
		text-align:center;
		font-size:18px;
		line-height:18px;
		color:#ffffff;
		padding:10px 0px 32px;
		font-family: 'Fjalla One', sans-serif;
		display:block;}
	.toggleMenu span{width:100%; display:inline-block; color:#ffffff;}
	.toggleMenu.actv span.fa-chevron-down:before{content: "\f077";}
	ul#topnav{display:none;z-index:99;}
	#mainnav li{
		width:100%;
		padding:0;
		margin:0;
		height:auto;
		background:#1d2758; 
		border-bottom:1px solid #ffffff;}
	#mainnav li.first{margin:0;}
	#mainnav li a{
		padding:0;
		margin:0;
		border:none;
		font-size:28px;
		font-size:1.75rem;
		line-height:28px;
		line-height:1.75rem;
		height:auto;
		color:#ffffff;
		width:85%;
		padding:14px 0 14px 2%;
		padding:0.875rem 0 0.875rem 2%;
		text-align: left;
		float:left}
	#mainnav li.has-children .expand{
		float:right; 
		padding:0.75rem 0;
		width:13%;
		text-align:center;
		color:#ffffff;
		font-size:1.5rem;
		display:block;
		cursor:pointer;}
	#mainnav li.has-children .expand.actv .fa-chevron-down:before{content: "\f077";color:#ffffff;}
	#mainnav li.has-children .expand:hover{color:#ffffff;}
	#mainnav li a:hover,#mainnav li.active a{color:#ffffff;}
	#mainnav li.active, #mainnav li:hover{
		border-bottom:1px solid #ffffff;
		height:auto;
		padding:0;}
	#mainnav li:hover ul{ display:none;}
	#mainnav li ul{
		position:static;
		float:left;
		width:100%;
		text-align:left;
		background:#ffffff;}
	#mainnav li.last{border:none;}
	#mainnav li li{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		background:none;}
	#mainnav li li a{
		width:96%;
		float:left;
		padding:12px 2%;
		padding:0.75rem 2%;
		margin:0;
		font-size:18px;
		font-size:1.125rem;
		line-height:20px;
		line-height:20px;
		text-align:left;}
	#menu ul ul,#menu ul ul ul{padding-left:8%;}
}
/* BEGIN: add for mobile menu reasons */
#mainnav .toggleMenu.actv + #topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    margin-left: 1rem;
    /* margin-bottom: 1rem; */
}
@media only screen and (max-width: 800px){
    #menu {
        display:none;
    }
}
/* END: add for mobile menu reasons */