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

#headerWrap {
	width:100%;
}

#id1 #headerWrap {
	height:192px;
}

header {
	max-width:960px;
	height:192px;
	margin:0 auto;
	position:relative;
}

header h1 a {
	margin:30px 0 0 -2px;
	width:302px;
	height:89px;
	background:url(/templates/main/images/logo.png?v=3);
	float:left;
}

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_5 a,
header .modTopMenu #menuitem_7 a {
	color:#002b60;
	padding:0 0 0 9px;
}

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

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

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

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

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

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

header .modMainMenu ul#menulist_root {
	display:table;
	height:50px;
	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:15px;
	line-height:18px;
	width: 114px; /* (960px / 2) - (3px * 2) */
	padding: 0 3px;
}

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
---------------------*/
@media only screen and (min-width : 1101px) {
	#menulink_3 > span {
		width: 50px;
		display: inline-block;
	}
}

@media screen and (min-width: 1101px) {
	@supports (display:flex) {
		header .modMainMenu ul li.level0 {
			width: auto;
		}

		header .modMainMenu ul#menulist_root {
			display: flex;
		}
	}
}

/* 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(/templates/main/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;
	transform: translateY(-3px);
}

header .modMainMenu li ul ul#menulist_3,
header .modMainMenu li.hasSub:hover ul#menulist_3 {
	display:flex
}

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

header .modMainMenu.modMainMenu #menulist_3 > li:nth-child(4n){
	border:0;
}

header .modMainMenu.modMainMenu #menuitem_3 ul#menulist_3 {
	width: 767px; /* (171+20+1) * 3 + (171+20) * 1 */
	top: auto;
	left: 50%;
	transform: translate(-50%,-3px);
	height: 480px;
	flex-wrap: wrap;
}


header .modMainMenu li#menuitem_4_5.sublevel,
header .modMainMenu li#menuitem_4_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:#0087cc;
}

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:-45px;
	top:auto;
	height:236px;
	border-top:3px solid #0087cc;
	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:70px;
	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:141px;
	height:18px;
	position:absolute;
	bottom:-18px;
	left:0;
	background:url(/templates/main/images/searchTab.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 26px 0 0;
}

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

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

.modCrumbs {
	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(/templates/main/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) {
	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;
	}

	.header2 {
		display: block;
		position: absolute;
		left: -16px;
		top: 41px;
		width: 100%;
		height: 0;
	}

	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_3.mainlevel:hover ul#menulist_3,
	header .modMainMenu #menuitem_3.mainlevel_current:hover ul#menulist_3,
	header .modMainMenu #menuitem_3.mainlevel_active:hover ul#menulist_3,
	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_6.mainlevel:hover ul#menulist_6,
	header .modMainMenu #menuitem_6.mainlevel_current:hover ul#menulist_6,
	header .modMainMenu #menuitem_6.mainlevel_active:hover ul#menulist_6,
	header .modMainMenu #menuitem_8.mainlevel:hover ul#menulist_8,
	header .modMainMenu #menuitem_8.mainlevel_current:hover ul#menulist_8,
	header .modMainMenu #menuitem_8.mainlevel_active:hover ul#menulist_8,
	header .modMainMenu #menuitem_10.mainlevel:hover ul#menulist_10,
	header .modMainMenu #menuitem_10.mainlevel_current:hover ul#menulist_10,
	header .modMainMenu #menuitem_10.mainlevel_active:hover ul#menulist_10 {
		display: none;
	}

	header .modMainMenu #menuitem_3.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_3.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_3.mainlevel_active:hover a.mainlevel_active,
	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_6.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_6.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_6.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_8.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_8.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_8.mainlevel_active:hover a.mainlevel_active,
	header .modMainMenu #menuitem_10.mainlevel:hover a.mainlevel,
	header .modMainMenu #menuitem_10.mainlevel_current:hover a.mainlevel_current,
	header .modMainMenu #menuitem_10.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;
	}

	header #logo a {
		width: 100%;
		height: 144px;
		float: none;
		position: absolute;
		margin: 39px 0 0;
		background-position: center;
		background-repeat: no-repeat;
		border-top: 1px solid #e5e9ef;
		background-size: 283px;
	}

	#headerBar .modSearchBar {
		display: none;
	}

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


	#headerBar #searchExpand span {
		display: none;
	}

	#headerBar {
		background-color: #19b3f4;
	}

	#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: #0087cc;
		font-weight: 300;
		font-size: 13px;
	}

	.modCrumbs ul {
		float: none;
	}

	#formWrap {
		height: auto;
	}

	#formWrap .modSearch form {
		width: 100%;
		height: 84px;

		background-color: #e8e8e8;
		/*border-bottom: 1px solid #d6d6d6;*/
	}

	#formWrap .button {
		width: 17.6%;
		margin: 35px 1% 0;

		padding: 0.2em 0.8em;
	}

	#menuitem_11 {
		display: block;
	}

}

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

	.header2 {

		background: #19b3f4;



		left: 0;

		height: 41px;}

	header #logo a {
		background-size: 228px;
		background-position: center 64px;
		height: 155px;
	}

	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: 7px;
	}

	.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;
	}


}