/* Top menu
----------------*/
.toggleMenu,.expand{display:none;}
#mainnav {
    clear: both;
    float: right;
    position: relative;
    z-index: 9999;
	margin-top:-5%;
	width:70%;}
ul#topnav {
    margin: 0;
    padding: 0;}
ul#topnav li {
    float: left;
    list-style-type: none;
    margin: 0 2.05%;
    padding: 0;
    position: relative;
	height:3.3125rem;}
ul#topnav li a {
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    color: #fbfbfb;
    display: block;
    font-size: 18px;
	font-size: 1.125rem;
    line-height: 18px;
	line-height: 1.125rem;
	padding:8px 0;
	margin-bottom:10px;}
ul#topnav li.last {margin-right: 0; padding-right:8px;}
ul#topnav li a:hover, ul#topnav li.active a, ul#topnav li:hover a{color:#cd6a16; text-decoration:none;}
ul#topnav li.has-children:hover a,
ul#topnav li.has-children a:hover,
ul#topnav li.has-children.active a{
	color:#cd6a16;
	background: url("custom/images/nav_arrow.png") no-repeat center bottom;}
ul#topnav li.has-children:hover ul li a,
ul#topnav li.has-children ul li a:hover,
ul#topnav li.has-children.active ul li a{background:none;}
ul#topnav li:hover {
    background: url("custom/images/nav_bg_rpt.png")repeat-x 0 0;
    height: 53px;}
ul#topnav ul li:hover{height:auto;}
ul#topnav li:hover:before{
    background: url("custom/images/nav_bg_left.png")no-repeat 0 0;
    position: absolute;
    content: "";
    width: 14px;
    height: 53px;
    left: -14px;
    top: 0;}
ul#topnav li:hover:after{
    background: url("custom/images/nav_bg_right.png")no-repeat 0 0;
    position: absolute;
    content: "";
    width: 14px;
    height: 53px;
    right: -14px;
    top: 0;}
ul#topnav li.last:hover:after{
    background: url("custom/images/nav_bg_last_right.png")no-repeat -4px 0;
    position: absolute;
    content: "";
    width: 8px;
    height: 53px;
    right: 0px;
    top: 0;}
ul#topnav li.last:hover:before{
    background: url("custom/images/nav_bg_last_left.png")no-repeat 0 0;
    position: absolute;
    content: "";
    width: 14px;
    height: 53px;
    left: -14px;
    top: 0;}
ul#topnav li ul li:hover{
    background: none;
    margin-top: 0;
    height: inherit;}
ul#topnav li ul li:hover:before{
    background: none;}
ul#topnav li ul li:hover:after{
    background: none;}
ul#topnav li ul li:hover{
    background: none;
    margin-top: 0;
    height: inherit;}
ul#topnav ul {
    background: #fbfbfb;
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #f8f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f8f7f7));
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f8f7f7 100%);
    background: -o-linear-gradient(top,  #fbfbfb 0%,#f8f7f7 100%);
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#f8f7f7 100%);
    background: linear-gradient(to bottom,  #fbfbfb 0%,#f8f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f8f7f7',GradientType=0 );
    display: none;
    left: -13px;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 34px;
    width: 150px;
    z-index: 1999;}
ul#topnav :hover ul {display: block;}
ul#topnav .last ul {
    left: auto;
    right: 0;}
ul#topnav ul li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
	height:auto;}

ul#topnav li:hover ul li a {
    color: #626262!important;
    display: block;
    font-size: 14px;
	font-size: 1rem;
    line-height: 16px;
	line-height: 1.14rem;
    padding: 4px 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}

ul#topnav li:hover ul li a:hover {
    color: #2f2f37 !important;
}


/* Left Nav Menu
----------------------*/
#menu {
    margin-top: 3px;
}

#menu ul, #menu ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu li a {
    color: #2f2f37;
    font-family: 'Ruda', sans-serif; font-weight: 900;
    display: block;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    background: url("custom/images/nav-border.png") left bottom no-repeat;
    padding: 6px 4px;
}
#menu li a:after{
    background: url("custom/images/left_menu.png") no-repeat;
    position: absolute;
    height: 6px;
    left: -11px;
    top: 14px;
    width: 6px;
    content: "";
}
#menu li a:hover:after, #menu a.ln_default:after, #menu a.ln2_default:after, #menu a.ln3_default:after{
    background: url("custom/images/left_menu.png") no-repeat 0 -16px;
}
#menu li li a:after{
    background: url("custom/images/left_menu.png") no-repeat;
    position: absolute;
    height: 6px;
    left: -11px;
    top: 14px;
    width: 6px;
    content: "";
}
#menu li li li a:after{
    background: url("custom/images/left_menu.png") no-repeat;
    position: absolute;
    height: 6px;
    left: -11px;
    top: 14px;
    width: 6px;
    content: "";
}
#menu li a:hover, #menu a.ln_default, #menu a.ln2_default, #menu a.ln3_default {
    color:  #cd6a16;
	text-decoration:none;
}

