@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
33. Google Map Styles for branch location pages

...

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: 'Heebo', sans-serif;
	font-size: 17px; font-size: 1.0625rem;
	line-height: 25px;
	background-color: #ffffff;
	margin: 0;
	position: relative;
	z-index: 0;
	color: #222;
	min-height: 100%;
	height: 100%;
}

p {
	line-height: 170%;
	margin: 0 0 20px 0;
}

p, ul, ol { margin: 0 0 .5em; }

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

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.page-body h1 { margin: 0 0 20px }

a:link, a:visited {
	color: #003087;
	text-decoration: underline;
}

a:hover, a:active {
	color: #3867ad;
	text-decoration: none;
}

sup { font-size: 60%; }

/* ================ 2. Reset and Accessibility ================ */
/*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;
}

/*Reset code from Twitter Bootstrap -- http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css*/
/*can be tweaked as needed*/
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; }



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

.red { color: #990000; }

.black { color: #000; }

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

.med { font-size: medium; }

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

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

.tiny { font-size: 0.5555rem; }

.b { font-weight: bold; }

.i { font-style: italic; }

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

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

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

/* ================ 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 {
	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; }

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

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

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

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

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

div.header-mobile div.header-menu { background-color: #567285 }

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: #003087; }

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 ul li.nav-item a.parent { border-bottom: 1px solid #ededed }

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

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

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 { /*use an image as the on state indicator for mobile menu*/ /*background-image: url(../img/mobile-menu-on.png);
	background-repeat: no-repeat;
	background-position: right;*/ }

div.nav-main-mobile ul.nav-menu li.nav-item a.on:after {
	float: right;
	font-family: 'FontAwesome';
	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.9rem !important;
	padding: 5px 0 5px 10px;
}

ul#main-nav-mobile li a.active {
	background-color: #aaa!important;
	color: #fff;
	text-shadow: none!important;
	border: solid 1px #7e2332!important;
	opacity: .8;
	background-image: none
}

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: 4px 0;
	font-size: .9rem
}

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

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

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

