@charset "UTF-8";
/* 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: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	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.7;
	margin: 0 0 20px 0;
}
#content {
	margin: 0;
}
.content ul,
.content ol {
	margin: 1rem 0 1rem 0;
}
.content li {
	/* padding-left: 10px; */
}
.content ol {
	padding-left: 30px;
	margin-left: 10px;
}
.content ul li,
.content ol li {
	/* margin: .5rem 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;
}*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
.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%;
}
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;
}
.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: 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;
}
.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;
}
.page_body {}
/* ================ 6. Mobile Header / Menu ================ */
/*mobile menu icon*/
div.header-mobile div.header-bar button.menu-icon {
	font-size: 27px;
	font-size: 1.6875rem;
	height: 54px;
	width: 50px;
	padding: 9px 0px 8px 0px;
	float: left;
	background-color: #2d4f66;
	border-radius: 0;
}
div.header-mobile div.header-bar button.menu-icon.menu-icon-open {
	background-color: #567285;
	color: #011020
}
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: #ffffff;
}
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 {
	/*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: "Font Awesome 5 Pro";
	content: "\f0d9";
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 900;
}
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;
}
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: 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: #008027;
}
div.header-mobile div.header-bar button.menu-icon:before {
	color: #fff;
	padding: 0px;
}
div.header-mobile div.header-bar button.menu-icon.menu-icon-open {
	background-color: #008027;
}
div.header-mobile div.header-menu {
	background-color: #008027
}
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-mobile div.header-bar {
	padding: 0;
	background-size: 186px 44px;
	background-image: url(/img/head_logo_democracy_hires-372.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.header .logo {
	/*	width: 307px;
	height: 110px;*/
	margin: 5px 0 0 0;
}
.header .logo a {
	/* size not needed because logo is an IMG tag not a background
	display: block;
	width: 312px;
	height: 75px; */
}
/*dont display the mobile header by default*/
div.header-mobile {
	display: none;
}
div.header-mobile div.header-bar a {
	padding: 12px 0px 11px 0;
}
/*topnav container*/
div.topnav {
	margin: 10px 0 0 0;
	text-align: right;
	position: relative;
	z-index: 10;
	height: 28px;
	min-height: 28px;
}
div.header-desktop div.menu-main {
	width: auto;
	display: inline-block;
	float: right;
}
input.search-field::-webkit-input-placeholder,
input.mobile-search-field::-webkit-input-placeholder {
	color: #757575;
	text-transform: uppercase;
}
input.search-field:-moz-placeholder,
input.mobile-search-field:-moz-placeholder {
	color: #757575;
	text-transform: uppercase;
}
input.search-field::-moz-placeholder,
input.mobile-search-field::-moz-placeholder {
	color: #757575;
	text-transform: uppercase;
}
input.search-field:-ms-input-placeholder,
input.mobile-search-field:-ms-input-placeholder {
	color: #757575 !important;
	text-transform: uppercase !important;
}
.search-box {
	position: absolute;
	display: inline-block;
	z-index: 20;
	overflow: hidden;
	width: 100%;
	left: 0;
	max-width: 1350px;
	margin: auto;
	right: -20px;
	top: 0;
	display: none;
}
.searchclose:focus {
	outline: 0;
	border: 0;
}
input.search-field {
	border: none !important;
}
.search-box-open {
	height: auto;
	width: 62%;
	margin: 10px;
	padding: 0;
	background-color: #fff;
	max-width: 100%;
	border: 3px solid #009a94;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	text-align: right;
}
.search-box-open input.search-field {
	width: calc(100% - 111px);
	height: 39px;
	margin: 0;
	padding: 0 10px;
	font-family: inherit;
	color: #009a94;
	line-height: 1;
	background-color: #fff;
}
input.search-field:focus,
input.mobile-search-field:focus {
	box-shadow: none !important;
}
button.search-button {
	background: none;
	border: none;
	margin: 0;
	color: #009a94;
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 1.2rem;
	padding: 0 12px;
}
button.search-button.searchsubmit,
button.search-button.searchopen {
	height: 65px;
	width: 52px;
	background-color: #fff;
	color: #008027;
	font-size: 24px;
	border-radius: 0 2px 2px 0;
	border: 1px solid #ccc !important;
	border-left: 0 !important;
}
button.search-button.searchsubmit:focus,
button.search-button.searchopen:focus {
	outline: 0;
}
button.search-button.searchclose {
	margin: 0;
	color: #4c4e51;
	font-size: 1.5rem;
}
/* mobile search styles */
input.mobile-search-box,
button.mobile-search-button {
	height: 40px;
	border: none;
}
input.mobile-search-field {
	height: 40px;
	border: none !important;
	/*font-size: 20px;*/
	font-size: 1.25rem;
	background: rgba(255, 255, 255, 0.95);
}
.mobile-search-box {
	padding: 0 !important;
	position: relative;
	float: right;
	display: inline-block;
	z-index: 0;
	width: 0px;
	height: 0;
	/*start closed*/
	margin: 0;
	border: none;
	box-shadow: none !important;
	background: rgba(255, 255, 255, 0.95);
}
.mobile-search-box input.mobile-search-field {
	height: 39px;
	width: 100%;
	padding: 4px 10px !important;
	float: right;
	background: transparent;
}
.mobile-search-box-open {
	padding: 0 !important;
	margin: 0;
	box-shadow: none !important;
	/* background-color: #fff; */
	height: 46px;
	width: 75%;
	transition: width .5s ease;
	border: 2px solid #009a94;
}
button.mobile-search-button {
	height: 50px;
	width: 50px;
	float: right;
}
button.mobile-search-button-open {
	background: #009a94;
	color: #fff;
}
.header-mobile div.search {
	display: block !important;
	margin: 0 !important;
	width: 100%;
}
/*	margin: 0;
	padding: 0; 
}*/
.search-box ::-webkit-input-placeholder,
.mobile-search-box ::-webkit-input-placeholder {
	color: #aaaaaa !important;
}
.search-box :-moz-placeholder,
.mobile-search-box :-moz-placeholder {
	color: #aaaaaa !important;
}
.search-box ::-moz-placeholder,
.mobile-search-box ::-moz-placeholder {
	color: #aaaaaa !important;
}
.search-box :-ms-input-placeholder,
.mobile-search-box :-ms-input-placeholder {
	color: #aaaaaa !important;
}
/* ================ 8. Footer ================ */
div.footer {
	float: none;
	height: auto;
	font-size: 15px;
	font-size: 0.9375rem;
	background: #091d26;
	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: 0;
	list-style: none;
}
ul.social li {
	font-size: 1.75rem;
	font-weight: normal;
	color: #b5bdbf;
	display: inline-block;
	margin: 0 5px 0 0;
}
ul.social li:last-child {
	margin-right: 0;
}
ul.social li a:before {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	float: left;
}
ul.social li a {
	display: inline-block;
	text-decoration: none;
}
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 {
	content: "\f082";
}
ul.social li.twitter a:before {
	content: "\f099";
}
ul.social li.instagram a:before {
	content: "\f16d";
}
ul.social li.linkedin a:before {
	content: "\f0e1";
}
ul.social li.pinterest a:before {
	content: "\f0d2";
}
ul.social li.youtube a:before {
	content: "\f167";
}
ul.social li.yelp a:before {
	content: "\f1e9";
}
@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%;
	}
}
li.routing {
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}
/* ================ 9. Navigation ================ */
ul.nav-menu li.nav-item {
	display: inline-block;
}
/* line underneath header */
div.header {
	/* border-bottom: 5px solid #00af41; */
	/* font-family: 'Montserrat', sans-serif; */
}
/*The primary main nav container*/
div.nav-main {
	margin: 0 auto;
	padding: 0;
	max-width: 1440px;
	font-family: 'Montserrat', sans-serif;
}
/*The UL containing the main nav items*/
div.nav-main ul.nav-menu {
	margin: 39px 0 0 0;
	padding: 0;
	display: block;
	width: auto;
	float: right;
	list-style-type: none;
	list-style-position: inside;
	max-width: 1440px;
}
/*The UL containing the main nav items for dropdown menus only*/
div.nav-main ul.dropdown {
	list-style: none;
	position: relative;
	z-index: 1000;
	overflow: visible;
}
/*The list items within the main nav UL*/
div.nav-main ul.nav-menu li.nav-item {
	display: inline-block;
	position: relative;
	padding: 0;
	float: left;
}
/*The anchors within the main nav list items*/
div.nav-main ul.nav-menu li.nav-item>a {
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 13px 30px;
	font-size: 1.5rem;
	color: #05A53A;
	font-weight: 700;
	text-transform: uppercase;
}
/*The UL that contains the subnav items in the dropdown menu*/
ul.dropdown ul.sub_menu.primary-menu,
ul.dropdown ul.sub_menu.JQBankingPanel {
	display: none;
	position: absolute;
	padding: 10px 0;
	margin: 5px 0 0 0;
	width: auto;
	min-width: 350px;
	max-width: 450px;
	/* top: 65px;*/
	z-index: 100000000000;
	/*always be in front*/
	clear: both;
	border: none;
	background-color: #008027;
	text-align: left;
	list-style: none;
}
/*Make the 4th and 5th nav items have a menu that is aligned right so they don't fly off the page*/
div.nav-main ul.nav-menu.dropdown li.nav4 ul.sub_menu.primary-menu,
div.nav-main ul.nav-menu.dropdown li:last-child ul.sub_menu.primary-menu,
ul.dropdown ul.sub_menu.JQBankingPanel {
	right: 0 !important;
}
/*The list items that make up the sub nav in the dropdown menus*/
div.nav-main ul.dropdown ul.sub_menu.primary-menu li {
	margin: 0;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 100%;
}
/*The anchors within the dropdown sub menu list items*/
div.nav-main ul.dropdown li ul.sub_menu.primary-menu li a {
	text-decoration: none;
	display: block;
	text-align: left;
	padding: 15px 30px;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 300;
	text-transform: none;
	height: auto;
	color: #fff;
	background-color: #008027;
}
/*the last anchor in each dropdown menu*/
ul.dropdown ul.sub_menu.primary-menu li:last-child a {
	/* border: none !important;*/
}
/*the current section's main nav item ON state*/
div.nav-main ul.nav-menu li>a.on,
div.nav-main ul.nav-menu li>a:hover {
	color: #008027;
}
/*the main nav item that's hovered or its menu is active (open)*/
div.nav-main ul.nav-menu li.active a,
div.nav-main ul.nav-menu li.active a.on {
	color: #fff;
}
div.nav-main ul.nav-menu li.active ul li a,
div.nav-main ul.nav-menu li.active ul li a {
	color: #fff;
}
/* up arrow on primary menus, but not login menu */
div.nav-main ul.nav-menu li>a.on:after,
div.nav-main ul.nav-menu li>a.active:after {
	content: "";
	position: absolute;
	left: calc(50% - 15px);
	/* needs to subtract half the width of the arrow */
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #008027 transparent;
	z-index: 9999;
}
div.nav-main ul.nav-menu li.on a.active:after {
	content: "" !important;
}
/* turn off up arrow on banking login at desktop and mobile size */
div.nav-main ul.nav-menu li.banking-nav>a.active:after {
	display: none;
}
/* the active menu's main nav item state*/
div.nav-main ul.nav-menu li.on a.active {}
div.nav-main ul.nav-menu li.nav-item.banking-nav>a {
	background-color: #05A53A;
	color: #fff;
}
div.nav-main ul.nav-menu li.nav-item.banking-nav>a.active {
	background-color: #008027;
}
div.nav-main ul.nav-menu li.nav-item.banking-nav>a.on,
div.nav-main ul.nav-menu li.nav-item.banking-nav>a:hover {
	background-color: #008027;
	color: #fff;
}
/* hide sub-levels below the first one */
ul.dropdown ul.sub_menu.primary-menu ul.sub_menu {
	display: none !important;
}
/* banking login nav-item styling*/
ul.dropdown ul.sub_menu.JQBankingPanel {
	min-width: 400px;
	color: #fff;
	background-color: #008027;
	margin-top: 0;
}
ul.dropdown ul.sub_menu.JQBankingPanel h2 {
	color: #fff;
	margin: 10px 0 20px 0;
	text-transform: uppercase;
}
.nav-main li.nav-item .JQBankingPanel a {
	color: #fff;
	margin: 0 2px 0 2px;
	text-transform: uppercase;
	font-size: 0.8rem;
}
div.nav-main li.nav-item.on .JQBankingPanel a:hover,
div.nav-main ul.nav-menu li.nav-item .JQBankingPanel a:hover,
div.nav-main li.nav-item.on .JQBankingPanel a,
div.nav-main .JQBankingPanel li.nav-item a.active {
	color: #fff;
}
.JQBankingPanel input[type=text],
.JQBankingPanel input[type=password],
.JQBankingPanel input[type=email] {
	border: none;
	margin-bottom: 5px;
	padding: 7px 7px 7px 7px;
	font-size: 1rem;
}
.JQBankingPanel button {
	float: right;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 20px;
	width: auto;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	margin: 0 7px 5px 0;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background-color: #009a94;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	transition: background .5s ease;
}
.JQBankingPanel div.form-field {
	float: none;
	margin: 0;
}
.JQBankingPanel ul.hblinks {
	clear: both;
	padding: 0 5%;
	margin: 0 auto 5px auto;
	text-align: left;
}
.JQBankingPanel ul.hblinks li {
	display: inline-block;
}
@media screen and (max-width: 980px) {
	div.nav-main ul.nav-menu li.nav-item>a {
		font-size: 14px;
		font-size: 0.875rem;
	}
}
@media screen and (max-width: 900px) {
	div.nav-main ul.nav-menu li.nav-item>a {
		font-size: 12px;
		font-size: 0.75rem;
	}
}
@media screen and (max-width: 767px) {
	ul.dropdown ul.sub_menu.JQBankingPanel {
		min-width: 0;
		width: auto;
		position: relative;
		display: none;
		max-width: 100%;
		text-align: center;
	}
	ul.dropdown ul.sub_menu.JQBankingPanel h2 {
		display: none;
	}
	/* .search-box {
		top: -160px;
		right: 0 ;
		margin: auto ;
	}	 */
	button.search-button.searchsubmit,
	button.search-button.searchopen {
		height: 51px;
		width: 52px;
		font-size: 15px;
	}
}
@media screen and (max-width: 490px) {
	div.nav-main ul.nav-menu li.nav-item .JQBankingPanel div.login_links a {
		border-right: none !important;
		margin: 0 !important;
		padding: 0 10px !important;
	}
}
/* Top Nav*/
div.nav-top ul.nav-menu {
	padding: 0;
	margin: 0;
}
div.nav-top ul.nav-menu li.nav-item {
	display: inline-block;
}
div.nav-top ul.nav-menu li.nav-item a {
	color: #000;
	display: inline-block;
	padding: 0 0 0 20px;
}
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%;
}
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 a {
	font-size: 19px;
	font-size: 1.1875rem;
	color: #54565A;
	font-weight: 400;
}
div.nav-top ul.nav-menu li.nav-item a:hover {
	color: #BF5543;
}
a.last,
div.nav-top ul.nav-menu li.nav-item a {
	border-right: none;
	margin-right: 0;
	padding-right: 0
}
@media screen and (max-width: 1200px) {
	div.nav-top ul.nav-menu li.nav-item a {
		font-size: 1rem;
	}
	div.nav-main ul.nav-menu li.nav-item>a {
		font-size: 1.25rem;
		padding: 13px 20px;
	}
	div.nav-main ul.dropdown li ul.sub_menu.primary-menu li a {
		font-size: 1.15rem;
	}
}
@media screen and (max-width: 1050px) {
	div.nav-main ul.nav-menu li.nav-item>a {
		padding: 13px 15px;
	}
	div.nav-main ul.dropdown li ul.sub_menu.primary-menu li a {
		font-size: 1rem;
	}
}
@media screen and (max-width: 940px) {
	div.nav-top ul.nav-menu li.nav-item>a {
		padding: 0 0 0 10px;
		font-size: 0.8rem;
	}
	div.nav-main ul.nav-menu li.nav-item>a {
		padding: 16px 15px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 830px) {
	div.nav-top ul.nav-menu li.nav-item>a {
		padding: 0 0 0 5px;
	}
	div.nav-main ul.nav-menu li.nav-item>a {
		padding: 16px 10px;
		font-size: 0.9rem;
	}
}
/*Mainnav sub-menu Structure and Navigation*/
div.nav-main ul.dropdown li ul.sub_menu.primary-menu li a:hover {
	color: #fff;
	background-color: #00af41;
}
/* 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 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 {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	display: inline;
	float: left;
	margin: 0 0 0 -15px;
	font-size: 22px;
	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;
	color: #FF6119;
}
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 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: 4px 0 20px 0;
	padding: 0;
}
div.nav-footer ul.nav-menu li.nav-item {
	padding: 0 0 8px 8px;
	margin: 0;
	line-height: 1;
}
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;*/
}
/* div.greylock-family {padding: 20px 0 20px 0; clear: both; display: block; float: none; text-align: left; overflow: hidden;}
div.greylock-family img { display: inline-block; margin:  10px 50px 10px 0; opacity: 0.7;}*/
b.foot-title {
	display: block;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.footer .onefourth,
	.footer .onefifth,
	div.greylock-family {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	/*show the mobile menu now*/
	div.header-mobile {
		display: block;
	}
	/* adjustments to allow mobile login rollup - show header and hide all the pieces */
	div.header-desktop,
	div.nav-main {
		display: block;
	}
	div.nav-main ul.nav-menu li.nav-item {
		display: none;
	}
	div.nav-main ul.nav-menu {
		width: 100%;
		float: none;
		margin: auto;
	}
	div.nav-main ul.nav-menu li.nav-item.banking-nav {
		display: block;
		float: none;
		width: 100%;
	}
	div.nav-main ul.nav-menu li.nav-item.banking-nav a.JQLoginAnchor {
		display: none;
	}
	/*remove the top, split, sub and main nav because they are all accomodated in the mobile menu*/
	div.topnav,
	div.nav-split,
	header .inner div.search,
	div.mega-wrapper,
	div.nav-sub,
	div.col1-head {
		display: none;
	}
	.col2-head {
		width: 100% !important;
		float: none !important;
		height: auto;
		position: relative;
	}
	div.nav-main ul.nav-menu {
		height: auto;
		margin: 0;
	}
	button.search-button {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.header.bar-main {
		margin: 0;
	}
	.account-menu {
		top: 50px;
	}
	.subnav-mobile,
	.subnav-mobile .nav-sub,
	.sidebar-mobile {
		display: block;
	}
	.header .inner,
	.header-inner {
		padding: 0 !important;
	}
	div.header .page_body {
		padding: 0 !important;
	}
}
@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;
	}
	/* shrink logo more for smaller devices
	div.header-mobile div.header-bar {background-size: 140px 33.25px;} */
}
/* ================ 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 alert*/
/* premium floating alerts */
.site-alerts {
	position: fixed;
	bottom: 32px;
	right: 0;
	width: 420px;
	z-index: 3;
}
@media screen and (max-width:540px) {
	.site-alerts {
		width: 97%;
		margin: 1%;
	}
	.alert,
	div.cwrnw_block {
		margin: 0;
	}
}
/* default alert color is white */
.alert {
	position: relative;
	float: right;
	bottom: 0;
	right: 0;
	padding: 0 !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
	width: 100%;
	box-sizing: border-box;
	z-index: 999999;
	border-radius: 3px;
	border: 1px solid #535859;
	background-color: #fff;
	color: #000;
	margin: 0 1% 1% 0;
	opacity: 0.98;
	overflow: hidden;
}
.alert .inner {
	padding: 5px 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: .75rem;
	box-sizing: border-box;
	text-align: right;
}
.alert-actions a,
.alert-actions a:link,
.alert-actions a:visited {
	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;
	text-decoration: underline;
}
.alert h5.alert-title,
.alert h5.alert-title a {
	color: #000;
	font-size: 1.125rem;
	margin: 5px 0 5px 0;
	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: .9rem;
	color: #000;
	line-height: 1.3;
}
.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 button:focus {outline: 0;}
.alert button:hover {color: #000 !important;}
.alert p {
	margin: 0;
	padding-bottom: 8px;
}
/* it is important to update this font family to match the FA version the site uses */
.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";
}
/*  color options */
.alert.alert-red {
	background-color: #DF2935 !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-teal {
	background-color: #009a94 !important;
	color: #fff;
}
.alert.alert-teal h5,
.alert.alert-teal h4,
.alert.alert-teal h3,
.alert.alert-teal h2 {
	color: #fff !important;
}
.alert.alert-teal a,
.alert.alert-teal .alert-desc,
.alert.alert-teal p,
.alert.alert-teal .fa-exclamation-circle:before,
.alert.alert-teal a:hover {
	color: #fff;
}
.alert.alert-teal .alert-actions {
	background: rgba(0, 0, 0, 0.1);
}
.alert.alert-teal button {
	color: rgba(255, 255, 255, 0.5);
}
.alert.alert-yellow {
	background-color: #ffcb47 !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: #00af43 !important;
	color: #fff;
}
.alert.alert-green h5,
.alert.alert-green h4,
.alert.alert-green h3,
.alert.alert-green h2 {
	color: #fff !important;
}
.alert.alert-green a,
.alert.alert-green .alert-desc,
.alert.alert-green p,
.alert.alert-green .fa-exclamation-circle:before {
	color: #fff;
}
.alert.alert-green .alert-actions {
	background: rgba(0, 0, 0, 0.1);
}
.alert.alert-green button {
	color: rgba(255, 255, 255, 0.5);
}
.alert.alert-blue {
	background-color: #009fd6 !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.1);
}
.alert.alert-blue button {
	color: rgba(255, 255, 255, 0.5);
}
/* premium floating alerts end */
/* ================ 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: 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 {
	-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: 7px 5px 9px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #dfe5e5;
	width: auto;
	float: left;
	margin: 4px 2px 0 0;
	background-color: transparent;
	font-weight: normal;
	cursor: pointer;
}
a.back-button:hover,
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;*/
	border: solid 1px #ccc;
	text-decoration: none;
}
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: 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 #008027;
	border-bottom-color: #ccc;
	border-radius: 0;
	font-size: .8em;
	background-color: #008027
}
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: #008027
}
.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-family: 'Roboto', sans-serif;
	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: 2px 0px 10px 0px;
	font-size: 0.95em;
	font-weight: normal;
}
ul.sitemaplist li.sitemap_2 a {
	margin: 2px 0px 10px 2px;
	padding-left: 0px;
	font-size: 1.1em;
	display: inline-block;
}
ul.sitemaplist li.sitemap_3 {
	margin: -2px 0px 15px 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: 2px 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: 2px 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: 2px 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.9rem;
}
ul.sitemaplist li.sitemap_7 {
	margin: 2px 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.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: 10px 0 10px 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 {
	font-family: "Font Awesome 5 Pro";
	content: "\f0d7";
	text-decoration: none;
	padding-right: 1px;
	margin-left: -15px;
	font-weight: 900;
}
ul.faq-list a.faq-open:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0d8";
	margin-left: -15px;
	font-weight: 900;
}
/*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 #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;
	background: #444;
	color: #ffffff;
	font-size: 14px;
	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: 14px;
	font-size: 0.875rem;
	line-height: normal;
	font-weight: 700;
}
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.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 {
		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;
	}
	.list .list-item,
	.list .list-item li,
	.list .list-item p {
		text-align: left;
	}
}
@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;
	color: #005880;
}
/* ================ 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 {
	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.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:1111px) {
	.search-box {
		width: 99%;
		right: 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;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		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;
}
.rating_average,
.rating_stars {
	float: left;
	display: inline-block;
}
.rating_stars {
	margin: 0 0 0 8px;
}
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;
}
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);
	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
}
/* ================ 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: 15px;
	border: 1px dotted #dedede;
	clear: both;
	text-align: center;
}
/* .related_content a.related-button {
	background-color:transparent; 
	color:#26556f !important; 	
	border-color:#26556f;  
	border: 1px solid !important;
	width:auto; 
	margin: 5px  !important; 
	display: inline-block; 
	text-align:center;
}
.related_content a.related-button:hover {} */
/* 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#comment_all {
	padding-bottom: 30px;
}
div.commenting {
	padding: 0 0 30px 0;
	margin: 10px 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: 10px 0;
}
div.comment {
	margin: 10px 0 10px 0;
	float: left;
}
div.comment h4 {
	margin-top: 0 !important;
}
h3.comments-title {
	margin-bottom: 0 !important;
	margin-top: 20px;
}
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;
	line-height: 1;
}
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;
	font-size: 0.8rem;
}
.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;
	font-size: 1rem;
	min-width: 110px;
	font-weight: normal;
}
@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: 11px;
	font-size: .6875rem;
	padding: 0 10px 5px 0;
	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: 200px;
	}
	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,
.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;
}
.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: #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 {
	color: #990000 !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;
	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 {
	color: #005880;
	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;
	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;
	color: #005880 !important;
}*/
.faqs div.silvercloud_widget_top_content {
	border: none;
	padding: 0;
	text-align: center;
}
/*================ 28. Online Banking Login ================*/
div.ob-login {
	margin: auto;
	margin-right: 0 !important;
	padding: 0;
	position: relative;
	z-index: 1;
}
div.ob-login form {
	margin: 0;
}
div.ob-login div.login-box {
	color: #fff;
	padding: 10px 30px;
	margin: 0;
}
div.ob-login div.bank-title {
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	color: #EBEBEB;
	font-size: 2.5rem;
	margin: 0 0 15px 0;
	line-height: 1;
}
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 .ob-links a {
	color: #fff;
}
div.ob-login div.login-box div.form-field .input {
	display: block;
	text-align: left;
	width: 100%;
}
div.ob-login div.login-box div.form-field .input input.field {
	font-size: 1.125rem;
	background-color: #EBEBEB;
	color: #005D86;
}
div.ob-login div.login-box div.form-field .input input::-webkit-input-placeholder {
	color: #005D86;
	font-size: 1.125rem;
}
div.ob-login div.login-box div.form-field .input input:-moz-placeholder {
	/* Firefox 18- */
	color: #005D86;
	font-size: 1.125rem;
}
div.ob-login div.login-box div.form-field .input input::-moz-placeholder {
	/* Firefox 19+ */
	color: #005D86;
	font-size: 1.125rem;
}
div.ob-login div.login-box div.form-field .input input:-ms-input-placeholder {
	color: #005D86;
	font-size: 1.125rem;
}
ul.login_links {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	width: 100%;
	text-align: center;
	clear: both;
}
ul.login_links li {
	display: inline-block;
}
ul.login_links a {
	font-size: 0.875rem;
	color: #fff !important;
	margin: 5px 5px;
	text-decoration: none;
}
div.ob-login.banking_disabled .login-box {
	text-align: left;
}
/* hide the banking login button until mobile size */
#JQBankRollup,
#JQBankRollup-close,
div.nav-main ul.nav-menu li.nav-item a.JQMobileBankingAnchor {
	display: none;
}
div.form-field.bank-button {
	text-align: right;
}
button.submit-button,
a.submit-button:link,
button.submit-button:visited {
	border: solid 3px #EA6852 !important;
	background-color: #EA6852 !important;
	color: #fff !important;
	font-size: inherit;
	font-weight: normal;
	padding: 4px 22px;
	cursor: pointer;
	margin: 5px 3px;
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	max-width: 100%;
	display: inline-block;
	font-family: inherit;
	line-height: normal;
}
button.submit-button:hover {
	box-shadow: 1px 1px 5px #d1d1d1;
	border: solid 3px #EA6852 !important;
	background-color: #fff !important;
	color: #000 !important;
}
button.submit-button,
a.button2:active {}
div.form-field.bank-button {
	text-align: right;
}
@media screen and (max-width: 767px) {
	div.ob-login {
		padding-bottom: 10px;
	}
	div.ob-login form {
		overflow: hidden;
	}
	div.ob-login .form-field {
		float: none;
	}
	div.ob-login.banking_disabled {
		margin: 0;
		max-height: 100%;
		border-bottom: 1px solid #000;
		padding: 20px;
	}
	div.ob-login.banking_disabled .login-box {
		text-align: left;
	}
	div.ob-login_inner label,
	div.ob-login_inner input[type=text],
	div.ob-login_inner input[type=password] {
		width: 96%;
	}
	div.ob-login div.login-box input[type=text],
	div.ob-login div.login-box input[type=password] {
		text-align: left;
		margin: 0 auto 5px 0;
		max-width: 100%;
		width: calc(100% - 15px);
	}
	div.ob-login div.login-box div.form-field {
		display: inline-block;
		margin: 10px 5px 0 5px;
		width: auto;
	}
	div.ob-login div.login-box div.form-field.bank-button {
		margin: 0;
		display: block;
	}
	div.ob-login div.form-field.bank-button button.button {
		padding: 7px;
		width: 175px;
		margin: 5px 0;
	}
	div.ob-login div.login-box div.form-field {
		display: block;
		margin: 0 auto 5px auto;
		overflow: hidden;
		text-align: left;
		padding: 0 5%;
	}
	.login_links {
		margin-top: 10px;
	}
	div.ob-login div.login-box div.form-field .input {
		text-align: center;
		font-size: 1rem;
	}
	/* banking login rollup button and container */
	div.nav-main ul.nav-menu li.nav-item.banking-nav a.JQMobileBankingAnchor {
		display: block;
		background-color: #008027;
		padding: 5px
	}
	div.nav-main ul.nav-menu li.nav-item.banking-nav a.JQMobileBankingAnchor:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	div.bank-close-button {
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	div.ob-login div.login-box {
		padding: 0 10px 0 10px;
	}
	ul.dropdown ul.sub_menu.JQBankingPanel button {
		margin: -2px auto 0 auto;
		float: right;
		width: auto;
		height: 36px;
		padding: 0 15px;
	}
}
/* ================ 29. Compliance Logos (footer) ================ */
ul.compliance {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.compliance li {
	display: inline-block;
	padding: 0 5px 0 0;
	margin: 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: 13px;
	font-size: 0.8125rem;
	line-height: .90;
	padding: 10px 0 0 0;
}
@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 ================ */
/* client changed clr2-lite colors from e3e3e3 - March 2021. Matches footer*/
.accent {
	color: #a41d1a !important;
}
.clr1-dark {
	color: #008027 !important;
}
.clr1-med {
	color: #00af41 !important;
}
.clr1-lite {
	color: #e3f6ea !important;
}
.clr2-dark {
	color: #2e2e2e !important;
}
.clr2-med {
	color: #afafaf !important;
}
.clr2-lite {
	color: #f7f7f7 !important;
}
.clr1-bg-dark {
	background-color: #008027 !important;
}
.clr1-bg-med {
	background-color: #00af41 !important;
}
.clr1-bg-lite {
	background-color: #e3f6ea !important;
}
.clr2-bg-dark {
	background-color: #2e2e2e !important;
}
.clr2-bg-med {
	background-color: #afafaf !important;
}
.clr2-bg-lite {
	background-color: #f7f7f7 !important;
}
.clr1-bdr-dark {
	border-color: #008027 !important;
}
.clr1-bdr-med {
	border-color: #00af41 !important;
}
.clr1-bdr-lite {
	border-color: #e3f6ea !important;
}
.clr2-bdr-dark {
	border-color: #2e2e2e !important;
}
.clr2-bdr-med {
	border-color: #afafaf !important;
}
.clr2-bdr-lite {
	border-color: #f7f7f7 !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 !important;
}
.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 ------ */
/* 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;
	}
}
/* new back-to-top arrow after scrolling */
.FadingTopArrow {
	color: #009a94;
	opacity: .65;
	padding: 4px 7px 4px 7px;
	position: fixed;
	right: 5px;
	bottom: 10px;
	z-index: 3;
	display: none;
	border: 3px solid #009a94;
	border-radius: 50px;
	background-color: #fff;
	line-height: .8;
}
.FadingTopArrow .fa {
	font-size: 20px;
	line-height: .7;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}
.FadingTopText {
	clear: both;
	font-size: .625rem;
	text-align: center;
	text-transform: uppercase;
	line-height: .7;
	margin-top: -4px;
	display: none;
}
.FadingTopArrow:hover {
	cursor: pointer;
	opacity: 1;
	transition: .25s
}
.double-arrows-up::before {
	content: '\f102';
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	text-decoration: inherit;
}
/* fix for unrelated mobile horizontal scroll problem found during arrow testing */
.JQBankingPanel ul.hblinks {
	padding: 0;
	margin: 0;
}
.JQBankingPanel li.hbb a {
	margin: 0 4px 0 0 !important;
}
/* EOF */
/* Hero Banner */
.hero-banner {
	background-image: url(../img/hero-img.png);
	background-size: cover;
	height: 600px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.hero-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.hero-banner.darken1::before {
	background-color: rgb(0 0 0 / 10%);
}
.hero-banner.darken2::before {
	background-color: rgb(0 0 0 / 20%);
}
.hero-banner.darken3::before {
	background-color: rgb(0 0 0 / 30%);
}
.hero-banner.darken4::before {
	background-color: rgb(0 0 0 / 40%);
}
.hero-banner.darken5::before {
	background-color: rgb(0 0 0 / 50%);
}
.hero-banner .container {
	position: relative;
	max-width: 1280px;
	padding-top: 200px;
	z-index: 2;
}
.hero-banner h2 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
}
.hero-banner h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
}
.hero-banner p {
	font-size: 17px;
	color: #fff;
	font-weight: 600;
	margin-top: 25px;
}
.hero-banner.txt-dark h2,
.hero-banner.txt-dark h3,
.hero-banner.txt-dark p {
	color: #000;
}
.hero-banner.shadow1 h2,
.hero-banner.shadow1 h3,
.hero-banner.shadow1 p {
	text-shadow: 1px 1px 20px rgb(0 0 0 / 90%);
}
.home-page-wrapper div.decks.fix {
	overflow: visible !important;
}
.deckinner.hprates {
	padding: 30px !important;
	box-shadow: 0px 5px 20px rgb(170 170 170 / 25%);
	border-radius: 10px;
	transform: translateY(-75px);
	position: relative;
	z-index: 2;
	background-color: #fff;
	overflow: hidden;
}
.deckinner.hprates .left {
	margin: 10px 0;
}
div.contentdeck#hprates .multicol-inner {
	padding: 0 15px !important;
}
#hprates .featureblock {
	padding: 20px;
	background-color: #F0FAF3;
	border-radius: 10px;
}
#hprates p {
	margin: 0;
}
#hprates .inner {
	padding: 0;
}
@media screen and (max-width:992px) {
	.hero-banner .container {
		padding-top: 200px;
	}
	.hero-banner h2 {
		font-size: 40px;
	}
}
.search_form {
	display: flex;
	align-items: center;
}
.search_form .search-field {
	font-size: 18px !important;
	padding: 1em 3%;
	border-radius: 2px 0 0 2px;
	border: 1px solid #ccc !important;
	border-right: 0 !important;
}
.search_form .search-field:focus {
	outline: 0;
}
.search_container .fa-times {
	position: absolute;
	right: 80px;
	color: #aaa;
	z-index: 5;
}
@media screen and (max-width: 767px) {
	.search_container .fa-times {
		right: 40px;
	}
	.search_form .search-field {
		font-size: 14px !important;
	}
	.search-box {
		top: -50px;
	}
}


