@charset "UTF-8";
/* CSS Document */
/* ================ 1. Standard HTML elements ================ */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* Setting the font-size at document level using an absolute unit overwrites the user’s browser settings, so this should be relative */
body {
    /*font-family: 'Kulim Park', sans-serif;*/
    /*font-family: 'DM Sans', sans-serif;*/
    /*font-family: 'IBM Plex Sans', sans-serif;*/
    /*font-family: 'Arimo', sans-serif;*/
    /*font-family: 'Prompt', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px;
    background-color: #ffffff;
    margin: 0;
    color: #000;
    position: relative;
    z-index: 0;
    min-height: 100%;
    height: 100%;
}
p {
    line-height: 1.5;
    margin: 0 0 20px 0;
}
#content {
    margin: 0;
}
.content ul, .content ol {
    margin-bottom: 20px;
}
p:empty, .content:empty {
    display: none;
}
section, article, header, footer, nav, aside, hgroup {
    display: block;
}
nav ul li {
    display: inline-block;
    padding: 0 10px 0 0;
}
sup {
    font-size: 60%;
}
ul > li {
    list-style-type: disc;
}
/*======CONTENT================================================================================================*/
/*  ********* CONTENT STYLES MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM *********    */
/* ================ 1. General Global Styles ================ */
a:link, a:visited {
    color: #296A57;
    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: normal;
    font-family: 'DM Sans', sans-serif;
    color: #363D3E;
}
h1 {
    font-size: 50px;
    font-size: 3.125rem;
    letter-spacing: -2px;
    color: #296A57;
    font-weight: 900;
}
h2 {
    font-size: 32px;
    font-size: 2rem;
    color: #296A57;
}
h3 {
    font-size: 26px;
    font-size: 1.625rem;
    color: #296A57;
}
h4 {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 500;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 500;
}
h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 500;
}
/* ================ 2. Custom Button Styling ================ */
input[type=button], input[type=submit], a.button, a.button:link, a.button:visited {
    border: 2px solid #46977F;
    background-color: #46977F;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: normal;
    padding: 0 25px;
    cursor: pointer;
    color: #fff;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    line-height: 40px;
    font-family: 'DM Sans', sans-serif;
    border-radius: 3px;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover {
    border: 2px solid #296A57;
    background-color: #296A57;
    cursor: pointer;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
}
input[type=button]:active, input[type=submit]:active, a.button:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}
a.button2, a.button2:link, a.button2:visited {
    border: 2px solid #296A57;
    background-color: #296A57;
    color: #fff;
}
a.button2, a.button2:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
a.button2, a.button2:active {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}
a.button3, a.button3:link, a.button3:visited {
    border: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faefc5+1,f9e07f+100 */
    background: #faefc5; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #faefc5 1%, #f9e07f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #faefc5 1%, #f9e07f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #faefc5 1%, #f9e07f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faefc5', endColorstr='#f9e07f', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    color: #000;
}
a.button3, a.button3:hover {
    border: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faefc5+1,f9e07f+100 */
    background: #D46C4E; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #FF997D 1%, #D46C4E 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #FF997D 1%, #D46C4E 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #FF997D 1%, #D46C4E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF997D', endColorstr='#D46C4E', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
}
}
a.button3, a.button3:active {
    border: solid 2px #D46C4E;
    background: #FAEFC5;
    filter: none;
    color: #000;
}
/* ================ 3. Image sizing and alignment within tinymce ================ */
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;
}
/* ================ 4. Styles included within tinymce editor style selector ================ */
.intro {
    font-size: 20px;
    font-size: 1.25rem;
    color: #535859;
    line-height: 32px;
    font-family: 'DM Sans', sans-serif;
}
.caption {
    font-size: 14px;
    font-size: 0.875rem;
    color: #363D3E;
}
.huge {
    font-size: 44px;
    font-size: 2.75rem;
}
.large {
    font-size: 35px;
    font-size: 2.1875rem;
}
.medium {
    font-size: 24px;
    font-size: 1.5rem;
}
.normal {
    font-size: 16px;
    font-size: 1rem;
}
.small {
    font-size: 14px;
    font-size: 0.875rem;
}
/*======END CONTENT================*/
/*======VOICE================================================================================================*/
/* ================ 5. Reset and Accessibility ================ */
/*Reset code from Twitter Bootstrap -- http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css*/
/*can be tweaked as needed*/
html, body {
    margin: 0;
    padding: 0;
}
pre, abbr, acronym, address, cite, code, del, dfn, em, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, div.form-field, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
button, input {
    line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:active, #skip a:focus {
    position: static;
    width: auto;
    height: auto;
}
.hidden, .hide {
    display: none;
}
/*class to hide content so it is just for screen readers*/
.just-sr {
    position: absolute;
    display: block;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/* ================ 6. Quick Text Formatting ================ */
.large, .lrg {
    font-size: large;
}
.med {
    font-size: medium;
}
.small, .sm {
    font-size: small;
}
.tiny {
    font-size: xx-small;
    font-size: 11px;
    font-size: 0.6875rem;
}
.b {
    font-weight: bold;
}
.i {
    font-style: italic;
}
.txt-center {
    text-align: center !important;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
/* ================ 7. Show/Hide and Other Display Visuals ================ */
.hide, .hidediv {
    display: none;
}
.show {
    display: block;
}
td.show, th.show {
    display: table-cell;
}
.inline {
    display: inline;
}
ul.inline li {
    display: inline;
}
.pointer {
    cursor: pointer;
}
.bullet:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-size: inherit;
    margin: 0 7px 0 0;
}
/* ================ 8. Wrapper Elements ================ */
.wrapper {
    max-width: 100%;
    margin: auto;
}
.wrapper_inner {
    margin: auto;
}
/* ================ 9. Mobile Header / Menu ================ */
/*mobile menu icon*/
div.header-mobile div.header-bar button.menu-icon {
    font-size: 27px;
    font-size: 1.6875rem;
    height: 60px;
    width: 50px;
    padding: 9px 0 8px 0px;
    float: left;
    background-color: #2d4f66;
    border-radius: 0;
}
div.header-mobile div.header-bar button.menu-icon.menu-icon-open {
    background-color: #567285;
    color: #011020
}
div.header-mobile div.header-menu {
    background-color: #567285
}
div.header-mobile div.header-menu a {
    color: #ffffff
}
div.nav-main-mobile {
    border-right: 2px solid #d8dee3
}
div.nav-main-mobile ul.top-nav-menu {
    border-top: 2px solid #d8dee3;
}
div.header-mobile div.header-bar {
    background-color: #ffffff;
}
div.header-mobile div.header-bar a {
    color: #eee;
    padding: 5px;
    display: inline-block;
}
div.header-mobile div.header-bar a:hover, div.header-mobile div.header-bar a:active {
    text-decoration: none;
}
div.header-mobile div.header-bar a:active {
    color: #fff;
}
div.header-mobile div.header-bar button.menu-icon {
    display: inline-block;
    font-size: 27px;
    font-size: 1.6875rem;
}
div.header-mobile div.header-menu {
    clear: both;
    display: none;
}
div.header-mobile div.header-menu ul {
    margin: 0;
    padding: 0;
}
div.nav-sub-mobile div.parent {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 1.125rem;
}
div.nav-main-mobile, div.nav-sub-mobile {
    padding: 10px 0 10px 10px;
}
div.nav-main-mobile .main-nav-menu {
    margin: 0;
}
div.nav-main-mobile ul li, div.nav-sub-mobile ul li {
    padding: 0;
    font-size: 1rem;
}
div.nav-main-mobile ul li a, div.nav-sub-mobile ul li a {
    display: block;
    padding: 10px 0 10px 10px;
    margin: 0 -1px 0 0;
}
div.nav-main-mobile ul.nav-menu li.nav-item, div.nav-sub-mobile ul.nav-menu li.nav-item {
    display: block;
}
div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
    padding: 2.5% 0 2.5% 1%;
}
div.nav-main-mobile ul.nav-menu li.nav-item a.on { /*use an image as the on state indicator for mobile menu*/ /*background-image: url(../img/mobile-menu-on.png);
	background-repeat: no-repeat;
	background-position: right;*/
}
div.nav-main-mobile ul.nav-menu li.nav-item a.on:after {
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0d9";
    font-size: 18px;
    font-size: 1.125rem;
}
div.nav-sub-mobile ul li a.on {
    text-decoration: underline;
}
div.nav-main-mobile ul.top-nav-menu a {
    font-size: 0.8em !important;
    padding: 5px 0 5px 10px;
}
ul#main-nav-mobile li a.active {
    background-color: #aaa !important;
    color: #fff;
    text-shadow: none !important;
    border: solid 1px #7e2332 !important;
    opacity: .8;
    background-image: none
}
div.nav-main-mobile ul.nav-menu li.nav-item {
    margin: 0
}
div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
    padding: 7px 0;
    font-size: .9em
}
div.nav-sub-mobile ul li.nav-item a.parent {
    border-bottom: 1px solid #ffffff;
}
div.nav-sub-mobile ul li.nav-item a.parent.on {
    text-decoration: none;
}
div.nav-sub-mobile ul li.nav-item a.parent.on:hover {
    text-decoration: underline;
}
div.header-mobile div.header-bar button.menu-icon {
    background-color: #296A57;
}
div.header-mobile div.header-bar button.menu-icon:before {
    color: #fff;
    padding: 0px;
}
div.header-mobile div.header-bar button.menu-icon.menu-icon-open {
    background-color: #296A57;
}
div.header-mobile div.header-menu {
    background-color: #296A57
}
div.header-mobile div.header-menu a {
    color: #ffffff
}
div.header-mobile div.nav-main-mobile {
    border-right: 2px solid #ffffff
}
div.header-mobile div.nav-main-mobile ul.top-nav-menu {
    border-top: 2px solid #ffffff;
    margin-top: 10px;
    padding-top: 10px;
}
/* ================ 10. Header Elements ================ */
/* Header Logo*/
/*new logo model... uses no low res file, only hi res shrunk to fit*/
div.header-mobile div.header-bar {
    padding: 0;
    background-size: 204px 73px;
    background-image: url(/img/logo-cuname-hires.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/*dont display the mobile header by default*/
div.header-mobile {
    display: none;
}
div.header-mobile div.header-bar a {
    padding: 12px 0px 11px 0;
}
/*topnav container*/
div.topnav {
    margin: 10px 10px 10px 0;
    float: right;
    position: relative;
    z-index: 10;
}
/*main containers for the search field at full screen size*/
.site-search {
    float: left;
    margin: 0 0 0 1em;
}
/*the search box at full screen size*/
.search-box {
    width: 230px;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 0;
}
/*the search box at all screen sizes*/
input.search-field::-webkit-input-placeholder, input.mobile-search-field::-webkit-input-placeholder {
    color: #8C9495;
    text-transform: uppercase;
}
input.search-field:-moz-placeholder, input.mobile-search-field:-moz-placeholder {
    color: #8C9495;
    text-transform: uppercase;
}
input.search-field::-moz-placeholder, input.mobile-search-field::-moz-placeholder {
    color: #8C9495;
    text-transform: uppercase;
}
input.search-field:-ms-input-placeholder, input.mobile-search-field:-ms-input-placeholder {
    color: #8C9495;
    text-transform: uppercase;
}
/*desktop size search only*/
input.search-field {
    border: none !important;
    background-color: #f2f2f2;
}
/*search and locator fields at mobile screen size only*/
input.mobile-search-box, button.mobile-search-button {
    height: 50px;
    border: none;
}
input.mobile-search-field {
    height: 50px;
    border: none !important;
    /*font-size: 20px;*/
    font-size: 1.25rem;
}
/*the search and locator boxes at mobile screen size*/
.search-box {
    height: 0px;
    width: 0px; /*start with it closed*/
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    overflow: hidden;
}
.search-outer {
    position: relative;
    z-index: 0;
}
.search-box-open {
    height: 45px;
    width: 100%;
    max-width: 99%;
    margin: 3px 0;
    border: solid 1px #ccc !important;
    padding: 0 0 0 1%;
    background-color: #f2f2f2;
}
.search-box-open input.search-field {
    width: 950px;
    max-width: 82%;
    height: 46px;
    margin: 0;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: 1rem;
}
input.search-field:focus, input.mobile-search-field:focus {
    outline: none;
    box-shadow: none !important;
}
.search-box-open button.search-button {
    max-width: 5%;
}
.mobile-search-box {
    padding: 0 !important;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 0;
    width: 0px;
    height: 0; /*start with it closed*/
    margin: 0;
    border: none !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.92);
}
.mobile-search-box input.mobile-search-field {
    padding: 0 !important;
    width: 95%;
    float: right;
    background: transparent;
}
.mobile-search-box-open {
    padding: 0 !important;
    height: 30px;
    margin: 0;
    border: none !important;
    box-shadow: none !important;
    background-color: #f2f2f2;
    height: 50px;
    width: 85%;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}
/*format the search and locator buttons for ALL screen sizes*/
button.search-button {
    background: none;
    border: none;
    margin: 0;
    color: #333;
    float: right;
    display: inline-block;
    width: 45px;
    position: relative;
    z-index: 1;
    font-size: 1.125rem;
    padding: 4px 1%;
}
button.search-button.searchsubmit {
    padding: 4px 1%;
}
button.search-button.searchsubmit, button.search-button.searchopen {
    height: 46px;
    width: 45px;
}
button.search-button.searchclose {
    height: 46px;
    width: 25px;
    margin: 0 10px;
    color: #757575;
}
button.mobile-search-button {}
/*format the search for MOBILE only screen sizes*/
button.mobile-search-button {
    height: 50px;
    width: 12%;
    float: right;
    padding: 0 1.5%;
}
button.mobile-search-button-open {
    background: #f2f2f2;
}
.header-mobile div.search {
    display: block !important;
    margin: 0 !important;
}
.header-mobile div.search {
    width: 100%;
}
@media screen and (max-width: 767px) {
    /*show the mobile menu now*/
    div.header-mobile {
        display: block;
    }
    div.header-desktop {
        display: none;
    }
    /*remove the top, split, sub and main nav because they are all accomodated in the mobile menu*/
    div.topnav, div.nav-split, div.nav-main, header .inner div.search, div.mega-wrapper, div.nav-sub {
        display: none;
    }
    button.search-button {
        font-size: 20px;
        font-size: 1.25rem;
    }
    .col1-head, .col2-head {
        width: 50%
    }
    .header.bar-main {
        margin: 0;
    }
    .account-menu {
        top: 50px;
    }
    .subnav-mobile, .subnav-mobile .nav-sub, .sidebar-mobile {
        display: block;
    }
}
@media screen and (max-width: 660px) {
    div.header-mobile div.header-bar div.onethird {
        width: 15% !important;
        clear: none;
    }
    div.header-mobile div.header-bar div.twothirds {
        width: 85% !important;
        clear: none;
    }
    /* shrink logo more for smaller devices
	div.header-mobile div.header-bar {background-size: 140px 33.25px;} */
}
/* ================ 11. Footer ================ */
div.footer {
    float: none;
    height: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    background: #000;
    overflow: hidden;
}
div.footer, div.footer a {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.7);
}
.footer-left, .footer-right {
    width: 49%;
    float: left;
    padding: 1em 0;
}
.footer-right {
    text-align: right;
    float: right;
}
.copyright {
    clear: left;
}
.meta {
    font-size: 12px;
    font-size: 0.75rem; /* clear: left; this messes up post lists */
}
ul.foot-stack, div.foot-stack {
    margin: 0;
    padding: 0;
    line-height: 150%;
}
ul.foot-stack li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0 0 8px 0;
    line-height: 1.15;
}
ul.foot-stack li a {
    text-decoration: underline;
}
ul.foot-stack li a:hover {
    text-decoration: none;
}
div.social-block {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #b5bdbf;
    padding: 0;
}
div.social-block h3 {
    font-weight: 500;
    font-size: 27px;
    font-size: 1.6875rem;
    color: #fff;
    margin: 5px 0 0 0;
    border-bottom: 1px solid #fff;
}
ul.social {
    margin: 0 0;
    padding: 0;
    list-style: none;
}
ul.social li {
    font-size: 1.75rem;
    font-weight: normal;
    color: #b5bdbf;
    display: inline-block;
    margin: 20px 20px 0 0;
}
ul.social li:last-child {
    margin-right: 0;
}
ul.social li a:before {
    font-style: normal;
    text-decoration: inherit;
    float: left;
}
ul.social li a {
    display: inline-block;
    text-decoration: none;
}
ul.social li a span {
    font-size: 12px;
    font-size: .75rem;
}
ul.social li.twitter a span {
    margin-left: 8px;
}
ul.social li a:hover {
    color: #fff;
}
ul.social li.facebook a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f09a";
}
ul.social li.twitter a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f099";
}
ul.social li.instagram a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f16d";
}
ul.social li.linkedin a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f0e1";
}
ul.social li.pinterest a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f0d2";
}
ul.social li.youtube a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f167";
}
ul.social li.yelp a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    content: "\f1e9";
}
li.routing {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}
div.footer h5, div.footer a:link, div.footer a:visited, div.footer a:hover, div.footer a:active {
    color: #eee !important;
}
ul.compliance li {
    line-height: 1.65;
}
ul.compliance li img {
    margin-right: 25px;
}
div.footer h5 {
    text-transform: uppercase;
    margin: 40px 25px 25px 0;
    border-bottom: 1px solid #eee;
    padding: 30px 0 15px 0;
}
div.quick p {
    padding-right: 20px;
    line-height: 1.25;
}
div.footer div.social-icons {
    font-size: 28px;
    display: inline-block;
}
@media screen and (max-width: 769px) {
    ul.foot-stack li, ul.social {
        text-align: center;
    }
    .footer .nav-footer, .footer li.disclaimer {
        text-align: center
    }
    div.disclaimer, ul.foot-stack {
        text-align: center;
        width: 100%;
    }
    div.quick div.onefifth {
        text-align: center;
    }
}
/* ================ 12. Navigation ================ */
ul.nav-menu {
    list-style-type: none;
    list-style-position: inside;
}
ul.nav-menu li.nav-item {
    display: inline-block;
}
/* Main Nav*/
.menu-main {
    float: right;
    display: inline-block;
    width: 100%;
}
div.nav-main, div.nav-main ul.nav-menu {
    margin: 0 0 0 auto;
    padding: 0;
    max-width: 1280px;
}
div.nav-main ul.nav-menu {
    max-width: 1280px;
    display: table; /*width: 100%;*/
}
div.nav-main ul.nav-menu li.nav-item {
    display: table-cell;
}
div.nav-main ul.nav-menu li.nav-item a {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0 10px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #008026;
    font-weight: 600;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
}
div.nav-main ul.nav-menu li.nav-item:last-child a {
    text-align: right;
    padding-right: 0;
}
div.nav-main ul.nav-menu li.nav-item a:hover {
    color: #000C05;
}
div.nav-main ul.nav-menu li.on {}
div.nav-main ul.nav-menu li.on a {
    text-decoration: underline;
}
div.nav-main ul.nav-menu li a.active {
    position: relative;
    text-align: center;
    color: #000C05 !important;
}
div.nav-main ul.nav-menu li.on a {
    text-align: center;
}
div.up-arrow {
    position: relative;
    display: none;
    margin: 0 43% auto 43%;
}
div.nav-main ul.nav-menu li a.active div.up-arrow {
    display: block;
    margin-top: 1px;
}
.up-arrow .top {
    position: absolute;
    top: 1px;
    left: calc(50% - 10px); /* centered minus width of the arrow */
    width: 0;
    height: 0;
    z-index: 100;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E3E3E3;
}
.up-arrow .bottom { /*this is the triangle's border */
    position: absolute;
    width: 0;
    height: 0;
    left: calc(50% - 11px); /* shift the border over one more pixel */
    z-index: 99;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #858B87;
}
div.nav-main li {
    padding: 0
}
div.nav-main li:last-child {
    border-right: none
}
div.nav-main ul li:first-child {
    padding-left: 0
}
div.nav-main ul.nav-menu li {
    float: left; /*width: 25%*/
}
div.nav-main ul.nav-menu li a {
    text-align: center;
    display: inline-block;
}
.nav-base {
    background-color: #156CB3;
}
@media screen and (max-width: 1280px) { /* removing tablet-size scrollbar */
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 0 10px 10px 10px;
    }
}
@media screen and (max-width: 1140px) { /* removing tablet-size scrollbar */
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 17px;
        font-size: 1.0625rem;
        padding: 0 10px 10px 10px;
    }
}
@media screen and (max-width: 1095px) {
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 16px;
        font-size: 1rem;
        padding: 0 5px 10px 5px;
    }
    .mega-box .mega-subnav li, .mega-box ul.mega-subnav.mega-more li a {
        font-size: 95%;
    }
}
@media screen and (max-width: 980px) {
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 14px;
        font-size: 0.875rem;
    }
    .mega-box .mega-subnav li, .mega-box ul.mega-subnav.mega-more li a {
        font-size: 90%;
    }
}
@media screen and (max-width: 900px) {
    div.nav-main ul.nav-menu li.nav-item a {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
/* Top Nav*/
div.nav-top ul.nav-menu {
    padding: 0;
    margin: 5px;
}
div.nav-top ul.nav-menu li.nav-item {
    display: inline-block;
}
div.nav-top ul.nav-menu li.nav-item a {
    color: #000;
    display: inline-block;
    padding: 0 10px 0 15px;
}
div.nav-top ul.nav-menu li.nav-item a:hover, div.nav-top ul.nav-menu li.nav-item a.on {
    text-decoration: underline;
}
div.nav-top {
    width: 100%;
}
div.nav-top ul.nav-menu li.nav-item {
    line-height: 1;
}
div.nav-top ul.nav-menu li.nav-item.last {
    border-right: none;
}
div.nav-top ul.nav-menu li.nav-item a {
    font-size: 1rem;
    text-decoration: none;
    color: #2E2E2E;
    font-weight: 400;
}
a.last {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}
@media screen and (max-width: 1140px) {
    div.nav-top ul.nav-menu li.nav-item a {
        padding: 0 5px 0 4px;
        font-size: 0.875rem;
    }
}
@media screen and (max-width: 1095px) {
    div.nav-top ul.nav-menu li.nav-item a {
        padding: 0 3px 0 2px;
    }
}
@media screen and (max-width: 980px) {
    div.nav-top ul.nav-menu li.nav-item a {
        padding: 0 3px 0 0;
    }
    .dsktp-search-button {
        margin-left: 0;
    }
}
@media screen and (max-width: 890px) {
    div.nav-top ul.nav-menu li.nav-item a {
        padding: 0 2px 0 0;
        font-size: 12px;
        font-size: 0.75rem;
    }
    .dsktp-search-button {
        margin-left: 0;
    }
}
/*when mega menu is active, do this to main nav and top nav... */
.menuactive div.nav-main ul.nav-menu li.nav-item a {
    color: #57646C !important;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease;
}
.menuactive div.nav-main ul.nav-menu li a.active {
    color: #fff !important;
    text-decoration: none;
}
.menuactive div.nav-top ul.nav-menu li.nav-item a, .menuactive .dsktp-search-button {
    color: #57646C !important;
}
.menuactive div.logo a img {
    opacity: 0.3;
}
.menuactive div.logo img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/img/head_logo_hires-inverse.png) no-repeat;
    background-size: 213px 75px;
    width: 213px; /* Width of new image */
    height: 75px; /* Height of new image */
    padding-left: 213px; /* Equal to width of new image */
}
/*Mega Menu Structure and Navigation*/
.mega-wrapper {
    width: 100%;
    background-color: rgba(227, 227, 227, 1.0);
    position: relative;
    z-index: 997;
    border-top: 1px solid #858b87;
    border-bottom: 1px solid #858b87;
}
.megacontainer {
    max-width: 1280px;
    margin: auto;
    padding: 20px 0 0 0;
}
.megacontainer div.inner {
    padding: 0;
}
.megacontainer div.promotion {
    margin: 0 !important;
}
div.megamenu.right {
    float: none;
}
div.mega-box {
    /* display: table; */
    margin: auto;
    /* table-layout: fixed; */
    width: 100%;
    text-align: center;
}
ul.mega-subnav {
    width: 100%;
    /* display: table-row;*/
    margin: 10px auto 20px auto;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
ul.mega-subnav li {
    list-style: none;
    /*   display: table-cell;*/
    flex: auto;
    align-self: flex-start;
    font-size: 60px;
    font-size: 3.75rem;
    color: #040203;
    vertical-align: top !important;
    /*  	width: 16.6666%;*/
    padding: 0 5px !important;
    margin: 0;
    text-align: center;
}
ul.mega-subnav li a span.iconic:before {
    display: block;
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 300;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}
ul.mega-subnav li ul li {
    font-family: inherit;
}
ul.mega-subnav li ul li a {
    color: #B7E4B2 !important;
    font-weight: 300;
    padding: 0 15px !important;
    display: block;
}
ul.mega-subnav li a {
    display: block;
    color: #040203;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.313rem;
    padding: 0;
    margin: 0;
}
ul.mega-subnav li a:hover {
    color: #296A57;
    text-decoration: none !important;
}
.megaclose {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 10px 0;
    cursor: pointer;
    z-index: 999;
}
.megaclose button {
    background: transparent;
}
.megaclose button span {
    color: #B7E4B2;
    font-size: 40px;
    opacity: .75;
    font-weight: normal;
}
.megaclose button span:before {
    cursor: pointer;
}
.megaclose button:hover {
    cursor: pointer;
}
.megamenu.menu-items .inner {
    padding: 0;
}
.megamenu .promo-area .inner {
    padding: 0 2%;
}
ul.mega-subnav.mega-more {
    padding: 5px 0;
}
ul.mega-subnav.mega-more li {
    display: block;
    width: auto;
}
ul.mega-subnav.mega-more li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
    font-size: 17px;
}
div.megapromo {
    background-color: #72C640;
    display: block;
    color: #ffffff !important;
    text-align: center;
    line-height: 150%;
    padding: 0 0 10px 0;
    font-size: 19px;
    margin-right: 20px;
}
div.megapromo h3 {
    color: #ffffff;
    font-weight: 400;
    font-size: 29px;
    margin: 0;
}
@media screen and (max-width: 1260px) {
    .megaclose {
        display: none;
    }
}
@media screen and (max-width: 1125px) {
    ul.mega-subnav li {
        padding: 10px 5px;
    }
}
@media screen and (max-width: 940px) {
    ul.mega-subnav li {
        padding: 10px 5px;
    }
    ul.mega-subnav li a {
        font-size: 16px;
        font-size: 1rem;
    }
}
/* Sub Nav*/
div.nav-sub {
    width: auto;
}
div.nav-sub, div.subnav {
    margin: 10px 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: #FF6119;
}
div.nav-sub ul.nav-menu li a.on, div.subnav ul li a.on {
    color: #FF6119;
    text-decoration: none;
}
div.nav-sub ul li a.on:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    text-decoration: inherit;
    display: inline;
    float: left;
    margin: 3px 0 0 -15px;
    font-size: 1rem;
    font-weight: normal;
}
div.nav-sub h3, div.subnav h3 {
    padding: 0 0 0 15px;
    margin: 0
}
div.nav-sub h3 a {
    text-decoration: none;
}
div.nav-sub h3 a:hover {
    text-decoration: underline;
}
div.nav-sub ul, div.subnav ul {
    list-style: none;
    margin: 20px;
    padding: 0
}
div.nav-sub ul li, div.subnav ul li {
    padding: 8px 0;
    margin: 0
}
div.nav-sub ul li.level0 {}
div.nav-sub ul li.level1 {
    margin-left: 20px !important;
    font-size: .9rem;
}
div.nav-sub ul 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, div.nav-footer ul {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 4px 0 20px 0;
    padding: 0;
}
div.nav-footer ul.nav-menu li.nav-item {
    padding: 0 10px 8px 0;
    margin: 0;
    line-height: 1;
}
div.nav-footer ul.nav-menu li.nav-item:last-child, div.nav-footer ul.nav-menu li.nav-item.last {
    border-right: none;
    padding-right: 0;
}
div.nav-footer ul.nav-menu li.nav-item a {
    display: inline-block; /* color: #fff;*/
}
b.foot-title {
    display: block;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
    .footer .onefourth, .footer .onefifth, div.greylock-family {
        text-align: center;
    }
}
/* ================ 13. Announcements and Alerts ================ */
/*  home announcements*/
div.announcements {
    margin: 0;
    padding: 0;
}
div.announcements h4 {
    margin: 0 0 0.5em 0;
}
div.announcements .announcement h5.annc-title {
    font-size: 16px;
    font-size: 1rem;
}
div.announcements .announcement .desc {
    margin: 0 !important;
}
/* home alert*/
.alert {
    background-color: #E80C00 !important;
    color: #fff;
    min-height: 10px;
    padding: 10px;
}
.alert h5, .alert h5 a, .alert h5 a:visited {
    font-weight: 400;
    color: #000;
    margin: 0;
}
.alert h5 a:hover {
    text-decoration: underline;
}
div.alert-desc {
    font-size: 16px;
    font-size: 1rem;
}
/*close with x icon */
#alertbox.alert-box-close {
    height: 7px;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
