/* CSS Document */
/* Level 9 Voice Website "site.css" structure:
1. Reset and Accessibility
2. Standard HTML elements
3. Standardized Color Values
4. Custom Button Styling
5. Calls to Action (BIT TYPE)
6. Promotions & Testimonials (BIT TYPE)
7. Styles for tinymce and tinymce style selector
8. Quick Text Formatting
9. Show/Hide and Other Display Visuals
10. Site Layout Elements
10. Site Layout Elements
11. Mobile Header / Menu
12. Header Elements
13. Footer Elements
14. Navigation
	14.1 Mega Menus
	14.2 Dropdown Menus
	14.3 Top Navigation
	14.4 Sub-Navigation (in-page)
	14.5 Bottom Navigation (Footer)
15. Announcements and Alerts
16. Speedbumps
17. Sitemap
18. FAQ's
19. Responsive Lists
20. Posts / Post Lists / Post Images
21. Seminars / Events
22. Site Banners
	22.1 Flexslider 
	22.2. VOICE Banners (BIT TYPE)
	22.3. Video Banners (BIT TYPE)
23. JQuery Style Overrides
24. Ajax Elements
25. Google Search or Voice Search Integration
26. Online Banking Login
27. OPEN
28. Layout Framework, Content Decks & Tabbed Content Areas
	28.1. Column Layouts
	28.2. Responsive Column Layouts
	28.5. Clearfix and Clearing
	28.6. Floating
	28.7. General Responsive Elements
	28.8. Content Decks
	28.9. Tabbed Content Areas
	28.10. Flexible Iframe & Responsive Videos
29. Form Framework
	29.1. Placeholders
30. Rate Tables
31. Featured Rates and Featured Icons (BIT TYPE)
32. Comparison Charts (BIT TYPE)
33. Bit Randomizer - Staff Listings (BIT TYPE)
34. Step Lists (BIT TYPE)
35. Google Maps (BIT TYPE)
36. Commenting and Rating
37. Surveys and Polls
38. Personalized / Location Based Content


*/
html {
    /* Setting the font-size at document level using an absolute unit overwrites the user's browser settings, so this must be relative -- do not change */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

/* added more of a reset, since we're using more HTML buttons */

button:hover, button:focus {background-color:#fff; color: #3E6C7D; border: none; outline: transparent;}



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

.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;
}
/* ================ 2. Standard HTML elements ================ */

body {
    font-family: hatch, serif;
    font-size: 15px;
    font-size: 0.9375rem;
	font-weight:300;
    line-height: 25px;
    background-color: #ffffff;
    margin: 0;
    color: #55565A;
    position: relative;
    z-index: 0;
    min-height: 100%;
    height: 100%;
}
p {
    line-height: 1.5;
    margin: 0 0 20px 0;
}
p:empty, .content:empty {
    display: none;
}
sup {
    font-size: 60%;
}
/*  ********* CONTENT STYLES MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM *********    */

a:link, a:visited {
    color: #3E6C7D;
    text-decoration: underline;
}
a:hover, a:active {
    color: #2e2e2e;
    text-decoration: none;
}
a:link, a:visited {
    background-color: transparent;
}
a:hover, a:active {
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    margin: 30px 0 10px 0;
    line-height: normal;
    font-weight: 700;
    font-family: rift, sans-serif;
    color: #3E6C7D;
}
h1 {
    font-size: 58px;
    font-size: 3.625rem;
    letter-spacing: -2px;
    color: #3E6C7D;
    font-weight: 700;
    margin: 30px 0 0 0;
}
h2 {
    font-size: 38px;
    font-size: 2.375rem;
    color: #3E6C7D;
    font-weight: 700;
	line-height: 1.1;
}
h3 {
    font-size: 30px;
    font-size: 1.875rem;
    color: #3E6C7D;
    font-weight: 700;
}
h4 {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: rift, sans-serif;
    color: #000;
    font-weight: 700;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: hatch, serif;
    color: #D57D28;
    font-weight: 500;
}
h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: hatch, serif;
    color: #D57D28;
    font-weight: 700;
}
/* ================ 3. Standardized Color Values ================ */

/* Winnipesaukee */
.clr1-dark {
    color: #3E6C7D !important;
}
.clr1-bg-dark {
    background-color: #3E6C7D !important;
}
.clr1-bdr-dark {
    border-color: #3E6C7D !important;
}

/* Color 2  */
.clr1-med {
    color: #7DA2B0 !important;
}
.clr1-bg-med {
    background-color: #7DA2B0 !important;
}
.clr1-bdr-med {
    border-color: #7DA2B0 !important;
}

/* Color 3 */
.clr1-lite {
    color: #BADCE8 !important;
}
.clr1-bg-lite {
    background-color: #BADCE8 !important;
}
.clr1-bdr-lite {
    border-color: #BADCE8 !important;
}

/* Charcoal */
.clr2-dark {
    color: #55565A !important;
}
.clr2-bg-dark {
    background-color: #55565A !important;
}
.clr2-bdr-dark {
    border-color: #55565A !important;
}

/* Gray */
.clr2-med {
    color: #9D9FA6 !important;
}
.clr2-bg-med {
    background-color: #9D9FA6 !important;
}
.clr2-bdr-med {
    border-color: #9D9FA6 !important;
}

/* Light Gray - Overcast */
.clr2-lite {
    color: #e3e3e3 !important;
}
.clr2-bg-lite {
    background-color: #e3e3e3 !important;
}
.clr2-bdr-lite {
    border-color: #e3e3e3 !important;
}

th.clr1-bg-dark, th.clr1-bg-med, th.clr2-bg-dark, th.clr2-bg-med {
    color: #fff !important;
}
td.clr1-bg-dark, .clr1-bg-dark div, .clr1-bg-dark p, .clr1-bg-dark a, td.clr1-bg-med, .clr1-bg-med div, .clr1-bg-med p, .clr1-bg-med a, td.clr2-bg-dark, .clr2-bg-dark div, .clr2-bg-dark p, .clr2-bg-dark a, td.clr2-bg-med, .clr2-bg-med div, .clr2-bg-med p, .clr2-bg-med a, .clr1-bg-dark h1, .clr1-bg-dark h2, .clr1-bg-dark h3, .clr1-bg-dark h4, .clr1-bg-dark h5, .clr1-bg-dark h6, .clr2-bg-dark h1, .clr2-bg-dark h2, .clr2-bg-dark h3, .clr2-bg-dark h4, .clr2-bg-dark h5, .clr2-bg-dark h6, .clr1-bg-med h1, .clr1-bg-med h2, .clr1-bg-med h3, .clr1-bg-med h4, .clr1-bg-med h5, .clr1-bg-med h6, .clr2-bg-med h1, .clr2-bg-med h2, .clr2-bg-med h3, .clr2-bg-med h4, .clr2-bg-med h5, .clr2-bg-med h6 {
    color: #fff !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;
}
/* Chartreuse */
.accent-dark {color: #70A200 !important;}
.accent-bg-dark {background-color: #70A200 !important;}
.accent-bdr-dark {border-color: #70A200 !important;}


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

/* ================ 4. Custom Button Styling ================ */

.altfont {font-family:rift, sans-serif;}

/*these styles are here so that they are included on every page in the site and in the tinymce editor display*/
input[type=button], input[type=submit], a.button, a.button:link, a.button:visited, button {
    border: 2px solid #D57D28;
    background-color: #D57D28;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 10px 25px;
    cursor: pointer;
    color: #fff;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    /* line-height: 40px;*/
    font-family: rift, sans-serif;
    border-radius: 8px;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover {
    border: 2px solid #000;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
}
input[type=button]:active, input[type=submit]:active, a.button:active, button:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}
a.button2, a.button2:link, a.button2:visited, button.button2 {
    border: 2px solid #979831;
    background-color: #979831;
    color: #fff;
}
a.button2:hover, button.button2:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
a.button2:active, button.button2:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}
a.button3, a.button3:link, a.button3:visited, button.button3 {
    border: none;
    background-color: #3E6C7D;
    color:#fff;
}
a.button3:hover, button.button3:hover {
    border: none;
    background-color: #535859;
    color: #fff;
}
a.button3:active, button.button3:active {
    border: solid 2px #979831;
    background-color: #F9E07F;
    filter: none;
    color: #000;
}

/* Oak */
a.button4, a.button4:link, a.button4:visited, button.button4 {
    border: none;
    background-color: #4C412A;
    color:#fff;
}
a.button4:hover, button.button4:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
a.button4:active, button.button4:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}

/* Charcoal */
a.button5, a.button5:link, a.button5:visited, button.button5 {
    border: none;
    background-color: #55565A;
    color:#fff;
}
a.button5:hover, button.button5:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
a.button5:active, button.button5:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}


/* ================ Other default Buttons ================ */


a.back-button {
	display: block;
	padding: 5px 10px;
	background-color: #fff;

	font-weight: normal;
	cursor: pointer;
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	float: right !important;
	width: 50px;
	margin: 10px 5px;
	box-shadow: 0 0 0 1px #dedede;
	/* border: 1px solid #dedede;*/
}

a.back-button:hover {box-shadow:  0 0 1px 1px #dfe5e5; text-decoration: underline;}
a.back-button:active {	box-shadow:  0 0 1px 1px #dfe5e5;}

/* ================ 5. Calls to Action (BIT TYPE) ================ */
div.cta {
    display: inline-block;
    clear: right;
}
div.content div.cta {
	clear: both;
}

.deck-distinct div.cta {
    width: 270px;
}
.deck-distinct div.cta a {
    display: block;
}
div.cta a {
    border: 2px solid #D57D28;
    background-color: #D57D28;
    font-size: 21px;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 10px 25px;
    cursor: pointer;
    color: #fff;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
	min-width:150px;
    font-family: rift, sans-serif;
    line-height: 1.2;
    text-align: center;
    display: inline-block;
	border-radius: 8px;
}

div.cta a:hover {
    border: 2px solid #000;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
}

div.cta.theme1 a {

}
div.cta.theme2 a {
    background-color: #3E6C7D;
    border: solid 2px #3E6C7D;
}
div.cta.theme2 a:hover {
    background-color: #000;
    color: #fff !important;
    border: solid 2px #000;
}
div.cta.theme3 a {
    background-color: #979831;
    color: #fff;
    border: solid 2px #979831;

}
div.cta.theme3 a:hover {
    background-color: #000;
    border: solid 2px #000;
}
div.cta.theme4 a {
    background-color: #4C412A;
    color: #fff;
    border: solid 2px #4C412A;

}
div.cta.theme4 a:hover {
    background-color: #000;
    border: solid 2px #000;
}

div.cta.theme5 a {
    background-color: #55565A;
    color: #fff;
    border: solid 2px #55565A;

}
div.cta.theme5 a:hover {
    background-color: #000;
    border: solid 2px #000;
}

/*if the cta is in the intro area of the page, do this...*/
.intro .cta {
    float: right;
    clear: left;
    margin: 10px 10%;
}

@media screen and (max-width: 500px) {
    .intro .cta {
        float: none;
        clear: none;
        margin: auto;
    }
}



div.sidebar div.cta, div.sidebar div.cta a  {display: block;}
div.sidebar div.cta {
    text-align: center;
    margin: 0 auto;
	padding: 0;
}
div.sidebar div.cta a {
    width: auto; margin: 5px auto;
}

div.cta a.cta-txt-left {text-align: left;}
div.cta a.cta-txt-right {text-align: right;}


/* ================ 6. Promotions & Testimonials ================ */
.promotion {
    padding: 0;
    margin: 10px 0 10px 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
    border: none;
	clear: both;
}
.promotion .inner {
    padding: 10px 10px 10px 25px;
}
.promotion p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: left;
    margin: 2% 0;
    font-family: inherit;
    font-weight: inherit;
}
.promotion h3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-weight: 900;
	    color: #D57D28;
		margin-bottom: 10px !important;
		line-height: 1.1;
}
.promotion .button {
    /*max-height: 30px;*/
    line-height: 30px !important;
}
.promotion .button:hover {
    box-shadow: none;
}

.promotion ul.faq-list li {
    padding: 0;
	line-height: 1.5;
}

/*Theme 1*/
.promotion.theme1 {
    background-color: #fff;
    border: none;
}
.promotion.theme1 h3 {
    color: #D57D28;
}

.promotion.theme1 .button {}
.promotion.theme1 .button:hover {}
/*Theme 2*/
.promotion.theme2 {
    background-color: #3E6C7D;
    border: none;
    background-image:url("../img/deckbg.gif")
}
.promotion.theme2 h3 {
    color: #ffffff;
    line-height: 40px;
    text-shadow: 1px 1px 4px #000;
}
.promotion.theme2 p {
	color: #ffffff !important;
	text-shadow: 1px 1px 4px #000;
	
}
.promotion.theme2 a {
	color: #ffffff !important;
	text-shadow: 1px 1px 4px #000;
}
.promotion.theme2 .button {box-shadow: 1px 1px 4px #000;}

/*.promotion.theme2 h3:after
{background: #3E6C7D;
    display: block;
    content: '';
    height: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 90%;
	}*/

/*Theme 3*/
.promotion.theme3 {
    background-color: #fff;
    border-color: transparent;
	background-image:url("../img/panel-multi.gif");
	background-size: cover;
	background-position:50%;
}

.promotion.theme3 h3 {
    color: #ffffff;
    line-height: 40px;
	text-shadow: 1px 1px 4px #000;
}
.promotion.theme3 p {
	color: #000 !important;
	text-shadow: 1px 1px 4px #fff;
	
}
.promotion.theme3 a {
	color: #000 !important;
	text-shadow: 1px 1px 4px #fff;
}

.promotion.theme3 .button {
    background-color: #4C412A;
    border-color: #4C412A;
	box-shadow: 1px 1px 4px #000;
}
.promotion.theme3 .button:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
/*Theme 4 not used on this site
.promotion.theme4 {
    background-color: transparent;
    border-top: 3px solid #D57D28;
    border-bottom: 3px solid #D57D28;
}
.promotion.theme4 h3 {
    color: #D57D28;
    font-size: 1.2rem;
	font-weight: 700;
}
.promotion.theme4 .button {
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: normal;
    border: none;
    color: #D57D28;
    text-decoration: underline;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Public Sans', sans-serif;
}
.promotion.theme4 .button:hover {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}*/
/*Begin Testimonials*/
.testimonial {
    position: relative;
    margin-bottom: 15px;
    background-color: #2b2c2d;
    color: #fff;
    border: none;
    padding: 20px;
    background-color: transparent;
    border: solid 5px #D57D28;
    border-radius: 3px;
}

.testimonial p {
    display: inline;
    font-weight:500;
    font-size: 17px;
    font-size: 1.0625rem;
    /* padding: 0 20px 0 10px;*/
    margin: 0;
    color: #535859;
}
/*testimonial down arrow*/
.testimonial:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #D57D28;
    border-width: 18px;
    margin-left: 25px;
    right: 25px;
}
.testimonial-theme1 {
    background-color: transparent;
    border: solid 5px #D57D28;
    border-radius: 3px;
}
.testimonial.testimonial-theme1:after {
    border-top-color: #D57D28;
}
.testimonial-theme2 {
    background-color: #e3e3e3;
    border: solid 5px #e3e3e3;
}
.testimonial.testimonial-theme2:after {
    border-top-color: #e3e3e3;
}

.testimonial-theme3 {
    background-color: transparent;
    border: solid 5px #979831;
    border-radius: 3px;
}
.testimonial.testimonial-theme3:after {
    border-top-color: #979831;
}
.testimonial-author {
    margin: 15px 0 0 15px;
    display: block;
    text-align: right;
}
.testimonial-author p {
    color: #000;
    font-size: 1.1rem;
}

/* deck-related adjustments for homepage testimonial*/
.contentdeck .testimonial {display: block;}
.contentdeck .testimonial .inner {text-align: center;}
.contentdeck .testimonial p {font-size: 1.4rem; font-weight: 700;}
.contentdeck .testimonial:after {right: calc(50% - 25px);}
.contentdeck .testimonial-author {text-align: center;}
.contentdeck .testimonial-author p {color: #3E6C7D; font-size: 1.5rem;  font-weight: 400; line-height: 1.3;}

/*testimonial speech marks removed per JP - use normal quotes instead*/
/*end testimonial*/

/* move promo up when promo is in a deck */

div.contentdeck .promotion {margin-top: -20px;}

@media screen and (max-width: 768px) {	
/* putting margin back at mobile size */
	div.contentdeck .promotion {margin-top: 20px;}
}
/* add padding to the first paragraph in the intro area */
.content1 p:first-of-type {padding: 20px 0 0 0;}

/* ================ 7. Styles for tinymce editor style selector ================ */
/******* CONTENT STYLES MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM *****/
.intro {
    font-size: 22px;
    font-size: 1.375rem;
    color: #D57D28;
    line-height: 32px;
    font-weight: 500;
    font-style: italic;
}
.intro-alt {
    font-size: 22px;
    font-size: 1.375rem;
    color: #D57D28;
    line-height: 32px;
    font-weight: 500;
}
.red {
    color: #950609;
}
.huge {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1;
}
.large {
    font-size: 35px;
    font-size: 2.1875rem;
}
.medium {
    font-size: 24px;
    font-size: 1.5rem;
}
.small {
    font-size: 14px;
    font-size: 0.875rem;
}
.tiny {
	font-size: 11px; 
	font-size: .7rem; 
	line-height: 1.5; 
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
}
.caption {
    font-size: 14px;
    font-size: 0.875rem;
    color: #363D3E;
    font-weight:500;
}

/*=== END Editor Styles ===*/
/*=== Other styles used by TINYMCE ===*/
/* Image alignment and formatting  */
img.img_onethird {
    width: 33.333333%;
}
img.img_onehalf {
    width: 50%;
}
img.img_twothirds {
    width: 66.666666%;
}
img.img_full {
    min-width: 100%;
}
img.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}
img.alignright {
    float: right;
    margin: 0 0 10px 20px;
}
img.alignnone {
    float: none;
}
img.border1, img.border2, img.border3, img.border4, img.border5 {
    border-color: #333;
}
img.border0 {
    border: none;
}
img.border1 {
    border: solid 1px;
}
img.border2 {
    border: solid 2px;
}
img.border3 {
    border: solid 3px;
}
img.border4 {
    border: solid 4px;
}
img.border5 {
    border: solid 5px;
}
/* ================ 8. Quick Text Formatting ================ */
.txt-center {
    text-align: center !important;
}
.txt-left {
    text-align: left !important;
}
.txt-right {
    text-align: right !important;
}
/* ================ 9. Show/Hide and Other Display Visuals ================ */
.hidden, .hide, .hidediv {
    display: none;
}
.show {
    display: block;
}
td.show, th.show {
    display: table-cell;
}
.inline, ul.inline li, ol.inline li {
    display: inline;
}
.pointer {
    cursor: pointer;
}
.bullet:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    font-size: inherit;
    margin: 0 7px 0 0;
}

.hover-float:hover {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    cursor: pointer;
}

/* ================ 10. Site Layout Elements ================ */
.wrapper {
    max-width: 100%;
    margin: auto;
}
.wrapper-inner {}
.page-inner, .deck-inner {
    max-width: 1280px;
    margin: auto;
    padding: 0 20px;
    position: relative;
    clear: both;
}
.page-inner, .header-inner, .footer-inner, .deckinner {
    max-width: 1280px;
    margin: auto;
    padding: 0;
    position: relative;
    clear: both;
}
.subnav-mobile, .sidebar-mobile {
    display: none;
}




/* ================ 11. Mobile Header / Menu ================ */

/* menu is the same at desktop and mobile */

/* ================ 12. Header Elements ================ */


.header {
	width:100%;
	/* height: 75px;	*/
}

/*header with banner*/
.wrapper.hasbanner .header {
	/* position: absolute; tucks banner underneath header */

}

/*header without banner*/
.wrapper .header, .wrapper.hasnobanner .header {
	position: relative;
	background: #fff;
	/* max-width: 1280px;*/
	margin: auto;
}

.wrapper.hasnobanner h1 { }
.wrapper.hasnobanner div.subnav {margin-top: 100px;}


.header .col-topnav {
    width: 40%;
}
.header .col-logo {
	display: none;
}
.header .col-headspace {
	width: calc(60% - 195px); 
}
.header .col-iconnav {
    width: 80px;
	text-align: center;
}
.header .col-oblogin {
    width: 110px;
    overflow: hidden;
	margin: 0;
	padding-right: 5px;
	text-align: right;
}
.header .col-menu {
	display: none;
}

.header-logo, .header-logo img {
	display: none;
}

.header-icon {
    color: #333;
    text-align: center;
    margin: 1px auto 0 auto;

}
.header-icon a {
    color: #333;
    font-size: 2.2rem;
}
.header-chat {
    margin: 16px 8px 0 auto;
}

.header-location {
    margin: 10px auto 0 auto;
}
.header-search {
    margin: 18px auto 0 auto;
}

/* bring icons and login to the front - higher than mega-menu top spacer */
.header .col-logo, .header .col-iconnav, .header .col-oblogin {z-index: 4; 	position: relative;} 

div.ob-login-button button {
    background-color: #D57D28 !important;
    padding: 10px 15px;
    box-shadow: none !important;
    border: none !important;
   /* outline: 0; flagged by sortsite */
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin: 5px 0 !important;
    text-decoration: none !important;
    line-height: 1;
    text-transform: uppercase;
	width: 109px;
	height: 50px;
}

.ob-login-button button.container-opened, .ob-login-button button:hover, .ob-login-button button:active {
    background-color: #D57D28;
    color: #fff;
}
.ob-login-button button:hover, .ob-login-button button:active, .ob-login-button button:focus {
	text-shadow: 0px 0px 2px #fff;
}

.ob-title {
	font-size: 1.25rem; 
	font-weight: 400; 
	font-style: italic;
	width: auto;
	color: #fff;
	margin: 15px 0 5px 0;
	}

 /* this is the login box wrapper */
.oblogin {    
	position: relative;
	width: auto;

}
.ob-login-box {
    position: relative;
    text-align: left;
    margin: 0;
    background-color: #D57D28;
    color: #333;
	padding: 5px 0 5px 13px;
	width: 360px;
	max-width: 100%;
}


.ob-login-box input[type=text], .ob-login-box input[type=password] { 
    color: #3E6C7D;
    border: none;
	width: calc(100% - 10px);	
}
	
.ob-login-box input[type=text], div.ob-login-box input[type=password] {
    padding: 3px 15px;
    font-size: .9rem;
    font-family: inherit;
    font-weight: 500;
	height: 40px;
	display: inline-block;
	vertical-align: bottom;
	margin: 5px 0;
}


button.ob-login-submit  {
	background-color: #4C412A;
	padding: 10px 45px;
	margin: 0 0 15px 0;
}

button.ob-login-submit:hover, button.ob-login-submit:active, button.ob-login-submit:focus {
	outline: transparent; background-color: #000;
}

.ob-login-footlinks {
    font-size: 0.8rem;
    margin: 0 0 5px 0;
    float: none;
    color: #333;
	clear: both;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	
}
.ob-login-footlinks a {
    color: #000;
}
.olb-close {
    background-color: transparent !important;
    position: absolute;
	right: 0;
	top: 0;
    border: none;
    clear: both;
    padding: 0 10px;
	color: #fff !important;
	z-index: 5;
	cursor: pointer;
	width: auto;
	font-size: 1rem;
	outline: 0;
	display: none; /* hidden in mockup */

}

.olb-close:hover {
    background-color: transparent !important;
    color: #e3e3e3 !important;
	outline: 0;
	border: none;
}

.olb-close:active {
	outline: 0;
	border: none;
}

.ob-login-box input::-webkit-input-placeholder {
    color: #999; font-weight: 400;
}
.ob-login-box input:-moz-placeholder {
    color: #999; font-weight: 400;
}
.ob-login-box input::-moz-placeholder {
    color: #999; font-weight: 400;
}
.ob-login-box input:-ms-input-placeholder {
    color: #999 !important; font-weight: 400;
}
	
.header-banking {
    padding: 0 !important;
    margin: 0 auto !important;
    width: auto;
    position: absolute;
	clear: both; 
	top: 55px;
	right: 5px;
	z-index: 3;
}
.header-banking .inner {
    margin: auto;
    padding: 0;
    width: auto;
    position: relative;
}

.ob-login-box.banking_disabled {padding: 5px; }
.ob-login-box .banking-disabled {padding: 20px; font-size: 1rem; color: #000; background: #fff; text-align: center;}

@media screen and (max-width: 767px) {
	.oblogin {    
		position: relative;
		top: auto;  
		right: auto;
		width: 100%;
		background-color: #D57D28;
	}
	.ob-login-box {
		padding: 5px 00;
		width: 300px;
		max-width: 100%;
		margin: auto;
		text-align: center;
		z-index: 2;
	}
	.header-banking {clear: both; position: relative; top: auto; right: auto;}

} 


	
input.search-field::-webkit-input-placeholder, input.locator-field::-webkit-input-placeholder {
    color: #3E6C7D;
    text-transform: none;
}
input.search-field:-moz-placeholder, input.locator-field:-moz-placeholder {
    color: #3E6C7D;
    text-transform: none;
}
input.search-field::-moz-placeholder, input.locator-field::-moz-placeholder {
    color: #3E6C7D;
    text-transform: none;
}
input.search-field:-ms-input-placeholder, input.locator-field:-ms-input-placeholder {
    color: #3E6C7D !important;
    text-transform: none !important;
}
.search-box, .locator-box {
    position: relative;
    float: right;
    display: inline-block;
    z-index: 0;
    height: 0px;
    /*width: 0px; this was causing a jump on open*/
    width: 110px; /*start with it closed, but wide enough for search icon and close x*/
    transition: width .4s ease;
    overflow: hidden;
}
input.search-field, input.locator-field {
    border: none !important;
}
.search-box-open, .locator-box-open {
    height: auto;
    width: calc(75% - 120px);
    margin: 5px 0 0 5px;
    padding: 0;
    background-color: #fff;
    max-width: 100%;
    border: 3px solid #3E6C7D;
    position: absolute;
    top: 0;
    right: 120px;
    z-index: 11;
    text-align: right;

}
.search-box-open input.search-field, .locator-box-open input.locator-field {
    width: calc(100% - 100px);
 
    margin: 0;
    padding: 0 10px;
    font-family: inherit;
    color: #3E6C7D;
    line-height: 1;
    background-color: #fff;
	font-size: 1.25rem;
}

/* remove conflicting browser clear X from IE and Edge */
.search-box-open input.search-field::-ms-clear, .locator-box-open input.locator-field::-ms-clear {display: none;}
	
input.search-field:focus, input.mobile-search-field:focus, input.locator-field:focus, input.mobile-locator-field:focus  {
    box-shadow: none !important;
	outline: 0;
}
button.search-button, button.locator-button {
    background: none;
    border: none;
    margin: 0;
    color: #333;
    display: inline-block;
    position: relative;
    font-size: 1.85rem;
    padding: 0 !important;
	line-height: 1.2;

}
button.search-button:hover, button.search-button:active, button.search-button:focus {
	color: #D57D28; outline: transparent;
}

button.search-button.searchsubmit:hover, button.locator-button.locationsubmit:hover {
    background-color: #3E6C7D;
}

button.search-button.searchsubmit, button.search-button.searchopen, button.locator-button.locatorsubmit, button.locator-button.locatoropen {
    height: 44px;
    width: 50px;
    background-color: #3E6C7D;
    color: #fff;
}
button.search-button.searchclose, button.locator-button.locatorclose {
    margin: 0 10px 0 0;
    color: #dedede;
    font-size: 1.5rem;
}



/* mobile search styles -- unused on this site --- */

/* ================ 13. Footer Elements ================ */



.footer {
    background: #3E6C7D;
    overflow: hidden;
    clear: both;
	background-image: url(/img/Granite-State-footer-background.gif);
    background-size: 66%;
    background-position: bottom left;
	background-repeat: no-repeat;
}

.footer, .footer a {
    color: #fff;
    font-weight: 400;
}
.footer .inner {}
.foot-colleft {
}
.foot-colright {box-sizing: border-box; text-align: right;     background: #3E6C7D; border-left: 1px solid rgba(255, 255, 255, 0.5);}

.foot-colleft .inner {padding-left:0; padding:20px 10px 60px 0;}

.foot-colright .inner {padding: 10px 0 0 8%;}



ul.foot-stack, div.foot-stack {
    margin: 0 0 0 0;
    padding: 0;
    line-height: 1.5;
}
ul.foot-stack li {
    list-style: none;
    margin: 0;
	clear:left;
}
ul.foot-stack li a {
    text-decoration: underline;
}
ul.foot-stack li a:hover {
    text-decoration: none;
}

.location-meta h3 {font-size:20px; color: #fff; margin: 0 0 10px 0;}

.location-meta {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
	font-weight: 300;
}

ul.social {
    margin: 0;
    padding: 0 10px 20px 0;
    list-style: none;
    display: block;
}
ul.social li {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    margin: 0 12px 0 0;
}
ul.social li:last-child {
    margin-right: 0;
}
ul.social li a:before {
    text-decoration: inherit;
    float: left;
	  font-weight: 400;
}
ul.social li a {
    display: inline-block;
    text-decoration-color: #3E6C7D;
	text-decoration: none;
}
ul.social li a:hover {
    color: #e6e6e6 !important;
}
ul.social li.facebook a:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f09a";
}
ul.social li.twitter a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f081";
}
ul.social li.x-logo a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\e61b";
}
ul.social li.instagram a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f16d";
}
ul.social li.linkedin a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f0e1";
}
ul.social li.pinterest a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f0d2";
}
ul.social li.youtube a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f167";
}
ul.social li.yelp a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\f1e9";
}
ul.social li.tiktok a:before {
    font-family: 'Font Awesome 6 Brands';
    content: "\e07b";
}
ul.social li.blog a:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f781";
}