.image-copy-slider{
    margin-bottom: 100px!important;
    margin-top: 110px;
}

/* added to prevent flattened look when first loading */
.image-copy-slider .slick-slide {min-height: 469px;}


.image-copy-slider .text-box {
    max-width: 680px;
    width: 100%;
    background: rgba(255, 255, 255,.8);
    padding: 60px 50px;
    position: absolute;
    right: 0;
    right: 0px;
    box-shadow: 8px 0px 36px -6px rgb(0 0 0 / 5%);
    border: 4px solid #f3f5f6;
     height: 400px;
    display: flex;
    align-items: center;
    z-index: 5;
    top: 6%;
	border-radius: 10px;
}
.image-copy-slider h2 {
    font-weight: 700;
    font-size: 50px;
    color: #000000;
}
.image-copy-slider .slick-slide {
    margin: 0 15px;
}
.image-copy-slider p {
    font-weight: 600;
    font-size: 17px;
    color: #000000;
}
.image-copy-slider .btn-primary {
    background-color: #009fd6 !important;
    padding: 12px 35px !important;
	color: #fff !important;
	border-radius: 0!important;
	border: 0;
	text-decoration: none;

}
.image-copy-slider .btn-primary:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.image-copy-slider .slick-prev:before {
    content: url(/content/images/original/prev.png);
}
.image-copy-slider .slick-next:before {
    content: url(/content/images/original/next.png);
}
.slick-next:focus,
.slick-prev:focus {
    outline: 0;
}
.image-copy-slider .slick-prev,
.image-copy-slider .slick-next {
	bottom: 40px;
    top: inherit;
}
.image-copy-slider .slick-next{
 
		right: 62px;
	 
}