div.header-mobile div.header-menu { background-color: #e2e6ed; }

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

div.nav-main-mobile { border-right: 1px solid #777 }

div.nav-main-mobile ul.top-nav-menu { border-top: 1px solid #777 }

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

/* Header Logo*/

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

div.header-mobile div.header-bar {
	padding: 0;
	background-size: 141px 31px;
	background-image: url(/img/chartway-logo-burst-light.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.header .logo {
	width: 300px;
	height: 71px;
	margin: 5px 0 0 20px;
}

.header .logo a {
	display: block;
	width: 300px;
	height: 71px;
}

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

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

/*search container*/
div.header div.site-search {
	margin: 0;
	display: inline-block;
	padding: 0;
	float: right;
}

/*topnav container*/
div.topnav {
	display: inline-block;
	position: relative;
	z-index: 10;
	float: right;
	padding: 4px 0;
}

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

.header-desktop .inner {
	background: #F6F6F7;
	padding: 5px 40px !important;
	border: solid 1px #888D99;
	border-top: none;
	border-bottom: none;
}

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

/*show the mobile menu now*/
div.header-mobile { display: block; }

div.header { display: none; }

/*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 { display: none; }

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

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

/* header search and locator boxes and their mobile versions*/



/*the search and locator boxes at full screen size*/
.search-box, .locator-box {
	position: relative;
	float: right;
	z-index: 0;
}

/*the search and locator boxes at all screen sizes (mobile overrides follow)*/



/*search and locator fields and the buttons for ALL screen sizes*/






/*input.search-field:focus, button.search-button:focus, input.locator-field:focus, button.locator-button:focus { outline-width: 0; }
*/
.dsktp-search-box {
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	top: 0;
	width: 100%;
	max-width: 1282px;
	margin: auto;
	-webkit-transition: height .5s ease;
	-moz-transition: height .5s ease;
	-o-transition: height .5s ease;
	transition: height .5s ease;
}

.dsktp-search-box.dsktp-search-box-open {
	height: 47px;
	border: solid 1px #888D99;
}

.dsktp-search-input {
	font-size: 24px !important; font-size: 1.5rem !important;
	padding: 5px 1% !important;
	border-right: none !important;
	box-shadow: none !important;
	border: none !important;
	width: 94% !important;
	box-sizing: border-box;
	background: #e2e6ed;
	text-align: right;
}

/*.dsktp-search-input :focus, button.search-button:focus { outline-width: 0; }
*/
.dsktp-search-button, .dsktp-search-submit {
	background: transparent;
	font-size: 22px; font-size: 1.375rem;
}

.dsktp-search-button {
	color: #000;
	margin: 4px 10px;
}

.dsktp-search-submit {
	background: #d26a1b;
	color: #fff;
	width: 6%;
	float: right;
	height: 45px;
}

/*search and locator fields at mobile screen size only*/
input.mobile-search-box, input.mobile-locator-box, button.mobile-search-button, button.mobile-locator-button {
	height: 50px;
	border: none;
}

input.mobile-search-field, input.mobile-locator-field {
	height: 50px;
	border: none !important;
	font-size: 20px; font-size: 1.25rem;
	padding: 0 3% !important; /*this right/left padding matches the standard input field padding in forms.css*/
	width: 85%;
	margin: 0;
	background: rgba(255, 255, 255,0.95);
	box-shadow: none !important;
	font-family: inherit;
	font-weight: 300;
}

input.mobile-locator-field {
	border-color: #77942b;
	color: #77942b;
}

/*the search and locator boxes at mobile screen size*/
.mobile-search-box, .mobile-locator-box {
	width: 0px; /*start with it closed*/
	-webkit-transition: width .5s ease;
	-moz-transition: width .5s ease;
	-o-transition: width .5s ease;
	transition: width .5s ease;
}

/*make the mobile search boxes wider when their respective button is clicked*/
.mobile-search-box.search-box-open, .mobile-locator-box.locator-box-open { width: 60%; }

/*format the search and locator buttons for mobile screen sizes*/
button.mobile-search-button, button.mobile-locator-button {
	background: none;
	border: none;
	margin: 0;
	float: right;
	display: inline-block;
	padding: 4px;
	width: 32px;
	position: relative;
	z-index: 1;
	font-size: 22px; font-size: 1.375rem;
	background-color: transparent;
	height: 50px;
	width: 15%;
	color: #d5bb56;
}


 ::-webkit-input-placeholder, .locator ::-webkit-input-placeholder {
color:#484c51 !important;
}
 :-moz-placeholder, .locator :-moz-placeholder {
color:#484c51 !important;
}
 ::-moz-placeholder, .locator ::-moz-placeholder {
color:#484c51 !important;
}
 :-ms-input-placeholder, .locator :-ms-input-placeholder {
color:#484c51 !important;
}

.header-mobile div.search {
	display: block !important;
	margin: 0 !important;
}

.header-mobile div.search {
	width: 100%;
	position: relative;
	z-index: 9999999999;
}

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

div.footer {
	float: none;
	height: auto;
	font-size: 0.75rem;
	background: #484C51;
}

div.footer, div.footer a, div.footer p {
	color: #ffffff;
	font-weight: 100;
}

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

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

.copyright { clear: left; }

.meta { font-size: 0.75rem; }

.homepage .pagination-status, .homepage .meta-cat { display: none; }

ul.foot-stack {
	margin: 0;
	padding: 0;
}

ul.foot-stack li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 8px 0;
	font-size: 0.875rem;
	line-height: 16px;
	line-height: 1rem;
	color: #fff;
}

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

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

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

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

ul.social li a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	float: left;
	margin: 0 25%;
}

ul.social li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	float: left;
	text-decoration: none;
}

ul.social li a span { font-size: 0.666rem; }

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

ul.social li.facebook a:before { content: "\f082"; }

ul.social li.twitter a:before { content: "\f099"; }

ul.social li.youtube a:before { content: "\f167"; }

ul.social li.linkedin a:before { content: "\f0e1"; }

ul.social li.yelp a:before { content: "\f1e9"; }

ul.social li.instagram a:before { content: "\f16d"; }

.footer-disclaimer p {text-align:right !important;}


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

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

.footer .nav-footer, .footer li.disclaimer { text-align: center }
	
.footer-disclaimer p {text-align:center !important;}	
	
}

/* ================ 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 { }

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

div.nav-main ul.nav-menu {
	margin: 0 auto -1px;
	padding: 0;
	display: block;
	width: auto;
	float: right;
}

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

div.nav-main ul.nav-menu li.nav-item a {
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 15px 40px;
	font-size: 1.4444444rem;
	color: #003087;
	text-transform: none;
	font-weight: 700;
}

div.nav-main ul.nav-menu li.nav-item a:hover {
	text-decoration: none;
	color: rgba(56, 103, 173,1);
}

/*the current section's menu main nav item state*/
div.nav-main ul.nav-menu li.on a { color: #000; }

div.nav-main ul.nav-menu li:last-child.on { border-right: none; }

/*the active menu's main nav item state*/
div.nav-main ul.nav-menu li.on a.active {
	text-decoration: none;
	background-color: #E1E6EE;
	color: #00385d;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	margin-bottom: -1px;
	z-index: 999999999;
	position: relative;
	border: solid 1px #888d99;
	border-top: none;
	border-bottom: none;
}

div.nav-main li {
	padding: 0;
	float: left;
}

div.nav-main li:last-child a {
	border-right: none;
	padding-right: 6px;
}

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

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

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

div.nav-main ul.nav-menu li.nav-item a { padding: 15px 20px; }

.header-cta .cta a { font-size: 90% }
}

/* Top Nav*/

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

div.nav-top ul.nav-menu li.nav-item a {
	display: inline-block;
	padding: 0 6px 0 4px;
}

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

div.nav-top {
	width: 100%;
	text-align: right;
}

div.nav-top ul.nav-menu li.nav-item {
	border-right: 1px solid #005285;
	line-height: 14px;
	line-height: 0.875rem;
}

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

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

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

/*Mega Menu Structure and Navigation*/



.mega-wrapper {
	width: 100%;
	background-color: #E1E6EE;
	position: relative;
	z-index: 1000;
	border-top: solid 1px #888d99;
}

.megacontainer {
	max-width: 1400px;
	margin: auto;
	padding: 20px 0;
	-webkit-transition: display .6s ease;
	-moz-transition: display .6s ease;
	-ms-transition: display .6s ease;
}

ul.mega-subnav {
	padding: 10px 0 0 30px;
	margin: 0;
	list-style: none;
}

ul.mega-subnav li {
	display: inline-block;
	padding: 0 0 22px;
	font-size: 1.27rem;
	font-weight: 300;
}

ul.mega-subnav li a { text-decoration: none; }

ul.mega-subnav li a:hover {
	color: #003087;
	text-decoration: underline;
}

.megaclose {
	position: absolute;
	right: 10px;
	margin: 10px 0;
}

.megamenu.menu-items .inner { }

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

/* Sub Nav*/

div.nav-sub { width: auto; }

div.nav-sub, div.subnav {
	margin: 10% 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.nav-menu li a.on, div.subnav ul li a.on {
	color: #003087; /* was 568d4b */
	text-decoration: none;
	font-weight: bold;
}

div.nav-sub ul li a.on:before {
	content: "\f105";
	font-family: FontAwesome;
	text-decoration: inherit;
	display: inline;
	float: left;
	margin: 3px 0 0 -15px;
	font-size: 1.11111111111111rem;
	font-weight: normal;
	color: #B7DB37; /* was 568d4b */
	text-decoration: none;
}

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

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 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 {
	margin: 20px 0;
	padding: 0;
}

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

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

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

/* ================ 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 .desc { margin: 0 !important; }

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

/* default alert color is white */
.alert {
    position: relative;
    float: left; /* adjusted for left alerts */
    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: #003087;
    margin: 0 0 1% 1%; /* adjusted for left alerts */
    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: #003087;
    font-size: .875rem;
    box-sizing: border-box;
    text-align: right;
}
.alert-actions a {
	color: #003087; 
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    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: #003087;
    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: #003087;
    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: "FontAwesome";
    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;
    }
    .alert h5.alert-title, .alert h5.alert-title a {
		font-size: 0.9rem;
	}
    div.header-mobile {
		position: relative; 
		z-index: 4;
	} /* keeps alerts behind header on mobile */
}

/*  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: #D4712F !important;
    color: #fff;
}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2 {
    color: #fff !important;
}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {
    color: #fff;
}
.alert.alert-orange .alert-actions {background: rgba(0,0,0,0.1);}
.alert.alert-orange button {    color: rgba(255,255,255,0.5);}


.alert.alert-yellow {
    background-color: #ffea94 !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: #B7DB37 !important;
    color: #003087;
}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2 {
    color: #003087 !important;
}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {
    color: #003087;
}
.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: #003087 !important;
    color: #fff;
}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2 {
    color: #fff !important;
}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-blue .alert-actions {background: rgba(0,0,0,0.3);}
.alert.alert-blue button {    color: rgba(255,255,255,0.5);}

/* premium floating alerts end */

/* special promos with animation for use in floating alerts */
.site-alerts .promotion.animated-promo {margin:  0 0 10px 0; overflow: hidden; border: none !important; text-align: center;}
.site-alerts .promotion.animated-promo > .inner {padding: 0 5px;}
.site-alerts .promotion.animated-promo p {margin: 10px 0; text-align: center;}
.site-alerts .promotion.animated-promo .button {margin: 0 0 0 0 !important; padding: 10px 15px !important; font-size: 1rem !important; width: 200px;}

.site-alerts .promotion.animated-promo .animate__animated.animate__slideInRight {
  --animate-duration: 2s;
}



/* ================ 11. Mini Buttons and other default Buttons ================ */
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: 0.85rem !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 {
	-webkit-box-shadow: 0 1px 2px #838a90;
	-moz-box-shadow: 0 1px 2px #838a90;
	box-shadow: 0 1px 2px #838a90;
	color: #f5e4ed;
	border: none;
	background-color: #478327;
}

a.back-button, a.comment-button {
	display: block;
	padding: 2px 4px;
/*	border: solid 1px #565654;*/
	width: auto;
	float: left;
	margin: 4px 2px 0 0;
	background-color: transparent;
	font-weight: normal;
	cursor: pointer;
	color: #464C51;
	background-color: #E1E6EE;
}

a.back-button:hover, a.comment-button:hover {
	background-color: #2b4868;
	text-decoration: none;
	color: #fff;
}

a.back-button:active, a.comment-button:active {
	-webkit-box-shadow: inset 0 0 3px #333;
	-moz-box-shadow: inset 0 0 3px #333;
	-o-box-shadow: inset 0 0 3px #333;
	box-shadow: inset 0 0 3px #333;
	background-color: #cae8f0;
}

a.back-button {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	float: none !important;
	width: auto !important;
	margin: 0 0 1em 0;
	text-decoration: none !important;
	display: inline-block;
	padding: 3px 10px 0 8px;
}
a.back-button:active {
	background-color: #E1E6EE;
	color: #464C51;
}
a.back-button .fa {font-size: .95rem;}

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

a.comment-button:hover { color: #fff; }

a.comment-button-big {
	/*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 #003087;
	border-bottom-color: #ccc;
	border-radius: 0;
	background-color: #003087
}

div.ca_tabs li a:hover {
	border: solid 1px #4d748e;
	background-color: #4d748e;
	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: #6f263d
}

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

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

.speedbump_wrapper { text-align: center; }

/* ================ 14. Sitemap ================ */
ul.sitemaplist {
	margin: 2px 0px 10px 0px;
	padding: 0;
	list-style-type: none;
}

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

ul.sitemaplist li.sitemap_2 a {
	margin: 2px 0px 10px 2px;
	padding-left: 0px;
	margin-bottom: 8px;
	margin-top: 16px;
	font-size: 1.1em;
}

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

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

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

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

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

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

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

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

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

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

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;
	list-style-type: none;
	margin: 0;
}

ul.faq-list li {
	padding: 0 0 10px 0;
	color: #1F596C;
}

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

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

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

ul.faq-list a.faq-question:before {
	font-family: FontAwesome;
	content: "\f0d7";
	text-decoration: none !important;
	padding-right: 1px;
	margin-left: -15px;
	display: inline-block;
}

ul.faq-list a.faq-open:before {
	font-family: FontAwesome;
	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 { }

/* ================ 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 #007c88;
}

.list-head {
	clear: both;
	border-bottom: 1px solid #439fa7;
	background: #439fa7;
}

.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 {
	font-size: 13px;
	font-size: 0.8125rem;
	text-align: center;
	line-height: normal;
}

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

.list .list-item ul {
	margin: 0 0 5% 0;
	padding: 0 0 0 5%;
}

/*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; }

.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: #f5f5f5; }

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

div.list div.list-row:nth-child(4n+3) { background: #eaeaea; }

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: 0.625rem;
	line-height: normal;
}
}

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

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

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


/* Featured posts list, regular post list*/

.post-content p {
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: 27px !important;
}

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

ul.posts li { display: block; }

ul.posts li img {
	float: left;
	margin: 0 10px 0 0;
}

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

ul.post-list li {
	width: 100%;
	clear: both;
	margin: 2% 0;
}

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

ul.post-list li a h2 {
	line-height: normal;
	margin: 0;
}

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

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

ul.post-featured li a h2 {
	margin: 0;
	line-height: normal;
}

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;
	line-height: normal;
}

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

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

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

ul.posts li div.feature-img {
	width: 100%;
	float: none;
	margin: 4% 0;
}

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

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


div.feature-img {
	overflow: hidden;
	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 {
	margin: 0 0 1% 3%;
	max-width: 640px;
	float: right;
	padding: 1%;
	-moz-box-shadow: 1px 3px 9px #ddd;
	-webkit-box-shadow: 1px 3px 9px #ddd;
	-o-box-shadow: 1px 3px 9px #ddd;
	box-shadow: 1px 3px 9px #ddd;
	clear: both;
	max-width: 100%;
}

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

ul.post-featured li a {
	height: auto;
	padding: 5% 0;
}

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

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

ul.page_tools li {
	list-style: none;
	display: inline-block;
	font-size: .85rem;
	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;
}

.rating_average, .rating_stars {
	float: left;
	display: inline-block;
}

.rating_stars { margin: 0 0 0 8px; }

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

/* ================ 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; }

div.seminar_header div.signup {
	float: right;
	margin: 10px 0 0 0;
}

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

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 }

/* ================ 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: 0.75rem; }

/* related block */

.related_content {
	margin: 10px 0;
	padding: 10px 0 5px 0;
}

.related_content h4 { text-align: center; }

.related_content a.related-button {
	background-color: transparent !important;
	color: #484c51 !important;
	border-color: #3867ad;
	padding: 1% !important;
	font-size: 90% !important;
	width: 43.25%;
	margin: 1% !important;
	float: left;
	text-align: center;
	border: 1px solid !important;
}

.related_content a.related-button:hover { border-color: #B7DB37 !important;}

/* 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 ================ */ 

div.form-field div.error_message, div.error { font-size: 0.8rem; }

div.commenting {
	padding: 1.5em 0 0 0;
	border-top: 1px solid #e5eaea;
	width: 100%;
}

div.commenting, #nocomments { float: left; }

div#commentarea { padding: 10px 20px 10px 13px; }

div#comment_button {
	cursor: pointer;
	margin: 2% 0;
}

div.comment {
	margin: 3% 0 0;
	float: left;
}

div.comment h4 { margin-top: 0 !important; }

div.comment.reply {
	margin: 2% 0 1% 4%;
	min-width: 50%;
}

div#comment_form h3 { margin-top: 0; }

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

div.comment, div.comment.reply { min-width: 92%; }
}

div.reply {
	background-color: #f5f5f5;
	margin-left: 20px;
	padding: 1% 2%;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.reply-thread {
	border: solid 1px #c1c1c1;
	border-top: none;
	border-right: none;
	height: 150px;
	width: 14px;
	position: relative;
	top: -100px;
	float: left;
	left: -41px;
	display: none;
}

div.reply div.reply-thread { display: inline-block; }

div.reply i.fa-comment-o, div.comment_moderator i.fa-comment-o { display: none; }

div.comment.comment_moderator h4, div.comment.reply.comment_moderator h4 { }

div.comment_moderator .JQflagComment { display: none; }

div.comment_date { font-size: .6rem; }

div.comment_author {
	display: inline;
	clear: both;
}

div.comment_date {
	font-size: .6rem;
	display: inline;
}

div.comment_author { font-size: .6rem; }

div.comment-thanks {
	clear: both;
	border: solid 1px #eee;
	padding: 0.4em;
	background-color: #fff;
}

div.comment_icon {
	float: left;
	display: inline-block;
	width: 20px;
}

div.comment_title {
	float: left;
	display: inline-block;
	margin: 1px 0 5px 4px;
}

div.comment_title i { font-style: normal; }

div.comments {
	clear: both;
	margin-left: 1.3em;
}

div.comments p { margin-top: 0; }

div.comment-form, div.reply-form {
	border: 1px solid #c1c1c1;
	padding: 10px 15px 0 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-radius: 6px;
	background-color: #f5f5f5;
	overflow: hidden;
}

div#comment_form input.comment_submit, a.comment_submit {
	float: right;
	font-weight: normal;
	padding: 6px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #922209;
	cursor: pointer;
	font-weight: normal;
	color: #ffffff;
	margin: 5px 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}
}

div.comment-intro {
	border: solid 1px #ccc;
	border-radius: 4px;
	background: #ededed;
	padding: 9px;
	font-size: 90%;
}

div.social_login a {
	display: block;
	float: left;
	padding: 4px 4px 4px 24px;
	margin: 6px;
	background-repeat: no-repeat;
	background-position: left;
	border: solid 1px #940029;
	border-radius: 3px;
	background-color: #b55c4f;
	color: #fff;
}

div.social_login a:hover {
	text-decoration: none;
	background-color: #2e516b;
	border: solid 1px #2e516b;
	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
}

div.social_login a.google { background-image: url(/img/social_login__icon_google.png); }

div.social_login a.twitter { background-image: url(/img/social_login__icon_twitter.png); }

div.social_login a.facebook { background-image: url(/img/social_login__icon_facebook.png); }

a.post_comment {
	display: block;
	float: left;
	clear: right;
	text-decoration: none;
	background-image: url(/img/comment_icon.png);
	background-repeat: no-repeat;
	background-position: 4% 50%;
	padding-left: 30px;
}

a.post_comment:hover { box-shadow: 1px 1px 2px #ccc; }

div.rule {
	border-bottom: inset 1px #ccc;
	margin: 0 0 10px;
}

div.submit { min-height: 0; }

.comment-key {
	float: right;
	width: auto;
}

.comment-key h5 {
	margin: 0 1em 0 0;
	float: left;
}

.comment-key h5 i.comments-summit {
	background-size: 11px 11px;
	width: 11px !important;
	height: 11px !important;
}

#nocomments { margin: 0.7em 0; }

input#formkey_user { margin-bottom: 4px; }

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

.comment-key {
	float: left;
	clear: left;
	margin: 0 0 1em;
}
}

a.comment-button {
	display: block;
	padding: 2px 6px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	width: auto;
	float: left;
	margin: 4px 2px 0 0;
	background-color: transparent;
	font-weight: normal;
	cursor: pointer;
	line-height: normal;
}

a.comment-button:hover {
	/*-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	-o-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;*/
	background-color: #dddddd;
	text-decoration: none;
}

a.comment-button:active {
	-webkit-box-shadow: inset 0 0 3px #333;
	-moz-box-shadow: inset 0 0 3px #333;
	-o-box-shadow: inset 0 0 3px #333;
	box-shadow: inset 0 0 3px #333;
	background-color: #dddddd;
}

a.comment-button {
	font-size: .7rem;
	text-transform: uppercase;
	border: none;
	float: right;
}

a.comment-button:hover {
	color: #fff;
	background-color: #737373;
}

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

/*rating...*/

div.rating_box {
	float: right;
	font-size: 0.7rem;
	padding: 0 10px 5px 10px;
	line-height: normal;
}

.rating-stars { float: left !important; }

.rating-stars img:hover { cursor: pointer; }

.rating-phrase, #rtng_rating_label_showonly {
	float: right;
	padding: 0 10px;
}

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