div.footer div.footer-logo {margin: 50px 0;} 

ul.foot-stack li.compliance {padding: 15px 0 25px 0; margin: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.disclaimer, .ncua, .ehl {display: inline-block;  vertical-align: text-top;}

.disclaimer {line-height:1.6; font-size: .8rem; font-family: Arial, Helvetica, sans-serif; vertical-align: text-top; margin: 10px 10px 0 0;}
.ncua {height:40px; margin: 0 5px 0 0;}
.ehl {height:40px; margin: 0;}
.copyright,.acc-statement {font-size:.9rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; padding-bottom: 50px;}

.footer-routing, .footer-cuname {text-transform: uppercase;}
.footer-routing {margin-right: 20px;}


div.footer-quicklinks ul {
    margin: 20px 0 0 0;
    padding: 0px;
    list-style: none;
}
div.footer-quicklinks ul li {
    margin: 10px 0;
    list-style: none;
    padding: 0;
    line-height: normal;
	font-size: .95rem;
	font-weight: 100;
}
div.footer-quicklinks a {text-decoration: underline; font-weight: 100;}
div.footer-quicklinks a:hover {text-decoration: none;}
div.footer-quicklinks ul li p {margin: 0 !important;}

.quicklinks-head {text-transform:uppercase; font-weight: 700; font-size: 1.5rem; 	font-family: rift, sans-serif;}

@media screen and (max-width: 767px) {
	.footer {
		background-size: 90%;
		background-position: bottom right;
		background-attachment: fixed;
	}
	.foot-colright {background: transparent; text-align: left; padding-left: 10px;}
	.foot-colleft .inner {padding:20px 10px 30px 10px ;}
	div.footer div.footer-logo {    margin: 0 0 30px 0;}
	ul.social {    padding: 0 10px 20px 20px;}
}


/* ================ 14. Navigation ================ */
/*Styles that apply to all versions of primary main navigation items*/

div.nav-main {
    margin: 0 auto;
    padding: 0;
    max-width: 1280px;
}
/* ================ 14.1 Mega Menus ================ */
/*Primary Main Navigation Items for MEGA Menus*/
/*The UL containing the main nav items*/

/* menu icon*/
button.menu-icon {
	box-sizing: border-box;
    font-size: 38px;
    font-size: 2.375rem;
    height: 50px;
    width: 50px;
	margin: 0;
    padding: 0;
    float: right;
    background-color: transparent;
    border-radius: 0;
	border:none;
}

button.menu-icon::before {
    color: #333;
    padding: 0px;
}

button.menu-icon:focus, button.menu-icon:active {border: none; outline: transparent; color: #D57D28; }
button.menu-icon:hover::before, button.menu-icon:focus::before {color: #D57D28 ;}
/* needed double colon here and realized it's correct - https://css-tricks.com/to-double-colon-or-not-do-double-colon */

button.menu-icon.menu-icon-open {}


.header .megabox {width:100%; position: relative; margin: 0 auto; padding: 0; z-index: 2; background-color: #fff; clear: both;}
.megabox-inner {position: relative; background-color: #fff;}


/* bring icons and login to the front */
div.col-oblogin, div.col-iconnav, .col-logo {z-index: 4;}

div.megaclose {width: auto; position: absolute; top: -75px; right: -2px; z-index: 1;}

button.megaclose-button {box-sizing: border-box; font-size: 2rem; float:right; margin: 3px 0 0 0; color: #000; background-color:#fff; border: 2px solid #3E6C7D; border-bottom: #fff; width: 70px; height: 62px;}
button.megaclose-button:hover, button.megaclose-button:focus {background-color:#fff; color: #3E6C7D; border: 2px solid #3E6C7D; border-bottom: #fff; }



div.menu-main, div.header-icon-and-button {display: block;}

div.nav-main ul.megamenu {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    list-style-type: none;
    list-style-position: inside;
    max-width: 1280px;
	display:table;
}
/*The list items within the main nav UL*/
div.nav-main ul.megamenu li.nav-item {
    display: table-cell;
    position: relative;
    padding: 0;
	vertical-align: top;
}
/*The anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item a {
    text-decoration: none;
    display: block;
    padding: 20px 20px;
    font-size: 1.5rem;
    color: #3E6C7D;
    font-weight: 500;
	border-top: 1px solid #3E6C7D;
	text-align: center;
	background-color: #fff;
	margin-top: 10px;
}
/*The "active state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li a.active{
    color: #fff;

	background-color: #3E6C7D;
}

div.nav-main ul.megamenu li a:hover{
    color: #fff;

	background-color: #3E6C7D;
	opacity: .95;
}

/* div.nav-main ul.megamenu li a.active:after {
    background: #3E6C7D;
    display: block;
    content: '';
    height: 4px;
    margin: 8px 0 0;
    width: 60%;
}*/


/*The "on state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item.on a {
    color: #fff;
	font-weight: 700;
	background-color: #3E6C7D;

}
/* down arrow - not needed on this site
div.nav-main ul.megamenu li.on a:after {
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    font-weight: 900;
    content: '\f0d7';
    color: #3E6C7D;
    display: block;
    z-index: 99;
    height: 10px;
    font-size: 32px;
    font-size: 2rem;
    position: relative;
}*/
/*the main nav item that's hovered or has its menu active (open)*/
div.nav-main ul.nav-menu li.active a, div.nav-main ul.nav-menu li.active a.on {
    color: #3E6C7D;
}
div.nav-main ul.nav-menu li.active ul li a, div.nav-main ul.nav-menu li.active ul li a {
    color: #3E6C7D;
}
div.nav-main ul.nav-menu li.on a.active:after {
    content: "" !important;
}
/* the active menu's main nav item state*/
div.nav-main ul.nav-menu li.on a.active {}
/*Mega Menu Structure and Navigation*/


.mega-wrapper {
    width: 100%;
    background-color: #e3e3e3;
    position: relative;
    z-index: 3;
	border-top:  3px solid #3E6C7D;
	display: none;
}
.megacontainer {

    margin: 0 auto 0 auto;
    padding:  0;
	display: none;  
	max-width: 1280px;
}
.megacontainer div.inner {
    padding: 0;
}

div.mega-inner {padding: 0 20px; }

.mega-subnav-title { display: block; width:90%; margin:0 10% 0 0; padding: 10px 0; color:#3E6C7D; border-bottom: solid 1px #8C9495;}



ul.mega-subnav {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}

ul.mega-subnav li.mega-subnav-item {
	display:inline-block; vertical-align:top;
}
ul.mega-subnav li.mega-subnav-item.on {
	text-decoration: underline;
}
	
ul.mega-subnav li {
    list-style: none;
    font-size: 16px;
	font-size: 1rem;
    line-height: 1.1;
    color: #3E6C7D;
    vertical-align: middle;
	margin: 10px 0;
}
ul.mega-subnav li a {
    display: block;
    color: #3E6C7D;
    text-decoration: none;
	font-weight: 700;
}
ul.mega-subnav li a:hover {
    color: #3E6C7D;
    text-decoration: underline !important;
}

/*customize the width of the child sub-menus for each section*/

.mega-1 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}

.mega-2 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}

.mega-3 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}

.mega-4 ul.mega-subnav li.mega-subnav-item {
/* THIS IS THE LOGO */
}

.mega-5 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}

.mega-6 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}
.mega-7 ul.mega-subnav li.mega-subnav-item {
	min-width:24%; 
	max-width:24%;
}
/* remove the special spacing from the sub-sub items */

.mega-1 ul.mega-subnav li.mega-subnav-item:first-child ul.mega-more li.mega-subnav-item{min-width:30%; max-width:30%;}
.mega-1 ul.mega-subnav li.mega-subnav-item:last-child ul.mega-more li.mega-subnav-item{min-width:90%; max-width:90%;}

.mega-6 ul.mega-subnav ul.mega-more li.mega-subnav-item{min-width:90%; max-width:90%;}


.megaclose {
    float:right;
    margin: 10px 0 0;
}
.megamenu.menu-items .inner {}

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

ul.mega-subnav.mega-more li {
    width: 46%;
	float: left;
	padding: 0 4% 0 0;
}
ul.mega-subnav ul.mega-more li.mega-subnav-item
{	min-width:46%; 
	max-width:46%;}


ul.mega-subnav.mega-more li a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
	font-size:1rem;
}

ul.mega-subnav.mega-more li.mega-subnav-item a.on {color: #D57D28; font-weight: 700; text-decoration: underline;}



/* ================ 14.2 Dropdown Menus ================ */
/*Primary Main Navigation Items for DROPDOWN Menus*/
/*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;
    margin: 46px 0 0 0;
    padding: 0;
    display: block;
    width: auto;
    float: right;
    list-style-type: none;
    list-style-position: inside;
    max-width: 1280px;
}
div.nav-main ul.dropdown li.nav-item {
    display: inline-block;
    position: relative;
    padding: 0;
    float: left;
}
/*The anchors within the main nav list items*/
div.nav-main ul.dropdown li.nav-item a {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 20px 30px;
    font-size: 2rem;
    color: #3E6C7D;
    font-weight: 700;
    text-transform: uppercase;
}
/*The "on state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li a.on {
    color: #4186A5;
}
/*The UL that contains the subnav items in the dropdown menu*/
ul.dropdown ul.sub_menu {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: auto;
    min-width: 350px;
    max-width: 450px;
    top: 65px;
    z-index: 100000000000; /*always be in front*/
    clear: both;
    border: none;
    background-color: #fff;
    text-align: left;
    list-style: none;
}

/* special nav item with logo instead of words */
div.nav-main ul.megamenu li.nav4.nav-item {padding: 0 40px}
div.nav-main ul.megamenu li.nav4.nav-item a {
	margin: -65px auto 0 auto;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background: url("/img/granite-state-credit-union-logo.png") no-repeat;
	background-position: center;
	width: 100px;
	height: 100px;	
	color: #fff;
	background-size: contain;
	background-size: 140px;
}
div.nav-main ul.megamenu li.nav4.nav-item a:hover, div.nav-main ul.megamenu li.nav4.nav-item a:active {opacity: .85;}

/*The list items that make up the sub nav in the dropdown menus*/
div.nav-main ul.dropdown ul.sub_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 li a {
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 30px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    text-transform: none;
    height: auto;
    color: #3E6C7D;
    background-color: #fff;
}
/*the last anchor in each dropdown menu*/
ul.dropdown ul.sub_menu li:last-child a {
    /* border: none !important;*/
}
div.nav-main ul.nav-menu li.banking-nav.nav-item a {
    background-color: #fff;
    color: #3E6C7D;
}
div.nav-main ul.nav-menu li.banking-nav.nav-item.on a {
    border-top-left-radius: 20px;
}
/* login nav-item styling*/
ul.dropdown ul.sub_menu.JQBankingPanel {
    min-width: 450px;
}
.nav-main li.nav-item.banking-nav a {
    color: #eee;
}
div.nav-main ul.dropdown ul.sub_menu.banking-nav li li {
    display: inline-block !important;
}
div.nav-main li.nav-item.banking-nav.on a:hover, div.nav-main ul.nav-menu li.nav-item.banking-nav a:hover, div.nav-main li.nav-item.banking-nav.on a, div.nav-main li.nav-item.banking-nav a.active {
    color: #fff;
}
div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a {
    border-radius: 0;
    padding: 0 10px;
    font-size: 1rem;
    display: inline-block;
    text-transform: uppercase;
    border-right: 1px solid #fff !important;
    margin: 0;
    margin-right: 0 !important;
}
div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a:last-child {
    border-right: none !important;
    padding-left: 3px;
}
div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a:hover {
    background-color: transparent;
    text-decoration: underline;
}

div.nav-main ul.dropdown li ul.sub_menu li a.button {
    font-size: 1.1875rem;
    font-weight: 700;
    padding: 10px 22px;
    margin: 3px;
    line-height: normal;
    display: inline-block;
}
div.nav-main ul.nav-menu li:last-child.nav-item a.button-right, div.nav-main ul.nav-menu li:last-child.nav-item a.button-right:link, div.nav-main ul.nav-menu li:last-child.nav-item a.button-right:visited {
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
}

@media screen and (max-width: 490px) {
    div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a {
        border-right: none !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
}
/* ================ 14.3 Top Navigation ================ */

.topnav {width:100%; margin:0; text-align: left; overflow: hidden;}
 
div.nav-top ul.nav-menu {
    padding: 0;
    margin: 0 auto;
	padding: 20px 0 0 0;
	width: 100%;
    display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	
}
div.nav-top ul.nav-menu li.nav-item {
    display: inline-block;
	padding:0 10px;	
}

/* div.nav-top ul.nav-menu li.nav-item:first-child {padding-left:0;}
div.nav-top ul.nav-menu li.nav-item:last-child {padding-right:0;}*/

div.nav-top ul.nav-menu li.nav-item a {
    color: #6E7272;
    display: inline-block;
    padding: 0;
	text-decoration: none;
    font-size: 1.25rem;
	font-family: rift, sans-serif;
}

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

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 ul.nav-menu li.nav-item.last {
    border-right: none;
}

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

/*	@media screen and (max-width: 1140px) {
    div.nav-top ul.nav-menu li.nav-item a {
        font-size: 1rem;
        padding: 0 0 0 5px;
    }
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 1050px) {
    div.nav-main ul.nav-menu li.nav-item a {
        padding: 20px 15px;
    }
}
@media screen and (max-width: 900px) {
	div.nav-top ul.nav-menu li.nav-item {padding: 0 10px;}
    div.nav-top ul.nav-menu li.nav-item a {
        font-size: .8rem;
        padding: 10px 2px;
    }
    .dsktp-search-button {
        margin-left: 0;
    }
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 1.15rem;
    }
    div.nav-main ul.nav-menu {
        margin: 23px 0 0 0;
    }
}

@media screen and (max-width: 450px) {
	div.nav-top ul.nav-menu li.nav-item {padding: 0 3px;}
    div.nav-top ul.nav-menu li.nav-item a {font-size: .8rem;}
}*/
/* ================ 14.4 Subnavigation Menus ================ */
/* Sub Nav*/
div.nav-sub {
    width: auto;
}
div.subnav {
    margin: 30px 0 20px 0;
    padding: 0 10px;
}
div.nav-sub {
    margin: 35px 0 20px 0;
    padding: 0;
}
div.nav-sub ul.nav-menu li.nav-item {
    display: block;
    list-style-position: outside;
    line-height: normal;
    margin: 0;
}
div.nav-sub ul li.nav-item a {
    display: block;
}
div.nav-sub ul li.nav-item a:hover {
    color: #BF5543;
}
div.nav-sub ul.nav-menu li a.on, div.subnav ul li a.on {
    text-decoration: none;
    font-weight: 700;
}
div.nav-sub ul li a.on:before {}
div.nav-sub h3, div.subnav h3 {
    padding: 0 0 10px 15px;
    margin: 0
}
div.nav-sub h3 a {
    text-decoration: none;
	border-bottom: 1px solid #3E6C7D;
	display: block;
	padding-bottom: 10px;
}
div.nav-sub h3 a:hover {
    text-decoration: underline;
}
div.nav-sub ul, div.subnav ul {
    list-style: none;
    margin: 0px 10px 20px 16px;
    padding: 0
}
div.nav-sub ul li, div.subnav ul li {
    padding: 8px 0;
    margin: 0
}
div.nav-sub ul li.level0 {}
div.nav-sub ul li.level1 {
    margin-left: 20px !important;
    font-size: .9rem;
}
div.nav-sub ul li.level2 {
    margin-left: 5px !important;
}
div.nav-sub ul li.level3 {
    margin-left: 5px !important;
}
div.nav-sub ul li.level4 {
    margin-left: 5px !important;
}
div.nav-sub ul ul, div.subnav ul ul {
    margin: inherit
}
div.nav-sub ul.nav-menu ul li, div.subnav ul ul li {
    margin: 4px 0 12px
}
/* ================ 14.5 Bottom Navigation (Footer) ================ */
/* Bottom (footer) Nav*/
div.nav-footer {
	margin:0 0 5px 0;
}

div.nav-footer ul {
    font-size:13px; font-size:0.8125rem;
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    list-style-position: inside;
}
div.nav-footer ul.nav-menu li.nav-item {
    padding: 10px 5px 0 0;
    margin: 0;
    line-height: 1;
    display: inline-block;
}
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;
}
/*@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;
}
/*}*/
@media screen and (max-width: 768px) {
	
	

	/* move nav below decks at mobile size */
	.subnav-mobile, .sidebar-mobile {display: block; padding: 10px 20px; width: calc(100% - 40px);}
	.subnav, .sidebar {display: none;}
	div.sidebar-mobile div.cta, div.sidebar-mobile div.promotion {display: block; text-align: center;}
	div.sidebar-mobile div.cta, div.sidebar-mobile div.cta a {display: block;}
	.subnav-mobile div.nav-sub h3 {margin-top: 10px;}



/*	div.subnav {margin-top: 0 !important;}
    div.nav-sub {
        margin: 0 0 0 0 !important;
        padding: 5px 0 0 0;
    }
    .mainnav-col #subnav_div .nav-sub h3 {
        display: none;
    }
    .mainnav-col #subnav_div.nav-sub ul li.nav-item {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
    }
    div.nav-sub ul li.nav-item a {
        width: auto !important;
    }
    div.nav-sub ul li.nav-item a:hover {}
    div#calloutlink a {
        font-size: 95% !important;
    }*/
    /* shrinking sub-nav at mobile size */
    div.nav-sub h3, div.subnav h3 {
		padding: 0 0 5px 0;
		margin: 0;
		font-size: 1.25rem;
    }
    div.nav-sub ul.nav-menu {
	margin: 0 0 20px 0;
    }
    div.nav-sub ul.nav-menu li.nav-item {
        display: inline-block;
        margin: 10px 10px 0 0;
        padding: 0;
        font-size: .875rem;
        vertical-align: top;
    }
   div.nav-sub ul.nav-menu li.nav-item ul, div.nav-sub ul.nav-menu li.nav-item ul li {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
        font-size: .7rem;
    }
    div.nav-sub ul li a.on:before {
        display: none;
    }
	
	.promotion .inner {    padding: 10px;}
}
/* ================ 15. Announcements and Alerts ================ */
/* 9.1 home announcements*/
/*9.2 home alert*/
.alert {
    background-color: #d21600 !important;
    color: #fff !important;
    font-size: 1.25rem;
    border: none
}
.alert .inner {
    padding: 10px 10px 5px 10px;
    text-align: left;
    margin: auto;
    text-align: center;
    width: auto;
	max-width: 1280px;
}
.alert .inner ul, .alert .inner ul li ul {
    text-align: left;
    margin: 5px auto;
    list-style-position: inside;
    padding: 0;
}
.alert .inner ul li {
    text-align: left;
    margin: 5px auto 0 auto;
}
.alert p {
    margin: 5px auto;
    line-height: 1.5;
}
.alert a, .alert a:visited {
    color: #fff;
}
.alert a:hover {
    text-decoration: none;
}

.alert .alert-title, .alert .alert-title a {
    color: #fff;
    font-size: 1rem;
    margin: 0;

    display: inline-block;
	padding: 0 0 5px 0;
}
.alert-desc, .alert p {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    line-height: 1;
	display: inline-block;
}

/* fix padding when editor is turned on */
.alert p {margin: 0;  padding-bottom: 8px;}
.alert-desc {padding: 0 5px;}

.alert .fa-exclamation-circle {display: none;}

/* new color options */
.alert.alert-red {
    background-color: #d21600 !important;
    color: #fff;
}
.alert.alert-red h5, .alert.alert-red h4, .alert.alert-red h3, .alert.alert-red h2, .alert.alert-red .alert-title, .alert.alert-red .alert-title a {
    color: #fff !important;
    margin: 0;
}
.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-orange {
    background-color: #D57D28 !important;
    color: #fff !important;
}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2, .alert.alert-orange .alert-title, .alert.alert-orange .alert-title a {
    color: #fff !important;
    margin: 0;
}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-yellow  /* oak brown */ {
    background-color: #4C412A !important;
    color: #fff !important;
}
.alert.alert-yellow h5, .alert.alert-yellow h4, .alert.alert-yellow h3, .alert.alert-yellow h2, .alert.alert-yellow .alert-title, .alert.alert-yellow .alert-title a {
    color: #fff !important;
    margin: 0;
}
.alert.alert-yellow a, .alert.alert-yellow .alert-desc, .alert.alert-yellow p, .alert.alert-yellow .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-green {
    background-color: #979831 !important;
    color: #fff !important;
}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2, .alert.alert-green .alert-title, .alert.alert-green .alert-title a {
    color: #fff !important;
    margin: 0;
}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-blue {
    background-color: #3E6C7D !important;
    color: #fff !important;
}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2, .alert.alert-blue .alert-title, .alert-alert.blue .alert-title a {
    color: #fff !important;
    margin: 0;
}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {
    color: #fff !important;
}


/* premium floating alerts - THESE ARE A LITTLE DIFFERENT THAN NORMAL TO CO-EXIST WITH CLASSIC ALERTS */
.site-alerts {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 450px;
	z-index: 3;
}

/* default alert color is white */
.site-alerts .alert {
    position: relative;
    float: right;
    bottom: 0;
    right: 0;
    padding: 0;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    width: 100%;
    box-sizing: border-box;
    z-index: 999999;
    border-radius: 10px;
    border: 1px solid #d8dfe1;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
    opacity: 0.98;
    overflow: hidden;
}
.site-alerts .alert .inner {
    padding: 5px 10px;
	text-align: left;
}
.site-alerts .alert p {
    margin: 5px auto;
    line-height: 1.5;
    color: #000;
}
.site-alerts .alert a, .site-alerts .alert a:visited {
    color: #000;
}
.site-alerts .alert a:hover {
    text-decoration: none;
}
.site-alerts .alert-actions {
    width: 100%;
	background: rgba(0,0,0,0.1);
    color: #000;
    font-size: .9rem;
    box-sizing: border-box;
    text-align: right;
}
.site-alerts .alert-actions a {
	color: #000; 
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 0 20px;
    padding: 5px 10px;
	display: inline-block;
}
.site-alerts .alert-actions a:hover {
    color: #000 !important;
    text-decoration: underline;
}
/* includes fix for bulleted lists */
.site-alerts .alert-expand {
    cursor: pointer;
}
.site-alerts .alert-inner {
    max-width: 1280px;
    margin: auto;
    text-align: center;
}
.site-alerts .alert-inner ul, .site-alerts .alert-inner ul li ul {
    text-align: center;
    margin: 5px auto;
    list-style-position: inside;
    padding: 0;
}
.site-alerts .alert-inner ul li {
    text-align: center;
    margin: 5px auto 0 auto;
}
.site-alerts .alert h5.alert-title, .site-alerts .alert h5.alert-title a {
    color: #000;
    font-size: 1rem;
    margin: 1% 23px 1% 0; /* give space for down arrow on phones */
    font-weight: 600;
    display: block;
}
.site-alerts .alert h5.alert-title:hover, .site-alerts .alert h5.alert-title a:hover {text-decoration: none; cursor: default;}
.site-alerts .alert-desc, .site-alerts .alert p {
    font-size: .9rem;
    color: #000;
    line-height: 1.2;
}
.site-alerts .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;
}

.site-alerts .alert p {
    margin: 0;
    padding-bottom: 8px;
}

.site-alerts .alert-closed-icon, .site-alerts .alert-open-icon {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}
.site-alerts .alert-closed-icon:before {
    content: "\f107";
}
.site-alerts .alert-open-icon:before {
    content: "\f106";
}

.site-alerts button.alert_expandbtn:hover {box-shadow: none; color: #333;}

@media screen and (max-width:540px) {
    .site-alerts {
		width: auto;
		max-width: 95%;
        margin: 0 auto 0 auto;
		bottom: 10px;

    }
    .site-alerts .alert {
        margin: 5px auto 0 auto;
    }
	.site-alerts .alert-actions {font-size: .7rem;}
}

/*  color options */

.site-alerts .alert.alert-white {/* this picks up default white styles */}
.site-alerts .alert.alert-cookies {/* this picks up default white styles */}
.site-alerts .alert.alert-custom {
	max-width: 140px; 
	text-align: center;
    background-color: #FFF !important;
    color: #000 !important;
}
.site-alerts .alert.alert-custom .alert-desc {display: block;}


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


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


.site-alerts .alert.alert-yellow /* oak brown */{
    background-color: #4C412A !important;
    color: #fff !important;
}
.site-alerts .alert.alert-yellow h5, .site-alerts .alert.alert-yellow h4, .site-alerts .alert.alert-yellow h3, .site-alerts .alert.alert-yellow h2 {
    color: #fff !important;
}
.site-alerts .alert.alert-yellow a, .site-alerts .alert.alert-yellow .alert-desc, .site-alerts .alert.alert-yellow p, .site-alerts .alert.alert-yellow .fa-exclamation-circle:before {
    color: #fff !important;
}
.site-alerts .alert.alert-yellow .alert-actions {background: rgba(0,0,0,0.1);}
.site-alerts .alert.alert-yellow button {    color: rgba(255,255,255,0.5);}


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


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



/* premium floating alerts end */
/* cookie warning is just an alert now */





/* ================ 16. Speedbumps ================ */
.speedbump_wrapper {
    text-align: center;
}
.speedbump_wrapper span.title5 {
    font-size: 0.9em;
}
.speedbump_wrapper span.subtitle1 {
    font-size: 0.8em;
}
/* fix for super-long URLs in speedbump and search results */
div.speedbump_content_box h3, .vsrch-url a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word; /* Non standard for WebKit */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
div.speedbump_content_box h2, div.speedbump_content_box h3, div.speedbump_content_box h5 {
    margin: 0 0 15px 0;
}
@media screen and (max-width:900px) {
    div.speedbump_content_box, div.speedbump_content_box h5 {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    div.speedbump_content_box h3, div.speedbump_content_box h2 {
        font-size: 1rem;
    }
    div.speedbump_content_box h5 {
        margin: 5px 0;
    }
}
@media screen and (max-width:450px) {
    div.speedbump_content_box h3 {
        margin: 0;
    }
    div.speedbump_content_box, div.speedbump_content_box h5 {
        line-height: 1.2;
    }
    div.speedbump_content_box h3 {
        font-size: 0.9rem;
    }
}
/* div.ui-widget-content {height: auto !important;}*/
div.speedbump_content_box {
    padding: 10px 10px 0 10px;
}
.ui-dialog .ui-dialog-buttonpane {
    margin: 10px;
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 0 0 10px;
}
.ui-dialog .ui-dialog-buttonpane button:hover, 
.ui-dialog .ui-dialog-buttonpane button:focus, 
.ui-dialog .ui-dialog-buttonpane button:active {
    background-color: #e6e6e6;
}
.ui-dialog .ui-dialog-titlebar {
    margin: 10px;
	display: none; /* remove this if it causes trouble */
}
div#dialog_content {
    margin: 0 10px 10px 10px;
}
/* ================ 17. Sitemap ================ */
div.sitemap-container {
    padding: 10px 0 40px 0;
    overflow: hidden;
}
ul.sitemaplist h4 {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    font-size: 1.1em;
    display: inline-block;
    font-weight: 400;
}
ul.sitemaplist {
    margin: 2px 0px 0 0px;
    padding: 0;
    font-size: 1em;
    list-style-type: none;
}
ul.sitemaplist li.sitemap_2 {
    margin: 10px 0px 0 0px;
    font-weight: bold;
}
ul.sitemaplist li.sitemap_2 a {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    display: inline-block;
}
ul.sitemaplist li.sitemap_3 {
    margin: -2px 0px 0 10px;
}
ul.sitemaplist li.sitemap_3 a {
    margin: 2px 0px 0 10px;
    padding-left: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_4 {
    margin: 2px 0px 0px 15px;
}
ul.sitemaplist li.sitemap_4 a {
    margin: 2px 0px 0 14px;
    padding-left: 10px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.85rem;
}
ul.sitemaplist li.sitemap_5 {
    margin: 2px 0px 0px 20px;
}
ul.sitemaplist li.sitemap_5 a {
    margin: 2px 0px 0 16px;
    padding-left: 15px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.75rem;
}
ul.sitemaplist li.sitemap_6 {
    margin: 2px 0px 0px 25px;
}
ul.sitemaplist li.sitemap_6 a {
    margin: 2px 0px 0 18px;
    padding-left: 20px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_7 {
    margin: 2px 0px 0px 30px;
}
ul.sitemaplist li.sitemap_7 a {
    margin: 2px 0px 0 20px;
    padding-left: 25px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_ {
    display: none;
    visibility: hidden;
}
@media screen and (max-width:640px) {
    div.sitemap {
        clear: both;
        float: none;
        width: auto;
    }
}
/* ================ 18. FAQ's ================ */
ul.faq-list {
    padding: 0 0 10px 15px;
    list-style-type: none;
    margin: 0;
}
ul.faq-list li {
    padding: 0 0 10px 0;
}

ul.faq-list li a > span {
    text-decoration: underline;
}
ul.faq-list a:hover {
    text-decoration: none;
}
ul.faq-list a:hover > span {
    text-decoration: underline;
}
ul.faq-list a.faq-question:before {
    text-decoration: underline;
} /* part 1 of IE11 text-decoration work-around */
ul.faq-list a.faq-question:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f0d7";
    padding-right: 1px;
    margin-left: -15px;
    text-decoration-color: #fff;
    display: inline-block;
    text-decoration: none; /* part 2 of IE11 text-decoration work-around */
}
ul.faq-list a.faq-open:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f0d8";
    margin-left: -15px;
}
/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li {
    border: none;
    list-style: disc;
}
.faq-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;
}
/* ================ 19. Responsive Lists ================ */
.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 #333;
}
.list-head {
    clear: both;
}
.list-head.list-head-main {
    display: block;
}
.list-head.list-head-repeated {
    display: none;
}
.list .list-item {
    display: inline-block;
    float: left;
    padding: 0;
}
.list .list-item, .list .list-item li, .list .list-item p {
    /* 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%;
}
/* embedded LI's should be left-aligned */
.list .list-item li {
    text-align: left;
}
/*font awesome asterisk added to content*/
.list .list-item .asterisk {
    display: inline;
    margin: 0 -12px 0 0;
}
.list .list-item .dot {
    font-size: 36px;
    font-size: 2.25rem;
    color: #3E6C7D;
    text-align: center;
    width: 40px;
    margin: auto;
    display: block;
}
.list .head {
    padding: 0;
    line-height: normal;
    text-align:center;
}
.list .head .inner {
    padding: 10px;
}
.list-item .inner {
    padding: 0 10px;
}
.list .title {
    width: 30%;
}
.list .date {
    white-space: nowrap;
    width: 15%;
}
.list .time {
    width: 25%;
}
.list .location {
    width: 30%
}
.list .location p {
    margin-top: 0;
}
.list .cost {
    width: 10%;
}
div.list div.list-row {
    background: #f5f5f5;
   /* display: flex;*/
    align-items: center;
    min-height: 50px;
}
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;
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    text-align: left;
}
div.list-row .list-item h5 {
    margin: 0;
}
div.list-row .list-item:last-child .inner {
    border: none !important;
}
.list.seminars-list .head {
    background: transparent !important; /* color:#007c88; */
}
@media screen and (max-width:769px) {
    .list .list-item.onehalf {
        width: 98% !important;
        clear: none;
    }
    .list .list-item.onethird {
        width: 50% !important;
        clear: none;
    }
    .list .list-item.onefourth {
        width: 33.33333% !important;
        clear: none;
    }
    .list .list-item.onefifth {
        width: 24% !important;
        clear: none;
    }
    .list .list-item.onesixth {
        width: 20% !important;
        text-align: center;
        clear: none;
    }
    .list-head.list-head-main {
        display: none;
    }
    .list-head.list-head-repeated {
        display: block;
    }
    div.list-row .list-item h4 {
        font-size: 0.8rem;
        text-align: center;
    }
    div.list-row .list-item.account, div.list-row .list-item.first {
        width: 100% !important;
        clear: right;
        border-right: none;
    }
    div div.list-row .list-item.account, div div.list-row .list-item.account .inner, div div.list-row .list-item.first .inner {
        min-height: 1em !important;
        margin: 0;
        border-right: none;
    }
    div div.list-row .list-item .inner {
        min-height: 150px;
        font-size: 0.8rem;
    }
    .seminars-list div.list-row .list-item .inner {
        min-height: 0;
        font-size: 1rem;
        line-height: 25px;
    }
    div .list-item.first-head {
        display: none;
    }
    div .list-item.second-head {
        font-size: 0.8rem;
    }
    div .list-item.second .inner, div .list-item.third .inner, div .list-item.fourth .inner, div .list-item.fifth .inner, div .list-item.sixth .inner {
        padding: 10px 6px !important;
        padding: 1em 4% !important;
        font-size: 0.8rem;
    }
    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;*/ font-size: 0.8rem;
    }
}
@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;
    }
    .list .list-item {
        padding: 5px 0;
    }
}
@media screen and (max-width:440px) {
    .list .head {
        line-height: normal;
    }
}
.list.seminars-list .head {
    background: transparent !important;
}
.list.seminars-list .list-row {
    background: transparent !important;
}
div.seminar_description .backbutton {
    display: none;
}
div.sem_field div.form-field {
    line-height: 25px;
}
div.sem_field div.form-field div.label {
    font-weight: 400;
    color: #332875;
}
div.sem_field div.form-field {
    margin: 8px 0;
}
div.sem_field div.form-field div.input p {
    margin: 0;
}
/* ================ 20. Posts / Post Lists / Post Images ================ */
/* Featured posts list, regular post list*/
.post-embedded {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
}
div.post-embedded h3 {
    margin: 0;
}
.page_body h1.post-title {
    margin-left: 0;
    display: block;
    line-height: 1.1;
}
div.post-content {
    padding-bottom: 40px;
}
.post-content p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
ul.posts {
    list-style: none;
    margin: 20px 0 0 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 15px 0;
    padding-bottom: 0;
    padding-left: 0;
}
ul.post-list li a h3 {
    margin: 0;
}
ul.post-featured li {
    width: auto;
    display: block;
}
ul.post-featured li a {
    padding: 0 1%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
ul.post-featured li a h3 {
    margin: 20px 0 0 0;
}
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;
}
div.pagination-status {
    padding: 10px 0;
    margin-bottom: 20px;
    border-top: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
}
/*=============== POST THUMBS AND CONTAINERS ================*/
div.post-feature-img {
    overflow: hidden;
    width: 50%;
    max-width: 480px;
    float: left;
	margin: 0 40px 40px 0;
	padding: 0;
	
}
div.post-feature-img img, div.feature-img img, div.img50 img {
    position: relative;
    top: 0;
	border-radius: 8px;
}
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;
}
@media screen and (max-width:767px) {
	div.post-feature-img {
		width: auto;
		max-width: 100%;
		float: none;
		display: block;
		margin: 0 auto 40px auto;
	}
}
/*=============== POST DETAIL IMAGE ================*/
div.post-img {
    margin: 5px 3% 20px 0;
    float: left;
    clear: both;
    background-color: #ffffff;
}
div.feature-img img {
    width: 100%;
}
div.post-img {
    max-width: 30%;
}
div.post-content div.post-img, div.post-embedded div.post-img {
    max-width: 40%;
}
div.post-img img {
    margin: 0;
    border: solid 1px #DBDBDB;
}
ul.post-featured li a {
    height: auto;
    padding: 0;
	margin: 10px 0;
    display: block;
}
.post_body .alignleft {
    float: left;
    margin: 0;
}
@media screen and (max-width:767px) {
    ul.posts li div.post-feature-img, ul.posts li div.feature-img, div.post-img {
        float: none;
        clear: both;
    }
    ul.posts li div.post-feature-img img, 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.post-feature-img, div.feature-img, div.post-embedded div.post-img {
        margin: 0 0 10px 0;
        box-shadow: none;
        padding: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }
    ul.post-featured li {
        width: 100%;
        float: none;
        padding: 0;
        clear: both;
    }
}
/* ================ EXTRA "Page Tools" ================ */
ul.page_tools {
	list-style: none;
	float: none;
	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;

}

