a#skiptocontent {
	padding: 3px 12px 8px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: #BF1722;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 99999;
}
a#skiptocontent:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	outline: none;
	-webkit-transition: top .1s ease-in;
	transition: top .1s ease-in;
}

a#mobileMenuTrigger:link, a#mobileMenuTrigger:visited {
	position: fixed;
	top: 0;
	right: 0;
	background: #042e4a;
	color: #fff;
	font-size: 2em;
	width: 50px;
	border-bottom-left-radius: 10px;
	padding: 10px;
	z-index: 999;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 50px;
	line-height: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
}
a#mobileMenuTrigger:hover, a#mobileMenuTrigger:active, a#mobileMenuTrigger:focus { background: #053f64; }

ul#mainMenu {
	list-style: none;
	margin: 0;
}
ul#mainMenu li a.menu-open+ul { display: block; }

ul#mainMenu>li a:link, ul#mainMenu>li a:visited {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	text-align: left;
	text-decoration: none;
	line-height: 1.2;
	color: #fff;
	padding: 13px 58px 13px 20px;
}
ul#mainMenu>li a:hover, ul#mainMenu>li a:active, ul#mainMenu>li a:focus, ul#mainMenu>li a.menu-open { color: #99bedb; outline: 0; }

ul#mainMenu ul {
	position: relative;
	display: none;
	width: auto;
	margin-left: -1px;
	z-index: 9992;
}
ul#mainMenu li.sociallinks { padding-top: 20px; display: inline-block; border-bottom: none; }
ul#mainMenu li.sociallinks a { padding: 4px 14px; }

@media only screen and (max-width: 1024px) { /* Mobile 767  */
	#main-nav {
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		padding-top: 200px;
		padding-bottom: 30px;
		background: #042e4a;
		z-index: 99999;
	}
	#main-nav.mobile-menu-on { display: block; }
	#mainMenu li { margin: 0; }
	#mainMenu>li { border-bottom: 1px solid #4086bb; }
	ul#mainMenu ul {
		background: #053f64;
		margin: 0;
	}
	ul#mainMenu ul li {
		list-style: none;
	}
	#mainMenu ul a { padding: 10px; }
	#mainMenu a.menu-open { color: #fff !important; }

	ul#mainMenu ul li a:link, ul#mainMenu ul li a:visited { padding: 10px 0 10px 30px; }
}
@media only screen and (min-width: 1025px) { /* Desktop */
	ul#mainMenu .mobileOnly, ul#mainMenu li.sociallinks, a#mobileMenuTrigger { display: none; }

	#main-nav {
		line-height: 0;
		float: right;
		padding: 0;
		border-bottom-left-radius: 0;
		background: none;
		margin: 10px 0 0 15px;
	}
	ul#mainMenu li {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	ul#mainMenu>li a:link, ul#mainMenu>li a:visited { font-weight: 700; padding: 7px 10px; color: #fff; }
    ul#topMenu>li a:link, ul#topMenu>li a:visited { font-weight: 700; padding: 7px 10px; color: #7d98aa; font-size: 1.1em; }
	ul#mainMenu>li a:hover, ul#mainMenu>li a:active, ul#mainMenu>li a:focus, ul#mainMenu>li a.menu-open,
    ul#topMenu>li a:hover, ul#topMenu>li a:active, ul#topMenu>li a:focus { color: #a2d1ad; }
		#topMenu li { border-right: 1px solid #1177bd; margin: 0; padding: 10px 5px; }
    #topMenu li:last-of-type { border-right: none; }
    #topMenu .fab { font-size: 1.5rem; position: relative; top: 3px; }

    /* submenu */
	ul#mainMenu ul {
		position: absolute;
		top: 1.8em;
		padding: 20px;
		background: #053f64;
		border-bottom-left-radius: 18px;
		border-bottom-right-radius: 18px;
	}
	ul#mainMenu ul.right { right: 0; }
	ul#mainMenu ul li {
		position: relative;
		display: block;
	}
	ul#mainMenu ul a:link, ul#mainMenu ul a:visited {
		display: block;
		font-size: 1.1em;
		white-space: nowrap;
		font-weight: 300;
		padding: 5px 0;
		color: #fff;
        border: none;
	}
	ul#mainMenu ul a:hover, ul#mainMenu ul a:active, ul#mainMenu ul a:focus {
		color: #a2d1ad;
	}

}