div.rating_box { max-width: 160px; }

div.rating_average, div.rating_stars { }
}

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

div.rating_box { }
}

/* ================ 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, .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;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	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;
}

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

div.home_banner { }

div.int_banner { }

.flex-control-nav { bottom: 8px !important; }

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


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

.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: #666;
	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 {
#99000 !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 - Integration into results page ================ */

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

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

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

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

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

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 {
	color: #005880;
	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;
	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;
}

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

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

.silvercloud_search_result_icon { display: none !important; }

.silvercloud_search_result_link:before {
	font-family: FontAwesome;
	content: '\f054';
	display: block;
	float: left;
	width: 15px;
	min-width: 15px;
	font-size: 12px; font-size: 0.75rem;
}

/*================ 28. Online Banking Login ================*/
div.ob-login {
	width: 340px;
	max-width: 50%;
	background-color: #003087;
	margin: 0 3.5%;
	padding: 10px 22px 15px 22px;
	float: right;
	position: absolute;
	top: 20px;
	right: 0;
	/*z-index: 9999;*/ z-index: 1000;
}

div.ob-login h4.login-header {
	margin: 5px 0 10px;
	font-weight: 500;
	color: #fff !important;
}

div.ob-login div.login-box { }

div.ob-login div.login-box div.form-field { margin: 0; }