a#alerthelp {
    color: #FCC9B3 !important;
    text-decoration: none;
    margin-top: 4px;
}
/* ================ 14. Mini Buttons and other default Buttons ================ */
a.mini-button:link, a.mini-button:visited, a.minibutton:link, a.minibutton:visited, div.minibutton a:link, div.minibutton a:visited, div.mini-button a:link, div.mini-button a:visited {
    font-weight: normal;
    font-size: 1em !important;
    background-image: none !important;
    border: solid 1px #a90e5c;
    color: #fff !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 12px;
    text-shadow: none !important;
    border: none !important;
    display: inline-block;
    /*white-space:nowrap;*/
    text-decoration: none;
    -webkit-transition: background-color .6s ease;
    -moz-transition: background-color .6s ease;
    -ms-transition: background-color .6s ease;
}
a.mini-button:hover, a.minibutton:hover, div.mini-button a:hover, div.minibutton a:hover {
    -webkit-box-shadow: 0 1px 2px #838a90;
    -moz-box-shadow: 0 1px 2px #838a90;
    box-shadow: 0 1px 2px #838a90;
    color: #f5e4ed;
    border: none;
    background-color: #478327;
}
a.back-button, a.comment-button {
    display: block;
    padding: 7px 5px 9px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #dfe5e5;
    width: auto;
    float: left;
    margin: 4px 2px 0 0;
    background-color: transparent;
    font-weight: normal;
    cursor: pointer;
}
a.back-button:hover, a.comment-button:hover {
    /*-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	-o-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;*/
    border: solid 1px #ccc;
    text-decoration: none;
}
a.back-button:active, a.comment-button:active {
    -webkit-box-shadow: inset 0 0 3px #333;
    -moz-box-shadow: inset 0 0 3px #333;
    -o-box-shadow: inset 0 0 3px #333;
    box-shadow: inset 0 0 3px #333;
    background-color: #cae8f0;
}
a.back-button {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    float: none !important;
    width: 50px;
    margin: 1em 0 1em 0;
}
a.comment-button {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    border: none;
}
a.comment-button-big {
    font-size: 18px;
    font-size: 1.125rem;
    border: solid 1px #93bac6;
    text-transform: none;
    padding: 4px 8px;
}
/* ================ 15. 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: .8em;
    background-color: #296A57
}
div.ca_tabs li a:hover {
    border: solid 1px #2e2e2e;
    background-color: #2e2e2e;
    text-decoration: underline;
}
div.ca_tabs li.current {
    margin: 0 3px -2px 0;
    padding: 0 0 1px
}
div.ca_tabs li.current a {
    text-decoration: none;
    border: solid 1px #ccc;
    border-bottom: 1px solid #fff !important;
    background-color: #fff;
    padding-top: 7px;
    color: #296A57
}
.ca_panel {
    padding: 15px 0;
    margin-bottom: 15px;
    clear: both;
}
/* ================ 16. Speedbump ================ */
.speedbump_wrapper {
    text-align: center;
}
.speedbump_wrapper span.title5 {
    font-size: 0.9em;
}
.speedbump_wrapper span.subtitle1 {
    font-size: 0.8em;
}
div.speedbump_content_box h2, div.speedbump_content_box h3 {
    font-size: 1rem;
}
/* fix for super-long URL */
div.speedbump_content_box h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
div.speedbump_content_box h2, div.speedbump_content_box h3 {
    margin: 5px 0 20px 0;
}
@media screen and (max-width:1150px) {
    div.speedbump_content_box, div.speedbump_content_box h2, div.speedbump_content_box h3 {
        font-size: 1.25rem;
    }
}
@media screen and (max-width:767px) {
    div.speedbump_content_box, div.speedbump_content_box h3 {
        font-size: 0.8rem;
    }
    div.speedbump_content_box h2 {
        font-size: 1rem;
    }
}
/* ================ 17. Sitemap ================ */
div.sitemap-container {
    padding: 20px 0;
    overflow: hidden;
}
ul.sitemaplist h4 {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    font-size: 1.1em;
    display: inline-block;
    font-weight: 400;
}
ul.sitemaplist {
    margin: 2px 0px 0 0px;
    padding: 0;
    font-size: 1em;
    list-style-type: none;
}
ul.sitemaplist li.sitemap_2 {
    margin: 10px 0px 0 0px;
    font-size: 0.95em;
    font-weight: bold;
}
ul.sitemaplist li.sitemap_2 a {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    font-size: 1.1em;
    display: inline-block;
}
ul.sitemaplist li.sitemap_3 {
    margin: -2px 0px 0 10px;
}
ul.sitemaplist li.sitemap_3 a {
    margin: 2px 0px 0 10px;
    padding-left: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_4 {
    margin: 2px 0px 0px 15px;
}
ul.sitemaplist li.sitemap_4 a {
    margin: 2px 0px 0 14px;
    padding-left: 10px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.85rem;
}
ul.sitemaplist li.sitemap_5 {
    margin: 2px 0px 0px 20px;
}
ul.sitemaplist li.sitemap_5 a {
    margin: 2px 0px 0 16px;
    padding-left: 15px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.75rem;
}
ul.sitemaplist li.sitemap_6 {
    margin: 2px 0px 0px 25px;
}
ul.sitemaplist li.sitemap_6 a {
    margin: 2px 0px 0 18px;
    padding-left: 20px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_7 {
    margin: 2px 0px 0px 30px;
}
ul.sitemaplist li.sitemap_7 a {
    margin: 2px 0px 0 20px;
    padding-left: 25px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}
ul.sitemaplist li.sitemap_ {
    display: none;
    visibility: hidden;
}
@media screen and (max-width:640px) {
    div.sitemap {
        clear: both;
        float: none;
        width: auto;
    }
}
/* ================ 18. FAQ's ================ */
ul.faq-list {
    padding: 0 0 30px 15px;
    list-style-type: none;
    margin: 0;
}
ul.faq-list li {
    padding: 0 0 10px 0;
}
ul.faq-list li a > span {
    text-decoration: underline;
}
ul.faq-list a:hover {
    text-decoration: none;
}
ul.faq-list a:hover > span {
    text-decoration: underline;
}
ul.faq-list a.faq-question:before {
    text-decoration: underline;
} /* part 1 of IE11 text-decoration work-around */
ul.faq-list a.faq-question:before {
    font-family: 'Font Awesome 5 Free';
    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 5 Free';
    font-weight: 900;
    content: "\f0d8";
    margin-left: -15px;
}
/*don't format list items within FAQ answers like the faq list items*/
.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;
}
div.faq-content a, div.faq-content a:link, div.faq-content a:visited {
    text-decoration: underline !important;
}
/* ================ 19. 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;
}
.list-row.separator {
    clear: both;
    border-bottom: 4px solid #007c88;
}
.list-head {
    clear: both;
    background-color: #2277c7 !important;
}
.list-head.list-head-main {
    display: block;
}
.list-head.list-head-repeated {
    display: none;
}
.list .list-item {
    display: inline-block;
    float: left;
    padding: 1% 0;
}
.list .list-item, .list .list-item li, .list .list-item p {
    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: #77942b;
    text-align: center;
    width: 40px;
    margin: auto;
    display: block;
}
.list .head {
    padding: 0;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: normal;
}
.list .head .inner {
    padding: 10px 6px;
}
.list .title {
    width: 40%;
}
.list .date {
    white-space: nowrap;
    width: 20%;
}
.list .time {
    white-space: nowrap;
    width: 10%;
}
.list .location {
    width: 30%
}
.list .cost {
    width: 10%;
}
div.list div.list-row {
    background: #f5f5f5;
}
div.list div.list-row:nth-child(even) {
    background: #f5f5f5;
}
div.list div.list-row:nth-child(4n+3) {
    background: #eaeaea;
}
div div.list-row .list-item:last-child .inner {
    border-right: none;
}
div.list-row .list-item h4 {
    margin: 0 0 8px 0;
    font-size: 0.925rem;
    line-height: normal;
    font-weight: 700;
    text-align: left;
}
div.list-row .list-item h5 {
    margin: 0;
}
div.list-row .list-item:last-child .inner {
    border: none !important;
}
@media screen and (max-width:769px) {
    .list .list-item.onehalf {
        width: 98% !important;
        clear: none;
    }
    .list .list-item.onethird {
        width: 40% !important;
        clear: none;
    }
    .list .list-item.onefourth {
        width: 33.33333% !important;
        clear: none;
    }
    .list .list-item.onefifth {
        width: 24% !important;
        clear: none;
    }
    .list .list-item.onesixth {
        width: 20% !important;
        text-align: center;
        clear: none;
    }
    .list-head.list-head-main {
        display: none;
    }
    .list-head.list-head-repeated {
        display: block;
    }
    div.list-row .list-item h4 {
        text-align: center;
    }
    div.list-row .list-item.account, div.list-row .list-item.first {
        width: 100% !important;
        clear: right;
        border-right: none;
    }
    div div.list-row .list-item.account, div div.list-row .list-item.account .inner, div div.list-row .list-item.first .inner {
        min-height: 1em !important;
        margin: 0;
        border-right: none;
    }
    div div.list-row .list-item .inner {
        min-height: 150px;
    }
    div .list-item.first-head {
        display: none;
    }
    div .list-item.second .inner, div .list-item.third .inner, div .list-item.fourth .inner, div .list-item.fifth .inner, div .list-item.sixth .inner {
        padding: 1em 4% !important;
    }
    div .list-item.second .inner {
        padding-left: 1em !important;
    }
    .list-item.third, .list-item.third-head, .list-item.fourth, .list-item.fourth-head, .list-item.fifth, .list-item.fifth-head {
        text-align: center;
    }
}
@media screen and (max-width:640px) {
    .list .title, .list .location, .list .date, .list .time {
        width: 100%;
        clear: both;
    }
    .list-head {
        display: none;
    }
}
@media screen and (max-width:440px) {
    .list .head {
        font-size: 10px;
        font-size: 0.625rem;
        line-height: normal;
    }
}
.list.seminars-list .head {
    background: transparent !important; /* color:#007c88; */
}
.list.seminars-list .list-row {
    background: transparent !important;
}
/* ================ 20. Posts / Post Lists / Post Images ================ */
/* Featured posts list, regular post list*/
.post-embedded {
    clear: both;
    padding: 10px 0;
}
div.post-embedded h2 {
    margin-top: 10px;
}
.page_body h1.post-title {
    margin-left: 0;
}
div.post-content {
    padding-bottom: 40px;
}
.post-content p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
ul.posts {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.posts li {
    display: inline-block;
}
.post-list .abstract, .post-list .abstract p {
    font-family: inherit !important;
    font-weight: inherit !important;
}
ul.post-list li {
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 20px;
    padding-left: 0;
}
ul.post-list li a h2 {
    font-size: 1.2em;
    margin: 0;
}
ul.post-featured li {
    width: auto;
    display: inline-block;
}
ul.post-featured li a {
    padding: 0 1%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
ul.post-featured li a h2 {
    margin: 0;
    font-size: 22px;
    font-size: 1.375rem;
}
ul.post-featured li a:hover, ul.post-list li a:hover {
    text-decoration: none;
}
ul.post-featured .abstract {
    overflow: hidden;
    margin: 0;
}
.intro ul.post-featured .abstract p, ul.post-featured .abstract p {
    font-family: inherit !important;
}
div.pagination-status {
    margin-bottom: 20px;
}
/*=============== POST THUMBS AND CONTAINERS ================*/
div.feature-img {
    overflow: hidden;
    width: 100%;
    max-width: 480px;
    float: left;
}
div.feature-img img, div.img50 img {
    position: relative;
    top: 0;
}
div.img50 {
    width: 52px;
    height: 50px;
    overflow: hidden;
}
div.img50 img, img.img50 {
    min-height: 50px;
    max-width: 80px;
}
div.img90, div.img100 {
    width: 102px;
    height: 90px;
}
div.img90 img, div.img100 img {
    min-height: 100px;
    max-width: 160px;
}
div.img-full, div.img50, div.img90, div.img100, .img-full {
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
}
/*=============== POST DETAIL IMAGE ================*/
div.post-img, div.feature-img {
    margin: 5px 3% 20px 0;
    float: left;
    clear: both;
    background-color: #ffffff;
    border: solid 1px #D9E5F0;
    padding: 5px;
}
div.feature-img img {
    width: 100%;
}
div.post-img {
    max-width: 20%;
}
div.post-content div.post-img, div.post-embedded div.post-img {
    max-width: 40%;
}
div.post-img img {
    margin: 0;
}
ul.post-featured li a {
    height: auto;
    padding: 10px 0;
    display: block;
}
.post_body .alignleft {
    float: left;
    margin: 0;
}
@media screen and (max-width:767px) {
    ul.posts li div.feature-img, div.post-img {
        float: none;
        clear: both;
    }
    ul.posts li div.feature-img img, div.post-img img, div.post-content div.post-img {
        width: 100%;
        max-width: 100%;
    }
    div.post-content h3 {
        clear: both;
    }
    div.post-img, div.feature-img, div.post-embedded div.post-img {
        margin: 0 0 10px 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        padding: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }
    ul.post-featured li {
        width: 100%;
        float: none;
        padding: 0;
        clear: both;
    }
}
/* ================ 21. "Page Tools" ================ */
ul.page_tools {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: #666;
    width: 100%;
}
ul.page_tools li {
    list-style: none;
    display: inline-block;
    font-size: .85em;
    line-height: normal;
    padding: 2px;
    margin: 0;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}
ul.page_tools {
    border-bottom: solid 1px #e9e6e5;
    margin: 0 0 1em 0;
}
/* moved ratings-related CSS to comments.css */
ul.page_tools li.tweet {
    float: right;
}
/* ================ 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 #a3bdd6;
    text-align: center
}
div.sidebar div.seminars-list div.list-head {
    display: none
}
div.sidebar div.seminars-list div.list-row {
    padding: 5px
}
div.sidebar div.seminars-list div.title {
    display: block;
    width: auto;
    font-weight: 700
}
div.sidebar div.seminars-list div.date {
    display: block;
    width: auto;
    color: rgba(113, 100, 100, 1);
    font-size: 14px;
    font-size: 0.875rem;
}
div.sidebar div.seminars-list div.time {
    display: none
}
div.sidebar div.seminars-list div.location {
    display: none
}
div.sidebar div.seminars-list div.cost {
    display: none
}
/* ================ 23. Fixed Sidebar Modules ================ */
/* related block */
.related_content {
    margin: 0 auto 20px auto;
    padding: 0 10px 10px 10px;
    border: 1px dotted #dedede;
    clear: both;
    text-align: center;
    display: inline-block;
}
/* ================ 24. FlexSlider Banners ================ */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .content ul.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(/img/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flex-direction-nav .flex-prev {
    left: -36px;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    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;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}
div.home-banner, div.int-banner {
    width: 100%;
    position: relative;
}
/* ================ 25. Flexslider Style Overrides ================ */
/* Control Nav */
.flex-control-nav {
    width: 99%;
    position: absolute;
    bottom: 10px;
    left: 1%;
    text-align: left;
}
.int-banner .flex-control-nav { /*display: none;*/
}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {}
.flex-control-paging li a:hover {
    text-decoration: none;
    background-color: #efefef;
    color: #555;
}
.flex-control-paging li a.flex-active {}
.flex-direction-nav {
    display: none;
}
/* ================ 26. JQuery Style Overrides ================ */
/* Overlays */
.ui-dialog {
    max-width: 95% !important;
    z-index: 1000;
}
.ui-widget-content {
    border: none;
}
.ui-dialog-titlebar { /*	display: none;    */
}
.ui-widget {
    font-family: inherit !important;
}
.ui-widget-header {
    border: none;
    background: #666;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {}
.ui-widget-overlay {
    background: #777777;
    position: fixed;
    opacity: .60;
    filter: Alpha(Opacity=60);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
/* DIALOG BUTTON */
.ui-button-text-only .ui-button-text {
    padding: 2px 5px;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-family: inherit;
    font-weight: normal;
    text-decoration: none;
}
.ui-dialog .ui-dialog-content {
    text-align: left;
}
.error {
    color: #e80000 !important;
    font-weight: bold;
}
/* ================ 27. Ajax Elements ================ */
/* progress indicator*/
.ajaxInProgress_wrapper {
    z-index: 99999;
    width: 100%;
    position: fixed;
    margin: 0;
}
.ajaxInProgress_wrapper .ajaxInProgess {
    position: fixed;
    background-image: url(/img/wait3.gif);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .75;
    background-color: #333;
}
.debug {
    border: 1px dotted;
    padding: 5px;
    background-color: #FF0033;
    color: #FFFFFF;
}
/* ================ 28. GOOGLE SEARCH or VOICE SEARCH - Integration into results page ================ */
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;
    float: left;
    max-width: 48%;
    margin-left: 1%;
}
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;
    }
}
div#gsearchresults {
    padding: 5px;
}
div#gsearchresults a {
    color: #34719d !important;
    font-weight: 400;
    text-decoration: none;
}
div#gsearchresults a b {
    color: #34719d !important;
}
div#gsearchresults div.gs-visibleUrl {
    color: #a02237 !important;
}
/* table.gsc-resultsHeader {padding:  15px 0px !important; }*/
div.gsc-control {
    width: auto;
}
input.gsc-input {
    height: 39px;
    font-size: 21px;
    font-size: 1.3125rem;
}
div.gsc-cursor-page {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: solid 1px #ccc !important;
    text-decoration: none !important;
    color: #a02237 !important;
}
div.gsc-cursor-current-page {
    background-color: #a02237 !important;
    color: #ffffff !important;
}
div.gsc-cursor-box {
    margin-top: 20px !important;
}
.gsc-webResult .gsc-result {
    padding-bottom: 15px !important;
    border-bottom: 1px dotted #CACACA !important;
    margin-bottom: 15px !important;
}
.gsc-above-wrapper-area {
    border-bottom: 1px dotted #CACACA !important;
    width: 561px !important;
}
.gsc-result-info-container {
    max-width: 428px !important;
}
.gsc-above-wrapper-area-container {
    clear: both;
    max-width: 428px !important;
}
.gsc-above-wrapper-area {
    max-width: 428px !important;
}
div.onewhole {
    padding: 0;
}
img#powered-by {
    display: inline !important;
    clear: right;
    margin-top: 10px;
}
.gsc-above-wrapper-area {
    width: auto !important;
}
/*  Silvercloud FAQ Results*/
/*FAQ displays within product pages*/
div.faq_search_results_spec_cats div.faq-search {
    position: relative;
    float: none;
    width: 90%;
    max-width: 100%;
    margin: 1%;
}
div.faq_search_results_spec_cats ul.faq-list {
    padding: 0;
    margin-left: 0;
}
.faqs .silvercloud_search_results_container {
    margin-top: 1.5em;
}
.faqs .silvercloud_search_result {
    margin-bottom: 6px;
    position: relative;
    padding-bottom: 10px;
    padding-right: 3%;
    float: left;
    width: 30%;
    max-width: 265px;
    min-height: 60px;
    text-align: left;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: 700;
    display: block;
    float: left;
    width: 88%;
    max-width: 240px;
    padding: 3px 0 0 !important;
}
.faqs .silvercloud_search_result:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f054';
    display: block;
    float: left;
    width: 10%;
    min-width: 15px;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #007c88;
    text-decoration: underline !important;
}
/* a.silvercloud_return_to_results {
	background-color: transparent !important;
	border: 1px solid #fff !important;

}*/
.faqs div.silvercloud_widget_top_content {
    border: none;
    padding: 0;
    text-align: center;
}
/*================ 29. Online Banking Login ================*/
div.ob-login {
    max-width: 990px;
    margin: auto;
    padding: 0;
    position: relative;
    top: 430px;
    z-index: 1;
}
div.ob-login form {
    margin: 0 10px 0 20px;
}
div.ob-login div.login-box {
    right: 0;
    background: #005A90;
    padding: 0 0 8px 0;
    position: absolute;
    max-width: 455px;
}
div.ob-login div.login-box div.form-field {
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
}
div.ob-login div.login-box div.form-field.submit, div.ob-login div.login-box div.form-field.submit .ob-links {
    display: inline-block;
}
div.ob-login div.login-box .ob-links a {
    color: #308796;
    font-size: 12px;
    font-size: 0.75rem;
    float: right;
}
div.ob-login div.login-box div.form-field .input {
    width: 150px;
    display: inline-block;
    float: none !important;
}
div.ob-login div.login-box div.form-field .input input.field, .bank-button {
    display: inline-block;
    float: none !important;
    background-color: #043B5C;
    color: #fff;
    border: none;
    padding: 0.6rem 6%;
    max-width: 90%;
}
.bank-button {
    padding: 2px 10px;
}
.bank-button .fas:before {
    color: #fff;
    font-size: 32px;
}
div.ob-login div.login-box div.form-field .input input::-webkit-input-placeholder {
    color: #efecea;
}
div.ob-login div.login-box div.form-field .input input:-moz-placeholder { /* Firefox 18- */
    color: #efecea;
}
div.ob-login div.login-box div.form-field .input input::-moz-placeholder { /* Firefox 19+ */
    color: #efecea;
}
div.ob-login div.login-box div.form-field .input input:-ms-input-placeholder {
    color: #efecea;
}
div.ob-login div.login-box h2.login-header {
    width: 90%;
    margin: 5px 0 0;
    float: left;
    color: #fff;
    padding: 5px 25px;
    font-size: 19px;
    font-size: 1.1875rem;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.login_links {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 18px;
}
.login_links li {
    display: inline-block;
}
.login_links a {
    font-size: 12px;
    color: #fff !important;
    margin: 5px 0 0 3px;
}
/*  Smaller than 480 wide */
@media screen and (max-width: 767px) {
    /*home banking login area*/
    div.ob-login {
        width: 94% !important;
        max-width: 100%;
        padding: 10px 3%;
        margin: 0;
        float: none;
        position: relative;
        top: 0;
        right: 0;
        text-align: left;
        background-color: #2e2e2e;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
    div.ob-login.banking_disabled {
        margin: 0;
        max-height: 100%;
        background-color: rgba(0, 0, 0, .75);
        padding: 20px 3% 10px 3%;
    }
    div.ob-login.banking_disabled .login-box {
        display: table;
        text-align: center;
        margin: auto;
        width: auto;
    }
    div.ob-login.banking_disabled .login-box:before {
        margin: 10px 5px;
    }
    div.ob-login_inner div.form-field.login {
        width: 100%;
    }
    div.ob-login_inner label, div.ob-login_inner input[type=text], div.ob-login_inner input[type=password] {
        width: 96%;
    }
    div.ob-login_inner div.form-field.submit {
        float: right;
        width: 73px;
        height: 35px;
        padding-top: 0;
        margin: 0;
        clear: both;
    }
    div.ob-login .hblinks {
        margin: 10px 0;
        position: relative;
    }
    div.ob-login .hblinks a {
        color: #ffffff !important;
    }
    div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password] {
        text-align: center;
        margin: auto;
        width: 83%;
        max-width: 100%;
    }
    button.bank-button {
        width: 40px;
        padding: 5px 2%;
    }
    h2.login-header {
        text-align: center;
    }
}
@media screen and (max-width: 460px) {
    .banking-link-block {
        display: block
    }
    .banking-login-block {
        display: block
    }
    .banking-link-block a.fancy-button {
        display: block
    }
    div.ob-login div.login-box input[type=text], div.ob-login div.login-box input[type=password] {
        width: 77%;
    }
}
/* ================ 30. Compliance Logos (footer) ================ */
ul.compliance {
    margin: 0 0 35px 0;
    padding: 0;
    list-style: none;
}
ul.compliance li {
    display: inline-block;
    padding: 0 5px 0 0;
    margin: 0;
}
ul.compliance li a {
    display: block;
    background-repeat: no-repeat;
}
ul.compliance li.ncua a {
    width: 81px;
    height: 38px;
    background-size: 81px 38px;
    background-image: url(/img/footer_logo_ncua.png);
}
ul.compliance li.ehl a {
    width: 42px;
    height: 38px;
    background-size: 42px 38px;
    background-image: url(/img/footer_logo_ehl.png);
}
ul.compliance li.disclaimer {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: .90;
    padding: 10px 0 0 0;
}
@media screen and (max-width: 769px) {
    ul.compliance {
        margin: 20px 0 0 0;
        padding: 0;
        width: auto;
        text-align: center;
    }
    ul.social li {
        margin: 0 10px;
    }
}
div.foot-links, div.foot-stack {
    color: #fdd161;
    text-align: left;
    margin: 10px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
}
div.foot-links a.button, div.foot-links a.button:link {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    margin: 10px 0 0 0;
    font-size: 18px;
    font-size: 1.125rem;
}
@media screen and (max-width: 769px) {
    div.disclaimer, ul.foot-stack, div.foot-stack, ul.foot-stack li, ul.social, div.footer div.left, div.foot-links {
        text-align: center;
        width: 100%;
    }
    .footer .nav-footer, .footer li.disclaimer {
        text-align: center
    }
}
/* ================ 31. Standardized Color Values ================ */
.clr1-dark {
    color: #296A57 !important;
}
.clr1-med {
    color: #46977F !important;
}
.clr1-lite {
    color: #BAE0D5 !important;
}
.clr2-dark {
    color: #535859 !important;
}
.clr2-med {
    color: #8C9495 !important;
}
.clr2-lite {
    color: #D0DCDD !important;
}
.clr1-bg-dark {
    background-color: #296A57 !important;
}
.clr1-bg-med {
    background-color: #00af41 !important;
}
.clr1-bg-lite {
    background-color: #e3f6ea !important;
}
.clr2-bg-dark {
    background-color: #2e2e2e !important;
}
.clr2-bg-med {
    background-color: #afafaf !important;
}
.clr2-bg-lite {
    background-color: #e3e3e3 !important;
}
.clr1-bdr-dark {
    border-color: #296A57 !important;
}
.clr1-bdr-med {
    border-color: #00af41 !important;
}
.clr1-bdr-lite {
    border-color: #e3f6ea !important;
}
.clr2-bdr-dark {
    border-color: #2e2e2e !important;
}
.clr2-bdr-med {
    border-color: #afafaf !important;
}
.clr2-bdr-lite {
    border-color: #e3e3e3 !important;
}
th.clr1-bg-dark, th.clr1-bg-med, th.clr2-bg-dark, th.clr2-bg-med {
    color: #fff !important;
}
td.clr1-bg-dark, .clr1-bg-dark div, .clr1-bg-dark p, .clr1-bg-dark a, td.clr1-bg-med, .clr1-bg-med div, .clr1-bg-med p, .clr1-bg-med a, td.clr2-bg-dark, .clr2-bg-dark div, .clr2-bg-dark p, .clr2-bg-dark a, td.clr2-bg-med, .clr2-bg-med div, .clr2-bg-med p, .clr2-bg-med a, .clr1-bg-dark h1, .clr1-bg-dark h2, .clr1-bg-dark h3, .clr1-bg-dark h4, .clr1-bg-dark h5, .clr1-bg-dark h6, .clr2-bg-dark h1, .clr2-bg-dark h2, .clr2-bg-dark h3, .clr2-bg-dark h4, .clr2-bg-dark h5, .clr2-bg-dark h6, .clr1-bg-med h1, .clr1-bg-med h2, .clr1-bg-med h3, .clr1-bg-med h4, .clr1-bg-med h5, .clr1-bg-med h6, .clr2-bg-med h1, .clr2-bg-med h2, .clr2-bg-med h3, .clr2-bg-med h4, .clr2-bg-med h5, .clr2-bg-med h6 {
    color: #fff !important;
}
.clr1-bg-dark a:link, .clr1-bg-dark a:visited, .clr1-bg-med a:link, .clr1-bg-med a:visited, .clr2-bg-med a:link, .clr2-bg-med a:visited, .clr2-bg-dark a:link, .clr2-bg-dark a:visited {
    color: #fff;
}
.clr1-bg-dark .intro, .clr1-bg-med .intro, .clr2-bg-med .intro, .clr2-bg-dark .intro {
    color: #fff;
}
/* customizing form field placeholder text color */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #8C9495;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #8C9495;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #8C9495;
}
:-moz-placeholder { /* Firefox 18- */
    color: #8C9495;
}
/* OVERRIDE JQUERY UI STYLES */
.ui-widget-content a {
    color: #000;
}
.ui-button-text-only .ui-button-text {
    padding: 2px 20px;
}
@media screen and (max-width: 769px) {
    div.quickbox {
        clear: both;
    }
    div.quickbox div.onehalf {
        display: block !important;
        width: 100%;
    }
    div.quickbox div.right {
        float: none;
    }
    div.footer_quicklinks, div.footer div.txt-right {
        text-align: center !important;
        float: none !important;
    }
    div.footer .twofifths.right {
        float: none;
    }
}
/* 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;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
    background-color: #1d5987 !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #1d5987 !important;
}
.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;
}
/*======LAYOUT & FORMS================================================================================================*/
/* ================ 32. Column Layouts ================ */
/*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%;
}
.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 {
    margin: auto;
}
.inner {
    padding: 0 20px;
}
.page-inner {
    padding: 1% 0;
}
div.inner:empty {
    display: none;
}
/*================= 33. 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 {
        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;
}
/*================= 34. Header and Page Body Columns =================*/
div.header {
    height: auto;
    z-index: 998;
    position: relative;
}
div.head-logo {
    position: absolute;
    z-index: 1;
}
div.head-nav {
    position: relative;
    z-index: 9999;
}
.page-body {
    max-width: 1280px;
    margin: auto;
    position: relative;
    clear: both;
    overflow: hidden;
}
.header-inner, .header .inner, .page_body, .foot.inner {
    max-width: 1280px;
    margin: auto;
    padding: 0 20px;
}
.page_body, header .inner, footer .inner {
    padding: 0;
}
div.footer .inner {
    padding: 20px 10px 20px 10px;
}
.promotion {
    max-width: 1280px;
    margin: auto;
}
/* ================ 35. Site Layout Containers ================ */
.wrapper { /*global container to set width and center*/
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    float: none !important;
}
.wrapper_inner {
    margin: auto;
    overflow: hidden;
    min-height: 400px;
}
.page_body {
    padding: 0;
    margin: auto;
    clear: both;
}
.header, .footer {
    width: auto;
    margin: auto;
}
.header .inner {
    margin: auto;
    padding: 0;
}
.footer .inner {
    margin: auto;
}
/* ================ 36. Clearfix and Clearing ================ */
.clearfix:before, .clearfix:after, .fix:before, .fix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after, .fix:after {
    clear: both;
}
.clearfix, .fix {
    zoom: 1;
}
.clear {
    clear: both;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
/* ================ 37. Floating ================ */
.left, .colleft {
    float: left;
}
.right, .colright {
    float: right;
}
/*================= 38. Show or hide for varying screen sizes =================*/
@media screen and (max-width: 768px) {
    .sidebar, .tabbedca-title {
        display: none !important;
    }
}
/* ================ 39. General Responsive Elements ================ */
img, iframe {
    max-width: 100%;
}
/* 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;
}
/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}
/* 8.2 Smaller than 1280 wide */
@media screen and (max-width: 1280px) {}
/* 8.3 Smaller than 1024 wide */
@media screen and (max-width: 1024px) {}
/* 8.4 At least 768 wide */
@media screen and (min-width: 769px) {}
/* 8.5 Between 640 wide and 768 wide */
@media screen and (min-width: 641px) and (max-width: 768px) {}
/* 8.6 Smaller than 768 wide */
@media screen and (max-width: 768px) {
    /*tabbed content areas converted to non-tabbed areas*/
    div.ca_tabs {
        display: none;
    }
    div.ca_panel {
        display: block !important;
        visibility: visible !important;
    }
    /*re-layout regular content areas*/
    .footer .inner .footer-left, .footer .inner .footer-right {
        width: 100%;
        clear: both;
    }
    .footer-left, .footer-right {
        float: right;
        padding: 0 0 10px 0;
    }
    div.footer_quicklinks {
        width: 100%;
        margin: 10px 0;
    }
    .tabbedca-title {
        display: block !important;
    }
}
/* 8.7 Smaller than portrait tablet width */
@media screen and (max-width: 767px) {
    .header .logo a {
        margin: auto;
        width: 100% !important;
    }
    .header .logo {
        margin: 10px auto 20px auto !important;
        background-position: center;
    }
}
/* 8.8 Smaller than 480 wide */
@media screen and (max-width: 480px) {}
/* 8.9 Smaller than 400 wide */
@media screen and (max-width: 400px) {
    div.nav-main ul {
        width: 100% !important;
    }
}
/* ================ 40. Form Elements ================ */
fieldset {
    border: none;
}
div.form-field {
    width: 100%;
    margin: .5em 0;
    float: left;
}
div.form-field .label {
    float: left;
    width: 40%;
}
div.input {
    width: 98%;
    margin-right: 1%;
}
.form-group {
    margin: 10px 0;
}
.form-group.onewhole div.input {
    width: 100%;
}
.form-group:last-child .input {
    width: 100%;
    margin-right: 0;
}
div.form-field div.input.submit {
    border-top: solid 1px #ddd;
    padding: 0.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;
    -moz-box-shadow: inset 1px 1px 5px #ccc;
    -webkit-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[type=radio], input[type=checkbox] {
    display: none !important;
}
input[type=radio] + label {
    display: block;
}
input[type='checkbox'] + label:before, input[type='radio'] + label:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 8px;
    width: 23px;
}
input[type=radio] + label:before {
    content: "\f111"; /* Radio Unchecked */
}
input[type=radio]:checked + label {
    /* Radio Checked */
    color: #46977F;
}
input[type=radio]:checked + label:before {
    content: "\f192"; /* Radio Checked */
    color: #46977F;
}
input[type="checkbox"] + label:before {
    content: "\f096"; /* Checkbox Unchecked */
}
input[type="checkbox"]:checked + label {
    /* Checkbox Checked */
    color: #46977F;
}
input[type="checkbox"]:checked + label:before {
    content: "\f046"; /* Checkbox Checked */
    color: #46977F;
}
.radio label, .checkbox label {
    padding-left: 0;
}
input.formkey {
    width: inherit;
}
input.error, textarea.error, select.error, input.errormsg, textarea.errormsg, select.errormsg {
    border-color: #d13836 !important;
}
.errormsg {
    color: #d13836;
    padding: 1px 0 10px 0;
    font-size: 0.8em;
    text-align: left;
}
.form_label_req {
    color: #006990;
    font-weight: bold;
}
input.field, textarea {
    font-size: 16px;
    font-size: 1rem;
}
input.upload {
    font-size: 11px;
    font-size: 0.6875rem;
    width: 99%;
}
input.short, textarea.short {
    width: 33%;
}
input.wide, textarea.wide {
    width: 100%;
}
input.small, textarea.small {
    font-size: .9em;
}
input.large, textarea.large {
    font-size: 16px;
    font-size: 1rem;
}
input.tiny {
    height: 12px;
    font-size: .8em;
    font-weight: bold;
}
select.select {}
select.wide {
    width: 99%;
}
select.short {
    width: 33%;
}
select.small {
    font-size: .9em;
}
select.large {
    font-size: 1.3em;
}
select.multiple {
    width: 96.5%;
    /*	height: 130px; */
    overflow: auto;
    font-size: 1rem;
}
select.multiple_wide {
    width: 99%;
    height: 100px;
    overflow: auto;
}
.aid {
    color: #333;
    font-size: 12px;
    font-size: .75rem;
    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
}
.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: 1em;
}
/* Generated Form styles */
ul#form_elements, ul#form_elements li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    /*	override drag and drop positioning from form workboard...*/
    position: inherit !important;
    width: inherit !important;
    top: inherit !important;
    left: inherit !important;
}
div.section_title {
    font-size: 1.2em;
}
input[type=radio], input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
}
select {
    min-width: 50%;
    max-width: 100%;
}
div.form-field.consent label {
    display: inline-block;
    font-size: 0.7em;
    line-height: normal;
}
div.form-field.consent input[type=checkbox] {
    display: inline-block;
    float: right;
    margin: 0 10px 0 0;
}
.ui-sortable-placeholder {
    display: none !important;
}
div.form-field div.label label {
    word-wrap: break-word;
    width: auto;
}
#form_div {
    width: 100%;
}
#form_div h2, wrapper-survey h2 {
    border-bottom: solid 1px #DDDFE0;
}
ul.radio-list, ul.check-list {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}
ul.radio-list li, ul.check-list li {
    display: block;
    float: left;
    padding: 2px 8px;
}
input.med {
    width: 60%;
}
/*disabled poll button*/
input[disabled="disabled"] {
    background-color: #DDDFE0 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}
input[disabled="disabled"]:hover {
    color: #fff;
    background-color: #58595b !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}
#form_elements_panel #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;
}
/*
#form_elements_panel ul#form_elements { }
*/
.JQcaptcha {
    width: 30% !important;
    margin: 0 1em 0 0;
    float: left;
}
ul.l9-list-style-none {
    margin: 0;
    padding: 0;
}
ul.l9-list-style-none li div.input ol, ul.l9-list-style-none li div.input ul {
    margin: 0;
    padding: 0;
}
ul.l9-list-style-none li, ul.l9-list-style-none li div.input ol li, ul.l9-list-style-none li div.input ul li {
    list-style-type: none;
}
ul.l9-list-style-none li ol li, ul.l9-list-style-none li ul li {
    list-style-type: inherit;
}
L9Form_message_area {
    padding: 1em;
    border: solid 1px #77942b;
    color: #c4122f;
}
span.JQradioClick {
    margin-right: 15px;
}
/* ================ 41. Template Based Contact Form ================ */
/* contact form */
#contact_form {
    margin: auto;
}
.hidediv {
    display: none;
}
div.contact_outer {}
.contact_content_area_1 {
    padding: 10px;
}
.contact_content_area_2 {
    width: 90%;
    border: solid 1px #E2E2E2;
    background-color: #FAFAFA;
    padding: 5%;
    margin: 0 0 5% 0;
    float: right;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
}
.contact_form_area {
    width: 96%;
    padding: 1% 2% 4% 2%;
    margin: 4% 0 0 0;
}
div.contact_form_area .form1_fixed {}
div.contact_label {
    display: inline;
    float: left;
    width: 140px;
}
#contactmsg {
    margin: 0 0 30px 0;
    font-size: 19px;
    font-size: 1.1875rem;
    color: #3a5b4d;
    border: none;
    text-align: center;
    min-height: 0px;
}
#contact_message_area, .seminar_message_area, .seminar_form_message_area, #ra_message_area, .ra_message_area {
    border: solid 1px #ddd;
    background: #f2f3f4;
    padding: 20px 10px 0 10px;
    margin: 0.75em 0;
    font-weight: bold;
    text-align: center;
}
div[id$="_message_area"] {
    border: solid 1px #ddd;
    background: #fffcdb;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    color: #a41c30;
    margin: 0.75em 0;
}
@media screen and (max-width: 480px) {
    #contact_form div.form-field .left {
        clear: right;
        width: 100%
    }
    #contact_form div.form-field .right {
        float: left;
        width: 100%
    }
    #contact_form div.form-field .right input[type=text], #contact_form div.form-field .right input[type=tel], #contact_form div.form-field .right input[type=password], #contact_form div.form-field .right input[type=email], #contact_form div.form-field .right textarea, #contact_form div.form-field .right select {
        width: 100%
    }
    #contact_form div.form-field .right input.formkey {
        width: 20%;
        float: left;
    }
    input.button, input[type=submit], a.button, a.button:link {
        display: block;
        width: auto;
    }
}
/* fixing post-insert dialog-box radio button layout */
div#posts_panel pre {}
div#posts_panel label, div#posts_panel input {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 5px;
}
/* showing subnav at bottom of page at mobile size */
@media screen and (max-width: 768px) {
    div.subnav {
        margin: 0 0 20px 0;
        padding: 5px 0 0 0;
        border-top: 1px dashed #dedede;
        border-bottom: 1px dashed #dedede;
    }
    div.nav-sub {
        display: block;
        text-align: left;
        margin: 0 0 0 0 !important;
        padding: 5px 0 2px 0;
    }
    /* spreading out sub-nav at mobile size */
    div.nav-sub ul.nav-menu {
        margin-top: 0;
        margin-left: 15px;
        margin-bottom: 10px;
    }
    div.subnav ul.nav-menu li.nav-item {
        display: inline-block;
        margin-right: 10px;
    }
    div.nav-sub ul li a.on:before {
        display: none;
    }
}
/*======RATES================================================================================================*/
/* ================ 42. 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 0 40px 0;
    clear: both;
    width: 100%;
}
.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: #D46C4E;
}
.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: 500 !important;
    color: #46977F;
    text-align: left !important;
}
.rateprogram a:hover {}
.rateprogram:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    content: "\f295";
}
.rateprogram:after {
    background: #46977F;
    display: block;
    content: '';
    height: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 10%;
}
tr.ratehead {
    border: none !important;
    background-color: transparent !important;
}
.ratehead {
    border: none;
    background-color: transparent !important;
    padding: 0 !important;
}
.ratecolheader a.footnote-link { /* SortSite flags this - text-decoration: none;*/
}
.ratecolheader a.footnote-link:hover {
    text-decoration: underline;
}
.ratedate {
    width: auto;
    float: right;
    font-size: 0.6875rem;
    color: #4c4c4c;
    position: relative;
    bottom: -17px;
}
/*column head*/
.ratecolheader, .ratecolheader th {
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
    color: #D46C4E;
    line-height: normal;
    background-color: transparent;
    text-align: left !important;
    padding: 2% 1%;
    font-family: 'DM Sans', sans-serif;
}
tr.ratecolheader-inline th {
    background-color: #e3f6ea;
    color: #000;
}
.tiered-header {
    background-color: #439fa7 !important;
}
.tiered-header td {
    border-left: 1px solid #f2f3f4;
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: normal;
}
.tiered-header td:first-child {
    border-left: none !important;
}
/*.ratetable tr:nth-child(4n-1) { background-color: #f2f3f4; }

.ratetable.tiered tr:nth-child(4n-2) { background-color: #f2f3f4; }*/
/*.ratetable tr:nth-child(even) {
	background-color:#f2f3f4;
}
*/
td.JQrateAlert {
    text-align: center;
}
#footnotes_row {
    background-color: transparent !important;
}
/*rate alert elements within table*/
.rate-alert-icon a:link, .rate-alert-icon a:visited {
    color: #333;
}
.rate-alert-icon {
    width: 50px;
}
/*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;
}
@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;
    }
}
/*======BITS================================================================================================*/
/* ================ 44. Banners ================ */
/*1.1 Primary Banner Design*/
div.flexslider {
    margin: 0;
    background-color: #fff;
}
div.flexslider ul.slides li, .content div.flexslider ul.slides li {
    margin: 0;
    padding: 0;
}
div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {
    max-width: 1280px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}