#menu li li a {
    padding-left: 10px;
}

#menu li li li a {
    padding-left: 20px;
}
@media only screen and (max-width:65rem) {
	#logo{width:25%;}
	#mainnav{width:75%;}
	ul#topnav li a{font-size:16px; font-size:1rem;}
	#sidebar{width:90%; padding-left:10%;}
}

@media only screen and (max-width:61.9375rem) {
	#logo{margin-top:1.714rem;}
	ul#topnav li a{font-size:14px; font-size:1rem;}
}
@media only screen and (max-width: 58rem){
	#mainnav{width:100%; margin-top:0;}
	#logo{width:100%;}
	ul#topnav li {margin:0 2.4%;
}
@media only screen and (min-width: 48.1875rem) { 
	header #topnav{display:block!important}
}
@media only screen and (max-width: 48.125rem)  { 
	.btn{right:2%;}
	a.toggleMenu{
		background:#cd6a16;
		color:#ffffff;
		font-size:1.25rem;
		float:right;
		position:absolute;
		right:2%;
		top:-3.75rem;
		border-radius:5px;
		text-align:center;
		padding: 0.6rem 1.7%;
		display:block;}
	a.toggleMenu:hover{color:#f9f9f7;}
	#mainnav{
		margin:0;
		background:#2f2f37; 
		z-index:1999;
		width:100%;
		display:inline-block;
		position:relative;}
	ul#topnav{
		display:none;
		position:absolute;
		left:0;
		top:0;
		float:left;
		width:100%;
		background:#2f2f37;}

	ul#topnav li{
		width:100%;
		padding:0;
		margin:0;
		float:left;
		height:auto;}
	
	ul#topnav li a, ul#topnav li.active a{
		float:left;
		width:90%;
		line-height:25px!important;
		padding:0.75rem 5%!important;
		margin:0;
		font-size: 18px;
		font-size:1.125rem;
    	line-height: 26px;
		line-height:1.625rem;
		border-bottom: 1px solid #f9f9f7;}
	ul#topnav li.has-children a .expand {
		display:block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		font-size:1.5rem;
		line-height:1.5rem;
		padding:0.75rem 2% 0;
		z-index: 999;}
	nav li.has-children a .expand.actv .fa-plus-square:before {content: "\f146";}

	ul#topnav li:last-child a{border:none;}
	ul#topnav li:last-child{ padding-bottom:0;}
	
	ul#topnav li:hover:before, ul#topnav li.active:before{background:none; height:auto;}
	ul#topnav li:hover:after, ul#topnav li.active:after{background:none; height:auto;}
	ul#topnav li:hover, ul#topnav li.active{ background:none; margin:0; height:auto;}
	ul#topnav ul{position:static; width:100%; background:#f9f9f7; margin:0; padding:0; float:left;}
	ul#topnav ul li{ float:left; width:100%; position:static; padding:0; margin:0;}	
	ul#topnav ul li a{
		float:left;
		width:90%;
		padding:4px 5%!important;
		margin:0;
		font-size:16px!important;
		font-size:1rem !important;
		color:#626262!important;
		font-weight:bold;}
	ul#topnav ul li:last-child a{border:none;}
	ul#topnav ul li:hover ul{ display:none;}
	ul#topnav li:hover ul li a{ padding:0; position:static;}
	ul#topnav li.last a{padding-right:0;}
	ul#topnav li a:hover, ul#topnav li:hover a{ line-height:0;}
	ul#topnav li a:hover{color:#f9f9f7!important;}
	ul#topnav li.last:hover:before{background:none; position:static; height:auto;}
	ul#topnav li.last:hover:after{background:none; position:static; height:auto;}
	.has-children a { position: relative;}
	ul#topnav :hover ul { display:none;}
	ul#topnav li.has-children:hover a,
	ul#topnav li.has-children a:hover,
	ul#topnav li.has-children.active a{background:none;}
}
@media only screen and (max-width: 30rem) {
	#logo{
		margin-top:4.375rem;
		width: 100%;
		text-align: center;}
}
/* Level 2 and 3 Mobile view styling */
@media only screen and (max-width: 48.125rem){
    #menu {display:none;}
    #sidebar{min-height:auto;}
    #mainnav .drop_level3_wrapper_mobile ul li a, #mainnav .drop_level3_wrapper_mobile ul li.active a {
        padding: 0rem 5% 0rem 5% !important;
    }
}
    
#topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    margin-left: 1.5rem;
}