/* #Resets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;  }

@font-face { font-family: 'Nekst-Regular'; src: url('Nekst-Regular.woff2') format('woff2'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } 


nav {
	font-family: "Nekst-Regular"
}

/* #Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navigator {
	display:grid;
	grid-template-columns:.5fr 5fr;
	grid-column-gap:1em;
}

.logo img {padding-top:1.4em;}

nav {
	position: relative;
	z-index:2;
}

nav a:link {text-decoration:none;}

nav > ul > li {
	display: inline-block;
  	font-size: 16px;
  	padding: 0 15px;
  	position: relative;	
}

nav > ul > li:first-child {padding-left: 0;}
nav > ul > li:last-child {padding-right: 0;}
nav > ul > li > a {
	color: #fff;
  	display: block;
  	position: relative;
  	padding: 12px 0 26px 0;
}

nav > ul > li:hover > a {
	color: #fff; 
  	border-bottom: 3px solid #5b7999;
}

/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mega-menu {
	background: #0d1a47;
  	display: none;
  	left: 0;
  	position: absolute;
  	text-align: left;
  	width: 100%;
	border-radius:9px;
	border: 1px solid #243a60;
	padding:.8em 1em 1.6em 1em;
}
.mega-menu h3 {color: #fff;}
.mega-menu ul {
	float: left;
  	margin-bottom: 20px;
  	margin-right: 40px;
  	width: 420px;
	list-style:none;
}
.bord-left {border-left: 1px solid #243a60;}

.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {
  	color: #fff;
  	display: block;
  	padding:10px;
}
.mega-menu a:hover {background: #3db4f5;padding:10px;border-radius:5px;}

.i-hdr {font-size: 18px;margin-bottom:5px;}

.droppable {position: static;}
.droppable:hover .mega-menu {display: block;}

/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
	content: " ";
   display: table;
}
.cf:after {clear: both;}

@media screen and (max-width: 1440px) {
	.mega-menu ul {
  	width: 300px;
}
	
}@media screen and (max-width: 1024px) {
		.mega-menu ul {
  	width: 230px;
	
}}@media screen and (max-width: 995px) {
	nav {display:none;}
}