/* CSS Document */


/* Level 9 Voice Website "site.css" structure:
=.= Reset, Accessibility and Standard HTML elements
=.= CONTENT STYLES
	=.= TINY MCE Selectable Styles
=.= Custom Colors
	=.= Standardized Color Values
	=.= Form Placeholder Colors
------
=.= Layout Framework 
=.= Form Framework
=.= Conventional Content Decks (BIT TYPE)
=.= Featured Rate & Icon Decks (BIT TYPE)
=.= Featured Prod/Serv Content Decks (BIT TYPE)
=.= Step List Content Decks (BIT TYPE)
------
=.= Custom Button Styling
=.= Calls to Action (BIT TYPE)
=.= Promotions & Testimonials (BIT TYPE)
=.= Cross Selling Promo Blocks
------
=.= Quick Text Formatting
=.= Show/Hide and Other Display Visuals
------
=.= Site Layout Elements
=.= Mobile Header / Menu
=.= Header Elements
	=.= OPEN
=.= Online Banking Login
------
=.= Footer Elements
	=.= Footer Quicklinks (BIT TYPE)
=.= Navigation
	=.= Mega Menus
	=.= Dropdown Menus
	=.= Top Navigation
	=.= Sub-Navigation (in-page)
	=.= Sticky Menu
=.= Alerts
=.= Speedbumps
=.= Sitemap
=.= FAQ's
=.= Responsive Lists
=.= Posts / Post Lists / Post Images
=.= Seminars / Events
=.= Site Banners
	=.= Flexslider 
	=.= VOICE Banners (BIT TYPE)
	=.= Video Banners (BIT TYPE)
	=.= Offset Banners
=.= JQuery Style Overrides & Ajax Elements
=.= Google Search or Voice Search Integration
=.= OPEN
=.= Flexible Iframe & Responsive Videos
=.= Tabbed Content Areas
------
=.= Rate Tables
=.= Featured Rates and Featured Icons (BIT TYPE)
=.= Comparison Charts (BIT TYPE)
=.= Staff Listings (BIT TYPE)
=.= Level 9 Calculators
=.= Google Maps (BIT TYPE)
=.= Commenting and Rating
=.= Surveys and Polls
=.= Personalized / Location Based Content
------
=.= Custom CSS Additions
------
*/

/* CSS rules to specify families
font-family: 'Work Sans', sans-serif;
900 only

font-family:"graphie";
400, 600, 700

font-family:"fave-script-pro";
700, 700

font-family:"new-frank";
400, 700


 */


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%;
}
body {
    font-family:"new-frank";
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #ffffff;
    margin: 0;
    color: #000; /* was 4E5157 */
    position: relative;
    z-index: 0;
    min-height: 100%;
    height: 100%;
}
/* -------------- =.= Reset and Accessibility -------------- */
img, iframe {
    max-width: 100%;
}
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;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:active, #skip a:focus {
    position: static;
    width: auto;
    height: auto;
}
.hidden, .hide {
    display: none;
}
/*class to hide content so it is just for screen readers*/
.just-sr {
    position: absolute;
    display: block;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


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: #004658;
    text-decoration: underline;
}
a:hover, a:active {
    color: #2e2e2e;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    /*this is where all site headings are customized*/
    margin: 2% 0 1%;
    line-height: normal;
    font-weight: 700;
    font-family:"graphie";
    color: #004658;
}
h1 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
    font-size: 50px;
    font-size: 3.125rem;
    letter-spacing: -2px;
    color: #004658;
}
h2 {
    font-size: 32px;
    font-size: 2rem;
    letter-spacing: -1px;
    color: #004658;
	text-transform: uppercase;
	font-weight: 600;
}
h3 {
    font-size: 26px;
    font-size: 1.625rem;
    letter-spacing: -1px;
    color: #004658;
	text-transform: uppercase;
}
h4 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #004658;
	text-transform: uppercase;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #004658;
	text-transform: uppercase;
}
h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #004658;
	text-transform: uppercase;
}

/* -------------- =.= TINY MCE Selectable Styles -------------- */
/******* CONTENT STYLES MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM -- STYLES CAN BE ADDED OR CHANGED IN /admin/scripts/admin_tinymce_init.js *****/
.intro {
    font-size: 28px;
    font-size: 1.75rem;
    color: #269a91;
    line-height: 32px;
	font-family:"graphie";
}
.favescript{
	font-family:"fave-script-pro" !important;
}
 .caption {
    font-size: 14px;
    font-size: 0.875rem;
    color: #4E5157;
}
.red {
    color: #D7362D; /* darkened slightly */
}
.huge {
    font-size: 44px;
    font-size: 2.75rem;
}
.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: .7rem;
    line-height: 1.5;
    display: inline-block;
}


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

.bg-white{
    background-color: #F5F4FF;
}
.bg-oceanside{/* now Eagle Green */
    background-color: #004658;
}
.bg-daisybush{/* now Modern Violet */
    background-color: #412F83;
}
.bg-sherpablue{/* now Eagle Green */
    background-color: #004658;
}
.bg-titanwhite{/* now Sky Blue */
    background-color: #97D6ED; /* was 7ECBE8 */
}
.bg-pattern:before {
    background-repeat: repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    opacity: 0.1;
    visibility: visible !important;
}
.titan-white.bg-pattern:before,
.white.bg-pattern:before{
    opacity: 1;
    filter: brightness(0.9);
}
.titan-white.bg-pattern-3:before,
.white.bg-pattern-3:before{
    opacity: 1;
    filter: brightness(0);
}
.bg-pattern-1:before{
    background-image: url(../png/pattern-1.png);
}
.bg-pattern-2:before{
    background-image: url(../png/pattern-2.png);
}
.bg-pattern-3:before{
    background-image: url(../png/pattern-3.png);
    opacity: 1;
}
.bg-pattern-4:before{
    background-image: url(../png/pattern-4.png);
}
.bg-pattern-5:before{
    background-image: url(../png/pattern-5.png);
}
.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5, 
.text-dark h6,
.text-dark .banner-title,
.text-dark .banner-subtitle{
    color: #004658;
}

.text-dark p,
.text-dark span{
    color: #102B3F;
}

.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light span,
.text-light .banner-title,
.text-light .banner-subtitle{
    color: #fff;
}

/* -------------- =.= Standardized Color Values -------------- */
/* Color 1 */
.clr1-dark {
    color: #335C81 !important;
}
.clr1-bg-dark {
    background-color: #335C81 !important;
}
.clr1-bdr-dark {
    border-color: #335C81 !important;
}
/* Color 2  */
.clr1-med {
    color: #0F00B6 !important;
}
.clr1-bg-med {
    background-color: #BAD8FF !important;
}
.clr1-bdr-med {
    border-color: #BAD8FF !important;
}
/* Color 3 */
.clr1-lite {
    color: #EBF9FF !important;
}
.clr1-bg-lite {
    background-color: #EBF9FF !important;
}
.clr1-bdr-lite {
    border-color: #EBF9FF !important;
}
/* Color 4 */
.clr2-dark {
    color: #4E5157 !important;
}
.clr2-bg-dark {
    background-color: #4E5157 !important;
}
.clr2-bdr-dark {
    border-color: #4E5157 !important;
}
/* Color 5 */
.clr2-med {
    color: #B7BDCC !important;
}
.clr2-bg-med {
    background-color: #B7BDCC !important;
}
.clr2-bdr-med {
    border-color: #B7BDCC !important;
}
/* Light Gray - Overcast */
.clr2-lite {
    color: #F4F7FF !important;
}
.clr2-bg-lite {
    background-color: #F4F7FF !important;
}
.clr2-bdr-lite {
    border-color: #F4F7FF !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;
}
/* -------------- =.= Layout Framework -------------- */
/* -------------- =.= Column Layouts -------------- */
/*1.1 Percentage based columns*/
.onewhole {
    width: 100%;
    position: relative;
    z-index: 2;
}
.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 20px;
}
.page-inner {
    padding: 1% 0;
}
div.inner:empty {
    display: none;
}
/* -------------- =.= 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;
}
/* -------------- =.= Clearfix and Clearing -------------- */
.clearfix:before, .clearfix:after, .fix:before, .fix:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after, .fix:after, .clear {
    clear: both;
}
/* may be obsolete 
.clearfix, .fix {
    zoom: 1;
}*/
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
/* -------------- =.= Floating -------------- */
.left, .colleft {
    float: left;
}
.right, .colright {
    float: right;
}
/* -------------- =.= Form Framework -------------- */
/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}
/* -------------- =.= Form Elements -------------- */
fieldset {
    border: none;
}
div.form-field {
    width: 100%;
    margin: 1.5em 0;
    /* float: left; */
}
div.form-field .label {
    /* float: left; */
    font-weight: 600;
    width: 100%;
    display: block;
}
div.input {
    width: 98%;
    margin-right: 1%;
}
.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;
    margin: 0;
    padding-top: 15px;
    margin-bottom: -10px;
    /* width: 60%; cuts off contact submit button at mobile size */
    width: 100%;
}
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: normal;
    padding: 3px;
    margin: 0;
}
textarea {
    height: 120px;
    width: 100%;
}
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
    padding: 0.4rem 0.75rem;
    box-sizing: border-box;
    border: solid 2px #939597; /* darkened slightly  */
    font-family: inherit;
    font-size: 20px;
    font-size: 1rem;
    border-radius: 3px;
    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;
    color: 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: normal;
}
/* Disabled styles */
select:disabled, select[aria-disabled=true] {
    color: gray;
    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.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.8rem;
    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: .9rem;
}
input.large, textarea.large {
    font-size: 16px;
    font-size: 1rem;
}
input.tiny {
    height: 12px;
    font-size: .8rem;
    font-weight: bold;
}
select.select {}
select.wide {
    width: 99%;
}
select.short {
    width: 33%;
}
select.small {
    font-size: .9rem;
}
select.large {
    font-size: 1.3rem;
}
select.multiple {
    width: 96.5%;
    /*	height: 130px; */
    overflow: auto;
    font-size: 1rem;
}
select.multiple_wide {
    width: 99%;
    height: 100px;
    overflow: auto;
}
.aid {
    color: #333;
    font-size: .75rem !important;
    line-height: 1;
    display: inline-block;
    padding: 0 5px 0 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;
    display: inline-block;
}
.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: normal;
    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: 1rem;
}
/* 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.3rem;
    font-weight: bold;
}
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.7rem;
    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;
}
#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: #4E5157 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}
#form_elements_panel #form_elements, .form-panel .div.form-fields {}
#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: 20px;
    border: solid 1px #d9d9d9;
    color: #333;
    background-color: #f7f7f8; /* light grey */
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
span.JQradioClick {
    margin-right: 15px;
}
/* removing extra space caused by break tags */
div.form-field .label br {
    display: none;
}

