﻿#btn-menu {
	display: none;
	float: right;
	cursor: pointer;
	background: url(../design/icon_navigation.svg) no-repeat !important;
	background-size: 30px 20px;
	width: 30px;
	height: 20px;
	margin: 22px 0 0 15px;
	border:0;
}

#btn-menu-close {
	float: right;
	cursor: pointer;
	background: url(../design/icon_close.svg) no-repeat !important;
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	margin: 22px 0 0 15px;
	padding-right: 12px;
	border:0;
}

#btn-search-close {
	color: #004964;
	cursor:pointer;
}

#btn-search-close-icon {
	float: right;
	cursor: pointer;
	background: url(../design/icon_close.svg) no-repeat !important;
	background-size: 21px 21px !important;
	width: 21px;
	height: 21px;
	margin: 0 25px 0 15px;
	padding-right: 12px;
	border:0;
}

/* Main navigation (start) */

#navigation {
	padding-top: 32px;
}

	#navigation > ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

		#navigation > ul > li {
			display: inline-block;
			zoom: 1;
			margin: 0px;
			color: #005c81;
			list-style-image: none;
			cursor: pointer;
		}

			#navigation > ul > li:not(:first-child) {
				margin-left: 40px;
			}

			#navigation > ul > li:hover, #navigation > ul > li[data-active="true"] {
				color: #a5122a !important;
				border-bottom: 2px solid #a5122a;
			}

			#navigation > ul > li > a {
				display: block;
				color: inherit !important;
				text-decoration: none !important;
				text-transform: uppercase;
				font-size: 24px;
				padding: 0 0 33px 0;
			}

				#navigation > ul > li > a:hover {
					color: inherit !important;
				}

	#navigation div[id^="megamenu-"] {
		display: none;
		background: rgba(255, 255, 255, 1);
		position: absolute;
		top: 140px;
		left: 0;
		width: 100%;
		min-height: 410px;
		z-index: 105;
		cursor: default;
		box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.15);
	}

#navigation-mobile {
	padding-top: 20px;
}

	#navigation-mobile ul[data-level="2"] {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		transition: none;
		padding: 0;
		display: none;
	}

	#navigation-mobile ul[data-level="3"] {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		transition: none;
		padding: 0;
		display: none;
	}

	#navigation-mobile ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

		#navigation-mobile ul li {
			line-height: 40px;
			cursor: pointer;
			background-color: #ffffff;
		}

			#navigation-mobile ul li:hover {
				background-color: #ffffff;
			}

			#navigation-mobile ul li.nopad {
				padding-left: 0;
				border-top: none;
			}

			#navigation-mobile ul li a {
				display: block;
				width: 100%;
				color: #000000;
				line-height: 40px;
				/*white-space: nowrap;*/
				overflow: hidden;
				text-decoration: none !important;
				line-height: 1.5;
				padding-right: 15px;
			}

		#navigation-mobile ul[data-level="1"] li {
			color: #23527c;
			text-decoration: none !important;
			font-size: 24px;
			text-transform: uppercase;
			border-bottom: 1px solid #d0d0d0;
		}

			#navigation-mobile ul[data-level="1"] li a {
				width: 100%;
			}

			#navigation-mobile ul[data-level="1"] li span {
				display: block;
				padding-left: 15px;
			}

		#navigation-mobile ul[data-level="2"] li {
			background-color: #383838;
			text-transform: none;
			border-bottom: 1px solid #595959;
		}

			#navigation-mobile ul[data-level="2"] li div {
				padding-right: 10px;
			}

			#navigation-mobile ul[data-level="2"] li:last-child {
				border-bottom: none;
			}

			#navigation-mobile ul[data-level="2"] li a {
				font-size: 22px !important;
				color: #fff !important;
				text-transform: uppercase;
			}

			#navigation-mobile ul[data-level="2"] li span {
				font-size: 22px !important;
				color: #fff !important;
				display: block;
				padding-left: 35px;
				text-transform: uppercase;
			}

		#navigation-mobile ul[data-level="3"] li {
			background-color: #f0f5fb;
			border-bottom: 1px solid #d0d0d0;
		}

			#navigation-mobile ul[data-level="3"] li:last-child {
				border-bottom: none;
			}

			#navigation-mobile ul[data-level="3"] li a {
				color: #23527c !important;
				font-size: 22px !important;
				text-transform: none;
				padding-left: 55px;
			}

