/* Header CSS
----------------------------------------*/

#headerWrap {
	width:100%;
}

header {
	max-width:1060px;
	margin:0 auto;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 20px;
}

@media only screen and (max-width : 767px) {
	header {
		padding: 0 0 10px;
		flex-direction: column;
		gap: 10px;
	}
}

header li {
	display:inline;
	text-transform:uppercase;
}

header .modTopMenu {
	float:right;
	width:650px;
	text-align:right;
	margin-top: 4px;
}

header .modTopMenu a {
	display:inline-block;
	color:#5c5c5c;
	border-bottom:1px solid #e5e9ef;
	height:21px;
	line-height:21px;
	color:#5c5c5c;
	font-size:10px;
	padding:0 9px;
	font-weight:bold;
}

header .modTopMenu .first a {
	padding:0 9px 0 0;
}

header .modTopMenu #menuitem_6 a,
header .modTopMenu #menuitem_8 a {
	color:#002b60;
	padding:0 0 0 9px;
}

header .modHeadText {
	float:right;
	clear:Right;
	width:400px;
	height:98px;
}

header .modHeadText h3 {
	font-size:30px;
	color:#939393;
	float:right;
	margin: 6px 0 0;
}

header .modHeadText p {
	color:#b5b5b5;
	font-size:12px;
}

header .modTopMenu #menuitem_7T {
	display:none;
}
header .modTopMenu #menuitem_7T.last {
	display:inline;
}

/* MAIN MENU
---------------------*/

header .modMainMenu {
	clear:both;
	float:left;
	margin-top: 20px;
	width: 100%;
}

header .modMainMenu ul#menulist_root {
	display: flex;
	justify-content: space-around;
	height: 54px;
	width: 100%;
	border-top:1px solid #e5e9ef;
}

header .modMainMenu ul#menulist_root li {
	box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
}


header .modMainMenu ul li.level0 {
	float:left;
	font-size:14px;
	line-height:18px;
	width: unset !important;
	padding: 0 8px;
}

header .modMainMenu .link0 a {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width: 100%;
	height: 50px;
}

header .modMainMenu a:hover {
	text-decoration:none;
}

/* SIZE ADJUSTMENTS
---------------------*/

header .modMainMenu ul li.item147,
header .modMainMenu ul li.item231,
header .modMainMenu ul li.item202 {
	width: 110px;
}
header .modMainMenu ul li.item161 {
	width: 80px;
}
header .modMainMenu ul li.item158 {
	width: 124px;
}
header .modMainMenu ul li.item148 {
	width: 66px;
}


/* SUB MENUS
---------------------*/

header .modMainMenu li.item158,
header .modMainMenu li.item160,
header .modMainMenu li.item232,
header .modMainMenu li.item277 {
	position:relative;
}

header .modMainMenu li.level0.hasSub:hover {
	background:url(/images/arrow-blue.png) bottom center no-repeat;
}

header .modMainMenu li ul {
	display:none;
}

header .modMainMenu li ul ul,
header .modMainMenu li.hasSub:hover ul {
	display:block
}

header .modMainMenu li ul ul[id="menulist_4"],
header .modMainMenu li.hasSub:hover ul[id="menulist_4"] {
	display:flex;
}

header .modMainMenu ul.level1 {
	z-index:5000;
	position:absolute;
	left: 0px;
	top:173px;
	border-top:3px solid #1e4a96;
	background:#fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
}
header .modMainMenu #menuitem_5.mainlevel ul#menulist_5,
header .modMainMenu #menuitem_5.mainlevel_current ul#menulist_5,
header .modMainMenu #menuitem_5.mainlevel_active ul#menulist_5 {
	height: 483px;
	z-index:510;
}

header .modMainMenu li#menuitem_3_3.sublevel,
header .modMainMenu li#menuitem_3_3.sublevel_current,
header .modMainMenu li#menuitem_3_6.sublevel,
header .modMainMenu li#menuitem_3_6.sublevel_current {
	border:0;
}

header .modMainMenu.modMainMenu #menuitem_4 ul#menulist_4 {
	top: auto;
	left: 300px;
	flex-wrap: wrap;
}

header .modMainMenu.modMainMenu ul[id="menulist_4"] > li:nth-child(4n) {
	border:0;
}

header .modMainMenu li#menuitem_5_5.sublevel,
header .modMainMenu li#menuitem_5_5.sublevel_current {
	border:0;
}