div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password], button.bank-button {
	padding: 7px 15px;
	font-size: 1rem;
	float: left;
	font-family: inherit;
	font-weight: 500;
}

div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password] { height: 24px; }

button.bank-button { }

div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password] {
	width: 270px;
	color: #2d2e2f;
	border: none;
}

.bank-button {
	height: 38px;
	width: 38px;
	display: inline-block;
	float: left;
	background-color: #d26a1b !important;
	color: #fff;
	height: 38px;
}

.bank-button:after {
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
	display: block;
	content: "\f054" !important;
	color: #fff;
	font-size: 0.777rem;
}

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

.hblinks li a {
	color: #fff !important;
	display: inline-block;
	float: left;
	font-size: 0.866rem;
	font-weight: 300;
	margin: 0 8px 0 0;
}

.hblinks a:hover { text-decoration: underline; }

.hbnote { }

div.ob-login .banking_disabled { width: auto; }

.banking-disabled-notice, .banking-disabled-notice p { color: #fff; }

div.ob-login .banking_disabled .login-box p { padding: 2%; }

div.ob-login .banking_disabled h4.login-header { color: #d5bb56 !important; }

div.ob-login .banking_disabled .login-header:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	width: 27px;
	height: 30px;
	display: inline-block;
	content: "\f06a" !important;
	float: left;
	color: #d5bb56;
	margin: 0 5px 0;
	font-size: 1.2222rem;
}

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

/*home banking login area*/
div.ob-login {
	width: 94% !important;
	max-width: 100%;
	padding: 10px 3% 15px 3%;
	margin: 0;
	position: relative;
	top: 0;
}

div.ob-login.banking_disabled { margin: 0; }

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

div.ob-login.banking_disabled .login-box:before { margin: 10px 5px; }

div.ob-login_inner div.form-field.login { width: 100%; }

div.ob-login_inner label, div.ob-login_inner input[type=text], div.ob-login_inner input[type=password] { width: 96%; }

div.ob-login_inner div.form-field.submit {
	float: right;
	width: 73px;
	height: 35px;
	padding-top: 0;
	margin: 0;
	clear: both;
}

div.ob-login_inner .hblinks { margin: 0; }

div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password] {
	width: 80%;
	max-width: 100%;
	padding: 7px 2%;
	border-radius: 0;
}