span.aid, div.form-field .label label.aid {
    clear: both;
    display: block;
}
/* -------------- =.= Conventional Content Decks -------------- */
div.decks.fix {
    overflow: visible;
}
/*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: 1440px !important;
}
.contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner {
    padding: 20px 40px !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 !important;
}
.contentdeck .multicol-outro {
    padding: 50px 0 20px 0 !important;
    clear: both;
    display: block;
}
.multicol-outro.no-padding, .multicol-outro.no-padding p {
    padding: 0 !important;
    margin: 0;
    line-height: 1;
}
div.contentdeck {
    padding: 50px 0;
    position: relative;
}
/*.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 h2, div.contentdeck h3, div.contentdeck h4 {
    /* text-align: center;*/
    margin: 10px 0;
}
div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {
    margin: 15px auto 15px auto;
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
    width: 75%;
    font-weight: 300;
}
div.contentdeck h2.deck-title strong, 
div.contentdeck h3.deck-title strong{
    font-weight: 600;
    display: inline-block;
}
@media screen and (max-width: 640px) {
    div.contentdeck h2.deck-title, div.contentdeck h3.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: #8C9495;
    height: 2px;
    margin: 10px 2%;
    width: 96%;
    position: relative;
    visibility: visible;
}
div.contentdeck.gray {
    background-color: #404040;
}
div.contentdeck.oceanside {/* now Eagle Green */
    background-color: #004658; /*standardized dark brand background color used in bit template -- clr2-bg-med*/
}
div.contentdeck.daisy-bush {/* now Modern Violet */
    background-color: #412F83; /*standardized medium brand background color used in bit template -- clr2-bg-med*/
}
div.contentdeck.elephant-black {
    background-color: #102B3F; /*standardized light brand background color used in bit template -- clr2-bg-med*/
}
div.contentdeck.titan-white {/* now Sky Blue */
    background-color: #97D6ED; /*standardized accent brand background color used in bit template -- clr2-bg-med*/
}
div.contentdeck.surfie-teal {/* now Viridian Green */
    background-color: #269a91; /*standardized accent brand background color used in bit template -- clr2-bg-med*/
	background-color: #218379; /* was 269a91 */	
}
/*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.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 {
    color: #fff !important;
}

div.contentdeck.showLogo::before{
    background-image: url(../png/logo_fade_2.png);
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
    visibility: visible;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

div.contentdeck div.contentdeck, div.contentdeck .contentdeck.onehalf .multicol-inner {
    padding: 5px 5px 5px 0 !important;
}
/*content decks with background images*/
.contentdeck.has-bgimg {
    background-size: cover;
    background-repeat: no-repeat;
}
/*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: 50px 90px !important;
}
div.contentdeck .deck-distinct h2.deck-title, div.contentdeck .deck-distinct h3.deck-title {
    text-align: left;
    width: 100%;
}
/* -------------- =.= Featured Rates Content Decks (BIT TYPE) -------------- */
.rate-feature {
    min-height: 245px;
}
.feature-icon {
    font-size: 4rem;
    text-align: center;
    color: #412F83;
    margin-bottom: 10px;
}
.feature-title {
    font-size: 1.85rem;
    line-height: 110%;
    font-weight: 400;
    margin: 0;
    text-align: center;
    color: #000;
}
.feature-title a{
	color:#000;
	text-decoration: none;
	text-transform: uppercase;
}
.feature-copy, .feature-copy p,
.feature-smtxt {
    font-size: 1rem;
    text-align: center;
    color: #000;
}
.feature-lrgtxt {
    font-size: 3.125rem;
    text-align: center;
    font-weight: 700;
    margin: 0;
    color: #EBA525;
    line-height: 1.3;
}
.feature-cta {
    text-align: center;
    margin: 1rem 0;
    padding-top: 0;
}
.feature-cta .cta{
    margin: 0;
}
.feature-cta .cta .button{
    padding: 12px !important;
}
.iconfeature {
    margin: 10px 0;
}
/*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 */
}
@media screen and (max-width: 767px) { /* back to normal */
    .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;
    }
    .rate-feature {
        min-height: 0;
        margin: 60px 0 20px 0;
    }
    @media screen and (max-width: 500px) { /* back to normal */
        .feature-title {
            font-size: 1.5rem;
        }
        .feature-lrgtxt {
            font-size: 2.75rem;
        }
        .feature-icon {
            font-size: 3.5rem;
        }
    }
}
/* -------------- =.= FEATURED PRODUCT / SERVICE DECKS -------------- */
/*post templates also use "feature-img"*/
div.feature-img {
    width: 100%;
    max-width: 85%;
}
/*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;
}
.photo-align.colleft .feature-img.colleft {
    float: right;
}
.photo-align.colright .feature-img.colright {
    float: left;
}
/* -------------- 8. Step List Decks  -------------- */
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: #335C81;
    background: #fff;
    border: 2px solid #335C81;
    border-radius: 99em;
    z-index: 1;
    text-align: center;
    font-size: .875rem;
    font-family: inherit;
    outline: 3px solid #fff;
}
ul.step-list li:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 10px;
}
.step-list li:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 14px;
    border-left: 4px solid #335C81;
}
.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: #335C81;
}
.step-list-col1 {}
.step-list-col2 {
    counter-reset: step-counter 3 !important;
}
/* -------------- DISTINCT "BOX" DECKS (Step Lists) -------------- */
div.distinct-box-col {
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: #ccc 0px 0px 3px;
    margin: 50px 90px;
}
.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 90px;
}
.distinct-box-align.colright .distinct-box-col {
    margin: 50px 90px 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) {
    .deck-distinct .multicol-inner {
        padding: 50px 30px;
    }
    .distinct-box-align.colleft .distinct-box-col {
        margin: 50px 0 50px 30px;
    }
    .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;
    }
    .deck-distinct .multicol-inner {
        padding: 0 10px !important;
    }
    /*prod/serv decks*/
    .photo-align.colleft .feature-img.colleft, .photo-align.colright .feature-img.colright {
        float: left;
        margin: 20px 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;
        height: inherit;
    }
    .step-list.step-list-col1 li:last-child:after {
        border-color: #335C81;
    }
    .step-list.step-list-col1 {
        margin-bottom: 0;
    }
    .step-list.step-list-col2 {
        margin-top: 0;
    }
}



/* -------------- 9. Custom Button Styling -------------- */
input[type=button], input[type=submit], a.button, a.button:link, a.button:visited, button {
    border: none;
    background-color: #D9E069;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 12px 25px;
    cursor: pointer;
    color: #000;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    display: inline-block;
    border-radius: 2px;
    border: solid 2px transparent;
    line-height: 1;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button5:hover, a.button6:hover, a.button7:hover, a.button8:hover{
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
    color: #000;
    background-color: #fff;
    border: solid 2px #D9E069;
}
input[type=button]:active, input[type=submit]:active, a.button:active, button:active {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);

}

/* CTA themes are the same as button colors on this site, so changing these also changes the Calls to Action */

/*  Maximum Green Yellow */
a.button1, a.button1:link, a.button1:visited, button.button1, div.contentdeck a.button1, div.contentdeck a.button1:link, div.contentdeck a.button1:visited, div.contentdeck button.button1 {
    background-color: #D9E069 !important; 
    color: #000 !important;
}
a.button1:hover, button.button1:hover, div.contentdeck a.button1:hover, div.contentdeck button.button1:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000 !important;
	background-color: #fff !important;
	border: solid 2px #D9E069 !important;
}
/*  Modern Violet */
a.button2, a.button2:link, a.button2:visited, button.button2, div.contentdeck a.button2, div.contentdeck a.button2:link, div.contentdeck a.button2:visited, div.contentdeck button.button2 {
    background-color: #412F83 !important; 
    color: #fff !important;
}
a.button2:hover, button.button2:hover, div.contentdeck a.button2:hover, div.contentdeck button.button2:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #412F83 !important;
	background-color: #fff !important;
	border: solid 2px #412F83 !important;
}

/*  Eagle Green */
a.button3, a.button3:link, a.button3:visited, button.button3, div.contentdeck a.button3, div.contentdeck a.button3:link, div.contentdeck a.button3:visited, div.contentdeck button.button3 {
    background-color: #004658 !important; 
    color: #fff !important;
}
a.button3:hover, button.button3:hover, div.contentdeck a.button3:hover, div.contentdeck button.button3:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #004658 !important;
	background-color: #fff !important;
	border: solid 2px #004658 !important;
}
/*  Sky Blue */
a.button4, a.button4:link, a.button4:visited, button.button4, div.contentdeck a.button4, div.contentdeck a.button4:link, div.contentdeck a.button4:visited, div.contentdeck button.button4 {
    background-color: #97D6ED !important; 
    color: #000 !important;
}
a.button4:hover, button.button4:hover, div.contentdeck a.button4:hover, div.contentdeck button.button4:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000000 !important;
	background-color: #fff !important;
	border: solid 2px #000000 !important;
}
/*  Marigold */
a.button5, a.button5:link, a.button5:visited, button.button5, div.contentdeck a.button5, div.contentdeck a.button5:link, div.contentdeck a.button5:visited, div.contentdeck button.button5 {
    background-color: #EBA525 !important; 
    color: #000 !important;
}
a.button5:hover, button.button5:hover, div.contentdeck a.button5:hover, div.contentdeck button.button5:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #EBA525 !important;
	background-color: #fff !important;
	border: solid 2px #EBA525 !important;
}

/* NEW 2023 */
/*  Fire Opal */
a.button6, a.button6:link, a.button6:visited, button.button6, div.contentdeck a.button6, div.contentdeck a.button6:link, div.contentdeck a.button6:visited, div.contentdeck button.button6 {
    background-color: #DE5750 !important; 
    color: #000 !important;
}
a.button6:hover, button.button6:hover, div.contentdeck a.button6:hover, div.contentdeck button.button6:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000 !important;
	background-color: #fff !important;
	border: solid 2px #DE5750 !important;
}
/*  Dark Turquoise */
a.button7, a.button7:link, a.button7:visited, button.button7, div.contentdeck a.button7, div.contentdeck a.button7:link, div.contentdeck a.button7:visited, div.contentdeck button.button7 {
    background-color: #2ECDDC !important; 
    color: #000 !important;
}
a.button7:hover, button.button7:hover, div.contentdeck a.button7:hover, div.contentdeck button.button7:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000000 !important;
	background-color: #fff !important;
	border: solid 2px #2ECDDC !important;
}

/*  Viridian Green */
a.button8, a.button8:link, a.button8:visited, button.button8, div.contentdeck a.button8, div.contentdeck a.button8:link, div.contentdeck a.button8:visited, div.contentdeck button.button8 {
    background-color: #269A91 !important; 
    color: #000 !important;
}
a.button8:hover, button.button8:hover, div.contentdeck a.button8:hover, div.contentdeck button.button8:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000 !important;
	background-color: #fff !important;
	border: solid 2px #269A91 !important;
}

.banner-inner a.button:hover{
	background-color:#fff !important;
}


/* alert button fix - alert colors were overriding button colors */
.alert input[type=button], .alertinput[type=submit], .alert a.button, .alert a.button:link, .alert a.button:visited, .alert button {
    color: #000 !important;
}
.alert a.button1, .alert a.button1:link, .alert a.button1:visited, .alert button.button1 {
    color: #C0D6DF !important;
}
.alert a.button1:hover, .alert button.button1:hover {
    color: #000 !important;
}
.alert a.button2, .alert a.button2:link, .alert a.button2:visited, .alert button.button2 {
    color: #000 !important;
}
.alert a.button2:hover, .alert button.button2:hover {
    color: #fff !important;
}
.alert a.button3, .alert a.button3:link, .alert a.button3:visited, .alert button.button3 {
    color: #000 !important;
}
.alert a.button3:hover, .alert button.button3:hover {
    color: #C0D6DF !important;
}
.alert a.button4, .alert a.button4:link, .alert a.button4:visited, .alert button.button4 {
    color: #fff !important;
}
.alert a.button4:hover, .alert button.button4:hover {
    color: #000 !important;
}
/* -------------- =.= Default Buttons -------------- */
a.back-button {
    display: block;
    padding: 5px 10px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    float: right !important;
    width: 50px;
    margin: 1em;
}
a.back-button:hover {
    box-shadow: 0 0 1px 1px #dfe5e5;
}
a.back-button:active {
    box-shadow: 0 0 1px 1px #dfe5e5;
}
/* -------------- =.= Calls to Action (BIT TYPE) -------------- */
div.cta {
    display: inline-block; margin: 0 10px 0 0;
}
.deck-distinct div.cta {
    width: 270px;
}
.deck-distinct div.cta a {
    display: inline-block;
}
div.cta a {    
    display: inline-block;
    background-color: #ccc;
    padding: 12px 25px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 1.1rem;
}

div.cta.cta-primary a{
    background-color: #D9E069;
    color: #000;
}
div.cta.cta-secondary a{
    background-color: #004658;
    color: #fff;
}
div.cta.cta-sherpa-blue a{
    background-color: #004658;
    color: #fff;
}
div.cta.cta-titan-white a{
    background-color: #97D6ED;
    color: #fff;
}
div.cta.cta-orange a{
    background-color: #EBA525;
    color: #000;
}
/* CTA theme colors are the same as the button colors on this site, so use the section above for CTA size overrides */




div.sidebar div.cta, div.sidebar div.cta a, div.sidebar-mobile div.cta, div.sidebar-mobile div.cta a {
    display: block;
    margin: 10px auto;
	max-width: 90%;
}
div.sidebar.no-subnav {
    margin-top: 85px;
}


/* -------------- =.= Promotions & Testimonials -------------- */
.promotion {
    padding: 0;
    margin: 0 0 15px 0;
    background: transparent;
    border-radius: 5px;
    display: block;
    border: none;
	color: #252525;
	font-size: 1rem;
}
.promotion .inner {
    padding: 1.5rem 2rem;
}
.promotion p {
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    margin: 0.5rem 0;
    font-family: inherit;
    font-weight: inherit;
}
.promotion h3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-style: normal;
    font-size: 1.625rem;
	font-family:"graphie";
}
.promotion.dark a:link, .promotion a:visited {
    color: #fff;
    text-decoration: underline;
}
.promotion.dark a:hover, .promotion a:active {
    color: #fff;
    text-decoration: none;
}
.promotion a.button {
    text-decoration: none !important;

}
.promotion a.button:hover {
    box-shadow: none;
    text-decoration: none !important;
}
/*Theme 1*/
.promotion.theme1 {
    background-color: #412F83;
    color: #fff;
}
.promotion.theme1 h3 {
    color: #fff;

}
.promotion.theme1 .button {background-color: #97D6ED !important;
    color: #000 !important;}
.promotion.theme1 .button:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    color: #000000 !important;
    background-color: #fff !important;
    border: solid 2px #97D6ED !important;
	}