header .modMainMenu li.item158 ul.level1 {
	height:auto;
	min-height:236px;
	padding-bottom:25px;
}

header .modMainMenu .item148 li.level1,header .modMainMenu .item148 li.level1.first {
	float:left;
	height: 200px;
	width: 171px;
	padding: 0 0 0 20px;
	text-align:left;
	text-transform:none;
	line-height:40px;
	border-right:1px solid #cdcdcd;
	margin:20px 0;
}
header .modMainMenu .item148 li.level1.last {
	/*border:0;*/
}

header .modMainMenu ul ul a {
	font-size:14px;
	color:#474747;
}
header .modMainMenu .item148 .link1 a,
header .modMainMenu ul ul li.first {
	font-size:19px;
	color:#1e4a96;
}

header .modMainMenu ul li ul li {
	display:block;
	text-transform:none;
	line-height:22px;
}

header .modMainMenu li ul li a:hover {
	text-decoration:underline
}

#headerBar {
	float:left;
	width:100%;
	height:35px;
	background:#008bd0;
}

header .modMainMenu ul .item148 ul.level1 li li.first {
	float:none !important;
	margin:0 !important
}
header .modMainMenu ul .item148 ul li {
	clear:none !important
}

/* NON-SHIP SUBMENUS
---------------------*/

header .modMainMenu li.item158 ul,
header .modMainMenu li.item160 ul,
header .modMainMenu li.item232 ul,
header .modMainMenu li.item277 ul {
	z-index:500;
	position:absolute;
	left: 0;
	top:auto;
	height:236px;
	border-top:3px solid #1e4a96;
	background:#fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
	width:190px;
	padding:0 24px;
	text-align:left;
}

header .modMainMenu li.item158 ul {
	width: 220px;
	text-align: left;
}

header .modMainMenu ul ul.level1 li.first {
	float:left;
	margin-top:28px;
	margin-bottom:10px;
}
header .modMainMenu ul ul.level1 li.level1.noSub {
	clear:left;
}


/* MAIN SEARCH
---------------------*/

#formWrap {
	background:#e8e8e8;
	float:left;
	height:95px;
	width:100%;
	border-bottom:1px solid #bac2cd;
	display:none;
	position:relative;
	z-index:5;
}

#headerBar #searchExpand {
	height:35px;
	border-radius:0;
	position:relative;
	float:left;
}
#headerBar #searchExpand span {
	display:block;
	width:178px;
	height:18px;
	position:absolute;
	bottom:-18px;
	left:0;
	background:url(/images/searchTab2.png);
	border-radius:0 0 5px 5px;
	box-shadow:0 2px 1px rgba(0,0,0,0.7);
	-pie-box-shadow:0 2px 1px #bbb;
	z-index:1;
}
#formWrap .modSearch form {
	width:960px;
	height:70px;
}

#formWrap p {
	margin:4px 20px 0 0;
}

#formWrap .button {
	margin:31px 0 0 0;
	padding:1px 10px 2px;
}

/* BREADCRUMBS
---------------------*/

.modCrumbs {
	margin-top: 20px;
	float:left;
	line-height:32px;
	color:#86c7e8;
}

.modCrumbs ul,
.modCrumbs span.breadcrumbsTitle {
	float:left;
	margin-left:10px;
	font-size:14px;
}

.modCrumbs span.separator {
	margin:0 5px;
}

.modCrumbs li {
	display:inline;
}
.modCrumbs a {
	color:#fff;
	display:inline-block;
	text-decoration:underline;
}

#headerBar .inner960 {
	position:relative;
}

.modSearchBar input,
#social input {
	background:url(/images/icon-mag.png) 9px 0 no-repeat #0773a9;
	border:0;
	border-radius:10px;
	color:#69bce5;
	font-size:13px;
	height:23px;
	position:absolute;
	right:0;
	top:6px;
	padding:0 15px 0 29px;
	box-shadow:inset 0 1px 1px rgba(0,61,91,0.4);
	border-bottom:1px solid #1a97d5;
}

.modSearchBar ::-webkit-input-placeholder, #social input ::-webkit-input-placeholder {
	color:#69bce5;
}
.modSearchBar ::-moz-input-placeholder, #social input ::-moz-input-placeholder {
	color:#69bce5;
}
.modSearchBar :-ms-input-placeholder, #social input :-ms-input-placeholder {
	color:#69bce5;
}
.modSearchBar :-moz-input-placeholder, #social input :-moz-input-placeholder {
	color:#69bce5;
}