.image-copy-slider  .slick-prev {
    left: inherit;
	right: 110px;
    z-index: 2;
}








.image-copy-slider .slick-dots li button:before {
    font-size: 17px;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25 !important;
}
.image-copy-slider .slick-dots {
	position: absolute;
    bottom: 40%;
    display: block;
    width: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: -90px;
    right: 0;
    margin: auto;
}
.image-copy-slider .slick-dots li.slick-active button:before {
    content: url(/content/images/original/active-dots.png);
    opacity: 1 !important;
    
	top: -1px;
    left: 0px;
}
.image-copy-slider .slick-dots .slick-active {
    width: 20px;
    height: 30px;
}
.image-copy-slider .slick-dots:focus {
    opacity: .7;
}
/* @media screen and (max-width:1220px) {
    .image-copy-slider .text-box {
        transform: scale(.8);
    }
} */
@media screen and (max-width:1250px) {
.image-copy-slider .slick-dots {
 
    left: -134px;
    
}
}
@media screen and (max-width:1199px) {

.image-copy-slider .slick-dots {
    
    left: -410px;
  
}

}


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

	.image-copy-slider .slick-dots {
	 
		display: none !important;
	 
	}

	.image-copy-slider .slick-next {
		right: 0;
		left: 0;
		margin: auto;
		transform: translate(62px, 0);
	}
	.image-copy-slider .slick-prev {
		right: 0;
		left: 0;
		margin: auto;
		transform: translate(-62px, 0);
	}

	.image-copy-slider .slick-prev, .image-copy-slider .slick-next {
		bottom: -40px;
		top: inherit;
		
	}




    .image-copy-slider .text-box {
        transform: scale(1);
    }
    .image-copy-slider .text-box {
        max-width: none;
        padding: 30px 30px 50px 70px;
        position: static;
    }
    .image-copy-slider .text-box .slick-dots {
        bottom: 3px;
        left: -67px;
    }
    .image-copy-slider .text-box h2 {
        font-size: 40px;
    }
    .image-copy-slider .text-box h2 br {
        display: none;
    }
    .image-copy-slider .btn-primary {
        background-color: #009fd6 !important;
        padding: 8px 17px !important;
        font-size: 18px !important;
	
    }
    .image-copy-slider .slick-next {
        right: -10px;
    }


	.image-copy-slider .slick-slide img {
	 
		width: 100%;
	}






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


	.image-copy-slider .text-box {
	 
		height: auto;
		 
	}






    .image-copy-slider h2 {
        font-size: 26px;
    }
   
    .image-copy-slider .slick-prev {
        right: 22px;
    }
	.image-copy-slider .text-box {
		 
		padding: 35px;
		 
	}
}
 