/*Theme 2*/
.promotion.theme2 {
    background-color: #97D6ED;
    border-color: transparent;
    color: #252525;
}
.promotion.theme2 h3 {
    color: #252525;

}
.promotion.theme2 .button {background-color: #004658 !important;
    color: #fff !important;}
.promotion.theme2 .button:hover {    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    color: #004658 !important;
    background-color: #fff !important;
    border: solid 2px #004658 !important;}

/*Theme 3*/
.promotion.theme3 {
    background-color: #FFF;
    border: solid 2px #EBA525;
    color: #1B2845;
}
.promotion.theme3 h3 {
    color: #252525;

}
.promotion.theme3 .button {}
.promotion.theme3 .button:hover {}


/*Theme 4*/
.promotion.theme4 {
    background-color: #FFF;
    border: solid 2px #97D6ED;
    color: #1B2845;
	background-image: url(../png/pattern-1.png);

}
.promotion.theme4 h3 {
    color: #252525;

}
.promotion.theme4 .button {background-color: #004658 !important;
    color: #fff !important;}
.promotion.theme4 .button:hover {    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    color: #004658 !important;
    background-color: #fff !important;
    border: solid 2px #004658 !important;}


/*Begin Testimonials*/
.testimonial {
    position: relative;
    margin-bottom: 15px;
    background-color: transparent;
    color: #412F83;
    border: none;
    padding: 20px;
	font-family:"graphie";
}
.testimonial p {
    display: inline;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
    color: #412F83;
	font-weight: bold;
}
/*testimonial down arrow*/
.testimonial:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 18px;
    margin-left: 25px;
    right: 25px;
}
.testimonial-theme1 {
    background-color: transparent;
    border: solid 5px #EBA525;
}
.testimonial.testimonial-theme1:after {
    border-top-color: #EBA525;
}
.testimonial-theme2 {
    background-color: #FFF;
    border: solid 5px #004658;
}
.testimonial.testimonial-theme2:after {
    border-top-color: #004658;
}

.testimonial a:link, .testimonial a:visited {

    text-decoration: underline;
}
.testimonial a:hover, .testimonial a:active {

    text-decoration: underline;
}
.testimonial-author {
    margin: 15px 0 0 15px;
    display: block;
    text-align: right;
	color: #412F83;
	font-weight: bold;
	font-family:"graphie";
    font-size: 1.125rem;
}
.testimonial-author p {
    color: #412F83;
    font-size: 1.125rem;
}
/*testimonial speech marks removed per JP - use normal quotes instead*/
/*end testimonial*/
/* -------------- =.= Cross-Selling Promo Blocks  -------------- */
/* grab from master if needed. not in style guide */

/* -------------- =.= Quick Text Formatting -------------- */
.txt-center {
    text-align: center !important;
}
.txt-left {
    text-align: left !important;
}
.txt-right {
    text-align: right !important;
}
/*.bullet:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    font-size: inherit;
    margin: 0 7px 0 0;
}*/
/* -------------- =.= 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;
}
/* -------------- =.= Site Layout Elements -------------- */
.wrapper {
    max-width: 100%;
    margin: auto;
}
.wrapper-inner {
    margin: auto;
}
.page-inner, .deck-inner {
    max-width: 1440px;
    margin: auto;
    padding: 0 20px;
    position: relative;
    clear: both;
}
.page-inner, .topbar-inner, .header-inner, .footer-inner, .deckinner {
    max-width: 1440px;
    margin: auto;
    padding: 0 15px;
    position: relative;
    clear: both;
    box-sizing: border-box;
}
.subnav-mobile, .sidebar-mobile {
    display: none;
}
/* ================ 11. Mobile Header / Menu ================ */

/* menu is the same at desktop and mobile */
/* -------------- =.= Header Elements -------------- */

.topbar{
    background-color: #004658;
    color: #fff;
}

.topbar-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
}

.topbar-inner a{
	color:#fff;
	text-decoration:none;
}

.topbar_right{
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.topbar_list li{
    display: inline-block;
    margin: 0 15px;}

.topbar_list li a{
    color: #fff;
    text-decoration: none;
}

.topbar_list li a:hover{
	text-decoration:underline;
}

.topbar_search .search-box{
    height: auto;
    width: auto;
    float: none;
    display: block;
}

.topbar_search button#searchsubmit {
    position: absolute;
    right: 10px;
    background-color: white;
    padding: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: auto;
    width: auto;
    font-size: 1.2em;
    color: #004658 !important;
}

.topbar_search .searchclose{
    display: none;
}

.header {
	width:100%;
}

/*header with banner*/
.wrapper.hasbanner .header {
	/* position: absolute; tucks banner underneath header */
	background-color: transparent;
	z-index: 2;
	position: relative;
}

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

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


/* column widths were moved down to sticky menu section for ease of comparison */

.header-icon {
    color: #333;
    margin: 0;
	padding: 0;
	display: inline-block !important;
	width: 50px;
    margin: 12px auto 0 auto;
	text-align: center;
}
.header-icon a {
    color: #333;
    font-size: 2.2rem;
}



/* 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  {margin: 0;white-space: nowrap;}
div.ob-login-button button {
    background-color: #412F83;
    padding: 10px 25px;
/* removed to pass scan */
    font-size: 1.2rem;
    color: #fff;
    margin: 0;
    line-height: 1;
    height: 45px;
    border: solid 2px #412F83;
    margin-left: -6px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    vertical-align: bottom;
}

div.ob-login-button button .icon{
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 200ms linear;
}

div.ob-login-button a.button {
    background-color: #fff;
    padding: 10px 25px;
/* removed to pass scan */
    font-size: 1.2rem;
    color: #412F83;
    margin: 0;
    line-height: 1;
    height: 45px;
    border: solid 2px #412F83;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    vertical-align: bottom;
    transition: all 200ms linear;
}

.ob-login-button button.container-opened .text {
    opacity: 0;
}

.ob-login-button button.container-opened .icon {
    opacity: 1;
}


.ob-title {
	font-size: 1.25rem;
	font-weight: 700;
	width: auto;
	margin: 15px 0 5px 0;
	}

 /* this is the login box wrapper */
 .oblogin_wrapper{
     max-width: 1440px;
     margin: 0 auto;
     position: relative;
 }
.oblogin {
	position: absolute;
	width: auto;
	z-index: 9;
	right: 0;
	top: calc(100% + 15px);
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	border-radius: 5px;
	overflow: hidden;
}
.ob-login-box {
    position: relative;
    text-align: left;
    margin: 0;
    background-color: #fff;
    color: #333;
    padding: 5px 13px 5px 13px;
    width: 340px;
    max-width: 100%;
}


.ob-login-box input[type=text], .ob-login-box input[type=password] { 
    color: #55565A;
    border: none;
	width: 100%;
	border: 2px solid #55565A;	
}
	
.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: 45px;
	display: inline-block;
	vertical-align: bottom;
	margin: 5px 0;
}


button.ob-login-submit  {
	background-color: #412F83;
	padding: 10px 45px;
	margin: 0 0 15px 0;
	font-size: 1.1rem;
	border: none;
	color: #fff;
}

button.ob-login-submit:hover {color: #fff;     background-color: #55565A;}
button.ob-login-submit:active { color: #fff;    background-color: #223A76;}

.ob-login-footlinks {
    font-size: 0.8rem;
    margin: 0 0 5px 0;
    float: none;
    color: #333;
	clear: both;
	width: auto;
	
}
.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: #223A76 !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: 65px; */
    /* right: 0; */
    /* z-index: 3; */
}
.header-banking .inner {
    margin: auto;
    padding: 0;
    width: auto;
    position: relative;
}

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

@media screen and (max-width: 500px) {
	.ob-login-box.banking_disabled {margin: 0 20px; overflow: auto;}
	
}
@media screen and (max-width: 767px) {
	
	.oblogin {
		/* position: relative; */
		/* top: auto; */
		/* right: auto; */
		/* width: 100%; */
		/* background-color: #C53364; */
	}
	.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: #223A76;
    text-transform: none;
}
input.search-field:-moz-placeholder, input.locator-field:-moz-placeholder {
    color: #223A76;
    text-transform: none;
}
input.search-field::-moz-placeholder, input.locator-field::-moz-placeholder {
    color: #223A76;
    text-transform: none;
}
input.search-field:-ms-input-placeholder, input.locator-field:-ms-input-placeholder {
    color: #223A76 !important;
    text-transform: none !important;
}
.search-box, .locator-box {
    position: relative;
    float: right;
    display: inline-block;
    z-index: 0;
    height: 0px;
    width: 120px; /*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;

    margin: 5px 5px 0 0 ;
    padding: 0;
    background-color: #fff;
    max-width: 100%;
    border: 3px solid #223A76;
    position: absolute;
    top: 5px;

    z-index: 11;
    text-align: right;

}

.search-box-open {    right: 130px;    width: calc(75% - 180px);}
.locator-box-open {    right: 190px;    width: calc(75% - 230px);}


.search-box-open input.search-field, .locator-box-open input.locator-field {
    width: calc(100% - 110px);
 
    margin: 0;
    padding: 0 10px;
    font-family: inherit;
    color: #223A76;
    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;}
div.search-box.sc-searchbox .silvercloud-search-bar input::-ms-clear {display: none;} /* also silvercloud */
	
input.search-field:focus, input.locator-field:focus {
    box-shadow: none !important;
	outline: 0;
}
button.search-button, button.locator-button, div.locator-button, a.locator-button {/*changed locator icon to globe for Motionpoint translation*/
    background: none;
    border: none;
    margin: 0;
    color: #333 !important;
    display: inline-block;
    position: relative;
    font-size: 1.95rem;
    padding: 0 !important;
	line-height: 1.2; /* fix for top of icons getting cut off*/
	width: 32px;
	text-decoration: none;

}

button.search-button:hover, button.locator-button:hover, button.search-button.searchsubmit:hover, button.locator-button.locationsubmit:hover {
    background-color: transparent;
    box-shadow: none;
    color: #000 !important;
}

button.search-button.searchsubmit, button.search-button.searchopen, button.locator-button.locatorsubmit, button.locator-button.locatoropen {
    height: 50px;
    width: 60px;
    background-color: #223A76;
    color: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
button.search-button.searchclose, button.locator-button.locatorclose {
    margin: 0 10px 0 0;
    color: #dedede;
    font-size: 1.5rem;
}



/* mobile search styles */

.topbar_mobile_search, button.mobile-search-button {display: none;}

@media screen and (max-width: 767px) {
    .topbar_mobile_search{
        margin: 0 auto;
        width: 100%;
        display: block;
        padding: 10px;
        position: absolute;
        top: 100%;
        transform: translateY(-100%);
        transition: all 200ms linear;
        opacity: 0;
        pointer-events: none;
    }

    .topbar_mobile_search.show_search{
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

	/* hide original button */
	.topbar_search button#searchsubmit  {display: none;}
	
	/*show new button */
	button.mobile-search-button {
        display: flex;
    }

    button.mobile-search-button.search_open::before{
        content: "\f057";
    }
	
	.mobile-search-button {
        background-color: transparent;
        padding: 0 !important;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        height: auto;
        width: auto;
        font-size: 1.2em;
        color: #269a91 !important;
        color: #fff !important;
        right: 3px;
        outline: none !important;
    }

    .mobile-search-box{
        position: relative;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    
    .mobile-search-box input{
        height: 45px;
        width: 100%;
        border: none;
        padding-right: 40px;
    }

    .mobile-search-button-submit{
        position: absolute;
        background-color: transparent;
        right: 40px;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        margin: 0;
        color: #269a91;
    }

    .mobile_search_close{
        position: absolute;
        background-color: transparent;
        right: 13px;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        margin: 0;
        color: #412F83;
        cursor: pointer;
        font-size: 24px;
    }

    .mobile-search-box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #269a91;
        opacity: 1; /* Firefox */
      }
      
      .mobile-search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #269a91;
    }
    
    .mobile-search-box input::-ms-input-placeholder { /* Microsoft Edge */
        color: #269a91;
    }
	
}



/* -------------- =.= Footer Elements -------------- */
.footer-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.footer-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.footer-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.footer-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.footer-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
.footer {
    overflow: hidden;
    clear: both;
    color: #3D3D3D;
    background-image: url(../png/pattern.png);
	background-color: rgba(126, 203, 232, 0.25);
}
.footer, .footer a {
    color: #3D3D3D;
    font-weight: 400;
}
.footer .foot-title {
    color: #3D3D3D;
}
.footer .inner {
    padding: 35px 20px;
}
.foot-colleft {}
.foot-colright {/*border-left: solid 2px #C0D6DF; */box-sizing: border-box;padding-left: 5%;}
.foot-colleft .inner {
    padding-left: 0;
}
.foot-colright .inner {
    padding-left: 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;
}
.footer_logo{max-width: 300px;width: 100%;margin-bottom: 35px;}
.footer_logo img{
    max-width: 100%;
}
.location-meta-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.location-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 35px;
    max-width: 50%;
    min-width: 300px;
}
.location-meta li{margin-bottom: 20px;}

.location-meta li a,
.location-meta li span, .location-meta li strong {
    text-decoration: none;
    font-size: 20px;
    position: relative;
    font-weight: 600;
    padding-left: 45px;
    display: block;
}

.location-meta li a i,
.location-meta li span i, .location-meta li strong i{background-color: #fff;padding: 0px;font-size: 15px;border-radius: 50%;height: 32px;width: 32px;text-align: center;line-height: 35px;position: absolute;left: 0;top: 0;display: block;}
ul.social {
    margin: 0 0;
    padding: 30px 0 10px 0;
    list-style: none;
    display: inline-block;
}
ul.social li {
    font-weight: normal;
    color: #54565A;
    display: inline-block;
    margin: 0 20px 0 0;
}
ul.social li:last-child {
    margin-right: 0;
}
ul.social li a:before {
    font-style: normal;
    text-decoration: inherit;
    float: left;
    font-weight: 400;
    font-size: 1.4rem;
}
ul.social li a {
    display: inline-block;
    text-decoration-color: #E6E8ED;
    text-decoration: none;
}
ul.social li a:hover {
    color: #dedede !important;
}
ul.social li.facebook a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f39e";
}
ul.social li.twitter a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f099";
}
ul.social li.instagram a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f16d";
}
ul.social li.linkedin a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f0e1";
}
ul.social li.pinterest a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f0d2";
}
ul.social li.youtube a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f167";
}
ul.social li.yelp a:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f1e9";
}
.compliance {
    display: flex;
	align-items: center;
	justify-content: flex-start;
	
}
.compliance .ncua, .compliance .ehl {padding: 0 20px 0 0; justify-content: flex-start;}
.compliance a {display: block;}