.modSearchBar input:focus,
#social input:focus {
	background-color:#fff;
	background-position:9px -23px ;
	color:#3b3b3b;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
}

#topBar {
	background:#f1f1f1;
	padding:20px 0;
}

#topBar div {
	width:960px;
	margin:0 auto;
	text-align:left;
	color:#444;
	font-size:15px;
}

#topBar .button {
	float:right;
	margin-top:-3px;
}

@media only screen and (max-width : 1100px) {
	header .modMainMenu {
		padding-bottom: 0!important;
	}
	header .modMainMenu ul#menulist_root {
		display:table;
		height:50px;
	}

	header .modMainMenu li.item158 ul,
	header .modMainMenu li.item160 ul,
	header .modMainMenu li.item232 ul,
	header .modMainMenu li.item277 ul {
		top:36px;
	}

	a.burger {
		display: block;
		text-transform: uppercase;
		line-height: 42px;


		font-size: 13px;
		cursor: pointer;
	}

	a.burger:hover {
		text-decoration: none;
	}

	.topMenuContainer a.burger {
		background: url(../images/cs-menu-icon.svg) no-repeat right 10px;
		margin-right: 16px;

		padding-right: 28px;
	}

	.mainMenuContainer a.burger {
		background: url(../images/mm-menu-icon.svg) no-repeat left 10px;
		margin-left: 16px;

		padding-left: 30px;
	}

	.topMenuContainer a.burger {
		color: #787878;
	}

	.mainMenuContainer a.burger {
		color: #0087cd;

	}

	.menuActive a.burger:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	.topMenuContainer.menuActive a.burger,
	.mainMenuContainer.menuActive a.burger {
		background-image: url(../images/close-menu-icon.svg);
		color: #FFFFFF;
	}


	header .header2 .modHeadText {
		width: auto;
	}
	header .header2 .modHeadText h3 {
		font-size: 20px;
	}

	.header2 h3 span.darkblue {
		display: block;
	}

	.header2 .desktop {
		display: none;
	}

	header .modHeadText p span.tablet {
		display: block;
	}

	header .modHeadText p {
		clear: both;
	}


	.topMenuContainer .modTopMenu {
		display: none;
	}

	.mainMenuContainer .modMainMenu {
		display: none;
	}

	.topMenuContainer {
		position: absolute;
		width: 100%;
		text-align: right;
	}

	.mainMenuContainer {
		position: absolute;
		width: 50%;
		text-align: left;
	}

	header .modMainMenu ul li.mainlevel,
	header .modMainMenu ul li.mainlevel_current,
	header .modMainMenu ul li.mainlevel_active,
	header .modMainMenu ul li.mainlevel,
	.mainlevelT  li {
		display: block;
		line-height: 40px;
		border-top: 1px solid #339fd7;
		margin: 0 16px;
		float: none;
		height: 39px;
		width: auto;
	}
	.mainlevelT  li {
		border-top: 1px solid #939393;
	}

	header .modMainMenu ul li.mainlevel > span,
	header .modMainMenu ul li.mainlevel_current > span,
	header .modMainMenu ul li.mainlevel_active > span,
	header .modMainMenu ul li.mainlevel > span,
	.mainlevelT li > span {
		margin: 0;
	}

	header .modMainMenu .mainlevel a.mainlevel,
	header .modMainMenu .mainlevel_current a.mainlevel_current,
	header .modMainMenu .mainlevel_active a.mainlevel_active {
		width: auto !important;
		/*display: block;*/
		text-align: left;
		font-size: 15px;
		height: auto;
	}

	header .modTopMenu .first a,
	header .modMainMenu a,
	header .modTopMenu a {
		color: #FFFFFF;

		padding: 0;
		border-bottom: none;
		font-size: 15px;
		font-weight: 600;
	}

	.topMenuContainer.menuActive {
		background-color: #787878;
		color: #FFFFFF;
		z-index: 1000;
	}

	.menuActive .modMainMenu,
	.menuActive .modTopMenu {
		display: block;

		width: 100%;
		padding-bottom: 12px;
	}

	.mainMenuContainer.menuActive {
		width: 100%;
		background-color: #0087cd;
		z-index: 10000;
		color: #FFFFFF;
	}

	.menuActive .modMainMenu {

	}

	header .modMainMenu ul.mainlevel,
	header .modMainMenu ul.mainlevel_current,
	header .modMainMenu ul.mainlevel_active {
		width: 100%;
	}


	header .modMainMenu #menuitem_4.mainlevel:hover ul#menulist_4,
	header .modMainMenu #menuitem_4.mainlevel_current:hover ul#menulist_4,
	header .modMainMenu #menuitem_4.mainlevel_active:hover ul#menulist_4,
	header .modMainMenu #menuitem_5.mainlevel:hover ul#menulist_5,
	header .modMainMenu #menuitem_5.mainlevel_current:hover ul#menulist_5,
	header .modMainMenu #menuitem_5.mainlevel_active:hover ul#menulist_5,
	header .modMainMenu #menuitem_7.mainlevel:hover ul#menulist_7,
	header .modMainMenu #menuitem_7.mainlevel_current:hover ul#menulist_7,
	header .modMainMenu #menuitem_7.mainlevel_active:hover ul#menulist_7,
	header .modMainMenu #menuitem_9.mainlevel:hover ul#menulist_9,
	header .modMainMenu #menuitem_9.mainlevel_current:hover ul#menulist_9,
	header .modMainMenu #menuitem_9.mainlevel_active:hover ul#menulist_9,
	header .modMainMenu #menuitem_11.mainlevel:hover ul#menulist_11,
	header .modMainMenu #menuitem_11.mainlevel_current:hover ul#menulist_11,
	header .modMainMenu #menuitem_11.mainlevel_active:hover ul#menulist_11 {
		display: none;
	}

	header .modMainMenu #menuitem_4.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_4.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_4.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_5.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_5.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_5.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_7.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_7.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_7.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_9.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_9.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_9.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_11.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_11.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_11.mainlevel_active:hover a.mainlevel_active {
		background: none;
	}

	header .modTopMenu a:hover {
		text-decoration: none;
	}

	header .modMainMenu ul.mainlevel, header .modMainMenu ul.mainlevel_current, header .modMainMenu ul.mainlevel_active, header .modMainMenu ul#menulist_root {
		border-top: none;
	}

	#headerBar .modSearchBar {
		display: none;
	}

	#headerBar #searchExpand {
		width: 100%;
		padding: 0;
		text-align: center;
	}


	#headerBar #searchExpand span {
		display: none;
	}

	#headerBar {
		background-color: #1e4a96;
	}

	#headerBar .inner960 {
		padding: 0 16px;
	}

	header .modMainMenu li.level0.hasSub:hover {
		background:none;
	}

	.modCrumbs {
		float: none;
		clear: left;
		color: #444444;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		padding-top: 10px;
	}

	.modCrumbs span.breadcrumbsTitle {
		/*margin-left: 16px;*/
		color: #444444;
		font-weight: 300;
		float: left;
		font-size: 13px;
		margin-right: 9px;
		margin-left:0;
	}

	.modCrumbs a {
		color: #1e4a96;
		font-weight: 300;
		font-size: 13px;
	}

	.modCrumbs ul {
		float: none;
	}

	#formWrap {
		height: auto;
	}

	#formWrap .modSearch form {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		background-color: #e8e8e8;
		/*border-bottom: 1px solid #d6d6d6;*/
	}

	#formWrap .button {
		width: 50%;
		margin: 35px 1% 0;
		height: fit-content;
		padding: 0.2em 0.8em;
	}

	#menuitem_12 {
		display: block;
	}

}

@media only screen and (max-width : 767px) {

	.header2 {
		background: #1e4a96;
		order: 1;
		width: 100%;
		padding-bottom: 4px;
	}

	header #logo {
		order: 2;
	}

	header #logo img {
		max-width: 200px;
		height: auto;
	}

	header .modHeadText {
		width: 100%;
		height: auto;
		float: none;
	}

	header .header2 .modHeadText h3 {
		width: 100%;
		float: none;
		text-align: center !important;
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 700;
		margin-top: 5px;
	}

	.header2 h3 span.darkblue {
		display: inline-block;

		color: #FFFFFF;
	}

	header .modHeadText p {
		text-align: center !important;

		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 8px;
	}

	header .modHeadText p span.tablet {
		display: inline-block;
	}

	.header2 p span span.desktop {
		display: inline-block;
	}


}