@charset "UTF-8";

/*@import url("/css/font-awesome.min.css"); */

/* CSS Document */
/*
File: voice.css
Purpose: base stylesheet for the Voice CMS platform licensed by L9.com
Usage: Core areas of the sheet (Sections prior to "Custom Overrides" should not be modified unless absolutely necessary. Customizations to this css should be applied after the "Custom Overrides" section marker.

Contents:

1. Standard HTML elements
2. Reset and Accessibility
3. Quick Text Formatting
4. Borders and Other Visuals
5. Wrapper Elements
6. Mobile Header / Menu
7. Header Elements
8. Footer
9. Navigation
10. Announcements and Alerts
11. Non-Editable Buttons (mini, back, etc.)
12. Tabbed Content Areas
13. Speedbump
14. Sitemap
15. FAQ's 
16. Responsive Lists
17. Posts / Post Lists / Post Images
18. "Page Tools"
19. Styles applied to images inserted into tinymce content areas. 
20. Seminars / Events
21. Fixed Sidebar Modules
22. Commenting, Rating, and Social Login
23. FlexSlider Banners
24. Flexslider Style Overrides
25. JQuery Style Overrides
26. Ajax Elements
27. GOOGLE SEARCH - Integration into results page
28. Online Banking Login
29. Compliance Logos (footer)
30. Standardized Color Values
31. Browser Element Customizations
32. Custom Screen Interface Elements

...

99. Custom Overrides

*/
/* ================ 1. Standard HTML elements ================ */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* Setting the font-size at document level using an absolute unit overwrites the user’s browser settings, so this should be relative */

body {
	font-family: 'Rubik', sans-serif;
	font-size: 1.125rem;
	line-height: 25px;
	background-color: #ffffff;
	margin: 0;
	color: #000;
	font-weight: 400;
	position: relative;
	z-index: 0;
	min-height: 100%;
	height: 100%;
}

p { /*line-height: 1.5;
	margin: 0 0 20px 0;*/
}

#content { margin: 0; }

.content ul, .content ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

.content ul li, .content ol li {
	margin: 0;
	padding: 0 0 5px 0;
}

p:empty, .content:empty { display: none; }

section, article, header, footer, nav, aside, hgroup { display: block; }

nav ul li {
	display: inline-block;
	padding: 0 10px 0 0;
}

/* .page_body h1 { margin: 20px 10px 20px  0;}*/

sup { font-size: 60%; }

/* ================ 2. Reset and Accessibility ================ */


/*Reset code from Twitter Bootstrap -- http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css*/
/*can be tweaked as needed*/
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* Setting the font-size at document level using an absolute unit overwrites the user’s browser settings, so this should be relative */

html, body {
	margin: 0;
	padding: 0;
}

pre, abbr, acronym, address, cite, code, del, dfn, em, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, div.form-field, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display:inline;
 *zoom:1;
}

audio:not([controls]) { display: none; }

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

button, input { line-height: normal;/* *overflow:visible; */ }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
}

.hidden, .hide { display: none; }