.outer-slide {
    overflow: hidden;
    max-width: 100%;
}
.flexslider.banner-int {
    height: 550px;
}
.banner-body {
    background-image: none !important;
}
.banner-inner {
    max-width: 1280px;
    margin: auto;
    padding: 10px;
    min-height: 543px;
    max-height: 543px;
}
.banner-overlay {
    overflow: hidden;
}
/*get rid of some default flexslider formatting*/
div.flexslider {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    /* adding to make mega-menus work correctly */
    clear: both;
}
/*set the height of the banners...*/
.banner-inner .banner-body {
    width: 100%;
    /* float: left; this is now set within the BITTYPE */
    margin: 0;
    max-width: 50%;
    padding: 85px 0 0 0;
}
.banner-home .banner, .banner-int .banner {
    height: 550px;
}
/*1.2 Interior Banner Design*/
.banner-int.banner-inpage {
    margin-top: 0 !important;
}
.banner-int .banner-inner {
    min-height: 530px;
    max-height: 530px;
}
.banner-int.banner-headline-style {
    height: 430px;
}
.banner-int.banner-headline-style .banner-inner {
    min-height: 430px;
    max-height: 430px;
}
.banner-title {
    font-size: 72px;
    font-size: 4.5em;
    font-weight: 400;
}
.banner-subtitle {
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 400;
}
.banner_copy {
    padding: 20px 0;
}
.banner-int .banner-title {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 400;
    color: #000E05;
    line-height: 1.1;
}
.banner-int .banner-subtitle {
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: 400;
    color: #000E05;
    line-height: 1.1;
}
.banner-title, .banner-subtitle, .banner-copy {
    margin: 0 0 20px 0;
    line-height: 1.1;
}
.banner-inner .banner-body a.button {
    padding: 15px 15%;
    margin-top: 10px;
    font-size: 25px;
    font-size: 1.5625em;
}
div.flexslider ul.slides li div.banner.banner-int div.outer-slide div.banner-body {
    padding-left: 0;
}
/*darken the image?*/
.banner-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.banner-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.banner-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.banner-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.banner-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
/* 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 20px rgba(0, 0, 0, 0.90);
}
.shadow1 .banner-subtitle, .shadow1 .banner-copy p {
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.90);
}
.banner-copy {
    margin: 0 0 12px 0;
}
.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;
}
div.slide-txt-dark {
    background-color: #ffffff;
}
div.slide-txt-light {
    background-color: #000000;
}
/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-subtitle, .txt-dark .banner-copy, .txt-dark .banner-copy p {
    color: #000000;
}
div.banner.banner-int.banner-headline-style .banner-title {
    font-size: 51px;
    font-size: 3.1875rem;
    line-height: 1.125;
    font-weight: normal;
    width: 60%;
}
div.banner.banner-int div.outer-slide div.banner-inner .banner-body.txt-right, .banner-body.txt-right .banner-copy {
    max-width: 1280px;
    margin: auto;
}
/* text position */
.banner-inner .banner-body.txt-right .banner-body {
    width: auto;
    text-align: right;
}
.banner-inner .banner-body.txt-right .banner-title {
    text-align: left;
}
.banner-inner .banner-body.txt-right .banner-copy {
    text-align: left;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1;
    margin: 0 0 0 auto;
}
.banner-inner .banner-body.txt-right .banner-title {
    text-align: right;
}
.banner-inner .banner-body.txt-right .banner-subtitle {
    text-align: right;
}
.banner-inner .banner-body.txt-right .banner-copy {
    text-align: right;
}
div.banner.banner-int.banner-headline-style div.outer-slide div.banner-body div.banner-copy h2 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    margin: 20px 0;
}
div.banner.banner-int.banner-headline-style div.outer-slide div.banner-body div.banner-copy p {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1;
    margin: 20px 0;
}
@media screen and (max-width:767px) {
    div.banner.banner-home .banner-title {
        font-size: 3rem;
    }
    div.banner .banner-title, div.banner .banner-subtitle, div.banner .banner-copy, div.banner .banner-button {
        width: auto;
        text-align: center;
    }
    .banner-inner .banner-body {
        padding-top: 25px;
        max-width: 100%;
    }
    .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;
        text-align: center;
    }
    .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;
        text-align: center;
    }
    /* .banner-overlay.darken, .banner-overlay.darken1, .banner-overlay.darken2, .banner-overlay.darken3, .banner-overlay.darken4, .banner-overlay.darken5 { background-color: transparent; }*/
}
@media screen and (max-width:600px) {
    div.flexslider, .flexslider.banner-int {
        height: auto;
    }
    .banner-inner {
        padding: 0;
    }
    .banner-inner, .banner-inner .banner-body {
        height: auto;
        min-height: 400px;
    }
    .banner-inner .banner-body {
        margin: 0;
    }
    /* this was causing contrast problems 
		.banner-overlay.darken, .banner-overlay.darken1 { background-color: rgba(0,0,0,0.42); } */
    .banner-body.shadow1 h2, .banner-body.shadow1 h3, .banner-body.shadow1 .banner-copy {
        text-shadow: none;
    }
    .banner-int.banner-headline-style .banner-title {
        font-size: 38px;
        font-size: 2.375rem;
    }
}
/* ================ 45. Calls to Action ================ */
/*2.1 Call to action button designs*/
div.cta {
    display: inline-block;
    clear: right;
}
div.cta a {
    border: 2px solid #46977F;
    background-color: #46977F;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 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%;
    max-height: 40px;
    display: inline-block;
    font-family: inherit;
    line-height: 40px;
    font-family: 'DM Sans', sans-serif;
    border-radius: 3px;
}
div.cta a:hover {
    border: 2px solid #296A57;
    background-color: #296A57;
    cursor: pointer;
    color: #fff;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
}
/*imitation button CTA theme*/
div.cta.theme1 a {
    font-size: 13px;
    font-size: 0.8125rem;
}
div.cta.theme1 a:hover {}
div.cta.theme2 a {
    background-color: #D46C4E;
    color: #fff;
    border: solid 2px #D46C4E;
    font-size: 18px;
    font-size: 1.125rem;
}
div.cta.theme2 a:hover {
    background-color: #F9E07F;
    color: #000 !important;
    border: solid 2px #F9E07F;
}
div.cta.theme3 a {
    background-color: #296A57;
    color: #fff;
    border: solid 2px #296A57;
    font-size: 18px;
    font-size: 1.125rem;
}
div.cta.theme3 a:hover {
    background-color: #46977F;
    border: solid 2px #46977F;
}
div.cta.theme4 a {
    background-color: transparent;
    color: #296A57;
    border: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    font-weight: normal !important;
    font-size: inherit;
    text-decoration: underline;
    font-family: inherit;
}
div.cta.theme4 a:hover {
    border: none;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    transition: none;
    text-decoration: none;
}
/* ================ 46. Text Promos ================ */
.promotion {
    padding: 0;
    margin: 0 0 15px 0;
    background: transparent;
    border-radius: 0;
    display: block;
    border: none;
}
.promotion .inner {
    padding: 10px;
}
.promotion p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: left;
    margin: 2% 0;
    font-family: inherit;
    font-weight: inherit;
}
.promotion h3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-weight: 900;
}
.promotion .button {
    max-height: 30px;
    line-height: 30px !important;
}
.promotion .button:hover {
    box-shadow: none;
}
/*Theme 1*/
.promotion.theme1 {
    background-color: #fff;
    border: none;
}
.promotion.theme1 h3 {
    color: #296A57;
}
.promotion.theme1 h3:after {
    background: #46977F;
    display: block;
    content: '';
    height: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 30%;
}
.promotion.theme1 .button {}
.promotion.theme1 .button:hover {}
/*Theme 2*/
.promotion.theme2 {
    background-color: #fff;
    border: none;
}
.promotion.theme2 h3 {
    color: #000000;
}
.promotion.theme2 h3:after {
    background: #535859;
    display: block;
    content: '';
    height: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 30%;
}
.promotion.theme2 .button {
    background-color: #535859;
    border-color: #535859;
}
.promotion.theme2 .button:hover {
    background-color: #000000;
    border-color: #000000;
}
/*Theme 3*/
.promotion.theme3 {
    background-color: #fff;
    border-color: transparent;
}
.promotion.theme3 .inner {
    padding: 1%;
}
.promotion.theme3 h3 {
    color: #D46C4E;
    line-height: 40px;
}
/*.promotion.theme3 h3:before 
{
    content:url("../img/nefcu-logo-bug.png");
    width: 40px;
    height: 30px;
    display: inline-block;
    position:relative;
    top:5px;
}*/
.promotion.theme3 h3:after {
    background: #D46C4E;
    display: block;
    content: '';
    height: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 30%;
}
.promotion.theme3 .button {
    background-color: #D46C4E;
    border-color: #D46C4E;
}
.promotion.theme3 .button:hover {
    background-color: #FF997D;
    border-color: #FF997D;
    color: #000;
}
/*Theme 4*/
.promotion.theme4 {
    background-color: transparent;
    border-top: 3px solid #8C9495;
    border-bottom: 3px solid #8C9495;
}
.promotion.theme4 h3 {
    color: #535859;
    font-size: 1.2rem;
}
.promotion.theme4 .button {
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: normal;
    border: none;
    color: #296A57;
    text-decoration: underline;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
}
.promotion.theme4 .button:hover {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}
/*Begin Testimonials*/
.testimonial {
    position: relative;
    margin-bottom: 15px;
    background-color: #2b2c2d;
    color: #fff;
    border: none;
    padding: 20px;
}
.testimonial p {
    display: inline;
    font-style: italic;
    font-size: 17px;
    font-size: 1.0625rem;
    /* padding: 0 20px 0 10px;*/
    margin: 0;
    color: #535859;
}
/*testimonial speech mark*/
.testimonial:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #2b2c2d;
    border-width: 18px;
    margin-left: 25px;
    right: 25px;
}
.testimonial-theme1 {
    background-color: transparent;
    border: solid 5px #D46C4E;
    border-radius: 3px;
}
.testimonial.testimonial-theme1:after {
    border-top-color: #D46C4E;
}
.testimonial-theme2 {
    background-color: #e3e3e3;
}
.testimonial.testimonial-theme2:after {
    border-top-color: #e3e3e3;
}
.testimonial .inner:before, .testimonial .inner:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: normal;
}
.testimonial .inner:before {
    font-family: 'Font Awesome Pro';
    font-weight: 900;
    content: " \f10d ";
    float: left;
}
.testimonial .inner:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
    display: block;
}
.testimonial-author {
    margin: 15px 0 0 15px;
    display: block;
    text-align: right;
    font-family: 'DM Sans', sans-serif;
}
.testimonial-author p {
    color: #D46C4E;
    font-size: 1.1rem;
}
/*end testimonial*/
/* ================ 47. Homepage Grid Features ================ */
.hpupdates {
    max-width: 100%;
    margin: 20px auto auto auto;
    float: left;
}
.update {
    margin: 0%;
    float: left;
    position: relative;
}
.update p, .update p .button {}
.update .button {
    width: auto;
    float: right;
    margin: 10px 0;
}
.update .button a {
    background-color: inherit;
    border: none;
}
.hpupdates .update a { /* SortSite flags this - text-decoration:none; */
}
.hpupdates .update a:active, .hpupdates .update a:hover, .hpupdates .update a:visited, .hpupdates .update a:link {
    color: #ffffff;
}
.hpupdates .update .inner {
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    width: 100%;
}
.hpupdates .update .inner h2, .hpupdates .update .inner h3 {
    font-size: 36px;
    font-size: 2.25rem;
    color: #fff !important;
    margin: 20px 20px 0 20px;
    text-decoration: none !important;
    font-weight: 500;
    text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.80);
    text-align: right;
}
.hpupdates .update .inner h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 10px 20px 10px 20px;
    text-align: right;
}
.hpupdates .update .inner p {
    color: #fff;
}
.hpupdates .update .inner.grid-image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    display: table;
}
.hpupdates .update .inner .grid-overlay { /* display:table-cell; max-height: 30%;   vertical-align:bottom; */
    overflow: hidden;
}
.hpupdates .update .inner .grid-overlay .grid-overlay-inner {
    display: block;
    width: 96%;
    background-color: rgba(0, 0, 0, 0.10);
    padding: 2%;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    transition: background .5s ease;
    min-height: 100px;
    height: 400px
}
.hpupdates .update:hover .inner .grid-overlay .grid-overlay-inner {
    background-color: rgba(0, 0, 0, 0.20);
    ;
}
div.hpupdates div.cta {
    position: absolute;
    bottom: 20px;
    right: 30px;
}
@media screen and (max-width: 980px) {
    .update, .hpupdates .update .inner h2, .hpupdates .update .inner h3 {
        /* width: 100%; */ text-align: center;
    }
}
.hp-grid {
    margin: 1rem auto;
}
.hp-grid .feature {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    min-height: 360px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 0;
    background-color: #2e2e2e;
    position: relative;
}
.hp-grid .feature .inner {
    padding: 10px !important;
    position: absolute;
    background-color: #2e2e2e;
    color: #ffffff !important;
    width: 98%;
}
.hp-grid .feature .inner h3 {
    display: inline-block;
    float: left;
    color: white;
    margin: 17px 0 0 10px;
}
.hp-grid .feature .inner .button {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
    float: right;
    margin-right: 10px;
}
.hp-grid .feature .inner .button:hover {
    text-decoration: underline;
    background-color: #ffffff;
    color: #000000 !important;
}
.hp-grid .feature.grid-top {
    padding-top: 61px;
}
.hp-grid .feature.grid-bottom {
    padding-bottom: 61px;
}
.hp-grid .feature.grid-top .inner {
    top: 0;
}
.hp-grid .feature.grid-bottom .inner {
    bottom: 0;
}
@media screen and (max-width: 767px) {
    .hp-grid .feature {
        width: 10%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .hp-grid .feature .inner h3 {
        display: block;
        float: none;
        text-align: center;
    }
    .hp-grid .feature .inner .button {
        margin: 20px auto;
        float: none;
        clear: both;
    }
}
/* ================ 48. 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: 20px !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;
    }
}
.multicol-inner {
    padding: 1% 20px !important;
}
div.contentdeck {
    padding: 0;
}
/*.contentdeck.hasmenuitem { padding-top: 77px; }*/
@media screen and (max-width: 767px) {
    /*.contentdeck.hasmenuitem { padding-top: 50px; }*/
    div.contentdeck h3 {
        font-size: 32px;
        font-size: 2rem;
    }
}
div.contentdeck div.deckinner {
    padding: 0;
    max-width: 1280px;
    margin: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
div.contentdeck h2, div.contentdeck h3, div.contentdeck h4 {
    /* text-align: center;*/
    margin: 15px 0;
}
div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {
    margin: 15px auto 15px auto;
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
    width: 75%;
}
@media screen and (max-width: 640px) {
    div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {
        width: 95%;
    }
    div.contentdeck h3 {
        font-size: 26px;
        font-size: 1.625rem;
    }
    h1.page-title {
        font-size: 2.5rem;
    }
    span.intro {
        font-size: 1.5rem;
    }
}
/*content deck background colors and changing content elements to white based on background*/
div.contentdeck.white {
    background-color: #fff;
}
div.contentdeck.white.border:before, div.contentdeck.white.border:after {
    /*put a border at the top and bottom of white decks*/
    display: block;
    background: #8C9495;
    height: 2px;
    margin: 10px 2%;
    width: 96%;
    position: relative;
    visibility: visible;
}
div.contentdeck.gray {
    background-color: #404040;
}
div.contentdeck.brandcolor {
    background-color: #afafaf; /*standardized medium brand background color used in bit template -- clr2-bg-med*/
}
/*the following makes most content elements white within the gray and brandcolor medium background content decks*/
div.contentdeck.gray, div.contentdeck.gray h2, div.contentdeck.gray h3, div.contentdeck.gray h4, div.contentdeck.gray h5, div.contentdeck.gray h6, div.contentdeck.gray p, div.contentdeck.gray a, div.contentdeck.gray .intro, div.contentdeck.brandcolor, div.contentdeck.brandcolor h2, div.contentdeck.brandcolor h3, div.contentdeck.brandcolor h4, div.contentdeck.brandcolor h5, div.contentdeck.brandcolor h6, div.contentdeck.brandcolor p, div.contentdeck.brandcolor a, div.contentdeck.brandcolor .intro {
    color: #fff !important;
}
div.contentdeck.gray a.button, div.contentdeck.brandcolor a.button {
    border: 1px solid #ffffff;
    background-color: #000000;
}
div.contentdeck.gray a.button2, div.contentdeck.brandcolor a.button2 {
    border: 1px solid #ffffff;
    background-color: #00af42;
}
div.contentdeck.gray div.cta a, div.contentdeck.brandcolor div.cta a {
    border: 1px solid #ffffff;
    background-color: #00af42;
}
div.contentdeck.gray a.button:hover, div.contentdeck.brandcolor a.button:hover {
    text-decoration: underline;
    background-color: #ffffff !important;
    color: #000000 !important;
}
/*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;
}
/* div.contentdeck ul {padding-left: 18px;}*/
/*darken the image?*/
.contentdeck .deckoverlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}
.contentdeck .deckoverlay.darken2 {
    background-color: rgba(8, 29, 38, 0.2);
}
.contentdeck .deckoverlay.darken3 {
    background-color: rgba(8, 29, 38, 0.3);
}
.contentdeck .deckoverlay.darken4 {
    background-color: rgba(8, 29, 38, 0.4);
}
.contentdeck .deckoverlay.darken5 {
    background-color: rgba(8, 29, 38, 0.5);
}
/* ================ 49. Featured Rates and Featured Icons ================ */
/*both icon and rate*/
.featureblock {
    text-align: center;
    margin: 50px 0;
}
/*conditionally style rate*/
.ratefeature {}
/*conditionally style icon*/
.featureblock .feature-icon {
    font-size: 4.27rem;
}
/*text above rate or icon*/
.feature-copy {
    font-size: 0.875rem;
    line-height: normal;
}
/*rate text*/
.feature-lrgtxt {
    font-size: 2.625rem;
    line-height: normal;
}
/*theres a heading in the "featured icon" bit type*/
.featureblock h4 {
    font-size: 1.25rem;
    margin: 0;
}
div.contentdeck .ratefeature h4 {
    margin: 0;
}
div.feature-height {
    min-height: 102px;
}
/* ================ 50. Comparison Charts ================ */
/*comparison charts are mostly structured using the "Responsive Lists" css*/
div.account-compare {
    max-width: 1100px;
    margin: auto;
}
div.account-compare p {
    margin: auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem; /* text-align: center;*/
}
.account-compare h2 {
    text-align: center;
}
div.account-compare div.list-row .list-item, div.account-compare div.list-row .list-item .inner {
    min-height: 0;
}
div.account-compare div.list-row .list-item .inner {
    padding: 10px 5px;
}
.account-compare .fa {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fas {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .far {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fal {
    font-size: 1.6rem;
    color: #484C51;
}
.account-compare .fa-check-circle {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; /*color: #00813c;*/
    display: block;
    text-align: center;
}
/* ================ 51. Footer Quick Links ================ */
div.footer_quicklinks {
    display: inline-block;
    float: right;
    padding: 0 0 20px 20px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    div.footer_quicklinks {
        float: none;
        display: block;
        text-align: center;
        padding: 0;
    }
}
div.footer_quicklinks a {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}
div.footer_quicklinks ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}
div.footer_quicklinks ul li {
    margin: 0 0 20px 0;
    list-style: none;
    padding: 0;
    line-height: normal;
}
/* ================ 52. Google Maps ================ */
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
    }
}
/* ================ 53. STAFF FEATURES (Bit Radomizer) ================ */
.officer-image {
    max-width: 220px;
    border-radius: 4px;
    border: solid 1px #666;
}
div.biolist {
    margin-bottom: 45px;
}
div.biolist p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
}
div.biolist h4 {
    color: #005880;
    margin-bottom: 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);
    -moz-box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .3), -5px 0 10px -5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 5px 0 10px -5px rgba(0, 0, 0, .3), -5px 0 10px -5px rgba(0, 0, 0, .3);
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
div.biopic {
    display: inline;
    width: 230px;
}
div.bio-area {
    width: 68%;
    float: left;
    display: inline;
    color: #727F8A;
    line-height: 27px;
}
div.bio-name {
    font-size: 18px;
    font-size: 1.125rem;
    color: #007c88;
}
div.bio-title {
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: 10px;
}
@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;
}
a.readmore-js.toggle {
    clear: both;
    margin-top: 10px;
}
/*======  54. COMMENTS================================================================================================*/
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: 10px 0 10px 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;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.reply-thread {
    border: solid 1px #c1c1c1;
    border-top: none;
    border-right: none;
    height: 150px;
    width: 14px;
    position: relative;
    top: -100px;
    float: left;
    left: -41px;
    display: none;
}
div.reply div.reply-thread {
    display: inline-block;
}
div.reply i.fa-comment, 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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #922209;
    cursor: pointer;
    font-weight: normal;
    color: #ffffff;
    margin: 5px 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