button.bank-button {
	width: 16%;
	padding: 5px 2%
}

h2.login-header { text-align: center; }
}

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

.banking-link-block { display: block }

.banking-login-block { display: block }

.banking-link-block a.fancy-button { display: block }
}

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

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

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

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

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: 0.6111rem;
	vertical-align: 80%;
	line-height: normal;
}

/* IE8 background size fixes */

body.ie8 ul.compliance li.ncua a { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/footer_logo_ncua.png', sizingMethod='scale');
}

body.ie8 ul.compliance li.ehl a { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/footer_logo_ehl.png', sizingMethod='scale');
}

/*use a hi-res logo on retina displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

ul.compliance li.ncua a { background-image: url(/img/footer_logo_ncua_hires.png); }

ul.compliance li.ehl a { background-image: url(/img/footer_logo_ehl_hires.png); }
}

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

ul.compliance {
	margin: 20px auto 0;
	padding: 0;
	width: 200px;
}
}

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

.accent { color: #a41d1a !important; }

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

.clr1-med { color: #3867ad !important; }

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

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

.clr2-med { color: #888d99 !important; }

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

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

.clr1-bg-med { background-color: #3867ad !important; }

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

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

.clr2-bg-med { background-color: #888d99 !important; }

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

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

.clr1-bdr-med { border-color: #3867ad !important; }

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

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

.clr2-bdr-med { border-color: #888d99 !important; }

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

td.clr1-bg-dark, .clr1-bg-dark p, td.clr1-bg-med, .clr1-bg-med p, td.clr2-bg-dark, .clr2-bg-dark p, td.clr2-bg-med, .clr2-bg-med p, .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 !important; }

.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 ================ */