/*class to hide content so it is just for screen readers*/
.just-sr {
	position: absolute;
	display: block;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* ================ 3. Quick Text Formatting ================ */

.red {
	color: #990000;
	font-size: inherit;
}

.black {
	color: #000;
	font-size: inherit;
}

.large, .lrg { font-size: large; }

.med { font-size: medium; }

.small, .sm { font-size: small; }

.xtra-small { font-size: x-small; }

.tiny {
	font-size: xx-small;
	font-size: 10px;
	font-size: .6225rem;
}

.b { font-weight: bold; }

.i { font-style: italic; }

.center { text-align: center !important; }

.txt-left { text-align: left !important; }

.txt-right { text-align: right !important; }

/* ================ 4. Borders and Other Visuals ================ */


.border { border: solid 1px #ccc; }

.trule { border-top: solid 1px #ccc; }

.brule { border-bottom: solid 1px #ccc; }

.hide, .hidediv { display: none; }

.show { display: block; }

td.show, th.show { display: table-cell; }

.inline { display: inline; }

ul.inline li { display: inline; }

.pointer { cursor: pointer; }

.bullet:before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f111';
	/*	font-family: FontAwesome; */
	display: inline-block;
	font-size: inherit;
	margin: 0 7px 0 0;
}

/* ================ 5. Wrapper Elements ================ */

.wrapper {
	max-width: 100%;
	margin: auto;
}

.wrapper .head-logo { float: left; }

.wrapper_inner { margin: auto; }

.page_body { }

/* ================ 6. Mobile Header / Menu ================ */



/* mobile header adjustments */
@media screen and (max-width: 767px) {
	/* helper for JavaScript, do not remove */
	div.mobile-size-indicator {display:block; position: fixed; bottom: 0; left: 0; width: 1px; height: 1px;}
	.header {box-sizing: border-box;}
} 


/*mobile menu icon*/
div.header-mobile div.header-bar button.menu-icon {
	font-size: 27px;
	font-size: 1.6875rem;
	height: 60px;
	width: 50px;
	padding: 9px 0px 8px 0px;
	float: left;
	background-color: #2d4f66;
	border-radius: 0;
}


div.header-mobile div.header-menu {
	background-color: #567285;
	font-weight: 400;
}

div.header-mobile div.header-menu a { color: #ffffff }

div.nav-main-mobile { border-right: 2px solid #d8dee3 }

div.nav-main-mobile ul.top-nav-menu { border-top: 2px solid #d8dee3; }

div.header-mobile div.header-bar {
	background-color: #ffffff;
	font-weight: 400;
}

div.header-mobile div.header-bar a {
	color: #eee;
	padding: 5px;
	display: inline-block;
}

div.header-mobile div.header-bar a:hover, div.header-mobile div.header-bar a:active { text-decoration: none; }

div.header-mobile div.header-bar a:active { color: #fff; }

div.header-mobile div.header-bar button.menu-icon {
	display: inline-block;
	font-size: 27px;
	font-size: 1.6875rem;
}

div.header-mobile div.header-menu {
	clear: both;
	display: none;
}

div.header-mobile div.header-menu ul {
	margin: 0;
	padding: 0;
}

div.nav-sub-mobile div.parent {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-size: 1.125rem;
}

div.nav-main-mobile, div.nav-sub-mobile { padding: 10px 0 10px 10px; }

div.nav-main-mobile .main-nav-menu { margin: 0; }

div.nav-main-mobile ul li, div.nav-sub-mobile ul li {
	padding: 0;
	font-size: 1rem;
}

div.nav-main-mobile ul li a, div.nav-sub-mobile ul li a {
	display: block;
	padding: 10px 0 10px 10px;
	margin: 0 -1px 0 0;
}

div.nav-main-mobile ul.nav-menu li.nav-item, div.nav-sub-mobile ul.nav-menu li.nav-item { display: block; }

div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a { padding: 2.5% 0 2.5% 1%; }


div.nav-main-mobile ul.nav-menu li.nav-item a.on:after {
	float: right;
	/*	font-family: 'FontAwesome';  */
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: "\f0d9";
	font-size: 18px;
	font-size: 1.125rem;
}

div.nav-sub-mobile ul li a.on { text-decoration: underline; }

div.nav-main-mobile ul.top-nav-menu a {
	font-size: 0.8em !important;
	padding: 5px 0 5px 10px;
}


div.nav-main-mobile ul.nav-menu li.nav-item { margin: 0 }

div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
	padding: 7px 0;
	font-size: .9em
}

div.nav-sub-mobile ul li.nav-item a.parent { border-bottom: 1px solid #ffffff; }

div.nav-sub-mobile ul li.nav-item a.parent.on { text-decoration: none; }

div.nav-sub-mobile ul li.nav-item a.parent.on:hover { text-decoration: underline; }

div.header-mobile div.header-bar button.menu-icon { background-color: #fff; }

div.header-mobile div.header-bar button.menu-icon:before {
	color: #003a5d;
	padding: 0px;
}

div.header-mobile div.header-bar button.menu-icon.menu-icon-open {
	background-color: #003a5d;
	color: #fff;
}

div.header-mobile div.header-bar button.menu-icon.menu-icon-open:before { color: #fff; }

div.header-mobile div.header-menu {
	background-color: #003a5d;
	font-weight: 400;
}

div.header-mobile div.header-menu a { color: #ffffff }

div.header-mobile div.nav-main-mobile { border-right: 2px solid #ffffff }

div.header-mobile div.nav-main-mobile ul.top-nav-menu {
	border-top: 2px solid #ffffff;
	margin-top: 10px;
	padding-top: 10px;
}

/* ================ 7. Header Elements ================ */

/* Header Logo*/
/*new logo model... uses no low res file, only hi res shrunk to fit*/

div.header .header-logo-and-menu.page_body {padding: 0;}

div.header-mobile div.header-bar {
	padding: 0;
	background-size: 134px 52px;
	background-image: url(/img/APGFCU_NoTagline_RGB.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.header .logo {
	width: auto;
	margin: -35px 0 0 0;
	z-index: 9;
}
.header .logo img {width: 167px; height: 65px;}
.header .logo a { }

.header-desktop { border-bottom: solid 9px #1483C7; background-color: #fff; }

/*dont display the mobile header by default*/
div.header-mobile { display: none; }

div.header-mobile div.header-bar a { padding: 12px 0px 11px 0; }

/*search container*/
div.header div.search {
	width: 100%;
	padding: 0;
	margin: auto;
}
div.search-and-buttons {float: right; margin: 0 5px 0 0;}

/*topnav container*/
div.topnav {
	margin: 0 0 10px 0;
	display: block;
	background-color: #005a8f;
	position: relative;
	text-align: right;
	padding: 2px 10px;
}
div.topnav-inner {padding-right: 5px;}

@media screen and (max-width: 1300px) {
	div.topnav-inner {padding-right: 0;}
}

/* header search box and their mobile versions*/

.site-search { position: relative; }

div.new-search, div.new-atmsearch {position: relative;}
div.new-buttons a.button, div.new-buttons a.button:link {margin-top: 0; /*text-transform: uppercase;*/ font-size: .8rem;}
div.new-search, div.new-atmsearch, div.new-buttons {display: inline-block; width: auto;}
.dsktp-search-box button, .dsktp-location-box button  {display: inline-block; position: absolute; right: 7px; top: 6px; background: transparent; height: 25px; width: 25px;}

.header-desktop input[type=text].search-field, .header-desktop input[type=text].location-field {
	font-size: .8rem;
	font-weight: 400;
	margin: 0 0 0 0;
	background-color: #ffffff;
	color: #043B5C;
	padding: 7px 15px 7px 10px;
	font-family: inherit;
	border: 3px solid #005A90;
	border-radius: 8px;
}

/* for the transition */
.header-desktop input[type=text].location-field {width: 80px; transition: all .5s ease; padding-right: 10px;}
.header-desktop input[type=text].location-field:focus, .header-desktop input[type=text].location-field:active, .header-desktop input[type=text].location-field:hover {width: 150px;	box-shadow: 0 0 5px #dedede;     border-color: #1784c1;}

.header-desktop input[type=text].search-field {width: 80px; transition: all .5s ease; padding-right: 10px; text-transform: uppercase;}
.header-desktop input[type=text].search-field:focus, .header-desktop input[type=text].search-field:active, .header-desktop input[type=text].search-field:hover {width: 150px;	box-shadow: 0 0 5px #dedede;     border-color: #1784c1;}


.header-desktop input[type=text].location-field:focus, .header-desktop input[type=text].location-field:active {width: 230px;}
.header-desktop input[type=text].search-field:focus, .header-desktop input[type=text].search-field:active {width: 230px;}


.header-desktop input[type=text]::-webkit-input-placeholder {color: #043B5C;}
.header-desktop input[type=text]::-moz-placeholder { color: #043B5C;}
.header-desktop input[type=text]:-ms-input-placeholder {color: #043B5C;}
.header-desktop input[type=text]:-moz-placeholder {color: #043B5C;}


/* input.search-field:focus, button.search-button:focus { outline-width: 0; } causes ADA error */

button.search-button {
	color: #005A90;
	padding: 5px;
	font-size: 19px;
	font-size: 1.1875rem;
	background: transparent;
}

.header-mobile div.search {
	display: block !important;
	margin: 0 !important;
	width: 100%;
	position: relative;
	z-index: 9999999999;
}

button.search-button:before {
	font-size: 22px;
	font-size: 1.375rem;
}

.search-submit, .location-submit {
	color: #005A90;
	font-weight: 900;
}

.search-submit:before, .location-submit:before {
	font-size: 22px;
	font-size: 1.375rem;
	color: #005A90;
}
.dsktp-location-box input:hover, .dsktp-search-box input:hover {box-shadow: 0 0 5px #dedede; color: #000;}




/* ---------------------------------------- fixed menu styles ---------------------------------------- */

/* smooth transitions for header itself and logo */
.header-desktop div.search, 
.header-desktop div.topnav, 
.header-desktop div.new-buttons, 
.header-desktop div.search-and-buttons 
{ transition: all 0.3s ease; visibility: visible; opacity: 1; max-height: 1000px;}
.header-desktop div.bank {transition: none;}

.header-desktop .logo img { transition: all 0.3s ease; }
.header-desktop.header, div.wrapper_inner { transition: height 0.3s ease-in-out; } /* prevents Firefox header width problem with scaling logo */

.header-desktop div.menu-main {margin-top: 5px;}

/* adds margin to top of page to account for height of fixed header when scrolled */
div.wrapper_inner.scrolled-margin {margin-top: 55px;}

.header-desktop.scrolled, .header-mobile.scrolled {
	width: 100%;
	max-width: 100%;
	position: fixed !important;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);
	height: auto !important;
    background: rgba(255,255,255,.96) !important;
	padding: 0;
}


.header-desktop.scrolled div.logo {margin: 0;}
.header-desktop.scrolled .logo img {height: 39px; width: auto; margin-top: 8px; transition: height 0.3s ease;}

.header-desktop.scrolled div.menu-main {margin-top: 10px;}


.header-desktop.scrolled div.topnav, 
.header-desktop.scrolled div.search-and-buttons 
{visibility: hidden;  opacity: 0; max-height: 0; margin: 0; padding: 0;  transition: all 0.3s ease;}





@media screen and (max-width: 1150px) {
	
	/* shrink searches and buttons so they fit */
	div.new-search, div.new-atmsearch {margin-bottom: 5px;}
	/*.header-desktop input[type=text].location-field {width: 80px;}
	.header-desktop input[type=text].search-field {width: 60px;}*/
	.header-desktop input[type=text].location-field:focus, .header-desktop input[type=text].location-field:active {width: 175px;}
	.header-desktop input[type=text].search-field:focus, .header-desktop input[type=text].search-field:active {width: 175px;}
	div.new-buttons, div.new-search {font-size: .7rem; margin: 0;}
	.header-desktop input[type=text].location-field, .header-desktop input[type=text].search-field {font-size: .8rem; padding: 4px 25px 4px 5px;}
	.dsktp-search-box button, .dsktp-location-box button {right: 6px; top: 6px;  height: 17px; width: 17px;}
	.search-submit:before, .location-submit:before { font-size: 1rem;}
	div.new-buttons a.button, div.new-buttons a.button:link {padding: 6px 8px;}
}

@media screen and (max-width: 900px) {	
	div.search-and-buttons {display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: 5px;    max-width: 650px;}
	.header-desktop input[type=text].search-field, .header-desktop input[type=text].location-field {width: 100px !important;}
}

@media screen and (max-width: 850px) {	
	/* shrink logo so new button fits */
	.header .logo img {width: 140px; height: auto;}
	.header-desktop input[type=text].search-field, .header-desktop input[type=text].location-field {width: 80px !important;}
}
@media screen and (max-width: 767px) {
	/* button area back to normal */
	div.search-and-buttons {justify-content: center; max-width: 100%;}
	
	div.header-mobile div.mobile-logo-link-spacer {width: auto; display: block;}
	div.header-mobile div.mobile-logo-link-spacer a {height: 52px; width: 150px; display: block; margin: 0 auto; padding: 0;}

	/*show the mobile menu now*/
	div.header-mobile { display: block;}
	.header-desktop.header {  transition: all 0.3s ease; visibility: visible; opacity: 1; max-height: 1000px;}

	/*div.header-desktop { display: none; } keep showing the desktop header, but hide everything but the buttons and topnav */
	div.topnav, div.col1-head, div.col1-head, div.header-inner .colright, div.header-inner .colleft {display: none;}
	div.search {width: 100%; text-align: center;}
	div.search-and-buttons {float: none; margin: 5px auto 5px auto;}
	div.header .header-logo-and-menu.page_body, div.header-inner {padding: 0; width: 100%;}



	/* remove login if not on home page at mobile size
	div.bank {display: none;}
	body.home-page-wrapper div.bank {display: block; margin-top: 0; padding: 0;} */


	.header-desktop.scrolled {/*visibility: hidden; opacity: 0; max-height: 0;*/  transition: all 0.3s ease; opacity: 0.95; margin-top:  60px;} 
	.header-desktop.scrolled div.bank {margin-top: 0;}
	.header-mobile.scrolled {opacity: 0.95;}


	div.wrapper_inner.scrolled-margin {margin-top: 60px;}
	body.home-page-wrapper div.wrapper_inner { }
	body.home-page-wrapper div.wrapper_inner.scrolled-margin {margin-top: 60px;}
	body.home-page-wrapper div.bank.scrolled-margin {margin-top: 0; }



	/*remove the top, split, sub and main nav because they are all accomodated in the mobile menu*/
	div.topnav, div.nav-split, div.nav-main, header .inner div.search, div.mega-wrapper, div.nav-sub { display: none; }

	button.search-button {
		font-size: 20px;
		font-size: 1.25rem;
	}

	button.search-button, button.mobile-search-button {
		background-color: #fff;
		font-weight: 900;
	}

	.col1-head, .col2-head { width: 50% }

	.header.bar-main { margin: 0; }

	.account-menu { top: 50px; }

	.subnav-mobile, .subnav-mobile .nav-sub, .sidebar-mobile { display: block; }
}

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

div.header-mobile div.header-bar div.onethird {
	width: 15% !important;
	clear: none;
}

div.header-mobile div.header-bar div.twothirds {
	width: 85% !important;
	clear: none;
}

}
@media screen and (max-width: 500px) {

	/* shrink searches and buttons even more */
	.header-desktop input[type=text].location-field {width: 80px;}
	.header-desktop input[type=text].search-field {width: 60px;}
	.header-desktop input[type=text].location-field:focus, .header-desktop input[type=text].location-field:active {width: 80px;}
	.header-desktop input[type=text].search-field:focus, .header-desktop input[type=text].search-field:active {width: 60px;}
}
@media screen and (max-width: 420px) {
	div.new-buttons a.button, div.new-buttons a.button:link {font-size: .65rem;}
	/* shrink searches and buttons even more */
	.header-desktop input[type=text].location-field {width: 60px; font-size: .65rem;}
	.header-desktop input[type=text].search-field {width: 42px; font-size: .65rem;}
	.header-desktop input[type=text].location-field:focus, .header-desktop input[type=text].location-field:active {width: 60px;}
	.header-desktop input[type=text].search-field:focus, .header-desktop input[type=text].search-field:active {width: 42px;}
	
	div.new-buttons, div.new-search {font-size: .6rem; margin: 0;}
	div.new-buttons a.button, div.new-buttons a.button:link {padding: 6px 4px;}
}


/* ================ 8. Footer ================ */

div.footer {
	float: none;
	height: auto;
	font-size: 15px;
	font-size: 0.9375rem;
	background: #043a5c;
	overflow: hidden;
}

div.footer, div.footer a {
	color: #ffffff;
	color: rgba(255, 255, 255, 0.7);
}

.footer-left, .footer-right {
	width: 49%;
	float: left;
	padding: 1em 0;
}

.footer-right {
	text-align: right;
	float: right;
}

.copyright { clear: left; }

.meta {
	font-size: 12px;
	font-size: 0.75rem;/* clear: left; this messes up post lists */
}

ul.foot-stack, div.foot-stack {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

ul.foot-stack li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0 0 8px 0;
	line-height: 1.15;
}

ul.foot-stack li a { text-decoration: underline; }

ul.foot-stack li a:hover { text-decoration: none; }

div.social-block {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	color: #b5bdbf;
	padding: 0;
}

div.social-block h3 {
	font-family: 'Exo', sans-serif;
	font-weight: 500;
	font-size: 27px;
	font-size: 1.6875rem;
	color: #fff;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #fff;
}

ul.social {
	margin: 0 0;
	padding: 15px 0 10px 0;
	list-style: none;
}

ul.social li {
	font-size: 2.75rem;
	font-weight: normal;
	color: #b5bdbf;
	display: inline-block;
	margin: 0 10px 0 0;
}

ul.social li:last-child { margin-right: 0; }

ul.social li a:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	/*	font-family: FontAwesome;   */
	font-style: normal;
	/*	font-weight: normal;  */
	text-decoration: inherit;
	float: left;
}

ul.social li a {
	display: inline-block;
	/* text-decoration-color: #043a5c;*/
	text-decoration: none !important;
}

ul.social li a span {
	font-size: 12px;
	font-size: .75rem;
}

ul.social li.twitter a span { margin-left: 8px; }

ul.social li a:hover { color: #fff; }

ul.social li.facebook a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f09a";
}

ul.social li.twitter a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f081";
}

ul.social li.instagram a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f16d";
}

ul.social li.linkedin a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f08c";
}

ul.social li.pinterest a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f0d2";
}

ul.social li.youtube a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f431";
}

ul.social li.yelp a:before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	content: "\f1e9";
}

li.routing {
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}

div.footer h5, div.footer a:link, div.footer a:visited, div.footer a:hover, div.footer a:active { color: #eee !important; }

ul.compliance li { line-height: 1.65; }

div.footer h5 {
	text-transform: uppercase;
	margin: 40px 25px 25px 0;
	border-bottom: 1px solid #eee;
	padding: 30px 0 15px 0;
}

div.quick p {
	padding-right: 20px;
	line-height: 1.25;
}

div.footer div.social-icons {
	font-size: 28px;
	font-size: 1.75rem;
	display: inline-block;
}

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

ul.foot-stack li, ul.social { text-align: center; }

.footer .nav-footer, .footer li.disclaimer { text-align: center }

div.disclaimer, ul.foot-stack {
	text-align: center;
	width: 100%;
}

div.quick div.onefifth { text-align: center; }
}

/* ================ 9. Navigation ================ */
ul.nav-menu {
	list-style-type: none;
	list-style-position: inside;
}

ul.nav-menu li.nav-item { display: inline-block; }

/* Main Nav*/

.menu-main {
	margin: 0;
	position: relative;
}

div.nav-main { width: 100%; }

div.nav-main, div.nav-main ul.nav-menu {
	margin: 0 0 0 0;
	padding: 0;
	max-width: 1280px;
}

div.nav-main ul.nav-menu {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
/* fix for ghost :after within flex display messing up space-between calc */
div.nav-main ul.nav-menu:after {display: none;}

div.nav-main ul.nav-menu li.nav-item { display: inline-block; }

div.nav-main ul.nav-menu li.nav-item a.main-nav-item {
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 10px 35px 9px 35px;
	font-size: 22px;
	font-size: 1.375rem;
	color: #005A90;
	font-weight: 500;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	margin: 0;
	text-align: center;
	display: inline-block;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

div.nav-main ul.nav-menu li.nav-item:last-child a { /*
	padding-right: 0;*/
}

div.nav-main ul.nav-menu li.nav-item a:hover { color: #FFF; }
div.nav-main ul.nav-menu li.nav-item.nav-login a.on { color: #FFF; background-color: #005A90; border: 1px solid #1784c1; border-bottom: none;}

div.nav-main ul.nav-menu li.nav-item.nav-login a.main-nav-item {box-sizing: border-box; width: 115px !important; font-size: 1.375rem !important; padding: 10px; margin-left: 5px;}


div.nav-main ul.nav-menu li.on { }

div.nav-main ul.nav-menu li.on a { text-decoration: underline; }

div.nav-main ul.nav-menu li.active a.main-nav-item { color: #fff !important; }

div.nav-main ul.nav-menu li.on a { text-align: center; }

div.up-arrow {
	position : relative;
	display: none;
	margin: 0 43% auto 43%;
}

div.nav-main ul.nav-menu li a.active div.up-arrow {
	display: block;
	margin-top: 1px;
}

.up-arrow .top {
	position : absolute;
	top : 1px;
	left : calc(50% - 10px); /* centered minus width of the arrow */
	width : 0;
	height : 0;
	z-index : 100;
	border-left : 10px solid transparent;
	border-right : 10px solid transparent;
	border-bottom : 10px solid #E3E3E3;
}

.up-arrow .bottom {  /*this is the triangle's border */
	position : absolute;
	width : 0;
	height : 0;
	left : calc(50% - 11px); /* shift the border over one more pixel */
	z-index : 99;
	border-left : 11px solid transparent;
	border-right : 11px solid transparent;
	border-bottom : 11px solid #858B87;
}

div.nav-main ul.nav-menu li.on a.active:hover { }

div.nav-main li {
	padding: 0;
	text-align: center;
}

div.nav-main li:last-child { border-right: none }

div.nav-main ul li:first-child { }

/* .nav-base { background-color: #156CB3; }  unused on this site */




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

	div.nav-main ul.nav-menu li.nav-item a.main-nav-item {
	padding: 10px 25px 9px 25px;
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1;
	}
}

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

	div.nav-main ul.nav-menu li.nav-item a.main-nav-item {
	padding: 16px 10px 9px 10px;
	font-size: 1.25rem;
	}
}
@media screen and (max-width: 920px) {

	div.nav-main ul.nav-menu li.nav-item a.main-nav-item {
	font-size: 1rem;
	}
}
@media screen and (max-width: 820px) {

	div.nav-main ul.nav-menu li.nav-item a.main-nav-item {
	font-size: .85rem;
	}
}
/* Top Nav*/

div.nav-top ul.nav-menu {
	padding: 0;
	margin: 0;
}

div.nav-top ul.nav-menu li.nav-item {
	display: inline-block;
	text-align: center;
}

div.nav-top ul.nav-menu li.nav-item a {
	display: inline-block;
	padding: 0 10px 0 15px;
	font-size: 0.875rem;
	color: #fff;
	text-decoration: none;
}

div.nav-top ul.nav-menu li.nav-item a:hover { text-decoration: underline; }

div.nav-top ul.nav-menu li.nav-item a.on { }

div.nav-top { width: auto;}

div.nav-top ul.nav-menu li.nav-item { line-height: 1; }

div.nav-top ul.nav-menu li.nav-item.last { border-right: none; }

div.nav-top ul.nav-menu li.nav-item.last a {
	text-align: right;
	padding-right: 0;
}

a.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0
}

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

div.nav-top ul.nav-menu li.nav-item a {
	font-size: 0.8rem;
}
}

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

div.topnav { }

div.nav-top ul.nav-menu li.nav-item a {
	font-size: 0.8rem;
}
}

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

div.topnav {}

div.nav-top ul.nav-menu li.nav-item a { font-size: 0.75rem; }
}

/*when mega menu is active, do this to main nav and top nav... */


.menuactive div.nav-main ul.nav-menu li.nav-item a {
	color: #57646C !important;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	transition: color .5s ease;
}

.menuactive div.nav-main ul.nav-menu li a.active {
	color: #fff !important;
	text-decoration: none;
}

.menuactive div.nav-top ul.nav-menu li.nav-item a, .menuactive .dsktp-search-button {
	color: #57646C !important;
	font-weight: 400;
}

.menuactive div.logo a img { opacity: 0.3; }

.menuactive div.logo img {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/head_logo_hires-inverse.png) no-repeat;
	background-size: 213px 75px;
	width: 213px; /* Width of new image */
	height: 75px; /* Height of new image */
	padding-left: 213px; /* Equal to width of new image */
}

/*Mega Menu Structure and Navigation*/



.mega-wrapper {
	background-color: #043B5C;
	position: absolute;
	z-index: 111111111111111111;
	border-top: 1px solid #858b87;
	border-bottom: 1px solid #858b87;
	max-width: 500px;
}

.megacontainer {
	margin: auto;
	padding: 20px 0 0 0;
}

.megacontainer div.inner { padding: 0; }

.megacontainer div.promotion { margin: 0 !important; }

div.megamenu.right { float: none; }

div.mega-box {
	/* display: table; */
	margin: auto;
	/* table-layout: fixed; */
	width: 100%;
	text-align: center;
}

ul.mega-subnav {
	width: 100%;
	/* display: table-row;*/
	margin: 10px auto 20px auto;
	padding: 0;
	display: flex;
	justify-content: space-around;
}

ul.mega-subnav li {
	list-style: none;
	/*   display: table-cell;*/
	flex: auto;
	align-self: flex-start;
	font-size: 60px;
	font-size: 3.75rem;
	color: #040203;
	vertical-align: top !important;
	/*  	width: 16.6666%;*/
	padding: 0 5px !important;
	font-family: 'Lato', sans-serif;
	margin: 0;
	text-align: center;
}

ul.mega-subnav li a span.iconic:before {
	display: block;
	font-size: 60px;
	font-size: 3.75rem;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	display: block;
	text-align: center;
	padding-bottom: 20px;
}

ul.mega-subnav li ul li { font-family: inherit; }

ul.mega-subnav li ul li a {
	color: #B7E4B2 !important;
	font-weight: 300;
	padding: 0 15px !important;
	display: block;
}

ul.mega-subnav li a {
	display: block;
	color: #040203;
	text-decoration: none;
	font-size: 20px;
	font-size: 1.313rem;
	padding: 0;
	margin: 0;
}

ul.mega-subnav li a:hover {
	color: #008027;
	text-decoration: none !important;
}

.megaclose {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 10px 0;
	cursor: pointer;
	z-index: 999;
}

.megaclose button { background: transparent; }

.megaclose button span {
	color: #B7E4B2;
	font-size: 40px;
	font-size: 2.5rem;
	opacity: .75;
	font-weight: normal;
}

.megaclose button span:before { cursor: pointer; }

.megaclose button:hover { cursor: pointer; }

.megamenu.menu-items .inner { padding: 0; }

.megamenu .promo-area .inner { padding: 0 2%; }

ul.mega-subnav.mega-more { padding: 5px 0; }

ul.mega-subnav.mega-more li {
	display: block;
	width: auto;
}

ul.mega-subnav.mega-more li a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	font-size: 17px;
	font-size: 1.0625rem;
}

/* changed to mega-promo on this site
div.megapromo {
	background-color: #72C640;
	display: block;
	color: #ffffff !important;
	text-align: center;
	line-height: 150%;
	padding: 0 0 10px 0;
	font-size: 19px;	font-size: 1.1875rem;
	margin-right: 20px;
}

div.megapromo h3 {
	color: #ffffff;
	font-weight: 400;
	font-size: 29px;	font-size: 1.8125rem;
	margin: 0;
} */

div.mega-promo a.button:hover {
	background-color: #fff;
	color: #000 !important;
}

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

.megaclose { display: none; }
}

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

ul.mega-subnav li { padding: 10px 5px; }
}

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

ul.mega-subnav li { padding: 10px 5px; }

ul.mega-subnav li a {
	font-size: 16px;
	font-size: 1rem;
}
}




/*DROPDOWN MENUS*/

@charset "UTF-8";

/* CSS Document */

/* 	LEVEL ONE */

div.nav-main ul.dropdown ul.sub_menu li { }

ul.dropdown {
	list-style: none;
	position: relative;
	z-index: 100000;
}

ul.dropdown div.dropdown-menu {
	zoom: 1;
	font-size: 16px;
	font-size: 1rem;
	display: block;
	padding: 0;
	margin: 0;
	/* overflow: hidden; */
	clear: both;
	width: auto;
	max-width: 700px;
	position: absolute;
	top: auto;
	/*left: 0;*/
	z-index: 100001;
	background-color: #043B5C;
	border-top: none;
	text-align: left;
	list-style: none;
	box-shadow: 5px 5px 10px -5px rgba(0,0,0,.3), -5px 10px 10px -5px rgba(0,0,0,.3);
}

li.nav2 div.dropdown-menu { max-width: 650px; }
li.nav4 div.dropdown-menu { right: 0; margin-right: 115px;}

ul.dropdown ul.sub_menu {
	margin: 40px 0 30px 0;
	padding: 0 10px 0 30px;
}

ul.dropdown ul.sub_menu li {
	zoom: 1;
	font-weight: normal;
	margin: 0;
	text-align: left;
	display: inline-block;
	width: 48%;
	padding: 8px 1% 8px 0;
	line-height: normal;
	vertical-align: top;
}

ul.dropdown ul.sub_menu li a { display: block; }

ul.sub_menu ul {
	border: none !important;
	display: inline-block !important;
	float: left;
	overflow: visible;
	width: 50%;
}

div.nav-main ul.dropdown li.nav-item ul.sub_menu ul li a {
	color: #ffffff;
	background-color: #326FA5;
	border: none;
}

ul.dropdown li.hover, ul.dropdown li:hover { right: 0; }

/* white on white and not active
div.nav-main ul.dropdown li.nav-item ul.sub_menu ul li a:hover {
	background-color: #ffffff;
	color: #fff;
}*/

div.nav-main ul.nav-menu li.nav-item ul.sub_menu a {
	border: none;
	text-align: left;
	color: #fff;
	padding: 0;
	font-weight: 300;
	font-size: 17px;
	font-size: 1.0625rem;
}

/* keep parent highlighted on submenu hover */
div.nav-main ul.dropdown li:hover > a { background-color: #043B5C; }

/* MEGA MENU div */


div.mm_children, div.mm_promo {
	position: relative;
	float: left;
	top: 0;
	vertical-align: top;
}

div.mm_promo {
	padding-left: 20px;
	padding-right: 0;
	padding-top: 15px;
	min-width: 170px;
	max-width: 170px;
}

ul.mm_subnav {
	padding: 10px;
	margin: 0;
	min-width: 170px;
	max-width: 170px;
}

div.nav-main ul.nav-menu li a.on, div.nav-main ul.nav-menu ul.sub_menu li a:hover {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
	transition: none;
}

div.nav-main ul.nav-menu li.nav-item div.mm_promo a { font-size: 1rem; }

div.mm_promo {
	text-align: left;
	padding: 5px;
	max-width: 250px;
}

div.mm_promo .mm_callout {
	padding: 0 20px 5px 0;
	overflow: hidden;
}

div.mm_promo .mm_callout .rule { margin-bottom: 0; }

div.mm_promo .mm_callout h4 {
	color: #E4F5D1;
	margin: 15px auto 5px 0;
	font-weight: 300;
	font-size: 22px;
	font-size: 1.375rem;
}

div.mm_promo .mm_callout .image a { padding: 0 !important; }

div.mm_promo .mm_text {
	color: #fff;
	font-weight: 400;
}

div.mm_promo .mm_text p { margin: 0 0 10px 0; }

div.nav-main ul.nav-menu li.nav-item div.mm_promo div.fancybutton a {
	background-color: transparent !important;
	color: #E4F5D1 !important;
	border: 1px solid #fff !important;
	text-align: center;
	padding: 5px 15px;
	margin: auto;
	display: inline-block;
	margin: 0 auto 10px auto;
	letter-spacing: normal;
}

/* last two menus using last child for last and specific nav numbers for 2nd to last */

ul.dropdown li.nav3 ul.sub_menu { right: 0; }

ul.dropdown li:last-child ul.sub_menu { right: 0; }

ul.dropdown li:last-child ul.sub_menu div.mm_children { float: right; }

ul.dropdown li:last-child ul.sub_menu div.mm_subnav { float: left; }

ul.dropdown li:last-child ul.sub_menu div.mm_promo {
	float: right;
	padding-right: 0;
	padding-left: 30px;
}

ul.dropdown li:last-child ul.sub_menu div.mm_promo .hp-callout { padding-right: 0; }

/*	LEVEL THREE */

ul.dropdown li:hover > ul { visibility: visible; }

/* Sub Nav*/

div.nav-sub { width: auto; }

div.nav-sub, div.subnav {
	margin: 10px 0 20px 0;
	padding: 0
}

div.nav-sub ul.nav-menu li.nav-item {
	display: block;
	list-style-position: outside;
	line-height: normal;
	margin: 0;
}

div.nav-sub ul li.nav-item a { display: block; }

div.nav-sub ul li.nav-item a:hover { color: #FF6119; }

div.nav-sub ul.nav-menu li a.on, div.subnav ul li a.on {
	color: #FF6119;
	text-decoration: none;
}

div.nav-sub ul li a.on:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: "\f105";
	/*	font-family: FontAwesome;   */
	text-decoration: inherit;
	display: inline;
	float: left;
	margin: 3px 0 0 -15px;
	font-size: 1rem;/*	font-weight: normal;    */
}

div.nav-sub h3, div.subnav h3 {
	padding: 0 0 0 15px;
	margin: 0
}

div.nav-sub h3 a { text-decoration: none; }

div.nav-sub h3 a:hover { text-decoration: underline; }

div.nav-sub ul, div.subnav ul {
	list-style: none;
	margin: 20px;
	padding: 0
}

div.nav-sub ul li, div.subnav ul li {
	padding: 8px 0;
	margin: 0
}

div.nav-sub ul li.level0 { }

div.nav-sub ul li.level1 {
	margin-left: 20px !important;
	font-size: .9rem;
}

div.nav-sub ul li.level2 { margin-left: 5px !important; }

div.nav-sub ul li.level3 { margin-left: 5px !important; }

div.nav-sub ul li.level4 { margin-left: 5px !important; }

div.nav-sub ul ul, div.subnav ul ul { margin: inherit }

div.nav-sub ul.nav-menu ul li, div.subnav ul ul li { margin: 4px 0 12px }

/* Bottom (footer) Nav*/


div.nav-footer, div.nav-footer ul {
	font-size: 15px;
	font-size: 0.9375rem;
	margin: 0 0 20px 0;
	padding: 0;
}

div.nav-footer ul.nav-menu li.nav-item {
	padding: 0 8px;
	margin: 0;
	line-height: 1;
	border-right: 1px solid white;
}

div.nav-footer ul.nav-menu li.nav-item:last-child, div.nav-footer ul.nav-menu li.nav-item.last {
	border-right: none;
	padding-right: 0;
}

div.nav-footer ul.nav-menu li.nav-item a { display: inline-block;/* color: #fff;*/ }

b.foot-title {
	display: block;
	margin-bottom: 15px;
}

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

.footer .onefourth, .footer .onefifth, div.greylock-family { text-align: center; }
}

/* ================ 10. Announcements and Alerts ================ */

/* 9.1 home announcements*/

div.announcements {
	margin: 0;
	padding: 0;
}

div.announcements h4 { margin: 0 0 0.5em 0; }

div.announcements .announcement h5.annc-title {
	font-size: 16px;
	font-size: 1rem;
}

div.announcements .announcement .desc { margin: 0 !important; }

/*9.2 home alert*/
/* premium floating alerts */
.site-alerts {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 420px;
    z-index: 3;
}

/* default alert color is white */
.alert {
    position: relative;
    float: right;
    bottom: 0;
    right: 0;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
    width: 100%;
    box-sizing: border-box;
    z-index: 999999;
    border-radius: 10px;
    border: 1px solid #535859;
    background-color: #fff;
    color: #000;
    margin: 0 1% 1% 0;
    opacity: 0.98;
    overflow: hidden;
}
.alert .inner {
    padding: 10px;
}
.alert p {
    margin: 5px auto;
    line-height: 1.5;
    color: #000;
}
.alert a, .alert a:visited {
    color: #000;
}
.alert a:hover {
    text-decoration: none;
}
.alert-actions {
    width: 100%;
	background: rgba(0,0,0,0.1);
    color: #000;
    font-size: .875rem;
    box-sizing: border-box;
    text-align: right;
}
.alert-actions a {
	color: #000; 
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 0 20px;
    padding: 5px 10px;
	display: inline-block;
}
.alert-actions a:hover {
    color: #000 !important;
    text-decoration: underline;
}
/* includes fix for bulleted lists */
.alert-expand {
    cursor: pointer;
}
.alert-inner {
    max-width: 1280px;
    margin: auto;
    text-align: center;
}
.alert-inner ul, .alert-inner ul li ul {
    text-align: center;
    margin: 5px auto;
    list-style-position: inside;
    padding: 0;
}
.alert-inner ul li {
    text-align: center;
    margin: 5px auto 0 auto;
}
.alert h5.alert-title, .alert h5.alert-title a {
    color: #000;
    font-size: 1.125rem;
    margin: 1% 23px 1% 0; /* give space for down arrow on phones */
    font-weight: 400;
    display: block;
}
.alert h5.alert-title:hover, .alert h5.alert-title a:hover {text-decoration: none;}
.alert-desc, .alert p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #000;
    line-height: 1.2;
}
.alert button {
    font-size: 1.5rem;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
	color: rgba(0,0,0,0.5);
    margin: 0;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
    line-height: normal;
    float: right !important;
    position: absolute;
    right: 12px;
    top: 5px;
    outline: none;
}

.alert p {
    margin: 0;
    padding-bottom: 8px;
}
.alert-desc {
    padding: 0 5px;
    display: block;
}
.alert-closed-icon, .alert-open-icon {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
}
.alert-closed-icon:before {
    content: "\f107";
}
.alert-open-icon:before {
    content: "\f106";
}

@media screen and (max-width:540px) {
    .site-alerts {
        width: 98%;
        margin: 1%;
    }
    .alert, div.cwrnw_block {
        margin: 0;
    }
}

/*  color options */

.alert.alert-red {
    background-color: #d21600 !important;
    color: #fff;
}
.alert.alert-red h5, .alert.alert-red h4, .alert.alert-red h3, .alert.alert-red h2 {
    color: #fff !important;
}
.alert.alert-red a, .alert.alert-red .alert-desc, .alert.alert-red p, .alert.alert-red fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-red .alert-actions {background: rgba(0,0,0,0.1);}
.alert.alert-red button {    color: rgba(255,255,255,0.5);}


.alert.alert-orange {
    background-color: #ffcc64 !important;
    color: #000;
}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2 {
    color: #000 !important;
}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {
    color: #000;
}
.alert.alert-orange .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-orange button {    color: rgba(0,0,0,0.3);}


.alert.alert-yellow {
    background-color: #fbebaa !important;
    color: #000;
}
.alert.alert-yellow h5, .alert.alert-yellow h4, .alert.alert-yellow h3, .alert.alert-yellow h2 {
    color: #000 !important;
}
.alert.alert-yellow a, .alert.alert-yellow .alert-desc, .alert.alert-yellow p, .alert.alert-yellow .fa-exclamation-circle:before {
    color: #000 !important;
}
.alert.alert-yellow .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-yellow button {    color: rgba(0,0,0,0.3);}


.alert.alert-green {
    background-color: #c1efaf !important;
    color: #000;
}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2 {
    color: #000 !important;
}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {
    color: #000;
}
.alert.alert-green .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-green button {    color: rgba(0,0,0,0.5);}


.alert.alert-blue {
    background-color: #b9dbf4 !important;
    color: #000;
}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2 {
    color: #000 !important;
}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {
    color: #000 !important;
}
.alert.alert-blue .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-blue button {    color: rgba(0,0,0,0.5);}

/* premium floating alerts end */


/* ================ 11. Mini Buttons and other default Buttons ================ */
/* mini-buttons aren't used on this site - this default has low contrast
a.mini-button:link, a.mini-button:visited, a.minibutton:link, a.minibutton:visited, div.minibutton a:link, div.minibutton a:visited, div.mini-button a:link, div.mini-button a:visited {
	font-weight: normal;
	font-size: 1em !important;
	background-image: none !important;
	border: solid 1px #a90e5c;
	color: #fff !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 12px;
	text-shadow: none !important;
	border: none !important;
	display: inline-block;
	white-space:nowrap;
	text-decoration: none;
	-webkit-transition: background-color .6s ease;
	-moz-transition: background-color .6s ease;
	-ms-transition: background-color .6s ease;
}

a.mini-button:hover, a.minibutton:hover, div.mini-button a:hover, div.minibutton a:hover {
	box-shadow: 0 1px 2px #838a90;
	color: #f5e4ed;
	border: none;
	background-color: #478327;
} */

a.back-button, a.comment-button {
	display: block;
	padding: 7px 5px 9px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/* border: solid 1px #dedede; */
	width: auto;
	float: left;
	margin: 4px 2px 0 0;
	background-color: transparent;
	font-weight: normal;
	cursor: pointer;
	box-shadow: 0 0 3px #333;
}

a.back-button:hover, a.comment-button:hover {
	box-shadow: 0 0 3px #666;
	text-decoration: none;
}

a.back-button:active, a.comment-button:active {
	box-shadow: inset 0 0 3px #000;
}

a.back-button:focus, a.comment-button:focus { }

a.back-button {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	float: none !important;
	width: 50px;
	margin: 1em 0 1em 0;
}

a.comment-button {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	border: none;
}

a.comment-button-big {
	font-size: 18px;
	font-size: 1.125rem;
	/* border: solid 1px #93bac6;*/
	text-transform: none;
	padding: 4px 8px;
}

/* ================ 12. Tabbed Content Areas ================ */

div.ca_tabs {
	clear: both;
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 0;
	width: 100%;
	margin-top: 1em;
}

div.ca_tabs ul {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: normal;
}

div.ca_tabs ul li {
	display: inline-block;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	list-style: none;
	line-height: normal;
}

div.ca_tabs ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	border-bottom: none !important;
	color: #fff;
	padding: 7px 8px 6px;
	border: solid 1px #003a5d;
	border-bottom-color: #ccc;
	border-radius: 0;
	font-size: .8em;
	background-color: #003a5d
}

div.ca_tabs li a:hover {
	border: solid 1px #2e2e2e;
	background-color: #2e2e2e;
	text-decoration: underline;
}

div.ca_tabs li.current {
	margin: 0 3px -2px 0;
	padding: 0 0 1px
}

div.ca_tabs li.current a {
	text-decoration: none;
	border: solid 1px #ccc;
	border-bottom: 1px solid #fff!important;
	background-color: #fff;
	padding-top: 7px;
	color: #003a5d
}

.ca_panel {
	padding: 15px 0;
	margin-bottom: 15px;
	clear: both;
}

/* ================ 13. Speedbump ================ */

.speedbump_wrapper { text-align: center; }

.speedbump_wrapper span.title5 { font-size: 0.9em; }

.speedbump_wrapper span.subtitle1 { font-size: 0.8em; }

div.speedbump_content_box h2, div.speedbump_content_box h3 { font-size: 1rem; }

/* fix for super-long URL */
div.speedbump_content_box h3 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

div.speedbump_content_box h2, div.speedbump_content_box h3 { margin: 5px 0 20px 0; }

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

div.speedbump_content_box, div.speedbump_content_box h2, div.speedbump_content_box h3 { font-size: 1.25rem; }
}

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

div.speedbump_content_box, div.speedbump_content_box h3 { font-size: 0.8rem; }

div.speedbump_content_box h2 { font-size: 1rem; }
}

/* ================ 14. Sitemap ================ */

div.sitemap-container {
	padding: 20px 0;
	overflow: hidden;
}

ul.sitemaplist h4 {
	margin: 2px 0px 0 2px;
	padding-left: 0px;
	font-size: 1.1em;
	display: inline-block;
	font-weight: 400;
}

ul.sitemaplist {
	margin: 2px 0px 0 0px;
	padding: 0;
	font-size: 1em;
	list-style-type: none;
}

ul.sitemaplist li.sitemap_2 {
	margin: 10px 0px 0 0px;
	font-size: 0.95em;
	font-weight: bold;
}

ul.sitemaplist li.sitemap_2 a {
	margin: 2px 0px 0 2px;
	padding-left: 0px;
	font-size: 1.1em;
	display: inline-block;
}

ul.sitemaplist li.sitemap_3 { margin: -2px 0px 0 10px; }

ul.sitemaplist li.sitemap_3 a {
	margin: 2px 0px 0 10px;
	padding-left: 5px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9rem;
}

ul.sitemaplist li.sitemap_4 { margin: 2px 0px 0px 15px; }

ul.sitemaplist li.sitemap_4 a {
	margin: 2px 0px 0 14px;
	padding-left: 10px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.85rem;
}

ul.sitemaplist li.sitemap_5 { margin: 2px 0px 0px 20px; }

ul.sitemaplist li.sitemap_5 a {
	margin: 2px 0px 0 16px;
	padding-left: 15px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.75rem;
}

ul.sitemaplist li.sitemap_6 { margin: 2px 0px 0px 25px; }

ul.sitemaplist li.sitemap_6 a {
	margin: 2px 0px 0 18px;
	padding-left: 20px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9rem;
}

ul.sitemaplist li.sitemap_7 { margin: 2px 0px 0px 30px; }

ul.sitemaplist li.sitemap_7 a {
	margin: 2px 0px 0 20px;
	padding-left: 25px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9rem;
}

ul.sitemaplist li.sitemap_ {
	display: none;
	visibility: hidden;
}

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

div.sitemap {
	clear: both;
	float: none;
	width: auto;
}
}

/* ================ 15. FAQ's ================ */

ul.faq-list {
	padding: 0 0 30px 15px;
	list-style-type: none;
	margin: 0;
}

ul.faq-list li { padding: 0 0 10px 0; }

/*ul.faq-list li a, ul.faq-list li a:link, ul.faq-list li a:visited {text-decoration: none;}*/
ul.faq-list li a > span { text-decoration: underline; }

ul.faq-list a:hover { text-decoration: none; }

ul.faq-list a:hover > span { text-decoration: underline; }

ul.faq-list a.faq-question:before { text-decoration: underline; } /* part 1 of IE11 text-decoration work-around */

ul.faq-list a.faq-question:before {
	/*	font-family: FontAwesome;  */
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: "\f0d7";
	padding-right: 1px;
	margin-left: -15px;
	text-decoration-color: #fff;
	display: inline-block;
	text-decoration: none;  /* part 2 of IE11 text-decoration work-around */
}

ul.faq-list a.faq-open:before {
	/*	font-family: FontAwesome;   */
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: "\f0d8";
	margin-left: -15px;
}

/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li {/*    border: none;    list-style: disc; */ }

.faq-question { }

.faq-answer { /* moved padding and margin to inner container */ }

.faq-content {
	padding: 0 19px 0 0;
	margin: 0;
	border: 1px solid transparent;
}

/*container for FAQ's on search results page...*/
.faq-search { padding: 1em 0; }

.faq-search h3 { }

div.faq-content a, div.faq-content a:link, div.faq-content a:visited { text-decoration: underline !important; }

/* ================ 16. Responsive Lists ================ */

.list { }

.list-row {
	clear: both;
	border-bottom: 1px solid #d6dedd;
	margin: 0;
}

.seminars-list .list-row { margin: 1em 0 0; }

.list-row:last-child { border-bottom: none; }

.list-row.separator {
	clear: both;
	border-bottom: 4px solid #0082ca;
}

.list-head {
	clear: both;
	background-color: #2277c7 !important;
}

.list-head.list-head-main { display: block; }

.list-head.list-head-repeated { display: none; }

.list .list-item {
	display: inline-block;
	float: left;
	padding: 1% 0;
}

.list .list-item, .list .list-item li, .list .list-item p {
	margin: 0;
	line-height: normal;
}

.list .list-item h5 {
	font-size: 22px;
	font-size: 1.375rem;
}

.list .list-item ul {
	margin: 0;
	padding: 0 0 0 15px;
}

/* embedded LI's should be left-aligned
.list .list-item li {text-align: left;} */

/*font awesome asterisk added to content*/
.list .list-item .asterisk {
	display: inline;
	margin: 0 -12px 0 0;
}

.list .list-item .dot {
	font-size: 36px;
	font-size: 2.25rem;
	color: #77942b;
	text-align: center;
	width: 40px;
	margin: auto;
	display: block;
}

.list .head {
	padding: 0;
	color: #ffffff;
	font-size: 0.875rem;
	/*	text-align: center;*/
	line-height: normal;
}

.list .head .inner {
	padding: 10px 6px;
	text-align: center;
}

.list .title { width: 40%; }

.list .date {
	white-space: nowrap;
	width: 20%;
}

.list .time {
	white-space: nowrap;
	width: 10%;
}

.list .location { width: 30% }

.list .cost { width: 10%; }

div.list div.list-row { background: #f9f8f7; }

/*div.list div.list-row:nth-child(even) { background: #f5f5f5; }*/



div div.list-row .list-item:last-child .inner { border-right: none; }

div.list-row .list-item h4 {
	margin: 0 0 8px 0;
	font-size: 0.925rem;
	line-height: normal;
	font-weight: 700;
	text-align: left;
}

div.list-row .list-item h5 { margin: 0; }

div.list-row .list-item:last-child .inner { border: none !important; }

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

.list .list-item.onehalf {
	width: 98% !important;
	clear: none;
}

.list .list-item.onethird {
	width: 40% !important;
	clear: none;
}

.list .list-item.onefourth {
	width: 33.33333% !important;
	clear: none;
}

.list .list-item.onefifth {
	width: 24% !important;
	clear: none;
}

.list .list-item.onesixth {
	width: 20% !important;
	text-align: center;
	clear: none;
}

.list-head.list-head-main { display: none; }

.list-head.list-head-repeated { display: block; }

div.list-row .list-item h4 { text-align: center; }

div.list-row .list-item.account, div.list-row .list-item.first {
	width: 100% !important;
	clear: right;
	border-right: none;
}

div div.list-row .list-item.account, div div.list-row .list-item.account .inner, div div.list-row .list-item.first .inner {
	min-height: 1em !important;
	margin: 0;
	border-right: none;
}

div div.list-row .list-item .inner { min-height: 150px; }

div .list-item.first-head { display: none; }

div .list-item.second .inner, div .list-item.third .inner, div .list-item.fourth .inner, div .list-item.fifth .inner, div .list-item.sixth .inner { padding: 1em 4% !important; }

div .list-item.second .inner { padding-left: 1em !important; }

.list-item.third, .list-item.third-head, .list-item.fourth, .list-item.fourth-head, .list-item.fifth, .list-item.fifth-head { text-align: center; }
}

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

.list .title, .list .location, .list .date, .list .time {
	width: 100%;
	clear: both;
}

.list-head { display: none; }
}

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