.copyright, .routing, .acc-statement {
	padding: 15px 0 0 0;
}
.disclaimer {
    line-height: normal;
}
/* -------------- =.= Footer Quicklinks (BIT TYPE) -------------- */
div.footer-quicklinks ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}
div.footer-quicklinks ul li {
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
    line-height: normal;
    font-size: 13px;
    font-size: 0.8125rem;
}
div.footer-quicklinks ul li::before{
    content: '';
    margin-right: 10px;
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(../svg/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: translateY(1px);
}
div.footer-quicklinks a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}
div.footer-quicklinks a:hover {
    text-decoration: underline;
}
.quicklinks-head {
    text-transform: uppercase;
    font-weight: 700;
}
/* -------------- =.= 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: 1.5rem;
	color: #fff;
	height: 30px;
	width: 30px;
	margin: 15px 5px 0 0;
	padding: 0;
	float: right;
	background-color: transparent;
	border-radius: 0;
	border:none;
	display: none;
}

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

button.menu-icon:focus, button.menu-icon:active {border: none;box-shadow: none;}
button.menu-icon:hover::before {/* color: #412F83; */}
/* 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: absolute;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	background-color: #fff;
	overflow:hidden;
	clear: both;
	top: 99%;
	/* box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25); */
	border-top: solid 1px #ccc;
	border-bottom: 0;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 75px, 55px 0%);
}
.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 #00747A; border-bottom: #fff; width: 70px; height: 62px;}
button.megaclose-button:hover, button.megaclose-button:focus {background-color:#fff; color: #223A76; border: 2px solid #223A76; border-bottom: #fff;}



div.nav-main {}

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;
}
/*The anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item a {
    text-decoration: none;
    display: block;
    padding: 18px 20px;
    font-size: 1.35rem;
    color: #000;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    border-bottom: 4px solid transparent;
    transition: all 200ms linear;
    white-space: nowrap;
}
div.nav-main ul.megamenu li.nav-item a:after{
	content: url('../svg/angle-down-light.svg');
	margin-left: 6px;
	margin-right: -2px;
	width: 18px;
	height: 22px;
	vertical-align: middle;
	transition: all 200ms linear;
	display: inline-block;
	transform-origin: center center;
}
/*The "active state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li a.active,
div.nav-main ul.megamenu li a:hover {
    border-bottom: 4px solid #452992;
}

div.nav-main ul.megamenu li a.active:after{
    transform: rotate(180deg) translateY(2px);
}


/*The "on state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item.on a {
	color: #412F83; /* was 4186A5 */
	border-bottom: 5px solid #223A76;
}

/*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: #223A76;
}
div.nav-main ul.nav-menu li.active ul li a, div.nav-main ul.nav-menu li.active ul li a {
    color: #223A76;
}
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: #fff;
    position: relative;
    z-index: 3;
    /* padding-top: 20px; */
}
.megacontainer {margin: 0 auto 0 auto;padding:  0;display: none;max-width: 1280px;margin-top: 20px;}
.megacontainer div.inner {
    padding: 0;
}


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


.mega-subnav-title {display: block;width:90%;margin:0 10% 0 0;padding: 10px 0 15px 0;color: #004658;border-bottom: solid 2px #EDEDED; /* ss warning font-weight: 700;*/font-weight: bold;margin-bottom: 10px;}



ul.mega-subnav {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0 25px;
}

ul.mega-subnav li.mega-subnav-item {
	display:block;
	vertical-align:top;
	clear: both;
	width: calc(100% / 3 - 20px);
	}
	
ul.mega-subnav li {
    list-style: none;
    font-size: 1.3rem;
    line-height: 1.1;
    color: #223A76;
    vertical-align: middle;
    margin-bottom: 20px;
}
ul.mega-subnav li a {
    display: block;
    color: #223A76;
    text-decoration: none;
	font-weight: 600;
}
ul.mega-subnav li a:hover {
    color: #223A76;
    text-decoration: underline !important;
}

/*customize the width of the child sub-menus for each section
.mega-1 ul.mega-subnav li.mega-subnav-item:first-child {
	min-width:33%; 
	max-width:33%;
}

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

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

.mega-6 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 {}
.megamenu .promo-area .inner {
    padding: 0 2%;
}
ul.mega-subnav.mega-more {
    padding: 5px 0;
    display: block;
}

ul.mega-subnav.mega-more li {
    width: 100%;
    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: #004658;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    font-size:1rem;
}

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

div.mega-promo {
    background-color: #72C640;
    display: block;
    color: #223A76 !important;
    text-align: center;
    line-height: 1.5;
    padding: 0 0 10px 0;
    font-size: 19px;
    margin-right: 20px;
}
div.mega-promo h3 {
    color: #223A76;
    font-weight: 400;
    font-size: 29px;
    margin: 0;
}
/* ================ 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: #005157;
    font-weight: 600;
    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;
}

/*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: normal;
    text-transform: none;
    height: auto;
    color: #223A76;
    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: #223A76;
}
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: normal;
    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: calc(100% - 200px); margin:5px 0 0 auto; text-align: right;  line-height: 1; }
 
div.nav-top ul.nav-menu {
    margin: 0 auto;
	padding: 0;
	width: auto;
    display: block;
}
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: 1rem;
}

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: #223A76;
    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.nav-menu li.nav-item ul{
	margin-top: 5px;
}
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: 600;
    color: #1B2845;
}
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;
    display: block;
}
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: 5px 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;
    padding: 3px 0;
}
/* Bottom (footer) Nav*/
div.nav-footer {
    margin: 0 0 5px 0;
}
div.nav-footer, div.nav-footer ul {
    font-size: 14px;
    font-size: 0.875rem;
    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: 0 10px 5px 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;
}

div.header-mobile {
    display: none;
}
div.header-mobile div.header-menu {
    clear: both;
    display: none;
}
/* adjustments to allow mobile login rollup - show header and hide all the pieces */
div.header-desktop, div.nav-main {
    display: block;
}
.onehalf.fixed {
    width: 50% !important;
    clear: none;
}
@media screen and (max-width: 768px) {
    /* move nav below decks at mobile size */
    .subnav-mobile, .sidebar-mobile {
        display: block;
        padding: 10px 20px;
        width: 100%;
    }
    .subnav, .sidebar {
        display: none;
    }
    .subnav-mobile div.nav-sub h3 {
        margin-top: 10px;
    }
    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;
    }
    /* shrinking sub-nav at mobile size */
    div.nav-sub h3, div.subnav h3 {
        padding: 0 0 5px 0;
        margin: 0;
        font-size: 1rem;
    }
    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: 5px 11px 0 0;
        padding: 0;
        font-size: .9rem;
    }
    div.nav-sub ul li a.on:before {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
        padding: 6px 0;
        font-size: 1em;
        text-decoration: none;
    }

    div.nav-main-mobile ul.nav-menu li.nav-item a.on:after {
        float: right;
        font-family: 'FontAwesome';
        content: "\f0d9";
        font-size: 1.125rem;
    }

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

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

/* -------------- =.= Alerts & Notifications -------------- */
/* premium floating alerts */
.site-alerts {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 450px;
	z-index: 3;
}

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

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

.alert-closed-icon, .alert-open-icon {
    font-family: "Font Awesome 5 Pro";
	color: rgba(145,145,145,0.5);;
	
}
.alert-closed-icon:before {
    content: "\f107";
}
.alert-open-icon:before {
    content: "\f106";
}

@media screen and (max-width:500px) {
    .site-alerts {


    max-width: 96%;
    width: auto;
    }
    .alert {

    }
	.alert-actions {font-size: .7rem;}
}

/*  color options */

.alert.alert-red {/* now Modern Violet */
    background-color: #412F83 !important;
    color: #fff;
}
.alert.alert-red h5, .alert.alert-red h4, .alert.alert-red h3, .alert.alert-red h2, .alert-red .alert-title, .alert-red button.JQcloseAlert {
    color: #fff !important;
}
.alert.alert-red a, .alert.alert-red .alert-desc, .alert.alert-red p, .alert.alert-red fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-red .alert-actions {background: rgba(0,0,0,0.1);}
.alert.alert-red button {    color: rgba(255,255,255,0.5);}


.alert.alert-orange {/* now Marigold */
    background-color: #EBA525 !important;
    color: #fff;
}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2, .alert-orange .alert-title, .alert-orange button.JQcloseAlert {
    color: #fff !important;
}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {
    color: #fff;
}
.alert.alert-orange .alert-actions {background: rgba(0,0,0,0.1);}
.alert.alert-orange button {    color: rgba(255,255,255,0.5);}


.alert.alert-yellow {/* now Dark Turquoise */
    background-color: #2ECDDC !important;
    color: #000;
}
.alert.alert-yellow h5, .alert.alert-yellow h4, .alert.alert-yellow h3, .alert.alert-yellow h2, .alert-yellow .alert-title, .alert-yellow button.JQcloseAlert {
    color: #000 !important;
}
.alert.alert-yellow a, .alert.alert-yellow .alert-desc, .alert.alert-yellow p, .alert.alert-yellow .fa-exclamation-circle:before {
    color: #000 !important;
}
.alert.alert-yellow .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-yellow button {    color: rgba(0,0,0,0.3);}


.alert.alert-green {/* now  Maximum Green Yellow */
    background-color: #D9E069 !important;
    color: #000;
}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2, .alert-green .alert-title, .alert-green button.JQcloseAlert {
    color: #000 !important;
}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {
    color: #000;
}
.alert.alert-green .alert-actions {background: rgba(255,255,255,0.5);}
.alert.alert-green button {    color: rgba(0,0,0,0.5);}


.alert.alert-blue {/* now Eagle Green */
    background-color: #004658 !important;
    color: #fff;
}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2, .alert-blue .alert-title, .alert-blue button.JQcloseAlert {
    color: #fff !important;
}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-blue .alert-actions {background: rgba(0,0,0,0.1);}
.alert.alert-blue button {    color: rgba(255,255,255,0.5);}

#chatBeaconBtn, #chatBeaconBtn:not(.hide) {right: 0 !important; bottom: 0 !important;}

@media screen and (max-width:540px) {
	#chatBeaconBtn, #chatBeaconBtn:not(.hide) {right: 0 !important; bottom: 0 !important;width: 50px;}
}

/* changing dismiss link into button */
.alert .alert-actions {overflow: hidden; padding-bottom: 5px;}
.alert button.JQcloseAlert {
	position: relative;
	font-size: .875rem;
	color: #666;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 0 20px;
	/* site specific */

	color: #000;
	font-size: .9rem;
	font-weight: 500;
	padding: 5px;
}	
.alert-actions a {margin: 2px 0 0 0;}	
.alert button.JQcloseAlert:hover {text-decoration: underline;}
@media screen and (max-width:767px) {
	.alert-actions a, .alert button.JQcloseAlert {font-size: .7rem;}	
	.alert-actions a {margin: 3px 0 0 0;}	
}


/* -------------- =.= Speedbumps -------------- */
.speedbump_wrapper {
    text-align: center;
}
.speedbump_wrapper span.title5 {
    font-size: 0.9rem;
}
.speedbump_wrapper span.subtitle1 {
    font-size: 0.8rem;
}
/* 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 {
    background-color: #d9d9d9;
}
.ui-dialog .ui-dialog-titlebar {
    margin: 10px;
	display: none; /* remove this if it causes trouble */
}
div#dialog_content {
    margin: 0 10px 10px 10px;
}
.ui-widget.ui-widget-content {border: 1px solid #fff; box-shadow: 2px 2px 20px 1px;}
/* -------------- =.= 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: 1rem;
    list-style-type: none;
    padding: 0 !important;
}
#page-content ul.sitemaplist li{
	padding-left: 0 !important;
}
ul.sitemaplist li:before{
	display:none !important;
}
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;
    }
}
/* -------------- =.= FAQ's -------------- */
ul.faq-list {
    padding: 0 0 30px 15px;
    list-style-type: none;
    margin: 0;
}
ul.faq-list li {
    padding: 0 0 10px 0;
}
ul.faq-list li a > 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 5 Pro';
    font-weight: 900;
    content: "\f0d7";
    padding-right: 1px;
    margin-left: -15px;
    text-decoration-color: #fff;
    display: inline-block;
    text-decoration: none;
}*/
ul.faq-list a.faq-open:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f0d8";
    margin-left: -15px;
}
/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li {
    border: none;
    list-style: disc;
}
.faq-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;
}
/* -------------- =.= Responsive Lists -------------- */
.list {
    clear: both;
}
.list-row {
    clear: both;

    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;
    background-color: #412F83 !important;
}
.list-head.list-head-main {
    display: flex;
	border-radius: 3px;
}
.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 {
    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: #223A76;
    text-align: center;
    width: 40px;
    margin: auto;
    display: block;
}
.list .head {
    padding: 0;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: normal;
    text-align: center;
}
.list .head .inner {
    padding: 10px !important;
    text-align: center;
}
.list-item .inner {
    padding: 0 10px;
}
.list .title {
    width: 50%;
}
.list .date {
    white-space: nowrap;
    width: 25%;
}
.list .time {
    width: 25%;
}
.list .location {
    width: 25%
}
.list .location p {
    margin-top: 0;
}
.list .cost {
    width: 10%;
}
div.list div.list-row {
    background: #fff;
    align-items: center;
    min-height: 50px;
	border-radius: 3px;
	display: flex;
}
div.list div.list-row:nth-child(odd) {
    background: #97D6ED;
}