/*selected elements*/
::selection {
	background: #444;
	color: #FFF
}
::-moz-selection {
background:#444;
color:#FFF
}

/* ================ 32. Custom Screen Interface Elements ================ */

/*share bar with twitter and facebook icons...*/

.sharebar {width:100%; border: solid 1px #e2e4e6; border-left:none; border-right:none; margin:0 0 16px 0;}
.sharebar .inner {width:auto; float:right; padding:9px 6px 6px 6px;}
.sharebar h5 {margin:3px 6px; font-size:14px; font-size: 0.875rem;}
.sharebar .inner .fa {font-size:24px; font-size: 1.5rem;}
.sharebar .backbutton {float:left; width:auto;}

.sharebar .backbutton a.back-button {
margin: 6px; 
}






/*custom calculator styles....*/


div.calc-container 	{text-align: center; padding: 10px 1.5%;    background-color: #e2e6ed; margin: 20px auto;   border: 1px solid #3867ad;}

/*div.calc-container.auto  {max-width:60%;}*/

div.calc-container {max-width:80%;}


div.calc-form input {text-align: center; display: inline-block; width: auto; margin: 19px 10px 0 10px;}

div.calc-form h3 {padding: 10px 0 0 0; margin: 0;}

div.calc-results 	{display: inline-block; border: 1px solid #4d798f; background-color: #ffffff; box-sizing:border-box;}

/*div.calc-container.auto div.calc-results 	{width:44%; padding:10px 1.5%; margin:20px 1.5%;}*/
div.calc-container div.calc-results 	{width:27%; padding:10px 1.5%; margin:20px 1.5%;}
div.calc-container.mma-calc div.calc-results {width:29%; padding:10px 0; margin:20px 1.5%;}

@media screen and (max-width: 767px) {
	
	div.calc-container.auto, div.calc-container.rv  {max-width:97%;}
	
	div.calc-container.auto div.calc-results,
	div.calc-container.rv div.calc-results, div.calc-container.mma-calc div.calc-results 	{width:94%; margin:1% 1.5%;}
}

div.calc-results h4 {padding: 10px 10px; background-color: #003087; margin: 0 0 10px 0; color: #ffffff;}

div.calc-results h5 {padding: 10px 0 0 0; font-size: 1.75rem; margin: 0;}

div.calc-error {font-size: 16px; font-size: 1rem; color: #a02237;  padding: 10px 15px; -moz-box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede; -webkit-box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede; box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede; margin: 10px 0; border: 1px solid #cccccc; display: inline-block; }

.calc-button { text-decoration: none !important; /* these symbols also have screen-reader text */
background-color:transparent; color: #204781; }
.calc-button:hover {color: #d26a1b;}

input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {border: solid 1px #4d798f;  color: #4d798f;}


div.calc-container .disclaimer {font-size:.75rem;}


div.mma-calc div.calc-form h3 {margin:2% auto 0;}


.calc-value {font-weight:700;}




/*============================== 33. Google Map Styles for branch location pages ==============================*/



 /* Flexible iFrame */
.Flexible-container {clear: both; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; border: 1px solid #c0c0c0;}
.Flexible-container iframe,.Flexible-container object,.Flexible-container embed {position: absolute; top: 0;  left: 0; width: 100%;    height: 100%;}

#map_canvas div        { line-height: normal ! important; }
#map_canvas div.gm-style-iw div, #map_canvas div.gm-style-iw div p { width: auto;}
#map_canvas a.fancy-button:link, #map_canvas_all a.fancy-button:visited {font-size: 1.2em !important;}
#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; }
div.iw {    min-width: 150px;}






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

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

/* new style overrides for Silvercloud search results */
div.silvercloud_results_wrapper {
	position: relative;
	float: none;
	max-width: 100%;
	margin: 1%;
}

input[type=text].silvercloud_searchbar_input { width: 50%; }

input[type=submit].silvercloud_searchbar_submit { padding: 6px 10px; }

.silvercloud_submit_question {
	background-color: #308796 !important;
	border: 1px solid #308796 !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	text-decoration: none;
}

.silvercloud_submit_question:hover {
	background-color: #308796;
	color: #fff;
}

a.silvercloud_return_to_results { color: #005584 !important; }

.silvercloud_load_more {
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
}

/* end of Silvercloud overrides */

/* location popup */

div.JQLocation {text-align: center;}
div.JQLocation h3 {margin: 35px auto 15px auto; width: 100%; font-size: 1.5rem;}
div.JQLocation div.form-field {float: none; text-align: center;}
div.JQLocation div.input {float: none !important; width: auto; margin: auto;}
div.JQLocation div.input input {text-align: center;}


.dialogzipui-dialog {border-radius:0!important;}

.dialogzipui-dialog select {font-family:inherit; max-width: 240px;}

.dialogzipui-dialog .ui-button {background:#3867ad url("")!important; border-radius:0!important; width:100%;}

.dialogzipui-dialog .ui-button span {color:#fff;}

/* cloaking class */
.security{
text-security: disc;
-webkit-text-security: disc;
-moz-text-security: disc;
}

/* responsive video container */
.video-container {    position: relative;    padding-bottom: 56.25%;   /* padding-top: 30px; */   height: 0;    overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.video-container {    box-shadow: 5px 0 10px -5px rgba(0,0,0,.5), -5px 0 10px -5px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5), -5px 0 10px -5px rgba(0,0,0,.5);
    -webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5), -5px 0 10px -5px rgba(0,0,0,.5);}



/*flexible iframes*/ 
.flexiframe {position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; overflow: auto; -webkit-overflow-scrolling:touch; border: none;} 
.flexiframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;    max-width: 100% !important; border: none !important; padding: 0; margin: 0;}

/* fixing mega-close button and mm-promo spacing */
div.megaclose {margin-top: -10px;}
div.megaclose button.JQcloseMM {background-color: transparent; color: rgba(56, 103, 173,1);}
div.mm_callout_text h4 {margin-left: 10px;}

/* moving background down one level to allow for different banking background */
.mega-wrapper {
    width: auto;
    background-color: transparent;
    position: relative;
    z-index: 1000;
    border: none;
}

.megacontainer {
    width: 100%;
    background-color: #E1E6EE;
    position: relative;
    z-index: 1000;
    border-top: solid 1px #888d99;
}

/* mega-banking */
div.mega-bank-container { background-color: transparent; border-top: none; position: absolute; right: 0; width: auto; padding: 0; }

div.mega-bank {display: block; min-width: 340px; position: relative; float: right; }
div.mega-bank div.ob-login {width: 340px; margin: 0; max-width: 100%; float: none; position: relative; top: auto;}

div.nav-main ul.nav-menu li.nav-bank.on a {color: #d26a1b;}
div.nav-main ul.nav-menu li.nav-bank.on a:hover {color: #fff; border: none; background: #003087;}
div.nav-main ul.nav-menu li.nav-bank.on a.active {color: #fff; border: none; background: #003087;}
div.nav-main ul.nav-menu li.nav-bank a.active {color: #fff; border: none; background: #003087;}

div.megaclose.close-mega-bank {z-index: 1001; margin: 0; right: 10px; top: 10px;}
div.megaclose.close-mega-bank button.JQcloseMM {color:#fff;}

@media screen and (max-width: 1250px) {
	div.nav-main ul.nav-menu li.nav-item a {padding: 15px 30px;}
	}
@media screen and (max-width: 960px) {
	div.nav-main ul.nav-menu li.nav-item a {padding: 15px 20px;}
	}
	
@media screen and (max-width: 850px) {
	div.nav-main ul.nav-menu li.nav-item a {padding: 15px 15px;}
	}
@media screen and (max-width: 767px) {
	div.mega-wrapper {display: block !important; background: transparent; border: none;}
	div.mega-wrapper div.megacontainer {display: none;}
	div.mega-wrapper div.megaclose {display: none;}
	div.mega-wrapper div.megacontainer.mega-bank-container {display: block !important; position: relative; padding: 0; border-top: none;}
	div.mega-wrapper div.mega-bank {min-width: 0; width: 100%;}
	div.mega-bank div.ob-login {margin: 0;}
	div.header-int div.mega-wrapper {display: none !important;}
}