ul.page_tools {	margin: 0 0 1em 0;}

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

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


/* ================ 21. 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;
    width: 90%;
}
div.seminar_header div.signup {
    margin: 30px 0 0 0;
}
div#jQoutput_signup {
    float: right;
    padding-left: 10px;
}
div.seminar_wrapper .label {
    font-weight: bold;
}
div.sem_signup input.field[type=text], div.sem_signup input.field[type=email], div.sem_signup textarea {
    width: 100%;
}
div.sem_signup input#formkey_user {
    width: 30%;
    vertical-align: top;
}
.seminar_message_area {
    margin-top: 10px
}
/*seminars in sidebars*/
div.sidebar div.seminars-list {
    border: 1px solid #333;
    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: #333;
    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
}
/* ================ 22. Site 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;
    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;
	position: relative;

	zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 500px;
}
.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;
    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;
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 5;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	border: 1px solid  rgba(255, 255, 255, 0.5);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    cursor: default;
	border: 1px solid  rgba(0, 0, 0, 0.5);
}
.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.banner, div.homepage-banner, div.section-banner {
    width: 100%;
    position: relative;
	height: 500px;
}

.hasnobanner div.banner, .hasnobanner div.homepage-banner, .hasnobanner div.section-banner {height: auto;}

/* Flexslider Style Overrides */
/* Control Nav */
.flex-control-nav {
    width: 99%;
    position: absolute;
    bottom: 20px;
    left: 1%;
    text-align: left;
     line-height: 1;
}

.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a:hover {
    text-decoration: none;
    background-color: #efefef;
    color: #555;
}
.flex-direction-nav {
    display: none;
}
/* ================ 22.2. VOICE Banners ================ */
/*1.1 Default Banner Design*/
#slider {overflow: hidden;}

div.flexslider {
    margin: 0;
    position: relative;
    box-shadow: none;
    border: none;
    clear: both;
    margin: auto;
    width: 100%;
    position: relative;

	z-index: 1;
}

.flexslider .flex-viewport {
    max-height: 500px;
}

div.flexslider ul.slides li, .content div.flexslider ul.slides li {
    margin: 0;
    padding: 0;
}
div.flexslider ul.slides li div.banner div.outer-slide.banner-image {
    /*	background-size: 100%; */
    background-size: cover;
    /*	background-position: 50% 10%;*/
    overflow: hidden;
    max-width: 100%;
    background-repeat: no-repeat;

}


div.banner {
    width: 100%;
    position: relative;
	height: 500px;
}


/*set the banner height on home banner*/
div.banner-home {
    height: 500px;
}
div.flexslider.banner-home ul.slides li div.banner div.outer-slide.banner-image {
	height: 500px;	
}
.banner-home .flex-viewport {
    max-height: 500px;
}

/*set the banner height on interior banner*/
div.banner-int {
    height: 500px;
}
div.flexslider.banner-int ul.slides li div.banner div.outer-slide.banner-image {
	height: 500px;	
}
.banner-int .flex-viewport {
    max-height: 500px;
}

/*set the banner height on interior banner*/
div.banner-video {
    height: auto;
}
div.flexslider.banner-video ul.slides li div.banner div.outer-slide.banner-image {
	height: auto;	
}
.banner-video .flex-viewport {
    max-height: 500px;
}

.outer-slide {
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}

div.banner-image {
    background-size: cover !important;
}

.banner .banner-overlay {
    overflow: hidden;
	height: 500px;
}

div.banner-inner {
	/* max-width: 1280px; removed by client request to match new homepage banners */
	margin: 0 auto;
}

ul.slides li div.banner-int div.outer-slide div.banner-inner {
   /* max-width: 1280px; removed by client request to match new homepage banners */
    margin: auto;
    position: relative;
    padding: 10px 10px;
    height: 480px; /*500 height minus padding*/
}
 .banner-body {
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 65%;
    color: #fff;
    margin-top: 20px;
	padding: 0 40px; 
}
.banner-title {/* updated to swap fonts on title and subtitle at client request */
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    font-family: rift, sans-serif;
    font-size: 3.9rem;
    line-height: 1;
}
.banner-subtitle {/* updated to swap fonts on title and subtitle at client request */
	text-transform: none;
    font-size: 4.25rem;
    font-family: hatch, serif;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 30px 0;
    font-style: italic;
}
.banner-copy {
    padding: 0;
    margin: 10px 0;
    line-height: 1.1;
}
/*home and interior banners - background image overlay opacity*/
.banner-image .banner-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.banner-image .banner-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.banner-image .banner-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.banner-image .banner-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.banner-image .banner-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
.banner-image .banner-overlay.lighten1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.banner-image .banner-overlay.lighten2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.banner-image .banner-overlay.lighten3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.banner-image .banner-overlay.lighten4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.banner-image .banner-overlay.lighten5 {
    background-color: rgba(255, 255, 255, 0.5);
}
/*if a banner is set to have a DARK overlay, color text elements accordingly*/
.banner-overlay.darken .banner-title {
    color: #fff !important;
}
.banner-overlay.darken .banner-subtitle {
    color: #fff !important;
}
.banner-overlay.darken .banner-copy {
    color: #fff !important;
}
/*if a banner is set to have a LIGHT overlay, color text elements accordingly*/
.banner-overlay.lighten .banner-title {
    color:#000; 
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.75);
}
.banner-overlay.lighten .banner-subtitle {
    color:#000; 
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.75);
}
.banner-overlay.lighten .banner-copy {
    color: #000;
}
/* banner and content deck background image positioning */
.banner-left-top {
    background-position: 0 0;
}
.banner-left-middle {
    background-position: 0 50%;
}
.banner-left-bottom {
    background-position: 0 100%;
}
.banner-center-top {
    background-position: center 0;
}
.banner-center-middle {
    background-position: center 50%;
}
.banner-center-bottom {
    background-position: center 100%;
}
.banner-right-top {
    background-position: 100% 0;
}
.banner-right-middle {
    background-position: 100% 50%;
}
.banner-right-bottom {
    background-position: 100% 100%;
}
/*apply a text shadow?*/
.shadow1 .banner-title {
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.70);
}
.shadow1 .banner-subtitle, .shadow1 .banner-copy p {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.70);
}
.banner-copy ul {
    margin: 0;
    padding: 0 20px;
}
.banner-copy ul li {
    padding: 2px;
}
/*light text*/
.txt-light .banner-title, .txt-light .banner-subtitle, .txt-light .banner-copy, .txt-light .banner-copy p {
    color: #fff !important;
    letter-spacing: normal;
}
li.slide-txt-dark {
    background-color: #e3e3e3;
    letter-spacing: normal;
}
li.slide-txt-light {
    background-color: #3E6C7D;
    letter-spacing: normal;
}

/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-subtitle, .txt-dark .banner-copy, .txt-dark .banner-copy p {
    color: #000000;
    letter-spacing: normal;
}
/* text positioning */
div.banner-inner .banner-body {
    position: absolute;
}

div.banner .banner-body.txt-left {
    text-align: left;
}
div.banner .banner-body.txt-center {
    text-align: center;
}
div.banner .banner-body.txt-right {
    right: 0;
}
div.banner .banner-body.txt-bottom {
    bottom: 30px;
}
@media screen and (max-width:980px) {
    .banner-inner {
        padding-top: 20px;
    }
    .banner-title {
        font-size: 2rem;

    }
    .banner-subtitle {
        font-size: 4rem;
    }
    div.banner-right, div.banner-left {
        float: none;
        margin: auto;
        padding: 0;
    }
    div.banner-image-offset img {
        padding: 0;
        margin: 0;
    }
    div.b-small {
        width: 100% !important;

    }
    div.b-med {
        width: 100% !important;

    }
    div.b-large {
        width: 100% !important;

    }
    div.banner-strip {
        display: none;
    }
   
    div.banner-image-offset div.overlap-image {
        padding: 0 0 20px 0;
    }
    div.banner .banner-title, div.banner .banner-subtitle, div.banner .banner-copy, div.banner .banner-button {
        width: auto;
    }
    .banner-inner .banner-title {
        margin-top: 40px;
    }
    .banner-inner .banner-body.txt-left .banner-title, .banner-inner .banner-body.txt-left .banner-subtitle, .banner-inner .banner-body.txt-left .banner-copy, .banner-inner .banner-body.txt-left .banner-button {
        width: auto;

    }
    .banner-inner .banner-body.txt-right .banner-title, .banner-inner .banner-body.txt-right .banner-subtitle, .banner-inner .banner-body.txt-right .banner-copy, .banner-inner .banner-body.txt-right .banner-button {
        width: auto;

    }

}
@media screen and (max-width:600px) {
    div.flexslider {
        height: auto;
    }
    .banner-inner {
        padding: 0;
    }
    .banner-inner, .banner-inner .banner-body {
        height: auto;
    }
    .banner-inner .banner-body {
        margin: 0;
    }
}
/* ================ 22.3. Video Banners ================ */
.slides {overflow: hidden;} 
/* this allows the banners to be different heights in the same slider without a gap */

div.banner-video {height: auto;}

.video-background {
    width: 100%;
}
.video-background video {
    width: 100%;
}
.grayscale1 video {
    filter: grayscale(100%);
}
.video-content {
    position: absolute;
    top: 30px;
    color: white;
   /*  left: 30px;
   max-width: 50%;*/
   width: 100%;
    padding: 0 40px;
}
.video-title { }
.video-subtitle {}
.video-copy {}

div.banner.banner-video .banner-body.txt-right {right: 30px;}


@media screen and (max-width:767px) {
	 .banner-inner .banner-body {
      position:relative !important;
	  padding: 0 5px;
	  max-width: calc(100% - 10px);
    }
	.banner-title {font-size: 1.75rem;}
	.banner-subtitle {font-size: 3.15rem;}
	.video-title {}
	.video-subtitle { }
	.video-content {
		position: relative;
		top: auto;
		left: auto;
		max-width: 100%;
		clear: both;
		text-align: center;
		margin: 35px 0;		
		padding: 0;
	}
	div.banner.banner-video .banner-body.txt-right, div.banner.banner-video .banner-body.txt-left {right: auto; text-align: center !important;}
}
@media screen and (max-width:320px) {
	.banner-subtitle {font-size: 2.5rem;}
}

/* ================ 22.3. Offset Banners ================ */


/*  needs excess style cleanup */

div.flexslider.offset-banner  ul.slides li div.banner div.outer-slide div.banner-inner {padding:  0 20px;}
.offset-banner .banner-inner .banner-body {width: auto; position: relative;}

div.flexslider.offset-banner {
	margin: 0;
	background-color: #fff;
	height: 401px;
}
div.flexslider.offset-bannerul.slides li, .content div.flexslider.offset-banner ul.slides li {
	margin: 0;
	padding: 0;
}
div.flexslider.offset-banner ul.slides li div.banner div.outer-slide div.banner-inner {
	max-width: 1280px;
	margin: auto;

}
.offset-banner .outer-slide {
	overflow: hidden;
	max-width: 1280px;
	margin: 0 auto;
}

.offset-banner div.b-small.banner-text { width: 60%;}
.offset-banner div.b-small.banner-image-offset { width: 40%; }

.offset-banner div.b-med  { width: 50%; }

.offset-banner div.b-large.banner-text {width: 33.333333%; }
.offset-banner div.b-large.banner-image-offset { width: 66.666666%; }

.offset-banner div.banner-left {float: left; position: relative;}
.offset-banner div.banner-right {float: right; position: relative;}

.offset-banner div.banner-image-offset div.overlap-image {position: relative; max-width: 100%; overflow: hidden; z-index: 2; padding: 30px 10px 0 10px;}
.offset-banner div.banner-strip {position: absolute; bottom: 0; background-color: #ffffff; height: 30px; width: 100%; z-index: 1;}


/*get rid of some default flexslider formatting*/
div.flexslider.offset-banner {
	box-shadow: none;
	border: none;
	clear: both;
	margin: auto auto 10px auto;

}

.offset-banner .banner-inner .banner-body {
	margin: 0;
	padding: 20px 20px 40px 20px;
}
.offset-banner .banner-top .banner-inner {padding: 20px; overflow: hidden;}

.offset-banner .banner-title {
	font-size: 44px;
	font-size: 2.75em;
	font-weight: 700;
}


.offset-banner .banner-title, .offset-banner .banner-subtitle, .offset-banner .banner-copy {
	margin: 15px 0 0 0; 
	padding: 0;
	line-height: 1.1;
}

/*light text*/
.offset-banner .txt-light .banner-title, .offset-banner .txt-light .banner-subtitle, .offset-banner .txt-light .banner-copy, .offset-banner .txt-light .banner-copy p {
	color: #fff !important; letter-spacing: normal;
}
.offset-banner div.slide-txt-dark {
	background-color: #ffffff; letter-spacing: normal;
}
.offset-banner div.slide-txt-light {
	background-color: #000000; letter-spacing: normal;
}
/*dark text*/
.offset-banner .txt-dark .banner-title, .offset-banner .txt-dark .banner-subtitle, .offset-banner .txt-dark .banner-copy, .offset-banner .txt-dark .banner-copy p {
	color: #000000; letter-spacing: normal;
}

.offset-banner div.banner div.outer-slide div.banner-inner .banner-body.txt-right, .offset-banner .banner-body.txt-right .banner-copy {
	max-width: 1280px;
	margin: auto;
}

@media screen and (max-width:1200px) {
	.offset-banner .banner-title {font-size: 2rem;}
	.offset-banner .huge {font-size: 3rem;}
	.offset-banner .banner-button {font-size: .9rem;}
}


@media screen and (max-width:980px) {
	.offset-banner .banner-top .banner-inner {padding: 20px;}
	.offset-banner .banner-title {font-size: 3rem; margin-top: 0;}
	.offset-banner div.banner-right, div.banner-left {float: none; margin: auto; padding: 0;}
	.offset-banner div.banner-image-offset img {padding: 0; margin: 0;}

	.offset-banner div.b-small {width: 100% !important; text-align: center;}
	.offset-banner div.b-med {width: 100% !important; text-align: center;}
	.offset-banner div.b-large {width: 100% !important; text-align: center;}
	.offset-banner div.banner-strip {display: none;}
	.offset-banner .banner-inner .banner-body {padding: 0 0 20px 0 !important; width: 100%;}
	.offset-banner div.banner-image-offset div.overlap-image {padding: 0 0 20px 0;}


	.offset-banner div.banner .banner-title, .offset-banner div.banner .banner-subtitle, .offset-banner div.banner .banner-copy, .offset-banner div.banner .banner-button {
		width: auto;
		text-align: center;
	}
	.offset-banner .banner-inner .banner-body {max-width: 100%; position: relative;}
	.offset-banner .banner-inner .banner-title {padding-top: 10px;}
	.offset-banner .banner-inner .banner-body.txt-left .banner-title, .offset-banner .banner-inner .banner-body.txt-left .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-left .banner-copy, .offset-banner .banner-inner .banner-body.txt-left .banner-button {
		width: auto;
		text-align: center;
	}
	.offset-banner .banner-inner .banner-body.txt-right .banner-title, .offset-banner .banner-inner .banner-body.txt-right .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-right .banner-copy, .offset-banner .banner-inner .banner-body.txt-right .banner-button {
		width: auto;
		text-align: center;
	}
	div.flexslider.offset-banner  {height: 950px;}
}

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

}



@media screen and (max-width:600px) {
	div.flexslider.offset-banner  {height: auto;}
	.offset-banner .banner-inner {padding: 0;}
	.offset-banner .banner-inner, .offset-banner .banner-inner .banner-body {height: auto;}
	.offset-banner .banner-inner .banner-body {margin: 0;}
}


/* ================ 23. JQuery Style Overrides ================ */
/* Overlays */
.ui-dialog {
    max-width: 95% !important;
    z-index: 1000;
}
.ui-widget-content {
    border: none;
}
.ui-widget {
    font-family: inherit !important;
}
.ui-widget-header {
    border: none;
    background: #666;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-overlay {
    background: #777777;
    position: fixed;
    opacity: .60;
    /*filter: Alpha(Opacity=60); causes SortSite standards error */
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    opacity: .30;
    /*filter: Alpha(Opacity=30); causes SortSite standards error */
    border-radius: 8px;
}
/* DIALOG ELEMENTS */
.ui-button-text-only .ui-button-text {
    padding: 2px 5px;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
}
.ui-dialog .ui-dialog-content {
    text-align: left;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #eee;
    border: none;
    color: #272727;
}
div.ui-dialog-titlebar {
    background: #3E6C7D;
}
div.ui-dialog-titlebar button {
    display: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-radius: 0;
}
div.speedbump_content_box h3 {
    color: #3E6C7D;
}
.error {
    color: #e80000 !important;
    font-weight: bold;
}
.ui-widget-content a {
    color: #000;
}
.ui-button-text-only .ui-button-text {
    padding: 2px 20px;
}
@media screen and (max-width: 769px) {
    div.footer_quicklinks, div.footer div.txt-right {
        float: none !important;
        width: 100%;
    }
    div.footer .twofifths.right {float: none;}
	.foot-colright {border-left: none;}
	.foot-colright .inner, .foot-colleft.inner {padding: 10px 0;}
}

