#header {
	z-index: 100;
	width: 100%
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

@media (min-width:1025px) {
	#menu-home-link {
		display: none
	}

	#isDesktop {
		display: block;
		margin-right: 30px
	}

	#isMobile {
		display: none
	}

	#isTablet {
		display: none
	}

	.alert-grid-container {
		max-width: 1160px
	}

	.alert {
		padding: 20px 40px;
		font-size: 16px
	}

	.alert-yellow {
		background-color: #F9B231
	}

	.dismiss-alert {
		float: right
	}

	#dotdirectLinkSection {
		padding: 0 0;
		color: white;
		border: 1px solid #fff;
		border-radius: 5px;
		height: 50px;
		margin-top: 10px;
		display: inline-block;
		position: relative;
		float: right
	}

	#accessibilityContactLinkSection {
		display: inline-block;
		position: relative;
		float: right;
		margin-top: 24px;
		margin-left: 50px
	}

	#search-icon {
		display: inline-block;
		position: relative;
		float: right;
		margin-top: 13px;
		margin-left: 21px
	}

	#searchIconLink img {
		cursor: pointer
	}

	#searchIconLink img:hover {
		cursor: pointer;
		content: url('/css/Search_Icon.png')
	}

	#accessibilityContactLinkSection a {
		text-decoration: underline;
		margin-right: 30px
	}

	#accessibilityContactLinkSection a:hover {
		text-decoration: none
	}

	#loginButtonLink {
		font-size: 16px;
		display: inline-block;
		padding: 15px 15px 16px 15px;
		float: left;
		background-color: #114577;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		width: 73px;
		line-height: 19px
	}

	#loginButtonLink:hover {
		background-color: #0A2E50
	}

	#dotdirectLinksDivider {
		display: inline-block;
		border-bottom: 1px solid #fff;
		width: 0;
		height: 49px;
		margin: 0;
		float: left;
		border-left: 1px solid #fff
	}

	#DotDirectTog {
		font-size: 16px;
		display: inline-block;
		padding: 16px 15px 15px 15px;
		width: 162px;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		line-height: 19px
	}

	#DotDirectTog:hover {
		background-color: #0A60B2
	}

	#accessibilityLink {
		display: inline-block
	}

	#contactUsLink {
		display: inline-block
	}
}

.logo-desktop {
	width: 332px
}

#search-icon-mobile {
	float: right;
	margin: 10px 10px 0 0
}

#search-icon-tablet {
	float: right;
	margin: 10px 10px 0 0
}

.user-icon {
	height: 23px;
	margin-right: 4px;
	margin-top: -8px
}

.dot-direct-down-arrow {
	margin-left: 15px
}

#accessibilityContactLinkSection a,
#dotdirectLinkSection a {
	color: #fff;
	font-size: 16px
}

@media screen and (min-width:481px) and (max-width:1024px) {
	#isDesktop {
		display: none
	}

	#isMobile {
		display: none
	}

	#isTablet {
		display: block
	}

	#header {
		height: 64px;
		padding: 0 00px
	}

	#searchIconLinkTablet img {
		width: 21px;
		max-width: 21px
	}

	#user-icon-tablet {
		float: right;
		margin: 3px 20px 20px 20px
	}

	#user-icon-tablet a img {
		width: 26px
	}

	#search-icon-tablet {
		float: right;
		margin: 7px 50px 0 0
	}

	.logo-small-tablet-img {
		width: 188px;
		max-width: 188px
	}

	#logo-small-tablet {
		margin-top: 13px;
		text-align: center;
		margin-left: 70px
	}
}