.list .head {
	font-size: 10px;
	font-size: 0.625rem;
	line-height: normal;
}
}

.list.seminars-list .head { background: transparent !important; /* color:#007c88; */ }

.list.seminars-list .list-row { background: transparent !important; }

/* ================ 17. Posts / Post Lists / Post Images ================ */


/* Featured posts list, regular post list*/
.post-embedded {
	clear: both;
	padding: 10px 0;
}

div.post-embedded h2 { margin-top: 10px; }

.page_body h1.post-title { margin-left: 0; }

div.post-content { padding-bottom: 40px; }

.post-content p {
	font-family: inherit !important;
	font-weight: inherit !important;
}

ul.posts {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.posts li { display: inline-block; }

ul.posts li img { /* not needed	since surrounding div is floated already */ float: left; }

.post-list .abstract, .post-list .abstract p {
	font-family: inherit !important;
	font-weight: inherit !important;
}

ul.post-list li {
	width: 100%;
	clear: both;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 20px;
	padding-left: 0;
}

/* ul.post-list li a {
	display: block;
} */

ul.post-list li a h2 {
	font-size: 1.2em;
	margin: 0;
}

ul.post-featured li {
	/* width: 30%;
	float: left;
	padding: 1.5%; */ width: auto;
	display: inline-block;
}

ul.post-featured li a {
	/*	display: block;*/
	padding: 0 1%;
	height: 300px;
	overflow: hidden;
	position: relative;
}

ul.post-featured li a h2 {
	margin: 0;
	font-size: 22px;
	font-size: 1.375rem;
}

ul.post-featured li a:hover, ul.post-list li a:hover { text-decoration: none; }

ul.post-featured .abstract {
	overflow: hidden;
	margin: 0;
}

.intro ul.post-featured .abstract p, ul.post-featured .abstract p { font-family: inherit !important; }

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

ul.post-featured li { /* width: 47%;
	float: left;
	padding: 1.5%;*/ }
}