div#comment_form input.comment_submit:hover {
    box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-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;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-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;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc;
}
div.social_login a.google {
    background-image: url(/img/social_login__icon_google.png);
}
div.social_login a.twitter {
    background-image: url(/img/social_login__icon_twitter.png);
}
div.social_login a.facebook {
    background-image: url(/img/social_login__icon_facebook.png);
}
a.post_comment {
    display: block;
    float: left;
    clear: right;
    text-decoration: none;
    background-image: url(/img/comment_icon.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    padding-left: 30px;
}
a.post_comment:hover {
    box-shadow: 1px 1px 2px #ccc;
}
div.rule {
    border-bottom: inset 1px #ccc;
    margin: 0 0 10px;
}
.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: 769px) {
    .comment-key {
        float: left;
        clear: left;
        margin: 0 0 1em;
    }
}
a.comment-button {
    display: block;
    padding: 2px 6px;
    width: auto;
    float: left;
    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;
}
a.comment-button-big {
    font-size: 1.27rem;
    border: solid 1px #adadad;
    text-transform: none;
    padding: 4px 8px;
}
/*====== 55. RATING ================================================================================================*/
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.fa {
    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.fa {
    color: #FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color: #FF912C;
}
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;
}
.step-list li {
    position: relative;
    padding-left: 40px;
    margin: 0;
    float: left;
    width: 100%;
    padding-bottom: 4rem;
    list-style-type: none !important;
}
.step-list li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 4px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #46977F;
    background: #fff;
    border: 2px solid #46977F;
    border-radius: 99em;
    z-index: 1;
    text-align: center;
    font-size: .875em;
    font-family: inherit;
    outline: 3px solid #fff;
}
ul.step-list li:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}
.step-list li:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 14px;
    border-left: 4px solid #46977F;
}
.step-list li:last-child:after {
    border-color: transparent;
}
.step-list li h5 {
    margin: 10px 0 0 5px;
    color: #46977F;
}