div div.list-row .list-item:last-child .inner {
    border-right: none;
}
div.list-row .list-item .comp-title{
    margin: 0;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    text-align: left;
	color: #004658;
}
div.list-row .list-item .comp-check {
	width: 20px;
	height: 20px;
}
div.list-row .list-item h5 {
    margin: 0;
}
div.list-row .list-item:last-child .inner {
    border: none !important;
}
.list.seminars-list {
    width: 100%;
    margin: auto;
}
.list.seminars-list .head {
    background: transparent !important;
    font-weight: 600;
    font-size: 110%;
}
.list.seminars-list .head:after {
    background: #F9E07F;
    display: block;
    content: '';
    height: 4px;
    margin: 8px 0 0;
    width: 45%;
}
@media screen and (max-width:767px) {
	.list .head {
		width: auto;
	}
	.list .head .inner {
		font-size: .7rem !important;
	}
	div.account-compare {
		display: flex;
		flex-direction: column;
	}
 /*   .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: flex;
		flex-wrap: wrap;
    }
    div.list-row .list-item h4 {
        text-align: center;
    }
    div.list-row .list-item.account, div.list-row .list-item.first {
        width: 100% !important;
        clear: right;
        border-right: none;
    }
    div div.list-row .list-item.account, div div.list-row .list-item.account .inner, div div.list-row .list-item.first .inner {
        min-height: 1em !important;
        margin: 0;
        border-right: none;
    }
    div div.list-row .list-item .inner {
        min-height: 150px;
    }
    .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 {
    }
    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, div .list-item.seventh .inner {
        padding: 10px 6px !important;
        padding: 1em 4% !important;
    }
    div .list-item.second .inner {
        padding-left: 1em !important;
    }
    .list-item.third, .list-item.third-head, .list-item.fourth, .list-item.fourth-head, .list-item.fifth, .list-item.fifth-head {     }
}
@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;
}
/* -------------- =.= 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;
}
div.post-content {
    padding-bottom: 40px;
}
#page-content h1.post-title{
	margin-top: 40px;
	margin-bottom: 40px;
}
.post-content p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
.post-content p a{
	color: #0F00B6;
}
.meta{
	margin-bottom:10px;
	color: #0F00B6;
}
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: 15px;
    padding-left: 0;
}
ul.post-list li a {
	text-decoration:none;
}
ul.post-list li a h3 {
    margin: 0;
    margin-bottom: 10px;
}
ul.post-featured li {
    width: auto;
    display: block;
    margin-top: 50px !important;
}
ul.post-featured li a {
    padding: 0 1%;
    height: 300px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
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: 20px 0 15px 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;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
    border-radius: 10px;
}
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 0 20px 3%;
    float: right;
    clear: both;
    background-color: #ffffff;
    max-width: 30%;
}

div.post-content div.post-img, div.post-embedded div.post-img {
    max-width: 40%;
}
div.post-img img {
    margin: 0;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
    border-radius: 10px;
}
ul.post-featured li a {
    height: auto;
    padding: 0;
    margin: 10px 0;
    display: block;
    text-decoration: none;
}
.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%;
        box-sizing: border-box;
    }
    ul.post-featured li {
        width: 100%;
        float: none;
        padding: 0;
        clear: both;
    }
}
/* -------------- =.= 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: 600;
}
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
}
/* -------------- =.= 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 {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}*/
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
/*.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 400px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px
}
.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;
}
.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;
}
.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;
    z-index: 1;
}
.flex-control-nav {
    width: 99%;
    position: absolute;
    bottom: 10px;
    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;
}*/
/* -------------- =.= VOICE Banners -------------- */
/*1.1 Default Banner Design*/
.hero-banner {
    margin: 0;
    background-color: #fff;
    height: 401px;
}
.hero-banner .banner{
    height: 100%;
}
.homepage-banner .hero-banner{
    height: 550px;
}
.hero-banner div.banner .banner-image {
    background-size: cover;
    overflow: hidden;
    max-width: 100%;
    background-repeat: no-repeat;
    height: 100%;
}
div.hero-banner div.banner div.banner-inner {
    max-width: 1440px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    box-sizing: border-box;
    height: 100%;
}
.banner-overlay {
    overflow: hidden;
    height: 100%;
}
.homepage-banner .banner-overlay{
    background: url(../png/logofade.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 100%;
}
.banner-inner .banner-body {
    position: relative;
    width: 62%;
    margin: 0 20px;
    padding: 0;
    color: #fff; /* setting default copy color if no text-shade is chosen */
}
.homepage-banner .banner-title {
    font-size: 4.5rem;
    font-weight: 600;
    margin: 0;
    line-height: 0.9;
    font-family:"fave-script-pro";
    margin-bottom: 20px;
}
.homepage-banner .banner-subtitle {
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.2;
    font-family:"fave-script-pro";
}
.homepage-banner .banner-copy {
    padding: 0;
    margin: 0;
    line-height: 1;
    /* font-size: 2em;
   font-family:"fave-script-pro";*/
}

.section-banner .banner-image .banner-overlay .banner-inner::before{
    content: '';
    background: url(../png/logofade.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 70%;
    opacity: 0.75;
}

.section-banner .banner-title {
    font-size: 4rem;
    margin: 0;
    line-height: 0.9;
    font-family:"graphie";
    margin-bottom: 20px;
    font-weight: 100;
}
.section-banner .banner-title strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -15px;
}
.section-banner .banner-subtitle {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
}
.section-banner .banner-copy {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 1.25em;
}
/*darken the image?*/
/*home and interior banners - background image overlay opacity*/
.banner-image .banner-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.2);
}
.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);
}
/* NOTE TO JASON - these two need discussion, since they override the background-color text adjustments */
/* NOT USED
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;
}*/
/* NOT USED
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-image.banner-left-top {
    background-position: 0 0;
}
.banner-image.banner-left-middle {
    background-position: 0 50%;
}
.banner-image.banner-left-bottom {
    background-position: 0 100%;
}
.banner-image.banner-center-top {
    background-position: center 0;
}
.banner-image.banner-center-middle {
    background-position: center;
}
.banner-image.banner-center-bottom {
    background-position: center 100%;
}
.banner-image.banner-right-top {
    background-position: 100% 0;
}
.banner-image.banner-right-middle {
    background-position: 100% 50%;
}
.banner-image.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);
}
/* shadow less blurry for dark text */
.shadow1.txt-dark .banner-title {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.70);
}
.shadow1.txt-dark .banner-subtitle, .shadow1 .banner-copy p {
    text-shadow: 1px 1px 2px 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, .txt-light a {
    color: #fff !important;
    letter-spacing: 1px;
}
/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-subtitle, .txt-dark .banner-copy, .txt-dark .banner-copy p {
    color: #004658;
    letter-spacing: normal;
}
/* text positioning */
div.banner .banner-body.txt-left {
    text-align: left;
    margin: 5% auto;
    margin-top: 10%;
    width: 100%;
}
div.banner .banner-body.txt-center {
    text-align: center;
    margin: 5% auto;
    margin-top: 10%;
}
div.banner .banner-body.txt-right {
    right: 0;
    width: 100%;
    margin: 5% auto;
    margin-top: 10%;
}
div.banner .banner-body.txt-bottom {
    bottom: 30px;
}
div.banner .banner-button a.button:hover{
    background-color: #fff !important;
}

@media screen and (max-width:980px) {
    .banner-inner {
        padding-top: 20px;
    }
    .banner-title {
        font-size: 2.5rem;
        margin-top: 0;
    }
    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;
    }
    .banner-inner .banner-body {
        padding: 0 0 20px 0 !important;
        padding-top: 25px;
        max-width: 100%;
    }
    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 {
        padding-top: 10px;
    }
    .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;
        width: 100%;
    }
    .banner-inner{
        padding: 60px 15px;
    }
    .homepage-banner .banner-title{
        font-size: 2.75rem;
        padding-top: 0;
    }
    .homepage-banner .banner-subtitle {
        font-size: 2.2rem;
        margin-bottom: 0;
    }
    .homepage-banner .banner-copy{
        font-size: 1.75rem;
    }
}
/* -------------- =.= Video Banners -------------- */
div.flexslider ul.slides li div.banner.banner-video div.banner-inner {
    padding-bottom: 0;
} /* gets rid of bottom gap at mobile size */
.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%;
    max-height: 500px;
    overflow: auto;
}
.video-title {
    font-size: 3.5rem;
}
.video-subtitle {
    font-size: 2rem;
}
.video-copy {}
@media screen and (max-width:1300px) {
    .video-title {
        font-size: 3rem;
    }
    .video-subtitle {
        font-size: 1.5rem;
    }
}
@media screen and (max-width:1200px) {
    .video-title {
        font-size: 2.25rem;
    }
    .video-subtitle {
        font-size: 1.5rem;
    }
}
@media screen and (max-width:900px) {
    .video-title {
        font-size: 3.5rem;
    }
    .video-subtitle {
        font-size: 2rem;
    }
    .video-content {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        clear: both;
        text-align: center;
        margin: 45px;
        max-height: 100%;
        overflow: visible;
    }
}
/* -------------- =.= Offset Banners -------------- */
/*  needs excess style cleanup */
div.flexslider.offset-banner ul.slides li div.banner 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.banner-inner {
    max-width: 1440px;
    margin: auto;
}
.offset-banner .outer-slide {
    overflow: hidden;
    max-width: 1440px;
    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.75rem;
    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 {
    color: #1B2845;
}
.offset-banner .txt-dark .banner-subtitle, .offset-banner .txt-dark .banner-copy, .offset-banner .txt-dark .banner-copy p {
    color: #004658;
    letter-spacing: normal;
}
.offset-banner div.banner div.banner-inner .banner-body.txt-right, .offset-banner .banner-body.txt-right .banner-copy {
    max-width: 1440px;
    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;
    }
}
/* -------------- =.= JQuery Style Overrides & Ajax Elements -------------- */
/* 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: normal;
    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: #1B2845;
}
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: #1B2845;
}
.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("../png/ui-icons_217bc0_256x240.png");
}
.ui-dialog .ui-dialog-content {

}
/* -------------- Ajax Elements -------------- */
/* progress indicator*/
.ajaxInProgress_wrapper {
    z-index: 99999;
    width: 100%;
    position: fixed;
    margin: 0;
}
.ajaxInProgress_wrapper .ajaxInProgess {
    position: fixed;
    background-image: url(../gif/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;
}
/* -------------- =.= 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;
    }
}
/* -------------- =.= 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;
    border: none;
}
/* 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);
}
/* -------------- =-= Tabbed Content Areas -------------- */
div.ca_tabs {
    clear: both;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 0;
    width: 100%;
    margin-top: 1em;
}
div.ca_tabs ul {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: normal;
}
div.ca_tabs ul li {
    display: inline-block;
    padding: 0;
    margin: 0 3px 0 0;
    float: left;
    list-style: none;
    line-height: normal;
}
div.ca_tabs ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    border-bottom: none !important;
    color: #fff;
    padding: 7px 8px 6px;
    border: solid 1px #296A57;
    border-bottom-color: #ccc;
    border-radius: 0;
    font-size: .8rem;
    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;
}
/* -------------- =.= Rate Tables -------------- */
/* -------------- =.= 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: 50px auto;
    clear: both;
    width: 100%;
}
.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: 20px 1%;
    border-bottom: 1px solid #d6dedd;
    font-size: 1rem;
    color: #004658;
    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; */
    /* font-size: 12px; */
    /* font-size: 0.85rem; */
    min-width: 85px;
}
.ratetable th a {
    color: #335C81;
}
.ratetable th a sup {
    margin: 0 3px;
}
.ratetable td.ratefootnote {
    border: 0;
}
.ratetable td.ratefootnote ul{
    padding-left: 0 !important;
}
.ratetable td.ratefootnote li::before{
    display: none;
}
td.show, th.show {
    display: table-cell;
}
td.rate-data:first-child {
    color: #9f1a2c !important;
}
/*table headers*/
.rateprogram {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #004658;
    text-align: left !important;
    caption-side: top;
}
.rateprogram a:hover {}
.rateprogram:after {
    background: #1B2845;
    display: block;
    content: '';
    height: 3px;
    margin-bottom: 0;
    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.6875rem;
    color: #004658;
    position: relative;
    bottom: -7px;
    font-size: 16px;
}
/*column head*/
.ratecolheader, .ratecolheader th {
    font-weight: 800;
    font-size: 16px;
    font-size: 0.975rem;
    color: #004658;
    line-height: normal;
    background-color: transparent;
    text-align: center !important;
    padding: 1.5% 1%;
}
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;
}
/*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;
}
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: normal;
    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;
}
.ra_message_area {
    padding: 20px;
    background: #F4F7FF;
    border: 1px solid #412F83;
    color: #412F83;
}
@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: 99%;
    }
    .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;
    }
}
/* -------------- =.= Comparison Charts (BIT TYPE) -------------- */
/*comparison charts are mostly structured using the "Responsive Lists" css */
div.account-compare {
    max-width: 1100px;
    margin: 10px auto;
}
div.account-compare p, div.account-compare .inner {
    margin: auto;
    font-size: 0.95rem;
    line-height: 1.125rem;
    text-align: center;

}
div.account-compare .inner a {

}
.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: #0068AF;
}
.account-compare .fas {
    font-size: 1.6rem;
    color: #0068AF;
}
.account-compare .far {
    font-size: 1.6rem;
    color: #0068AF;
}
.account-compare .fal {
    font-size: 1.6rem;
    color: #0068AF;
}
.account-compare .fa-check-circle {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #412F83;
    display: block;
    text-align: center;
}
.account-compare .fa-times-circle {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #0068AF;
    display: block;
    text-align: center;
}