div.pagination-status { margin-bottom: 20px; }

/*=============== POST THUMBS AND CONTAINERS ================*/


div.feature-img {
	overflow: hidden;
	width: 100%;
	max-width: 480px;
	float: left;
}

div.feature-img img, div.img50 img {
	position: relative;
	top: 0;
}

div.img50 {
	width: 52px;
	height: 50px;
	overflow: hidden;
}

div.img50 img, img.img50 {
	min-height: 50px;
	max-width: 80px;
}

div.img90, div.img100 {
	width: 102px;
	height: 90px;
}

div.img90 img, div.img100 img {
	min-height: 100px;
	max-width: 160px;
}

div.img-full, div.img50, div.img90, div.img100, .img-full {
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
}

/*=============== POST DETAIL IMAGE ================*/
div.post-img, div.feature-img {
	margin: 5px 3% 20px 0;
	float: left;
	clear: both;
	background-color: #ffffff;
}

div.feature-img img { width: 100%; }

div.post-img { max-width: 20%; }

div.post-content div.post-img, div.post-embedded div.post-img { max-width: 40%; }

div.post-img img { margin: 0; }

ul.post-featured li a {
	height: auto;
	padding: 10px 0;
	display: block;
}

.post_body .alignleft {
	float: left;
	margin: 0;
}

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

