/* 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 
- 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
- Search
- 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
------
- Form Framework
	29.1. Placeholders
- 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
------
*/
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: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    background-color: #ffffff;
    margin: 0;
    color: #191919;
    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;
}
/* added more of a reset, since we're using more HTML buttons */
button:hover, button:focus {
    background-color: #fff;
    color: #0E4067;
    border: none; /*outline: none;*/
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:active, #skip a:focus {
    position: static;
    width: auto;
    height: auto;
}
.hidden, .hide {
    display: none;
}
/*class to hide content so it is just for screen readers*/
.just-sr {
    position: absolute;
    display: block;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
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: #274060;
    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: 600;
    font-family: 'Inter', sans-serif;
    color: #0E4067;
}
h1 {
    font-size: 50px;
    font-size: 3.125rem;
    letter-spacing: -2px;
}
h2 {
    font-size: 36px;
    font-size: 2.25rem;
}
h2 span {
    color: #C35F56;
}
h3 {
    font-size: 27px;
    font-size: 1.6875rem;
    letter-spacing: -1px;
}
h4 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #072237;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #072237;
}
h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #072237;
}
hr {
    display: block;
    height: 25px;
    background-image: url("/img/rule-l9-blue.png");
    background-position: center;
    border: none;
}
/*Styles for the Sangria Themed Template*/
/*bodyclass_theme-sangria*/
.bodyclass_theme-sangria h1, .bodyclass_theme-sangria h2, .bodyclass_theme-sangria h3, .bodyclass_theme-sangria h4, .bodyclass_theme-sangria h5, .bodyclass_theme-sangria h6 {
    color: #8C234D;
}
.bodyclass_theme-sangria h1 {
    color: #8C234D;
}
.bodyclass_theme-sangria h2 {
    color: #8C234D;
}
.bodyclass_theme-sangria h2 span {
    color: #DE7C5A;
}
.bodyclass_theme-sangria h3 {
    color: #A74151;
}
.bodyclass_theme-sangria h4 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #A74151;
}
.bodyclass_theme-sangria h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #700548;
}
.bodyclass_theme-sangria h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #700548;
}
.bodyclass_theme-sangria hr {
    display: block;
    height: 25px;
    background-image: url("/img/rule-l9-sangria.png");
    background-position: center;
    border: none;
}
.bodyclass_theme-sangria .intro {
    color: #323232;
}
/*Styles for the Azure Themed Template*/
/*bodyclass_theme-azure*/
.bodyclass_theme-azure h1, .bodyclass_theme-azure h2, .bodyclass_theme-azure h3, .bodyclass_theme-azure h4, .bodyclass_theme-azure h5, .bodyclass_theme-azure h6 {
    color: #548687;
}
.bodyclass_theme-azure h1 {
    color: #548687;
}
.bodyclass_theme-azure h2 {
    color: #548687;
}
.bodyclass_theme-azure h2 span {
    color: #0E4067;
}
.bodyclass_theme-azure h3 {
    color: #548687;
}
.bodyclass_theme-azure h4 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #548687;
}
.bodyclass_theme-azure h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #548687;
}
.bodyclass_theme-azure h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #548687;
}
.bodyclass_theme-azure hr {
    display: block;
    height: 25px;
    background-image: url("/img/rule-l9-azure.png");
    background-position: center;
    border: none;
}
.bodyclass_theme-azure .intro {
    color: #323232;
}
/* ================ 2.1. 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: 24px;
    font-size: 1.5rem;
    color: #548687;
    line-height: 32px;
    font-weight: 300;
}
.caption {
    font-size: 14px;
    font-size: 0.875rem;
    color: #548687;
}
.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: 11px;
    font-size: .7rem;
    line-height: 1.5;
    display: inline-block;
}
.wintergreen {
    color: #CAE7B9;
}
.steelblue {
    color: #A2BACC;
}
/*=== 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 ================ */
/* ================ Standardized Color Values ================ */
/* Color 1 */
.clr1-dark {
    color: #476D89 !important;
}
.clr1-bg-dark {
    background-color: #476D89 !important;
}
.clr1-bdr-dark {
    border-color: #476D89 !important;
}
/* Color 2  */
.clr1-med {
    color: #93A8B8 !important;
}
.clr1-bg-med {
    background-color: #93A8B8 !important;
}
.clr1-bdr-med {
    border-color: #93A8B8 !important;
}
/* Color 3 */
.clr1-lite {
    color: #E2EDF5 !important;
}
.clr1-bg-lite {
    background-color: #E2EDF5 !important;
}
.clr1-bdr-lite {
    border-color: #E2EDF5 !important;
}
/* Color 4 */
.clr2-dark {
    color: #666766 !important;
}
.clr2-bg-dark {
    background-color: #666766 !important;
}
.clr2-bdr-dark {
    border-color: #666766 !important;
}
/* Color 5 */
.clr2-med {
    color: #B5B7B5 !important;
}
.clr2-bg-med {
    background-color: #B5B7B5 !important;
}
.clr2-bdr-med {
    border-color: #B5B7B5 !important;
}
/* Light Gray - Overcast */
.clr2-lite {
    color: #F9FAFC !important;
}
.clr2-bg-lite {
    background-color: #F3F5F9 !important;
}
.clr2-bdr-lite {
    border-color: #F9FAFC !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%;
}
.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 40px;
}
div.inner:empty {
    display: none;
}
/*================= 4.2. Responsive Column Layouts =================*/
@media screen and (max-width: 767px) {
    /*make all the columns full width and clear them*/
    .onesixth, .oneseventh, .oneeighth, .oneninth, .onetenth, .oneeleventh, .onetwelfth, .twothirds, .threefourths, .fourfourths, .threefifths, .fourfifths, .fivefifths, .foursixths, .fivesixths, .sixsixths, .foursevenths, .fivesevenths, .sixsevenths, .sevensevenths, .fiveeighths, .sixeighths, .seveneighths, .eighteighths, .fiveninths, .sixninths, .sevenninths, .eightninths, .nineninths, .sixtenths, .seventenths, .eighttenths, .ninetenths, .tentenths, .sixelevenths, .sevenelevenths, .eightelevenths, .nineelevenths, .tenelevenths, .elevenelevenths, .seventwelfths, .eighttwelfths, .ninetwelfths, .tentwelfths, .eleventwelfths, .twelvetwelfths, .onehalf, .onethird, .onefourth, .twofourths, .onefifth, .twofifths, .twosixths, .threesixths, .twosevenths, .threesevenths, .twoeighths, .threeeighths, .foureighths, .twoninths, .threeninths, .fourninths, .twotenths, .threetenths, .fourtenths, .fivetenths, .twoelevenths, .threeelevenths, .fourelevenths, .fiveelevenths, .onetwelfth, .twotwelfths, .threetwelfths, .fourtwelfths, .fivetwelfths, .sixtwelfths, .onethirteenth, .twothirteenths, .threethirteenths, .fourthirteenths, .fivethirteenths, .sixthirteenths, .seventhirteenths, .eightthirteenths, .ninethirteenths, .tenthirteenths, .eleventhirteenths, .twelvethirteenths, .thirteenthirteenths, .onefourteenth, .twofourteenths, .threefourteenths, .fourfourteenths, .fivefourteenths, .sixfourteenths, .sevenfourteenths, .eightfourteenths, .ninefourteenths, .tenfourteenths, .elevenfourteenths, .twelvefourteenths, .thirteenfourteenths, .fourteenfourteenths {
        width: 100%;
        clear: both;
    }
}
/*but don't do it if a column has a class of "colfixed" ...*/
.colfixed {
    clear: none !important;
}
.onewhole.colfixed, .twohalves.colfixed, .threethirds.colfixed, .fourfourths.colfixed, .fivefifths.colfixed, .sixsixths.colfixed, .sevensevenths.colfixed, .eighteighths.colfixed, .nineninths.colfixed, .tentenths.colfixed, .elevenelevenths.colfixed, .twelvetwelfths.colfixed {
    width: 100% !important;
}
.onehalf.colfixed, .twofourths.colfixed, .threesixths.colfixed, .foureighths.colfixed, .fivetenths.colfixed, .sixtwelfths.colfixed {
    width: 50% !important;
}
.onethird.colfixed, .twosixths.colfixed, .threeninths.colfixed, .fourtwelfths.colfixed {
    width: 33.333333% !important;
}
.twothirds.colfixed, .foursixths.colfixed, .sixninths.colfixed, .eighttwelfths.colfixed {
    width: 66.666666% !important;
}
.onefourth.colfixed, .twoeighths.colfixed, .threetwelfths.colfixed {
    width: 25% !important;
}
.threefourths.colfixed, .sixeighths.colfixed {
    width: 75% !important;
}
.onefifth.colfixed, .twotenths.colfixed {
    width: 20% !important;
}
.twofifths.colfixed, .fourtenths.colfixed {
    width: 40% !important;
}
.threefifths.colfixed, .sixtenths.colfixed {
    width: 60% !important;
}
.fourfifths.colfixed, .eighttenths.colfixed {
    width: 80% !important;
}
.onesixth.colfixed, .twotwelfths.colfixed {
    width: 16.666666666666667% !important;
}
.fivesixths.colfixed, .tentwelfths.colfixed {
    width: 83.33333333333334% !important;
}
.oneseventh.colfixed {
    width: 14.28571428571429% !important;
}
.twosevenths.colfixed {
    width: 28.57142857142858% !important;
}
.threesevenths.colfixed {
    width: 42.85714285714287% !important;
}
.foursevenths.colfixed {
    width: 57.14285714285716% !important;
}
.fivesevenths.colfixed {
    width: 71.42857142857145% !important;
}
.sixsevenths.colfixed {
    width: 85.71428571428574% !important;
}
.oneeighth.colfixed {
    width: 12.5% !important;
}
.threeeighths.colfixed {
    width: 37.5% !important;
}
.fiveeighths.colfixed {
    width: 62.5% !important;
}
.seveneighths.colfixed {
    width: 87.5% !important;
}
.oneninth.colfixed {
    width: 11.11111111111111% !important;
}
.twoninths.colfixed {
    width: 22.22222222222222% !important;
}
.fourninths.colfixed {
    width: 44.44444444444444% !important;
}
.fiveninths.colfixed {
    width: 55.55555555555555% !important;
}
.sevenninths.colfixed {
    width: 77.77777777777777% !important;
}
.eightninths.colfixed {
    width: 88.88888888888888% !important;
}
.onetenth.colfixed {
    width: 10% !important;
}
.threetenths.colfixed {
    width: 30% !important;
}
.seventenths.colfixed {
    width: 70% !important;
}
.ninetenths.colfixed {
    width: 90% !important;
}
.oneeleventh.colfixed {
    width: 9.09090909090909% !important;
}
.twoelevenths.colfixed {
    width: 18.18181818181818% !important;
}
.threeelevenths.colfixed {
    width: 27.27272727272727% !important;
}
.fourelevenths.colfixed {
    width: 36.36363636363636% !important;
}
.fiveelevenths.colfixed {
    width: 45.45454545454545% !important;
}
.sixelevenths.colfixed {
    width: 54.54545454545454% !important;
}
.sevenelevenths.colfixed {
    width: 63.63636363636363% !important;
}
.eightelevenths.colfixed {
    width: 72.72727272727272% !important;
}
.nineelevenths.colfixed {
    width: 81.81818181818181% !important;
}
.tenelevenths.colfixed {
    width: 90.9090909090909% !important;
}
.onetwelfth.colfixed {
    width: 8.33333333333333% !important;
}
.fivetwelfths.colfixed {
    width: 41.66666666666665% !important;
}
.seventwelfths.colfixed {
    width: 58.33333333333331% !important;
}
.ninetwelfths.colfixed {
    width: 74.99999999999997% !important;
}
.eleventwelfths.colfixed {
    width: 91.66666666666663% !important;
}
/* ================ Clearfix and Clearing ================ */
.clearfix:before, .clearfix:after, .fix:before, .fix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix:after, .fix:after, .clear {
    clear: both;
}
.clearfix, .fix {
    zoom: 1;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
/* ================ Floating ================ */
.left, .colleft {
    float: left;
}
.right, .colright {
    float: right;
}
/* ================ Conventional Content Decks ================ */
div.decks.fix {
    overflow: hidden;
}
/*multi column support*/
.contentdeck.onewhole, .contentdeck.onehalf, .contentdeck.onethird, .contentdeck.onefourth, .contentdeck.onefifth {
    width: 100% !important;
}
.contentdeck.onehalf .inner, .contentdeck.onethird .inner, .contentdeck.onefourth .inner, .contentdeck.onefifth .inner, .contentdeck.icon-grid .inner {
    max-width: 1280px !important;
}
.contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner {
    padding: 0 !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.onehalf div.deckinner div.multicol4, div.contentdeck.onehalf 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: 0 !important;
}
.contentdeck .multicol-outro {
    padding: 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: 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 div.deckinner /*other deck inner styling in section 10.0*/ {
    padding: 2rem 40px;
    box-sizing: border-box;
}
@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;
}
/*set the brand color backgrounds for conventional deck types*/
div.contentdeck.brandcolor.eveningwaters {
    background-color: #476D89;
}
div.contentdeck.brandcolor.pomegranite {
    background-color: #8C234D;
}
div.contentdeck.brandcolor.wintergreen {
    background-color: #CAE7B9;
}
/*the following makes most content elements white within the brandcolor content decks*/
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.brandcolor a.button {
    border: 1px solid #ffffff;
    background-color: #000000;
}
div.contentdeck.brandcolor a.button2 {
    border: 1px solid #ffffff;
    background-color: #00af42;
}
div.contentdeck.brandcolor div.cta a {
    border: 1px solid #ffffff;
    background-color: #00af42;
}
div.contentdeck.brandcolor a.button:hover {
    text-decoration: underline;
    background-color: #ffffff !important;
    color: #000000 !important;
}
/*DISTINCT DECK CONDITIONAL COLORS - the Product / Service Feature decks have a different structure than other deck types to support the partial height background and background span. This code is unique to that bit type to set element colors for branded background colors...*/
/*if the deck is of the type "distinct" (product service feature) then don't apply the background color to the parent "contentdeck" container -- this keeps the backgound effect in tact on prod/serv decks because the bg color is applied to a seperate div to get that look*/
div.contentdeck.distinctdeck {
    background-color: transparent !important;
}
/*set the brand color backgrounds for distinct deck types - again, the color needs to be applied to a seperate div for this effect*/
div.contentdeck.distinctdeck .brandcolor.eveningwaters {
    background-color: #476D89;
}
div.contentdeck.distinctdeck .brandcolor.pomegranite {
    background-color: #8C234D;
}
div.contentdeck.distinctdeck .brandcolor.wintergreen {
    background-color: #CAE7B9;
}
/*also need to specify specific colors for the elements within the brandcolor decks... */
/*CTA adjustments... */
div.contentdeck.brandcolor.eveningwaters .cta a {
    border-color: #fff;
}
div.contentdeck.brandcolor.pomegranite .cta a {
    border-color: #fff;
}
div.contentdeck.brandcolor.wintergreen .cta a {
    border-color: #476D89;
    color: #476D89;
    background-color: #CAE7B9;
}
div.contentdeck.brandcolor.wintergreen, div.contentdeck.brandcolor.wintergreen p, div.contentdeck.brandcolor.wintergreen .intro {
    color: #323232 !important;
}
div.contentdeck.brandcolor.wintergreen h2, div.contentdeck.brandcolor.wintergreen h3, div.contentdeck.brandcolor.wintergreen h4, div.contentdeck.brandcolor.wintergreen h5, div.contentdeck.brandcolor.wintergreen h6 {
    color: #548687 !important;
}
div.contentdeck.brandcolor.wintergreen a {
    color: #0E4067 !important;
}
/*these spans are how we apply a different color to a unique set of words within a deck title...*/
div.contentdeck.brandcolor.eveningwaters h2 span {
    color: #CAE7B9;
}
div.contentdeck.brandcolor.pomegranite h2 span {
    color: #DE7C5A;
} /*same as default*/
div.contentdeck.brandcolor.wintergreen h2 span {
    color: #0E4067;
}
/*'brandpattern1" is the result of toggling the background pattern on in the bit*/
div.brandpattern1 {
    background-repeat: no-repeat;
    background-size: 550px;
}
/*background pattern when image is aligned LEFT...*/
div.brandpattern1.colleft {
    background-position: 100% bottom;
    background-image: url(/content/images/original/hero-pattern-decks-blue.png);
}
div.brandpattern1.colleft.eveningwaters, div.brandpattern1.colleft.pomegranite {
    background-image: url(/content/images/original/hero-pattern-decks-green.png);
}
div.brandpattern1.colleft.wintergreen {
    background-image: url(/content/images/original/hero-pattern-decks-blue.png);
}
/*background pattern when image is aligned RIGHT...*/
div.brandpattern1.colright {
    background-position: 0 bottom;
    background-image: url(/content/images/original/hero-pattern-decks-left-blue.png);
}
div.brandpattern1.colright.eveningwaters, div.brandpattern1.colright.pomegranite {
    background-image: url(/content/images/original/hero-pattern-decks-left-green.png);
}
div.brandpattern1.colright.wintergreen {
    background-image: url(/content/images/original/hero-pattern-decks-left-blue.png);
}
/*not sure if we still need this...*/
div.contentdeck div.page_body {
    padding: 0 !important;
}
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: 2rem 0;
}
.deck-distinct .multicol-inner {
    padding: 80px 40px !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) ================ */