/* overrides for modals */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
    background-color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-button:active .ui-icon {
    background-image: url("/jquery/jquery_custom/ui-theme/images/ui-icons_217bc0_256x240.png");
}
.ui-dialog .ui-dialog-content {
    padding: .5em 5px;
}
/* ================ 24. 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: #333;
    color: #FFFFFF;
}
/* ================ 25. Google Search or Voice Search Integration ================ */
div.google_search_box, div.voice-search-box {
    max-width: 45%;
    border: 1px solid #E9E9E9;
    display: inline;
    float: left;
    margin-right: 1%;
    padding: 2%;
}
div#resultsTop {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px dotted #e9e9e9;
}
div#resultsTop h3 {
    margin: 24px 0 0 0;
    border-bottom: 1px solid #e9e9e9;
}
div.pagination-holder {
    padding-bottom: 20px;
}
div.silvercloud_results_wrapper, div.faq-search {
    position: relative;
    display: inline-block;
}
div.faq-search h3 {
    margin-top: 0;
}
@media screen and (max-width: 740px) {
    div#resultsTop {
        padding-right: 0;
        margin-right: 0;
        border: none;
    }
    div.google_search_box, div.voice-search-box {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
    }
    div.silvercloud_results_wrapper, div.faq-search {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
        margin-top: 40px;
    }
}
/*================ 26. OPEN ================*/
/* ================ 27. PERSONALIZATION ELEMENTS ================ */
.pers-select-box {
    position: relative;
    width: 58%;
    margin: auto;
	z-index: 2;
}
.pers-select {
    position: relative;
	cursor: pointer;
}
.pers-select, .pers-select-options {
    border: 3.5px solid #3E6C7D;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;

}
.pers-select {
    font-size: 2rem;
    color: #3E6C7D;
    text-align: center;
	font-style: italic;
	height: 50px;
}
.pers-select-options {
	border-top: 1px solid #fff;
    position: relative;
	border-radius: 0;
}
.pers-select-options ul {
    list-style-type: none;
    margin: 20px 0 10px 0;
    padding: 0;
}
.pers-select-options ul li {
    color: #535859;
    font-size: 1.5rem;
    padding: 5px 0;
    text-align: center;
}
.pers-select-txt {
    padding: 12px;
    display: inline-block;	
	width: calc(90% - 65px);
	font-size: 1.85rem;
	font-weight: 400;
}
.pers-select-arrow {
    padding: 4px 10px 10px 10px;
    border-left: 3.5px solid #3E6C7D;
    display: inline-block;
    float: right;
    cursor: pointer;	
    width: 50px;	
}
.pers-select-arrow .fal {
    font-size: 3rem;
    margin: -10px 4px 0 4px;
}


@media screen and (max-width: 768px) {	
	.pers-select-box {
		width: 98%;
		margin: auto;
	}		
	
	.pers-select-txt {
	font-size: 1.45rem;
	width: calc(90% - 85px);
	}
}




/*======================== 28. Layout Framework =============================*/
/* ================ 28.1. Column Layouts ================ */
/*1.1 Percentage based columns*/
.onewhole {
    width: 100%;
}
.onehalf {
    width: 50%;
}
.onethird {
    width: 33.333333%;
}
.twothirds {
    width: 66.666666%;
}
.onefourth {
    width: 25%;
}
.threefourths {
    width: 75%;
}
.onefifth {
    width: 20%;
}
.twofifths {
    width: 40%;
}
.threefifths {
    width: 60%;
}
.fourfifths {
    width: 80%;
}
.onesixth {
    width: 16.666666666666667%;
}
.fivesixths {
    width: 83.33333333333334%;
}
.oneseventh {
    width: 14.28571428571429%;
}
.twosevenths {
    width: 28.57142857142858%;
}
.threesevenths {
    width: 42.85714285714287%;
}
.foursevenths {
    width: 57.14285714285716%;
}
.fivesevenths {
    width: 71.42857142857145%;
}
.sixsevenths {
    width: 85.71428571428574%;
}
.oneeighth {
    width: 12.5%;
}
.twoeights {
    width: 25%;
} /*same as .onefourth*/
.threeeighths {
    width: 37.5%;
}
.foureighths {
    width: 50%;
} /*same as .onehalf*/
.fiveeighths {
    width: 62.5%;
}
.sixeighths {
    width: 75%;
} /*same as .threefourths*/
.seveneighths {
    width: 87.5%;
}
.oneninth {
    width: 11.11111111111111%;
}
.twoninths {
    width: 22.22222222222222%;
}
.threeninths {
    width: 33.33333333333333%;
} /*same as .onethird*/
.fourninths {
    width: 44.44444444444444%;
}
.fiveninths {
    width: 55.55555555555555%;
}
.sixninths {
    width: 66.66666666666666%;
} /*same as .twothirds*/
.sevenninths {
    width: 77.77777777777777%;
}
.eightninths {
    width: 88.88888888888888%;
}
.onetenth {
    width: 10%;
}
.twotenths {
    width: 20%;
} /*same as .onefifth*/
.threetenths {
    width: 30%;
}
.fourtenths {
    width: 40%;
} /*same as .twofifths*/
.fivetenths {
    width: 50%;
} /*same as .onehalf*/
.sixtenths {
    width: 60%;
} /*same as .threefifths*/
.seventenths {
    width: 70%;
}
.eighttenths {
    width: 80%;
} /*same as .fourfifths*/
.ninetenths {
    width: 90%;
}
.oneeleventh {
    width: 9.09090909090909%;
}
.twoelevenths {
    width: 18.18181818181818%;
}
.threeelevenths {
    width: 27.27272727272727%;
}
.fourelevenths {
    width: 36.36363636363636%;
}
.fiveelevenths {
    width: 45.45454545454545%;
}
.sixelevenths {
    width: 54.54545454545454%;
}
.sevenelevenths {
    width: 63.63636363636363%;
}
.eightelevenths {
    width: 72.72727272727272%;
}
.nineelevenths {
    width: 81.81818181818181%;
}
.tenelevenths {
    width: 90.9090909090909%;
}
.onetwelfth {
    width: 8.33333333333333%;
}
.twotwelfths {
    width: 16.66666666666666%;
} /*same as .onesixth*/
.threetwelfths {
    width: 24.99999999999999%;
} /*same as .onefourth*/
.fourtwelfths {
    width: 33.33333333333332%;
} /*same as .onethird*/
.fivetwelfths {
    width: 41.66666666666665%;
}
.sixtwelfths {
    width: 49.99999999999998%;
} /*same as .onehalf*/
.seventwelfths {
    width: 58.33333333333331%;
}
.eighttwelfths {
    width: 66.66666666666664%;
} /*same as .twothirds*/
.ninetwelfths {
    width: 74.99999999999997%;
}
.tentwelfths {
    width: 83.3333333333333%;
} /*same as .fivesixths*/
.eleventtwelfths {
    width: 91.66666666666663%;
}
.onethirteenth {
    width: 7.692307692307692%;
}
.twothirteenths {
    width: 15.384615384615385%;
}
.threethirteenths {
    width: 23.076923076923077%;
}
.fourthirteenths {
    width: 30.769230769230769%;
}
.fivethirteenths {
    width: 38.461538461538462%;
}
.sixthirteenths {
    width: 46.153846153846154%;
}
.seventhirteenths {
    width: 53.846153846153846%;
}
.eightthirteenths {
    width: 61.538461538461538%;
}
.ninethirteenths {
    width: 69.230769230769231%;
}
.tenthirteenths {
    width: 76.923076923076923%;
}
.eleventhirteenths {
    width: 84.615384615384615%;
}
.twelvethirteenths {
    width: 92.307692307692308%;
}
.thirteenthirteenths {
    width: 100%;
}
.onefourteenth {
    width: 7.142857142857143%;
}
.twofourteenths {
    width: 14.285714285714286%;
}
.threefourteenths {
    width: 21.428571428571429%;
}
.fourfourteenths {
    width: 28.571428571428571%;
}
.fivefourteenths {
    width: 35.714285714285714%;
}
.sixfourteenths {
    width: 42.857142857142857%;
}
.sevenfourteenths {
    width: 50%;
}
.eightfourteenths {
    width: 57.142857142857143%;
}
.ninefourteenths {
    width: 64.285714285714286%;
}
.tenfourteenths {
    width: 71.428571428571429%;
}
.elevenfourteenths {
    width: 78.571428571428571%;
}
.twelvefourteenths {
    width: 85.714285714285714%;
}
.thirteenfourteenths {
    width: 92.857142857142857%;
}
.fourteenfourteenths {
    width: 100%;
}
.onewhole, .onehalf, .onethird, .twothirds, .oneforuth, .twofourths, .threefourths, .onefifth, .twofifths, .threefifths, .fourfifths, .onesixth, .twosixths, .threesixths, .foursixths, .fivesixths, .oneseventh, .twosevenths, .threesevenths, .foursevenths, .fivesevenths, .sixsevenths, .oneeighth, .twoeighths, .threeeighths, .foureighths, .fiveeighths, .sixeighths, .seveneighths, .oneninth, .twoninths, .threeninths, .fourninths, .fiveninths, .sixninths, .sevenninths, .eightninths, .onetenth, .twotenths, .threetenths, .fourtenths, .fivetenths, .sixtenths, .seventenths, .eighttenths, .ninetenths, .oneeleventh, .twoelevenths, .threeelevenths, .fourelevenths, .fiveelevenths, .sixelevenths, .sevenelevenths, .eightelevenths, .nineelevenths, .tenelevenths, .onetwelth, .twotwelths, .threetwelths, .fourtwelths, .fivetwelths, .sixtwelths, .seventwelths, .eighttwelths, .ninetwelths, .tentwelths, .eleventwelths, .onethirteenth, .twothirteenths, .threethirteenths, .fourthirteenths, .fivethirteenths, .sixthirteenths, .seventhirteenths, .eightthirteenths, .ninethirteenths, .tenthirteenths, .eleventhirteenths, .twelvethirteenths, .thirteenthirteenths, .onefourteenth, .twofourteenths, .threefourteenths, .fourfourteenths, .fivefourteenths, .sixfourteenths, .sevenfourteenths, .eightfourteenths, .ninefourteenths, .tenfourteenths, .elevenfourteenths, .twelvefourteenths, .thirteenfourteenths, .fourteenfourteenths {
    margin: auto;
}
.inner {
    padding: 0 10px;
}
.page-inner {
   
}
div.inner:empty {
    display: none;
}
/*================= 28.2. Responsive Column Layouts =================*/
@media screen and (max-width: 767px) {
    /*make all the columns full width and clear them*/
    .onesixth, .oneseventh, .oneeighth, .oneninth, .onetenth, .oneeleventh, .onetwelfth, .twothirds, .threefourths, .fourfourths, .threefifths, .fourfifths, .fivefifths, .foursixths, .fivesixths, .sixsixths, .foursevenths, .fivesevenths, .sixsevenths, .sevensevenths, .fiveeighths, .sixeighths, .seveneighths, .eighteighths, .fiveninths, .sixninths, .sevenninths, .eightninths, .nineninths, .sixtenths, .seventenths, .eighttenths, .ninetenths, .tentenths, .sixelevenths, .sevenelevenths, .eightelevenths, .nineelevenths, .tenelevenths, .elevenelevenths, .seventwelfths, .eighttwelfths, .ninetwelfths, .tentwelfths, .eleventwelfths, .twelvetwelfths, .onehalf, .onethird, .onefourth, .twofourths, .onefifth, .twofifths, .twosixths, .threesixths, .twosevenths, .threesevenths, .twoeighths, .threeeighths, .foureighths, .twoninths, .threeninths, .fourninths, .twotenths, .threetenths, .fourtenths, .fivetenths, .twoelevenths, .threeelevenths, .fourelevenths, .fiveelevenths, .onetwelfth, .twotwelfths, .threetwelfths, .fourtwelfths, .fivetwelfths, .sixtwelfths, .onethirteenth, .twothirteenths, .threethirteenths, .fourthirteenths, .fivethirteenths, .sixthirteenths, .seventhirteenths, .eightthirteenths, .ninethirteenths, .tenthirteenths, .eleventhirteenths, .twelvethirteenths, .thirteenthirteenths, .onefourteenth, .twofourteenths, .threefourteenths, .fourfourteenths, .fivefourteenths, .sixfourteenths, .sevenfourteenths, .eightfourteenths, .ninefourteenths, .tenfourteenths, .elevenfourteenths, .twelvefourteenths, .thirteenfourteenths, .fourteenfourteenths {
        width: 100%;
        clear: both;
    }
}
/*but don't do it if a column has a class of "colfixed" ...*/
.colfixed {
    clear: none !important;
}
.onewhole.colfixed, .twohalves.colfixed, .threethirds.colfixed, .fourfourths.colfixed, .fivefifths.colfixed, .sixsixths.colfixed, .sevensevenths.colfixed, .eighteighths.colfixed, .nineninths.colfixed, .tentenths.colfixed, .elevenelevenths.colfixed, .twelvetwelfths.colfixed {
    width: 100% !important;
}
.onehalf.colfixed, .twofourths.colfixed, .threesixths.colfixed, .foureighths.colfixed, .fivetenths.colfixed, .sixtwelfths.colfixed {
    width: 50% !important;
}
.onethird.colfixed, .twosixths.colfixed, .threeninths.colfixed, .fourtwelfths.colfixed {
    width: 33.333333% !important;
}
.twothirds.colfixed, .foursixths.colfixed, .sixninths.colfixed, .eighttwelfths.colfixed {
    width: 66.666666% !important;
}
.onefourth.colfixed, .twoeighths.colfixed, .threetwelfths.colfixed {
    width: 25% !important;
}
.threefourths.colfixed, .sixeighths.colfixed {
    width: 75% !important;
}
.onefifth.colfixed, .twotenths.colfixed {
    width: 20% !important;
}
.twofifths.colfixed, .fourtenths.colfixed {
    width: 40% !important;
}
.threefifths.colfixed, .sixtenths.colfixed {
    width: 60% !important;
}
.fourfifths.colfixed, .eighttenths.colfixed {
    width: 80% !important;
}
.onesixth.colfixed, .twotwelfths.colfixed {
    width: 16.666666666666667% !important;
}
.fivesixths.colfixed, .tentwelfths.colfixed {
    width: 83.33333333333334% !important;
}
.oneseventh.colfixed {
    width: 14.28571428571429% !important;
}
.twosevenths.colfixed {
    width: 28.57142857142858% !important;
}
.threesevenths.colfixed {
    width: 42.85714285714287% !important;
}
.foursevenths.colfixed {
    width: 57.14285714285716% !important;
}
.fivesevenths.colfixed {
    width: 71.42857142857145% !important;
}
.sixsevenths.colfixed {
    width: 85.71428571428574% !important;
}
.oneeighth.colfixed {
    width: 12.5% !important;
}
.threeeighths.colfixed {
    width: 37.5% !important;
}
.fiveeighths.colfixed {
    width: 62.5% !important;
}
.seveneighths.colfixed {
    width: 87.5% !important;
}
.oneninth.colfixed {
    width: 11.11111111111111% !important;
}
.twoninths.colfixed {
    width: 22.22222222222222% !important;
}
.fourninths.colfixed {
    width: 44.44444444444444% !important;
}
.fiveninths.colfixed {
    width: 55.55555555555555% !important;
}
.sevenninths.colfixed {
    width: 77.77777777777777% !important;
}
.eightninths.colfixed {
    width: 88.88888888888888% !important;
}
.onetenth.colfixed {
    width: 10% !important;
}
.threetenths.colfixed {
    width: 30% !important;
}
.seventenths.colfixed {
    width: 70% !important;
}
.ninetenths.colfixed {
    width: 90% !important;
}
.oneeleventh.colfixed {
    width: 9.09090909090909% !important;
}
.twoelevenths.colfixed {
    width: 18.18181818181818% !important;
}
.threeelevenths.colfixed {
    width: 27.27272727272727% !important;
}
.fourelevenths.colfixed {
    width: 36.36363636363636% !important;
}
.fiveelevenths.colfixed {
    width: 45.45454545454545% !important;
}
.sixelevenths.colfixed {
    width: 54.54545454545454% !important;
}
.sevenelevenths.colfixed {
    width: 63.63636363636363% !important;
}
.eightelevenths.colfixed {
    width: 72.72727272727272% !important;
}
.nineelevenths.colfixed {
    width: 81.81818181818181% !important;
}
.tenelevenths.colfixed {
    width: 90.9090909090909% !important;
}
.onetwelfth.colfixed {
    width: 8.33333333333333% !important;
}
.fivetwelfths.colfixed {
    width: 41.66666666666665% !important;
}
.seventwelfths.colfixed {
    width: 58.33333333333331% !important;
}
.ninetwelfths.colfixed {
    width: 74.99999999999997% !important;
}
.eleventwelfths.colfixed {
    width: 91.66666666666663% !important;
}
div.section-title {
    font-weight: 700;
    font-size: 1.35rem;
    color: #333;
}
/* ================ 28.5. Clearfix and Clearing ================ */
.clearfix:before, .clearfix:after, .fix:before, .fix:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after, .fix:after, .clear {
    clear: both;
}
.clearfix, .fix {
    zoom: 1;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
/* ================ 28.6. Floating ================ */
.left, .colleft {
    float: left;
}
.right, .colright {
    float: right;
}
/* ================ 28.7. General Responsive Elements ================ */
img, iframe {
    max-width: 100%;
}
/* 8.2 Smaller than 1280 wide but larger than 768 wide */
@media screen and (max-width: 1280px) {}
/* 8.3 Smaller than 1024 wide */
@media screen and (max-width: 1024px) {}
/* 8.4 At least 768 wide */
@media screen and (min-width: 769px) {}
/* 8.5 Between 640 wide and 768 wide */
@media screen and (min-width: 641px) and (max-width: 768px) {}
/* 8.6 Smaller than 768 wide */
/* 8.7 Smaller than portrait tablet width */
@media screen and (max-width: 767px) {
    /*=========== hide col3 and widen col2 ===========*/
}
/* 8.8 Smaller than 480 wide */
@media screen and (max-width: 480px) {}
/* 8.9 Smaller than 400 wide */
@media screen and (max-width: 400px) {}
/* ================ 28.8. Content Decks ================ */
div.decks.fix {
    overflow: hidden;
}
/*multi column support*/
.contentdeck.onewhole, .contentdeck.onehalf, .contentdeck.onethird, .contentdeck.onefourth, .contentdeck.onefifth {
    width: 100% !important;
}
.contentdeck.onehalf .inner, .contentdeck.onethird .inner, .contentdeck.onefourth .inner, .contentdeck.onefifth .inner, .contentdeck.icon-grid .inner {
    max-width: 1280px !important;
}

/* div.multicol-inner .onehalf:first-child > .inner, div.multicol-inner .onethird:first-child > .inner, div.multicol-inner .onefourth:first-child > .inner, div.multicol-inner .onefifth:first-child > .inner {
    padding-left: 0 !important;
}*/ 
.contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner {
    padding: 30px 10px !important;
}
/*if one column layout is selected, don't display columns 2, 3, 4 or 5*/
div.contentdeck.onewhole div.deckinner div.multicol2, div.contentdeck.onewhole div.deckinner div.multicol3, div.contentdeck.onewhole div.deckinner div.multicol4, div.contentdeck.onewhole div.deckinner div.multicol5 {
    display: none;
}
/*if two column layout is selected, don't display columns 3, 4 or 5*/
div.contentdeck.onehalf div.deckinner div.multicol3, div.contentdeck.onehalf div.deckinner div.multicol4, div.contentdeck.onehalf div.deckinner div.multicol5 {
    display: none;
}
/*if three column layout is selected, don't display columns 4 or 5*/
div.contentdeck.onethird div.deckinner div.multicol4, div.contentdeck.onethird div.deckinner div.multicol5 {
    display: none;
}
/*if four column layout is selected, don't display column 5*/
div.contentdeck.onefourth div.deckinner div.multicol5 {
    display: none;
}
/*apply offset column widths*/
.contentdeck.onethird-twothirds .multicol1 {
    width: 33%;
}
.contentdeck.onethird-twothirds .multicol2 {
    width: 66%;
}
.contentdeck.twothirds-onethird .multicol1 {
    width: 66%;
}
.contentdeck.twothirds-onethird .multicol2 {
    width: 33%;
}
.contentdeck.onefourth-threefourths .multicol1 {
    width: 25%;
}
.contentdeck.onefourth-threefourths .multicol2 {
    width: 75%;
}
.contentdeck.threefourths-onefourth .multicol1 {
    width: 75%;
}
.contentdeck.threefourths-onefourth .multicol2 {
    width: 25%;
}
.contentdeck.onethird-twothirds .multicol3, .contentdeck.onethird-twothirds .multicol4, .contentdeck.onethird-twothirds .multicol5 {
    display: none;
}
.contentdeck.twothirds-onethird .multicol3, .contentdeck.twothirds-onethird .multicol4, .contentdeck.twothirds-onethird .multicol5 {
    display: none;
}
.contentdeck.onefourth-threefourths .multicol3, .contentdeck.onefourth-threefourths .multicol4, .contentdeck.onefourth-threefourths .multicol5 {
    display: none;
}
.contentdeck.threefourths-onefourth .multicol3, .contentdeck.threefourths-onefourth .multicol4, .contentdeck.threefourths-onefourth .multicol5 {
    display: none;
}
.contentdeck.onethird-twothirds .multicol1.onewhole {
    width: 100%;
}
.contentdeck.onefourth-threefourths .multicol1.onewhole {
    width: 100%;
}
@media screen and (max-width:767px) {
    .contentdeck.onethird-twothirds .multicol1, .contentdeck.twothirds-onethird .multicol1 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onethird-twothirds .multicol2, .contentdeck.twothirds-onethird .multicol2 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onefourth-threefourths .multicol1, .contentdeck.threefourths-onefourth .multicol1 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onefourth-threefourths .multicol2, .contentdeck.threefourths-onefourth .multicol2 {
        width: 100% !important;
        display: block;
        float: none;
    }
	
	.contentdeck .inner {padding: 0;} /* removing extra padding at mobile size */
}
.multicol-inner {
    padding: 1% 20px;
}
.contentdeck .multicol-outro {
    padding: 0 !important;
    clear: both;
    display: block;
	text-align: center;
}
.multicol-outro.no-padding, .multicol-outro.no-padding p {
    padding: 0 !important;
    margin: 0;
    line-height: 1;
}
div.contentdeck {
    padding: 0;
	overflow: hidden;
}
/*.contentdeck.hasmenuitem { padding-top: 77px; }*/
@media screen and (max-width: 767px) {
    /*.contentdeck.hasmenuitem { padding-top: 50px; }*/
    div.contentdeck h3 {
        font-size: 32px;
        font-size: 2rem;
    }
}
div.contentdeck div.deckinner {
    padding: 0;
    max-width: 1280px;
    margin: auto;
    padding-top: 85px;
    padding-bottom: 85px;
}


/* fixing conflict with padding removal */
div.contentdeck.white.has-bgimg.no-padding {padding-top: 0; padding-bottom: 0;}
div.contentdeck.white.has-bgimg.no-padding-top {padding-top: 0;}
div.contentdeck.white.has-bgimg.no-padding-bottom {padding-bottom: 0;}

div.contentdeck div.deckinner.no-padding {
	padding: 0;
}
div.contentdeck div.deckinner.no-padding-top {
	padding-top: 0;
}
div.contentdeck div.deckinner.no-padding-bottom {
	padding-bottom: 0;
}


/* an exception to the extra padding for white decks without backgrounds */
div.contentdeck.white div.deckinner {padding-top: 10px; padding-bottom: 10px;}
div.contentdeck.white.has-bgimg {    padding-top: 85px; padding-bottom: 85px;}


/*override no padding when a branded image is set*/
div.contentdeck.has-bgimg.branded-image.addpadtop, div.contentdeck.has-bgimg.no-padding.branded-image.addpadtop {    padding-top: 160px; padding-bottom: 0;}
div.contentdeck.has-bgimg.branded-image.addpadbot, div.contentdeck.has-bgimg.no-padding.branded-image.addpadbot {    padding-top: 0; padding-bottom: 160px;}






div.contentdeck h2, div.contentdeck h3, div.contentdeck h4 {
    margin: 0 0 25px 0;
}
div.contentdeck h2.deck-title {
   line-height: 1.1;
   margin: 15px 0 15px 0;
}

div.contentdeck h2.deck-title.deck-title-center{
    margin-left: auto;
	margin-right: auto;
    text-align: center;

}

@media screen and (max-width: 640px) {
    div.contentdeck h2.deck-title {
        width: 95%;
    }
    div.contentdeck h3 {
        font-size: 26px;
        font-size: 1.625rem;
    }
    h1.page-title {
        font-size: 2.5rem;
    }
    span.intro {
        font-size: 1.5rem;
    }
}
/*content deck background colors and changing content elements to white based on background*/
div.contentdeck.white {
    background-color: #fff;
}
div.contentdeck.white.border:before, div.contentdeck.white.border:after {
    /*put a border at the top and bottom of white decks*/
    display: block;
    background: #D57D28;
    height: 2px;
    margin: 10px 2%;
    width: 96%;
    position: relative;
    visibility: visible;
}
div.contentdeck.gray {
    background-color: #404040;
}

/*code as class="brandcolor brandcolor1"*/

div.contentdeck.brandcolor1 {
    background-color: #3E6C7D; 
}
div.contentdeck.brandcolor2 {
    background-color: #979831; 
}
div.contentdeck.brandcolor3 {
    background-color: #4C412A; 
}
div.contentdeck.brandcolor4 {
    background-color: #D57D28; 
}
/*the following makes most content elements white within the gray and brandcolor medium background content decks*/
div.contentdeck.gray, div.contentdeck.gray h2, div.contentdeck.gray h3, div.contentdeck.gray h4, div.contentdeck.gray h5, div.contentdeck.gray h6, div.contentdeck.gray p, div.contentdeck.gray a, div.contentdeck.gray .intro, div.contentdeck.gray label, div.contentdeck.gray .section-title, div.contentdeck.gray .intro-alt, div.contentdeck.brandcolor, div.contentdeck.brandcolor h2, div.contentdeck.brandcolor h3, div.contentdeck.brandcolor h4, div.contentdeck.brandcolor h5, div.contentdeck.brandcolor h6, div.contentdeck.brandcolor p, div.contentdeck.brandcolor a, div.contentdeck.brandcolor .intro, div.contentdeck.brandcolor label, div.contentdeck.brandcolor .section-title, div.contentdeck.brandcolor .intro-alt {
    color: #fff !important;
}
/* give form buttons in a dark deck a white border */
div.contentdeck.gray form .button, div.contentdeck.brandcolor form .button  {border: 1px solid #fff;}
/*if a deck has a background image and its set to have a DARK overlay, make text elements white*/
div.contentdeck.has-bgimg .darken, div.contentdeck.has-bgimg .darken h2, div.contentdeck.has-bgimg .darken h3, div.contentdeck.has-bgimg .darken h4, div.contentdeck.has-bgimg .darken h5, div.contentdeck.has-bgimg .darken h6, div.contentdeck.has-bgimg .darken p, div.contentdeck.has-bgimg .darken a, div.contentdeck.has-bgimg .darken .intro {
    color: #fff !important;
}
/*if a deck has a background image and its set to have a LIGHT overlay, color text elements accordingly*/
div.contentdeck.has-bgimg .lighten, div.contentdeck.has-bgimg .lighten p, div.contentdeck.has-bgimg .lighten .intro {
    color: #000 !important;
}
div.contentdeck.has-bgimg .lighten h2, div.contentdeck.has-bgimg .lighten h3, div.contentdeck.has-bgimg .lighten h4, div.contentdeck.has-bgimg .lighten h5, div.contentdeck.has-bgimg .lighten h6, div.contentdeck.has-bgimg .lighten .intro {
    color: #000 !important;
}
.contentdeck.has-bgimg {
    background-repeat: no-repeat;
    background-size: cover;
}
.contentdeck.has-bgimg.branded-image {
    background-repeat: no-repeat;
    background-size: 1800px 1600px;
}

/*if the deck HAS NO background image, make the overlay transparent*/
.contentdeck .banner-overlay {
    background-color: transparent;
}
/*content decks - background image overlay opacity*/
/*if the deck HAS a background image, shade the overlay as selected*/
.contentdeck.has-bgimg .banner-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.contentdeck.has-bgimg .banner-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.contentdeck.has-bgimg .banner-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.contentdeck.has-bgimg .banner-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.contentdeck.has-bgimg .banner-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
.contentdeck.has-bgimg .banner-overlay.lighten1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.contentdeck.has-bgimg .banner-overlay.lighten2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.contentdeck.has-bgimg .banner-overlay.lighten3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.contentdeck.has-bgimg .banner-overlay.lighten4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.contentdeck.has-bgimg .banner-overlay.lighten5 {
    background-color: rgba(255, 255, 255, 0.5);
}
/*there are multiple bit types that support "distinct" content deck purposes*/

div.contentdeck .deckinner.deck-distinct {
    padding: 50px 0;
}
.deck-distinct .multicol-inner {
    padding: 20px 10px;
}
/*========FEATURED PRODUCT / SERVICE DECKS======== */
/*post templates also use "feature-img"*/
div.feature-img {
    width: 100%;
    max-width: 90%;
}
div.feature-img img {
	border-radius: 8px;
} 

/*alignment in prod/serv decks is based on photo alignment class "photo-align"*/
.photo-align.multicol1 {
    width: 50%;
}
.photo-align.multicol2 {
    width: 50%;
}
.photo-align.multicol2 .multicol-inner {
    padding: 0 !important;
}
.feature-img.colleft, .feature-img.colright {
    margin: 20px 10px;
}
.photo-align.colleft .feature-img.colleft {
    float: left; /*swapped because of less padding */
}
.photo-align.colright .feature-img.colright {
    float: right; /*swapped because of less padding */
}
/* ================ Step Lists  ================ */
ol.step-list {
    counter-reset: step-counter 0;
    list-style: none;
    text-indent: 0;
    padding-left: 0;
    width: auto;
}
ul.step-list {
    list-style: none;
    text-indent: 0;
    padding-left: 0;
    width: auto;
    margin: 2.5rem;
}
.step-list {
    width: 100%;
    margin: 1.75rem;
}
.step-list li {
    position: relative;
    padding-left: 40px;
    margin: 0;
    float: left;
    padding-bottom: 4rem;
    list-style-type: none !important;
    box-sizing: border-box;
    height: 95px;
    width: 100%;
}
.step-list li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 4px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #46977F;
    background: #fff;
    border: 2px solid #46977F;
    border-radius: 99em;
    z-index: 1;
    text-align: center;
    font-size: .875em;
    font-family: inherit;
    outline: 3px solid #fff;
}
ul.step-list li:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 10px;
}
.step-list li:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 14px;
    border-left: 4px solid #46977F;
}
.step-list.steplines1 li:after {
    border-left: none;
}
.step-list li:last-child {
    padding-bottom: 1rem;
    height: auto;
}
.step-list li:last-child:after {
    border-color: transparent;
}
/*if the step list is set to two columns, make the 5th item have the same bottom padding as the 6th one*/
.step-list li.onehalf:nth-child(5) {
    padding-bottom: 0;
    height: auto;
}
.step-list li h5 {
    margin: 10px 0 0 5px;
    color: #46977F;
}
.step-list-col1 {}
.step-list-col2 {
    counter-reset: step-counter 3 !important;
}
/*========DISTINCT "BOX" DECKS (Step Lists and Bar Charts)======== */
div.distinct-box-col {
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: #ccc 0px 0px 3px;
    margin: 50px 20px;
}
.distinct-box-head {
    color: #000;
    text-align: center;
    font-size: 2rem;
}
.distinct-box-icon {
    font-size: 60px;
    margin: 1rem;
}
/*alignment in step list decks is based on list alignment class "distinct-box-align"*/
.distinct-box-align.multicol1 {
    width: 40%;
}
.distinct-box-align.multicol2 {
    width: 60%;
}
.distinct-box-align.colleft .distinct-box-col {
    margin: 50px 0 50px 20px;
}
.distinct-box-align.colright .distinct-box-col {
    margin: 50px 20px 50px 0;
}
.distinct-box-align.multicol2 .multicol-inner {
    padding: 0 !important;
}
.distinct-box-col.colleft, .distinct-box-col.colright {}
.distinct-box-align.colleft .distinct-box-col.colleft {
    float: right;
}
.distinct-box-align.colright .distinct-box-col.colright {
    float: left;
}
/*Step list variables*/
/*if the list is set to one column, make its parent container narrow*/
.multicol2.listcols- {
    width: 40% !important;
}
/*if the list is set to two columns, make its parent container wide*/
.multicol2.listcols-1 {
    width: 60% !important;
}
/*adjust the content container to fit with the list container*/
.multicol1.listcols- {
    width: 60% !important;
}
.multicol1.listcols-1 {
    width: 40% !important;
}
/*number of step list columns is toggled to 2*/
.listcolwidth-1 {}
/*number of step list columns is not toggled, so 1 column*/
.listcolwidth-0 {}
/*BAR CHART DISTINCT DECK TYPE*/
.bar-chart-inner {
    background-color: #333;
}
/*DISTINCT DECK TYPE MEDIA QUERIES*/
@media screen and (max-width: 990px) {
    .distinct-box-align.colleft .distinct-box-col {
        margin: 50px 0 50px 10px;
    }
    .distinct-box-align.colright .distinct-box-col {
        margin: 50px 30px 50px 0;
    }
}
@media screen and (max-width: 768px) {
    .deck-distinct .multicol1, .deck-distinct .multicol2 {
        width: auto !important;
        margin: auto;
        float: none;
    }

    /*prod/serv decks*/
    .photo-align.colleft .feature-img.colleft, .photo-align.colright .feature-img.colright {
        float: none;
        margin: auto;
        padding: 0 10px !important;
    }

    /*step list decks*/
    .distinct-box-align.colleft .distinct-box-col.colleft, .distinct-box-align.colright .distinct-box-col.colright {
        float: left;
        margin: auto;
    }
    .distinct-box-align.colleft .distinct-box-col {
        margin: 50px 0;
    }
    .distinct-box-align.colright .distinct-box-col {
        margin: 50px 0;
    }
    .step-list.step-list-col1 li:last-child {
       /*  padding-bottom: 4rem; causing a gap */
        height: inherit;
    }
    .step-list.step-list-col1 li:last-child:after {
        border-color: #46977F;
    }
    .step-list.step-list-col1 {
        margin-bottom: 0;
    }
    .step-list.step-list-col2 {
        margin-top: 0;
    }
}
/* ================ 28.9. 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: 700;
    border-bottom: none !important;
    color: #fff;
    padding: 7px 8px 6px;
    border: solid 1px #296A57;
    border-bottom-color: #ccc;
    border-radius: 0;
    font-size: .8em;
    background-color: #296A57
}
div.ca_tabs li a:hover {
    border: solid 1px #616365;
    background-color: #616365;
    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: #296A57
}
.ca_panel {
    padding: 15px 0;
    margin-bottom: 15px;
    clear: both;
}
/* ================ 28.10. Flexible Iframe & Responsive Videos ================ */
/* flexible iframe style */
.flexiframe {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: none;
}
.flexiframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    border: none !important;
    padding: 0;
    margin: 0;
}
/* Responsive video container - moved out from BITTYPE */
.video-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .5), -5px 0 10px -5px rgba(0, 0, 0, .5);
}
/* ================ 29. Form Framework ================ */
/* ================ 29.1. Placeholders ================ */
/* customizing form field placeholder text color */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #8C9495;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #8C9495;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #8C9495;
}
:-moz-placeholder { /* Firefox 18- */
    color: #8C9495;
}
/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}
/* ================ 29.2. Form Elements ================ */