ul.posts li div.feature-img, div.post-img {
	float: none;
	clear: both;
}

ul.posts li div.feature-img img, div.post-img img, div.post-content div.post-img {
	width: 100%;
	max-width: 100%;
}

div.post-content h3 { clear: both; }

div.post-img, div.feature-img, div.post-embedded div.post-img {
	margin: 0 0 10px 0;
	box-shadow: none;
	padding: 0;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

ul.post-featured li {
	width: 100%;
	float: none;
	padding: 0;
	clear: both;
}
}

/* ================ 18. "Page Tools" ================ */
ul.page_tools {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #666;
	width: 100%;
}

ul.page_tools li {
	list-style: none;
	display: inline-block;
	font-size: .85em;
	line-height: normal;
	padding: 2px;
	margin: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

ul.page_tools {
	border-bottom: solid 1px #e9e6e5;
	margin: 0 0 1em 0;
}

/* moved ratings-related CSS to comments.css */

ul.page_tools li.tweet { float: right; }

/* ================ 19. Styles applied to images inserted into tinymce content areas ================*/

.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 20px;
}

.alignnone { float: none; }

.border1, .border2, .border3, .border4, .border5 { border-color: #333; }

.border0 { border: none; }

.border1 { border: solid 1px; }

.border2 { border: solid 2px; }

.border3 { border: solid 3px; }

.border4 { border: solid 4px; }

.border5 { border: solid 5px; }

/* ================ 20. Seminars / Events  ================ */


/*Individual Seminar / Event Detail Insert*/
.seminar_description { margin: 0 0 40px 0; }

.seminar_header { border-bottom: solid 1px #eee; }

div.seminar_header h2 {
	float: left;
	max-width: 80%;
}

div.seminar_header div.signup { margin: 20px 0 0 0; }

div#JQoutput_signup {
	float: right;
	max-width: 20%;
}

input.button.JQcloseSignup { margin-left: 10px; }

div.seminar_wrapper .label { font-weight: bold; }

div.sem_signup input.field[type=text], div.sem_signup input.field[type=email], div.sem_signup textarea { width: 100%; }

div.sem_signup input#formkey_user {
	width: 30%;
	vertical-align: top;
}