.icon-feature {
    min-height: 245px;
    text-align: center;
    padding: 40px;
}
.feature-icon {
    font-size: 3.5rem;
    text-align: center;
    position: relative;
}
.feature-icon.diamond {
    background: #eee;
    border-radius: 9px;
    width: 85px;
    height: 85px;
    margin: auto;
    padding: 10px;
    transform: rotate(45deg);
}
.feature-icon.diamond .iconfeature {
    transform: rotate(-45deg);
    text-align: center;
}
.feature-icon.badge .iconfeature {
    margin: 27px 0 0;
}
.feature-icon.badge {
    background-image: url("/img/badge-wintergreen.svg");
    background-repeat: no-repeat;
    background-size: 110px;
    background-position: 50%;
    min-height: 105px;
}
/*Badge shaped icon container backgrounds*/
.feature-icon.badge.wintergreen {
    background-image: url("/img/badge-wintergreen.svg");
    background-color: transparent;
}
.feature-icon.badge.eveningwaters {
    background-image: url("/img/badge-eveningwaters.svg");
    background-color: transparent;
}
.feature-icon.badge.sherbert {
    background-image: url("/img/badge-sherbert.svg");
    background-color: transparent;
}
.feature-icon.badge.pomegranite {
    background-image: url("/img/badge-pomegranite.svg");
    background-color: transparent;
}
.feature-icon.badge.teal {
    background-image: url("/img/badge-teal.svg");
    background-color: transparent;
}
/*Diamond shaped icon container colors*/
.feature-icon.wintergreen {
    color: #0E4067;
    background-color: #CAE7B9;
}
.feature-icon.eveningwaters {
    color: #CAE7B9;
    background-color: #476D89;
}
.feature-icon.sherbert {
    color: #8C234D;
    background-color: #DE7C5A;
}
.feature-icon.pomegranite {
    color: #DE7C5A;
    background-color: #8C234D;
}
.feature-icon.teal {
    color: #CAE7B9;
    background-color: #548687;
}
/*Directional arrows added to icons*/
.feature-icon-arrow1:after {
    content: '';
    display: block;
    width: 100px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    right: -45%;
    background-repeat: no-repeat;
    background-image: url("/img/icon-arrow-wintergreen.svg");
}
.feature-icon.diamond.feature-icon-arrow1:after {
    transform: rotate(-45deg);
    top: -6px;
}
.feature-icon-arrow1.wintergreen:after {
    background-image: url("/img/icon-arrow-wintergreen.svg");
    background-color: transparent;
}
.feature-icon-arrow1.eveningwaters:after {
    background-image: url("/img/icon-arrow-eveningwaters.svg");
    background-color: transparent;
}
.feature-icon-arrow1.steelblue:after {
    background-image: url("/img/icon-arrow-steelblue.svg");
    background-color: transparent;
}
.feature-icon-arrow1.sherbert:after {
    background-image: url("/img/icon-arrow-sherbert.svg");
    background-color: transparent;
}
.feature-icon-arrow1.pomegranite:after {
    background-image: url("/img/icon-arrow-pomegranite.svg");
    background-color: transparent;
}
.feature-icon-arrow1.teal:after {
    background-image: url("/img/icon-arrow-teal.svg");
    background-color: transparent;
}
.feature-icon-pretext {
    font-size: 1.38rem;
    font-weight: 600;
    position: relative;
    top: -20px;
}
.icon-feature.no-pretext {
    padding-top: 71px;
}
.feature-title {
    font-weight: 700;
    line-height: normal;
    margin: 2rem 0 5px 0;
    text-align: center;
}
.feature-detail {
    font-size: 0.875rem;
    text-align: center;
}
.iconfeature {
    margin: 10px 0;
    z-index: 1;
    position: relative;
}
/*theres a heading in the icon feature bit type*/
.feature-icon-title {
    display: block;
    margin-top: 20px;
}
/*======== FEATURED PRODUCT / SERVICE DECKS======== */
/*post templates also use "feature-img"*/
div.feature-img {
    width: 440px;
    height: auto;
    max-width: 105%;
    max-height: 400px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.27);
}
@media screen and (max-width: 768px) {
    div.feature-img {
        margin-bottom: 50px !important;
    }
}
@media screen and (max-width: 500px) {
    div.feature-img {
        max-height: 320px;
    }
}
/*alignment in prod/serv decks is based on photo alignment class "photo-align"*/
.photo-align.multicol1 {
    width: 65%;
}
.photo-align.multicol2 {
    width: 35%;
}
.photo-align.multicol2 .multicol-inner {
    padding: 0 !important;
}
.feature-img.colleft, .feature-img.colright {
    margin: 20px 0;
}
.photo-align.colleft .feature-img.colleft {
    float: right;
}
.photo-align.colright .feature-img.colright {
    float: left;
}
/* ================ 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: #476D89;
    background: #fff;
    border: 2px solid #476D89;
    border-radius: 99em;
    z-index: 1;
    text-align: center;
    font-size: .875rem;
    font-family: inherit;
    outline: 3px solid #fff;
}
.bodyclass_theme-sangria .step-list li:before {
    color: #8C234D;
    border: 2px solid #8C234D;
}
.bodyclass_theme-azure .step-list li:before {
    color: #548687;
    border: 2px solid #548687;
}
ul.step-list li:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 10px;
}
.step-list li:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 14px;
    border-left: 4px solid #476D89;
}
.bodyclass_theme-sangria .step-list li:after {
    border-left: 4px solid #8C234D;
}
.bodyclass_theme-azure .step-list li:after {
    border-left: 4px solid #548687;
}
.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;
}
.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: 9px;
    box-shadow: 0 0 3rem 0 rgb(0 0 0 / 27%);
    margin: 50px 90px;
}
.distinct-box-head {
    color: #000;
    text-align: center;
}
.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 40px;
}
.distinct-box-align.colright .distinct-box-col {
    margin: 50px 40px 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: 767px) {
    .deck-distinct .multicol1, .deck-distinct .multicol2 {
        width: auto !important;
        margin: auto;
        float: none;
        max-width: 90%;
    }
    .deck-distinct .multicol-inner {
        padding: 0 10px !important;
    }
    /*prod/serv decks*/
    .photo-align.colleft .feature-img.colleft, .photo-align.colright .feature-img.colright {
        float: none;
        margin: auto;
    }
    /*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: #476D89;
    }
    .bodyclass_theme-sangria .step-list.step-list-col1 li:last-child:after {
        border-color: #8C234D;
    }
    .bodyclass_theme-azure .step-list.step-list-col1 li:last-child:after {
        border-color: #548687;
    }
    .step-list.step-list-col1 {
        margin-bottom: 0;
    }
    .step-list.step-list-col2 {
        margin-top: 0;
    }
}
.deckinner-bg {
    position: absolute;
    height: 68%;
    width: 100%;
    top: 16%;
    z-index: -1;
    border-radius: 9px;
}
.deckinner-bg-span {
    position: absolute;
    height: 68%;
    width: 100%;
    top: 16%;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .deckinner-bg, .deckinner-bg-span {
        height: 84%;
    }
}
/* ================ Custom Button Styling ================ */
input[type=button], input[type=submit], a.button, a.button:link, a.button:visited, button {
    border: 1px solid #0E4067;
    background-color: transparent;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    padding: 10px 25px;
    cursor: pointer;
    color: #0E4067;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    line-height: 18px;
    border-radius: 8px;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover {
    border: 1px solid #0E4067;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
    background-color: #476D89;
    color: #fff;
}
input[type=button]:active, input[type=submit]:active, a.button:active, button:active {
    border: 1px solid #3DCAFE;
    border: none;
    background-color: transparent;
    color: #000;
}
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 {}
a.button1:hover, button.button1:hover, div.contentdeck a.button1:hover, div.contentdeck button.button1:hover {}
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 {
    border: 1px solid #C35F56;
    background-color: #DE7C5A; /* Monarch Orange Button */
    color: #fff !important;
}
a.button2:hover, button.button2:hover, div.contentdeck a.button2:hover, div.contentdeck button.button2:hover {
    border-color: #8C234D;
    background-color: #8C234D;
    color: #fff !important;
}
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 {
    border: 1px solid #0E4067;
    background-color: #CAE7B9; /* Daybreak Yellow Button */
    color: #0E4067 !important;
}
a.button3:hover, button.button3:hover, div.contentdeck a.button3:hover, div.contentdeck button.button3:hover {
    background-color: #548687;
    color: #fff !important;
}
a.button4:hover, button.button4:hover, div.contentdeck a.button4:hover, div.contentdeck button.button4:hover {
    background-color: #335C81;
    color: #000 !important;
}
/* alert button fix - alert colors were overriding button colors -- not needed and were overriding new floating alerts
.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;
    clear: right;
}
div.content div.cta {
    clear: both;
}
.deck-distinct div.cta {
    width: auto;
    float: left;
}
.deck-distinct div.cta a {
    display: block;
}
div.cta a {
    border: 1px solid #0E4067;
    background-color: transparent;
    font-size: 18px;
    font-size: 1rem;
    font-weight: 400;
    padding: 10px 25px;
    cursor: pointer;
    color: #fff;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    min-width: 200px;
    display: inline-block;
    font-family: inherit;
    text-align: center;
    border-radius: 8px;
    text-transform: uppercase;
}
div.cta a:hover {
    border: 1px solid #0E4067;
    background-color: #476D89;
    cursor: pointer;
    color: #072237;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
}
/*imitation button CTA theme*/
div.cta.theme1 a, div.contentdeck div.cta.theme1 a {
    border: 1px solid #0E4067;
    background-color: transparent;
    color: #0E4067;
}
div.cta.theme1 a:hover, div.contentdeck div.cta.theme1 a:hover {
    background-color: #476D89;
    color: #fff !important;
}
.bodyclass_theme-sangria div.cta.theme1 a:hover, .bodyclass_theme-sangria div.contentdeck div.cta.theme1 a:hover {
    background-color: #700548;
    color: #fff !important;
}
.bodyclass_theme-azure div.cta.theme1 a:hover, .bodyclass_theme-azure div.contentdeck div.cta.theme1 a:hover {
    background-color: #548687;
    color: #fff !important;
}
div.cta.theme2 a {
    border: 1px solid #C35F56;
    background-color: #DE7C5A;
    color: #fff !important;
}
div.cta.theme2 a:hover {
    background-color: #8C234D;
    color: #fff !important;
}
div.cta.theme3 a {
    border: 1px solid #0E4067;
    background-color: #CAE7B9;
    color: #0E4067 !important;
}
div.cta.theme3 a:hover {
    background-color: #548687;
    color: #fff !important;
}
/*if the cta is in the intro area of the page, do this...*/
.intro .cta {
    float: right;
    clear: left;
    margin: 10px 10%;
}
.intro .cta a {
    padding: 10px 20px !important;
    font-size: 24px !important;
    font-size: 1.5rem !important;
}
@media screen and (max-width: 500px) {
    .intro .cta {
        float: none;
        clear: none;
        margin: auto;
    }
}
div.content div.cta a {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
div.content div.cta {
    clear: both;
    display: block;
}
div.sidebar div.cta, div.sidebar div.cta a, div.sidebar-mobile div.cta, div.sidebar-mobile div.cta a {
    display: block;
    margin: 10px 0;
}
div.sidebar.no-subnav {
    margin-top: 85px;
}
/* ================ Promotions & Testimonials ================ */
.promotion {
    padding: 0;
    margin: 0 0 15px 0;
    background: transparent;
    border-radius: 8px;
    display: block;
    border: 1px solid #0E4067;
}
.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.5rem;
    font-weight: 600;
}
.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: #FAFDFA;
    color: #0E4067;
    border: 1px solid #0E4067;
    box-shadow: 0px 0px 16px 0px #D7DAD7;
}
.promotion.theme1 h3 {
    color: #0E4067;
    min-height: 40px;
}
.promotion.theme1 .button {
    border: 1px solid #0E4067;
    background-color: transparent;
    color: #0E4067 !important;
}
.promotion.theme1 .button:hover {
    background-color: #476D89;
    color: #fff !important;
}
/*Theme 2*/
.promotion.theme2 {
    background-color: transparent;
    border: 1px solid #C35F56;
    color: #A74151;
    box-shadow: 0px 0px 16px 0px #D7DAD7;
}
.promotion.theme2 h3 {
    color: #C35F56;
    min-height: 40px;
}
.promotion.theme2 .button {
    border: 1px solid #C35F56;
    background-color: transparent;
    color: #A74151 !important;
}
.promotion.theme2 .button:hover {
    border: 1px solid #C35F56;
    background-color: #C35F56;
    color: #fff !important;
}
/*Theme 3*/
.promotion.theme3 {
    background-color: transparent;
    border: 1px solid #548687;
    color: #666766;
    box-shadow: 0px 0px 16px 0px #D7DAD7;
}
.promotion.theme3 h3 {
    color: #548687;
    min-height: 40px;
}
.promotion.theme3 .button {
    border: 1px solid #79C0C2;
    background-color: transparent;
    color: #666766 !important;
}
.promotion.theme3 .button:hover {
    border: 1px solid #79C0C2;
    background-color: #548687;
    color: #fff !important;
}
/*Begin Testimonials*/
.testimonial {
    position: relative;
    margin-bottom: 15px;
    background-color: transparent;
    color: #0E4067;
    border: none;
    padding: 20px;
    box-shadow: 0px 0px 16px 0px #D7DAD7;
}
.testimonial p {
    display: inline;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
    color: #0E4067;
}
/*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 #274060;
}
.testimonial.testimonial-theme1:after {
    border-top-color: #274060;
}
.testimonial-theme2 {
    background-color: #C0D6DF;
    border: solid 5px #C0D6DF;
}
.testimonial.testimonial-theme2:after {
    border-top-color: #C0D6DF;
}
.testimonial-theme3 {
    background-color: transparent;
    border: solid 5px #0E4067;
}
.testimonial.testimonial-theme3:after {
    border-top-color: #0E4067;
}
.testimonial a:link, .testimonial a:visited {
    color: #0E4067;
    text-decoration: underline;
}
.testimonial a:hover, .testimonial a:active {
    color: #000;
    text-decoration: underline;
}
.testimonial-author {
    margin: 15px 0 0 15px;
    display: block;
    text-align: right;
}
.testimonial-author p {
    color: #0E4067;
    font-size: 1.1rem;
}
/*testimonial speech marks removed per JP - use normal quotes instead*/
/*end testimonial*/
/* ================ Cross-Selling Promo Blocks  ================ */
.crosssell {
    border-top: solid 1px #B6C0C1;
}
.crosssell-block {
    max-width: 240px;
    float: left;
    display: inline-block;
    padding: 0 2rem 0 0;
}
.crosssell-title {
    font-weight: 500;
    padding: 0.5rem 0 2rem;
    height: 30px;
    overflow: hidden;
}
.crosssell-block a:hover {
    color: #000;
}
a.crosssell-imagebox {
    display: block;
    width: 240px;
    height: 160px;
    max-height: 160px;
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 4px #B6C0C1;
}
a.crosssell-imagebox:hover {
    animation: bgimg-bloat 0.8s ease forwards;
    animation-delay: 0s;
}
@keyframes bgimg-bloat {
    0% {
        background-size: 100%;
    }
    100% {
        background-size: 105%;
    }
}
.crosssell-overlay {
    background-color: transparent;
    height: 160px;
}
a.crosssell-imagebox, .crosssell-overlay {
    border-radius: 3px;
}
a.crosssell-imagebox:hover .crosssell-overlay {
    background-color: rgba(0, 0, 0, 0.27);
}
a.crosssell-imagebox:hover .crosssell-overlay:after {
    font-family: 'Font Awesome 6 Pro';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 100;
    content: "\f061";
    font-size: 4rem;
    margin: auto;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10% 0 0 0;
}
@media screen and (max-width: 600px) {
    .crosssell-block {
        width: 50%;
        float: left;
        display: inline-block;
        padding: 0 1rem;
        box-sizing: border-box;
    }
    a.crosssell-imagebox {
        display: block;
        width: 100%;
        height: auto;
        max-height: 100px;
        background-size: 100%;
        background-repeat: no-repeat;
        box-shadow: 0px 1px 4px #B6C0C1;
    }
}
@media screen and (max-width: 440px) {
    .crosssell-block {
        width: 100%;
        max-width: 100%;
    }
    a.crosssell-imagebox {
        display: block;
        width: 100%;
        height: auto;
        max-height: 160px;
    }
}
/* ================ 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 6 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: 1280px;
    margin: auto;
    padding: 0 20px;
    position: relative;
    clear: both;
}
.page-inner, .header-inner, .footer-inner, .deckinner {
    max-width: 1280px;
    margin: auto;
    padding: 1rem 0;
    position: relative;
    clear: both;
}
.page-inner.home-page {
    display: none;
}
.wrapper.hasbanner .page-inner.fix  {z-index: 3;}
.subnav-mobile, .sidebar-mobile {
    display: none;
}
body.blank_wrapper h1 {
    margin-top: 0;
}
/* ================ Search ================ */
/* search button and field without opener or JS - just CSS width transition */
.search-box {
    display: none; /*hides search box*/
    position: absolute;
    right: 10px;
    top: 7px;
    border: 1px solid #d4f0bd;
    border-radius: 10px;
}
input.search-field {
    /* default input styles later in the sheet are causing conflicts - can remove overrides if this if rectified */
    border: none !important;
    z-index: 11;
    width: 120px !important;
    transition: width .4s ease;
    font-family: inherit;
    color: #d4f0bd !important;
    line-height: 1;
    background-color: #476D89 !important;
    font-size: 1.15rem;
    padding: 8px 35px 8px 10px !important;
    font-weight: 400;
    border-radius: 10px;
}
input.search-field:focus {
    width: 220px !important;
    max-width: 100%;
}
@media screen and (max-width: 970px) {
    input.search-field:focus {
        width: 180px !important;
    }
}
@media screen and (max-width: 950px) {
    input.search-field:focus {
        width: 170px !important;
    }
}
@media screen and (max-width: 870px) {
    input.search-field:focus {
        width: 185px !important;
    }
}
@media screen and (max-width: 800px) {
    input.search-field:focus {
        width: 165px !important;
    }
}
@media screen and (max-width: 380px) {
    input.search-field {
        /* default input styles later in the sheet are causing conflicts - can remove overrides if this if rectified */
        width: 110px !important;
        letter-spacing: -1px;
    }
}
/* remove conflicting browser clear X from IE and Edge */
.search-box input.search-field::-ms-clear {
    display: none;
}
input.search-field:focus, input.mobile-search-field:focus {
    box-shadow: none !important;
    outline: 0;
}
button.search-button {
    background: none;
    border: none;
    margin: 0;
    color: #d4f0bd;
    display: inline-block;
    font-size: 1.25rem;
    padding: 0 !important;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 12;
}
button.search-button:hover, button.search-button:active, button.search-button:focus {}
input.search-field::-webkit-input-placeholder {
    color: #d4f0bd;
}
input.search-field:-moz-placeholder {
    color: #d4f0bd;
}
input.search-field::-moz-placeholder {
    color: #d4f0bd;
}
input.search-field:-ms-input-placeholder {
    color: #d4f0bd !important;
}
/* ================ Header Elements ================ */
.header {
    width: 100%;
    /* height: 75px;	*/
}
/*header with banner*/
.wrapper.hasbanner .header {
    /* position: absolute; tucks banner underneath header */
}
/*header without banner*/
.wrapper .header {
    margin: auto;
    z-index: 3;
    position: absolute;
    background: transparent;
}
.wrapper.hasnobanner h1 {}
.wrapper.hasnobanner div.subnav {
    margin-top: 100px;
}
.header.scrolled .header-inner {
    padding: 0;
}
.header .col-topnav {
    width: 100%;
    display: block;
    display: none; /* not currently used in mockup */
}
/* if you adjust these, don't forget to test header.scrolled and mobile size */
.header .col-logo {
    width: 18%;
}
.header-logo {
    margin: 7px 30px 0 40px;
    max-width: 222px;
}
.header .col-headspace {
    width: 76%;
}
.header .col-search {
    width: 6%;
}
.header .col-menu {
    display: none;
}
.header-search {
    margin: 18px auto 0 auto;
}
.header .col-logo, .header .col-search {
    z-index: 4;
    position: relative;
}
/*HEADER MEDIA QUERIES*/
@media screen and (max-width: 1100px) {
    .header .col-logo {
        width: 20%;
    }
    .header .col-headspace {
        width: 74%;
    }
    .header .col-search {
        width: 6%;
    }
}
@media screen and (max-width: 970px) {
    .header .col-logo {
        width: 22%;
    }
    .header .col-headspace {
        width: 72%;
    }
    .header .col-search {
        width: 6%;
    }
}
@media screen and (max-width: 905px) {
    .header .col-logo {
        width: 20%;
    }
    .header-logo {
        margin: 7px 30px 0 20px;
    }
    .header .col-headspace {
        width: 74%;
    }
    .header .col-search {
        width: 6%;
    }
}
@media screen and (max-width: 870px) {
    /*see MAIN NAV MEDIA QUERIES for changes at to navigation in header at various screen sizes*/
    .header .col-logo {
        width: 20%;
    }
    .header-logo {
        margin: 7px 30px 0 20px;
    }
    .header .col-headspace {
        width: 74%;
    }
    .header .col-search {
        width: 6%;
    }
}
@media screen and (max-width: 767px) {
    .header-inner {
        padding: .25rem 0;
    }
    /* if you change these, don't forget to test header.scrolled and desktop size */
    .header .col-logo {
        width: 20%;
    }
    .header .col-headspace {
        width: 60%;
        height: 40px;
    }
    .header .col-search {
        width: 10%;
    }
    .search-box {
        top: 5px;
    }
    .header .col-menu {
        width: 10%;
        height: 40px;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    button.menu-icon {
        display: inline-block;
    } /* show sandwich */
    .header-logo {}
    button.menu-icon {
        margin: 5px 5px 0 auto;
    }
}
/* ================ 13. Online Banking Login ================ */
div.ob-login-button button {
    background-color: #C0D6DF !important;
    box-shadow: none !important;
    border: none !important;
    outline: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #333;
    letter-spacing: -1.5px;
    margin: 10px 0 0 0 !important;
    text-decoration: none !important;
    line-height: 1;
    border-radius: 0 !important;
    text-transform: uppercase;
    width: 110px;
    height: 55px;
}
.ob-login-button button.container-opened, .ob-login-button button:hover, .ob-login-button button:active {
    background-color: #C0D6DF;
    color: #333;
}
.ob-title {
    font-size: 1.25rem;
    font-weight: 700;
    width: auto;
}
/* this is the login box wrapper */
.oblogin {
    position: absolute;
    top: 70px;
    right: 80px;
    width: auto;
    z-index: 3; /* lower than mega-menu */
}
.ob-login-box {
    position: relative;
    text-align: left;
    margin: 0;
    background-color: #C0D6DF;
    color: #333;
    padding: 5px 0 5px 13px;
    width: 360px;
    max-width: 100%;
}
.ob-login-box input[type=text], .ob-login-box input[type=password] {
    color: #0E4067;
    border: none;
    width: calc(100% - 62px);
}
.ob-login-box input[type=text], div.ob-login-box input[type=password], button.ob-login-submit {
    padding: 3px 15px;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
}
button.ob-login-submit {
    width: 45px;
    background-color: #335C81 !important;
    color: #fff;
    margin: 10px 10px 0 0 !important;
    /*outline: 0;*/
    font-size: 1.5rem;
    padding: 3px 10px;
}
button.ob-login-submit:hover {
    background-color: #274060;
}
.ob-login-footlinks {
    font-size: 0.8rem;
    margin: 5px 0 5px 0;
    float: none;
    color: #333;
    clear: both;
    width: auto;
}
.ob-login-footlinks a {
    color: #333;
}
.olb-close {
    background-color: transparent !important;
    position: absolute;
    right: 5px;
    top: 0;
    border: none;
    clear: both;
    padding: 0 10px;
    color: #333 !important;
    z-index: 5;
    cursor: pointer;
    width: auto;
    font-size: 1rem;
    outline: 0;
}
.olb-close:hover {
    background-color: transparent !important;
    color: #335C81 !important;
    outline: 0;
    border: none;
}
.olb-close:active {
    outline: 0;
    border: none;
}
.ob-login-box input::-webkit-input-placeholder {
    color: #0E4067;
}
.ob-login-box input:-moz-placeholder {
    color: #0E4067;
}
.ob-login-box input::-moz-placeholder {
    color: #0E4067;
}
.ob-login-box input:-ms-input-placeholder {
    color: #0E4067 !important;
}
.header-banking {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100%;
    position: relative;
}
.header-banking .inner {
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1280px;
    position: relative;
}
.ob-login-box.banking_disabled {
    padding: 5px;
}
.ob-login-box .banking-disabled {
    padding: 20px;
    font-size: 1rem;
    color: #000;
    background: #fff;
}
@media screen and (max-width: 767px) {
    .oblogin {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        background-color: #C0D6DF;
    }
    .ob-login-box {
        padding: 5px 0 5px 13px;
        width: 360px;
        max-width: 100%;
        margin: auto;
        text-align: center;
        z-index: 2;
    }
    .header-banking {
        clear: both;
    }
    button.olb-close {
        right: 0;
        top: 5px;
    }
}
/* mobile search styles -- unused on this site --- */
/* ================ 13. Footer Elements ================ */
/*DRIP PAN BIT... */
#drippan {
    background-image: url("/img/drippan-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
.drippan {
    padding-top: 10rem !important;
}
.footer {
    overflow: hidden;
    clear: both;
    background-color: #364453;
    color: #A2BACC;
}
.footer, .footer a {
    color: #A2BACC;
    font-weight: 400;
}
.footer h3 {
    color: #A2BACC;
}
.footer .inner {
    padding: 20px;
}
.foot-colleft {}
.foot-colright { /*border-left: solid 2px #C0D6DF; */ box-sizing: border-box;
}
.foot-colleft .inner {
    padding-left: 0;
}
.foot-colright .inner {
    padding-left: 8%;
}
div.foot-lower {
    border-top: 1px solid #A2BACC;
    overflow: hidden;
}
ul.foot-stack, div.foot-stack {
    margin: 0 0 0 0;
    padding: 0;
    line-height: 1.5;
}
ul.foot-stack li {
    list-style: none;
    margin: 0;
    clear: left;
}
ul.foot-stack li a {
    text-decoration: underline;
}
ul.foot-stack li a:hover {
    text-decoration: none;
}
.location-meta h3 {
    font-size: 20px;
}
.location-meta {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
}
ul.social {
    margin: 0 0;
    padding: 10px 0 40px 0;
    list-style: none;
    display: inline-block;
}
ul.social li {
    font-size: 2rem;
    font-weight: normal;
    color: #54565A;
    display: inline-block;
    margin: 0 12px 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;
}
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, .social-facebook:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f09a";
}
ul.social li.twitter a:before, .social-twitter:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f099";
}
ul.social li.instagram a:before, .social-instagram:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f16d";
}
ul.social li.linkedin a:before, .social-linnkedin:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f0e1";
}
ul.social li.pinterest a:before, .social-pinterest:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f0d2";
}
ul.social li.youtube a:before, .social-youtube:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f167";
}
ul.social li.yelp a:before, .social-yelp:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    content: "\f1e9";
}
.social-facebook:before, .social-twitter:before, .social-instagram:before, .social-linkedin:before, .social-pinterest:before, .social-youtube:before, .social-yelp:before {
    margin-right: 5px;
}
.compliance .ncua, .compliance .ehl, .compliance .disclaimer {
    display: inline-block;
    float: left;
    padding: 0 2% 0 0;
}
.compliance .ehl {
    padding: 2px 2% 0 0;
}
.compliance {
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 20px 10px 0 0;
}
.copyright, .acc-statement {
    font-size: 13px;
    font-size: 0.8125rem;
}
/* ================ 13.1 Footer Quicklinks (BIT TYPE) ================ */
div.footer-quicklinks ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}
div.footer-quicklinks ul li {
    margin: 10px 0;
    list-style: none;
    padding: 0;
    line-height: normal;
    font-size: 13px;
    font-size: 0.8125rem;
}
div.footer-quicklinks a {
    text-decoration: none;
}
div.footer-quicklinks a:hover {
    text-decoration: underline;
}
.quicklinks-head {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.722rem
}
/* ================ 14. Navigation ================ */
/*Styles that apply to all versions of primary main navigation items*/
div.menu-main {
    width: auto;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 100;
    margin: 0 15px;
}
div.nav-main {
    margin: 0 auto;
    padding: 0;
    max-width: 1280px;
}
/* ================ 15.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: 32px;
    font-size: 2rem;
    height: 50px;
    width: 50px;
    margin: 0;
    padding: 0;
    float: right;
    background-color: transparent;
    border-radius: 0;
    border: none;
}
button.menu-icon::before {
    color: #fff;
    padding: 0px;
}
button.menu-icon:focus, button.menu-icon:active {
    border: none;
    outline: transparent;
    color: #dedede;
}
button.menu-icon:hover::before, button.menu-icon:focus::before {
    color: #dedede;
}
/* 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 {}
.megabox-inner {}
.mega-wrapper {
    position: relative;
    z-index: 3;
    display: none;
}
.megacontainer {
    background-color: #EFF2EF;
    border-radius: 9px;
    position: relative;
    top: 15px;
    box-shadow: 10px 10px 30px 10px rgb(0 0 0 / 25%);
}
.megacontainer:before {
    display: block;
    font-family: 'Font Awesome 6 Pro';
    content: "\f0d8";
    font-weight: 900;
    color: #EFF2EF;
    position: relative;
    top: -32px;
    left: 50px;
    font-size: 40px;
}
.megacontainer.mega-1 /*the L9 platform menu*/ {
    max-width: 815px;
    left: 25px;
}
.megacontainer.mega-2 /*the L9 platform menu*/ {
    max-width: 815px;
    left: 25px;
}
.megacontainer.mega-2:before {
    left: 214px;
}
.megacontainer.mega-3 /*the L9 platform menu*/ {
    max-width: 405px;
    left: 320px;
}
div.mega-inner {
    padding: 0 20px 10px;
    margin: -30px 0 0 0;
}
/* bring icons and login to the front */
div.col-search, .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 #0E4067;
    border-bottom: #fff;
    width: 70px;
    height: 62px;
}
button.megaclose-button:hover, button.megaclose-button:focus {
    background-color: #fff;
    color: #0E4067;
    border: 2px solid #0E4067;
    border-bottom: #fff;
}
div.nav-main ul.megamenu {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
    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 40px 0 0;
    vertical-align: top;
}
/*The anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item a {
    text-decoration: none;
    display: block;
    padding: 10px 10px 0;
    font-size: 1.1rem;
    color: #fff;
    font-weight: 200;
    text-align: center;
    margin-top: 5px;
}
/*The "active state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li a.active {
    color: #fff;
}
div.nav-main ul.megamenu li a:hover {
    color: #fff;
    opacity: .95;
}
div.nav-main ul.megamenu li a.active {
    color: #CAE7B9;
}
/*The "on state" for anchors within the main nav list items*/
div.nav-main ul.megamenu li.nav-item.on a {
    color: #CAE7B9;
}
div.nav-main ul.megamenu li.nav-item.on a:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f0d7";
    display: block;
    text-align: center;
    color: #CAE7B9;
    top: -7px;
    position: relative;
    margin: 0 0 -20px 0;
}
/* down arrow - not needed on this site
div.nav-main ul.megamenu li.on a:after {
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    font-weight: 900;
    content: '\f0d7';
    color: #0E4067;
    display: block;
    z-index: 99;
    height: 10px;
    font-size: 32px;
    font-size: 2rem;
    position: relative;
}*/
/*the main nav item that's hovered or has its menu active (open)*/
div.nav-main ul.nav-menu li.active a, div.nav-main ul.nav-menu li.active a.on {
    color: #0E4067;
}
div.nav-main ul.nav-menu li.active ul li a, div.nav-main ul.nav-menu li.active ul li a {
    color: #0E4067;
}
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 {}
/*main navigation child menu item icon and aid text*/
.nav-faicon {
    display: block;
    float: left;
    clear: both;
    height: 3rem;
    margin: 8px 12px 0 0;
    font-size: 36px;
    color: #476D89;
    width: 42px;
    min-height: 40px;
}
.nav-aidtxt {
    font-size: .9rem;
    line-height: 1rem;
    margin-left: 54px;
}
/*MAIN NAV MEDIA QUERIES*/
/*matches values for HEADER MEDIA QUERIES */
@media screen and (max-width: 930px) {
    div.nav-main ul.megamenu li.nav-item {
        padding: 0 14px;
    }
    div.nav-main ul.megamenu li.nav-item a {
        padding: 10px 9px;
    }
    .megacontainer.mega-3 {
        left: 305px;
    }
}
@media screen and (max-width: 890px) {
    div.nav-main ul.megamenu li.nav-item {
        padding: 0 9px;
    }
    div.nav-main ul.megamenu li.nav-item a {
        padding: 10px 9px;
    }
    /*move the menu arrow indicator according to how the nav item moves at this breakpoint*/
    .megacontainer.mega-2:before {
        left: 198px;
    }
    .megacontainer.mega-3 {
        left: 295px;
    }
    .megacontainer.mega-3:before {
        left: 36px;
    }
}
@media screen and (max-width: 870px) {
    div.nav-main ul.megamenu li.nav-item {
        padding: 0 9px;
    }
    div.nav-main ul.megamenu li.nav-item a {
        padding: 10px 7px;
        font-size: 1rem;
    }
    /*move the menu arrow indicator according to how the nav item moves at this breakpoint*/
    .megacontainer.mega-2:before {
        left: 176px;
    }
    .megacontainer.mega-3 {
        left: 205px;
    }
    .megacontainer.mega-3:before {
        left: 92px;
    }
}
/*Mega Menu Structure and Navigation*/
.mega-subnav-title {
    display: block;
    width: 90%;
    margin: 0 10% 0 0;
    padding: 10px 0;
    color: #0E4067;
    border-bottom: solid 1px #8C9495;
}
ul.mega-subnav {
    width: 100%;
    margin: 0;
    padding: 0;
}
ul.mega-subnav li.mega-subnav-item {
    display: inline-block;
    vertical-align: top;
}
ul.mega-subnav li.mega-subnav-item.on {}
ul.mega-subnav li {
    list-style: none;
    vertical-align: middle;
    margin: 0 0 29px;
}
ul.mega-subnav li a {
    display: block;
    color: #0E4067;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 7px 52px;
    line-height: normal;
}
ul.mega-subnav li a:hover {
    color: #0E4067;
    text-decoration: underline !important;
}
/*customize the width of the child sub-menus for each section*/
.mega-1 ul.mega-subnav li.mega-subnav-item {
    min-width: 43%;
    max-width: 43%;
    margin-right: 6%;
}
.mega-2 ul.mega-subnav li.mega-subnav-item {
    min-width: 43%;
    max-width: 43%;
    margin-right: 6%;
}
.mega-3 ul.mega-subnav li.mega-subnav-item {
    min-width: 94%;
    max-width: 94%;
    margin-right: 6%;
}
/*customize the colors for each menu to match the site section color palette*/
.mega-2 ul.mega-subnav li .nav-faicon, .mega-2 ul.mega-subnav li a {
    color: #A74151;
}
.mega-3 ul.mega-subnav li .nav-faicon, .mega-3 ul.mega-subnav li a {
    color: #548687;
}
/* 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;
}
ul.mega-subnav.mega-more li {
    width: 46%;
    float: left;
    padding: 0 4% 0 0;
}
ul.mega-subnav ul.mega-more li.mega-subnav-item {
    min-width: 46%;
    max-width: 46%;
}
ul.mega-subnav.mega-more li a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    font-size: 1rem;
}
ul.mega-subnav.mega-more li.mega-subnav-item a.on {
    color: #D57D28;
    font-weight: 700;
    text-decoration: underline;
}
div.mega-promo {
    background-color: #72C640;
    display: block;
    color: #0E4067 !important;
    text-align: center;
    line-height: 1.5;
    padding: 0 0 10px 0;
    font-size: 19px;
    margin-right: 20px;
}
div.mega-promo h3 {
    color: #0E4067;
    font-weight: 400;
    font-size: 29px;
    margin: 0;
}
/* ================ 15.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: #0E4067;
    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 {}
/*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;
}
/*Make the 4th and 5th nav items have a menu that is aligned right so they don't fly off the page*/
div.nav-main ul.nav-menu.dropdown li.nav4 ul.sub_menu {
    right: 0 !important;
}
div.nav-main ul.nav-menu.dropdown li:last-child ul.sub_menu {
    right: 0 !important;
}
/*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: #0E4067;
    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: #0E4067;
}
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 ================ */
/* maybe remove all this if it's not being used */
.topnav {
    width: 100%;
    margin: 0;
    text-align: left;
    overflow: hidden;
    display: none;
}
div.nav-top ul.nav-menu {
    padding: 0;
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}
div.nav-top ul.nav-menu li.nav-item {
    display: inline-block;
    padding: 0 10px;
}
/* div.nav-top ul.nav-menu li.nav-item:first-child {padding-left:0;}
div.nav-top ul.nav-menu li.nav-item:last-child {padding-right:0;}*/
div.nav-top ul.nav-menu li.nav-item a {
    color: #6E7272;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    font-size: 1.25rem;
    font-family: rift, sans-serif;
}
div.nav-top ul.nav-menu li.nav-item a:hover {}
div.nav-top ul.nav-menu li.nav-item a:hover, div.nav-top ul.nav-menu li.nav-item a.on {
    text-decoration: underline;
}
div.nav-top ul.nav-menu li.nav-item.last {
    border-right: none;
}
div.nav-top ul.nav-menu li.nav-item a:hover {
    color: #0E4067;
    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;}
}*/
/* ================ 15.4 Subnavigation Menus ================ */
/* Sub Nav*/
div.nav-sub {
    width: auto;
}
div.subnav {
    margin: 30px 0 20px 0;
    padding: 0 10px;
}
div.nav-sub {
    margin: 35px 0 20px 0;
    padding: 0;
}
div.nav-sub ul.nav-menu li.nav-item {
    display: block;
    list-style-position: outside;
    line-height: normal;
    margin: 0;
}
div.nav-sub ul li.nav-item a {
    display: block;
}
div.nav-sub ul li.nav-item a:hover {
    color: #BF5543;
}
div.nav-sub ul.nav-menu li a.on, div.subnav ul li a.on {
    text-decoration: none;
    font-weight: 600;
    color: #0E4067;
}
div.nav-sub ul li a.on:before {}
div.nav-sub h3, div.subnav h3 {
    padding: 0 0 10px 15px;
    margin: 0
}
div.nav-sub h3 a {
    text-decoration: none;
    border-bottom: 1px solid #274060;
    display: block;
    padding-bottom: 10px;
    color: #0E4067;
}
div.nav-sub h3 a:hover {
    text-decoration: underline;
}
div.nav-sub ul, div.subnav ul {
    list-style: none;
    margin: 0px 10px 20px 16px;
    padding: 0
}
div.nav-sub ul li, div.subnav ul li {
    padding: 8px 0;
    margin: 0
}
div.nav-sub ul li.level0 {}
div.nav-sub ul li.level1 {
    margin-left: 20px !important;
    font-size: .9rem;
}
div.nav-sub ul li.level2 {
    margin-left: 5px !important;
}
div.nav-sub ul li.level3 {
    margin-left: 5px !important;
}
div.nav-sub ul li.level4 {
    margin-left: 5px !important;
}
div.nav-sub ul ul, div.subnav ul ul {
    margin: inherit
}
div.nav-sub ul.nav-menu ul li, div.subnav ul ul li {
    margin: 4px 0 12px
}
/* 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: 10px 5px 0 0;
    margin: 0;
    line-height: 1;
    display: inline-block;
}
div.nav-footer ul.nav-menu li.nav-item:last-child, div.nav-footer ul.nav-menu li.nav-item.last {
    border-right: none;
    padding-right: 0;
}
div.nav-footer ul.nav-menu li.nav-item a {
    display: inline-block;
}
/*@media screen and (max-width: 767px) {*/
/*show the mobile menu now*/
div.header-mobile {
    display: block;
}
/* adjustments to allow mobile login rollup - show header and hide all the pieces */
div.header-desktop, div.nav-main {
    display: block;
}
/*}*/
@media screen and (max-width: 767px) {
    /* move nav below decks at mobile size */
    .subnav-mobile, .sidebar-mobile {
        display: block;
        padding: 10px 20px;
        width: calc(100% - 40px);
    }
    .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: 0 10px 0 0;
        padding: 0;
        font-size: .7rem;
    }
    div.nav-sub ul li a.on:before {
        display: none;
    }
}
/* ================ 15.5 Sticky Menu ================ */
/* must be after all menu and header items */
/* smooth transitions for header itself and logo */
/*                    STICKY MENU STYLES - DESKTOP                         */
/* smooth transitions for header itself and logo */
.header-logo img {
    transition: all 0.5s cubic-bezier(.5, -.5, .5, 1.5);
    max-width: 152px;
    min-width: 152px;
}
.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.5s ease-out;
}
.header {
    transition: all 0.75s ease-out;
}
.oblogin, .megabox, .megaclose, .menu-main, .mega-wrapper, .megacontainer, .megacontainer:before {
    transition: top 1.5s cubic-bezier(.5, -.5, .5, 1.5);
}
div.wrapper_inner {
    margin-top: 0;
    z-index: 1;
    position: relative;
}
.wrapper.hasnobanner div.wrapper_inner {
    top: 70px;
}
.page-body.nav-container {
    margin: 0 auto;
}
/* adds margin to top of page to account for height of fixed header when scrolled */
div.wrapper_inner.scrolled-margin { /*margin-top: 50px;*/
}
.header.scrolled, .hasnobanner .header {
    width: 100%;
    max-width: 100%;
    max-height: 48px;
    position: fixed !important;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #0E4067;
    padding: 5px 0 8px 0;
}
.bodyclass_theme-sangria .header.scrolled, .bodyclass_theme-sangria .hasnobanner .header {
    background-color: #8C234D;
}
.bodyclass_theme-azure .header.scrolled, .bodyclass_theme-azure .hasnobanner .header {
    background-color: #548687;
}
/* helper for JavaScript, do not remove */
div.mobile-size-indicator {
    display: none;
}
@media screen and (max-width: 1200px) {
    .disclaimer {
        display: block;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 900px) {
    div.nav-top ul.nav-menu li.nav-item a {
        font-size: 1rem;
    }
    .header.scrolled div.nav-main ul.megamenu li.nav-item a {
        padding: 6px 10px;
    }
}
@media screen and (max-width: 800px) {
    .header.scrolled div.nav-main ul.megamenu li.nav-item a {
        font-size: 1rem;
    }
}
/* mobile header adjustments */
@media screen and (max-width: 767px) {
    .header .menu-main {
        width: 100%;
        display: none;
        float: left;
        margin: 0;
        clear: both;
        top: 50px;
        left: 0;
        position: absolute;
        z-index: 1;
    }
    .header.scrolled div.nav-main ul.megamenu li.nav-item a, div.nav-main ul.megamenu li.nav-item a {
        font-size: 1rem;
        border-top: none;
        text-align: center;
        margin-top: 0;
        margin-top: 0;
        float: left;
        display: inline-block;
        margin: 0.5rem 0.4rem;
    }
    /* adding background behind mobile menu */
    .wrapper .header, .wrapper.hasnobanner .header {
        background-color: #476D89;
    }
    .bodyclass_theme-sangria .wrapper .header, .wrapper.hasnobanner .header {
        background-color: #8C234D;
    }
    .bodyclass_theme-azure .wrapper .header, .wrapper.hasnobanner .header {
        background-color: #548687;
    }
    .header .megabox {
        width: 49%;
        display: inline-block;
        clear: none;
        float: left;
    }
    div.nav-main ul.megamenu li a:hover:after, div.nav-main ul.megamenu li a.active:after {
        width: 100%;
        height: 0;
        margin: 0; /* removing after state */
    }
    /*                    STICKY MENU STYLES - MOBILE                         */
    /* show sandwich which is hidden at desktop size */
    .header.scrolled {
        position: relative !important;
    }
    .header.scrolled .col-menu {
        display: inline-block;
    }
    div.nav-main ul.megamenu {
        display: block;
        background-color: #476D89;
    }
    .bodyclass_theme-sangria div.nav-main ul.megamenu {
        background-color: #8C234D;
    }
    .bodyclass_theme-azure div.nav-main ul.megamenu {
        background-color: #548687;
    }
    .mega-wrapper {
        border: none;
    }
    /* helper for JavaScript, do not remove */
    div.mobile-size-indicator {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 1px;
    }
    /* hide menu initially */
    .header {
        box-sizing: border-box; /*  box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);*/
    }
    .header-icon-and-button {
        border-bottom: 1px solid #e3e3e3;
    }
    .header .onehalf {
        width: 49%;
        clear: none;
    }
    .header .onethird {
        width: 33%;
        clear: none;
    }
    /* overrides to convert main menu to mobile menu */
    .menu-main, .mega-wrapper {
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        display: none;
    }
    .menu-main {
        float: left;
        margin: 0;
        border-right: 1px solid #e3e3e3;
    }
    #JQmegamenu_content {
        display: none;
        margin-top: 42px;
    }
    .megacontainer {
        left: 0 !important;
        box-shadow: none;
        border-radius: 0;
    }
    .megacontainer.mega-1 {
        max-width: 100%;
        width: 100%;
    }
    .megacontainer.mega-2 {
        max-width: 100%;
        width: 100%;
    }
    .megacontainer.mega-3 {
        max-width: 100%;
        width: 100%;
    }
    .megacontainer:before {
        top: -32px;
        height: 0;
    }
    .megacontainer.mega-1:before {
        max-width: 100%;
        width: 100%;
        left: 67px;
    }
    .megacontainer.mega-2:before {
        max-width: 100%;
        width: 100%;
        left: 192px;
    }
    .megacontainer.mega-3:before {
        max-width: 100%;
        width: 100%;
        left: 285px;
    }
    div.mega-inner {
        margin: 20px 0 0 0;
    }
    .header .megabox {
        display: inline-block;
        clear: none;
        float: left;
    }
    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 li a {
        font-size: 1.0625rem;
    }
    ul.mega-subnav li .nav-aidtxt {
        font-size: 0.8125rem;
    }
}
@media screen and (max-width: 480px) {
    .megacontainer.mega-2:before {
        left: 167px;
    }
    .megacontainer.mega-3:before {
        left: 243px;
    }
    div.nav-main ul.megamenu li.nav-item a {
        padding: 10px 0;
        font-size: .9rem !important;
    }
}
@media screen and (max-width: 400px) {
    .disclaimer {
        display: block;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 380px) {
    .header-logo img {
        max-width: 132px;
        min-width: 132px;
    }
    div.nav-main ul.megamenu li.nav-item a {
        padding: 10px 0;
        font-size: .85rem !important;
        margin: 0.5rem 0.2rem;
    }
}
/* ================ 16. Alerts ================ */
/*9.2 home alert*/
/* premium floating alerts */
.site-alerts {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 420px;
    z-index: 3;
}
@media screen and (max-width:540px) {
    .site-alerts {
        width: 97%;
        margin: 1%;
    }
    .alert, div.cwrnw_block {
        margin: 0;
    }
}
/* default alert color is white */
.alert {
    position: relative;
    float: right;
    bottom: 0;
    right: 0;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
    width: 100%;
    box-sizing: border-box;
    z-index: 999999;
    border-radius: 3px;
    border: 1px solid #535859;
    background-color: #FAFDFA;
    color: #0E4067;
    margin: 0 1% 1% 0;
    opacity: 0.98;
    overflow: hidden;
}
.alert .inner {
    padding: 10px;
}
.alert p {
    margin: 5px auto;
    line-height: 1.5;
    color: #0E4067;
}
.alert a, .alert a:visited {
    color: #0E4067;
}
.alert a:hover {
    text-decoration: none;
}
.alert-actions {
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    color: #0E4067;
    font-size: .875rem;
    box-sizing: border-box;
    text-align: right;
}
.alert-actions a {
    color: #0E4067;
    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: #0E4067;
    text-decoration: underline;
}
/* includes fix for bulleted lists */
.alert-expand {
    cursor: pointer;
}
.alert-inner {
    max-width: 1280px;
    margin: auto;
    text-align: center;
}
.alert-inner ul, .alert-inner ul li ul {
    text-align: center;
    margin: 5px auto;
    list-style-position: inside;
    padding: 0;
}
.alert-inner ul li {
    text-align: center;
    margin: 5px auto 0 auto;
}
.alert h5.alert-title, .alert h5.alert-title a {
    color: #0E4067;
    font-size: 1.125rem;
    margin: 1% 0;
    font-weight: 400;
    display: block;
    font-family: 'DM Sans', sans-serif;
}
.alert h5.alert-title:hover, .alert h5.alert-title a:hover {
    text-decoration: none;
}
.alert-desc, .alert p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #0E4067;
    line-height: 1.2;
}
.alert button {
    font-size: 1.5rem;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
    line-height: normal;
    float: right !important;
    position: absolute;
    right: 12px;
    top: 5px;
    outline: none;
}
.alert p {
    margin: 0;
    padding-bottom: 8px;
}
.alert-desc {
    padding: 0 5px;
    display: block;
}
.alert-closed-icon, .alert-open-icon {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}
.alert-closed-icon:before {
    content: "\f107";
}
.alert-open-icon:before {
    content: "\f106";
}
/*  color options */
.alert.alert-red {
    background-color: #A74151 !important;
    color: #fff;
}
.alert.alert-red h5, .alert.alert-red h4, .alert.alert-red h3, .alert.alert-red h2 {
    color: #fff !important;
}
.alert.alert-red a, .alert.alert-red .alert-desc, .alert.alert-red p, .alert.alert-red fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-red .alert-actions {
    background: rgba(0, 0, 0, 0.1);
} /* for dark colors*/
.alert.alert-red button {
    color: rgba(255, 255, 255, 0.5);
} /* for dark colors*/
.alert.alert-orange {
    background-color: #DE7C5A !important;
    color: #fff;
}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2 {
    color: #fff !important;
}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {
    color: #fff;
}
.alert.alert-orange .alert-actions {
    background: rgba(0, 0, 0, 0.1);
} /* for dark colors*/
.alert.alert-orange button {
    color: rgba(255, 255, 255, 0.5);
} /* for dark colors*/
.alert.alert-yellow {
    background-color: #fbebaa !important;
    color: #000;
}
.alert.alert-yellow h5, .alert.alert-yellow h4, .alert.alert-yellow h3, .alert.alert-yellow h2 {
    color: #000 !important;
}
.alert.alert-yellow a, .alert.alert-yellow .alert-desc, .alert.alert-yellow p, .alert.alert-yellow .fa-exclamation-circle:before {
    color: #000 !important;
}
.alert.alert-yellow .alert-actions {
    background: rgba(255, 255, 255, 0.5);
} /* for light colors*/
.alert.alert-yellow button {
    color: rgba(0, 0, 0, 0.5);
} /* for light colors*/
.alert.alert-green {
    background-color: #CAE7B9 !important;
    color: #0E4067;
}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2 {
    color: #0E4067 !important;
}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {
    color: #0E4067;
}
.alert.alert-green .alert-actions {
    background: rgba(255, 255, 255, 0.5);
} /* for light colors*/
.alert.alert-green button {
    color: rgba(0, 0, 0, 0.5);
} /* for light colors*/
.alert.alert-blue {
    background-color: #0E4067 !important;
    color: #fff;
}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2 {
    color: #fff !important;
}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {
    color: #fff !important;
}
.alert.alert-blue .alert-actions {
    background: rgba(0, 0, 0, 0.1);
} /* for dark colors*/
.alert.alert-blue button {
    color: rgba(255, 255, 255, 0.5);
} /* for dark colors*/
/* premium floating alerts end */
/* ================ 17. 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: #e6e6e6;
}
.ui-dialog .ui-dialog-titlebar {
    margin: 10px;
}
div#dialog_content {
    margin: 0 10px 10px 10px;
}
/* ================ 18. 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;
}
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;
    }
}
/* ================ 19. 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 6 Pro';
    font-weight: 900;
    content: "\f0d7";
    padding-right: 1px;
    margin-left: -15px;
    text-decoration-color: #fff;
    display: inline-block;
    text-decoration: none; /* part 2 of IE11 text-decoration work-around */
}
ul.faq-list a.faq-open:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f0d8";
    margin-left: -15px;
}
/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li {
    border: none;
    list-style: disc;
}
.faq-content {
    padding: 0 19px 0 0;
    margin: 0;
    border: 1px solid transparent;
}
/*container for FAQ's on search results page...*/
.faq-search {
    padding: 1em 0;
}
.faq-search h3 {}
div.faq-content a, div.faq-content a:link, div.faq-content a:visited {
    text-decoration: underline !important;
}
/* ================ 20. Responsive Lists ================ */
.list {
    clear: both;
}
.list-row {
    clear: both;
    border-bottom: 1px solid #d6dedd;
    margin: 0;
}
.seminars-list .list-row {
    margin: 1em 0 0;
}
.list-row:last-child {
    border-bottom: none;
    border-radius: 0 0 9px 9px;
}
.list-row.separator {
    clear: both;
    border-bottom: 4px solid #333;
}
.list-head {
    clear: both;
    background-color: #476D89 !important;
}
.bodyclass_theme-sangria .list-head {
    clear: both;
    background-color: #8C234D !important;
}
.bodyclass_theme-azure .list-head {
    clear: both;
    background-color: #548687 !important;
}
.list-head.list-head-main {
    display: block;
    border-radius: 9px 9px 0 0;
}
.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: #0E4067;
    text-align: center;
    width: 40px;
    margin: auto;
    display: block;
}
.list .head {
    padding: 0;
    line-height: normal;
    text-align: center;
}
.list .head .inner {
    padding: 10px;
    text-transform: uppercase;
}
.list-item .inner {
    padding: 0 10px;
}
.list .title {
    width: 30%;
}
.list .date {
    white-space: nowrap;
    width: 15%;
}
.list .time {
    width: 25%;
}
.list .location {
    width: 30%
}
.list .location p {
    margin-top: 0;
}
.list .cost {
    width: 10%;
}
div.list div.list-row {
    background: #EFF2EF;
    align-items: center;
    min-height: 50px;
}
.bodyclass_theme-sangria div.list div.list-row {
    background: #FAFDFA;
}
div.list div.list-row:nth-child(even) {
    background: #EFF2EF;
}
.bodyclass_theme-sangria div.list div.list-row:nth-child(even) {
    background: #FAFDFA;
}
div.list div.list-row:nth-child(4n+3) {
    background: #E2EDF5;
}
.bodyclass_theme-sangria div.list div.list-row:nth-child(4n+3) {
    background: #FFEEE8;
}
div div.list-row .list-item:last-child .inner {
    border-right: none;
}
div.list-row .list-item h4 {
    margin: 0;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    text-align: left;
}
div.list-row .list-item h4 a {}
div.list-row .list-item h5 {
    margin: 0;
}
div.list-row .list-item:last-child .inner {
    border: none !important;
}
.list.seminars-list .head {
    background: transparent !important; /* color:#007c88; */
}
@media screen and (max-width:769px) {
    .list .list-item.onehalf {
        width: 98% !important;
        clear: none;
    }
    .list .list-item.onethird {
        width: 50% !important;
        clear: none;
    }
    .list .list-item.onefourth {
        width: 33.33333% !important;
        clear: none;
    }
    .list .list-item.onefifth {
        width: 24% !important;
        clear: none;
    }
    .list .list-item.onesixth {
        width: 20% !important;
        text-align: center;
        clear: none;
    }
    .list-head.list-head-main {
        display: none;
    }
    .list-head.list-head-repeated {
        display: block;
    }
    div.list-row .list-item h4 {
        font-size: 0.8rem;
        text-align: center;
    }
    div.list-row .list-item.account, div.list-row .list-item.first {
        width: 100% !important;
        clear: right;
        border-right: none;
    }
    div div.list-row .list-item.account, div div.list-row .list-item.account .inner, div div.list-row .list-item.first .inner {
        min-height: 1em !important;
        margin: 0;
        border-right: none;
    }
    div div.list-row .list-item .inner {
        min-height: 150px;
        font-size: 0.8rem;
    }
    .seminars-list div.list-row .list-item .inner {
        min-height: 0;
        font-size: 1rem;
        line-height: 25px;
    }
    div .list-item.first-head {
        display: none;
    }
    div .list-item.second-head {
        font-size: 0.8rem;
    }
    div .list-item.second .inner, div .list-item.third .inner, div .list-item.fourth .inner, div .list-item.fifth .inner, div .list-item.sixth .inner {
        padding: 10px 6px !important;
        padding: 1em 4% !important;
        font-size: 0.8rem;
    }
    div .list-item.second .inner {
        padding-left: 1em !important;
    }
    .list-item.third, .list-item.third-head, .list-item.fourth, .list-item.fourth-head, .list-item.fifth, .list-item.fifth-head { /* text-align: center;*/ font-size: 0.8rem;
    }
}
@media screen and (max-width:640px) {
    .list .title, .list .location, .list .date, .list .time {
        width: 100%;
        clear: both;
    }
    .list-head {
        display: none;
    }
    .list .list-item, .list .list-item li, .list .list-item p {
        text-align: left;
    }
}
@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;
}
/* ================ 21. 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;
}
.post-content p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
ul.posts {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}
ul.posts li {
    display: inline-block;
}
ul.posts li img {
    float: left;
}
.post-list .abstract, .post-list .abstract p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
ul.post-list li {
    width: 100%;
    clear: both;
    margin: 0 0 15px 0;
    padding-bottom: 0;
    padding-left: 0;
}
ul.post-list li a h3 {
    margin: 0;
}
ul.post-featured li {
    width: auto;
    display: block;
}
ul.post-featured li a {
    padding: 0 1%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
ul.post-featured li a h3 {
    margin: 20px 0 0 0;
}
ul.post-featured li a:hover, ul.post-list li a:hover {
    text-decoration: none;
}
ul.post-featured .abstract {
    overflow: hidden;
    margin: 0;
}
.intro ul.post-featured .abstract p, ul.post-featured .abstract p {
    font-family: inherit !important;
}
div.pagination-status {
    padding: 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;
    border: none;
}
div.img50 {
    width: 52px;
    height: 50px;
    overflow: hidden;
}
div.img50 img, img.img50 {
    min-height: 50px;
    max-width: 80px;
}
div.img90, div.img100 {
    width: 102px;
    height: 90px;
}
div.img90 img, div.img100 img {
    min-height: 100px;
    max-width: 160px;
}
div.img-full, div.img50, div.img90, div.img100, .img-full {
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:767px) {
    div.post-feature-img {
        width: auto;
        max-width: 100%;
        float: none;
        display: block;
        margin: 0 auto 40px auto;
    }
}
/*=============== POST DETAIL IMAGE ================*/
div.post-img {
    margin: 5px 3% 20px 0;
    float: left;
    clear: both;
    background-color: #ffffff;
}
div.feature-img img {
    max-width: 110%;
    max-height: 480px;
}
div.post-img {
    max-width: 30%;
}
div.post-content div.post-img, div.post-embedded div.post-img {
    max-width: 40%;
}
div.post-img img {
    margin: 0;
    border: solid 1px #DBDBDB;
}
ul.post-featured li a {
    height: auto;
    padding: 0;
    margin: 10px 0;
    display: block;
}
.post_body .alignleft {
    float: left;
    margin: 0;
}
@media screen and (max-width:767px) {
    ul.posts li div.post-feature-img, ul.posts li div.feature-img, div.post-img {
        float: none;
        clear: both;
    }
    ul.posts li div.post-feature-img img, ul.posts li div.feature-img img, div.post-img img, div.post-content div.post-img {
        width: 100%;
        max-width: 100%;
    }
    div.post-content h3 {
        clear: both;
    }
    div.post-img, div.post-feature-img, div.feature-img, div.post-embedded div.post-img {
        /*margin: 0 0 10px 0;
        box-shadow: none;
        padding: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;*/
    }
    ul.post-featured li {
        width: 100%;
        float: none;
        padding: 0;
        clear: both;
    }
}
/* ================ 22. 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
}
/* ================ 23. Site Banners ================ */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .content ul.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    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
}
/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(/img/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    transition: all .3s ease;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flex-direction-nav .flex-prev {
    left: -36px;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 5;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    cursor: default;
}
.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;
    overflow: visible;
}
/* Flexslider Style Overrides */
/* Control Nav */
.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;
}
/* ================ Hero Banners ================ */
/*1.1 Default Banner Design*/
#slider {
    overflow: hidden;
}
div.flexslider {
    margin: 0;
    background-color: #fff;
    height: 401px;
}
div.flexslider .slides {
    overflow: hidden;
} /*hide overflow on homepage banners*/
div.flexslider-int .slides {
    overflow: visible;
} /*show overflow on interior banners*/
div.flexslider ul.slides li, .content div.flexslider ul.slides li {
    margin: 0;
    padding: 0;
}
div.flexslider-int ul.slides li {
    height: 400px;
    overflow: hidden;
}
div.flexslider ul.slides li div.banner div.outer-slide.banner-image {
    /*	background-size: 100%; */
    background-size: cover;
    /*	background-position: 50% 10%;*/
    overflow: hidden;
    max-width: 100%;
    background-repeat: no-repeat;
    height: 75vh;
    min-height: 42rem;
    background: #0E4067;
    background: linear-gradient(150deg, #0E4067 0%, #476D89 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E4067', endColorstr='#476D89', GradientType=1);
}
div.flexslider ul.slides li div.banner div.outer-slide.banner-image:before {
    display: block;
    overflow: hidden;
    content: " ";
    position: absolute;
    bottom: -10rem;
    left: -169rem;
    width: 220rem;
    height: 200rem;
    background: rgba(7, 34, 55, 0.42);
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
}
/*Sangria theme banner colors*/
.bodyclass_theme-sangria div.flexslider ul.slides li div.banner div.outer-slide.banner-image {
    background: #A74151;
    background: linear-gradient(150deg, #A74151 0%, #C35F56 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A74151', endColorstr='#C35F56', GradientType=1);
}
.bodyclass_theme-sangria div.flexslider ul.slides li div.banner div.outer-slide.banner-image:before {
    background: rgba(112, 5, 72, 0.42);
}
/*Azure theme banner colors*/
.bodyclass_theme-azure div.flexslider ul.slides li div.banner div.outer-slide.banner-image {
    background: #548687;
    background: linear-gradient(150deg, #548687 0%, #4A7777 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#548687', endColorstr='#4A7777', GradientType=1);
}
.bodyclass_theme-azure div.flexslider ul.slides li div.banner div.outer-slide.banner-image:before {
    background: rgba(121, 192, 194, 0.42);
}
.banner-bottom-overlay-1 {
    display: block;
    position: absolute;
    bottom: -327rem;
    right: -40rem;
    width: 360rem;
    height: 306rem;
    background: #fff;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
}
.banner-bottom-overlay-2 {
    display: block;
    position: absolute;
    bottom: -173rem;
    left: -176rem;
    width: 273rem;
    height: 100rem;
    background: #fff;
    -webkit-transform: rotate(-77deg);
    transform: rotate(-79deg);
}
/*banner overlay media queries for angled design on homepage banner*/
@media screen and (min-width:1780px) {
    .banner-bottom-overlay-1 {
        right: -58rem;
        width: 430rem;
    }
}
@media screen and (min-width:1500px) {
    .banner-bottom-overlay-2 {
        left: -160rem;
    }
}
@media screen and (max-width:500px) {
    .banner-bottom-overlay-1 {
        display: block;
        position: absolute;
        bottom: -339rem;
    }
    .banner-bottom-overlay-2 {
        display: block;
        position: absolute;
        bottom: -178rem;
    }
    div.flexslider-int ul.slides li {
        min-height: 400px;
        height: auto;
        overflow: hidden;
    }
    div.flexslider ul.slides li div.banner div.outer-slide.banner-image {
        height: 45vh;
        min-height: 27rem;
    }
}
@media screen and (max-width:390px) {
    .banner-bottom-overlay-1 {
        bottom: -339rem;
    }
    .banner-bottom-overlay-2 {
        bottom: -179rem;
    }
}
div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {
    max-width: 1280px;
    margin: auto;
    position: relative;
    padding: 60px 0 0 0;
}
div.homepage-banner div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {
    min-height: 600px;
    max-height: 600px;
}
.outer-slide {
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}
.banner-home .banner-overlay {
    overflow: hidden;
    background-image: url(/content/images/original/hero-pattern.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.banner-int .banner-overlay {
    background-image: none;
    height: 400px;
}
.banner-inner .banner-body {
    position: relative;
    width: 70%;
    margin: 0;
    padding: 1rem 0 0 4rem;
    color: #fff; /* setting default copy color if no text-shade is chosen */
    z-index: 1;
    top: 3rem;
    box-sizing: border-box;
}
.banner-int .banner-inner .banner-body {
    width: 50%;
}
.banner-hero {
    width: 700px;
    float: right;
    position: relative;
    z-index: 2;
    top: 7rem;
    animation: lightSpeedInRight;
    animation-duration: 1s;
}
.intbanner-solutions.banner-hero {
    top: 5rem;
}
.banner-title, .banner-subtitle {
    font-size: 4rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    line-height: 1;
    visibility: hidden;
    opacity: 0;
}
.banner-int .banner-subtitle {
    font-size: 2rem;
}
.banner-int .banner-subtitle span {
    color: #CAE7B9;
}
.bodyclass_theme-sangria .banner-int .banner-subtitle span {
    color: #DE7C5A;
}
.bodyclass_theme-azure .banner-int .banner-subtitle span {
    color: #0E4067;
}
.banner-title {
    animation: bannertitle-slide 0.8s cubic-bezier(0.3, 0.7, 0.0, 1.0) forwards;
    animation-delay: 1s;
}
.banner-subtitle {
    animation: bannertitle-slide 0.8s cubic-bezier(0.3, 0.7, 0.0, 1.0) forwards;
    animation-delay: 2s;
}
/*.banner-subtitle {
    font-size: 2.5rem;
    font-weight: 400;
    margin: 10px 0;
    line-height: 1.2;
}*/
.banner-copy {
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 1.2;
}
@keyframes bannertitle-slide {
    0% {
        left: -2000px;
        visibility: visible;
        opacity: 0;
    }
    100% {
        left: 0;
        visibility: visible;
        opacity: 1.0;
    }
}
/*darken the image?*/
/*home and interior banners - background image overlay opacity*/
.banner-image .banner-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.banner-image .banner-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.banner-image .banner-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.banner-image .banner-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.banner-image .banner-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
.banner-image .banner-overlay.lighten1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.banner-image .banner-overlay.lighten2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.banner-image .banner-overlay.lighten3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.banner-image .banner-overlay.lighten4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.banner-image .banner-overlay.lighten5 {
    background-color: rgba(255, 255, 255, 0.5);
}
/* NOTE TO JASON - these two need discussion, since they override the background-color text adjustments */
/*if a banner is set to have a DARK overlay, color text elements accordingly*/
.banner-overlay.darken .banner-title {
    color: #fff;
}
.banner-overlay.darken .banner-subtitle {
    color: #fff;
}
.banner-overlay.darken .banner-copy {
    color: #fff;
}
/*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 50%;
}
.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);
}
.banner-copy ul {
    margin: 0;
    padding: 0 20px;
}
.banner-copy ul li {
    padding: 2px;
}
/*light text*/
.txt-light .banner-title, .txt-light .banner-subtitle, .txt-light .banner-copy, .txt-light .banner-copy p {
    color: #fff !important;
    letter-spacing: normal;
}
li.slide-txt-dark {
    background-color: #ffffff;
    letter-spacing: normal;
}
li.slide-txt-light {
    background-color: #000000;
    letter-spacing: normal;
}
/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-subtitle, .txt-dark .banner-copy, .txt-dark .banner-copy p {
    color: #000000;
    letter-spacing: normal;
}
/* text positioning */
div.banner .banner-body.txt-left {
    text-align: left;
}
div.banner .banner-body.txt-center {
    text-align: center;
    margin: 10% auto;
}
div.banner .banner-body.txt-right {
    right: 0;
}
div.banner .banner-body.txt-bottom {
    bottom: 30px;
}
@media screen and (max-width:1240px) {
    .banner-hero {
        width: 60%;
        max-width: 700px;
        top: 9rem;
    }
}
@media screen and (max-width:1100px) {
    .banner-hero {
        right: -4rem;
    }
}
@media screen and (max-width:980px) {
    .banner-hero {
        width: 60%;
        max-width: 700px;
        top: 12rem;
        right: -4rem;
        overflow: hidden;
    }
    .banner-hero img {
        position: relative;
        right: -5rem;
    }
    .banner-inner {
        padding-top: 20px;
    }
    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 {
        top: 1rem;
        width: 90%;
        box-sizing: border-box;
        padding: 1rem 0 0 40px;
    }
    .banner-int .banner-inner .banner-body {
        width: calc(90% - 40px);
    }
    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:767px) {
    .banner-inner .banner-title, .banner-inner .banner-subtitle {
        font-size: 2.75rem;
    }
    .banner-int .banner-inner .banner-subtitle {
        font-size: 1.75rem;
    }
}
@media screen and (max-width:600px) {
    div.flexslider {
        height: auto;
    }
    .banner-inner {
        padding: 0;
    }
    .banner-inner, .banner-inner .banner-body {
        height: auto;
    }
    .banner-hero {
        display: none;
    }
}
@media screen and (max-width:340px) {
    .banner-inner .banner-body {
        top: 1rem;
        padding: 15px 0 0 20px;
    }
    .banner-copy p {
        font-size: 0.9rem;
    }
}
/* ================ Video Banners ================ */
div.flexslider ul.slides li div.banner.banner-video div.outer-slide 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;
    }
}
/* ================ 23.3. Offset Banners ================ */
/*  needs excess style cleanup */
div.flexslider.offset-banner ul.slides li div.banner div.outer-slide div.banner-inner {
    padding: 0 20px;
}
.offset-banner .banner-inner .banner-body {
    width: auto;
    position: relative;
}
div.flexslider.offset-banner {
    margin: 0;
    background-color: #fff;
    height: 401px;
}
div.flexslider.offset-bannerul.slides li, .content div.flexslider.offset-banner ul.slides li {
    margin: 0;
    padding: 0;
}
div.flexslider.offset-banner ul.slides li div.banner div.outer-slide div.banner-inner {
    max-width: 1280px;
    margin: auto;
}
.offset-banner .outer-slide {
    overflow: hidden;
    max-width: 1280px;
    margin: 0 auto;
}
.offset-banner div.b-small.banner-text {
    width: 60%;
}
.offset-banner div.b-small.banner-image-offset {
    width: 40%;
}
.offset-banner div.b-med {
    width: 50%;
}
.offset-banner div.b-large.banner-text {
    width: 33.333333%;
}
.offset-banner div.b-large.banner-image-offset {
    width: 66.666666%;
}
.offset-banner div.banner-left {
    float: left;
    position: relative;
}
.offset-banner div.banner-right {
    float: right;
    position: relative;
}
.offset-banner div.banner-image-offset div.overlap-image {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    z-index: 2;
    padding: 30px 10px 0 10px;
}
.offset-banner div.banner-strip {
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    height: 30px;
    width: 100%;
    z-index: 1;
}
/*get rid of some default flexslider formatting*/
div.flexslider.offset-banner {
    box-shadow: none;
    border: none;
    clear: both;
    margin: auto auto 10px auto;
}
.offset-banner .banner-inner .banner-body {
    margin: 0;
    padding: 20px 20px 40px 20px;
}
.offset-banner .banner-top .banner-inner {
    padding: 20px;
    overflow: hidden;
}
.offset-banner .banner-title {
    font-size: 44px;
    font-size: 2.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: #0E4067;
}
.offset-banner .txt-dark .banner-subtitle, .offset-banner .txt-dark .banner-copy, .offset-banner .txt-dark .banner-copy p {
    color: #000000;
    letter-spacing: normal;
}
.offset-banner div.banner div.outer-slide div.banner-inner .banner-body.txt-right, .offset-banner .banner-body.txt-right .banner-copy {
    max-width: 1280px;
    margin: auto;
}
@media screen and (max-width:1200px) {
    .offset-banner .banner-title {
        font-size: 2rem;
    }
    .offset-banner .huge {
        font-size: 3rem;
    }
    .offset-banner .banner-button {
        font-size: .9rem;
    }
}
@media screen and (max-width:980px) {
    .offset-banner .banner-top .banner-inner {
        padding: 20px;
    }
    .offset-banner .banner-title {
        font-size: 3rem;
        margin-top: 0;
    }
    .offset-banner div.banner-right, div.banner-left {
        float: none;
        margin: auto;
        padding: 0;
    }
    .offset-banner div.banner-image-offset img {
        padding: 0;
        margin: 0;
    }
    .offset-banner div.b-small {
        width: 100% !important;
        text-align: center;
    }
    .offset-banner div.b-med {
        width: 100% !important;
        text-align: center;
    }
    .offset-banner div.b-large {
        width: 100% !important;
        text-align: center;
    }
    .offset-banner div.banner-strip {
        display: none;
    }
    .offset-banner .banner-inner .banner-body {
        padding: 0 0 20px 0 !important;
        width: 100%;
    }
    .offset-banner div.banner-image-offset div.overlap-image {
        padding: 0 0 20px 0;
    }
    .offset-banner div.banner .banner-title, .offset-banner div.banner .banner-subtitle, .offset-banner div.banner .banner-copy, .offset-banner div.banner .banner-button {
        width: auto;
        text-align: center;
    }
    .offset-banner .banner-inner .banner-body {
        max-width: 100%;
        position: relative;
    }
    .offset-banner .banner-inner .banner-title {
        padding-top: 10px;
    }
    .offset-banner .banner-inner .banner-body.txt-left .banner-title, .offset-banner .banner-inner .banner-body.txt-left .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-left .banner-copy, .offset-banner .banner-inner .banner-body.txt-left .banner-button {
        width: auto;
        text-align: center;
    }
    .offset-banner .banner-inner .banner-body.txt-right .banner-title, .offset-banner .banner-inner .banner-body.txt-right .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-right .banner-copy, .offset-banner .banner-inner .banner-body.txt-right .banner-button {
        width: auto;
        text-align: center;
    }
    div.flexslider.offset-banner {
        height: 950px;
    }
}
@media screen and (max-width:767px) {}
@media screen and (max-width:600px) {
    div.flexslider.offset-banner {
        height: auto;
    }
    .offset-banner .banner-inner {
        padding: 0;
    }
    .offset-banner .banner-inner, .offset-banner .banner-inner .banner-body {
        height: auto;
    }
    .offset-banner .banner-inner .banner-body {
        margin: 0;
    }
}
/* ================ 24. 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: #0E4067;
}
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: #0E4067;
}
.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: 767px) {
    div.footer_quicklinks, div.footer div.txt-right {
        float: none !important;
        width: 100%;
    }
    div.footer .twofifths.right {
        float: none;
    }
    .foot-colright {
        border-left: none;
    }
    .foot-colright .inner, .foot-colleft.inner {
        padding: 10px 0;
    }
}
/* overrides for modals */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
    background-color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #1d5987 !important;
    letter-spacing: normal;
}
.ui-button:active .ui-icon {
    background-image: url("/jquery/jquery_custom/ui-theme/images/ui-icons_217bc0_256x240.png");
}
.ui-dialog .ui-dialog-content {
    padding: .5em 5px;
}
/* ================ Ajax Elements ================ */
/* progress indicator*/
.ajaxInProgress_wrapper {
    z-index: 99999;
    width: 100%;
    position: fixed;
    margin: 0;
}
.ajaxInProgress_wrapper .ajaxInProgess {
    position: fixed;
    background-image: url(/img/wait3.gif);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .75;
    background-color: #333;
}
.debug {
    border: 1px dotted;
    padding: 5px;
    background-color: #333;
    color: #FFFFFF;
}
/* ================ 25. Google Search or Voice Search Integration ================ */
div.google_search_box, div.voice-search-box {
    max-width: 45%;
    border: 1px solid #E9E9E9;
    display: inline;
    float: left;
    margin-right: 1%;
    padding: 2%;
}
div#resultsTop {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px dotted #e9e9e9;
}
div#resultsTop h3 {
    margin: 24px 0 0 0;
    border-bottom: 1px solid #e9e9e9;
}
div.pagination-holder {
    padding-bottom: 20px;
}
div.silvercloud_results_wrapper, div.faq-search {
    position: relative;
    display: inline-block;
}
div.faq-search h3 {
    margin-top: 0;
}
@media screen and (max-width: 740px) {
    div#resultsTop {
        padding-right: 0;
        margin-right: 0;
        border: none;
    }
    div.google_search_box, div.voice-search-box {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
    }
    div.silvercloud_results_wrapper, div.faq-search {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
        margin-top: 40px;
    }
}
/*================ 26. Open ================*/
/* ================ 27. Flexible Iframe & Responsive Videos ================ */
/* flexible iframe style */
.flexiframe {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: none;
}
.flexiframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    border: none !important;
    padding: 0;
    margin: 0;
}
/* Responsive video container - moved out from BITTYPE */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .5), -5px 0 10px -5px rgba(0, 0, 0, .5);
}
/* ================ 28.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;
}
/* ================ 29. Form Framework ================ */
/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}
/* ================ 29.2. Form Elements ================ */
fieldset {
    border: none;
}
div.form-field {
    width: 100%;
    margin: .5em 0;
    float: left;
}
div.form-field .label {
    float: left;
    width: 40%;
    font-weight: 600;
}
div.input {
    width: 98%;
    margin-right: 1%;
    float: right;
}
.form-group {
    margin: 10px 0;
}
.form-group.onewhole div.input {
    width: 100%;
}
.form-group:last-child .input {
    width: 100%;
    margin-right: 0;
}
div.form-field div.input.submit {
    border-top: solid 1px #ddd;
    padding: 0.7em 0;
    margin: 1em 0 0 0;
    float: right; /* width: 60%; cuts off contact submit button at mobile size */
    width: 100%;
}
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.75rem;
    box-sizing: border-box;
    border: solid 2px #c1c4c8;
    font-family: inherit;
    font-size: 20px;
    font-size: 1rem;
    color: #011020;
}
input[type=button] {
    float: right;
    margin: 10px;
}
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {
    box-shadow: inset 1px 1px 5px #ccc;
}
select {
    display: block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: inherit;
    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: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
select:disabled:hover, select[aria-disabled=true] {
    border-color: #aaa;
}
input.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: 12px;
    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;
    font-size: 1.2rem;
    margin: 10px 0 5px 0;
}
.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);
    border-radius: 9px;
}
span.JQradioClick {
    margin-right: 15px;
}
/* removing extra space caused by break tags */
div.form-field .label br {
    display: none;
}
div.form-field .label label {
    display: inline-block;
}
span.aid, div.form-field .label label.aid {
    clear: both;
    display: block;
}

