@charset "utf-8";
@media (max-width: 768px) {

#mega-menu, #mega-menu ul, #header-container #mobile_logo, .english_link, .spanish_link { display:none }

#mega-menu > li, #mega-menu .nav > li, #mega-menu ul li
{
	position:static!important;
	margin-bottom:0
}

#mega-menu ul > li.active > a { height:auto }

#mega-menu .nav-justified.gradient > li:hover, #mega-menu .nav-justified.gradient > li:focus, #mega-menu .nav-justified.gradient > li:active
{
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important
}

#mega-menu .nav-justified > li { float:left!important }

#mega-menu .nav-tabs > li > a { border:0!important }

#mega-menu ul li#hna4 ul ul { left:100%!important }

#mega-menu ul li#hna5 > ul ul
{
	left:100%!important;
	width:100%!important
}

#mega-menu ul li#hna6 > ul { left:100%!important }

.sf-arrows ul .sf-with-ul:after { border-color:transparent!important }

#mega-menu ul li, #mega-menu li#hna1, #mega-menu li#hna5 { width:100%!important }

header[role="banner"]
{
	background:#fff!important;
	height:150px
}

.top_header { height:0 }

#horizontal
{
	position:absolute;
	top:100px;
	left:0;
	background:#f3f3f3;
	border-bottom:1px solid #ddd;
	width:100%;
	height:50px;
	z-index:100
}

#mega-menu
{
	position:absolute;
	background-color:#fff;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:400
}

#mega-menu a
{
	color:#003663!important;
	font-size:1rem!important;
	font-weight:400!important
}

#mega-menu a:hover { text-decoration:underline }

#mega-menu a:active { text-decoration:none!important }

#mega-menu-content
{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden
}

#mega-menu ul, #mega-menu ul ul, #mega-menu ul ul ul
{
	position:absolute!important;
	top:0!important;
	width:100%!important;
	visibility:visible!important
}

#mega-menu ul
{
	left:0;
	background:transparent;
	list-style:none;
	margin:0;
	padding:0
}

#mega-menu ul ul ul { left:100%!important }

#mega-menu li
{
	background:#fff!important;
	background:-moz-linear-gradient(top, #fff 0%, #fafafa 100%)!important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fafafa))!important;
	background:-webkit-linear-gradient(top, #fff 0%, #fafafa 100%)!important;
	background:-o-linear-gradient(top, #fff 0%, #fafafa 100%)!important;
	background:-ms-linear-gradient(top, #fff 0%, #fafafa 100%)!important;
	background:linear-gradient(to bottom, #fff 0%, #fafafa 100%)!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fafafa', GradientType=0)!important;
	border-bottom:1px solid #ddd!important
}

#mega-menu li li { height:auto!important }

#mega-menu ul ul a { border-bottom:0 }

#mega-menu.nav-tabs > li { margin-bottom:0 }

#mega-menu li.fch
{
	display:block;
	background:#fefefe!important;
	background:-moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%)!important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f3f3f3))!important;
	background:-webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%)!important;
	background:-o-linear-gradient(top, #fefefe 0%, #f3f3f3 100%)!important;
	background:-ms-linear-gradient(top, #fefefe 0%, #f3f3f3 100%)!important;
	background:linear-gradient(to bottom, #fefefe 0%, #f3f3f3 100%)!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f3f3f3', GradientType=0)!important
}

#mega-menu li#hna7.esp { display:block }

#mega-menu li.fch span.glyphicon.glyphicon-home
{
	display:block;
	float:left;
	font-size:1.2em;
	height:2.5em;
	margin:0 .5em 0 0
}

#mega-menu li a
{
	position:relative;
	color:#003663!important;
	cursor:pointer;
	outline:none;
	outline-style:none;
	text-decoration:none;
	margin-bottom:0!important;
	padding:15px 30px 15px 36px !important
}

#mega-menu li.fch > a
{
	color:#003663!important;
	font-weight:700!important
}

#mega-menu li a .break:before { content:"\00a0" }

#mega-menu li:last-child > a { border-bottom:none }

#mega-menu-content ul { left:100% }

#mega-menu-content ul:first-child { left:0 }

#mega-menu-toolbar
{
	clear:right;
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	height:64px;
	overflow:hidden;
	text-align:center
}

#mega-menu-back-button
{
	position:absolute;
	top:0;
	left:0;
	background:url(/hslc/global_rd/mobi/mobile_icons.png) no-repeat center center #1A548C;
	border:0;
	width:60px;
	height:100%;
	margin:0
}

#mega-menu-close-button
{
	position:absolute;
	top:0;
	right:0;
	background:url(/hslc/global_rd/mobi/mobile_icons.png) no-repeat 17px -258px #1a548c;
	border:0;
	cursor:pointer;
	width:50px;
	height:100%;
	margin:0
}

#mega-menu-title
{
	font:normal 2em/3 Verdana, sans-serif;
	color:#333
}

#mega-menu-title.logo
{
	background:url(/hslc/global_rd/mobi/eclkc-logo_420.png) no-repeat 0 0 transparent;
	display:block;
	height:50px;
	margin:6px auto;
	width:198px
}

#mega-menu li a.right-arrow { background:url(/hslc/global_rd/mobi/mobile_icons.png) no-repeat 98% 1.1em transparent }

#mobile-menu-button
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	background:url(/hslc/global_rd/mobi/icon_menu.gif) no-repeat center -5px transparent;
	color:#1a548c;
	cursor:pointer;
	font:bold 1.4em/5 arial, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:69px;
	height:50px;
	padding:4px 10px 0
}

#mobile-menu-button:active, #mobile-menu-button:hover
{
	background-position:center -68px;
	background-color:#1a548c;
	color:#fff
}

#three_click_wrapper #three_click_image { display:none }

p.three_click_intro { min-height:inherit }

#center_header a
{	margin:0 auto }
}
@media (max-width: 630px) {

header.loggedIn[role="banner"] { height:175px!important }

header.loggedIn[role="banner"] #horizontal { top:125px!important }

header.loggedIn[role="banner"] #logo_main { top:45px!important }

header[role="banner"] #header-search
{
	top:112px;
	left:45%;
	width:40%;
	z-index:110!important
}

header.loggedIn[role="banner"] #header-search { top:137px!important }

#header_pgop ul li { font-size:1em }

#header_pgop ul li a { padding:0 4px!important }

.english_link, .spanish_link { top:47px }
}
@media (max-width: 600px) {

#acf-breadcrumb li { padding-left:2% }

#acf-breadcrumb li.bracket { display:none }

.sr-only-focusable:active, .sr-only-focusable:focus { margin-left:-2% }

#center_header a {
  font-size: 2em;
  text-align: center;
}
}
@media (max-width: 500px) {

#header_pgop.moveDown, header[role="banner"] #logo_main.moveDown, header[role="banner"] #horizontal.moveDown, .english_link.moveDown, .spanish_link.moveDown { position:absolute!important }

header[role="banner"]
{
	border-left-width:0;
	border-right-width:0;
	height:186px!important
}

header.moveDown[role="banner"] { height:232px!important }

header.loggedIn[role="banner"] { height:200px!important }

header.loggedIn.moveDown[role="banner"] { height:248px!important }

header[role="banner"] #logo_main
{
	height:50px;
	left:50%;
	margin-left:-99px;
	top:105px;
	width:198px
}

header[role="banner"] #logo_main a { background:url(/hslc/global_rd/mobi/eclkc-logo_420.png) no-repeat center center transparent!important }

header[role="banner"] #logo_main { top:83px!important }

header[role="banner"] #logo_main.moveDown { top:128px!important }

header.loggedIn[role="banner"] #logo_main { top:98px!important }

header.loggedIn[role="banner"] #logo_main.moveDown { top:145px!important }

header[role="banner"] #horizontal { top:136px!important }

header[role="banner"] #horizontal.moveDown { top:182px!important }

header.loggedIn[role="banner"] #header-search { top:50px!important }

header.loggedIn[role="banner"] .lightShare { top:164px!important }

header.loggedIn[role="banner"] .lightShare.moveDown { top:211px!important }

.english_link, .spanish_link
{
	left:2%;
	top:180px;
	z-index:110
}

#top-navigation
{
	display:block;
	position:relative;
	background-color:#003663;
	height:50px
}

#top-navigation a
{
	display:block;
	color:#fff;
	text-align:center;
	outline:none;
	outline-style:none;
	text-decoration:none;
	padding:8px 0
}

#top-navigation a:hover { text-decoration:underline }

#top-navigation a:active { text-decoration:none!important }

#top-navigation > ul
{
	display:table;
	width:100%;
	height:100%;
	margin:0
}

#top-navigation > ul li
{
	display:table-cell;
	border-left:1px solid #ddd;
	width:50%;
	height:100%;
	vertical-align:middle
}

#top-navigation > ul li:first-child { border-left:0 }

#top-navigation a span.glyphicon-map-marker, #top-navigation a span.glyphicon-search, #top-navigation a span.glyphicon-remove
{
	color:#fff;
	font-size:1.5em;
	margin:0 5px 0 0;
	vertical-align:top
}

#header-search { display:none }

header[role="banner"] #header-search
{
	position:absolute;
	top:50px;
	left:0;
	background-color:#f3f3f3;
	width:100%;
	height:46px;
	margin:0 auto;
	padding:10px
}

#header-search > form { width:75% }

header[role="banner"] #header_pgop
{
	top:50px;
	left:0;
	background-color:#9ad0e3;
	width:100%;
	padding:7px 2% 2px;
	z-index:30
}

header[role="banner"] #header_pgop.moveDown { top:95px!important }

header.loggedIn[role="banner"] #header_pgop { top:50px!important }

header.loggedIn[role="banner"] #header_pgop.moveDown { top:96px!important }

header[role="banner"] #header_pgop ul li { border-right:0 }

header[role="banner"] #header_pgop ul li a { padding:0 6px!important }

header[role="banner"] #header_pgop ul li a:hover { color:#003663 }

#header-search input#ft_query { margin-bottom:0 }

#header-search.moveDown { display:block }

header.loggedIn[role="banner"] #horizontal { top:150px!important }

header[role="banner"] #horizontal.moveDown { top:182px!important }

header.loggedIn[role="banner"] #horizontal.moveDown { top:198px!important }

.english_link.moveDown, .spanish_link.moveDown { top:165px!important }

#content_page #stayConnected, #fullwidth_content_page #stayConnected, #body_landingpage #stayConnected
{
	float:right;
	margin-right:2.5%
}

#content_page #breadcrumbs, #fullwidth_content_page #breadcrumbs, #body_landingpage #breadcrumbs { display:none }

/*#bread_social_wrap { margin-top:50px }*/

#center_header + #_wrapper #bread_social_wrap { margin-top:0 }

#mega-menu a { font-size:90% }

#mega-menu-title { font:1.6em/4 Verdana, sans-serif }

/*#center_header { margin:50px auto 0 }*/

#bread_social_wrap { min-height:28px }

/*main#content.NC_header > #lang_toggle { top:-125px!important }*/

#lang_toggle > a#page_op_ingls, #lang_toggle > a#page_op_espan
{
	background:transparent;
	background-color:transparent
}
}
@media (max-width: 480px) {

#logo_main.moveDown { top:128px!important }

header[role="banner"] #horizontal.moveDown { top:182px!important }

#center_header a { font-size: 1.5em; }
@media (max-width: 420px) {

#acf-breadcrumb { top:-70px!important }

#top-navigation > ul li:first-child { width:60% }

#top-navigation > ul li:last-child { width:40% }

.english_link.moveDown, .spanish_link.moveDown { top:224px!important }

#mega-menu-title { font:1.2em/5.2 Verdana, sans-serif!important }

#mega-menu-title.logo { margin:6px 0 0 10% }

#horizontal { background:#f3f3f3 }

#mega-menu a { font-size:80% }

#center_header a#ecdtl {
	line-height: 22px;
	padding-top: 12px;
}
}
@media (max-width: 333px) {

#bread_social_wrap { min-height:28px }

header[role="banner"] { height:202px!important }

header.moveDown[role="banner"] { height:247px!important }

header.loggedIn[role="banner"] { height:225px!important }

header.loggedIn.moveDown[role="banner"] { height:271px!important }

header.loggedIn[role="banner"] .lightShare { top:189px!important }

header.loggedIn[role="banner"] .lightShare.moveDown { top:235px!important }

header[role="banner"] #logo_main { top:99px!important }

header[role="banner"] #logo_main.moveDown { top:145px!important }

header.loggedIn[role="banner"] #logo_main { top:120px!important }

header.loggedIn[role="banner"] #logo_main.moveDown { top:166px!important }

header[role="banner"] #horizontal { top:152px!important }

header[role="banner"] #horizontal.moveDown { top:197px!important }

header.loggedIn[role="banner"] #horizontal { top:175px!important }

header.loggedIn[role="banner"] #horizontal.moveDown { top:221px!important }
}