.seminar_message_area { margin-top: 10px }

/*seminars in sidebars*/

div.sidebar div.seminars-list {
	border: 1px solid #a3bdd6;
	text-align: center
}

div.sidebar div.seminars-list div.list-head { display: none }

div.sidebar div.seminars-list div.list-row { padding: 5px }

div.sidebar div.seminars-list div.title {
	display: block;
	width: auto;
	font-weight: 700
}

div.sidebar div.seminars-list div.date {
	display: block;
	width: auto;
	color: rgba(113,100,100,1);
	font-size: 14px;
	font-size: 0.875rem;
}

div.sidebar div.seminars-list div.time { display: none }

div.sidebar div.seminars-list div.location { display: none }

div.sidebar div.seminars-list div.cost { display: none }

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

div.seminar_header h2 {
	float: none;
	max-width: 100%;
	margin-bottom: 0;
}

div.seminar_header div.signup { margin: 0 0 5px 0; }

div#JQoutput_signup {
	float: none;
	max-width: 100%;
}
}

/* ================ 21. Fixed Sidebar Modules ================ */ 

div.title {
	margin: 0;
	padding: 0;
	color: #333;
}

div.module_recently, div.module_topsaved, div.module_toprated {
	padding: 0 0 0 16px;
	margin: 0 0 20px 0;
}

/*if titles are outside of module div and underlined*/
h4.module-title {
	padding: 0;
	padding: 0 0 4px 15px;
	margin: 50px 0 7px 0;
	border-bottom: 1px solid #BBC8C7;
}