@media screen and (max-width:480px) {
	#header {
		height: 64px
	}

	#isDesktop {
		display: none
	}

	#isMobile {
		display: block
	}

	#isTablet {
		display: none
	}

	#header {
		height: 64px
	}

	#searchIconLinkMobile img {
		width: 21px
	}

	#search-icon-mobile {
		float: right;
		margin: 5px 10px 0 0
	}

	#user-icon-mobile {
		float: right;
		margin: 2px 24px 5px 0
	}

	.logo-small-mobile-img {
		width: 166px
	}

	#logo-small-mobile {
		margin-left: 25%;
		margin-top: 15px
	}

	#user-icon-mobile-image {
		width: 18px
	}
}

@media screen and (max-width:365px) {
	#user-icon-mobile {
		float: right;
		margin: 2px 7px 5px 0
	}

	#logo-small-mobile {
		margin-left: 20%;
		margin-top: 15px
	}
}

@media screen and (min-width:1025px) and (max-width:1158px) {
	#accessibilityLink {
		display: none
	}
}

.alert-banner {
	display: none
}

.alert-link {
	font-size: 14px
}

@media screen and (min-width:1025px) {
	.banner-blue {
		padding: 20px 24px 20px 24px
	}

	.banner-yellow {
		padding: 20px 24px 20px 24px
	}

	.banner-red {
		padding: 20px 24px 20px 24px
	}

	.alert-link-div {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 45px;
		min-height: 20px;
		background-size: 20px;
	}

	.alert-close img {
		width: 20px;
		margin-left: 40px
	}

	.alert-link {
		font-size: 16px
	}
}

@media screen and (min-width:481px) and (max-width:1024px) {
	.banner-blue {
		padding: 20px 40px 20px 40px
	}

	.banner-yellow {
		padding: 20px 40px 20px 40px
	}

	.banner-red {
		padding: 20px 40px 20px 40px
	}

	.alert-link-div {
		background-image: none !important;
		padding-left: 0
	}

	.alert-close img {
		width: 17px;
		margin-left: 24px
	}
}

@media screen and (max-width:480px) {
	.banner-blue {
		padding: 11px 14px 11px 14px
	}

	.banner-yellow {
		padding: 11px 14px 11px 14px
	}

	.banner-red {
		padding: 11px 14px 11px 14px
	}

	.alert-link-div {
		background-image: none !important;
		padding-left: 0
	}

	.alert-close img {
		width: 17px;
		margin-left: 24px
	}
}

.icon-warning-sign {
	margin-right: 20px;
	font-size: 23px;
	float: left;
	margin-top: 4px
}

.banner-blue {
	background-color: #28C9F1;
	font-size: 16px
}

.banner-yellow {
	background-color: #ffaf00;
	font-size: 16px
}

.banner-red {
	background-color: #D30000;
	font-size: 16px;
	color: #fff;
}

.banner-yellow a {
	color: #000;
	text-decoration: underline
}

.banner-blue a {
	color: #000;
	text-decoration: underline
}

.banner-red a {
	color: #fff;
	text-decoration: underline
}

.alert-close {
	color: #000;
	float: right;
	cursor: pointer
}

#searchIconImage {
	float: right
}

.header-search-panel {}

#searchClearButton {
	margin-top: 15px;
	margin-right: 14px;
	cursor: pointer;
	float: right;
	display: none
}

#searchInputBox {
	border: 2px solid #DCDCDE;
	height: 52px;
	border-radius: 5px;
	margin-top: -50px;
}

.ss-row {
	margin-bottom: 11px
}

#searchQuery {
	width: 70%;
	border: none;
	height: 25px;
	font-size: 16px;
	padding: 10px;
	padding-left: 20px;
	margin-left: 2px;
	margin-top:5px;
}

#searchQuery:focus {
	outline-width: 0;
	border: none
}

#searchQuery:focus #searchInputBox {
	border: 2px solid #66ACEE
}

#searchBoxSection {
	background-color: #fff;
	padding: 0 0;
	height: 56px;
	margin-bottom: 50px;
	max-width: 65%
}

#searchSubmit {}

#searchPanelCross {
	float: right;
	margin-top: 25px;
	height: 50px
}