.form-field input, .form-field select, .form-field textarea {margin: 10px 10px 20px 0; display: inline-block;}
fieldset {
    border: none;
}
div.form-field {
    width: 100%;
    margin: .5em 0;
    float: left;
}
div.form-field .label {
    float: left;
    width: auto;
}
div.input {
    width: 98%;
    margin-right: 1%;
	clear:both;
}
.form-group {
    margin: 10px 0;
}
.form-group.onewhole div.input {
    width: 100%;
}
.form-group:last-child .input {
    width: 100%;
    margin-right: 0;
}
div.form-field div.input.submit {
    border-top: solid 1px #ddd;
    padding: 0.7em 0;
    margin: 1em 0 0 0;
    float: right; /* width: 60%; cuts off contact submit button at mobile size */
    width: 100%;
}
.form-group div.submit {
    margin: auto;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 20px;
    width: 90%;
}
div.form-field .button.submit {
    width: auto;
}
div.form-field.rule { /*login form div.form-field exception for horizontal line*/
    border-bottom: solid 1px #BAC7C6 !important;
    padding: 0;
    margin: 0 0 4px 0;
}
input[type=text], input[type=tel], input[type=password], input[type=email], textarea {
    width: 100%;
}
@media screen and (max-width:640px) {
    form {
        margin: auto;
    }
    div.form-field {
        width: 96%;
        margin: 1em 0;
        border: none;
    }
    div.form-field .label, div.form-field .input {
        float: none;
        width: 100%;
        clear: both;
    }
}
form {
    margin: 0;
    padding: 0;
}
label {
    display: block;
}
/*labels within radio or checkbox groups*/
div.input label {
    display: inline-block;
    margin: 0 10px;
}
input {
    font-weight: 500;
    padding: 3px;
    margin: 10px 0;
}
textarea {
    height: 120px;
    width: 100%;
}
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
    padding: 0.75rem;
    box-sizing: border-box;
    border: solid 2px #c1c4c8;
    font-family: inherit;
    font-size: 20px;
    font-size: 1rem;
    color: #011020;
}
input[type=button] {
    float: right;
    margin: 10px;
}
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {
    box-shadow: inset 1px 1px 5px #ccc;
}
select {
    display: block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 2px solid #c1c4c8;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
select::-ms-expand {
    display: none;
}
select:hover {
    border-color: #888;
}
select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
select option {
    font-weight: 400;
}
/* Disabled styles */
select:disabled, select[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
select:disabled:hover, select[aria-disabled=true] {
    border-color: #aaa;
}
/* input[type=radio], input[type=checkbox] {
    display: none !important;
}*/
input[type=radio] + label {
    display: inline-block;
}
span.radio-element {white-space: nowrap;} /* keeps radio element together with label */
div.input label.JQradioClick {margin: 0 15px 0 5px; padding: 5px 0 0 0;}

.radio label, .checkbox label {
    padding-left: 0;
}
input.formkey {
    width: inherit;
}
input.error, textarea.error, select.error, input.errormsg, textarea.errormsg, select.errormsg {
    border-color: #d13836 !important;
}
.errormsg {
    color: #d13836;
    padding: 1px 0 10px 0;
    font-size: 0.8em;
    text-align: left;
}
.form_label_req {
    color: #006990;
    font-weight: bold;
}
input.field, textarea {
    font-size: 16px;
    font-size: 1rem;
}
input.upload {
    font-size: 11px;
    font-size: 0.6875rem;
    width: 99%;
}
input.short, textarea.short {
    width: 33%;
}
input.wide, textarea.wide {
    width: 100%;
}
input.small, textarea.small {
    font-size: .9em;
}
input.large, textarea.large {
    font-size: 16px;
    font-size: 1rem;
}
input.tiny {
    height: 12px;
    font-size: .8em;
    font-weight: bold;
}
select.wide {
    width: 99%;
}
select.short {
    width: 33%;
}
select.small {
    font-size: .9em;
}
select.large {
    font-size: 1.3em;
}
select.multiple {
    width: 96.5%;
    /*	height: 130px; */
    overflow: auto;
    font-size: 1rem;
}
select.multiple_wide {
    width: 99%;
    height: 100px;
    overflow: auto;
}
.aid, label.aid {
    color: #333;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    display: block !important;
    padding: 0;
}
@media screen and (max-width: 640px) {
    div#L9Form_div div.form-field .aid {
        display: block;
    } /* fixing large gap at mobile size */
}
.aid ul {
    margin: 0 0 0 20px;
    padding: 0px;
}
div.form-field .label label {
    color: #333
}
.confirm {
    padding: .5em 3%;
    font-size: 20px;
    font-size: 1.25rem;
    color: #2ecc40
}
label.agree {
    font-size: 11px;
    font-size: 0.6875rem;
}
div.fields ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.fields ul li {
    height: 80px;
}
div.form-field div.error_message, div.error {
    color: #e80000 !important;
    font-size: 1rem;
    margin: 0 0 3px 0;
    clear: both;
}
.status label {
    font-weight: 400;
    text-transform: none;
    color: #3a3a3a;
    display: inline;
    font-size: 14px;
    font-size: 0.875rem;
}
/* ================= FORMS TOOL OUTPUT =================*/
.formerrors {
    color: #B22222;
    padding: 0px 0px 0px 10px;
    text-align: left;
}
.form_err_msg_area {
    color: #B22222;
    padding: 0.5em 0;
    font-size: 1em;
}
/* Generated Form styles */
ul#form_elements, ul#form_elements li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    /*	override drag and drop positioning from form workboard...*/
    position: inherit !important;
    width: inherit !important;
    top: inherit !important;
    left: inherit !important;
}
div.section_title {
    font-size: 1.2em;
}
input[type=radio], input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
}
select {
    min-width: 50%;
    max-width: 100%;
}
div.form-field.consent label {
    display: inline-block;
    font-size: 0.7em;
    line-height: normal;
}
div.form-field.consent input[type=checkbox] {
    display: inline-block;
   /* float: right;*/
    margin: 0 10px 0 0;
}
.ui-sortable-placeholder {
    display: none !important;
}
div.form-field div.label label {
    word-wrap: break-word;
    width: auto;
    display: inline-block;
	line-height: 1.3;
	padding-right: 10px;
}
#form_div {
    width: 100%;
}
#form_div h2, wrapper-survey h2 {
    border-bottom: solid 1px #DDDFE0;
}
ul.radio-list, ul.check-list {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}
ul.radio-list li, ul.check-list li {
    display: block;
    float: left;
    padding: 2px 8px;
}
input.med {
    width: 60%;
}
/*disabled poll button*/
input[disabled="disabled"] {
    background-color: #DDDFE0 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}
input[disabled="disabled"]:hover {
    color: #fff;
    background-color: #58595b !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}
#form_elements_panel ul#form_elements, #form_elements_panel ul#form_elements li {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}
.JQcaptcha {
    width: 30% !important;
    margin: 0 1em 0 0;
    float: left;
}
ul.l9-list-style-none {
    margin: 0;
    padding: 0;
}
ul.l9-list-style-none li div.input ol, ul.l9-list-style-none li div.input ul {
    margin: 0;
    padding: 0;
}
ul.l9-list-style-none li, ul.l9-list-style-none li div.input ol li, ul.l9-list-style-none li div.input ul li {
    list-style-type: none;
}
ul.l9-list-style-none li ol li, ul.l9-list-style-none li ul li {
    list-style-type: inherit;
}
L9Form_message_area {
    padding: 1em;
    border: solid 1px #77942b;
    color: #c4122f;
}
span.JQradioClick {
    margin-right: 15px;
}
/*====== 30. Rate Tables ======================================*/
/* ================ 1. Standardized Rate Table Styles ================ */
/*-- styles that appear in the rate admin dropdown menu are based on standardized colors and are defined in module config and design.css
they are as follows:
Centered
Centered Bold
Left
Left Bold
Right
Right Bold
-- */
.ratetable {
    max-width: 1280px;
    margin: 20px 10px;
    clear: both;
    width: auto;
    display: block;
    /* update 2026 to have full-width rate tables */
    width: calc(100% - 30px);
    display: table;
}
.ratetable .txt-left.b, .ratetable .txt-right.b, .ratetable .center.b {font-weight: 700 !important;}
.ratetable .center {    text-align: center !important;}
.ratetable .txt-left {    text-align: left !important;}
.ratetable .txt-right {    text-align: right !important;}

.ratetable.tiered { /*affects only tiered layouts*/
}
.ratetable td, .ratetable th {
    padding: 1%;
    border-bottom: 1px solid #d6dedd;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
}
.ratetable.rateheadline, .ratetable.rateheadline td, .ratetable.rateheadline th {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ratetable th {
    text-align: left;
}
.ratetable th.JQrateAlert {
    text-align: center;
   
	min-width:55px;
}
.ratetable th a {
    color: #3E6C7D;
}
.ratetable th a sup {
    margin: 0 3px;
}
.ratetable td.ratefootnote {
    border: 0;
}
td.show, th.show {
    display: table-cell;
}
td.rate-data:first-child {
    color: #9f1a2c !important;
}
/*table headers*/
.rateprogram {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #3E6C7D;
    text-align: left !important;
	font-family: rift, sans-serif;
}
.rateprogram a:hover {}

.rateprogram:after {
    background: #3E6C7D;
    display: block;
    content: '';
    height: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    float:right;
}
tr.ratehead {
    border: none !important;
    background-color: transparent !important;
}
.ratehead {
    border: none;
    background-color: transparent !important;
    padding: 0 !important;
}

.ratecolheader a.footnote-link:hover {
    text-decoration: underline;
}
.ratedate {
    width: auto;
    float: right;
    font-size: 0.875rem;
    color: #4c4c4c;
    position: relative;
    bottom: -7px;
}
/*column head*/
.ratecolheader, .ratecolheader th {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.1rem;
    color: #3E6C7D;
    line-height: normal;
    background-color: transparent;
    text-align: left;
    padding: 2% 1%;
    font-family: rift, sans-serif;
}
tr.ratecolheader-inline th {
    background-color: #e3f6ea;
    color: #000;
}
.tiered-header {
    background-color: #439fa7 !important;
}
.tiered-header td {
    border-left: 1px solid #f2f3f4;
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: normal;
}
.tiered-header td:first-child {
    border-left: none !important;
}
/*.ratetable tr:nth-child(4n-1) { background-color: #f2f3f4; }

.ratetable.tiered tr:nth-child(4n-2) { background-color: #f2f3f4; }*/
/*.ratetable tr:nth-child(even) {
	background-color:#f2f3f4;
}
*/
td.JQrateAlert {
    text-align: center;
}
#footnotes_row {
    background-color: transparent !important;
}
/*rate alert elements within table*/
.rate-alert-icon a:link, .rate-alert-icon a:visited {
    color: #333;
}
.rate-alert-icon {
    width: 50px;
}
.ra_message_area {
	padding: 20px; 
	background: #F6F6F6; 
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	border: 1px solid #D57D28;
}
/*footnotes*/
td.ratefootnote, td.ratefootnote ul li, .footnote p {
    font-size: 12px;
    font-size: 0.75rem;
    color: #2e2e2e;
    line-height: normal;
}
.ratefootnote ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
td.ratefootnote ul li, .footnote p {
    padding: 0 0 1% 0;
	font-family: Arial, Helvetica, sanserif;
}
div.footnote {
    padding: 10px;
}
/*rate tools area*/
div.rate_tools {
    height: 22px;
}
ul.rate_tools {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #4C4C4C;
    width: 25%;
}
ul.rate_tools li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 11px;
    font-size: 0.6875rem;
}
ul.rate_tools li.saved a div.save-icon {
    display: inline-block;
    float: none;
    padding: 0;
    height: 9px;
}
ul.rate_tools li.rates-effective-date {
    float: right;
}
ul.rate_tools li div {
    float: left;
}
.rate-bold {
    font-weight: 700;
}
.rate-left {
    text-align: left !important;
}
.rate-center {
    text-align: center !important;
}
.rate-right {
    text-align: right !important;
}


@media screen and (max-width: 640px) {
    ul.rate_tools {
        float: left;
        width: 100%;
    }
    ul.rate_tools li.rates-effective-date {
        float: left;
    }
    .ratetable {
        margin: 1em 0 4em 0;
        width: auto;
    }
    .ratetable td, .ratetable th {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 450px) {
    .ratetable td, .ratetable th {
        font-size: 10px;
        font-size: 0.625rem;
    }
}
/* ================ 31. Featured Rates Content Decks (BIT TYPE) ================ */
.rate-feature {

    min-height: 245px;
}
.feature-icon {
    font-size: 4.27rem;
    text-align: center;
}
.feature-title a {text-decoration: none;}
.feature-title a:hover {text-decoration: underline;}
.feature-title {
    font-size: 1.6875rem;
    line-height: 110%;
    font-weight: 400;
    margin: 10px 0 10px 0;
    text-align: center;
	font-family: rift, sans-serif;
}
.feature-copy, .feature-copy p {
    text-align: center;
    line-height: 1.2;
}
.feature-rate-txt-box {
	text-align: center;
	padding: 10px 0;
	line-height: 1.2;
}

.feature-lrgtxt {
    font-size: 3.125rem;
    font-weight: 400;
	display: inline-block;
	clear: both;
}
.feature-smtxt {
    font-size: 1.125rem;
    font-weight: 400;
	display: inline-block;
	clear: both;
}
.feature-cta {
    text-align: center;
    margin: 0 0 20px 0;
}
.feature-cta div.cta a {width: auto;     font-size: 1.125rem; min-width: 50px;}
div.content div.contentdeck.featured-rates-deck div.onethird div.cta a {width: auto;}

.iconfeature {
    margin: 10px 0;
}

.feature-icon a:hover {opacity: 0.85; text-decoration: underline;}
.feature-icon:hover {opacity: 0.85; text-decoration: underline;}

/*theres a heading in the icon feature bit type*/
.feature-icon-title {
    display: block;
    margin-top: 20px;
}
.featureblock h4, .feature-icon-title a {
    font-weight: 700;
    text-decoration: none;
    font-size: 1.25rem;
    margin: 20px 0 0 0;
}
.ratefeature h4 {
    font-size: 22px;
    font-size: 1.5rem;
    font-weight: 700;
}
div.contentdeck .ratefeature h4 {
    margin: 0;
}
/*font awesome icons*/
.iconfeature .fa {
    font-size: 6rem;
}
.iconfeature .fas {
    font-size: 6rem;
}
.iconfeature .far {
    font-size: 6rem;
}
.iconfeature .fal {
    font-size: 6rem;
}
div.feature-height {
    min-height: 102px;
    min-width: 102px;
}
/*iconic icons*/
.iconfeature .iconic {
    font-size: 3.3rem;
}
@media screen and (max-width: 1000px) { /* fit in sidebars and columns */
    .feature-title {
        font-size: 1.5rem;
    }
    .feature-lrgtxt {
        font-size: 2.25rem;
    }
    .feature-medtxt, .feature-medtxt p {
        font-size: 1.25rem;
        line-height: 1;
    }
    .feature-copy, .feature-copy p {
        font-size: 1.15rem;
    }
    .iconfeature .far {
        font-size: 3rem;
    }
    .contentdeck .deckinner.homepage-rate-icon-bar .multicol-inner {
        padding: 0 !important;
    }
    .contentdeck .deckinner.homepage-rate-icon-bar .inner {
        padding: 0 !important;
    }
}
@media screen and (max-width: 767px) { /* back to normal */

	.rate-feature {margin: 30px 10px;} /* space out features */
	
    .feature-title {
        font-size: 1.75rem;
    }
    .feature-lrgtxt {
        font-size: 3.75rem;
    }
    .feature-medtxt, .feature-medtxt p {
        font-size: 1.75rem;
    }
    .feature-copy, .feature-copy p {
        font-size: 1.3125rem;
    }
    .iconfeature .far {
        font-size: 6rem;
    }
    .contentdeck .deckinner.homepage-rate-icon-bar .multicol-inner {
        padding: 30px !important;
    }
    .contentdeck .deckinner.homepage-rate-icon-bar .inner {
        padding: 20px !important;
    }
}

/* ================ 32. Comparison Charts (BIT TYPE) ================ */
/*comparison charts are mostly structured using the "Responsive Lists" css */
div.account-compare {
    max-width: 1280px;
    margin: 10px auto;
}
div.account-compare p, div.account-compare .inner{
    margin: auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-align: center;
}
.account-compare h2 {
    text-align: center;
}
div.account-compare div.list-row .list-item, div.account-compare div.list-row .list-item .inner {
    min-height: 0;
}
div.account-compare div.list-row .list-item .inner {
    padding: 10px 20px;
}
.account-compare .fa {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fas {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .far {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fal {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fa-check-circle {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    /*color: #00813c;*/
    display: block;
    text-align: center;
}
.account-compare .fa-times-circle {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #5c528e;
    display: block;
    text-align: center;
}
/* ================ 33. Bit Randomizer - Staff Listings (BIT TYPE) ================ */

div.biolist {
    margin-bottom: 45px;
}
div.biolist p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
}
div.biolist h3, div.biolist h4, div.biolist h5, div.biolist h6  {
    margin: 5px;
}
div.biolist div.biopic img {
    margin: 0 10px 0 0;
    padding: 5px;
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .3), -5px 0 10px -5px rgba(0, 0, 0, .3);
    border: 0;
    border-radius: 3px;
    max-width: 200px;
}
div.biopic {
    display: inline;
}
div.bio-area {
    width: 68%;
    float: left;
    display: inline;
    color: #727F8A;
    line-height: 27px;
}
div.bio-name {
}
div.bio-title {
}
@media screen and (max-width: 767px) {
    div.biolist {
        margin-bottom: 25px;
    }
    div.biopic {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-top: 20px;
    }
    div.bio-area {
        display: block;
        width: 100%;
    }
}
/* Readmore plugin styles */
div.readmoreplugin {
    display: block;
    margin-top: 20px;
    border-bottom: 1px dotted #dedede;
    padding-bottom: 5px;
}
div.readmoreplugin p {
    color: #727F8A;
    letter-spacing: normal;
}
a.readmore-js.toggle {
    clear: both;
    margin-top: 10px;
}
/* removing extra margin that allowed for banner to be underneath menu */
@media screen and (max-width: 767px) {
    div.flexslider, div.wrapper_inner {
        margin-top: 0;
        padding-top: 0;
    }
}
/* ================ 34. OPEN ================ */

/* ================ 35. Google Maps (BIT TYPE) ================ */
div.map_container_individual {
    display: block;
    float: right
}
div.individual_map_canvas {
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 1px solid silver
}
div.loc_dropdown {
    margin: 0 0 5px;
    width: auto;
    display: block;
    overflow: hidden
}
div.loc_dropdown select {
    float: left;
    padding: 4px;
    font-size: 15px;
    font-size: .9375rem;
}
div.loc_dropdown input {
    margin: auto 0 auto 5px;
    float: left;
    padding: 4px 8px;
    font-size: 15px;
    font-size: .9375rem;
}
div.map_margin {
    margin-top: 15px
}
@media screen and (max-width: 660px) {
    div.map_container_individual {
        float: none;
        margin: 0 auto 20px;
        width: 300px
    }
    .individual_map_canvas, .loc_dropdown {
        margin: auto
    }
}
/* ================ 35.1. CO-OP ATM Locations Map (BIT TYPE) ================ */
.map-container, .Flexible-container {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    margin: 0 0 20px 0;
}
.map-container iframe, .map-container object, .map-container embed, .Flexible-container iframe, .Flexible-container object, .Flexible-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#map_canvas div {
    line-height: normal ! important;
}
#map_canvas div.gm-style-iw div, #map_canvas div.gm-style-iw div p {
    font-size: 0.75rem !important; /*width: 100%;*/
}
#map_canvas a.fancy-button:link, #map_canvas_all a.fancy-button:visited {
    font-size: 1.2em !important;
}
#map_canvas label {
    width: auto;
    display: block;
}
#map_canvas img {
    max-width: none;
}
div.iw {
    min-width: 150px;
}
div#map_holder {
    position: relative;
}
.ovhidden {
    display: none;
}
.ovshown {
    display: block;
}
div.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff url('/img/map_spinner.gif') no-repeat 50% 50%;
    opacity: 0.5;
    z-index: 1;
}
input.locations-field, .locations-search-button {
    height: 45px !important;
	margin:0!important;
}
.locations-search-button {
    margin: 0 !important;
    float: right !important;
    width: calc(100% - 5px) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 45px !important;
}
a.button.locations-myloc-button {margin: 10px 0;}