div.module_recently ul, div.module_topsaved ul, div.module_toprated ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.module_recently ul li, div.module_topsaved ul li, div.module_toprated ul li {
	padding: 0;
	margin: 0 0 10px 0;
}

label.required { }

label.agree {
	font-size: 11px;
	font-size: 0.6875rem;
}

/* related block */

.related_content {
	margin: 0 auto 20px auto;
	padding: 0 10px 10px 10px;
	border: 1px dotted #dedede;
	clear: both;
	text-align: center;
	display: inline-block;
}

/* override on related content list for custom sitewide list bullet */
div.content div.related_content ul li:before, div.intro div.related_content ul li:before { content: ' '; }

/* ================ 22. Commenting, Rating, and Social Login ================ */ 
/* all this was moved to comments.css which is called in only on pages that need commenting */







/* ================ 23. FlexSlider Banners ================ */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .content ul.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px }

/* Direction Nav */
.flex-direction-nav { *height: 0;
}

.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(/img/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}

.flex-direction-nav .flex-prev { left: -36px; }

.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter: alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
	z-index: 5;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

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

.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
}

.flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}
}

div.home-banner, div.int-banner {
	width: 100%;
	position: relative;
}

/* ================ 24. Flexslider Style Overrides ================ */


/* Control Nav */
.flex-control-nav {
	width: 99%;
	position: absolute;
	bottom: 10px;
	left: 1%;
	text-align: left;
}

.int-banner .flex-control-nav {/*display: none;*/ }

.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.flex-control-paging li a { }

.flex-control-paging li a:hover {
	text-decoration: none;
	background-color: #efefef;
	color: #555;
}

.flex-control-paging li a.flex-active { }

.flex-direction-nav { display: none; }

/* ================ 25. JQuery Style Overrides ================ */
/* Overlays */
.ui-dialog {
	max-width: 95% !important;
	z-index: 1000;
}

.ui-widget-content { border: none; }

.ui-dialog-titlebar { /*	display: none;    */ }

.ui-widget { font-family: inherit !important; }

.ui-widget-header {
	border: none;
	background: #005A90;
	color: #ffffff;
	font-weight: bold;
}

.ui-widget-header a { }

.ui-widget-overlay {
	background: #777777;
	position: fixed;
	opacity: .60;
	filter: Alpha(Opacity=60);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	opacity: .30;
	filter: Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* DIALOG BUTTON */
.ui-button-text-only .ui-button-text { padding: 2px 5px; }

.ui-dialog .ui-dialog-buttonpane button {
	font-family: inherit;
	font-weight: normal;
	text-decoration: none;
}

.ui-dialog .ui-dialog-content { text-align: left; }

.error {
	color: #e80000 !important;
	font-weight: bold;
}

/* ================ 26. Ajax Elements ================ */
/* progress indicator*/
.ajaxInProgress_wrapper {
	z-index: 99999;
	width: 100%;
	position: fixed;
	margin: 0;
}

.ajaxInProgress_wrapper .ajaxInProgess {
	position: fixed;
	background-image: url(/img/wait3.gif);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .75;
	background-color: #333;
}

.debug {
	border: 1px dotted;
	padding: 5px;
	background-color: #FF0033;
	color: #FFFFFF;
}

/* ================ 27. GOOGLE SEARCH or VOICE SEARCH - Integration into results page ================ */

div.google_search_box, div.voice-search-box {
	max-width: 45%;
	border: 1px solid #E9E9E9;
	display: inline;
	float: left;
	margin-right: 1%;
	padding: 2%;
}

div#resultsTop {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dotted #e9e9e9;
}

div#resultsTop h3 {
	margin: 24px 0 0 0;
	border-bottom: 1px solid #e9e9e9;
}

div.pagination-holder { padding-bottom: 20px; }

div.silvercloud_results_wrapper, div.faq-search {
	position: relative;
	display: inline-block;
	float: left;
	max-width: 48%;
	margin-left: 1%;
}

div.faq-search h3 { margin-top: 0; }

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

div#resultsTop {
	padding-right: 0;
	margin-right: 0;
	border: none;
}

div.google_search_box, div.voice-search-box {
	float: none;
	width: auto;
	display: block;
	max-width: 100%;
	clear: both;
}

div.silvercloud_results_wrapper, div.faq-search {
	float: none;
	width: auto;
	display: block;
	max-width: 100%;
	clear: both;
	margin-top: 40px;
}
}

div#gsearchresults { padding: 5px; }

div#gsearchresults a {
	color: #34719d !important;
	font-weight: 400;
	text-decoration: none;
}

div#gsearchresults a b { color: #34719d !important; }

div#gsearchresults div.gs-visibleUrl { color: #a02237 !important; }

/* table.gsc-resultsHeader {padding:  15px 0px !important; }*/
div.gsc-control { width: auto; }

input.gsc-input {
	height: 39px;
	font-size: 21px;
	font-size: 1.3125rem;
}

div.gsc-cursor-page {
	padding: 5px 10px !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border: solid 1px #ccc !important;
	text-decoration: none !important;
	color: #a02237 !important;
}

div.gsc-cursor-current-page {
	background-color: #a02237 !important;
	color: #ffffff !important;
}

div.gsc-cursor-box { margin-top: 20px !important; }

.gsc-webResult .gsc-result {
	padding-bottom: 15px !important;
	border-bottom: 1px dotted #CACACA !important;
	margin-bottom: 15px !important;
}

.gsc-above-wrapper-area {
	border-bottom: 1px dotted #CACACA !important;
	width: 561px !important;
}

.gsc-result-info-container { max-width: 428px !important; }

.gsc-above-wrapper-area-container {
	clear: both;
	max-width: 428px !important;
}

.gsc-above-wrapper-area { max-width: 428px !important; }

div.onewhole { padding: 0; }

img#powered-by {
	display: inline !important;
	clear: right;
	margin-top: 10px;
}

.gsc-above-wrapper-area { width: auto !important; }

/*  Silvercloud FAQ Results*/


/*FAQ displays within product pages*/
div.faq_search_results_spec_cats div.faq-search {
	position: relative;
	float: none;
	width: 90%;
	max-width: 100%;
	margin: 1%;
}

div.faq_search_results_spec_cats ul.faq-list {
	padding: 0;
	margin-left: 0;
}

.faqs .silvercloud_search_results_container { margin-top: 1.5em; }

.faqs .silvercloud_search_result {
	margin-bottom: 6px;
	position: relative;
	padding-bottom: 10px;
	padding-right: 3%;
	float: left;
	width: 30%;
	max-width: 265px;
	min-height: 60px;
	text-align: left;
}

.faqs .silvercloud_search_result a.silvercloud_search_result_link {
	font-size: 14px !important;
	font-size: 0.875rem !important;
	font-weight: 700;
	display: block;
	float: left;
	width: 88%;
	max-width: 240px;
	padding: 3px 0 0 !important;
}

.faqs .silvercloud_search_result:before {
	/*	font-family: FontAwesome;*/
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: '\f054';
	display: block;
	float: left;
	width: 10%;
	min-width: 15px;
}

.faqs .silvercloud_search_result a.silvercloud_search_result_link:hover {
	border: 1px solid #fff;
	background-color: transparent;
	color: #007c88;
	text-decoration: underline !important;
}

/* a.silvercloud_return_to_results {
	background-color: transparent !important;
	border: 1px solid #fff !important;

}*/

.faqs div.silvercloud_widget_top_content {
	border: none;
	padding: 0;
	text-align: center;
}

/*================ 28. Online Banking Login ================*/

div.bank {
	max-width: 1280px; 
	margin: 0 auto; 
	position: relative; 
	margin-top: -9px;	
	z-index: 999;
}
	
.olb-close {
    background-color: transparent;
	color: #fff;
	position: absolute;
	top: 5px;
	right: 15px;
	padding: 0;
	margin: 0;
}
.olb-close:hover, .olb-close:active, .olb-close:focus {
    color: #9CE044;
}

div.ob-login {
	right: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	max-width: 300px;
	background: #005A90;
	border: 1px solid #1784c1; border-top: none;
}

div.ob-login div.login-box {padding: 25px 0 10px 0; overflow: hidden;}

div.ob-login div.login-box .inner {padding: 0 12px;}

div.ob-login form { margin: 0; overflow: hidden; }

div.ob-login div.login-box div.form-field {
	width: auto;
	display: inline-block;
	margin: 0;
}


div.ob-login div.login-box .ob-links a {
	color: #308796;
	font-size: 12px;
	font-size: 0.75rem;
	float: right;
}


div.ob-login div.login-box div.form-field .input input.field, .bank-button {
	display: inline-block;
	float: left !important;
	background-color: #043B5C;
	color: #fff;
	border: none;
	padding: 0 10px;
	max-width: 100%;
	height: 40px;
}

.bank-button { width: 40px; }

.bank-button .fas:before {
	color: #fff;
	font-size: 32px;
}

div.ob-login div.login-box div.form-field.form-field-username {display: block; float: none !important; width: 100%; margin-bottom: 10px; overflow: hidden;}
div.ob-login div.login-box div.form-field.form-field-username .input { width: 250px; }

div.ob-login div.login-box div.form-field.form-field-password {clear: left; overflow: hidden; margin-right: 10px;}
div.ob-login div.login-box div.form-field.form-field-password .input { width: 220px; }

div.ob-login div.login-box div.form-field.submit, div.ob-login div.login-box div.form-field.submit .ob-links { display: inline-block; }


 div.ob-login div.login-box div.form-field .input input::-webkit-input-placeholder {
color: #efecea;
}
div.ob-login div.login-box div.form-field .input input:-moz-placeholder { /* Firefox 18- */
color: #efecea;
}
div.ob-login div.login-box div.form-field .input input::-moz-placeholder { /* Firefox 19+ */
color: #efecea;
}
div.ob-login div.login-box div.form-field .input input:-ms-input-placeholder {
color: #efecea;
}