#searchPanelCross img:hover {
	cursor: pointer
}

#headerSearchPanel {
	background-color: #ffffff;
	width: 100%;
	float: left;
	border-radius: 0 0 12px 12px;
}

.ss-row a {
	margin-right: 23px;
	text-decoration: underline;
	color: #000000;
	font-size: 16px
}

.ss-row a:hover {
	text-decoration: none
}

@media screen and (max-width:1024px) {
	.header-search-panel {
		padding-right: 24px;
		padding-left: 24px;
		padding-bottom: 240px;
		border-radius: 0 0 12px 12px;
		background-position: right 20px bottom 100px;
		background-size: 145px 137px;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		background-color: white;
		width: -webkit-fill-available;
		z-index: 1000
	}

	#headerSearchPanel h3 {
		font-size: 28px;
		color: #010101;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 30px
	}

	#suggestedSearchSection h4 {
		color: #000000;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px
	}

	#ss-row-wraper {
		display: none
	}

	#searchPanelCross {
		display: none
	}

	#searchIconImage {
		display: none
	}

	.ss-row a {
		line-height: 30px
	}

	#searchInputBox {
		height: 38px;
		margin-top: -39px;
	}

	#searchQuery {
		height: 36px;
		margin-top: 0;
		padding: 0 0 0 20px
	}

	#searchQuery::selection {
		background: red;
		border: none
	}

	#searchBoxSection {
		max-width: 94%;
		margin-bottom: 17px
	}

	#searchClearButton {
		margin-top: 13px;
		margin-right: 20px;
		width: 15px
	}

	#searchClearLink {
		display: block;
		float: right;
		margin-right: -52px;
		margin-top: -30px;
		color: #0074E2;
		font-size: 14px
	}

	#extraMobTabHeaderContent {
		text-align: center;
		padding-top: 13px;
		display: block
	}

	#searchPanelCrossMobImage {
		float: right;
		margin-top: 10px;
		cursor: pointer
	}

	.ss-row a {
		font-size: 14px
	}
}

@media screen and (max-width:480px) {
	#searchBoxSection {
		max-width: 86%;
		margin-bottom: 17px
	}

	#searchClearLink {
		display: block;
		float: right;
		margin-right: -46px;
		margin-top: -30px;
		color: #0074E2;
		font-size: 14px
	}

	#searchQuery {
		width: 70%
	}
}

@media screen and (min-width:1025px) {
	.header-search-panel {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 75px;
		border-radius: 0 0 12px 12px;
		background-position: right 120px top 155px;
		background-repeat: no-repeat
	}

	#headerSearchPanel h3 {
		font-size: 36px;
		color: #010101;
		font-weight: bold;
		margin-bottom: 50px;
		margin-top: 75px
	}

	#suggestedSearchSection h4 {
		color: #000000;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 30px
	}

	#ss-row-wraper-mob-tab {
		display: none
	}

	#searchClearLink {
		display: none
	}

	#extraMobTabHeaderContent {
		display: none
	}

	#headerSearchPanel {
		position: absolute;
		z-index: 100
	}
}

@media screen and (min-width:481px) and (max-width:1024px) {
	.header-search-panel {
		padding-right: 50px;
		padding-left: 50px
	}

	.header-search-panel {
		background-position: right 50px bottom 100px;
		background-size: 145px;
		padding-bottom: 244px
	}

	#searchQuery {
		width: 80%
	}
}

#footer {
	font-size: 16px
}

#footer a.webmail {
	text-indent: 999px;
	overflow: hidden;
	display: inline-block;
	width: 16px;
	height: 16px;
}

#footer a.webmail:hover {
	text-indent: 999px;
	overflow: hidden;
	display: inline-block;
	width: 16px;
	height: 16px;
}

