/* Header */
 body {
	 position: relative;
	 padding-top: 60px;
}

/*added alert and alerttext for emergency alert section on home page*/
 #alert {
	 background: #d22630;
	 color: #ffffff;
	 font-size: 20px;
	 padding-top: 9px;
	 left: 0;
	 position: fixed;
	 text-align: center;
	 top: 0;
	 width: 100%;
	 height: 60px;
	 z-index: 99999;
	 font-weight: bold;
}
 #alerttext, #alerttext p, #alerttext strong, #alerttext p strong {
	 color: #fff;
	 white-space: nowrap;
	 max-width: 100%;
	 overflow: hidden;
	 margin:0px;
}
 #alerttext a {
	 color: #fff;
	 text-decoration: underline;
}
 #alerttext a:hover {
	 color: #004967!important;
}

 #bluehead{
    background: #004967;
    color:#fff !important;
    font-size: 20px;
    padding-top: 9px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 99999;
    font-weight: bold;
 }
 #bluehead .inner div a {
     text-align:left;
     color:#fff !important;
     padding-left:1em;
 }
 #navheader {
	 background: #fff;
	 color: #000;
	 cursor: default;
	 left: 0;
	 top: 60px;
	 position: fixed;
	 text-align: center;
	 width: 100%;
	 z-index: 10001;
}
 .has-alert #navheader {
	 top: 60px;
}
 #navheader.shortPage {
	 height: 0;
	 position: relative;
}
 #navheader .inner {
	 max-width: 1170px;
	 width: 100% ;
	 margin: 0 auto;
	 position: relative;
	 text-align: left;
}
 @media screen and (max-width: 480px) {
	 #navheader .inner {
		 max-width: 90%;
		 width: 90%;
	}
}
 #navheader .logo {
	 padding-top: 7px;
}
 #navheader a, #navheader i, #navheader .menux {
	 -webkit-transition: color 0.2s ease-in-out;
	 transition: color 0.2s ease-in-out;
	 margin: 0em;
	 color: #606265!important;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-weight: 700;
}
 #navheader a {
	 line-height: 1em;
}
 .menux.dropdown::before {
	 font-family: "Font Awesome 5 Free";
	 content: '\f054';
	 font-weight: 900;
	 float: right;
	 clear: both;
	 left: none;
	 margin-top: none;
}
 #navheader .vg-nav .menux > a {
	 padding: .5em 0em .5em 1.3em;
	 line-height: 1em;
	 height: auto;
}
 #navheader .vg-nav .menux > a:hover {
	 border-left: 6px solid #004967;
	 padding-left: 1em;
	 margin: 0px;
	 color: #004967!important;
	 padding: none;
	 height: auto;
}
 #navheader a:last-child {
	 padding-right: 0em;
}
 @media screen and (max-width: 1128px) {
	 .menux.dropdown::before {
		 font-family: "Font Awesome 5 Free";
		 content: '\f054';
		 font-weight: 900;
		 float: right;
	}
	 .menu1.dropdown::before {
		 font-family: "Font Awesome 5 Free";
		 content: '\f054';
		 font-weight: 900;
		 float: right;
		 margin-top: -.5em;
		 margin-bottom: -.5em;
	}
	 #navheader a {
		 font-size: .9em;
	}
}
 @media screen and (max-width: 736px) {
	 #navheader a {
		 padding: 0 0.5em;
	}
}
 @media screen and (max-width: 480px) {
	 #navheader {
		 min-width: 320px;
	}
}
/*# sourceMappingURL=basinheader.css.map */
/* HH UPdate */
 #menu-links #searchIcon {
	 display: block;
}
 .search-container {
	 z-index: 9;
	 display: block;
	 position: absolute;
	 display: none;
	 width: 100%;
}
 @media screen and (max-width: 1130px) {
	 .search-container {
		 display: none !important;
	}
	 .search-container.mobile {
		 display: block !important;
		 width: 100%;
		 position: relative;
	}
	 #searchIcon {
		 display: none !important;
	}
	 .search-container.mobile .fa.fa-search {
		 position: absolute;
		 top: 10px;
		 right: 10px;
	}
}
 .search-container a.fa-times {
	 position: absolute !important;
	 top: 12px !important;
	 right: 15px !important;
	 color: #fff !important;
}
 .search-container input {
	 background-color: #004967;
	 color: #fff !important;
	 border-radius: 15px;
	 padding: 3px 20px;
	 border: none;
	 width: 100%;
	 height: 40px;
}
 .search-container input::placeholder {
	 color: #fff !important;
	 opacity: 1;
}
 .search-container input:-ms-input-placeholder {
	 color: #fff !important;
}
 .search-container input::-ms-input-placeholder {
	 color: #fff !important;
}
 .slide-title h1 {
	 animation: fadein 2s;
	 -moz-animation: fadein 2s;
	 -webkit-animation: fadein 2s;
	 -o-animation: fadein 2s;
}
 .slide-title .button {
	 animation: fadein 2s !;
	 -moz-animation: fadein 2s;
	 -webkit-animation: fadein 2s;
	 -o-animation: fadein 2s;
	 -webkit-animation: fadein 2s;
}
 @keyframes fadein {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @-moz-keyframes fadein {
	/* Firefox */
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @-webkit-keyframes fadein {
	/* Safari and Chrome */
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @-o-keyframes fadein {
	/* Opera */
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
/*added to make header fixed on mobile*/
 #navheader.shortPage,#navheader {
	 position: fixed !important;
	 height: 100px !important;
}