#045072
	

#menu-wrap{display:none;}

	

	
	/* Mobile */
	#menu-trigger {
		display: none;
	}
	
	
	
	
		#menu .top-list{display:none;}
		/* nav-wrap */
		#menu-wrap {
			position: relative;
    display:none;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display:none; /* show menu icon */
			height: 45px;
			line-height: 45px;
			cursor: pointer;			
			color: #FFFFFF;
			font-weight: 700;
			background-color: #063346;
			text-align:center;
			font-family:"Bitter",sans-serif;
			font-size:24px;
	
		}
		
		/* main nav */
		#menu {
			margin: 0;
			position: relative;
			width: 100%;
			z-index: 1;
			background-color: #034A68;
			display: block;
			box-shadow: none;		
		}

/*		#menu:after {
			content: '';
			position: relative;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}*/	

		#menu ul {
			position: relative;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;		
		}

		#menu li {
			position:relative;
			display: block;
			float: none;
			border: 0;
			box-shadow: none;
			width:100%;			
		}

		#menu ul li{
			margin-left: 20px;
			box-shadow: none;		
		}

		#menu a{
    		border-top: 1px solid #063346;
    		color: #FFFFFF;
    		display: block;
    		float: none;
    		padding: 10px 0;
    		text-align: center;
    		text-decoration: none;
		}

		#menu a:hover{
			color: #FFFFFF;
			background:#045072;
		}
		

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#menu-wrap{display:block;}

	
		#menu .top-list{display:none;}

	#menu { display:none; }
	/* Mobile */
	#menu-trigger {
		display: block;
	}

	}



@media only screen and (max-width: 767px) {
	#menu-wrap{display:block;}

	
		#menu .top-list{display:block;}
#menu { display:none; }
	
	/* Mobile */
	#menu-trigger {
		display: block;
	}
	
}