/* new comparison chart layout */
div.comp-inline-header {display: none;}

@media screen and (max-width: 767px) {
div.comp-new-layout {margin: 10px;}
div.comp-new-layout.list div.list-row  {display: block; width: 100%; background-color: #fff;}
div.comp-new-layout.list div.list-row div.list-item {display: flex; align-content: center; justify-content: center; border-bottom: 1px dotted #dedede;}
div.comp-new-layout.list div.list-row div.list-item div.comp-inline-header {display: flex; width: 50%; padding: 20px; font-size: 1rem;}
div.comp-new-layout.list div.list-row div.list-item div.comp-content { width: 50%; padding: 20px;}
div.list-row .list-item.first {background-color: #97D6ED; justify-content: center; border-radius: 5px;}
div.list-row .list-item .comp-title{color: #102b3f;}
}

/* -------------- =.= Bit Randomizer - Staff Listings (BIT TYPE) -------------- */
/* unused - grab from master, if needed */

/* Readmore plugin styles */
/* unused - grab from master, if needed */

/* removing extra margin that allowed for banner to be underneath menu */
/* unused - grab from master, if needed */

/* -------------- =.= Level 9 Calculators -------------- */
/* BEGIN: Custom Calculator/Widget Styles */
.calc_wrapper{
    background-color: #f4f7ff;
    padding: 30px;
    border-radius: 20px;
    display: block;
    margin: 30px 0;
}
div.calc-form input {
    text-align: center;
    display: inline-block;
    width: auto;
    margin: 10px 20px 0 20px;
    border: solid 2px #1B2845;
    color: #1B2845;
    font-weight: 600;
    max-width: 150px;
    height: 70px;
    font-size: 22px;
    margin-bottom: 20px;
}
.amortization_calc div.calc-form input{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.amortization_calc .calc-radio-box input{
    margin: 33px 15px !important;
    height: auto;
}
div.calc-icon {
    color: #1B2845;
}
div.calc-title {
    padding: 0;
    margin: 0;
    font-weight: 700;
    line-height: 1.2;
    color: #004658;
    margin-bottom: 15px;
    font-size: 2rem;
    letter-spacing: -1px;
    font-family:"graphie";
}
div.calc-subtitle {
    padding: 0;
    margin-bottom: 20px;
    font-size: 1.25rem;
    color: #4E5157;
}
div.calc-results {
    display: inline-block;
    background-color: #97D6ED;
    padding: 20px 40px;
    border-radius: 5px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #102B3F;
    vertical-align: top;
}
div.calc-results h4{
    font-weight: bold;
    font-size: 22px;
    color: #004658;
}
div.calc-results h5{
    font-weight: bold;
    color: #004658;
    font-size: 32px;
}
div.calc-results-title {font-family:"graphie"; font-weight: bold;font-size: 22px;color: #004658;}
div.calc-results-text {
    margin: 0 15px;
}
div.calc-results-display {font-weight: bold;color: #004658;font-size: 28px;font-family:"graphie";margin-top: 5px;}
#amort-summary{
    display: flex;
    gap: 10px;
    background-color: rgb(255 255 255 / 25%);
    border: solid 1px #97D6ED;
    margin-bottom: 25px;
    border-radius: 4px;
    margin-top: -10px;
    flex-wrap: wrap;
}
#amort-summary .amort-results{
    width: 200px;
}

#amort-summary .calc-results-display{
    font-weight: 600;
    color: #004658;
    font-size: 22px;
    margin-top: 5px;
}

#amort-summary .calc-title{
    margin-bottom: 10px;
    font-size: 1.75rem;
}

#amort-table{
    overflow: auto;
}

#amort-table table{
    border-collapse: collapse;
    width: 100%;
    margin-top: 30px;
}

#amort-table table tr th,
#amort-table table tr td{
    vertical-align: bottom;
    border: 1px solid #dee2e6;
    padding: .5rem;
    text-align: left;
}

@media screen and (max-width: 767px) {
    div.calc-container.auto, div.calc-container.rv {
        max-width: 100%;
    }
    div.calc-container.auto div.calc-results, div.calc-container.rv div.calc-results, div.calc-container.mma-calc div.calc-results {
        padding: 10px;
        margin: 10px 0;
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }
}
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;
    font-size: 22px;
}
a.calc-button:hover {
}
div.post-interaction {
    margin-bottom: 10px;
}
div.calc-container .calc-disclaimer {
    width: auto;
}
/* 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 div.calc-form .calc-title {margin:2% auto 0;}*/