.location-radius {
    margin: 10px 0; width: calc(100% - 5px) !important; float: right !important;
}
@media screen and (max-width: 768px) {
	.locations-search-button {
		margin: 10px 0 !important;}
	
    .locations-myloc-button {
        width: calc(100% - 55px);
        text-align: center;
		margin: 0 !important;
    }
	.location-radius, .locations-search-button{ width: 100%!important; float: none !important;}
	input.locations-field {margin-bottom: 0; }
}
/*====================== 36. Commenting and Rating ======================*/
/* COMMENTING STYLES */
div.form-field div.error_message, div.error {
    font-size: 1rem;
}
div#comment_all {
    padding-bottom: 30px;
}
div.commenting {
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    border-top: 1px dotted #999;
}
div.commenting, #nocomments {
    display: block;
    position: relative;
}
div#commentarea {
    padding: 10px 20px 10px 13px;
}
div#comment_button {
    cursor: pointer;
    margin: 10px 0;
}
div.comment {
    margin: 30px 0 0 0;
    overflow: hidden;
}
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;
}
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, div.comment_moderator i.fa-comment {
    display: none;
}
div.reply i.fa-comment-alt, div.comment_moderator i.fa-comment-alt {
    display: none;
}
div.comment_moderator .JQflagComment {
    display: none;
}
div.comment_author {
    font-size: .6rem;
    display: inline;
    clear: both;
    line-height: 1;
}
div.comment_date {
    font-size: .6rem;
    display: inline;
    margin-left: 10px;
}
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;
}
form#replyform {
    overflow: hidden;
}
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: 400;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: #922209;
    cursor: pointer;
    color: #ffffff;
    margin: 5px 0;
    box-shadow: none;
    border: none;
}
div#comment_form input.comment_submit:hover {
    box-shadow: 1px 1px 2px #ccc;
}
div#comment_form input[type=text], div#comment_form input[type=email], div#comment_form textarea, div#reply_form input[type=text], div#reply_form input[type=email], div#reply_form textarea {
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: .5em 2%;
    width: 95%;
}
div#comment_form input[type=text]:focus, div#comment_form input[type=email]:focus {
    box-shadow: 1px 1px 2px #ccc;
}
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;
}
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;
    text-align: right;
}
.form-group div.submit {
    margin: auto;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 20px;
    width: 90%;
}
.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;
}
h3.comments-title {
    font-size: 19px;
    font-size: 1.2rem;
}
#nocomments {
    margin: 0.7em 0;
}
input#formkey_user {
    margin-bottom: 4px;
    font-size: 1rem;
    min-width: 110px;
    font-weight: 400;
}
@media screen and (max-width: 769px) {
    .comment-key {
        float: left;
        clear: left;
        margin: 0 0 1em;
    }
}
a.comment-button {
    display: block;
    padding: 2px 6px;
    width: auto;
    margin: 4px 2px 0 0;
    background-color: transparent;
    font-weight: 700;
    cursor: pointer;
    line-height: normal;
    font-size: .7rem;
    text-transform: uppercase;
    border: none;
    float: right;
}
a.comment-button:hover, a.comment-button:active {
    color: #fff;
    background-color: #333;
    text-decoration: none;
}
div.ratings {
    display: block;
    overflow: hidden;
}
div.rating_box {
    float: right;
    font-size: 11px;
    font-size: .7rem;
    padding: 0 10px 5px 0;
    line-height: normal;
}
.rating-phrase {
    font-style: italic;
}
.rating_average, .rating_stars {
    float: left;
    display: inline-block;
}
.rating_stars {
    margin: 0 0 0 8px;
}
.rating-stars img:hover {
    cursor: pointer;
}
/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rating-stars ul > li.star {
    display: inline-block;
}
.rating-stars ul > li.starLabel {
    display: inline-block;
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.far {
    font-size: 1.5em; /* Change the size of the stars */
    color: #ccc; /* Color on idle state */
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.far {
    color: #FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.far {
    color: #FF912C;
}
body.blank_wrapper h1 {
    margin-top: 0;
}
/*====================== 37. Surveys and Polls ======================*/
/* surveys and polls */
div#L9pollForm_div {
    display: block;
    clear: both;
    border: 1px dashed #dedede;
    margin: 15px 0;
    padding: 15px;
}
div#L9pollForm_div .aid:empty {
    display: none;
}
div#L9pollForm_div .errormsg {
    text-align: center;
    color: #444;
}
div#L9pollForm_div .form-field {
    padding: 0;
    margin: 0;
}
div#L9pollForm_div .label {
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
div#L9pollForm_div .input {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.poll_qa, ul.poll_qa li, ul.poll_qa li ul, ul.poll_qa li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
ul.poll_qa li ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
div#L9pollForm_div div.form-field div.submit {
    border: none;
    margin: 0 auto;
    padding: 0;
}
div#L9pollForm_div div.form-field .button.submit {
    float: none;
    width: 150px;
}
div.sidebar ul.poll_qa li {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}
div.sidebar div#L9pollForm_div {
    margin: 10px 0;
}
div.sidebar div#L9pollForm_div .label {
    margin: 0;
}
/* radio buttons to real buttons */
div#L9pollForm_div input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
div#L9pollForm_div .input label {
    margin: 0;
    display: inline-block;
    background-color: #eee;
    padding: 5px 10px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #ddd;
    opacity: .9;
    transition: all .3s ease;
}
div#L9pollForm_div .input input[type="radio"]:checked + label {
    background-color: #fff;
    border-color: #ccc;
    opacity: 1;
}
div#L9pollForm_div .input input[type="radio"]:focus + label {
    border: 1px dashed #999;
}
div#L9pollForm_div .input label:hover {
    background-color: #fff;
    cursor: pointer;
}
.poll_results_title {
    line-height: 1.2;
}
.poll_results_title .results-question {
    font-size: 1.25rem;
    line-height: 1; /* match to label style above */
}
/*====================== 38. Personalized / Location Based Content ======================*/
/* location popup */
div.JQLocation {
    text-align: center;
}
div.JQLocation h3 {
    margin: 35px auto 15px auto;
    width: 100%;
    font-size: 1.5rem;
}
div.JQLocation div.form-field {
    float: none;
    text-align: center;
}
div.JQLocation div.input {
    float: none !important;
    width: auto;
    margin: auto;
}
div.JQLocation div.input input {
    text-align: center;
}
/*====================== 99. Custom CSS Additions ======================*/

/* BEGIN: Custom Calculator/Widget Styles */