@media screen and (max-width:1024px) {
	#footer .social {
		float: left;
		margin-left: 25px;
		margin-bottom: 20px
	}

	#footer .social a>span.icon {
		font-size: 30px;
		margin-right: 8px
	}

	#footer .footer-link-group h4 {
		font-size: 15px;
		line-height: 18px;
		padding-bottom: 10px;
		padding-left: 0
	}

	.footer-cell {
		border-bottom: 1px solid #343434;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 25px
	}

	#footer .footer-link-group h4 {
		margin-bottom: 0
	}

	#footer .footer-link-group .cell.right {
		padding-bottom: 0
	}

	.acknowledgement-country {
		border-bottom: 0
	}

	#go-to-top-link {
		margin-top: -50px;
		font-size: 12px
	}

	#footer>.grid-container {
		padding-top: 34px;
		padding-bottom: 14px
	}
}

@media screen and (min-width:1025px) {
	#footer .footer-link-group h4 {
		padding-left: 16px;
		line-height: 26px;
		opacity: 1;
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 20px;
        color: #343434;
	}

	.ack-country-text {
		padding-left: 16px;
		line-height: 24px;
		opacity: 1
	}

	.page-last-updated {
		padding-left: 30px
	}
}

@media screen and (max-width:1024px) {
	#footer {
		font-size: 14px
	}

	.desktop-footer {
		display: none
	}

	.tablet-mobile-footer {
		display: block
	}

	#footer ul li {
		list-style: none;
		margin-left: 0
	}

	#footer .footer-link-group h4 {
		font-weight: 600;
		opacity: 1
	}

	#footer h4:hover {
		cursor: pointer
	}

	#footer .footer-band {
		color: #fff;
		text-align: left;
		color: #fff;
		text-align: left;
		font-size: 14px;
		padding: 18px 0
	}

	#footer .footer-band a {
		color: #fff;
		text-decoration: underline
	}

	#footer .footer-band a:hover {
		color: #fff;
		text-decoration: none
	}

	.ack-country-text {
		line-height: 16px;
		opacity: 1
	}

	#footer a.webmail {
		float: right
	}

	.page-last-updated {
		padding-left: 26px;
		padding-right: 26px
	}
}

@media screen and (min-width:481px) and (max-width:1024px) {
	.tablet-mobile-footer {
		padding-left: 30px;
		padding-right: 25px
	}

	.page-last-updated {
		padding-left: 50px
	}
}

@media screen and (min-width:1025px) {
	.desktop-footer {
		display: block
	}

	.tablet-mobile-footer {
		display: none
	}
}

.darkClass {
	background-color: #000;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0
}

.hero {
	display: block;
	z-index: 100;
	border: 0 #000000 solid;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 350px;
	margin-top: 0;
	background-position: center bottom
}

.herosmall {
	display: none;
	background-position: center bottom
}

.heromedium {
	display: none;
	background-position: center bottom
}

@media screen and (max-width:1024px) {
	.heromedium {
		display: block;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 260px;
		margin-top: 0
	}

	.herosmall {
		display: none
	}

	.hero {
		display: none
	}

	.tier1 {
		height: 230px
	}
}

@media screen and (max-width:480px) and (orientation:portrait) {
	.herosmall {
		display: block;
		z-index: 100;
		border: 0 #000000 solid;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 250px;
		margin-top: 0
	}

	.heromedium {
		display: none
	}

	.hero {
		display: none
	}

	.tier1 {
		height: 108px
	}
}


.skip-link.visually-hidden.focusable:focus {
    position: absolute !important;
    left: 0;
    top: 0;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 1000;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.skip-link:hover, .skip-link:focus {
    color: #0074E2;
    font-weight: 600;
    font-size: 18px;
    font-family:'Work Sans',sans-serif;
}

.skip-link {
    background: #ffffff;
    border: 2px solid #fff;
    color: #fff;
    left: 0.75rem;
    padding: 14px 25px;
    text-decoration: none;
    top: 0.75rem;
    z-index: 100;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.skip-link:focus {
    border: dashed 2px #000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}