div.ob-login div.login-box h2.login-header {
	width: 100%;
	margin: 5px 0 0;
	float: left;
	color: #fff;
	padding: 5px 0 5px 20px;
	font-size: 19px;
	font-size: 1.1875rem;
	-moz-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.login_links {
	list-style: none;
	padding: 0;
	margin: 5px 0 5px 2px;
	display: block;
	clear: both;
}

.login_links li { display: inline-block; }

.login_links a {
	font-size: .75rem;
	color: #fff !important;
	margin: 5px 3px 5px 0;
}

div.new-bank-buttons a.button {text-transform: uppercase; padding: 6px 10px;}
div.new-bank-buttons a.button.button-apply {padding: 6px 22px; margin-left: 3px;}

h2.login-title {display: none;}

.banking_disabled {
}

.banking_disabled .login-box {
	margin: auto;
	width: auto;
	color: #fff;
}

.banking_disabled .login-box h2.login-header { padding: 5px 0 !important; }

/* 10.8 Smaller than 767px wide */
@media screen and (max-width: 767px) {

	/*home banking login area*/
	div.ob-login {
		width: auto !important;
		padding: 0;
		margin: 0;
		float: none;
		position: relative;
		top: 0;
		right: 0;
		display: block;
		background: #005A90;
		max-width: 100%;
	/*	transition: height 1s ease-in; */
		text-align: center;
	}

	div.ob-login div.login-box {
		position: relative;
		width: auto;
		margin:auto;
		display: inline-block;
		padding: 15px 0 0 0;
	}

	div.ob-login div.login-box .inner { text-align: center; width: auto; margin: auto;}



	.banking_disabled {
		margin: 0;
		max-height: 100%;
		background-color: rgba(0,0,0,.75);
		padding: 20px 3% 10px 3%;
	}

	.banking_disabled .login-box {
		display: table;
		text-align: center;
		margin: auto;
		width: auto;
	}

	.banking_disabled .login-box:before { margin: 10px 5px; }
	
	/* reducing the height of the mobile login */
	
	div.ob-login div.login-box div.form-field.form-field-username {display: inline-block; float: none !important; clear: none; width: auto; margin: 0;}
	div.ob-login div.login-box div.form-field.form-field-username .input { width: 140px; }

	div.ob-login div.login-box div.form-field.form-field-password {display: inline-block; float: none !important; clear: none; display: inline-block; margin: 0;}
	div.ob-login div.login-box div.form-field.form-field-password .input { width: 140px; }

	div.ob-login div.login-box div.form-field.form-field-submit { display: inline-block; float: none !important; clear: none; margin: 0;}

	.login_links {margin: 0;}
	.login_links a {margin: 0 5px 0 5px;}

	h2.login-title {display: block;			color: #fff;		padding: 0 0 5px 0;		font-size: 19px;		font-size: 1.1875rem; margin: 0;	}
	
	button.olb-close {/*display: none;*/ z-index: 1;}
	
	
/* moving login opener to top of mobile header */
	div.header-mobile div.header-bar a.login-opener-mobile {padding: 4px 8px; margin: 15px 5px 0 0; background-color: #fff;    color: #005A90;}
	div.header-mobile div.header-bar a.login-opener-mobile:hover, div.header-mobile div.header-bar a.login-opener-mobile:active {    color: #fff; background-color: #005A90;}
	
	div.header-mobile .mobile-col-login {text-align: right;}
	
	div.bank {position: relative; margin-top: 5px;}
	body.home-page-wrapper div.bank {position: relative; opacity: 0.9;} /* show right away on home page only */
	body.home-page-wrapper div.ob-login {position: relative;}

	

	
	
	
	
	
}
@media screen and (max-width: 420px) {
	.header-desktop.scrolled div.bank {padding: 0;}
	div.ob-login div.login-box div.form-field.form-field-username .input { width: 100px;}
	div.ob-login div.login-box div.form-field.form-field-password .input { width: 100px;}
div.header-mobile div.header-bar a.login-opener-mobile {font-size: .9rem }
	
}	
  /* show and hide password eye */
.b_fields {position: relative;}
.b_fields.input i.fa {
	position: absolute;
	top: 13px; 
	right: 10px;
    cursor: pointer;
	display: inline;
	color: #f2f2f2;
	font-size: 1rem;
}
/* remove default eye from IE and Edge */
.form-field.form-field-password input[type="password"]::-ms-reveal,
.form-field.form-field-password input[type="password"]::-ms-clear {
  display: none;
}

/* ================ 29. Compliance Logos (footer) ================ */

ul.compliance {
	margin: 10px 0 -5px 0;
	padding: 0;
	list-style: none;
}

ul.compliance li {
	display: inline-block;
	padding: 0 0 0 5px;
	margin: 0;
}

ul.compliance li a {
	display: block;
	background-repeat: no-repeat;
}

/* unused - logos are now images instead of backgrounds
ul.compliance li.ncua a {
	width: 81px;
	height: 38px;
	background-size: 81px 38px;
	background-image: url(/img/footer_logo_ncua.png);
}

ul.compliance li.ehl a {
	width: 42px;
	height: 38px;
	background-size: 42px 38px;
	background-image: url(/img/footer_logo_ehl.png);
} */

ul.compliance li.disclaimer {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: .90;
	padding: 10px 0 0 0;
	display: block;
}

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

ul.compliance {
	margin: 20px 0 0 0;
	padding: 0;
	width: auto;
	text-align: center;
}

ul.social li { margin: 0 10px; }
}

div.foot-links, div.foot-stack {
	color: #fdd161;
	text-align: left;
	margin: 10px;
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
}

div.foot-links a.button, div.foot-links a.button:link {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	margin: 10px 0 0 0;
	font-size: 18px;
	font-size: 1.125rem;
}

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

div.disclaimer, ul.foot-stack, div.foot-stack, ul.foot-stack li, ul.social, div.footer div.left, div.foot-links {
	text-align: center;
	width: 100%;
}

.footer .nav-footer, .footer li.disclaimer { text-align: center }
}

/* ================ 30. Standardized Color Values ================ */

.accent { color: #ff6c0c !important; }

.clr1-dark { color: #003a5d !important; }

.clr1-med { color: #005a90 !important; }

.clr1-lite { color: #0082ca !important; }

.clr2-dark { color: #373737 !important; }

.clr2-med { color: #6a615c !important; }

.clr2-lite { color: #b0a299 !important; }

.clr1-bg-dark { background-color: #003a5d !important; }

.clr1-bg-med { background-color: #005a90 !important; }

.clr1-bg-lite { background-color: #0082ca !important; }

.clr2-bg-dark { background-color: #373737 !important; }

.clr2-bg-med { background-color: #6a615c !important; }

.clr2-bg-lite { background-color: #b0a299 !important; }

.clr1-bdr-dark { border-color: #003a5d !important; }

.clr1-bdr-med { border-color: #005a90 !important; }

.clr1-bdr-lite { border-color: #0082ca !important; }

.clr2-bdr-dark { border-color: #373737 !important; }

.clr2-bdr-med { border-color: #6a615c !important; }

.clr2-bdr-lite { border-color: #b0a299 !important; }

th.clr1-bg-dark, th.clr1-bg-med, th.clr2-bg-dark, th.clr2-bg-med { color: #fff !important; }

td.clr1-bg-dark, .clr1-bg-dark div, .clr1-bg-dark p, .clr1-bg-dark a, td.clr1-bg-med, .clr1-bg-med div, .clr1-bg-med p, .clr1-bg-med a, td.clr2-bg-dark, .clr2-bg-dark div, .clr2-bg-dark p, .clr2-bg-dark a, td.clr2-bg-med, .clr2-bg-med div, .clr2-bg-med p, .clr2-bg-med a, .clr1-bg-dark h1, .clr1-bg-dark h2, .clr1-bg-dark h3, .clr1-bg-dark h4, .clr1-bg-dark h5, .clr1-bg-dark h6, .clr2-bg-dark h1, .clr2-bg-dark h2, .clr2-bg-dark h3, .clr2-bg-dark h4, .clr2-bg-dark h5, .clr2-bg-dark h6, .clr1-bg-med h1, .clr1-bg-med h2, .clr1-bg-med h3, .clr1-bg-med h4, .clr1-bg-med h5, .clr1-bg-med h6, .clr2-bg-med h1, .clr2-bg-med h2, .clr2-bg-med h3, .clr2-bg-med h4, .clr2-bg-med h5, .clr2-bg-med h6 { color: #fff; }

.clr1-bg-dark a:link, .clr1-bg-dark a:visited, .clr1-bg-med a:link, .clr1-bg-med a:visited, .clr2-bg-med a:link, .clr2-bg-med a:visited, .clr2-bg-dark a:link, .clr2-bg-dark a:visited { color: #fff; }

.clr1-bg-dark .intro, .clr1-bg-med .intro, .clr2-bg-med .intro, .clr2-bg-dark .intro { color: #fff; }

.bdr-bot {
	border-left: none;
	border-right: none;
	border-top: none
}

.bdr-top {
	border-left: none;
	border-right: none;
	border-bottom: none
}

.bdr-left {
	border-right: none;
	border-bottom: none;
	border-top: none
}

.bdr-right {
	border-left: none;
	border-bottom: none;
	border-top: none
}
/* ================ 31. Browser Element Customizations ================ */
/* ================ 32. Custom Screen Interface Elements ================ */






/*============================== 99. Custom Overrides ==============================*/

/* ------ apply customizations to the base CSS using overrides whenever possible and practical ------ */

/* customizing form field placeholder text color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #7e7670;
}
::-moz-placeholder { /* Firefox 19+ */
color: #7e7670;
}
:-ms-input-placeholder { /* IE 10+ */
color: #7e7670;
}
:-moz-placeholder { /* Firefox 18- */
color: #7e7670;
}

/* OVERRIDE JQUERY UI STYLES */

.ui-widget-content a { color: #000; }

.ui-button-text-only .ui-button-text { padding: 2px 20px; }
 @media screen and (max-width: 769px) {

div.quickbox { clear: both; }

div.quickbox div.onehalf {
	display: block !important;
	width: 100%;
}

div.quickbox div.right { float: none; }

div.footer_quicklinks, div.footer div.txt-right {
	text-align: center !important;
	float: none !important;
}

div.footer .twofifths.right { float: none; }

/* overrides for modals */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #1d5987 !important; }

.ui-icon-background, .ui-state-active .ui-icon-background { background-color: #1d5987 !important; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #1d5987 !important; }

.ui-button:active .ui-icon { background-image: url("/jquery/jquery_custom/ui-theme/images/ui-icons_217bc0_256x240.png"); }

.ui-dialog .ui-dialog-content { padding: .5em 5px; }