div.calc-container 	{text-align: center; padding: 20px 30px;    background-color: #e3e3e3; margin: 20px 20px;   border: solid 5px #3E6C7D;}

div.calc-form input {text-align: center; display: inline-block; width: auto; margin: 10px 10px 0 10px; border: solid 2px #4C412A; color: #D57D28; font-weight: 700;}

div.calc-icon {color: #D57D28;}
div.calc-title {padding: 0; margin: 0;     font-size: 1.625rem;    color: #D57D28;    font-weight: 700; line-height: 1.2;}
div.calc-subtitle {padding: 0; margin: 20px 0 0 0;     font-size: 1.25rem;    color: #3E6C7D;}

div.calc-results 	{display: inline-block; border: 2px solid #3E6C7D; background-color: #ffffff; box-sizing:border-box; width:46%; padding: 0 0 20px 0; margin:20px 1% 5px 1%;}
div.calc-results-title {padding: 10px 10px; background-color: #3E6C7D; margin: 0 0 10px 0; color: #ffffff; font-size: 1.275rem; font-weight: 700;}
div.calc-results-display 	{font-size: 1.85rem; color: #4C412A; font-weight: 700; margin-top: 10px;}


/* amortization calc styles*/
.amort-calc div.calc-results 	{width:30%; min-height:140px; overflow: hidden;}
.amort-calc div.calc-form input {max-width: 80%;}
.amort-calc input[type=radio]{ margin: 0 2px 5px 10px;}
.amort-calc div.calc-radio-box {padding: 20px 0 0 0;}
.amort-calc .radio-label {font-size: 1.2rem;    color: #D57D28;    font-weight: 700;    line-height: 1.2; display: inline-block; margin: 0 10px 5px 2px;}

.amort-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;

    width: 100%;
}
.amort-table thead th {
    background-color: #3E6C7D;
    border: solid 1px #e3e3e3;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.amort-table tbody td {
    border: solid 1px #e3e3e3;
    color: #333;
    padding: 10px;
    text-align: center;
    background: #fff;
}

#amort-summary {width: auto; background: #fff; padding: 20px; margin-top: 20px; }
.amort-results {display: block;}
.amort-results div.calc-results-display {font-size: 1.25rem;}
.amort-results div.calc-title { font-size: 1.25rem; margin: 0 0 10px 0;}


@media screen and (max-width: 767px) {
    .amort-table tbody td, .amort-table thead th {padding: 3px;}
.amort-calc div.calc-results 	{width:100%; display: block;}
}

@media screen and (max-width: 500px) {
    .amort-table {font-size: 10px;}
    .amort-table tbody td, .amort-table thead th {padding: 3px;}
}



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


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


/* plus and minus buttons */
a.calc-button { text-decoration: none !important;  background-color:transparent; color: #4C412A; }
a.calc-button:hover {color: #D57D28;}

div.post-interaction {margin-bottom: 10px; clear:both; }
div.calc-container .calc-disclaimer {width: auto; clear:both; display: block;}


/* input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {border: solid 1px #4d798f;  color: #4d798f;} */
/* .calc-value {font-weight:600;}
div.calc-container.mma-calc div.calc-results {width:29%; padding:10px 0; margin:20px 1.5%;}
div.mma-calc .calc-title {margin:2% auto 0;}*/

/* END: Custom Calculator/Widget Styles */



/* infinite-scrolling carousel. CSS-only, no JavaScript */
/* inca stands for INfinite CArousel */
/* there are a base number of slides, which are then repeated to fill in the gap at the end to it can appear infinite */
/* the original version had fewer slides, but more were added to fit a larger screen */

div.inca-wrapper {
	width: 100%; 
	overflow: hidden;
	margin: 20px auto;
}

.inca-box {
	height: 100%;
	width: 5040px; /* inca-slide width plus margin multiplied by total number of slides in BITTYPE  */	
	padding: 0;
	margin: 0;
	font-size: 0; /* removes space between slides for accurate calculations */
}

.inca-box div.inca-slide {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	margin-right: 10px; /* if this is changed, both the inca-box width and keyframe margins need to be recalculated */
	padding: 10px; /* allows space for hover scale-up on inca-inner */
	width: 350px;
	height: 350px; /* change to 100% for varied heights from the baseline up */
	max-height: 350px; 
	display: inline-block;
	transition: all 0.5s ease;
	cursor: default;
	overflow: hidden;
}
div.inca-inner {
	font-size: 1rem;
	padding: 20px;
	border-radius: 0;
	border: 5px solid #f6f6f6;
	overflow: auto;
	max-height: calc(100% - 50px); /* allows space for hover scale-up */

	}

.inca-box div.inca-slide .inca-inner:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

div.inca-slide p {font-size: .95rem;}
div.inca-slide h4 {margin-top: 0;}

.inca-title {padding-top: 5px !important; overflow: hidden;}

/* base speed */
.inca-box img.first, .inca-box div.inca-slide.first {
	-webkit-animation: infinitesliding 80s linear infinite;
	-moz-animation: infinitesliding 80s linear infinite;
	-ms-animation: infinitesliding 80s linear infinite;
	animation: infinitesliding 80s linear infinite;
}
/* 2x speed */
.inca-box.scroll-2x img.first, .inca-box.scroll-2x div.inca-slide.first {
	-webkit-animation: infinitesliding 40s linear infinite;
	-moz-animation: infinitesliding 40s linear infinite;
	-ms-animation: infinitesliding 40s linear infinite;
	animation: infinitesliding 40s linear infinite;
}
/* 3x speed */
.inca-box.scroll-3x img.first, .inca-box.scroll-3x div.inca-slide.first {
	-webkit-animation: infinitesliding 20s linear infinite;
	-moz-animation: infinitesliding 20s linear infinite;
	-ms-animation: infinitesliding 20s linear infinite;
	animation: infinitesliding 20s linear infinite;
}

/* stop animation on HOVER */
.inca-box:hover div.inca-slide.first {animation-play-state:paused; -webkit-animation-play-state:paused;}

/* fix for IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   div.inca-wrapper {overflow-x:scroll; scroll-behavior: smooth;}
}

@media screen and (max-width: 499px)   { 
	/* allow animation to continue scrolling on HOVER on mobile */
	.inca-box:hover div.inca-slide.first {animation-play-state:running; -webkit-animation-play-state:running;}	
	/* mobile-friendly horizontal scrolling*/
	div.inca-wrapper {overflow-x:scroll; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;}
}

/* to calculate the left margin below, multiply the number of non-repeated slides by the width plus the horizontal margin.  */ 
/* Example one: slides-6, width-350, total margin-5px. To calculate required margin-left for animation: 6 x (350 + 5) = 2130px */
/* Example two: slides-5, width-350, total margin-10px. To calculate required margin-left for animation:  5 x (350 + 10) = 1800px */

/* to slide to the right instead, move the larger margin-left to the 0% position for all prefixes below */

@keyframes "infinitesliding" {
	0% {margin-left: 0px;}
	100% {margin-left: -1800px;}
}
@-moz-keyframes infinitesliding {
	0% {margin-left: 0px;}
	100% {margin-left: -1800px;}
}
@-webkit-keyframes "infinitesliding" {
	0% {margin-left: 0px;}
	100% {margin-left: -1800px;}
}
@-ms-keyframes "infinitesliding" {
	0% {   margin-left: 0px; }
	100% {   margin-left: -1800px; }
}
@-o-keyframes "infinitesliding" {
	0% {   margin-left: 0px; }
	100% {   margin-left: -1800px; }
}
/* end of infinite slider */



/*                    STICKY MENU STYLES - DESKTOP                         */

/* smooth transitions for header itself and logo */
.header-logo img { transition: all 0.5s cubic-bezier(.5,-.5,.5,1.5); display: none;}
.header-chat, .header-location, .header-search, div.ob-login-button button, .header .col-menu, button.megaclose-button { transition: all 0.5s ease-out; }
.header, .col-topnav, .header.scrolled .col-topnav .topnav { transition: all 0.75s ease-out; }
div.nav-main ul.megamenu li.nav4.nav-item, div.nav-main ul.megamenu li.nav4.nav-item a { transition: height 0.75s ease-out; }
.oblogin, .megabox, .megaclose, .menu-main, .mega-wrapper{ transition: top 0.75s cubic-bezier(.5,-.5,.5,1.5); }


div.wrapper_inner {margin-top: 0; z-index: 1;}

.page-body.nav-container {
	margin: 0 auto;
}



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

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

/*.header.scrolled .mega-wrapper {position: absolute; right: auto; top: 0;  z-index:5; margin: 0 auto;}*/

	/* menu item size and margin changes */
.header.scrolled .col-topnav .topnav { display: none;}
.header.scrolled .header-logo img {display: none;}
.header.scrolled .col-headspace {display: none;}
.header.scrolled .col-iconnav {width: 80px;}
.header.scrolled .col-oblogin {width: 110px; padding-right: 5px;}

/* .header.scrolled .header-search  { margin-top: 5px;}
.header.scrolled .ob-login-button button { height: 50px; margin: 5px 5px 0 0 !important; padding: 5px 15px;} */
.header.scrolled .col-menu { display: none;} 

.header.scrolled .search-box-open, .header.scrolled .locator-box-open {margin-top: 5px; top: 0;}
.header.scrolled button.search-button.searchsubmit, .header.scrolled button.search-button.searchopen, .header.scrolled button.locator-button.locatorsubmit, .header.scrolled button.locator-button.locatoropen { }


/* move login and search to the right when scrolled */
.header.scrolled .header-icon-and-button { width: 195px; display: inline-block; float: right; }
.header.scrolled .menu-main {width: calc(100% - 195px); display:inline-block; text-align: center}
.header.scrolled div.nav-main ul.megamenu {display: block; text-align: right;}
.header.scrolled div.nav-main ul.megamenu li.nav-item {    display: inline-block;}

.header.scrolled div.nav-main ul.megamenu li.nav-item a {border-top: 0; margin-top: 0; padding: 18px 20px;}
/* replace tall logo with circle only */
.header.scrolled div.nav-main ul.megamenu li.nav4.nav-item a {
	background: url(/img/granite-state-credit-union-logo-circle-only.png) no-repeat;
	width: auto;
	height: 30px;
	background-size: contain;
	margin: 0 auto 0 auto;
	background-position: center center;
	font-size: 0;	
	padding: 15px 25px;
}




/* helper for JavaScript, do not remove */
div.mobile-size-indicator {display: none;}

@media screen and (max-width: 1200px) {
	.disclaimer {display: block; margin-bottom: 10px;}
	.header.scrolled div.nav-main ul.megamenu li.nav-item a {font-size: 1.2rem;}
}



@media screen and (max-width: 1100px) {
		div.nav-main ul.megamenu li.nav-item a {padding: 15px 10px; font-size: 1.2rem;}
		div.nav-main ul.megamenu li.nav4.nav-item {padding: 0;}
		div.nav-main ul.megamenu li.nav4.nav-item a { height: 100px; width: 100px; background-size: contain;}
}

/*customize the width of the child sub-menus for each section*/
@media screen and (max-width: 1000px) {
	.header.scrolled div.nav-main ul.megamenu li.nav-item a {font-size: 1rem;}
	.mega-1 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}
	.mega-2 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}
	.mega-3 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}
	.mega-4 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}
	.mega-5 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}	
}
@media screen and (max-width: 900px) {
	div.nav-top ul.nav-menu li.nav-item a {font-size: 1rem;}
	.header.scrolled div.nav-main ul.megamenu li.nav4.nav-item {padding: 0;}
	.header.scrolled div.nav-main ul.megamenu li.nav4.nav-item a {padding: 0 10px; height: 50px; width: 50px;}
	.header.scrolled div.nav-main ul.megamenu li.nav-item a {padding: 12px 7px; margin-top: 2px;}
}

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



/* TOPNAV at top at tablet size */
div.topnav.topnav-tablet {display: none;}
div.topnav, div.col-topnav {transition: none;}
@media screen and (max-width : 900px) {
	div.topnav {visibility: hidden; transition: none; max-height: 50px;}
	div.topnav.topnav-tablet {display: block; visibility: visible; text-align: center;}
	.header.scrolled div.topnav.topnav-tablet {display: none;}
}
@media screen and (max-width: 767px) {
	div.topnav {visibility: visible;}
	div.topnav.topnav-tablet {display: none !important;}
}



/* mobile header adjustments */
@media screen and (max-width: 767px) {

	
	/*                    STICKY MENU STYLES - MOBILE                         */
	.header .col-topnav .topnav { height: 25px;}
	.header.scrolled .col-topnav .topnav { height: 0;}
	
	/* bring menu back to center at mobile size */
	.header.scrolled .header-inner { width: auto; display: block; float: none; }
	.header.scrolled .header-icon-and-button { width: 100%; display: block; float: none; }
	.header.scrolled .megabox { text-align: left;}
	.header.scrolled div.nav-main ul.megamenu li.nav-item {display: block;}
	.header.scrolled div.nav-main ul.megamenu li.nav4.nav-item {display: none;}
	
	/* hide menu logo and show top logo at mobile size, both scrolled and unscrolled */	
	.header-logo img {height: 50px; width: auto;  margin: 0 20px; display: block;}
	.header.scrolled .header-logo img {display: block;}
	div.nav-main ul.megamenu li.nav4.nav-item {display: none;}
	.header.scrolled .header-inner {
	    width: 100%;
	    display: block;
	    float: none;
	}
	
	.menu-main, .header.scrolled .menu-main {width: 49%; display: none;}
	
	/* show sandwich which is hidden at desktop size */
	.header.scrolled .col-menu {display: inline-block; }



	div.nav-main ul.megamenu {display: block;}
	.mega-wrapper {border: none;}

	/* helper for JavaScript, do not remove */
	div.mobile-size-indicator {display:block; position: fixed; bottom: 0; left: 0; width: 1px; height: 1px;}
	
	/* hide menu initially */
	.header {box-sizing: border-box;     box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);}
	.header-icon-and-button {border-bottom: 1px solid #e3e3e3;}
	.header .onehalf 			{width: 49%; clear: none;}
	.header .onethird 			{width: 33%; clear: none;}
	/* overrides to convert main menu to mobile menu */    
	.menu-main, .mega-wrapper { margin: 0; padding: 0; display: none;}
	.menu-main {float: left; margin: 0;  border-right: 1px solid #e3e3e3;}
	#JQmegamenu_content {display: none; margin-top: 5px;}
	.header .menu-main {width: 49%; display: none; float: left;}
	.header .megabox {width: 49%; display: inline-block; clear: none; float: left;}
	.mega-wrapper {background-color: #fff;}
	div.nav-main ul.megamenu li.nav-item, ul.mega-subnav li.mega-subnav-item {display: block; width: auto !important; max-width: 100% !important;}
	ul.mega-subnav {margin: 0; padding: 5px 0 0 0;}
	ul.mega-subnav li {margin: 15px 0 5px 0;}
	ul.mega-subnav li a {font-weight: 400;}
	.mega-subnav-title {clear: both; padding-top: 15px;}
	ul.mega-subnav li.mega-subnav-item ul.mega-more li.mega-subnav-item {display: block; width: 100% !important; max-width: 100% !important;}
	div.nav-main ul.megamenu li.nav-item a {padding: 6px 0; margin-top: 0;}
	ul.mega-subnav li.mega-subnav-item {margin: 10px 0 15px 0;} 
	.megacontainer {margin: 0 10px;}
	ul.mega-subnav.mega-more {padding: 0}
	
	
	.header.scrolled div.nav-main ul.megamenu li.nav-item a, div.nav-main ul.megamenu li.nav-item a {
	    font-size: 1rem;
	    border-top: none;
	    text-align: center;
	    margin-top: 0;
	    margin-top: 0;
		    padding: 3px;
	}	
	
	div.nav-top ul.nav-menu {padding: 10px;}
	div.nav-top ul.nav-menu li.nav-item {line-height: 1; padding: 0 5px;}
	div.nav-top ul.nav-menu li.nav-item a {padding: 0 2px 0 2px;}    
	
	/* ul.dropdown ul.sub_menu.JQBankingPanel {min-width: 0;}*/
	
	.header .topnav { text-align: center;}
	div.nav-top ul.nav-menu {padding: 0;}
	div.nav-top ul.nav-menu li.nav-item a {font-size: .8rem;}
	.header .col-topnav {width: 100%; display: block; margin: auto;}
	.header .col-logo {width: calc(100% - 255px); margin: 0; padding: 0; display: inline-block; text-align: left;}
	.header .col-headspace {display: none;}
	.header .col-iconnav {width: 80px;}
	.header .col-oblogin {width: 110px; padding-right: 5px;}
	.header .col-menu {width: 60px; height: 40px; margin: 0; padding: 0; display: inline-block;}
	button.menu-icon {display: inline-block; } /* show sandwich */
	
	.header-logo {margin: 5px 0; padding: 0; display: block; /*show logo*/}
	.header-logo img {height: 40px; width: auto;}

	div.ob-login-button 	{margin: 1px 0 0 0}
	button.menu-icon { margin: 5px 5px 0 auto;}	
	button.search-button.searchsubmit, button.search-button.searchopen, button.locator-button.locatorsubmit, button.locator-button.locatoropen {height: 50px;}
	.search-box-open, .locator-box-open {width: 90%; top: 20px; right: 10px;}		
} 	
	
@media screen and (max-width: 500px) {	
	.header-logo img {/*height: auto; */margin: 10px 0 0 5px;}
	.header .topnav {text-align: center;}
	.search-box-open, .locator-box-open {width: 96%; right: 1%; top: 20px;}
		
} 

@media screen and (max-width: 400px) {	
	.header-logo img {margin: 15px 0 0 5px; height: 33px; max-width: 110%;}
	.disclaimer {display: block; margin-bottom: 10px;}
	
}


/* marketing interstitial - uses modal with bank-intercept class*/
.ui-dialog.bank-intercept {border-radius: 0; padding-bottom: 0;}

.ui-dialog.bank-intercept .bank-intercept-opt-out-container {padding: 5px 0 0 0; overflow: hidden; min-height: 25px; display: inline-block;}
.ui-dialog.bank-intercept .bank-intercept-opt-out {margin: 0 0 0 0; display: inline-block; float: left; font-size: .8rem; color: #ccc;}
.ui-dialog.bank-intercept .bank-intercept-opt-out input[type="checkbox"] {margin: 0 2px 4px 0; color: #ccc;}
 
.ui-dialog.bank-intercept .ui-dialog-buttonpane  {background-color: transparent; margin: 3px 3px 0 0; padding: 0; display: inline-block; position: absolute; top: 5px; right: 18px; z-index: 10;}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button {
	font-size: 1rem; 
    font-weight: 400;
    padding: 5px 15px;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
	transition: opacity .3s ease;
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    line-height: normal;
    background-color: #3E6C7D;
    color: #fff;
	border-radius: 0px;	
	}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:hover {background-color: #333; color:#fff;}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:active {font-weight: normal;}
  
.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {padding: 0 3px 0 0;}
 
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:after {    content: " \f101 ";	font-family: FontAwesome;	font-size: 1.1rem;}

@media screen and (max-width: 550px) {
	.ui-dialog.bank-intercept .ui-dialog-buttonpane  {position: relative; clear: both; margin: auto; display: block; top: auto; right: auto; text-align: center; padding: 10px 0 0 0;}
	.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-dialog-buttonset {float: none;}
	.ui-dialog.bank-intercept .ui-dialog-content {padding-top: 0;}
	.ui-dialog.bank-intercept .bank-intercept-opt-out-container {text-align: center; display: block; min-height: 10px; padding: 0;}
	.ui-dialog.bank-intercept .bank-intercept-opt-out {display: block; float: none; font-size: .7rem; margin: 10px 0 5px 0;}
}

/* slick slider BIT styles */

.slick-carousel {margin: 30px auto 0 auto; width: calc(100% - 80px); max-width: 1280px;}

.slick-smalltitle, .slick-largetitle { display: block; line-height: 1.1; text-align: center; color: #3E6C7D; }
.slick-smalltitle { font-family: hatch, serif; font-weight: 400; font-size: 2.25rem;font-style: italic;}
.slick-largetitle {font-family: rift, sans-serif; font-size: 3.375rem; font-weight: 700; }

.slick-content {margin: 0 5px; text-align: center; }
.slick-content img {border: 2px solid #55565A; padding: 0; margin: 0 auto;}
.slick-text, .slick-text a {color: #3E6C7D;	display: block; 	font-family: hatch, serif;    font-size: 1.5rem; padding: 20px 5px;	text-decoration: none; line-height: 1.1; font-weight: 400;}
.slick-text a:hover {text-decoration: underline;}

/* overrides for slick-theme.css */
.slick-prev, .slick-next {top: 40%; width: 32px; height: 64px;}
.slick-prev {left: -36px;}
.slick-next {right: -38px;}

.slick-prev:before, .slick-next:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 6 Pro';
	font-size: 4rem;
	color: #3E6C7D;	
	font-weight: 300;
}
.slick-prev:before{content: "\f053";}
.slick-next:before{content: "\f054";}

/* remove hover border on arrows */
button.slick-prev:hover, button.slick-next:hover {border: 0 solid #fff !important;}



/* animated checkmarks */

	/* for bulleted list */
ul.animated-checkmarks li {list-style: none; margin: 0 0 20px 0; padding: 0; clear: left; } 	
ul.animated-checkmarks li div.checkmarked-item {display: inline-block; width: calc(100% - 50px); /* row minus checkmark */} 	
ul.animated-checkmarks li p:first {display: inline;}

	/* checkmark background */
.checkmark-circle.in-viewport {
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  /* margin: -4px 10px 0 0; cutting off top of bullets */
  margin: 0 10px 0 0;
}
.checkmark-circle.in-viewport .background {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #D57D28;
  position: absolute;
}
.checkmark-circle.in-viewport .checkmark {
  border-radius: 5px;
}
	/*checkmark itself */
.checkmark-circle.in-viewport .checkmark:after {
  opacity: 1;
  height: 15px;
  width: 7.5px;
  transform-origin: left top;
  border-right: 3px solid white;
  border-top: 3px solid white;
  border-radius: 0.5px !important;
  content: '';
  left: 5px;
  top: 15px;
  position: absolute;
}
	/* checkmark animation parameters */
.checkmark-circle.in-viewport .checkmark.draw:after {
  animation-delay: 500ms; /* default overriden by sequential overrides below */
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-name: checkmark-checking;
  transform: scaleX(-1) rotate(135deg);
  animation-fill-mode: forwards;
}

	/* checkmark animation */
@keyframes checkmark-checking {
	0% {    height: 0;    width: 0;    opacity: 1;  }
	20% {    height: 0;    width: 7.5px;    opacity: 1;  }
	40% {    height: 15px;    width: 7.5px;    opacity: 1;  }
	100% {    height: 15px;    width: 7.5px;    opacity: 1;  }
}

/* sequentially animating checkmarks */
li:nth-child(1) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 500ms;}
li:nth-child(2) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 1s;}
li:nth-child(3) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 1.5s;}
li:nth-child(4) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 2s;}
li:nth-child(5) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 2.5s;}
li:nth-child(6) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 3s;}
li:nth-child(7) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 3.5s;}
li:nth-child(8) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 4s;}
li:nth-child(9) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 4.5s;}
li:nth-child(10) .checkmark-circle.in-viewport .checkmark.draw:after {animation-delay: 5s;}

/* rate comparison bar charts and supporting text */
.compare-container {text-align: center !important; margin: 20px auto; line-height: 1.2; max-width: 600px; margin: 20px auto 40px auto;}
div.compare-container .container {border: 1px solid #dedede;     background: linear-gradient(to bottom, rgba(255,255,255,1) 34%,rgba(229,229,229,1) 100%);  max-width: 600px; box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 25%); margin: auto;}
.ratecompare_title {color: #3E6C7D; font-weight: bold; font-family: 'rift'; font-size: 3rem; margin-top: 10px; margin-bottom: 10px;}
.ratecompare_tagline1 {font-size: 1.375rem;    color: #D57D28; margin-bottom: 10px;}
/* below chart */
.ratecompare_term {    color: #3E6C7D; font-family: 'rift'; font-size: 1rem; margin-top: 5px;}
.ratecompare_tagline2 {color: #D57D28;  font-family: 'hatch'; font-size: 1.5rem; margin: 20px 10px; line-height: 1.2;}
.ratecompare_button { }
.ratecompare_disclaimer {margin: auto;}
.ratecompare_disclaimer p {margin-top: 0;}
.compare-container div.rate-disc {cursor: pointer; text-decoration: underline; margin-top: 10px; font-size: .8rem;}
.compare-container div.rate-disc:hover{text-decoration: none;}
.compare-container a.JQslideToggle_close_button {cursor: pointer; text-decoration: none; border: 1px solid #dedede; padding: 5px; font-family: 'rift'; font-size: 1rem;}
.compare-container a.JQslideToggle_close_button:hover { border: 2px solid #dedede; text-decoration: none; }


/* 2023 REFRESH */

/* ---- STICKY MENU BIT TYPE ---- */

html {scroll-behavior: smooth; /*  scroll-padding-top: 61px; */} /* allow smooth scrolling sitewide without JS and account for the sticky header when anchoring*/
/* div.sticky-menu-content section { scroll-margin-top: 160px; } sticky sections account for sticky menu*/
div.decks.fix {overflow: unset;} /* fix to allow sticky menu in decks */

div.sticky-container { box-sizing: border-box; position: relative; z-index: 1; }

	/* sticky nav bar */
.sticky-menu {align-items: center; background: #FFF; box-shadow: 0px -20px 20px -20px rgba(62,108,125,0.25), 0px 20px 20px -20px rgba(62,108,125,0.25); display: flex; justify-content: center; margin: 0 auto; margin-top: 10px; min-height: 50px; position: sticky; position: webkit-sticky; top: 71px; width: 100%; z-index: 200;}
.sticky-menu ul {list-style: none; margin: 0 auto; max-width: 1280px; text-align: left; padding: 0; width: 100%;}
.sticky-menu ul li {display: inline-block; margin: 0; }
.sticky-menu ul li a {color: #6E7272; font-size: 1.5rem; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease;     font-family: rift, sans-serif;}
.sticky-menu ul li a:hover {color: #34495E; }
.sticky-menu li.active {border-bottom: 2px solid #ecf0f1; color: #34495E;}
.sticky-menu li.active a {color: #3E6C7D;}
.sticky-menu li a:empty {display: none;}

@media screen and (max-width : 1000px) {
	.sticky-menu ul {display: flex; flex-wrap: wrap; margin: 0 5px;}
	.sticky-menu ul li {display: flex; border: 1px solid #dedede; border-radius: 5px; margin: 2px;}
	.sticky-menu ul li a {padding: 3px 8px;}
	.sticky-menu li.active {border-bottom: none; background-color: #f2f2f2;}
}

/*.sticky-menu-content section:empty {display: none;}*/

	/* content areas */
div.sticky-menu-content section {background: #fff; border-bottom: 1px solid #e3e3e3; box-sizing: border-box; width: 100%; }

div.sticky-menu-content section.active {}
@media screen and (max-width : 1000px) {
	.sticky-menu {padding: 5px;}
}
	/* new on-state styles including removing the on-state slider bar at this breakpoint */
@media screen and (max-width : 1000px) {
	.active-slider {display: none;}
	.stickytab.L9active {color: #FFF !important; background-color: #3E6C7D; border-radius: 5px;}
	.stickytab.L9active:hover {color: #FFF !important; background-color: #4B4320;}
}

.items-container {  display: flex;  width: 100%;}
.items-container--top {  position: fixed;  top: 0;}
.stickytab {  display: flex;}
.active-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #ecf0f1;
  transition: left 0.3s ease;
  margin: 2px 10px;
}
.sticky-menu {margin-top: 71px;}



/* cards for counter only */
.community-counter .card-wrap-inner {display: flex; flex-direction: row; flex: 1 0 0%; box-sizing: border-box; gap: 10px; justify-content: center;}
.community-counter .card {display: flex; flex-direction: column; max-width: 21%; overflow: hidden; border: 1px solid #DEDEDE; padding: 60px 20px 40px 20px; margin: 0; border-radius: 8px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75); justify-content: flex-start;}
.community-counter .card-flexible {flex-grow: 1;} /* use on elements between top and bottom to stretch full-height - like content between a title and footer*/
.community-counter .counter-desc {font-size: 1.25rem; margin-top: 20px; line-height: 1.2;}

/* card hovers*/
.community-counter .card:hover { box-shadow: 0 12px 30px 0 rgba(0,0,0,.2) !important;}

.community-counter .counter-num {font-size: 2.75rem;}

@media screen and (max-width : 1240px) {
	.community-counter .counter-num {font-size: 2rem;}
	.community-counter .counter-desc {font-size: 1.1rem;}
}
@media screen and (max-width : 1000px) {
	.community-counter .card {padding: 30px 20px 10px 20px}
	.community-counter .card-wrap-inner {flex-wrap: wrap; flex-direction: column; }
	.community-counter .card {max-width: 100%; width: auto;}
	.community-counter .card {padding: 30px 20px 10px 20px}
	.community-counter .counter-num {font-size: 3.125rem;}
	.community-counter .counter-desc {font-size: 1.25rem; margin-top: 20px; line-height: 1.2;}
	.community-counter .card .inner {text-align: center;}
}

/* equal height cards bit type */
.equal-height-cards.container {margin: 20px auto; position: relative; max-width: 100%; display: flex; justify-content: center; color: #000; max-width: 1280px;}
.equal-height-cards .card-row {display: flex; box-sizing: border-box; gap: 10px; justify-content: space-between; flex-direction: row; width: 100%; align-items: stretch;}
.equal-height-cards.cards-show-two .card-row, .equal-height-cards.cards-show-one .card-row {justify-content: center;}

.equal-height-cards .card {display: flex; flex-direction: column;  border: 1px solid #DEDEDE; padding: 20px; margin: 0; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); background-color: rgba(255,255,255,0.75); justify-content: flex-start;}

.equal-height-cards.cards-show-one .card-one {max-width: 720px; width: 100%;}
.equal-height-cards.cards-show-two .card-one, .equal-height-cards.cards-show-two .card-two {max-width: 420px; width: 50%;}
.equal-height-cards.cards-show-three .card-one, .equal-height-cards.cards-show-three .card-two, .equal-height-cards.cards-show-three .card-three {width: 33%;}
.equal-height-cards.cards-show-four .card-one, .equal-height-cards.cards-show-four .card-two, .equal-height-cards.cards-show-four .card-three, .equal-height-cards.cards-show-four .card-four {width: 22%;}


.equal-height-cards .card h2, 
.equal-height-cards .card h3, 
.equal-height-cards .card h4, 
.equal-height-cards .card h5, 
.equal-height-cards .card h6 {margin-top: 0;}
.equal-height-cards .card.rounded {border-radius: 8px !important;}

/* card hider */
.equal-height-cards.cards-show-one .card-four, .equal-height-cards.cards-show-one .card-three, .equal-height-cards.cards-show-one .card-two {display: none;}
.equal-height-cards.cards-show-two .card-four, .equal-height-cards.cards-show-two .card-three {display: none;}
.equal-height-cards.cards-show-three .card-four {display: none;}
.equal-height-cards.cards-show-four {}

/* card hovers*/
.equal-height-cards .card:hover { box-shadow: 0 12px 30px 0 rgba(0,0,0,.2);}


@media screen and (max-width : 1280px) {
	.equal-height-cards .card-row  {width: calc(100% - 20px);} 
}
@media screen and (max-width : 1100px) {
	.equal-height-cards.cards-show-one .card-one {max-width: 100%; width: 720px;}
	.equal-height-cards.cards-show-two .card-one, .equal-height-cards.cards-show-two .card-two {max-width: 100%; width: 50%;}
	.equal-height-cards.cards-show-three .card-one, .equal-height-cards.cards-show-three .card-two, .equal-height-cards.cards-show-three .card-three {max-width: 100%; width: 33%;}
}
@media screen and (max-width : 900px) {
	.equal-height-cards .card-row {flex-wrap: wrap; margin: 10px; box-sizing: border-box;}
	.equal-height-cards .card {max-width: 100% !important; width:  100% !important; align-items: center;}
}

@media screen and (max-width : 767px) {
	.equal-height-cards .card {max-width: 100% !important; width: 100% !important;}

}

/* no card footers or images on this site
.equal-height-cards img { width: 100%; max-height: 400px; object-fit: cover; transform: scale(1.001);}
div.contentdeck div.deckinner .equal-height-cards img {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

.equal-height-cards div.card-footer {font-size: .8rem;}
.equal-height-cards .card-body, .equal-height-cards .card-footer p {margin-bottom: 0; padding-bottom: 0;}
.equal-height-cards .card-footer {margin-top: 0; margin-bottom: 0; background-color: transparent; border: none;}
.equal-height-cards .card-footer p {display: flex;}
.equal-height-cards .card-footer p a.button {flex: auto; justify-content: flex-start;} */



/* created for banners but can be used anywhere */
.txt-lichen {color: #979831 !important; }
.txt-winnipesaukee, .txt-winnepesaukee	/*misspelling */ {color: #3E6C7D !important; }
.txt-pumpkin {color: #D57D28 !important; }
.txt-oak {color: #4C412A !important; }
/* repeat because this site has only banner-specific text shades. Needed for footnote links*/
.txt-light, .txt-light a {color: #fff !important;}
.txt-dark, .txt-dark a {color: #000000;}

.banner-title.txt-lichen {color: #979831 !important; }
.banner-title.txt-winnipesaukee {color: #3E6C7D !important; }

.txt-light .banner-title.txt-lichen, .txt-light .banner-subtitle.txt-lichen {color: #979831 !important; }
.txt-dark .banner-title.txt-lichen, .txt-dark .banner-subtitle.txt-lichen {color: #979831 !important; }

.txt-light .banner-title.txt-winnipesaukee, .txt-light .banner-subtitle.txt-winnipesaukee {color: #3E6C7D !important; }
.txt-dark .banner-title.txt-winnipesaukee, .txt-dark .banner-subtitle.txt-winnipesaukee {color: #3E6C7D !important; }

.txt-light .banner-title.txt-pumpkin, .txt-light .banner-subtitle.txt-pumpkin {color: #D57D28 !important; }
.txt-dark .banner-title.txt-pumpkin, .txt-dark .banner-subtitle.txt-pumpkin {color: #D57D28 !important; }

.txt-light .banner-title.txt-oak, .txt-light .banner-subtitle.txt-oak {color: #4C412A !important; }
.txt-dark .banner-title.txt-oak, .txt-dark .banner-subtitle.txt-oak {color: #4C412A !important; }


/* banner updates */
.banner.refresh-options {box-sizing: border-box; text-wrap: balance;}
.banner.refresh-options div.banner-inner {display: flex; height: 100%; align-items: center;}

.banner.refresh-options .banner-body .banner-title {font-style: normal; font-weight: bold; text-transform: uppercase; margin: 0; font-family: rift, sans-serif;font-size: 3.9rem; line-height: 1;}
.banner.refresh-options .banner-body .banner-subtitle {text-transform: none; font-size: 4.25rem; font-family: hatch, serif; font-weight: 400; line-height: 1; margin: 10px 0 20px 0; font-style:italic;}

.banner.refresh-options .banner-body {width: 50%; max-width: 500px; border-radius: 16px; padding: 30px; margin: 0 20px;}
.banner.refresh-options.boxed-content .banner-body.banner-text-bg-pumpkin {background-color: rgba(213,125,40,0.95);} /* #D57D28 */
.banner.refresh-options.boxed-content .banner-body.banner-text-bg-winnipesaukee {background-color: rgba(62,108,125,0.95);} /* #3E6C7D */
.banner.refresh-options.boxed-content .banner-body.banner-text-bg-lichen {background-color: rgba(151,152,49,0.95);} /* #979831 */
.banner.refresh-options.boxed-content .banner-body.banner-text-bg-white {background-color: rgba(255,255,255,0.95);} /* #FFF */
.banner.refresh-options.boxed-content .banner-body.banner-text-bg-transparent {background-color: transparent;}

.banner.refresh-options.watermark-content div.banner-body {z-index: 3; position: relative;}
.banner.refresh-options.watermark-content div.banner-inner {background-size: 633px 690px; width: 100%; z-index: 1; position: relative;}
.banner.refresh-options.watermark-content div.watermark {display: block; position: absolute; top: 0; left: 0; overflow: visible; z-index: 1; height: 640px; width: 640px; transform: translate(-20%,-10%);}
.banner.refresh-options.watermark-content.watermark-winnipesaukee div.watermark {    background: transparent url(/img/watermark-winnipesaukee.svg) no-repeat center center; background-size: 100%;}	
.banner.refresh-options.watermark-content.watermark-winnepesaukee div.watermark {    background: transparent url(/img/watermark-winnipesaukee.svg) no-repeat center center; background-size: 100%;}	/*misspelling */
.banner.refresh-options.watermark-content.watermark-lichen div.watermark {    background: transparent url(/img/watermark-lichen.svg) no-repeat center center; background-size: 100%;}	
.banner.refresh-options.watermark-content.watermark-pumpkin div.watermark {    background: transparent url(/img/watermark-pumpkin.svg) no-repeat center center; background-size: 100%;}	
.banner.refresh-options.watermark-content.watermark-oak div.watermark {    background: transparent url(/img/watermark-oak.svg) no-repeat center center; background-size: 100%;}	
	
.banner.refresh-options.boxed-content.wide-box .banner-body {width: 50%; max-width: 720px;}



@media screen and (max-width : 767px) {
	.banner.refresh-options.boxed-content .banner-body.banner-text-bg-transparent {background-color: rgba(255,255,255,0.75);}
	div.flexslider ul.slides li div.banner.refresh-options div.outer-slide.banner-image {background-position: right bottom;}
	.banner.refresh-options .banner-body, .banner.refresh-options.boxed-content.wide-box .banner-body {width: 100%; margin: auto; text-align: center;}
	div.banner-home.refresh-options {height: auto; min-height: 500px; }
	.banner.refresh-options .banner-overlay {height: auto; min-height: 500px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.banner.refresh-options.watermark-content div.watermark {top: 50%; left: 50%; transform: translate(-50%, -50%)}
	.banner.refresh-options .outer-slide {margin: 0;}
	.banner.refresh-options .banner-body .banner-subtitle {font-size: 2.25rem;}
}

/* side-by-side carousel */
.sbs-carousel {box-sizing: border-box !important;}
.sbs-container { max-width: 1240px; margin: 20px auto; padding: 0 20px; }
.sbs-carousel .carousel-slider {display: flex; align-items: center;}
.carousel-slider .slider.sbs-slider-for {    max-width: 38%;    padding-right: 2%; width: 100%;}
.carousel-slider .slider.sbs-slider-nav {    max-width: 60%; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 20px 0 0;}
.sbs-slider-nav .slick-track {transform: none !important; display: flex !important;  flex-wrap: wrap;} /*prevent thumbnails from sliding and make equal height*/
.sbs-slider-nav .slick-slide {height: inherit !Important;}
	
.slider-banner-text {  text-wrap: balance;}
.slider-banner-text h1, .slider-banner-text h2, .slider-banner-text h3, .slider-banner-text h4, .slider-banner-text h5, .slider-banner-text h6{line-height: 1.1 !important;}
.content1 .slider-banner-text p:first-of-type {padding: 0;}

.sbs-carousel .slick-vertical .slick-track {display: flex; flex-wrap: wrap; gap: 10px;}

.sbs-slider-nav .slick-slide.thumbnail-image .thumbImg{
	box-sizing: border-box;
	display: inline-flex;
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
	width: 100%;
	padding: 5px 7px;
}
.slider-banner-text img,
.sbs-slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width: calc(100% - 14px);
    object-fit: cover;
	border-radius: 10px;
	margin: auto;
}

.sbs-slider-nav .slick-slide { text-align: center; border: none;}

.sbs-slider-nav .slick-slide.slick-active {min-width: 46%; display: flex; flex-direction: column; align-items: center; border-radius: 16px; border: 2px solid #efefef; margin: 10px 1%; padding: 10px 0; min-height: 240px;}
.sbs-slider-nav .slick-slide.slick-current {border: 2px solid #D57D28;}
.sbs-slider-nav .slick-slide.slick-active:hover {cursor: pointer; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.sbs-slider-nav .slick-slide span {
	margin: 25px 25px 10px 25px;
    display: block;
	font-weight: bold;
	font-size: 1.3125rem;
	text-wrap: balance;
}
.sbs-carousel .slick-arrow {display: none !important;}
.sbs-carousel .slick-prev {display: none;}
.sbs-carousel .slick-next {display: none;}

@media screen and (max-width : 767px) {
	.sbs-carousel .carousel-slider {flex-direction: column-reverse;}
	.carousel-slider .slider.sbs-slider-for {max-width: 100%; padding-right: 0;}
	.carousel-slider .slider.sbs-slider-nav {max-width: 100%;}
	.sbs-slider-nav .slick-slide, .sbs-slider-nav .slick-slide.slick-active {padding: 0; margin: 0 20px; min-height: unset; min-width: unset; box-shadow: none; border-radius: 10px; border: none;}
	.sbs-slider-nav .slick-slide.thumbnail-image .thumbImg { padding: 0;}
	.sbs-slider-nav .slick-slide.thumbnail-image .thumbImg img {width: 60px; height: 60px; padding: 0; border: 2px solid transparent;}
	.sbs-slider-nav .slick-slide span {margin: 0; font-size: .8rem; font-weight: 400; margin: 5px; line-height: 1; font-family: rift, sans-serif; display: none;}
	.sbs-slider-nav .slick-slide.slick-current .thumbImg img {border: 2px solid #D57D28;}	
}
@media screen and (max-width : 500px) {
	.carousel-slider .slider.sbs-slider-nav {justify-content: flex-start;}
	.sbs-slider-nav .slick-slide, .sbs-slider-nav .slick-slide.slick-active {padding: 0; margin: 0 5px;}
}



/* CSS-only tabbed menu bit type - TM - REUSABLE */

.tm-wrapper {  display: flex;  flex-direction: column; box-sizing: border-box; max-width: 1280px; margin: auto;}
.tm-tabs {display: flex; gap: 20px; margin: 10px 0; max-width: 1280px; padding: 0 10px; width: 100%;}
.tm-tab {  cursor: pointer;  padding: 10px 0 4px 0;  margin: 0 0 5px 0; color: #6E7272;  font-size: 1.3rem;  font-family: rift, sans-serif; align-items: flex-end; line-height: 1.3; color: #262730; text-wrap: balance; transition: transform 0.1s ease-out;}
.tm-panels {  min-height: 200px;  overflow: hidden; padding: 0 10px;}
.tm-panel {  display: none;  animation: tm-fadein 0.8s;}

.tm-tabs .tm-tab:hover {transform:translateY(-3px);}
@keyframes tm-fadein {
  from {    opacity: 0;  }
  to {    opacity: 1;  }
}

/* arrows that turn when active for tabs */
.tm-tab {}
.tm-tab:after {
	font: var(--fa-font-thin);
    content: "\f105";
    margin: 0 -10px 0 10px;
    text-decoration-color: #fff;
    display: inline-block;
}

input.tm-radio {  display: none;}
/* this has been moved into a style block in the bit type with a admin-created unique ID so it can be reused
#tm-one:checked ~ .tm-panels #tm-one-panel, 
#tm-two:checked ~ .tm-panels #tm-two-panel, 
#tm-three:checked ~ .tm-panels #tm-three-panel, 
#tm-four:checked ~ .tm-panels #tm-four-panel, 
#tm-five:checked ~ .tm-panels #tm-five-panel 
{display: block;}

#tm-one:checked ~ .tm-tabs #tm-one-tab, 
#tm-two:checked ~ .tm-tabs #tm-two-tab, 
#tm-three:checked ~ .tm-tabs #tm-three-tab, 
#tm-four:checked ~ .tm-tabs #tm-four-tab, 
#tm-five:checked ~ .tm-tabs #tm-five-tab
 {background: transparent; border-bottom: 2px solid #979831; font-weight: 600;} */
@media screen and (max-width : 767px) {
	.tm-tabs {gap: 2px 20px; flex-wrap: wrap; width: auto;}
	.tm-tab {font-size: 1rem; text-align: center; margin: 0;}
	/* change tab layout to stacked */
	.tm-tabs {
		gap: 2px 20px;
		flex-wrap: wrap;
		width: auto;
		flex-direction: column;
	}
	.tm-tab {
		font-size: 1.8rem;
		text-align: center;
		margin: 0;
	}

	.tm-panels {
		min-height: 200px;
		overflow: hidden;
		padding: 20px;
		border: 2px solid #979831;
		border-radius: 16px;
		margin-top: 10px;
	}
}

/* rate tables in tabs span full width */
.tm-wrapper table.ratetable {display: table; width: 100%;}



/* underline adjustments for various colors */

/*created for tabbed menu, but can be used anywhere */
.bg-white {background-color: #FFFFFF; }
.bg-light-gray {background-color: #e3e3e3; }
.bg-winnipesaukee {background-color: #3E6C7D; }
.bg-lichen {background-color: #979831; }
.bg-oak {background-color: #4C412A; }
.bg-pumpkin {background-color: #D57D28; }
.bg-charcoal {background-color: #55565A; }


.bg-white .tm-tab, .bg-white .tm-tab a {color: #262730; }
.bg-light-gray .tm-tab, .bg-light-gray .tm-tab a {color: #262730; }
.bg-winnipesaukee .tm-tab, .bg-winnipesaukee .tm-tab a {color: #D57D28 !important; }
.bg-lichen .tm-tab, .bg-lichen .tm-tab a {color: #fff; }
.bg-oak .tm-tab, .bg-oak .tm-tab a {color: #fff; }
.bg-pumpkin .tm-tab, .bg-pumpkin .tm-tab a {color: #fff; }
.bg-charcoal .tm-tab, .bg-charcoal .tm-tab a {color: #fff; }

/* needed extra override */
div.contentdeck.brandcolor .tm-tab {color: #D57D28 !important; }


.bg-pumpkin #tm-one:checked ~ .tm-tabs #tm-one-tab, 
.bg-pumpkin #tm-two:checked ~ .tm-tabs #tm-two-tab, 
.bg-pumpkin #tm-three:checked ~ .tm-tabs #tm-three-tab, 
.bg-pumpkin #tm-four:checked ~ .tm-tabs #tm-four-tab, 
.bg-pumpkin #tm-five:checked ~ .tm-tabs #tm-five-tab
 {border-bottom: 2px solid #fff;}
 
.bg-lichen #tm-one:checked ~ .tm-tabs #tm-one-tab, 
.bg-lichen #tm-two:checked ~ .tm-tabs #tm-two-tab, 
.bg-lichen #tm-three:checked ~ .tm-tabs #tm-three-tab, 
.bg-lichen #tm-four:checked ~ .tm-tabs #tm-four-tab, 
.bg-lichen #tm-five:checked ~ .tm-tabs #tm-five-tab
 {border-bottom: 2px solid #fff;}



/* new deck options */

.contentdeck .multicol-intro h2 {margin-bottom: 10px;}

.contentdeck.refresh-boxed-title h2.deck-title {border: 1px solid #DEDEDE; padding: 10px 20px; margin: 10px 0; border-radius: 8px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75);}
.contentdeck.refresh-boxed-intro .multicol-intro {border: 1px solid #DEDEDE; padding: 10px 20px; margin: 10px 0; border-radius: 8px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75);}
/*.contentdeck.refresh-boxed-overall div.deckinner{border: 1px solid #DEDEDE; border-radius: 8px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75);}*/
.contentdeck.refresh-boxed-overall div.multicol-inner {border: 1px solid #DEDEDE; border-radius: 8px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75); margin-left: 5px; margin-right: 5px;}

/* custom double-decker deck with step list */
.double-decker {box-sizing: border-box; z-index: 1; position: relative;}
.double-decker.contentdeck .deckinner.deck-distinct {padding: 0;}

.double-decker img {border-radius: 8px; z-index: 3}
.double-decker .deck-distinct .multicol1 .multicol-inner {display: flex; flex-direction: column; padding: 0;}
.double-decker .content-upper {color: #3E6C7D !important;  position: relative; padding: 0 20px; z-index: 2;}
.double-decker .content-upper .upper-text {z-index: 2; position: relative; padding: 40px 0;}
.double-decker .content-upper h2.deck-title{color: #3E6C7D !important;}
.double-decker .content-lower {padding: 20px;}
.double-decker .content-upper:before { /* upper white stripe */
    content:"";
    background-color:#FFF;
    position: absolute;
    height: 100%;
    width: 4000px;
	width: 200vw; left: -100vw;
    z-index: 1;
}

/* double-decker cta overrides */
.double-decker .cta-container {display: flex; gap: 10px; margin: 10px; flex-wrap: wrap;}
div.content .double-decker div.cta {clear: none;}
div.content .double-decker div.cta a {border-radius: 8px;}

@media screen and (max-width : 767px) {
	.double-decker .multicol2 {background-color: #fff;} /* color behind images to white when stacked */
	.double-decker .cta-container {justify-content: center;}
}

/* Refresh step list - overrides for existing styles */
.refreshed-step-list .step-list li {    padding-bottom: 1rem;    height: auto;    min-height: 95px;}
.refreshed-step-list div.distinct-box-col {background-color: transparent; box-shadow: none; margin: 0;}
.refreshed-step-list .step-list li:before {border: 2px solid transparent; font-size: 1.5rem; background: #FFF; color: #3E6C7D; outline: 3px solid #FFF;}
.refreshed-step-list .step-list li:after {    border-left: 2px solid #979831 !important;;}

.refreshed-step-list .step-list li h5 {color: #3E6C7D;}
.brandcolor .refreshed-step-list .step-list li h5, .brandcolor .refreshed-step-list .step-list li span {color: #FFF;}

.brandcolor .refreshed-step-list .step-list li:before {color: #FFF;}
.brandcolor.brandcolor1 .refreshed-step-list .step-list li:before { background: #3E6C7D; color: #fff; outline: 3px solid #3E6C7D;}
.brandcolor.brandcolor1 .refreshed-step-list .step-list li:after {    border-left: 2px solid #979831 !important;;}

.brandcolor.brandcolor2 .refreshed-step-list .step-list li:before { background: #979831; color: #fff; outline: 3px solid #979831;}
.brandcolor.brandcolor2 .refreshed-step-list .step-list li:after {    border-left: 2px solid #FFF !important;;}

.brandcolor.brandcolor3 .refreshed-step-list .step-list li:before { background: #4C412A; color: #fff; outline: 3px solid #4C412A;}
.brandcolor.brandcolor3 .refreshed-step-list .step-list li:after {    border-left: 2px solid #FFF !important;;}

.brandcolor.brandcolor4 .refreshed-step-list .step-list li:before { background: #D57D28; color: #fff; outline: 3px solid #D57D28}
.brandcolor.brandcolor4 .refreshed-step-list .step-list li:after {    border-left: 2px solid #FFF !important;;}
.gray .refreshed-step-list .step-list li:before { background: #404040; color: #fff; outline: 3px solid #404040}
.gray .refreshed-step-list .step-list li:after {    border-left: 2px solid #FFF !important;;}
.clr2-bg-lite   .refreshed-step-list .step-list li:before { background: #e3e3e3; outline: 3px solid #e3e3e3;}
.txt-light .refreshed-step-list h5 {color: #fff !important;}



/* atm search */
#inpageatmsrch {display: flex; gap: 20px;}
#inpageatmsrch button {min-width: 200px;}

/* menu updates */

div.nav-main ul.megamenu li.nav-item a {border: none; margin-top: 10px; margin: 10px 2px; }
div.nav-main ul.megamenu li a.active, div.nav-main ul.megamenu li a:hover, div.nav-main ul.megamenu li.nav-item.on a {border-radius: 8px;}
.mega-wrapper {background-color: #f2f5f6; border: none;}
ul.mega-subnav {display: flex; flex-wrap: wrap;  gap: 10px; justify-content:flex-start}
ul.mega-subnav li {flex: 1 1 33%; min-width: 32% !important; max-width: 32% !important;}
ul.mega-subnav li.mega-subnav-item a {background-color: #fff; padding: 10px; min-height: 160px; border-radius: 8px; text-decoration: none;}
ul.mega-subnav li a {font-size: 1.5rem; padding: 10px;}
ul.mega-subnav li.mega-subnav-item.on { text-decoration: none;}

ul.mega-subnav li.mega-subnav-item a:hover {color: #fff !important; background-color: #3E6C7D; background-size: cover;	background-position:50% bottom; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.75);}
ul.mega-subnav li.mega-subnav-item.on a {color: #fff !important; background-color: #3E6C7D; background-size: cover;	background-position:50%;}

ul.mega-subnav li.mega-subnav-item:nth-child(1) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(1) a {color: #fff; background-color: #3E6C7D; background-image:url('/img/menu-bg-1.png');} /*PNG*/
ul.mega-subnav li.mega-subnav-item:nth-child(2) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(2) a {color: #fff; background-color: #DB8029; background-image:url('/img/menu-bg-2.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(3) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(3) a {color: #fff; background-color: #979831; background-image:url('/img/menu-bg-3.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(4) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(4) a {color: #fff; background-color: #4B4320; background-image:url('/img/menu-bg-4.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(5) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(5) a {color: #fff; background-color: #3E6C7D; background-image:url('/img/menu-bg-5.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(6) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(6) a {color: #fff; background-color: #DB8029; background-image:url('/img/menu-bg-6.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(7) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(7) a {color: #fff; background-color: #979831; background-image:url('/img/menu-bg-1.png');}/*PNG*/
ul.mega-subnav li.mega-subnav-item:nth-child(8) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(8) a {color: #fff; background-color: #4B4320; background-image:url('/img/menu-bg-2.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(9) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(9) a {color: #fff; background-color: #3E6C7D; background-image:url('/img/menu-bg-3.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(10) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(10) a {color: #fff; background-color: #4B4320; background-image:url('/img/menu-bg-4.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(11) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(11) a {color: #fff; background-color: #3E6C7D; background-image:url('/img/menu-bg-5.jpg');}
ul.mega-subnav li.mega-subnav-item:nth-child(12) a:hover, ul.mega-subnav li.mega-subnav-item.on:nth-child(12) a {color: #fff; background-color: #DB8029; background-image:url('/img/menu-bg-6.jpg');}

.megamenu.menu-items.threefourths {width: 75%;}
.megamenu.promo-desktop.onefourth {width: 25%;}
@media screen and (max-width : 1300px) {
	.megamenu.menu-items.threefourths {width: 60%;}
	.megamenu.promo-desktop.onefourth {width: 40%;}
	ul.mega-subnav li {max-width: 50% !important;}
}
@media screen and (max-width : 767px) {
	.megamenu.menu-items.threefourths {width: 100%;}
	.megamenu.promo-desktop.onefourth {width: 100%;}
	ul.mega-subnav {gap: 5px}
	ul.mega-subnav li {flex: 1 1 100%;}
	ul.mega-subnav li.mega-subnav-item {margin: 0 auto;}
	ul.mega-subnav li.mega-subnav-item a {min-height: 0; background-position:100%; font-size: 1rem;}
}

/* mega links area and mega promo refreshed */
.promo-area {padding: 20px 2px;}
.promo-area .menu-links {margin-top: 15px;}
.promo-area .menu-links-title {font-weight: 600; font-size: 1.5rem; font-family: rift, sans-serif; margin-top: 10px;}

/* split into Resources and FAQs */
.promo-area .inner {display: flex; flex-direction: column;}
.menu-double-links {display: flex; gap: 10px; flex: 1 1 100%; justify-content: space-evenly; margin: 0 5px;}
.menu-list-one {min-width: calc(50% - 15px);}

.menu-double-links ul {padding: 0 !important; margin: 0 !important; list-style-type: none;}
.menu-double-links p {margin: 0 0 8px 0; line-height: 1.2}
.two-column-layout.menu-list-one .menu-links {width: 100%; columns: 2; min-width: 100%;}

@media screen and (max-width : 767px) {
	.two-column-layout.menu-list-one .menu-links {columns: 1;}	
	.two-column-layout.menu-list-one {min-width: 100%;}
}

@media screen and (max-width : 500px) {
	.menu-list-one, .menu-list-two {width: 100%;}
	.menu-double-links {flex-direction: column;}
}
@media screen and (max-width : 400px) {
	.promo-area .menu-links-title {margin-top: 0; font-size: .9rem;}
	.promo-area .menu-links {margin-top: 0; font-size: .8rem;}
}

div.mega-promo {
    background-color: #FFF;
    display: block;
    color: #3F6D7E !important;
    padding: 10px;
    font-size: 1.25rem;
	border: 6px solid #DB8029;
	border-radius: 16px; 
	margin: 15px auto;
	max-width: 300px;
}
div.mega-promo-image img {border-radius: 16px;}
div.mega-promo-title {
    color: #3F6D7E;
    font-weight: 400;
    font-size: 1.5rem;
    margin: 0;
}
div.mega-promo-text p {margin: 0;}
div.mega-promo .button {    font-size: 1.25rem;}

	.promo-mobile {display: none;}

@media screen and (max-width : 767px) { /* mobile menu adjustments including promo */

	.promo-area .mega-promo {font-size: 1rem;}
	.promo-area .mega-promo-title {font-size: 1.2rem;}
	
	.promo-mobile {display: block; text-align: center;}
	.promo-mobile .menu-links-title, .promo-mobile .menu-links {display: none;}
	.promo-desktop {/* use this area to hide right side at mobile once left is rendering*/}
	
	.promo-area .mega-image-promo { /* in progress */	
		width: 100%;
		position: absolute;
		top: 230px;
		right: 50%; 
		transform: translateX(-49%);
	}
	div.mega-promo {margin: 0 5px; border-width: 3px;}
	/* allow space for promo */
	#JQmegamenu_content {min-height: 80vh;}
	.menu-main {border-right: none;}
	div.nav-main ul.megamenu li.nav-item a {margin: 0 2px;}
	ul.mega-subnav li.mega-subnav-item a {padding: 5px;}
	.header .megabox {width: 50%;}
}

@media screen and (max-width : 500px) {
	.promo-area .menu-links {columns: 1;}
	div.mega-inner {padding: 0}
	div.mega-promo .button {font-size: 1rem; padding: 5px 15px;}
	
	/* adjusting for too much mobile menu stuff */
	div.nav-main ul.megamenu li.nav-item a {font-size: 1rem;}
	div.menu-links {display: flex; flex-direction: column; font-size: .8rem;}
	.promo-area .menu-links-title {font-size: 1rem; margin-top: 0; }
	.promo-area .menu-links {margin-top: 0; font-size: .8rem;}
	ul.mega-subnav li.mega-subnav-item a {font-size: .8rem;}
	.promo-area {padding-top: 10px;}
	.mega-promo-text-container {max-height: 40vh; overflow: auto;}
	.promo-area {max-height: 62vh; overflow: auto;}
	div.nav-main ul.megamenu li.nav-item a {padding: 3px;}
	.promo-area .mega-image-promo {top: 210px;}

}
@media screen and (max-width : 320px) {
	ul.mega-subnav li.mega-subnav-item a {font-size: .8rem;}
	.promo-area .menu-links-title {margin-top: 0; font-size: 1rem;}
	.promo-area .menu-links {font-size: .8rem; margin-top: 0;}
	
	/*remove sticky this small */
	.header.scrolled {position: relative !important; top: unset; left: unset; z-index: 1; box-shadow: none; max-width: none;}
	.header.scrolled .col-topnav .topnav {display: block;}
	div.wrapper_inner.scrolled-margin {margin-top: 0;}
	
	.mega-promo-text-container {max-height: 36vh; overflow: auto;}
	.promo-area .mega-image-promo {top: 200px;}
	
}

@media screen and (max-width : 280px) {
	.promo-area .mega-promo {font-size: .8rem;}
	div.mega-promo .button {font-size: .8rem; padding: 5px 8px;}
}




/* general style to remove elements at mobile size */
@media screen and (max-width : 767px) {
	.remove-at-mobile {display: none !important;}
}

/* general style to make unordered list two columns */
ul.list-two-columns, .two-columns {columns: 2; padding-left: 0;}
@media screen and (max-width : 500px) {
	ul.list-two-columns, .two-columns {columns: 1; padding-left: 10px;}
}

/* individual featured icons with duotone themes */

.individual-icons.rate-feature {display: inline-flex; justify-content: flex-start; flex-direction: column; color: #3E6C7D; min-height: unset; width: 100%;}
.individual-icons .feature-icon {font-size: 3.5rem; }
.individual-icons.rate-feature a { color: #3E6C7D;}
.individual-icons .feature-title {font-family: rift, sans-serif; font-size: 1.5rem; margin: 0; font-weight: 600;}
.individual-icons .feature-rate-txt-box {display: flex; flex-direction: row; align-items: flex-end; padding: 0; justify-content: center;}
.individual-icons .feature-copy {font-family: rift, sans-serif; font-size: 1.5rem; margin-right: 5px;}
.individual-icons .feature-lrgtxt {font-family: rift, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1;}
.individual-icons .feature-smtxt {font-family: rift, sans-serif; font-size: 1.5rem; margin-left: 5px;}
.individual-icons sup {font-family: Hatch, serif; font-weight: 400;  vertical-align: top;  top:  -0.8em; font-size: 50%; margin: 0 5px 0 -3px;}
.individual-icons sup a {text-decoration: none;}
.individual-icons sup a:hover {text-decoration: underline;}

.individual-icons .feature-cta {margin: 10px 0 0 0;}
.individual-icons .feature-cta p {padding-top:0;}
.individual-icons .feature-cta a.button {color: #fff;}

.individual-icons.rate-feature {justify-content: flex-start;}
.individual-icons.rate-feature.txt-center {justify-content: center !important;}
.individual-icons.rate-feature.txt-right {justify-content: flex-end !important;}
.individual-icons .feature-rate-txt-box.txt-right {justify-content: flex-end;}
.individual-icons .feature-rate-txt-box.txt-left {justify-content: flex-start;}


.full-color-duotone-fa {--fa-secondary-opacity: 1.0;}

.primary-oak {--fa-primary-color: #4B4320; color: #4B4320;}
.secondary-oak {--fa-secondary-color: #4B4320;}

.primary-pumpkin {--fa-primary-color: #D57D28; color: #D57D28;}
.secondary-pumpkin {--fa-secondary-color: #D57D28;}

.primary-lichen {--fa-primary-color: #979831; color: #979831;}
.secondary-lichen {--fa-secondary-color: #979831;}

.primary-winnipesaukee, .primary-winnepesaukee	/*misspelling */ {--fa-primary-color: #3E6C7D; color: #3E6C7D;}
.secondary-winnepesaukee, .secondary-winnipesaukee	/*misspelling */ {--fa-secondary-color: #3E6C7D;}

/* image icons */
.individual-icons.image-icons .feature-rate-txt-box.txt-center {justify-content: center;}
.individual-icons.image-icons .feature-icon img {margin: 10px 0; max-height:56px; max-width: 56px;}
.individual-icons.image-icons .feature-icon {display: flex; align-items: flex-end; min-height: 76px;}
.individual-icons.image-icons .feature-icon.txt-center {justify-content: center !important;}



@media screen and (max-width : 900px) {
	.individual-icons.rate-feature {margin: 0; align-items: center;}
}



/*  banking promo */
.online-banking-promo {text-align: center; padding: 20px; box-sizing: border-box; width: 100%; background-color: #3E6C7D;        box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.75); color: #fff !important;     border-radius: 8px; border: 1px solid #3E6C7D; background-image: url(/img/Granite-State-footer-background.gif); background-position: bottom; background-repeat: no-repeat; background-size: contain; background-position: bottom;}
.banking-promo-image {width: 100%; max-height: 140px; margin-bottom: 16px; border-radius: 8px; overflow: hidden;}
.banking-promo-image img {	object-fit: cover; 	object-position: 50% 50%;	width: 100%; /* match to block width */	height: 140px;}
.ob-login-button button.container-opened {border-radius: 8px 8px 0 0;}
.ob-login-box {padding-right: 13px;}
@media screen and (max-width : 767px) {
	.ob-login-button button.container-opened {border-radius: 8px;}
	.ob-login-box {width: auto; padding-left: 13px;}
	.online-banking-promo {max-width: 500px; padding: 0;}
}

/* overlay graphics for featured image decks */


.contentdeck.image-text-sbs .photo-align.multicol2 .multicol-inner {display: flex; justify-content: center;} /* vertical centering */

.contentdeck.image-text-sbs .feature-img img {border-radius: 16px; box-shadow: 0 12px 30px 0 rgba(0,0,0,.2); transform: translate3d(0,0,0); transition-property: box-shadow,transform;  transition-duration: 400ms; transition-timing-function: cubic-bezier(.16,1,.29,.99);}
.contentdeck.image-text-sbs .feature-img:hover img{box-shadow: 0 2px 8px rgba(0,0,0,.1); transform: translate3d(0,-4px,0);}

.contentdeck.image-text-sbs .feature-img.feature-watermark {transform: translateX(-70px);}
.contentdeck.image-text-sbs .feature-img.photo-align.colright.feature-watermark {transform: translateX(70px);}/* flipped */
div.feature-img.feature-watermark::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: -50px;
    background: url(/img/overlay-mountain-winn.png) repeat-x bottom left;
	background-repeat: no-repeat;
}
div.feature-img.feature-watermark.watermark-1::after {background-image: url('/img/overlay-mountain-winn.png'); background-repeat: no-repeat;}
div.feature-img.feature-watermark.watermark-2::after {background-image: url('/img/overlay-mountain-lichen.png'); background-repeat: no-repeat;}
div.feature-img.feature-watermark.watermark-3::after {background-image: url('/img/overlay-mountain-pumpkin.png'); background-repeat: no-repeat;}
div.feature-img.feature-watermark.watermark-4::after {background-image: url('/img/overlay-mountain-oak.png'); background-repeat: no-repeat;}

@media screen and (max-width : 1080px) {/* help for tablet size */
	.contentdeck.image-text-sbs .feature-img {overflow: visible; transform: translateX(0) !important;} 
	div.feature-img.feature-watermark::after {background-size: 60%;}	
	
	.contentdeck.image-text-sbs .photo-align.multicol1 {    width: 60%;}
	.contentdeck.image-text-sbs .photo-align.multicol2 {    width: 40%;}	
	.contentdeck.image-text-sbs .feature-img {max-width: 98%;}
}
@media screen and (max-width : 900px) {/* help for tablet size */
	.contentdeck.image-text-sbs .photo-align.multicol1 {    width: 70%;}
	.contentdeck.image-text-sbs .photo-align.multicol2 {    width: 30%;}
}

/* member testimonials feature */
.contentdeck.member-testimonials {	background: url('/img/bg-member-testimionials.svg') no-repeat top right; background-size: cover; /*padding: 400px 0 200px 0;*/ padding: 10px 0 100px 0; box-sizing: border-box; margin-top: 10px;}

.testimonials-card {display: flex; gap: 20px; align-items: center; border: 1px solid #ccc; width: auto;  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: rgba(255,255,255,0.75); margin: 10px; padding: 20px; border-radius: 16px; max-width: 100%;}
.testimonials-image {width: 64px; flex-shrink: 0;}
.testimonials-name {font-family: rift, sans-serif; font-weight: bold; font-size: 1.4rem;}

@media screen and (max-width : 767px) {
	.contentdeck.member-testimonials { 	background: url('/img/bg-member-testimionials.svg') no-repeat top center;}
}














/* new slider calculators */

div.slider-calc {
	box-sizing: border-box;
    text-align: center;
    padding: 30px;
    background-color: #fff;
    color: #3E6C7D;
    margin: 20px auto;
    border: 4px solid #DFDFDF;
    border-radius: 8px;
    backdrop-filter: blur(15px);
	 font-family: rift, sans-serif;
	 line-height: 1.2;
}
div.slider-calc input {
    text-align: center;
    display: block;
    width: 100%;
    margin: 10px auto;
	border: solid 1px #3E6C7D;
    color: #3E6C7D;
    font-weight: 400;
    border-radius: 6px;
	text-align: center;
	width: auto;
	line-height: 1;
	padding: 0 5px;
}
div.slider-calc input.calc-medtitle {max-width: 60%;}
div.slider-calc input[type=radio] {margin: 0 3px 6px 16px;}

div.slider-calc div.calc-title {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 3rem;
    font-weight: 700;
    color: #3E6C7D !important;
    line-height: 1.2;
    border-bottom: 4px solid #D57D28;
}
div.slider-calc div.calc-subtitle {
    padding: 0;
    margin: 20px auto;
    font-size: 1.25rem;
    color: #0db8df !important;
    max-width: 600px;
    font-weight: 700;
}
div.slider-calc div.calc-results {
    display: inline-block;
    border-radius: 6px;
    background-color: #fff;
    box-sizing: border-box;
    min-width: 31%;
    padding: 20px;
    margin: 20px 1%;
    border: 1px solid #D8DFE1;
}

/* plus and minus buttons
div.slider-calc a.calc-button {
    text-decoration: none !important;
    background-color: transparent;
    color: #3E6C7D;
    font-size: 1.5rem;
}
div.slider-calc a.calc-button.fa-minus,
div.slider-calc a.calc-button.fa-plus {margin: 0 10px;}
div.slider-calc a.calc-button:hover {color: #42A7C6;} */

div.slider-calc div.post-interaction .button {margin: 5px;}
div.slider-calc div.post-interaction, div.slider-calc div.post-interaction p {margin-bottom: 0;}
div.slider-calc .calc-disclaimer, div.slider-calc .calc-disclaimer p {width: auto; font-size: 1rem;}




div.slider-calc .calc-smalltitle {font-size: 1.5rem; font-weight: 700;}
div.slider-calc .calc-medtitle {font-size: 3rem; font-weight: 700;}
div.slider-calc .calc-largetitle {font-size: 4rem; font-weight: 700;}
div.slider-calc .calc-betweentitle {font-size: 2rem; font-weight: 700;}

div.slider-calc .amort-buttons {display: flex; gap: 20px; margin-top: 20px; justify-content: center; flex-wrap: wrap;}
div.slider-calc .amort-buttons .button {font-size: 1rem;}
div.slider-calc .faq-answer {overflow: hidden;}
div.slider-calc .faq-answer form {max-width: 600px; text-align: center; overflow: hidden; border: 1px solid #D5D4CD; padding: 20px; margin: 30px auto 10px auto; border-radius: 6px;}
div.slider-calc .faq-answer form div.form-field .label {text-align: left;}
div.slider-calc .faq-answer div.form-field div.input.submit {border: none;}

div.slider-calc .calc-results-box {display: flex; flex-direction: row; background-color: #F5F5F5; border-radius: 6px; padding: 30px 20px 30px 20px;
justify-content: space-around; align-items: center; margin: 40px 0 20px 0;}

/* overriding bootstrap buttons
div.slider-calc .btn {font-size:1rem;  width: auto; padding: 0;}
div.slider-calc .btn-outline-primary {color: #3E6C7D; border: none !important; outline: none !important;}
div.slider-calc .btn-check:active+.btn-outline-primary, div.slider-calc .btn-check:checked+.btn-outline-primary, div.slider-calc .btn-outline-primary.active, div.slider-calc .btn-outline-primary.dropdown-toggle.show, div.slider-calc .btn-outline-primary:active, div.slider-calc .btn-outline-primary.active:hover, div.slider-calc .btn-outline-primary:hover {color: #fff; background-color: #0DB8DF; font-weight: 700;}
div.slider-calc .btn-check:active+.btn-outline-primary:focus, div.slider-calc .btn-check:checked+.btn-outline-primary:focus, div.slider-calc .btn-outline-primary.active:focus, div.slider-calc .btn-outline-primary.dropdown-toggle.show:focus, div.slider-calc .btn-outline-primary:active:focus, div.slider-calc .btn-check:focus+.btn-outline-primary, div.slider-calc .btn-outline-primary:focus {box-shadow: none;} */

/* range slider colors */
div.slider-calc .range {display: flex; align-items: center;}
div.slider-calc input.form-range { width: 100%;    height: 1.5rem;    padding: 0;   -webkit-appearance: none;    -moz-appearance: none;    appearance: none; height: 2px; margin: 10px 0; border: 0;}  
div.slider-calc .form-range::-moz-range-track {  background-color: #DFDFDF; height: 8px; border-radius: 50%; border-radius: 4px;}
div.slider-calc .form-range::-webkit-slider-runnable-track {  background-color: #DFDFDF; height: 8px; border-radius: 4px;}

div.slider-calc .form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin: 50px auto 15px auto;
}

div.slider-calc .form-range:focus {    outline: 0}
div.slider-calc .form-range:focus::-webkit-slider-thumb {    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
div.slider-calc .form-range:focus::-moz-range-thumb {    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
div.slider-calc .form-range::-moz-focus-outer {    border: 0}
div.slider-calc .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #3E6C7D;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}




div.slider-calc .amort-summary_auto {font-weight: 400;  margin: 15px 0 0 0; padding: 10px; background: #fff; font-size: 2rem;}
.slider-calc .calc-disclaimer { font-family: hatch, serif; font-size: .875rem; margin-top: 10px; color: #000}
.slider-calc a.button {font-size: 1.5rem;}

/* for sites without bootstrap */
.row {display: flex; flex-wrap: wrap; align-items: flex-end; padding: 40px 10px;}
.justify-content-around {justify-content: space-around;}
.align-items-center {align-items: center;}
.col-xl-5 {    flex: 0 0 auto;    width: 41.66666667%;}


@media screen and (max-width : 900px) {
	div.slider-calc div.calc-title {margin-bottom: 20px; line-height: 1;}
	.row {padding: 0;}
	.col-xl-5 {    flex: 0 0 auto;    width: 100%; margin: 20px auto 40px auto;}	
	div.slider-calc .calc-results-box {margin: 0 auto 50px auto; flex-wrap: wrap;}
	
	div.slider-calc .calc-smalltitle {font-size: 1.1rem;}
	div.slider-calc .calc-medtitle {font-size: 2.5rem;}
	div.slider-calc .calc-largetitle {font-size: 3rem;}
	div.slider-calc .calc-betweentitle {font-size: 1.5rem;}
	.slider-calc a.button { font-size: 1.2rem; line-height: 1;}
}

#here-to-help ul li a {text-decoration: none;}

/* changing to image-based menu icon with color change */
.col-menu .menu-icon img {filter: invert(18%) sepia(0%) saturate(2392%) hue-rotate(134deg) brightness(98%) contrast(94%);}
.col-menu .menu-icon:hover img, .col-menu .menu-icon:focus img, .col-menu .menu-icon:active img {filter: invert(61%) sepia(66%) saturate(2992%) hue-rotate(353deg) brightness(94%) contrast(76%);}

/* shrink login footlinks at small mobile size */
@media screen and (max-width : 400px) {
	.ob-login-footlinks {font-size: .73rem;}
}

/* making space for bank-safe logo in footer next to address */
.address-etc {display: flex; text-wrap: balance; justify-content: flex-end; gap: 10px;}
@media screen and (max-width : 767px) {
	.address-etc {justify-content:center;flex-direction: column-reverse;}
}
/* EOF */