.nav-arrow {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 12px 12px;
	float: right;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin: 15px 13px 0 0;
}

.up {
	background-image: url(../design/icon_arrow_up.svg);
}

.right {
	background-image: url(../design/icon_arrow_right.svg);
}

.down {
	background-image: url(../design/icon_arrow_down.svg);
}

.down-white {
	background-image: url(../design/icon_arrow_down_white.svg);
}

.left {
	background-image: url(../design/icon_arrow_left.svg);
}

/* Main navigation (end) */

/* Mega menu (start) */

.megamenu-content {
	width: 1430px;
	margin: 0 auto;
	text-align: left;
	padding-top: 50px;
	min-height: 410px;
	background-image: url(../design/silhouette.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 450px 201px;
	position: relative;
}

.megamenu-level2-container {
	display: inline-block;
	margin-right: 50px;
	float: left;
	height: 200px;
	margin-bottom: 45px;
}

.megamenu-level2, .megamenu-level2:hover, .megamenu-level2:visited {
	color: #005c81;
	text-decoration: none;
	font-size: 24px;
	text-transform: uppercase;
	border-bottom: 2px solid #d0d0d0;
	padding-bottom: 13px;
	display: block;
}

.megamenu-level3, .megamenu-level3:visited {
	color: #89929b;
	text-decoration: none;
	font-size: 22px;
	line-height: 35px;
}

.tagline {
	position: absolute;
	color: #005c81;
	right: 10px;
	bottom: 0;
	font-size: 14px;
	margin-bottom: 10px;
}

/* Mega menu (end) */

/* Sub navigation (start) */

.sticky.is-locked {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.sub-navigation-level-2 {
	background-color: #005d82;
}

	.sub-navigation-level-2 ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		font-size: 0;
	}

		.sub-navigation-level-2 ul li {
			display: inline-block;
			margin: 0px;
			list-style-image: none;
			cursor: pointer;
		}

			.sub-navigation-level-2 ul li:hover, .sub-navigation-level-2 ul li[data-active="true"] a {
				color: #00557f !important;
				background-color: #eceef0;
			}

			.sub-navigation-level-2 ul li a {
				display: block;
				color: #ffffff;
				text-decoration: none !important;
				padding: 11px 15px 11px 15px;
				font-size: 18px;
			}

				.sub-navigation-level-2 ul li a:hover {
					color: #00557f !important;
				}

.sub-navigation-level-3 {
	background-color: #eceef0;
	border-bottom: 1px solid #d5d5d5;
	font-size: 0;
}

	.sub-navigation-level-3 ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

		.sub-navigation-level-3 ul li {
			display: inline-block;
			margin: 0px;
			list-style-image: none;
			cursor: pointer;
		}

			.sub-navigation-level-3 ul li[data-active="true"] a {
				color: #00557f !important;
				border-bottom: 1px solid #00557f;
			}

			.sub-navigation-level-3 ul li a {
				display: block;
				color: #8a929c;
				text-decoration: none !important;
				padding: 10px 0 11px 0;
				margin: 0 15px 0 15px;
				font-size: 18px;
			}

				.sub-navigation-level-3 ul li a:hover {
					color: #00557f !important;
				}

/* Sub navigation (end) */

/* Search quickmenu (start) */

#search-container {
	padding:22px 0 0 0;
}

/*#search-container .input-group-addon, #search-container .input-group-btn {
	width: 1% !important;
}*/

/*@media only screen and (max-width : 480px) {
	#search-container {
		padding:22px 15px 0 15px !important;
	}
}*/

#search-container .top {
	width:100%;
}

#search-container ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

		#search-container ul li {
			margin: 0px;
			list-style-image: none;
			cursor: pointer;
			border-bottom:2px solid #d1d1d1;
		}

		#search-container ul li a {
				display: block;
				color: #00557f !important;
				text-decoration: none !important;
				padding: 11px 0 11px 0;
				font-size: 24px;
			}

				#search-container ul li a:hover {
					color: #a5122a !important;
				}

/* Search quickmenu (end) */