/* --- MEGA-MENU CSS STYLES --- */

.mnn- {
	display: table;
	height: 60px;
	width: 100%;
}

.mega-menu {
	display: table-row;
	padding-left: 0;
	list-style: none outside none;
	font-family: "Open Sans","Lucida Sans",Verdana,sans-serif;
}

	.mega-menu li {
		float: left;
		width: 16.66%;
		height: 100%;
		border-left: 1px solid #6ab2e2;
		border-right: 1px solid #6ab2e2;
		text-align: center;
		cursor: pointer;
	}

	.mega-menu > li {
		display: table-cell;
		float: none;
		padding: 0 9px;
		vertical-align: middle;
	}

	.mega-menu li:first-child {
		border-left: 2px solid #6ab2e2;
	}

	.mega-menu li:last-child {
		border-right: 2px solid #6ab2e2;
	}

	.mega-menu li.oneline {
		padding-top: 20px;
	}

	.mega-menu li.twoline {
		padding-top: 10px;
	}

	.mega-menu > li:hover {
		background: #23445f;
		background: -moz-linear-gradient(top,#051227 0,#051227 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#051227),color-stop(100%,#051227));
		background: -webkit-linear-gradient(top,#051227 0,#051227 100%);
		background: -o-linear-gradient(top,#051227 0,#051227 100%);
		background: -ms-linear-gradient(top,#051227 0,#051227 100%);
		background: linear-gradient(to bottom,#051227 0,#051227 100%);
	}

	.mega-menu > li a {
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
	}

	.mega-menu .sub {
		display: none;
		position: absolute;
		background-clip: padding-box;
		/*background-color: #b5bbbf;*/
		background-color: #3498db;
		border: 1px solid rgba(0,0,0,.15);
		float: left;
		width: 1000px;
		left: 70px;
		top: 60px;
		z-index: 1000;
	}

		.mega-menu .sub.cols-1 {
			padding: 0 380px;
		}

		.mega-menu .sub.cols-2 {
			padding: 0 230px;
		}

		.mega-menu .sub.cols-3 {
			padding: 0 130px;
		}

		.mega-menu .sub.cols-4 {
			padding: 0 0;
		}

@media (max-width: 1199px) {
	.mega-menu .sub {
		left: 0;
		width: 940px;
	}

		.mega-menu .sub.cols-3 {
			padding: 0 100px;
		}
}

.mega-menu .sub .col {
	width: 230px;
	float: left;
	padding: 25px 18px;
	margin: 0 8px;
	list-style: none outside none;
}

@media (max-width: 1199px) {
	.mega-menu .sub .col {
		width: 218px;
		padding: 25px 10px;
	}
}

.mega-menu .sub .col > li {
	float: none;
	width: 100%;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px rgba(255,255,255,.5) solid;
	padding: 6px 0;
}

.mega-menu .sub .col li:hover {
	background-color: transparent !important;
}

.mega-menu .sub .col > li > a {
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	padding-bottom: 6px;
}

	.mega-menu .sub .col > li > a:hover {
		text-decoration: underline;
	}

.mega-menu .sub > .col ul {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

	.mega-menu .sub > .col ul > li {
		float: none;
		width: 100%;
		text-align: left;
		border: none;
		padding-bottom: 10px;
	}

		.mega-menu .sub > .col ul > li > a {
			color: #fff;
			font-weight: 600;
			text-decoration: none;
			text-transform: none;
		}

			.mega-menu .sub > .col ul > li > a:hover {
				text-decoration: underline;
			}

/* "Key" that appears to the right of sub menu items containing the class .login-required */
.mega-menu a.login-required:after {
	content: url('/assets/images/key.png');
	margin-left: 4px;
}

/* "Arrow" that appears under hovered on top menu item */
.mega-menu li .sub .arrow {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #051227 transparent transparent;
	border-style: solid;
	border-width: 8px;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	display: block;
	width: 1px;
}
/* --- / MEGA-MENU CSS STYLES --- */


/* --- SLIDING-MENU CSS STYLES --- */
.sliding-menu {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none outside none;
	font-family: "Open Sans","Lucida Sans",Verdana,sans-serif;
}

	.sliding-menu > div {
		float: none;
		width: 100%;
		height: auto;
		min-height: 60px;
		text-align: left;
		background-color: #0a254b;
		border-bottom: 1px #b5bbbf solid;
		padding: 0;
		margin: 0;
	}

		.sliding-menu > div:hover {
			background: #23445f;
			background: -moz-linear-gradient(top,#051227 0,#051227 100%);
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#051227),color-stop(100%,#051227));
			background: -webkit-linear-gradient(top,#051227 0,#051227 100%);
			background: -o-linear-gradient(top,#051227 0,#051227 100%);
			background: -ms-linear-gradient(top,#051227 0,#051227 100%);
			background: linear-gradient(to bottom,#051227 0,#051227 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051227',endColorstr='#051227',GradientType=0);
		}

		.sliding-menu > div i.sliding-plusminus { /* "Plus"/"Minus" sign on top level menu items */
			float: left;
			color: white;
			font-size: 10px;
			height: 60px;
			line-height: 60px;
			padding-left: 10px;
			padding-right: 10px;
		}

		.sliding-menu > div .lv1 {
			cursor: pointer;
			float: left;
			text-transform: uppercase;
			width: 200px;
		}

			.sliding-menu > div .lv1.shortw {
				height: 60px;
				padding-top: 17px;
			}

			.sliding-menu > div .lv1.longw {
				height: 60px;
				padding-top: 10px;
			}

			.sliding-menu > div .lv1 a { /* level1 */
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				line-height: 15px;
			}

	.sliding-menu .sub {
		display: none;
		padding-top: 10px;
		padding-bottom: 15px;
		padding-left: 27px;
		background-color: #3498db;
	}

		.sliding-menu .sub .col > div {
			width: 200px;
		}

			.sliding-menu .sub .col > div.line {
				padding-bottom: 5px;
				border-bottom: 1px rgba(255,255,255,.22) solid;
			}

			.sliding-menu .sub .col > div > a { /* level2 */
				text-decoration: none;
				color: #fff;
				font-size: 13px;
				font-weight: 600;
				padding-bottom: 6px;
			}

				.sliding-menu .sub .col > div > a:hover {
					text-decoration: underline;
				}

		.sliding-menu .sub .col a.login-required:after { /* "Key" that appears to the right of sub menu items containing the class .login-required */
			content: url('/assets/images/key.png');
			margin-left: 4px;
		}

		.sliding-menu .sub .col > div div > a { /* level3 */
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			font-weight: 300;
		}

			.sliding-menu .sub .col > div div > a:hover {
				text-decoration: underline;
			}
/* --- SLIDING-MENU CSS STYLES --- */