/* extra styles for certificate calculator */
div.calc-container.certificate-calc div.calc-input-container {text-align: center; width: 100%;}
div.calc-container.certificate-calc .calc-title {color: #412F83;}
div.calc-container.certificate-calc .calc-smalltitle {font-size: 1.15rem; font-weight: 700; color: #412F83;}
div.calc-container.certificate-calc div.calc-form input{border: solid 2px #412F83; color: #412F83;}
div.calc-container.certificate-calc a.calc-button {color: #412F83;}

div.calc-container.certificate-calc div.row {text-align: center;}
div.calc-container.certificate-calc div.calc-results-title {font-size: 1.15rem; font-weight: 400; color: #412F83;}
div.calc-container.certificate-calc div.calc-results {min-width: 47%; margin:15px 7px;}
div.calc-container.certificate-calc div.calc-results-display {color: #412F83;}

/* 2022 overrides for special V2 auto and RV calcs */

/* differences between bootstrap 4 and 5 */

div.calc-container.calc-v2 *, div.calc-container.calc-v2 ::after, div.calc-container.calc-v2 ::before {
    box-sizing: border-box;
}
div.calc-container.calc-v2 .btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
	height: auto;
}

div.calc-container.calc-v2 .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* bootstrap differences end */

div.calc-container.calc-v2 .calc-form {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
div.calc-container.calc-v2 a.calc-button {font-size: 1.5rem;}

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

div.calc-container.calc-v2 .calc-block-term {width: 100%; padding: 40px 0;}

div.calc-container.calc-v2 div.post-interaction, div.calc-container.calc-v2 div.post-interaction p {margin-bottom: 0;}
div.calc-container.calc-v2 .calc-term {display: flex; justify-content: space-between;}
div.calc-container.calc-v2 .calc-term label {padding: 6px 0; width: 16.6666%; box-sizing: border-box; border: 1px solid white !important;}
div.calc-container div.progress {margin: 10px auto 4px auto;}
div.calc-container.calc-v2 .progress-bar {background-color: #019ca3; color: #000; font-size: 0; /* hide the term on the bar itself */}

/* override for V2 radio input */
div.calc-container.calc-v2 .calc-form .calc-term input {border: none;}



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

@media screen and (max-width: 1400px) {
	div.calc-container.certificate-calc.calc-v2 div.calc-results {padding: 15px;}
}
@media screen and (max-width: 1200px) {
	div.calc-container.calc-v2 .calc-form {max-width: 88%;}
	div.calc-container.certificate-calc.calc-v2 div.row {max-width: 88%;text-align: center;}
	div.calc-container.certificate-calc.calc-v2 div.calc-results {min-width: 88%;     display: flex;    justify-content: space-between;    align-items: center;}
}
@media screen and (max-width: 992px) {
	div.calc-container.certificate-calc.calc-v2 div.calc-results {width: 88%;}
}
@media screen and (max-width: 830px) {
    div.calc-container.auto, div.calc-container.rv {max-width: 100%;}
    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: 10px auto;}		
	div.calc-container.calc-v2 .calc-form {display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
	div.calc-container.calc-v2 .calc-block {margin: 0 auto 30px auto; max-width: 100%;}
	div.calc-container.calc-v2 .calc-block-term {width: 100%; padding: 0;}	
	div.calc-container.calc-v2 .calc-results-box {flex-direction: column; }

	div.calc-container.calc-v2 .calc-form {max-width: 96%;}
	div.calc-container.certificate-calc.calc-v2 div.row {max-width: 96%; margin: 0 auto 20px 0;}
}


/* END: Custom Calculator/Widget Styles */
/* -------------- =.= 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
    }
}
/* -------------- =.= 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: normal;
    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(../png/social_login__icon_google.png);
}
div.social_login a.twitter {
    background-image: url(../png/social_login__icon_twitter.png);
}
div.social_login a.facebook {
    background-image: url(../png/social_login__icon_facebook.png);
}
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: 255px;
    font-weight: normal;
    margin-top: 10px;
    float: none;
}
input#formkey_user + img{
	float: right;
	margin-top: -20px;
}
@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: normal;
    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;
}
.bodyclass_blank_wrapper h1, .bodyclass_blank_wrapper .wrapper.hasnobanner h1 {
    margin-top: 15px;
}
/* -------------- =.= 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;
}
/* -------------- =.= 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-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 */
}
/* -------------- =.= 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;
}
/* -------------- =.=  Custom CSS Additions -------------- */
/* infinite-scrolling carousel. CSS-only, no JavaScript */
/* unused - grab from master if needed */
/* end of infinite slider */














/*                    STICKY MENU STYLES - DESKTOP                         */

/* smooth transitions for header */
header{position: sticky;top: 0;z-index: 107159;}
.header {/* height: 121px; */transition: height 0.5s ease;}
div.wrapper_inner {transition: margin 0.5s ease;}
.header-logo img { transition: all 0.3s cubic-bezier(.5,-.5,.5,1.5); }
.header-chat, .header-location, .header-search, div.ob-login-button button, .header .col-menu, button.megaclose-button, div.nav-top ul.nav-menu { transition: all 0.1s cubic-bezier(.5,-.5,.5,1.5); }
.oblogin, .megabox, .megaclose, .menu-main, .mega-wrapper { transition: top .5s ease-in-out; }
div.col-topnav{opacity: 1; transition: opacity 0.5s ease;}

.header {transition: all 0.5s  ease-in-out;} /* prevents Firefox header width problem with scaling logo */

.hasbanner div.wrapper_inner {margin-top: -75px;z-index: 1;position: relative;}
.hasnobanner div.wrapper_inner {padding-top: 30px;}

/* moving logo next to main navigation */
.header-inner {width: 100%;display: flex;background: #fff;justify-content: space-between;align-items: center;max-width: 1470px;}
.header_clip{
    clip-path: polygon(100% 0%, 100% 100%, 55px 100%, 0% 0%);
    background-color: #fff;
}

.header-logo {padding: 10px 0;margin: 0;}
.header-logo img {width: 100%;max-width: none;}
.header-logo a {display: block;}
.main-contain {max-width: 1280px; clear: both; text-align: right; margin: 0 auto;}
.menu-main {/* float: right; *//* display: block; *//* width: auto; *//* max-width: 100%; *//* margin-top: -25px; *//* background-color: #fff; */}
.menu-wrangler {background-color: #fff;}


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

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

.header.scrolled.visible{top:0;z-index: 3;}
.header.scrolled .menu-main {/* width: 100%; *//* margin-top: 0; *//* padding-top: 20px; */}
/*.header.scrolled .mega-wrapper {position: absolute; right: auto; top: 0;  z-index:5; margin: 0 auto;}*/
/* swap logos when scrolled */
a.scrolled-logo {display: none;} /* hide until scrolled */
.header.scrolled a.scrolled-logo {display: block;}
.header.scrolled a.scrolled-logo img {padding: 10px 0 0 5px; max-width: 300px;}
.header.scrolled .header-logo {/* display: none; */}
.header.scrolled .header_clip,
.header.scrolled .megabox{
    clip-path: none;
}

/* header column widths */
.header .col-logo {max-width: 250px;width: 100%;padding-left: 30px;}
.header .col-topnav {width: calc(100% - 260px);} /* don't forget the padding */
.header .col-iconnav {width: 130px;  padding: 10px 0 0 0; text-align: center;}
.header .col-oblogin {width: 130px; overflow: hidden;	margin: 0;	text-align: right;}
.header .col-menu {display: none; width: 0;}

	/* menu item size and margin changes */

.header.scrolled .col-logo {/* width: calc(100% - 340px); *//* text-align: left; *//* padding: 0; */} /* don't forget the padding */
.header.scrolled .col-topnav {width: 0; opacity: 0;}
.header.scrolled .col-iconnav {width: 150px; }
.header.scrolled .col-oblogin {width: 130px;}
.header.scrolled .col-menu {width: 60px; display: inline-block; padding: 20px 0 0 0;}


.header.scrolled .header-logo img {/* height: 45px; *//* width: auto; */}
.header.scrolled .topnav {display: none; transition: none;}
.header.scrolled .col-menu {height: 40px; padding: 0; float: none;}


/*.header.scrolled button.search-button.searchsubmit, .header.scrolled button.search-button.searchopen, .header.scrolled button.locator-button.locatorsubmit, .header.scrolled button.locator-button.locatoropen {height: 45px;}*/
.header.scrolled .search-box-open, .header.scrolled .locator-box-open { right: 190px; top: 5px}	



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

@media screen and (max-width: 1100px) {
	div.nav-main ul.megamenu li.nav-item a {font-size: 1.15rem;padding: 10px 9px;}
	.mega-subnav-title  {font-size: 1.25rem;}
	ul.mega-subnav.mega-more li a {font-size: .9rem; }
	div.nav-top ul.nav-menu li.nav-item a {font-size: .8rem;}
	div.nav-top ul.nav-menu li.nav-item {padding: 0 5px;}
}


/* mid-size screen menu adjustments* /

/*customize the width of the child sub-menus for each section*/
@media screen and (max-width: 1000px) {
	
	div.nav-main ul.megamenu li.nav-item a { }
	
	.mega-1 ul.mega-subnav li.mega-subnav-item, .mega-1 ul.mega-subnav li.mega-subnav-item:first-child {/* 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%;}	
	.mega-6 ul.mega-subnav li.mega-subnav-item {	min-width:49%; 	max-width:49%;}	
	
	.topnav {width: calc(100% - 255px);}
	
}
@media screen and (max-width: 900px) {	
	div.nav-main ul.megamenu li.nav-item a, .mega-subnav-title {font-size: 1rem; }	
	ul.mega-subnav.mega-more li a {font-size: 0.8rem; }
}

@media screen and (max-width: 800px) {
	.header.scrolled div.nav-main ul.megamenu li.nav-item a, .mega-subnav-title {font-size: 1rem;}
}
/* mobile header adjustments */
@media screen and (max-width: 767px) {
	/* smaller scrolled margin for mobile */
	.header.scrolled div.wrapper_inner.scrolled-margin, div.wrapper_inner.scrolled-margin {/* margin-top: 73px; *//* transition: none; */}
	
	/*                    STICKY MENU STYLES - MOBILE                         */
	.menu-wrangler {box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);}
	.header-inner {overflow: visible;} /* keep showing menu when it's below the header */
	.header.scrolled .menu-main {width: 49%; float: left;}
	/* swap logos permanently */
	.header-logo {/* display: none; */}
	a.scrolled-logo {display: block;}
	.header.scrolled .header-logo {/* display: none; */}
	a.scrolled-logo img {padding: 10px 0 0 5px;}
	
	
	.header-icon {width: 35px; margin-top: 9px }
	div.ob-login-button button {width: 100px; padding: 10px;}
	

	.header .col-logo {width: calc(100% - 220px);margin: 0;padding: 0;text-align: left;}
	.header .col-topnav {display: none; }
	.header .col-topnav .topnav {width: 0; }
	.header .col-iconnav {width: 100px; margin: 0; margin: 5px 0 0 0;}
	.header .col-oblogin {width: 100px; margin: 0; padding: 0;}
	.header .col-menu {width: 60px; margin: 0; padding: 0; display: block;}


	div.ob-login-button 	{margin: 2px 0 0 0}
	button.menu-icon {margin: 0;}	
	
	
	.header.scrolled .col-logo {/* width: calc(100% - 260px); */}
	.header.scrolled .header .col-topnav {display: none; }
	.header.scrolled .col-iconnav {width: 100px;}
	.header.scrolled .col-oblogin {width: 100px;}
	.header .col-menu {width: 60px;}
	
	.header.scrolled div.ob-login-button 	{}
	.header.scrolled button.menu-icon { }	
	
	
	
	.search-box-open, .locator-box-open {width: calc(100% - 70px);  right: 50px; top: 7px}		
	.header.scrolled .search-box-open, .header.scrolled .locator-box-open {width: calc(100% - 70px);  right: 50px; top: 7px}		
	
	
	/*.header.scrolled .header-logo {margin: 0;    padding: 0;}
	.header.scrolled .oblogin {top: -5px; opacity: .95;}
	.header.scrolled div.ob-login-button {margin-top: 0;}
	.header.scrolled .col-menu {padding: 0;}
	.header.scrolled button.menu-icon {margin-top: 0;}
	.header.scrolled .megabox { }
	.header.scrolled .col-logo { width: calc(100% - 305px)}
	.header.scrolled .col-topnav { display: none;}
	.header.scrolled .col-iconnav {width: 110px; padding-top: 0; margin-top: 6px;}
	.header.scrolled .col-oblogin {    width: 130px;}
	.header.scrolled .col-menu {display: inline-block; width: 60px;} */
	
	/* 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 {height: auto;box-sizing: border-box;border-bottom: solid 1px #ccc;}
	.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;}
	#JQmegamenu_content {display: none; margin-top: 5px;}
	.header .menu-main {width: 49%; display: none; float: left; padding-top: 20px;}
	.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;}
	ul.mega-subnav li.mega-subnav-item ul.mega-more li.mega-subnav-item {display: block; width: 100% !important; max-width: 100% !important;    margin: 10px 5px 8px 10px;}
	div.nav-main ul.megamenu li.nav-item a {padding: 15px 0; margin-top: 0;}
	ul.mega-subnav li.mega-subnav-item {margin: 0;} 
	.megacontainer {margin: 0 10px;}
	ul.mega-subnav.mega-more {padding: 0}
	div.mega-inner {padding: 0;}
	div.megabox-inner {padding: 0 5px 5px 5px;}
	.header .megabox {box-shadow: none;display: none;}
	
	
	.header.scrolled div.nav-main ul.megamenu li.nav-item a, div.nav-main ul.megamenu li.nav-item a {
	    font-size: 1.25rem;
	    border-top: none;
	    text-align: center;
	    margin-top: 0;
	    margin-top: 0;
	}	
	
	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;}*/


} 

@media screen and (max-width: 500px) {	
	ul.mega-subnav li a {font-size: .9rem;}
	.search-box-open, .locator-box-open {width: 96%; right: 1%;}
	a.scrolled-logo img {margin-top: 17px;}
} 
@media screen and (max-width: 400px) {	
	a.scrolled-logo img {margin-top: 20px;}
} 

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

.ui-dialog.bank-intercept div#dialog_content {padding-top: 40px;}

.ui-dialog.bank-intercept .bank-intercept-opt-out-container {
    padding: 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 8px;
    color: #ccc;
}
.ui-dialog.bank-intercept .ui-dialog-buttonpane {
    background-color: transparent;
    margin: 3px 0 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: normal;
    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: #D9E069;
    color: #000;
    border-radius: 0px;
}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:hover {
	box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
	color: #000 !important;
	background-color: #fff !important;
	border: solid 2px #D9E069 !important;
}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:active {
}



.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 0 3px 0 0;
    color: #000;
}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:after {
    content: " \f061 ";
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.1rem;
    color: #000;
}
@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;
    }
}
/* moving STYLE block out of Google Maps BITTYPE */
.Flexible-container {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #c0c0c0;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
#map_canvas label {
    width: auto;
    display: inline;
}
#map_canvas img {
    max-width: none;
}
div.iw {
    min-width: 150px;
}



/* moving topnav at mobile size */

@media screen and (max-width: 767px) {
	.header-inner {/* padding: 15px; */} /* make space for the topnav */
	.header.scrolled .header-inner {padding-top: 0; } /* hide topnav when scrolled */
	
	.header .col-topnav {
		display: block !important;
		width: 100%;
		clear: both;
		position: absolute;
		top: -6px;
		z-index: 99;
		float: none;
	}

	.header .col-topnav .topnav {
	text-align: center; 
	margin: 0 auto; 
	width: 100%;
	}	
	
	div.nav-top ul.nav-menu li.nav-itemdiv.nav-top ul.nav-menu {padding: 10px 0 0 0;}
	div.nav-top ul.nav-menu li.nav-item a {padding: 0; font-size: 0.7rem;}
	div.nav-top ul.nav-menu li.nav-item {padding: 0 2px;}
}
/* tiny screen wrap prevention */
@media screen and (max-width: 360px) { 
	ul.mega-subnav li.mega-subnav-item ul.mega-more li.mega-subnav-item {margin: 4px 0 4px 0;}
}
@media screen and (max-width: 320px) { /* tiny screen wrap prevention */
	div.nav-top ul.nav-menu li.nav-item a {padding: 0; font-size: 0.6rem;}
}
@media screen and (max-width: 300px) { /* tiny screen wrap prevention */
	div.nav-top ul.nav-menu li.nav-item a {padding: 0; font-size: 0.5rem;}
}

@media screen and (max-width: 992px) {
    .header .col-logo {
        max-width: 200px;
        padding-left: 0;
    }

    div.ob-login-button a.button,
    div.ob-login-button button{
        padding: 10px 15px;
        font-size: 1rem;
    }
    .header_clip,
    .header .megabox{
        clip-path: none;
    }
    .div.mega-inner{
        padding-left: 20px;
    }
    div.wrapper_inner{
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .header-desktop .nav-container{
        display: none !important;
    }
    .topbar_list li a span{
       /* display: none; */
	/* still need to show links to screen reader, so using just-sr styling */
		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;
    }
    .topbar_list li {
        display: inline-block;
        margin: 0 5px;
    }
    button.menu-icon{
        display: block;
    }
    .topbar_left .phone{
        font-size: 1rem;
    }
    .topbar_left .phone span{
        display: none;
    }
    .topbar_right{
        gap: 0 7px;
    }
    #search-box .search_form{
        width: 25px;
        height: 25px;
    }
    input.search-field, input.locator-field{
        display: none;
    }
    .topbar_search button#searchsubmit{
        color: #fff !important;
        right: 3px;
    }
    .header_clip{
        clip-path: none;
    }
    div.ob-login-button a.button, div.ob-login-button button{
        padding: 5px 10px;
        height: 30px;
    }
    div.header-mobile{
        display: block;
    }
}

#startcontent .featured_rates_icons_wrapper {
    padding: 0;
  /*  background-color: transparent; causes contrast issue */
}

#homepage_featured_rates .deck-title-wrapper{
    background-color: rgb(46 205 220 / 90%);
    margin-top: -101px;
    margin-bottom: 60px;
}

#startcontent .featured_rates_icons_wrapper  .deck-title-wrapper h2{
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 40px;
    color: #000;
    font-weight: 300;
}

#startcontent .featured_rates_icons_wrapper  .deck-title-wrapper h2 strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -10px;
 }

#startcontent .featured_rates_icons_wrapper  .banner-overlay{
    overflow: visible;
}

#startcontent .featured_rates_icons_wrapper  .rate-feature{
    background-image: url(../png/pattern.png);
    background-color: #F4F3FF;
    border: solid 1px #CABFE3;
    border-radius: 8px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    padding: 20px;
    margin: 0 10px;
    margin-bottom: 75px;
}

#homepage_featured_rates .rate-feature {
    margin-top: -45px;
    margin: 0 20px;
}

.vertical_slider_wrapper{
    padding: 50px 0;
    position: relative;
}

.vertical_slider .slick-track{
    display: flex;
    flex-direction: column;
}

.vertical_slider_wrapper:before{
	content:'';
	background: url(../png/logo_fade_2.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 95%;
}

.vertical_slider_title{display: block;margin: 0 auto;text-align: center;margin-bottom: 36px;font-size: 48px;color: #fff;font-weight: 300; 
	text-transform: uppercase;}
.vertical_slider_title strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -10px;
 }

.vertical_slide{
    position: relative;
    padding: 0 60px;
    height: 100%;
}

.vertical_slider .slick-slide{
    height: 100% !important;
}

.vertical_slide_image_wrapper{
    position: absolute;
    height: 80%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
    width: 38%;
}

.vertical_slide_image_wrapper img{
    height: 100%;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    margin-left: auto;
}

.vertical_slider_content_wrapper{
    background-color: #fff;
    width: calc(85% - 120px);
    margin-left: 20%;
    box-sizing: border-box;
    padding: 75px 30px;
    padding-left: 22%;
    padding-right: 100px;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vertical_slide_title{
    color: #004658;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
	text-transform: uppercase;
	line-height: 1.2;
}

.vertical_slide_content{
    font-size: 16px;
    color: #102B3F;
}

.vertical_slide_content ul{
    padding-left: 15px;
    list-style: none;
}

.vertical_slide_content ul li{
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}


.vertical_slide_content ul li::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    margin-right: 6px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../svg/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: translateY(2px);
}