div.form-field .label {width: 100%;}
div.form-radio-checkboxes div.input {margin-top: 20px;}
div.form-radio-checkboxes div.input br {display: block; margin-bottom: 10px; content: " ";}
div.form-radio-checkboxes div.input input {margin-right: 10px;}
div.form-field {float: none; display: flex; flex-direction: column;}
div.form-field div.label div, div.form-field div.label label {color: #0E4067;}
span.aid {font-size: .85rem !important; font-weight: 400; margin: 5px 0;}

input {border-radius: 5px;}
p.form_descriptive_text { font-size: 1.2rem; border-bottom: solid 2px #c1c4c8; padding-bottom: 30px; margin: 10px 0;}
/*====== 30. Rate Tables ======================================*/
/* ================ 1. Standardized Rate Table Styles ================ */
/*-- styles that appear in the rate admin dropdown menu are based on standardized colors and are defined in module config and design.css
they are as follows:
Centered
Centered Bold
Left
Left Bold
Right
Right Bold
-- */
.ratetable {
    max-width: 1280px;
    margin: 20px 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: 1%;
    border-bottom: 1px solid #d6dedd;
    font-size: 14px;
    font-size: 0.875rem;
    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.75rem;
    min-width: 55px;
}
.ratetable th a {
    color: #335C81;
}
.ratetable th a sup {
    margin: 0 3px;
}
.ratetable td.ratefootnote {
    border: 0;
}
td.show, th.show {
    display: table-cell;
}
td.rate-data:first-child {
    color: #9f1a2c !important;
}
/*table headers*/
.rateprogram {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #6D98CF;
    text-align: left !important;
}
.rateprogram a:hover {}
.rateprogram:after {
    background: #0E4067;
    display: block;
    content: '';
    height: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    float: right;
}
tr.ratehead {
    border: none !important;
    background-color: transparent !important;
}
.ratehead {
    border: none;
    background-color: transparent !important;
    padding: 0 !important;
}
.ratecolheader a.footnote-link:hover {
    text-decoration: underline;
}
.ratedate {
    width: auto;
    float: right;
    font-size: 0.6875rem;
    color: #4c4c4c;
    position: relative;
    bottom: -7px;
}
/*column head*/
.ratecolheader, .ratecolheader th {
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
    color: #0E4067;
    line-height: normal;
    background-color: transparent;
    text-align: center !important;
    padding: 2% 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: #E6E8ED;
    border: 1px solid #C0D6DF;
}
@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;
    }
}
/* ================ 32. Comparison Charts (BIT TYPE) ================ */
/*comparison charts are mostly structured using the "Responsive Lists" css */
div.account-compare {
    max-width: 1100px;
    margin: 10px auto;
    box-shadow: 0 0 3rem 0 rgb(0 0 0 / 27%);
    border-radius: 9px;
}
div.account-compare p, div.account-compare .inner {
    margin: auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.5px;
}
div.account-compare .inner a {
    color: #fff;
}
.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, .account-compare .fas, .account-compare .far, .account-compare .fal {
    font-size: 1.6rem;
    color: #476D89;
}
.bodyclass_theme-sangria .account-compare .fa, .bodyclass_theme-sangria .account-compare .fas, .bodyclass_theme-sangria .account-compare .far, .bodyclass_theme-sangria .account-compare .fal {
    color: #700548;
}
.bodyclass_theme-azure .account-compare .fa, .bodyclass_theme-azure .account-compare .fas, .bodyclass_theme-azure .account-compare .far, .bodyclass_theme-azure .account-compare .fal {
    color: #364453;
}
.account-compare .fa {
    font-family: 'Font Awesome 6 Pro';
    display: block;
    text-align: center;
}
.account-compare.list .head.highlight-column .inner {
    color: #274060 !important;
    font-weight: 700;
    font-size: 1rem;
}
.account-compare.list div.list-row .list-item.highlight-column .fa {
    color: #C0D6DF;
}
.account-compare.list div.list-row .list-item.highlight-column .inner {
    color: #C0D6DF;
    font-weight: 700;
    font-size: 1rem;
}
/* ================ 33. Bit Randomizer - Staff Listings (BIT TYPE) ================ */
div.biolist {
    margin-bottom: 45px;
}
div.biolist p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
}
div.biolist h3, div.biolist h4, div.biolist h5, div.biolist h6 {
    margin: 5px;
}
div.biolist div.biopic img {
    margin: 0 10px 0 0;
    padding: 5px;
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .3), -5px 0 10px -5px rgba(0, 0, 0, .3);
    border: 0;
    border-radius: 3px;
    max-width: 200px;
}
div.biopic {
    display: inline;
}
div.bio-area {
    width: 68%;
    float: left;
    display: inline;
    color: #727F8A;
    line-height: 27px;
}
div.bio-name {}
div.bio-title {}
@media screen and (max-width: 767px) {
    div.biolist {
        margin-bottom: 25px;
    }
    div.biopic {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-top: 20px;
    }
    div.bio-area {
        display: block;
        width: 100%;
    }
}
/* Readmore plugin styles */
div.readmoreplugin {
    display: block;
    margin-top: 20px;
    border-bottom: 1px dotted #dedede;
    padding-bottom: 5px;
}
div.readmoreplugin p {
    color: #727F8A;
    letter-spacing: normal;
}
a.readmore-js.toggle {
    clear: both;
    margin-top: 10px;
}
/* removing extra margin that allowed for banner to be underneath menu */
@media screen and (max-width: 767px) {
    div.flexslider, div.wrapper_inner {
        margin-top: 0;
        padding-top: 0;
    }
}
/* ================ 34. Level 9 Calculators ================ */
/* BEGIN: Custom Calculator/Widget Styles */
div.calc-container {
    text-align: center;
    padding: 20px 30px;
    background-color: #fff;
    margin: 20px auto;
    border: solid 5px #C0D6DF;
}
div.calc-form input {
    text-align: center;
    display: inline-block;
    width: auto;
    margin: 10px 10px 0 10px;
    border: solid 2px #0E4067;
    color: #0E4067;
    font-weight: 600;
}
div.calc-icon {
    color: #0E4067;
}
div.calc-title {
    padding: 0;
    margin: 0;
    font-size: 1.625rem;
    color: #0E4067;
    font-weight: 600;
    line-height: 1.2;
}
div.calc-subtitle {
    padding: 0;
    margin: 20px 0 0 0;
    font-size: 1.25rem;
    color: #0E4067;
}
div.calc-results {
    display: inline-block;
    border: 5px solid #335C81;
    background-color: #ffffff;
    box-sizing: border-box;
    width: 46%;
    padding: 0 0 20px 0;
    margin: 20px 1%;
}
div.calc-results-title {
    padding: 10px 10px;
    background-color: #335C81;
    margin: 0 0 10px 0;
    color: #0E4067;
    font-size: 1.275rem;
    font-weight: 600;
}
div.calc-results-text {
    margin: 0 15px;
}
div.calc-results-display {
    font-size: 1.85rem;
    color: #0E4067;
    font-weight: 600;
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    div.calc-container.auto, div.calc-container.rv {
        max-width: 97%;
    }
    div.calc-container.auto div.calc-results, div.calc-container.rv div.calc-results, div.calc-container.mma-calc div.calc-results {
        width: 94%;
        margin: 1% 1.5%;
    }
}
div.calc-error {
    font-size: 16px;
    font-size: 1rem;
    color: #a02237;
    padding: 10px 15px;
    box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede;
    margin: 10px 0;
    border: 1px solid #cccccc;
    display: inline-block;
}
/* plus and minus buttons */
a.calc-button {
    text-decoration: none !important;
    background-color: transparent;
    color: #204781;
    color: #335C81;
}
a.calc-button:hover {
    color: #C0D6DF;
}
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;}*/
/* END: Custom Calculator/Widget Styles */
/* ================ 35. Google Maps (BIT TYPE) ================ */
div.map_container_individual {
    display: block;
    float: right
}
div.individual_map_canvas {
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 1px solid silver
}
div.loc_dropdown {
    margin: 0 0 5px;
    width: auto;
    display: block;
    overflow: hidden
}
div.loc_dropdown select {
    float: left;
    padding: 4px;
    font-size: 15px;
    font-size: .9375rem;
}
div.loc_dropdown input {
    margin: auto 0 auto 5px;
    float: left;
    padding: 4px 8px;
    font-size: 15px;
    font-size: .9375rem;
}
div.map_margin {
    margin-top: 15px
}
@media screen and (max-width: 660px) {
    div.map_container_individual {
        float: none;
        margin: 0 auto 20px;
        width: 300px
    }
    .individual_map_canvas, .loc_dropdown {
        margin: auto
    }
}
/*====================== 36. Commenting and Rating ======================*/
/* COMMENTING STYLES */
div.form-field div.error_message, div.error {
    font-size: 1rem;
}
div#comment_all {
    padding-bottom: 30px;
}
div.commenting {
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    border-top: 1px dotted #999;
}
div.commenting, #nocomments {
    display: block;
    position: relative;
}
div#commentarea {
    padding: 10px 20px 10px 13px;
}
div#comment_button {
    cursor: pointer;
    margin: 10px 0;
}
div.comment {
    margin: 30px 0 0 0;
    overflow: hidden;
}
div.comment h4 {
    margin-top: 0 !important;
}
h3.comments-title {
    margin-bottom: 0 !important;
    margin-top: 20px;
}
div.comment.reply {
    margin: 2% 0 1% 4%;
    min-width: 50%;
}
div#comment_form h3 {
    margin-top: 0;
}
@media screen and (max-width:480px) {
    div.comment, div.comment.reply {
        min-width: 92%;
    }
}
div.reply {
    background-color: #f5f5f5;
    margin-left: 20px;
    padding: 1% 2%;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
}
div.reply-thread {
    border: solid 1px #c1c1c1;
    border-top: none;
    border-right: none;
    height: 150px;
    width: 14px;
    position: relative;
    top: -100px;
    float: left;
    left: -41px;
    display: none;
}
div.reply div.reply-thread {
    display: inline-block;
}
div.reply i.fa-comment, div.comment_moderator i.fa-comment {
    display: none;
}
div.reply i.fa-comment-alt, div.comment_moderator i.fa-comment-alt {
    display: none;
}
div.comment_moderator .JQflagComment {
    display: none;
}
div.comment_author {
    font-size: .6rem;
    display: inline;
    clear: both;
    line-height: 1;
}
div.comment_date {
    font-size: .6rem;
    display: inline;
    margin-left: 10px;
}
div.comment-thanks {
    clear: both;
    border: solid 1px #eee;
    padding: 0.4em;
    background-color: #fff;
}
div.comment_icon {
    float: left;
    display: inline-block;
    width: 20px;
}
div.comment_title {
    float: left;
    display: inline-block;
    margin: 1px 0 5px 4px;
}
div.comment_title i {
    font-style: normal;
}
div.comments {
    clear: both;
    margin-left: 1.3em;
}
div.comments p {
    margin-top: 0;
}
form#replyform {
    overflow: hidden;
}
div.comment-form, div.reply-form {
    border: 1px solid #c1c1c1;
    padding: 10px 15px 0 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f5f5f5;
    overflow: hidden;
}
div#comment_form input.comment_submit, a.comment_submit {
    float: right;
    font-weight: 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(/img/social_login__icon_google.png);
}
div.social_login a.twitter {
    background-image: url(/img/social_login__icon_twitter.png);
}
div.social_login a.facebook {
    background-image: url(/img/social_login__icon_facebook.png);
}
div.rule {
    border-bottom: inset 1px #ccc;
    margin: 0 0 10px;
}
div.submit {
    min-height: 0;
    text-align: right;
}
.form-group div.submit {
    margin: auto;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 20px;
    width: 90%;
}
.comment-key {
    float: right;
    width: auto;
}
.comment-key h5 {
    margin: 0 1em 0 0;
    float: left;
    font-size: 0.8rem;
}
.comment-key h5 i.comments-summit {
    background-size: 11px 11px;
    width: 11px !important;
    height: 11px !important;
}
h3.comments-title {
    font-size: 19px;
    font-size: 1.2rem;
}
#nocomments {
    margin: 0.7em 0;
}
input#formkey_user {
    margin-bottom: 4px;
    font-size: 1rem;
    min-width: 110px;
    font-weight: normal;
}
@media screen and (max-width: 767px) {
    .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;
}
/* ================ 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;
}
/*====================== 37. Surveys and Polls ======================*/
/* surveys and polls */
div#L9pollForm_div {
    display: block;
    clear: both;
    border: 1px dashed #dedede;
    margin: 15px 0;
    padding: 15px;
}
div#L9pollForm_div .aid:empty {
    display: none;
}
div#L9pollForm_div .errormsg {
    text-align: center;
    color: #444;
}
div#L9pollForm_div .form-field {
    padding: 0;
    margin: 0;
}
div#L9pollForm_div .label {
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
div#L9pollForm_div .input {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.poll_qa, ul.poll_qa li, ul.poll_qa li ul, ul.poll_qa li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
ul.poll_qa li ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
div#L9pollForm_div div.form-field div.submit {
    border: none;
    margin: 0 auto;
    padding: 0;
}
div#L9pollForm_div div.form-field .button.submit {
    float: none;
    width: 150px;
}
div.sidebar ul.poll_qa li {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}
div.sidebar div#L9pollForm_div {
    margin: 10px 0;
}
div.sidebar div#L9pollForm_div .label {
    margin: 0;
}
/* radio buttons to real buttons */
div#L9pollForm_div input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
div#L9pollForm_div .input label {
    margin: 0;
    display: inline-block;
    background-color: #eee;
    padding: 5px 10px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #ddd;
    opacity: .9;
    transition: all .3s ease;
}
div#L9pollForm_div .input input[type="radio"]:checked + label {
    background-color: #fff;
    border-color: #ccc;
    opacity: 1;
}
div#L9pollForm_div .input input[type="radio"]:focus + label {
    border: 1px dashed #999;
}
div#L9pollForm_div .input label:hover {
    background-color: #fff;
    cursor: pointer;
}
.poll_results_title {
    line-height: 1.2;
}
.poll_results_title .results-question {
    font-size: 1.25rem;
    line-height: 1; /* match to label style above */
}
/*====================== 38. Personalized / Location Based Content ======================*/
/* location popup */
div.JQLocation {
    text-align: center;
}
div.JQLocation h3 {
    margin: 35px auto 15px auto;
    width: 100%;
    font-size: 1.5rem;
}
div.JQLocation div.form-field {
    float: none;
    text-align: center;
}
div.JQLocation div.input {
    float: none !important;
    width: auto;
    margin: auto;
}
div.JQLocation div.input input {
    text-align: center;
}
/*====================== 99. Custom CSS Additions ======================*/
/* infinite-scrolling carousel. CSS-only, no JavaScript */
/* inca stands for INfinite CArousel */
/* there are a base number of slides, which are then repeated to fill in the gap at the end to it can appear infinite */
/* the original version had fewer slides, but more were added to fit a larger screen */
div.inca-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
}
.inca-box {
    height: 100%;
    width: 5040px; /* inca-slide width plus margin multiplied by total number of slides in BITTYPE  */
    padding: 0;
    margin: 0;
    font-size: 0; /* removes space between slides for accurate calculations */
}
.inca-box div.inca-slide {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-right: 10px; /* if this is changed, both the inca-box width and keyframe margins need to be recalculated */
    padding: 10px; /* allows space for hover scale-up on inca-inner */
    width: 350px;
    height: 350px; /* change to 100% for varied heights from the baseline up */
    max-height: 350px;
    display: inline-block;
    transition: all 0.5s ease;
    cursor: default;
    overflow: hidden;
}
div.inca-inner {
    font-size: 1rem;
    padding: 20px;
    border-radius: 0;
    border: 5px solid #E6E8ED;
    overflow: auto;
    max-height: calc(100% - 50px); /* allows space for hover scale-up */
}
.inca-box div.inca-slide .inca-inner:hover {
    transform: scale(1.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
div.inca-slide p {
    font-size: .95rem;
}
div.inca-slide h4 {
    margin-top: 0;
}
.inca-title {
    padding-top: 5px !important;
    overflow: hidden;
}
/* base speed */
.inca-box img.first, .inca-box div.inca-slide.first {
    /* removed browser animation prefixes - test on first site installed in all browsers */
    animation: infinitesliding 80s linear infinite;
}
/* 2x speed */
.inca-box.scroll-2x img.first, .inca-box.scroll-2x div.inca-slide.first {
    animation: infinitesliding 40s linear infinite;
}
/* 3x speed */
.inca-box.scroll-3x img.first, .inca-box.scroll-3x div.inca-slide.first {
    animation: infinitesliding 20s linear infinite;
}
/* stop animation on HOVER */
.inca-box:hover div.inca-slide.first {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
/* fix for IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    div.inca-wrapper {
        overflow-x: scroll;
        scroll-behavior: smooth;
    }
}
@media screen and (max-width: 499px) {
    /* allow animation to continue scrolling on HOVER on mobile */
    .inca-box:hover div.inca-slide.first {
        animation-play-state: running;
        -webkit-animation-play-state: running;
    }
    /* mobile-friendly horizontal scrolling*/
    div.inca-wrapper {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
}
/* to calculate the left margin below, multiply the number of non-repeated slides by the width plus the horizontal margin.  */
/* Example one: slides-6, width-350, total margin-5px. To calculate required margin-left for animation: 6 x (350 + 5) = 2130px */
/* Example two: slides-5, width-350, total margin-10px. To calculate required margin-left for animation:  5 x (350 + 10) = 1800px */
/* to slide to the right instead, move the larger margin-left to the 0% position for all prefixes below */
@-moz-keyframes infinitesliding {
    0% {
        margin-left: 0px;
        100% {
            margin-left: -1800px;
        }
    }
    @-webkit-keyframes "infinitesliding" {
        0% {
            margin-left: 0px;
        }
        100% {
            margin-left: -1800px;
        }
    }
    @-ms-keyframes "infinitesliding" {
        0% {
            margin-left: 0px;
        }
        100% {
            margin-left: -1800px;
        }
    }
    @-o-keyframes "infinitesliding" {
        0% {
            margin-left: 0px;
        }
        100% {
            margin-left: -1800px;
        }
    }
    @keyframes "infinitesliding" {
        0% {
            margin-left: 0px;
        }
        100% {
            margin-left: -1800px;
        }
    }
    /* end of infinite slider */
    /* marketing interstitial - uses modal with bank-intercept class*/
    .ui-dialog.bank-intercept {
        border-radius: 0;
        padding-bottom: 0;
    }
    .ui-dialog.bank-intercept .bank-intercept-opt-out-container {
        padding: 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: #C0D6DF;
        color: #fff;
        border-radius: 0px;
    }
    .ui-dialog.bank-intercept .ui-dialog-buttonpane button:hover {
        background-color: #333;
        color: #fff;
    }
    .ui-dialog.bank-intercept .ui-dialog-buttonpane button:active {
        background-color: #333;
    }
    .ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
        padding: 0 3px 0 0;
        color: #fff;
    }
    .ui-dialog.bank-intercept .ui-dialog-buttonpane button:after {
        content: " \f061 ";
        font-family: FontAwesome;
        font-size: 1.1rem;
        color: #fff;
    }
    @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%;
    }
    #map_canvas label {
        width: auto;
        display: inline;
    }
    #map_canvas img {
        max-width: none;
    }
    div.iw {
        min-width: 150px;
    }
}
/* slick carousel styles */
.slick-carousel {
    margin: 30px auto 30px auto;
    width: calc(100% - 80px);
    max-width: 1280px;
}
.slick-content {
    margin: 0 5px;
}
button.slick-prev:hover, button.slick-next:hover {
    border: 0 solid #fff !important;
}
/* overrides for slick-theme.css - these apply to all carousels*/
div.slick-text {
    margin: 0 5px;
}
/* arrows */
.slick-prev, .slick-next {
    top: 50%;
    width: auto;
    height: auto;
    padding: 3px;
}
.slick-prev {
    left: -35px;
}
.slick-next {
    right: -35px;
}
.slick-prev:before, .slick-next:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 6 Pro';
    font-size: 3.5rem;
    color: #A2BACC !important;
    font-weight: 300;
}
.slick-prev:before, .slick-next:before {
    color: #A2BACC;
    font-family: 'Font Awesome 6 Pro';
    font-size: 2rem;
    font-weight: 300;
    opacity: 0.5;
}
.slick-prev:before {
    content: '\f053';
}
.slick-next:before {
    content: '\f054';
}
/* for synced sliders */
div.cp-slider {
    max-width: 1280px;
    margin: 10px auto;
}
div.cp-slider .deck-title {
    text-align: center;
}
div.cp-slider div.slick-text {
    text-align: center;
}
div.cp-slider div.slick-text img {
    margin: 10px auto;
    max-height: 70px;
}
div.cp-slider div.slick-text ul li {
    text-align: left;
}
.cp-slider-dim img {
    opacity: 0.3;
}
div.slider-for, div.slider-nav {
    width: 100%;
    display: inline-block;
}
div.slider-for {
    text-align: left;
}
div.slider-for {
    background-color: #fff;
    box-shadow: 0 0 1.5rem 0 rgb(0 0 0 / 27%);
    padding: 40px 40px;
    margin-top: 40px;
    border-radius: 9px;
}
/* center pager */
.slick-dots {
    margin-left: -40px;
}
div.slider-nav {
    padding: 20px 10px;
    width: calc(100% - 10px);
    display: flex;
    justify-content: center;
}
div.slider-nav div.slick-text {
    margin: 50px 20px;
}
div.slider-for .slick-prev {
    left: 5px;
}
div.slider-for .slick-next {
    right: 5px;
}
/* synced slider logos */
ul.synced-slider-logo-stack {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style-type: none;
    height: 100%;
    margin: 0;
    padding: 0;
}
.synced-slider-item {
    display: flex;
    min-height: 100px;
    height: 100px;
    flex-grow: 1;
    width: 33%;
    vertical-align: middle;
    align-items: center;
}
.synced-slider-logo-stack img {
    max-width: 96%;
    margin: auto;
}
div.cp-slider.l9-team-carousel div.slider-nav div.slick-text {
    margin: 65px 20px 20px 20px;
}
div.cp-slider.l9-team-carousel .slider-for div.slick-text img {
    max-height: 300px;
    max-width: 540px;
}
div.cp-slider.l9-team-carousel .slider-nav div.slick-text img {
    max-height: 100px;
    max-width: 98%;
}
div.cp-slider.l9-team-carousel .slider-nav .synced-slider-item {
    width: 30%;
    padding: 5px 1%;
    height: 100px;
}
@media screen and (max-width: 767px) {
    /* hide logos or shrink thumbnails at mobile size - individual carousel class name set in bits */
    div.cp-slider.l9-portfolio-carousel div.slider-nav {
        height: 0;
    }
    div.cp-slider.l9-team-carousel div.slider-nav {
        padding: 0 0 100px 0;
    }
    div.cp-slider.l9-team-carousel div.slider-nav .synced-slider-item {
        width: auto;
        max-width: 12%;
        min-height: 0;
        height: auto;
    }
    div.cp-slider.l9-team-carousel div.slider-nav div.slick-text {
        margin: 0 10px;
    }
    div.cp-slider.l9-team-carousel div.slick-text img {
        margin: 0 auto;
    }
}
/* new carousel testimonial - CT - styles */
div.ct-testimonial {
    width: auto;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #dedede;
    box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 25%);
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
div.ct-tilted-div {
    background: #dedede;
    width: 130%;
    height: 150px;
    margin: auto;
    padding: 10px;
    transform: rotate(25deg);
    transform: skew(-60deg, 8deg);
    position: absolute;
    bottom: -95px;
    left: -80px;
    z-index: 1;
}
div.ct-content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #0e4067;
    padding: 10px;
}
div.ct-quote {
    position: relative;
    z-index: 3;
}
div.ct-quote .feature-icon.diamond {
    width: 36px;
    height: 36px;
    font-size: 2rem;
    z-index: 3;
    color: #fff;
    margin-left: 30px;
}
div.ct-quote .feature-icon.diamond .iconfeature {
    position: absolute;
    top: 3px;
    left: 12px;
}
div.ct-author-container {
    position: relative;
    text-align: right;
    width: 100%;
    z-index: 3;
    padding-right: 15px;
}
div.ct-author {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
}
div.ct-org {
    font-size: .8rem;
    font-weight: bold;
    color: #fff;
}
div.ct-testimonial.ct-theme-wintergreen {
    border: 1px solid #CAE7B9;
}
div.ct-testimonial.ct-theme-wintergreen div.ct-tilted-div {
    background-color: #CAE7B9;
}
div.ct-testimonial.ct-theme-wintergreen div.ct-quote .feature-icon.diamond {
    background-color: #0e4067;
}
div.ct-testimonial.ct-theme-wintergreen div.ct-author {
    color: #0e4067;
}
div.ct-testimonial.ct-theme-wintergreen div.ct-org {
    color: #0e4067;
}
div.ct-testimonial.ct-theme-coral {
    border: 1px solid #A74151;
}
div.ct-testimonial.ct-theme-coral div.ct-tilted-div {
    background-color: #A74151;
}
div.ct-testimonial.ct-theme-coral div.ct-quote .feature-icon.diamond {
    background-color: #8C234D;
}
div.ct-testimonial.ct-theme-sherbert {
    border: 1px solid #DE7C5A;
}
div.ct-testimonial.ct-theme-sherbert div.ct-tilted-div {
    background-color: #DE7C5A;
}
div.ct-testimonial.ct-theme-sherbert div.ct-quote .feature-icon.diamond {
    background-color: #A74151;
}
div.ct-testimonial.ct-theme-waters {
    border: 1px solid #476D89;
}
div.ct-testimonial.ct-theme-waters div.ct-tilted-div {
    background-color: #476D89;
}
div.ct-testimonial.ct-theme-waters div.ct-quote .feature-icon.diamond {
    background-color: #0E4067;
}
@media screen and (max-width: 550px) {
    .slick-carousel {
        width: 100%;
    }
}
/* EOF */