.refer-row {
 
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
	max-width: 1230px;

    margin: 40px auto;

	background-position: center;
}
.refer-row h2 {
	font-size: 31px;
	font-weight: 700;
	color: #fff;
}
.refer-row p {
	font-size: 17px;
	margin: 25px 0;
	color: #fff;
}
.refer-row .btn-primary {
	font-size: 17px;
	padding: 13px 34px !important;
	color: #fff;
	background-color: #008027 !important;
	 
	font-size: 22px !important;
	border-radius: 0 !important;
	border: 0 !important;
	text-decoration: none; 
	transition: all .3s;
}
 
 
@media screen and (max-width:991px) {
	.refer-row {
		margin: 70px auto;
	}
	 
}
 
@media screen and (max-width: 600px) {
 
	.refer-row .btn-primary {
		font-size: 17px !important;
		padding: 8px 12px !important;
	}
	.difference-row {
		margin-bottom: 70px;
	}
	 
}
 
.democracyfcu-row {
	background: url(/content/images/original/video-row-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 438px;
}
.democracyfcu-row .container {
	max-width: 1190px;
}
.democracyfcu-row h2 {
	font-size: 31px;
	font-weight: 700;
	color: #fff;
}
.democracyfcu-row p {
	font-size: 17px;
	margin: 25px 0 0 0;
	color: #fff;
}
.democracyfcu-row iframe {
	width: 100%;
	height: 320px;
	border-radius: 15px;
}

 
 
 
@media screen and (max-width: 767px) {
	.democracyfcu-row {
		background: #009fd6;
		padding: 50px 10px;
		margin: 45px auto;
	}
}
 
 
 
.difference-row {
	/* background-image: url(/content/images/original/difference-bg.jpg); */
	padding-top: 50px;
	margin-top: 100px;
	background-repeat: no-repeat;
	margin-bottom: 200px;
}
.difference-row .container{
	transform: translateY(100px);
	margin-top: -100px;
	border-radius: 10px;
}
.difference-row h2 {
	font-size: 40px;
    font-weight: 700;
    color: #fff;
}
.difference-row p {
	font-size: 16px;
	color: #000;
}
.difference-row h3 {
	font-size: 50px;
	font-weight: 700;
	color: #000;
}

 
.testimonials-section {
    background-color: #F0FaF3;
    width: 100%;
    clear: both;
    margin: auto;
    padding: 50px 15px;
    box-sizing: border-box;
	margin-top: 100px;
}
.testimonials-section .inner {
    max-width: 950px;
    width: 100%;
    margin: auto;
    clear: both;

}
.testimonials-section .text-box {
    background-color: #fff;
    padding: 40px 40px 40px 80px;;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 17px 2px rgb(0 0 0 / 6%);
		font-weight: 700;
    color: #000;
    height: auto;
    display: flex;
    align-items: center;

}
.testimonials-section .text-box .ttml-title:before {
    content: url(/content/images/original/quote.png);
    position: absolute;
    left: -52px;
}

.testimonials-section .ttml-title{
	position: relative;

}
.testimonials-section .text-box p {
    font-size: 16px;
    color: #236092;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}
.testimonials-section .text-box p span {
    display: block;
    font-weight: 700;
    position: relative;
}
.testimonials-section .text-box p span:before {
   
    position: absolute;
    left: -40px;
}
.testimonials-section .slider-for .slick-slide {
    margin: 0 20px;
}
.testimonials-section .slider-nav .slick-slide {
    margin: 0 25px;
}
.testimonials-section .slider-nav {
    margin-top: 40px !important;
    text-align: center;
    left: 30px;
    position: relative;
}
.testimonials-section .circle-section {
    position: relative;
    text-align: center;
}
.testimonials-section .circle-1 {
    background-color: #009FD6;
}
.testimonials-section .circle-2 {
    background-color: #008080;
}
.testimonials-section .circle-3 {
    background-color: #008027;
}
.testimonials-section .circle-4 {
    background-color: #231F20;
}
.testimonials-section .circle-5 {
    background-color: #6247aa;
}
.testimonials-section h3 {
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000000;
    margin: 0;
}
.testimonials-section p {
    color: #000000;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.testimonials-section .copy {
    text-align: left;
    right: -60px;
    top: 8px;
    opacity: 0;
    position: relative;
    transition: all .1s;
    
}
.testimonials-section .circle {
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
    margin: auto auto auto 25px;
    cursor: pointer;
    transition: all .5s;

}
.testimonials-section .slick-current .copy {
    opacity: 1;
    top: -40px;
    right: -45px;
    position: relative;
    transition: all .5s;
}
.testimonials-section .slick-current .circle {
    margin-left: -15px;
    position: relative;
}
.testimonials-section .slick-current .circle:before {
    content: url(../img/arrow.png);
    margin-top: -55px;
    position: absolute;
    left: 89px;
 
}

.testimonials-section .slider-for .slick-list {
padding-top: 15px;
padding-bottom: 15px;
}
.testimonials-section .slider-nav .slick-list {
    overflow: visible;
}
@media screen and (max-width: 1279px) {
    .testimonials-section .slick-current .circle {
        margin-left: -55px;
    }
    .testimonials-section .slick-current .copy {
        right: -10px;
    }
}
@media screen and (max-width: 1023px) {
    .testimonials-section .slider-nav .slick-list {
        overflow: hidden;
        padding-top: 50px;

    }
    .testimonials-section .slider-nav {
        margin-top: -25px !important;
 
        left: 0;
   
    width: 80%;margin: 0 auto;}


    .testimonials-section .slick-current .copy {
        right: -90px;
    }
    .testimonials-section .slick-current .circle {
        margin-left: 20px;
    }

		
    .testimonials-section .slick-current .circle:before{
			margin-top: -40px;
		}
}
@media screen and (max-width: 767px) {

	
    .testimonials-section .slick-current .copy {
        /* right: -90px; */
    }
    .testimonials-section .copy {
        right: -60px;
    }
    .testimonials-section .slick-current .circle {
        margin-left: 0;
    }
    .testimonials-section .text-box {
        padding: 30px 20px 30px 60px;
    }
    .testimonials-section .text-box p {
        font-size: 15px;
        line-height: 27px;
    }
    .testimonials-section .slick-current .copy {
        right: -70px;
    }
  
}



.testimonials-section .slick-track {
    display: flex;
}

@media screen and (min-width: 1024px){
.slider-nav .slick-track {
    transform: none !important;
    width: 950px;
}
}


 
.team-section {
    max-width: 1280px;
    width: 80%;
    margin: 70px auto;
    clear: both;
    text-align: center;
    box-sizing: border-box;
}
.team-section h2 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}
.team-section h3 {
	font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-top: 35px;
    text-align: center;
}
.team-section h3  a{
	 text-decoration: none;
    color: #000;
    
}


.team-section .img-box {
    position: relative;
}
.team-section .img-box img {
	width: 100%;
    border-radius: 10px;
}
.team-section .slick-slide {
    margin: 0 20px;
}
.team-section .years {
	background-color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 14px -8px #000000;
    width: max-content;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.team-section .slick-prev:before {
    content: url(/img/prev.png);
}
.team-section .slick-next:before {
    content: url(/img/next.png);
}
.team-section .slick-prev,
.team-section .slick-next {
    top: 40%;
}
.team-section .btn-primary {
    background-color: #A32135;
    border: 2px solid #A32135;
    border-radius: 50px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    text-decoration: none;
    padding: 12px 37px;
    margin: 40px auto auto auto;
    display: table;
    transition: all .5s;
}
.team-section .btn-primary:hover {
    background-color: #fff;
    color: #A32135;
}

@media screen and (max-width: 767px) {
 
    .team-section h2 {
        font-size: 31px;
    }
    .team-section .btn-primary {
        font-size: 18px;
        padding: 9px 30px;
    }

		#header .header_logo{
			height: 65px;
		}

		.nav-row ul li.nav-item{
			display: block !important;
			margin: 0 !important;
		}

		.submenu{
			padding: 0 !important;
		}
}

.refer-row .btn-primary, .btn-primary, .btn-join, .btn-login,.image-copy-slider .btn-primary,.white .featureblock .button {border-radius: 5px !important;}

.slick-slide img {border-radius:10px;}








/* NEWS & UPDATES */

.news-section {
	background-color: #ecf6f9;
	padding: 50px 15px;
}
.news-section .container {
max-width: 1270px;
}
.news-section h2 {
	font-size: 40px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
.news-section .white-box {
	max-width: 455px;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 8px 10px -1px rgba(0, 0, 0, 0.1);
	padding: 39px 33px;
	background-color: #fff;
	height: 100%;
	display: flex;
}
.news-section h3 {
	font-size: 21px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}
.news-section a {
	color: #3367D6 !important;
	font-weight: 700;
	text-decoration: underline;
}
.news-section p {
	margin-bottom: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;

}
.news-section .inner {
	max-width: 240px;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0;
}
.news-section img {
    width: 290px;
    height: 230px;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    right: 30px;
}
 

@media screen and (max-width: 1267px) {
	.news-section img {
		width: 270px;
		height: 230px;
		 
	}	

}
@media screen and (max-width: 1223px){
.news-section img {
    width: 220px;
  
}
}
@media screen and (max-width: 1125px){
.news-section .inner {
    max-width: 170px;
    
}

}

@media screen and (max-width: 991px) {
.news-section img {
    
    position: static;
 
    width: 100%;
	margin-bottom: 15px;
}
.news-section .inner {
    max-width: none;
    display: block;
 
}
}

@media screen and (max-width: 767px) {
.news-section .white-box {
	max-width: none;
    padding: 23px;
     
}
.news-section h2 {
	font-size: 31px;
	 
}
}