﻿.dropdown-menu {
	border-radius:0;
}
.sub-nav {
	z-index:10;
	padding: 0px;
	margin: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sub-nav li ul li {
	text-align:left;
	color: #222244;
}
.sub-nav li {
	display: inline-block;
	position: relative;
	float: left;
	/*width: 140px;*/
	/*height: 50px;*/
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
}

ul.sub-nav li a {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
	/*line-height: 50px;*/
	/*width: 140px;*/
	padding:15px;
	display: block;
	text-shadow:1px 1px 2px black;
	-webkit-transition: background 0.1s, color 0.1s, text-shadow 0.1s;
	transition: background 0.1s, color 0.1s, text-shadow 0.1s;
}
.dropdown.open a, .dropdown a {
	color:black;
	text-shadow:none;
	background-color:white;
	text-decoration:none;
}
ul.dropdown-menu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	/*width:140px;*/
	min-width:140px;
	margin:0;
	padding:0;
	border: 0;
	box-shadow:0 0 5px #cecece;

}
ul.dropdown-menu li {
	width:100%;
}
ul.sub-nav li ul.dropdown-menu li {
	background-color: #ffba00;
	text-align:left;
	/*width:140px;*/
	/*height:50px;*/
}
ul.sub-nav li a:hover {
	margin-top:0px;
	background-color:#ffba00;
	/*width: 140px;*/
	text-decoration: none;
	color:black;
	text-shadow:none;
}
.dropdown li a {
	vertical-align:middle;
	background-color: #5577ff;
	/*font-size:13px;*/
	color:black;
	top:0;
	left:0;
	text-align:left;
	/*padding:0 0 0 5px;*/
	/*line-height: 50px;*/
	/*height:50px;*/
	/*width:160px;*/
}
.dropdown li a:hover {
	text-decoration:none;
	background-color: #ffba00;
	/*width: 140px;*/
	/*height:50px;*/
	/*line-height: 50px;*/
	box-shadow: 0px 0px 0px 0px;
}
.dropdown:nth-last-child(2) ul {
	left:-150px;
}
.dropdown:last-child ul {
	left:-50px;
}

@media screen and (max-width:1056px) {
	.dropdown.wide li a, .dropdown.wide li a:hover {
		text-decoration:none;
		width: 100%;
	}
	ul.sub-nav {
		display: none;
	}
	ul.visible {
		z-index:5;
		display: block;
		position: fixed;
		background-color: #002266;
		width: 300px;
		height: 100vh;
		top: 60px;
		right:0px;
		overflow-y: scroll;
	}
	.sub-nav li {
		margin:0;
		display: block;
		text-decoration:none;
		text-align:left;
		float: none;
		clear:both;
		width:100%;
		height:40px;
		position:relative;
		box-sizing:border-box;
		font-size:16px;
	}
	.dropdown.open a {
		background-color:#ffba00;
	}
	.dropdown.two.open {
		margin-bottom:100px;
	}
	.dropdown.three.open {
		margin-bottom:150px;
	}
	.dropdown.four.open {
		margin-bottom:200px;
	}
	.dropdown.five.open {
		margin-bottom:250px;
	}
	.dropdown.six.open {
		margin-bottom:300px;
	}
	ul.sub-nav li a, a.menu-link, a.menu-link-first, a.menu-link-last {
		margin:0;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		border-radius: 0px;
		background-color: #003377;
		color: #FFFFFF;
		text-decoration: none;
		text-shadow:none;
		line-height:20px;
		width:100%;
		height:40px;
		font-weight: normal;
		display: block;
		padding: 10px;
	}
	ul.sub-nav li a:hover {
		background-color: #ffba00;
		width: 100%;
		text-decoration: none;
		color:#222244;
	}
	ul.dropdown-menu {
		display:none;
		position:static;
		top: 100%;
		width:100%;
		left: 0;
		font-size: 14px;
		text-align: left;
		float:none;
		border: 0;
		border-radius:0;
		padding:0px;	
		box-shadow: 0px 0px 0px 0px;	
	}
	ul.sub-nav li ul.dropdown-menu li {
		width:100%;
		height:50px;
		vertical-align:middle;
		margin:0;
	}
	ul.dropdown-menu li a {
		margin:0;
		vertical-align:middle;
		background-color: #002266 !important;
		color:#FFFFFF !important;
		line-height:20px;
		height:50px;
		padding: 15px 10px 15px 20px;
		width: 100%;
		white-space: nowrap;
		font-size:14px;
	}
	ul.dropdown-menu li a:hover {
		text-decoration:none;
		background-color: #ffba00 !important;
		width: 100%;
		color:black !important;
		margin:0;
		vertical-align:middle;
		line-height:20px;
		height:50px;
		padding: 15px 10px 15px 20px;
		white-space: nowrap;

	}
}