.vertical_slide_cta a{
    background-color: #004658;
    color: #fff;
    text-decoration: none;
    padding: 14px 20px;
    margin-top: 15px;
    display: inline-block;
    border-radius: 3px;
    line-height: 1;
    font-weight: normal;
}

.vertical_slider .slick-dots{
    display: block;
    transform: rotate(90deg) translateY(-50%);
    right: 10%;
    width: auto;
    bottom: unset;
    top: 50%;
}

.vertical_slider .slick-dots button:hover{
    box-shadow: none !important;
}

.slick-dots li button:before{
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 5px;
    text-align: center;
    opacity: .25;
    transition: all 200ms linear;
    background-color: #412F83;
}

.slick-dots li.slick-active button:before{
    opacity: 1;
    width: 25px;
}

.image_grid_wrapper{
    padding: 60px 0;
}

.image_grid_title h2{
    font-size: 40px;
    text-align: center;
    font-weight: 300;
}

.image_grid_title h2 strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -10px;
 }

.image_grid .image_card{
    text-align: center;
    margin: 30px 0;
}

.image_grid .image_caption{
    text-align: center;
    font-size: 1.3rem;;
    display: block;
    margin-top: 5px;

	text-transform: uppercase;
}

.image_grid a{
    text-decoration: none;
}

.image_grid .image_card:hover img{
	filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.45));
}

.image_grid a img{
	transition:all 200ms linear;
}

.loan_calculator_wrapper{
    padding: 50px 0;
    position: relative;
}

.loan_calculator_wrapper{
    padding: 50px 0;
    position: relative;
}

.loan_calculator_wrapper:before {
    content: '';
    background: url(../png/logo_fade_2.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 95%;
}

.loan_calculator_title{
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 36px;
    font-size: 48px;
    color: #fff;
}

.bg-titanwhite .loan_calculator_title{
    color: #412F83;
}

.loan_calculator{
    position: relative;
    overflow: hidden;
}

.loan_calculator_content{
    background-color: #fff;
    width: calc(85% - 120px);
    margin-right: 20%;
    box-sizing: border-box;
    padding: 50px 30px;
    padding-right: 25%;
    padding-left: 100px;
    border-radius: 20px;
    margin-left: 7%;
}

.loan_calculator_content h2{
    color: #004658;
    margin-bottom: 40px;
}

.loan_calculator_input_group{
    display: flex;
    font-size: 30px;
    gap: 30px;
    line-height: 65px;
    align-items: center;
    margin-bottom: 40px;
}

.loan_calculator_input_group input{
    max-width: 150px;
    height: 70px;
    font-size: 22px;
    text-align: center;
}

.loan_calculator_results{
    display: flex;
    gap: 30px;
}

.loan_calculator_result_card{
    background-color: #97D6ED;
    padding: 20px;
    border-radius: 5px;
}

.loan_calculator_result_card span:first-child{display: block;font-family:"graphie";font-weight: bold;font-size: 22px;color: #004658;}

.loan_calculator_result_card span:nth-child(2){
    display: block;
    color: #102B3F;
}

.loan_calculator_result_card span:last-child{display: block;font-family:"graphie";font-weight: bold;color: #004658;font-size: 32px;}

.loan_calculator_image{
    position: absolute;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    right: -5%;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
    width: 40%;
}

.loan_calculator_image img{
    height: 100%;
    width: auto;
    border-radius: 20px;
    object-fit: cover;
    margin: 0 auto;
}

div.featured_deck{
    padding: 80px 0;
    position: relative;
}

.featured_deck::before{
    content: '';
    position: absolute;
    top: 20%;
    height: 60%;
    width: 40%;
}

.featured_deck.image-left::before{
    left: 0;
}

.featured_deck.image-right::before{
    right: 0;
}

.featured_deck.oceanside::before{/* now Eagle Green */
    background-color: #004658;
}

.featured_deck.daisy-bush::before{/* now Modern Violet */
    background-color: #412F83;
}

.featured_deck.elephant-black::before{
    background-color: #102B3F;
}

.featured_deck.titan-white::before{/* now Sky Blue */
    background-color: #97D6ED;
}

.featured_deck.surfie-teal::before{/* now Viridian Green */
    background-color: #218379; /* was 269a91 */
}

.featured_deck.showLogo::before{
    background-image: url(../png/logo_fade_2.png);
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
}

.featured_deck.showLogo.image-right::before{
    background-image: url(../png/logo_fade_2_flipped.png);
}

.featured_deck .deckinner{
    display: flex;
    align-items: center;
}

div.contentdeck h2.featured_deck_title{font-size: 2.75rem;margin-bottom: 20px;}

.featured_deck_title{
    font-weight: 300;
}

.featured_deck_title strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -5px;
 }

.featured_deck.image-left .image_column{
    width: 50%;
    order: 1;
}

.featured_deck.image-right .image_column{
    width: 50%;
    order: 2;
}

.featured_deck.image-left .image_column img{
    width: 85%;
    margin-left: auto;
    display: block;
    max-width: 500px;
    border-radius: 10px;
}

.featured_deck.image-right .image_column img{
    width: 85%;
    margin-right: auto;
    display: block;
    max-width: 500px;
    border-radius: 10px;
}

.featured_deck .content_column{
    width: 50%;
    padding: 30px 50px;
    order: 1;
    box-sizing: border-box;
    font-family:"new-frank";
    color: #000;
}

#page-content ul,
.deckinner ul{
    list-style: none;
    padding-left: 20px;
}

#page-content li,
.deckinner li{
    margin: 5px 0;
    position: relative;
    padding-left: 20px !important;
}

#page-content ul li::before, .deckinner ul li::before{
    content: '';
    top: 5px;
    left: -1px;
    position: absolute;
    margin-right: 6px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../svg/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: translateY(2px);
}

.featured_deck .cta{
    margin-top: 15px;
}

.JQrateSignup{
    background-color: #F4F7FF;
    border: solid 1px #eee;
    padding: 0 30px;
    border-radius: 10px;
}

@media only screen and (max-width: 1200px) {
    .vertical_slider_content_wrapper {
        width: calc(85% - 30px);
        margin-left: 20%;
        padding-left: 25%;
    }
    .vertical_slide_image_wrapper{
        left: 30px;
    }
    .loan_calculator_content {
        background-color: #fff;
        width: calc(85% - 60px);
        margin-right: 20%;
        box-sizing: border-box;
        padding: 50px 30px;
        padding-right: 17%;
        padding-left: 100px;
        border-radius: 20px;
        margin-left: 2%;
    }
    .loan_calculator_image {
        position: absolute;
        overflow: hidden;
        top: 50%;
        transform: translateY(-50%);
        right: 2%;
        filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
        width: 38%;
    }
    .featured_rates_icons_wrapper .onethird {
        width: 50%;
    }
    #startcontent .featured_rates_icons_wrapper .rate-feature{
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 992px) {
    .topbar_list li{
        margin: 0 5px;
    }
    .vertical_slider .slick-track{
        display: block;
    }
    .vertical_slide{
        padding: 0;
    }
    .vertical_slider_content_wrapper{
        width: 75%;
        padding: 15px;
        margin: 0;
        padding-top: 90px;
        padding-bottom: 50px;
        margin: 0 auto;
        min-width: 400px;
        max-width: 100%;
    }
    .vertical_slide_image_wrapper{
        position: relative;
        top: unset;
        transform: none;
        width: 85%;
        margin: 0 auto;
        left: unset;
        margin-bottom: -75px;
        max-width: 450px;
    }
    .vertical_slider .slick-dots{
        display: block;
        top: unset;
        bottom: 0;
        transform: translateX(-50%);
        right: unset;
        left: 50%; 
    }    
    .loan_calculator_content {
        background-color: #fff;
        width: calc(85% - 60px);
        margin-right: 20%;
        box-sizing: border-box;
        padding: 50px 30px;
        padding-right: 17%;
        padding-left: 30px;
        border-radius: 20px;
        margin-left: 1%;
    }
    .loan_calculator_content h2 {
        color: #004658;
        margin-bottom: 40px;
        font-size: 1.5rem;
    }
    div.calc-results {
        padding: 15px 25px;
        margin-right: 10px;
        padding: 10px;
        margin: 10px 0;
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }    
    input#formkey_user + img{
        margin-top: 10px;
        float: none;
    }
    .featured_rates_icons_wrapper .onethird {
        width: 100%;
    }
    .section-banner .banner-title{
        font-size: 3rem;
    }
    .section-banner .banner-subtitle {
        font-size: 1.5rem;
    }
}



@media only screen and (max-width: 767px) {
    .contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner {
        padding: 0px !important;
    }
    #homepage_featured_rates .deck-title-wrapper{
        margin-top: -92px;
        margin-bottom: 15px;
    }
    .featured_rates_icons_wrapper  .deck-title-wrapper{
        padding: 15px 25px;
    }
    .featured_rates_icons_wrapper  .rate-feature{
        margin: 0;
        margin-bottom: 75px;
        margin-top: -45px;
    }
    .image_grid .onethird{
        width: 50% !important;
        clear: none !important;
    }
    .image_grid .image_card{
        padding: 0 10px;
    }
    .image_grid .image_caption{
        font-size: 22px;
        line-height: 1.1;
    }
    .loan_calculator_title{
        line-height: 1.1;
        font-size: 36px;
    }
    .loan_calculator_content {
        background-color: #fff;
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        border-radius: 20px;
        margin: 0;
        padding-bottom: 50px;
    }
    .loan_calculator_content h2 {
        font-size: 1.5rem;
    }
    .loan_calculator_image{
        position: relative;
        top: unset;
        right: unset;
        width: 90%;
        margin: 0 auto;
        transform: none;
        margin-top: -35px;
    }
    .loan_calculator_results {
        display: flex;
        gap: 10px;
    }
    .loan_calculator_result_card span:first-child {
        font-size: 20px;
        line-height: 1.3;
    }
    .loan_calculator_result_card span:last-child {
        font-size: 24px;
    }
    div.featured_deck {
        padding: 40px 0;
    }
    .featured_deck .deckinner{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .featured_deck::before{
        display: none;
    }
    .featured_deck.image-left .image_column,
    .featured_deck.image-right .image_column {
        width: 100%;
        order: 1;
    }
    .featured_deck .content_column {
        width: 100%;
        padding: 25px;
        order: 1;
    }
    .featured_deck .image_column img{
        margin: 0 auto;
    }
    div.footer-quicklinks ul{
        margin-top: 35px;
    }
    div.calc-results h4 {
        font-family:"graphie";
        font-weight: bold;
        font-size: 20px;
        color: #004658;
    }
    div.calc-results h5 {
        font-weight: bold;
        color: #004658;
        font-size: 28px;
    }
    div.calc-title{
        font-size: 1.5rem;
    }
    .calc_wrapper{
        padding: 15px;
    }
    div.calc-subtitle {
        font-size: 1rem;
    }
    div.calc-form input {
        max-width: 111px;
        height: 50px;
        font-size: 18px;
    }
    div.calc-results-title {
        font-size: 18px;
    }
    div.calc-results-display {
        font-size: 22px;
    }
    #amort-summary {
        background-color: rgb(255 255 255 / 50%);
        flex-wrap: wrap;
        padding: 15px;
        box-sizing: border-box;
    }
    .amortization_calc .calc-radio-box input {
        margin: 15px 15px !important;
        height: auto;
    }
    .vertical_slider_content_wrapper{
        min-width: 325px;
    }
    .section-banner .banner-title{
        font-size: 2rem;
        line-height: 1.1;
    }
    .section-banner .banner-subtitle {
        font-size: 1.2rem;
    }
    .section-banner .banner-title strong {
        margin-left: -5px;
    }
    #startcontent .featured_rates_icons_wrapper {
        padding: 0;
        background-color: transparent;
    }

    #startcontent .featured_rates_icons_wrapper .deckinner {
        padding: 0;
    }
}

/* bullet override */
#page-content  div.pagination-holder ul li:before {display: none;}

/* intro SUP contrast override */
.intro sup {color: #004658;}
.tiny sup {font-size: 80%; margin-right: 2px;}

/* focus outline adjustments */
div.ob-login-button a.button:focus, div.ob-login-button button:focus {outline: 4px solid #E0F2FA;} /* sky blue */
.slick-dots li button:focus {outline: 4px solid #fefefe;} /* hide focus since you can see the visual change */

/* contrast fixes */
div.contentdeck.daisy-bush li {color: #fff;}
div.contentdeck.surfie-teal li {color: #fff;}
div.contentdeck.titan-white .intro {color: #412F83;}

/* 2024 adjustment for news grid wrapping */
.image_grid {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.image_grid .onethird {margin-top: 0;}

/* LiveLink chat */
.chat-livelink-button {    position: fixed;
    top: 50vh;
    right: 0;
    z-index: 1000000;
    overflow: auto;
    margin: 0;
	padding: 9px 13px 6px 12px;
	box-shadow: -8px 0px 10px -3px rgba(0,0,0,0.5);
    transform: rotate(-90deg) translate(50px,1px);
	transform-origin: bottom right;
	color: #004658;
}

/* hiding microsite-specific alert themes */
.alert.alert-tagtitle {display: none;}

/* end of file - make sure all CSS is above this line */