@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@400;700&display=swap'); /*------ body text ------- 

font-family: 'Fahkwang', sans-serif; font-family: 'Lora', serif;---(find and replace)---
main colour: green #456f5f
secondary colour: brown: #a35f00

*/
/* override styles when printing */
@media print {
    .SpdbmpMdl, .UnscrEmlMdl, .SpdbmpMdl2 {
        display: none !important;
    }

    .SpdbmpMdlFd, .UnscrEmlMdlFd, .SpdbmpMdlFd2 {
        display: none !important;
    }
}

#dnn_top_right_SyncPanel {
    margin-left: 26%;
}

.navbar-brand {
    position: relative;
    top: 35px;
}

.top_right_contact {
    width: 50%;
    right: -670px;
    position: relative;
    top: -40px;
}


.fa-paper-plane-o::before {
    content: "\f1d8";
}


.banker:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.banker p {
    margin: 0;
}

.banker img {
    margin: 0 20px 10px 0;
    float: left;
    width: 75px;
}

@media (min-width: 768px) {
    .banker img {
        width: 150px;
    }
}

.banker {
    padding: 0 0 10px;
    margin: 20px 0 0;
    max-width: 500px;
    border-bottom: 1px solid #808084;
}

@media only screen and (min-width: 992px) {
    .sidebar .column-promo p a {
        font-size: 2.5rem;
    }
}

@media (min-width: 768px) {
    .sidebar .column-promo p a {
        font-size: 1.9rem;
    }
}

@media (min-width: 768px) {
    .sidebar .column-promo p a:after {
        font-size: 2.2rem;
    }
}

.sidebar .column-promo p a:after {
    content: ">";
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    color: #54c7e7;
    font-size: 1.9rem;
    vertical-align: middle;
    position: static;
}

.sidebar .column-promo p a {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    letter-spacing: -0.25px;
    font-size: 1.9rem;
}

    .sidebar .column-promo p a:hover {
        color: #54c7e7 !important;
        font-weight: bold;
        display: inline-block;
        text-decoration: none !important;
        letter-spacing: -0.25px;
        font-size: 1.9rem;
    }

.sidebar .column-promo {
    padding: 1em;
    text-align: center;
    position: relative;
    background-position: 50% 70%;
    background-size: cover;
    height: 186px;
    border-radius: 3px;
    overflow: hidden;
}

.clickable {
    cursor: pointer;
}

.sidebar .column-promo:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,.2);
}

.sidebar .column-promo p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    margin: 0;
}

.sidebar .column-promo:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.BannerPane.col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.bg-primary {
    background-color: #ffffff !important;
}

.ultratopNav {
    margin: 0 27px 0 0;
    display: inline-block;
}

.innerpage ul {
    list-style: disc !important;
}

.ultratopNav > li a {
    font-size: 1.4rem;
    color: #55575a;
    text-decoration: none;
    letter-spacing: 1px;
}

.oblPopupTrigger {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff !important;
    background-color: #bf1e2e !important;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    font-family: "Arimo",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 6px 16px 4px 17px;
    margin: 7px 22px 0 20px;
    font-size: 1.0rem;
    text-transform: none;
    position: relative;
    top: 2px;
    letter-spacing: .5px;
    border-radius: 19px 19px 19px 19px;
}

    .oblPopupTrigger:hover, .oblPopupTrigger:focus {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        color: #fff !important;
        background-color: #bf1e2e !important;
        border-color: transparent;
        border-width: 1px;
        border-style: solid;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        padding: 6px 16px 4px 17px;
        margin: 7px 22px 0 20px;
        font-size: 1.0rem;
        text-transform: none;
        position: relative;
        top: 2px;
        letter-spacing: .5px;
        border-radius: 19px 19px 19px 19px;
    }

.site-search a {
    color: #003767;
    font-size: 1.1rem;
    position: relative;
    top: 3px;
}

    .site-search a:hover {
        color: #54c7e7 !important;
    }

.oblPopupTrigger i {
    position: relative;
    bottom: 2px;
    right: 1px;
}

.close {
    float: none !important;
    font-size: 1.0rem !important;
    font-weight: 400 !important;
    line-height: 1;
    color: #003767 !important;
    text-shadow: none !important;
    opacity: .5;
}

.CTA1 {
    position: relative; /* required for (c2) */
    max-width: 500px; /* optional */
    box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 20%);
}

    .CTA1 img {
        width: 100%;
        border-radius: 3px;
    }

.ctaContent {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding-top: 40%;
    padding-left: 40%;
    color: white;
}

    .ctaContent h3 {
        color: #fff;
        letter-spacing: .5px;
        font-size: 1.0rem !important;
    }

    .ctaContent h4 {
        color: #fff;
        text-decoration: none;
        font-size: 1.1em !important;
    }

        .ctaContent h4 span {
            color: #54c7e7 !important;
            text-decoration: none;
        }

.ctaContent2 h4 span {
    color: #54c7e7 !important;
    text-decoration: none;
}

.ctaContent p {
    visibility: none;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.8em;
}

.CTA1:hover .ctaContent p {
    visibility: visible;
    opacity: 1;
}

.CTA1:hover .ctaContent h4 {
    color: #d8d923 !important;
    transition: all .25s;
    text-shadow: 1 1 5 black;
}

    .CTA1:hover .ctaContent h4 span {
        color: #d8d923 !important;
        transition: all .25s;
        text-shadow: 1 1 5 black;
    }

.CTA1:hover .ctaContent {
    padding-top: 25%;
}

.CTA1:hover > img {
    transition: .5s ease;
    opacity: 0.6;
}


.CTA2 {
    position: relative; /* required for (c2) */
    max-width: 500px; /* optional */
    box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 20%);
}

    .CTA2 img {
        width: 100%;
        border-radius: 3px;
    }

.ctaContent2 {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding-top: 40%;
    padding-left: 5%;
    color: white;
}

    .ctaContent2 h3 {
        color: #fff;
        letter-spacing: .5px;
        font-size: 1.0rem !important;
    }

    .ctaContent2 h4 {
        color: #fff;
        text-decoration: none;
        font-size: 1.0em !important;
    }

    .ctaContent2 p {
        visibility: none;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 0.8em;
    }

.CTA2:hover .ctaContent2 p {
    visibility: visible;
    opacity: 1;
}

.CTA2:hover .ctaContent2 h4 {
    color: #d8d923 !important;
    transition: all .25s;
    text-shadow: 1 1 5 black;
}

    .CTA2:hover .ctaContent2 h4 span {
        color: #d8d923 !important;
        transition: all .25s;
        text-shadow: 1 1 5 black;
    }

.CTA2:hover .ctaContent2 {
    padding-top: 25%;
}

.CTA2:hover > img {
    transition: .5s ease;
    opacity: 0.6;
}

.shadow {
    box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 20%);
    border-radius: 3px;
}

/* home CTA containers */
.box_white_cta {
    background: #fff;
    box-shadow: -1px 0px 14px #333;
    margin-bottom: 50px;
    margin-top: 75px;
    padding: 20px;
    border-radius: 15px;
}

    .box_white_cta h3 {
        color: #4a815a !important;
        padding: 25px 25px;
        font-size: 1.0rem !important;
        font-weight: bold;
    }

        .box_white_cta h3 a {
            color: #4a815a !important;
            font-size: 1.0rem !important;
            font-weight: bold;
        }

    .box_white_cta h4 {
        color: #333 !important;
        font-size: 1.1rem !important;
        font-weight: bold;
        padding: 0 25px;
        text-transform: none;
    }

    .box_white_cta h5 {
        color: #171796 !important;
        font-size: 1.8rem;
        font-weight: normal;
    }

    .box_white_cta p {
        color: #333;
        padding: 0 0px;
    }

    .box_white_cta img {
    }
/* locations  */
.local {
    height: 400px;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding-top: 1%;
}

    .local img {
        float: left;
        margin-right: 15px;
    }

.dets, .hours, .servs, .contact {
    float: left;
    padding: 0 10px;
    width: 24%;
}

@media (max-width:768px) {
    .dets, .servs, .hours, .local, .contact {
        width: 100% !important;
        text-align: center !important;
        list-style: none;
    }

        .local li {
            list-style: none;
            margin: 0 !important;
        }

        .local img {
            text-align: center !important;
            float: none !important;
        }

    .local {
        border: none;
    }
}

.slide-item {
    background-size: contain !important;
}

#content.homepage {
    background: #38678d;
    color: #fff;
}

    #content.homepage h2 {
        margin: 0px 0 10px;
        padding: 0 0 10px;
        font-size: 3.0rem !important;
        font-family: Times, "Times New Roman", "serif" !important;
        font-style: normal;
        line-height: 1.35;
        color: #fff;
        font-weight: 500 !important;
    }

#contentTwo.homepage ul {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

    #contentTwo.homepage ul li {
        text-align: left;
        list-style: none;
        color: #003767 !important;
    }

        #contentTwo.homepage ul li a {
            font-size: 1.6rem;
            font-weight: bold;
            text-decoration: none;
            line-height: 1.93;
            letter-spacing: .6px;
            transition: all .25s;
            color: #003767 !important;
        }

            #contentTwo.homepage ul li a:hover {
                color: #54c7e7 !important;
                text-decoration: none;
            }

        #contentTwo.homepage ul li.smallb a:before {
            content: "";
            font-family: "Font Awesome 5 Free";
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            vertical-align: text-bottom;
            font-weight: 400;
        }

        #contentTwo.homepage ul li.smallb a:after {
            content: "";
            font-family: "Font Awesome 5 Free";
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            vertical-align: text-bottom;
            font-weight: 400;
            margin-left: 10px;
            color: #54c7e7;
            font-size: 1.5rem;
            vertical-align: middle;
            position: static;
        }

#contentTwo.homepage {
    background: #d6dfe6;
    color: #000;
    margin-top: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}

    #contentTwo.homepage h2 {
        color: #000;
        font-size: 3rem;
        font-weight: normal;
        font-family: serif !important;
        letter-spacing: 1.25px;
    }

    #contentTwo.homepage h3 {
        color: #003767;
        margin: 8px 0 0;
        font-size: 2.8rem !important;
        font-weight: bold;
        line-height: 1.2;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
    }

.fa-university {
    color: #0583ad;
    font-size: 1.8rem;
    padding-right: 10px
}

.fa-chevron-right {
    color: #54c7e7;
    font-size: 1.6rem;
}

.fa-university {
    color: #0583ad;
    font-size: 1.8rem;
    padding-right: 10px
}

.fa-leaf {
    color: #0583ad;
    font-size: 1.8rem;
    padding-right: 10px
}

.fa-briefcase {
    color: #0583ad;
    font-size: 1.8rem;
    padding-right: 10px
}

body {
    color: #2b2b2b;
    background-color: #ffffff;
    /*font-family: "Lora", serif !important;  bootstrap cdn overrides this property otherwise */
    font-family: Arial, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    height: 100%;
}

html {
    font-size: 16px;
}

#contentThree {
    font-size: 16px;
}

#FooterContainer {
    font-size: 16px;
}

@media screen and (min-width: 900px) {
    html {
        font-size: 17px;
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 18px;
    }
}

body {
    color: #00002B !important;
}

.feature {
    border-right: 1px solid #d1d3d5;
    padding: 0 20px;
}

    .feature img {
        width: 60%;
    }

.feature_noLine {
    border-right: none;
    padding: 0 20px;
}

    .feature_noLine img {
        width: 60%;
    }

.feature p {
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif;
    color: #003767;
    letter-spacing: .25px;
}

.feature-title {
    text-align: center;
    font-size: 1.5rem;
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif;
    font-weight: normal;
    color: #003767;
    margin-bottom: 29px;
}
/************ compare table ***************/
.comparison-chart .account.for-labels .account-headline, .comparison-chart .account.for-labels .account-name {
    border-left: 1px solid #000;
    display: table;
    width: 100%;
    padding: 10px;
}

.comparison-chart .account .account-headline {
    background: #003767;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    padding: 10px;
    position: relative;
}

.comparison-chart .account .account-name {
    text-align: center;
    background: #003767;
    padding: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.comparison-chart .account.for-labels .account-headline > *, .comparison-chart .account.for-labels .account-name > * {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 1.0rem;
    color: #fff;
}

.comparison-chart .account.for-labels .account-name > * {
    color: #000;
}

.comparison-chart .account.for-labels .section > * {
    text-align: center;
}

.comparison-chart .account .account-details .section:first-of-type > * {
    vertical-align: top;
    padding-top: 10px;
}

.comparison-chart .account .account-details .section > * {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.comparison-chart .account .account-details {
    text-align: left;
}

.comparison-chart {
    display: flex;
    margin: 5em 0 2em;
    justify-content: center;
}

    .comparison-chart .account.for-labels {
        flex: 0 1 160px;
        text-align: center;
    }

    .comparison-chart .account {
        flex: 1 1 250px;
        text-align: center;
        border-top: 1px solid #000;
    }

        .comparison-chart .account.for-labels {
            flex: 0 1 160px;
            text-align: center;
        }

        .comparison-chart .account > div:nth-child(2) {
            background: rgba(0,55,103,.2);
        }

        .comparison-chart .account .account-details .section {
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
            display: table;
            width: 100%;
            padding: 10px;
        }

        .comparison-chart .account .account-name h2 {
            margin-top: 0;
            margin-bottom: 5px;
            font-size: 15px !important;
            font-weight: bold !important;
            color: #000;
            text-transform: uppercase;
        }

        .comparison-chart .account .account-headline h2 {
            margin: 0;
            font-size: 15px !important;
            font-weight: bold !important;
            color: #fff;
            text-transform: uppercase;
        }

        .comparison-chart .account .account-headline .primary-button, .comparison-chart .account .account-name .primary-button {
            display: block;
            margin: 10px 0;
        }

div.primary-button, div.secondary-button {
    display: inline-block;
    text-align: center;
}

.comparison-chart .account .account-headline .primary-button a, .comparison-chart .account .account-name .primary-button a {
    display: block;
    margin: 10px auto 0;
    padding-left: 0;
    padding-right: 0;
}

a.primary-button, .primary-button a {
    display: inline-block !important;
    text-decoration: none !important;
    text-align: center;
    padding: 14px 1.7em 13px;
    font-size: 1.0rem;
    color: #003767 !important;
    width: 100%;
    background-color: #54c7e7 !important;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-radius: 25px 4px 25px 4px;
    font-family: "Arimo",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    transition: all .25s;
}

div[id*=currentCustomer] {
    text-align: center;
}

.comparison-chart .account {
    flex: 1 1 250px;
    text-align: center;
    border-top: 1px solid #000;
}

    .comparison-chart .account .popular {
        position: absolute;
        width: 100%;
        height: 40px;
        background: #54c7e7;
        line-height: 40px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        top: -41px;
        left: 0;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
    }

.text-popup {
    display: none;
}

.comparison-chart .account:last-of-type .account-headline, .comparison-chart .account:last-of-type .account-name, .comparison-chart .account:last-of-type .account-details .section {
    border-right: 1px solid #000;
}

.comparison-chart .account .account-details h4, .comparison-chart .account .account-details h3 {
    display: none !important;
}

.account-details ul li {
    font-size: 0.9rem;
}

.account-details p {
    font-size: 0.9rem;
}

a.viewall {
    display: block;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: none;
}

.disclaimer, .disclaimer * {
    font-size: 0.5rem !important;
}
/************ typography ***************/
h1, .h1 {
    color: #00000;
    font-family: serif;
}

h2, .h2 {
    font-weight: 500 !important;
    color: #bf1e2e;
    font-size: 3.0rem !important;
    font-family: serif !important;
}

h3, .h3 {
    color: #003767;
    font-size: 1.8rem !important;
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif !important;
}

h4, .h4 {
    color: #003767;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 1.30rem !important;
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif !important;
}

h5, .h5 {
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif !important;
    color: #333;
    font-size: 1.0rem !important;
    font-weight: 700 !important;
}

h6, .h6 {
    color: #2b2b2b;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    display: block;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

.locations h4 {
    background-color: #fbf8f1 !important;
}

blockquote {
    border-left: 3px solid #cacaca !important;
}

    blockquote, blockquote p {
        font-size: 1.0em;
        line-height: 1.4;
        color: #333;
    }

small, .small, h1.small {
    font-size: 80%;
    display: inline-block;
    line-height: 1.25em;
}

.smaller {
    font-size: 90%;
}


.mainColor {
    color: #10356a !important;
}

.secondColor {
    color: #a35f00 !important;
}

.white {
    color: #fff !important;
}

.goldLine {
    display: inline-block;
    position: relative;
    margin-bottom: 2%;
}

    .goldLine::after {
        content: '';
        height: 4px;
        width: 30%;
        background: #ffbf2e;
        position: absolute;
        left: 0;
        bottom: -4px;
    }

p.lead {
    text-align: center;
    font-size: 1.2rem !important;
}

p.disclosure, span.disclosure {
    font-size: 0.75em !important;
}
/******************* Links *********************/
a, a:link, a:visited, a:focus {
    color: #bf1e2e;
    background-color: transparent;
}

    a:hover, a:active {
        color: #bf1e2e;
        text-decoration: underline !important;
        text-decoration: none;
    }



    a[href^="tel:"] {
    }

@media only screen and (min-width: 768px) {
    /* --- hides clickable phone numbers on desktop - match body text ---	*/
    a.dHide {
        color: #00002B;
        font-family: Arial, sans-serif !important;
        font-weight: 400;
        text-decoration: none;
        background-color: inherit;
    }
}
/***** add spacing above anchor text so it's actually visible ******/
a.anchor:before {
    display: inline-block;
    content: "";
    height: 11vh;
    margin: -11vh 0 0;
}

.anchor {
    text-decoration: none;
    color: inherit;
}

#content ul li, #content ol li, #contentOne ul li, #contentOne ol li, #contentTwo ul li, #contentTwo ol li {
    margin-left: 30px;
}

.dnnActions li {
    list-style: none !important;
}

ul.disclosures {
    padding-left: 20px;
    list-style-type: disc;
    font-size: .9em;
}

.disclosures li {
    margin-left: 0 !important;
}

ul.spacedOut li, ol.spacedOut li {
    margin-bottom: 20px;
}

ul.noSpace li, ol.noSpace li {
    margin-bottom: 0;
}

ul.goldArrow {
    padding-left: 20px;
    list-style-type: none;
    text-indent: -5px;
}

.goldArrow li {
    margin-bottom: 10px;
    margin-left: 0 !important; /*---- added b/c AB put ml on contentpanes ---- */
}

    .goldArrow li::before {
        color: #ffbf2e;
    }

    .goldArrow li::before {
        content: "\f04b";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        margin: 0 7px 0 -15px;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: .875em;
    }

    .goldArrow li ul {
        margin-top: 10px !important;
    }

    .goldArrow li li {
        list-style-type: square;
    }

        .goldArrow li li::before {
            content: none;
        }

hr {
    /*border: 0 !important;
  height: 3px !important;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 55, 103, 1), rgba(0, 0, 0, 0)) !important;*/
}

img.Photo {
    border: 8px solid #fff;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
}
/******************** lists ***********************/
/* ---- FA as bullet points ---- */
ul.goldCheck {
    padding-left: 20px;
    list-style-type: none;
    text-indent: -5px;
}

.goldCheck li {
    margin-bottom: 10px;
    margin-left: 0 !important; /*---- added b/c AB put ml on contentpanes ---- */
}

    .goldCheck li::before {
        color: #efad40;
    }

    .goldCheck li::before {
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        margin: 0 5px 0 -15px;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .goldCheck li ul {
        margin-top: 10px !important;
    }

    .goldCheck li li {
        list-style-type: square;
    }

        .goldCheck li li::before {
            content: none;
        }
/* ---- navbar ---- */
/* override BS */
.navbar-nav .nav-link {
    color: #000000 !important;
}
/* override BS */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active {
}

.navbar {
    background-color: #ffffff;
    font-family: "Century Gothic", sans-serif;
}

ul.navbar {
    margin: 0;
    padding: 0;
}

.dropdown-menu {
    display: block;
    background-color: #38678d !important;
    min-width: 260px !important;
    border: none !important;
    border-radius: 0 !important;
}

@media (min-width: 992px) {
    .dropdown-menu {
        margin-top: -2px !important;
        -webkit-box-shadow: #01173f 3px 3px 3px;
        -moz-box-shadow: #01173f 3px 3px 3px;
        box-shadow: #01173f 3px 3px 3px;
    }

        .dropdown-menu .dropdown-menu {
            margin-left: 180px;
            margin-top: -53px !important;
            font-size: 1em;
            padding-left: 10px;
        }
    /* grandchild */
}

@media (max-width: 991px) {
    .dropdown-menu a.nav-link {
        width: 100%;
        padding-left: 20px !important;
    }

    .dropdown-menu .dropdown-menu {
        padding-left: 30px;
        margin-left: 0;
    }

    .navbar {
        align-items: flex-start !important;
        -ms-flex-align: initial !important;
    }
}

.dropdown-menu a.nav-link {
    color: #fff !important;
    font-size: 1em !important;
    /*font-weight: bold!important;*/
}

.navbar .navbar-nav {
    list-style: none;
    color: #000 !important;
}

    .navbar .navbar-nav a, .navbar .navbar-nav a:focus, .navbar .navbar-nav a:visited {
        color: #55575a;
        font-weight: bold;
        font-size: 1.1rem;
        text-decoration: none;
        margin-right: 4.0rem !important;
        border-bottom: 10px solid transparent;
        font-family: "serif";
    }

        .navbar .navbar-nav a:hover {
            color: #003767;
            font-weight: bold;
            font-size: 1.0rem;
            font-family: "serif";
            text-decoration: underline;
        }

.dropdown-menu a.nav-link {
    margin-right: 0rem !important;
}

.navbar .navbar-nav li li a {
    color: #333;
}

    .navbar .navbar-nav li li a:hover {
        color: #fff !important;
    }
/* hamburger */
.navbar-toggler {
    margin: 5px;
    background-color: #bf1e2e !important;
}
/* override BS */
.dropdown-toggle::after {
    display: none !important;
}
/*  ---  Alert  --  */
.AlertFull {
    background: #ededed !important;
    color: #ffffff;
}

#alertpane.alert p {
    margin: 0 0 3px;
    font-size: 23px;
    font-weight: 700;
    font-family: "Roboto Condensed",Arial;
    width: auto;
    position: static;
    text-align: left;
    color: #000;
    padding: 10px 0 0;
    left: 0;
    top: auto;
}

.topBarRow {
    background-color: #ffffff;
    max-width: 90%;
}

.topBar {
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: .85em;
}

    .topBar p {
        padding-top: 5px;
    }

#dnn_TopPane a:link, #dnn_TopPane a:visited {
    text-decoration: none;
    color: #000;
}

#dnn_TopPane a:hover, #dnn_TopPane a:active {
    text-decoration: underline;
    color: #55575a;
}

#dnn_TopPane .redactor-toolbar li a {
    color: #001c51 !important;
}
/************************* Header ************************/
#header {
    background-color: white;
}

#dnn_dnnLOGO_hypLogo {
    display: block;
    text-align: right;
}

@media (min-width: 768px) {
    #dnn_dnnLOGO_hypLogo {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

.loginButton {
    background-color: #ffbf2e;
    padding: 12px .8vw 10px .8vw;
    position: relative;
    color: #000 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: .85em;
}

    .loginButton img {
        margin-top: -6px;
    }

@media (max-width: 767px) {
}

#login {
    position: relative;
    z-index: 9999;
    margin-left: 145px;
    max-height: 100px;
    width: 230px;
}

    #login p {
        cursor: pointer;
        margin: 10px auto !important;
        text-align: center;
        line-height: 1;
        text-shadow: none;
        font-size: .9em;
        font-weight: 700;
        max-width: 235px;
    }

        #login p.close {
            width: 235px;
            opacity: 1 !important;
            float: none;
            font-size: .9em !important;
            margin: 10px auto !important;
        }

    #login .close:hover {
        color: #a35f00;
    }

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

#login-form {
    display: none;
    position: absolute;
    z-index: 99999;
    height: 0;
    margin: 0 auto;
    left: -78px;
}

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

@media screen and (max-device-width:320px) {
}
/************ Banner ************/
#LoginSlideshow {
    background-color: #ffffff;
}
/* --- positioning relevant for fis slider Version: 0.0.1 --- */
/* --- default slider settings:

slide height: 535px
width: 100%
content bg color: rgba(0,0,0,.0)
navigation color: #a35f00
text color: #a35f00
content padding: 0 0 0 0
headline: white, 3em, normal
additional copy: white, 1.5em, normal
shadow color: #000 for both

*/
.slide-text-container {
    margin: 0% 0 0 20%;
    padding: 0 0 0 31px !important;
    text-align: left;
    position: relative;
    top: 117px;
    left: 0;
    z-index: 500;
    max-width: 490px;
    border-left: #d1d3d5 solid thick;
}
/* Vertical Only
position: absolute;
top: 50%;
transform: translate(0, -50%);
*/
.slide-title p {
    font-size: 2.8rem !important;
    font-family: "Lora",Georgia,Times,"Times New Rotman",serif;
    font-weight: bold !important;
    color: #003767 !important;
    line-height: 1.1 !important;
}

.slide-desc p {
    font-size: 1.8rem;
    letter-spacing: .72px !important;
    line-height: 1.7 !important;
    margin: 5px 0 0 6px !important;
    color: #fff;
}

.play-button-container {
    right: 3em;
}

.Mvc-FisSliderModule-Container .slide-desc a.btn, .Mvc-FisSliderModule-Container .slide-desc a.btn:visited .Mvc-FisSliderModule-Container .slide-nav .active {
    bottom: inherit;
    right: inherit;
    position: inherit;
    margin: 1em 0;
}

    .Mvc-FisSliderModule-Container .slide-desc a.btn:hover {
        color: #fff !important;
    }

    .Mvc-FisSliderModule-Container .slide-desc a.btn, .Mvc-FisSliderModule-Container .slide-desc a.btn:visited, .Mvc-FisSliderModule-Container .slide-desc a.btn:hover {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        padding: 13px 2em;
        font-size: 0.9rem;
        border-radius: 22px 3px 22px 3px;
        color: #fff;
        background: #003767;
        border-color: transparent;
        border-width: 1px;
        border-style: solid;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        padding: 14px 43px 13px;
        margin: 40px 0 0 6px;
        letter-spacing: 1.25px;
        bottom: -4em !important;
    }

div#banner {
    position: relative;
    height: 650px;
    background-color: #d4dde4;
}

.Mvc-FisSliderModule-Container .slide-nav {
    bottom: 1em;
}

.Mvc-FisSliderModule-Container .prev:hover, .Mvc-FisSliderModule-Container .next:hover {
    background-color: rgba(0,0,0,0.0);
    color: #fff !important;
}

/*** desktop **/
.Mvc-FisSliderModule-Container .slideshow {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}
/*banner inner*/
#bannerInner {
    overflow: hidden;
    clear: both;
}

.BannerPaneInner p {
    margin-bottom: 0 !important;
}

#dnn_BannerPaneInner {
    padding-right: 0;
    padding-left: 0;
}

.inner_banner {
    margin: 0px !important;
    max-height: 300px;
    max-width: 100%;
}

.BannerPaneInner img {
    background-size: cover;
    background-repeat: repeat;
    background-origin: content-box;
    min-width: 1024px;
    width: 100%;
    height: auto;
}
/************ Banner stacking *******************/
.container_row {
    display: flex;
}

.layer1 {
    width: 100%;
}

.layer2 {
    width: 100%;
    margin-left: -80%;
    z-index: 555;
}
/*Sections*/
#content {
    background: #fff;
    position: relative;
}

#contentOne {
    background: #ffffff;
}

.homepage #dnn_LeftHalfPane, .homepage #dnn_RightHalfPaneOne {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    font-size: 1.2em;
    vertical-align: middle;
}

    .homepage #dnn_LeftHalfPane .my-3, .homepage #dnn_RightHalfPaneOne .my-3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.homepage #dnn_LeftHalfPaneThree .my-3, .homepage #dnn_RightHalfPaneThree .my-3 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.homepage #dnn_LeftHalfPane, .homepage #dnn_RightHalfPane, .homepage #dnn_LeftHalfPaneOne, .homepage #dnn_RightHalfPaneOne {
}

    .homepage #dnn_LeftHalfPane h2, .homepage #dnn_RightHalfPaneOne h2 {
        font-size: 2em
    }
/********************** section 1 content *******************/
/* --- accounts tables --- */
.acctTable, .acctTable .btn {
    font-size: .9em !important;
}

    .acctTable td {
        text-align: center;
    }

    .acctTable p {
        margin-bottom: 0 !important;
        line-height: 1.25em;
    }

    .acctTable.table td, .acctTable.table th {
        border-top: 0;
    }

    .acctTable th[scope="col"] {
        font-family: "Century Gothic", Helvetica, Arial, sans-serif;
        text-align: center;
        font-size: 1.1em !important;
        color: #001c51;
    }

    .acctTable th[scope="row"] {
        font-family: "Century Gothic", Helvetica, Arial, sans-serif;
        color: #001c51;
    }

.fraudTable th[scope="row"] {
    font-weight: 400;
}

.fraudTable th[scope="col"] {
    font-weight: 700;
}

.ratesTable {
    margin-top: 20px;
}

    .ratesTable td {
        text-align: center;
        font-size: .9em;
    }

    .ratesTable th[scope="col"] {
        font-family: "Century Gothic", Helvetica, Arial, sans-serif;
        text-align: center;
        color: #001c51;
    }

    .ratesTable th[scope="row"] {
        font-family: "Century Gothic", Helvetica, Arial, sans-serif;
        color: #001c51;
    }

.piTable th[scope="col"] {
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: 1.1em !important;
    color: #001c51;
}

.piTable td p:last-of-type {
    margin-bottom: 0 !important;
}



/*************** section 2 aka ContentPaneOne ************************/
/* --- forms --- */
input[type="text"], textarea, input[type="number"], input[type="email"], input[type="tel"], select, textarea, input[type="date"], input[type="phone"] {
    /* border: 1px solid #767575 !important;
  background: #fefefe;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 2px 0!important;
  padding: 5px;
  width: 100%;*/
}

fieldset {
}

textarea.terms {
    font-size: .8em;
}

div.table-responsive-md + p, div.table-responsive + p {
    margin-top: 1.5rem;
}

h2.icon {
    text-align: center;
}

h5.icon {
    font-weight: 700;
    margin-top: 10px;
    color: #a35f00;
    text-transform: uppercase;
    font-size: 1em;
}

.icons > a:link {
    text-decoration: none;
}

.icons > a:hover {
    text-decoration: underline;
    color: #a35f00;
}

a.noUnderline:link, a.noUnderline:visited {
    text-decoration: none;
}

a.noUnderline:hover, a.noUnderline:hover {
    text-decoration: underline;
}
/* --- accounts half and half --- */
/*#dnn_LeftHalfPaneTwoB {}
#dnn_RightHalfPaneTwoB {background-color: #fbf8f1;padding:5%;}

#dnn_LeftHalfPaneTwoC {background-color: #fbf8f1;padding:5%;}
#dnn_RightHalfPaneTwoC {}


#dnn_LeftHalfPaneTwo {background-color: #fbf8f1;width:100%; height: 400px;}
#dnn_RightHalfPaneTwo {position: relative;  display: inline-block; top: -40px;  left: calc(100% - 52px);

  height: 20px;
  padding: 10px 10px;}



*/
/******************** contentThree  **********************/
#contentThree {
    background: #ffffff;
    background-image: url("/Portals/PrimeSouthBank/images/homepage_contentBG.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
}

    #contentThree a {
        color: #fff !important;
    }

    #contentThree h2 {
        margin: 0;
        font-size: 1.9rem !important;
        letter-spacing: 1.2px;
        font-weight: normal;
        font-family: "Lora",Georgia,Times,"Times New Rotman",serif;
        color: #fff;
        text-align: right;
    }

    #contentThree h3 {
        margin: 6px 0 0;
        font-size: 2.5rem !important;
        display: inline-block;
        line-height: 1.22;
        font-weight: bold;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        color: #fff;
        text-align: right;
    }

    #contentThree ul {
        margin: 0 50px 0 42px;
        max-width: 90%;
    }

        #contentThree ul li {
            margin: 0 0 16px;
            list-style: none;
            letter-spacing: .57px;
            font-size: 1.0rem;
            color: #fff;
        }

    #contentThree .cta {
        text-align: right;
    }

        #contentThree .cta a {
            font-size: 2.0rem;
            display: inline-block;
            font-weight: bold;
            text-decoration: none;
            letter-spacing: .4px;
            position: relative;
            font-family: "Arimo",Helvetica,Arial,sans-serif;
        }

            #contentThree .cta a:hover {
                color: #54c7e7 !important;
            }

    #contentThree #dnn_RightHalfPaneThree {
        border-left: thick solid #d1d3d5;
    }

    #contentThree #dnn_LeftHalfPaneThree {
        padding-right: 5%;
    }
/******************** contentFour  **********************/
#contentfour {
    background-color: #fff;
    color: #000;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: solid #242122;
}

    #contentfour h3 {
        margin: 30px 0 5px;
        font-size: 1.5rem !important;
        display: inline-block;
        line-height: 1.22;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        color: #fff;
        text-align: right;
        width: 100%;
    }

    #contentfour .titles p {
        margin: 10px 0 0;
        font-size: 1.4rem;
        display: inline-block;
        color: #fff;
        line-height: 1.22;
        font-weight: bold;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        text-align: right;
    }

    #contentfour .testimonials h3 {
        margin: 20px 0 20px 42px;
        font-family: "Lora",Georgia,Times,"Times New Rotman",serif;
        font-weight: normal;
        font-size: 1.5rem !important;
        text-align: left;
    }

    #contentfour .testimonials ul {
        margin: 0 50px 0 42px;
        padding: 0;
    }

        #contentfour .testimonials ul li {
            font-size: 1.0rem;
            margin: 0 0 16px;
            list-style: none;
            letter-spacing: .57px;
            color: #fff;
        }

/******************* footer Container ******************/
#FooterContainer {
    background-color: #242122;
}

    #FooterContainer .pt-5, .py-5 {
        padding-top: 0rem !important;
    }

    #FooterContainer p {
        color: #fff;
        font-size: 0.9em;
    }

    #FooterContainer #dnn_ContentPanefooter_SyncPanel {
        margin-top: 0rem !important;
    }

    #FooterContainer .container .prefooter-outer {
        bottom: 63px;
    }

    #FooterContainer .prefooter-outer {
        border-radius: 65px 0 64px 0;
        box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 20%);
    }

        #FooterContainer .prefooter-outer .prefooter-inner {
            border-radius: 65px 0 64px 0;
        }

            #FooterContainer .prefooter-outer .prefooter-inner div.neighborhood {
                background: #54c7e7;
                float: left;
                border-radius: 65px 0 0px 0;
                padding: 1%;
            }

            #FooterContainer .prefooter-outer .prefooter-inner div h2 {
                margin: 0;
                text-align: center;
                font-family: "Arimo",Helvetica,Arial,sans-serif;
                font-size: 2.5rem !important;
                font-weight: bold;
                color: #003767;
            }

                #FooterContainer .prefooter-outer .prefooter-inner div h2 a {
                    padding: 25px 18px 25px 0;
                    margin: 0 0 0 10px;
                    display: inline-block;
                    color: #003767;
                    text-decoration: none;
                    letter-spacing: .6px;
                    position: relative;
                    font-size: 1.9rem;
                }

                    #FooterContainer .prefooter-outer .prefooter-inner div h2 a:hover {
                        color: #003767;
                    }

            #FooterContainer .prefooter-outer .prefooter-inner div.news {
                background: #d1d3d5;
                float: right;
                border-radius: 0px 0 64px 0;
                padding: 1%;
            }

    #FooterContainer .prefooter .prefooter-outer .prefooter-inner div.news h2 a {
        margin: 0 0 0 54px;
        padding: 46px 18px 43px 0;
        display: inline-block;
        color: #003767;
        text-decoration: none;
        letter-spacing: .6px;
        position: relative;
    }

        #FooterContainer .prefooter .prefooter-outer .prefooter-inner div.news h2 a:hover {
            color: #0583ad;
        }

    #FooterContainer div.news h2 a:hover .fa-chevron-right {
        color: #0583ad !important;
    }

    #FooterContainer div.neighborhood h2 a:hover .fa-chevron-right {
        color: #0583ad !important;
    }

    #FooterContainer .fa-chevron-right {
        color: #003767;
    }

#dnn_ContentPanefooter {
    margin-top: -130px !important;
    margin-bottom: 0px !important;
}

#FooterContainer h3 {
    position: relative;
    display: inline-block;
    font-size: 1.8rem;
    font-family: "Arimo",Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: .0px;
    color: #fff;
    text-decoration: none;
}

    #FooterContainer h3 a {
        position: relative;
        display: inline-block;
        font-size: 1.8rem;
        font-family: "Arimo",Helvetica,Arial,sans-serif;
        font-weight: bold;
        letter-spacing: .0px;
        color: #fff;
        text-decoration: none;
    }

        #FooterContainer h3 a:hover {
            position: relative;
            display: inline-block;
            font-size: 1.8rem;
            font-family: "Arimo",Helvetica,Arial,sans-serif;
            font-weight: bold;
            letter-spacing: .0px;
            color: #fff;
            text-decoration: underline;
        }

#FooterContainer p {
    color: #fff;
}

#FooterContainer a {
    color: #fff;
    text-decoration: none;
}

    #FooterContainer a:hover {
        color: #fff;
        text-decoration: underline;
    }

.copybar {
    background-color: #011c51;
    color: #fff;
    font-size: .7em;
}
/******************* Font Awesome Styling **********************/
.fa-credit-card, .fa-lock-alt, .fa-map-marker-alt {
    color: #10356a;
    font-size: 1.15em;
}

.fa-file-pdf {
    color: #892e3b;
}

.fal.fa-lock-alt.fa-4x {
    color: #45ad45;
    display: inline;
}

.fal.fa-file-pdf {
    color: #8a343d;
}

.redSection .fal.fa-file-pdf {
    color: #ffffff;
}

.redSection .btn-warning .fa-file-pdf {
    color: #000;
}

.btn-warning .fa-file-pdf {
    color: #000;
}

.btn-primary .fal.fa-file-pdf, .btn-success .fal.fa-file-pdf, .btn-info .fal.fa-file-pdf, .btn-danger .fal.fa-file-pdf {
    color: #fff !important;
}
/* end back to top */
/* -------------------- BS button overrides ---------------------- */
.btn {
    /* border-radius: 0 !important; comment this out if you want BS's normal rounded-style buttons */
    font-weight: 700 !important;
    font-family: "Century Gothic", sans-serif;
    margin: 10px;
    transition: 0.5s;
    -webkit-box-shadow: #666 1px 1px 2px;
    -moz-box-shadow: #666 1px 1px 2px;
    box-shadow: #666 1px 1px 2px;
}
/*---- Primary ---- */
a.btn-primary {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 13px 2em;
    font-size: 0.9rem;
    border-radius: 22px 22px 22px 22px;
    color: #fff;
    background: #bf1e2e;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    font-family: "Arimo",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 14px 43px 13px;
    margin: 40px 0 0 6px;
    letter-spacing: 1.25px;
    bottom: -4em !important;
}

.btn-primary a:link, .btn-primary a:visited, p.btn-primary a:link, p.btn-primary a:visited {
    color: #414d56 !important;
    text-decoration: none !important;
}

.btn-primary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    text-decoration: underline !important;
    color: #003767;
}

.btn-primary a:active, p.btn-primary a:hover, p.btn-primary a:active {
    color: #fff !important;
    text-decoration: underline !important;
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(16, 53, 106, 0.5) !important; /* RGB version of hex BG colour */
    box-shadow: 0 0 0 0.2rem rgba(16, 53, 106, 0.5) !important; /* RGB version of hex BG colour */
}
/* -- outlined button -- */
.btn-outline-primary {
    color: #10356a !important;
    border-color: #10356a !important;
}

    .btn-outline-primary:hover {
        background-color: #43689d !important;
        color: #fff !important;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        background-color: #43689d !important;
        color: #fff !important;
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(16, 53, 106, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(16, 53, 106, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Secondary ---- */
.btn-secondary {
    color: #bf1e2e !important;
    background-color: #fff !important;
    border-color: #fff !important;
    text-decoration: none !important;
    border-radius: 25px;
    padding: 10px 1vw;
}

    .btn-secondary a:link, .btn-secondary a:visited, p.btn-secondary a:link, p.btn-secondary a:visited {
        color: #000 !important;
        text-decoration: none !important;
    }

    .btn-secondary:hover {
        background-color: #fff !important;
        border-color: #fff !important;
        text-decoration: underline !important;
        color: #000 !important;
    }

    .btn-secondary a:active, p.btn-secondary a:hover, p.btn-secondary a:active {
        color: #000 !important;
        text-decoration: underline !important;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 191, 46, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(255, 191, 46, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-secondary {
    color: #000 !important;
    border-color: #ffbf2e !important;
}

    .btn-outline-secondary:hover {
        background-color: #ffbf2e !important;
        color: #000 !important;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        background-color: #ffbf2e !important;
        color: #000 !important;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 191, 46, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(255, 191, 46, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Success ---- */
.btn-success {
    color: #fff !important;
    background-color: #456f5f !important;
    border-color: #456f5f !important;
    text-decoration: none !important;
}

    .btn-success a:link, .btn-success a:visited, p.btn-success a:link, p.btn-success a:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-success:hover {
        background-color: #123c2c !important;
        border-color: #123c2c !important;
        text-decoration: underline !important;
    }

    .btn-success a:active, p.btn-success a:hover, p.btn-success a:active {
        color: #000 !important;
        text-decoration: underline !important;
    }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 111, 95, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(69, 111, 95, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-success {
    color: #456f5f !important;
    border-color: #456f5f !important;
}

    .btn-outline-success:hover {
        background-color: #456f5f !important;
        color: #fff !important;
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        background-color: #456f5f !important;
        color: #fff !important;
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 111, 95, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(69, 111, 95, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Danger ---- */
.btn-danger {
    color: #fff !important;
    background-color: #670800 !important;
    border-color: #670800 !important;
    text-decoration: none !important;
}

    .btn-danger a:link, .btn-danger a:visited, p.btn-danger a:link, p.btn-danger a:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-danger:hover {
        background-color: #552521 !important;
        border-color: #552521 !important;
        text-decoration: underline !important;
    }

    .btn-danger a:active, p.btn-danger a:hover, p.btn-danger a:active {
        color: #fff !important;
        text-decoration: underline !important;
    }

    .btn-danger:focus, .btn-danger.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(165, 120, 101, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(165, 120, 101, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-danger {
    color: #670800 !important;
    border-color: #670800 !important;
}

    .btn-outline-danger:hover {
        background-color: #670800 !important;
        color: #fff !important;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        background-color: #670800 !important;
        color: #fff !important;
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(165, 120, 101, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(165, 120, 101, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Warning ---- */
.btn-warning {
    color: #fff !important;
    background-color: #a58a65 !important;
    border-color: #a58a65 !important;
    text-decoration: none !important;
}

    .btn-warning a:link, .btn-warning a:visited, p.btn-warning a:link, p.btn-warning a:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-warning:hover {
        background-color: #7b6444 !important;
        border-color: #7b6444 !important;
        text-decoration: underline !important;
    }

    .btn-warning a:active, p.btn-warning a:hover, p.btn-warning a:active {
        color: #fff !important;
        text-decoration: underline !important;
    }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(165, 138, 101, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(165, 138, 101, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-warning {
    color: #000 !important;
    border-color: #a58a65 !important;
}

    .btn-outline-warning:hover {
        background-color: #a58a65 !important;
        color: #000 !important;
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        background-color: #a58a65 !important;
        color: #fff !important;
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(165, 138, 101, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(165, 138, 101, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Info ---- */
.btn-info {
    color: #fff !important;
    background-color: #44596a !important;
    border-color: #44596a !important;
    text-decoration: none !important;
}

    .btn-info a:link, .btn-info a:visited, p.btn-info a:link, p.btn-info a:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-info:hover {
        background-color: #2e4050 !important;
        border-color: #2e4050 !important;
        text-decoration: underline !important;
    }

    .btn-info a:active, p.btn-info a:hover, p.btn-info a:active {
        color: #fff !important;
        text-decoration: underline !important;
    }

    .btn-info:focus, .btn-info.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 89, 106, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(68, 89, 106, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-info {
    color: #44596a !important;
    border-color: #44596a !important;
}

    .btn-outline-info:hover {
        background-color: #44596a !important;
        color: #fff !important;
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        background-color: #44596a !important;
        color: #44596a !important;
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 89, 106, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(68, 89, 106, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Light ---- */
.btn-light {
    color: #000 !important;
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    text-decoration: none !important;
}

    .btn-light a:link, .btn-light a:visited, p.btn-light a:link, p.btn-light a:visited {
        color: #000 !important;
        text-decoration: none !important;
    }

    .btn-light:hover {
        background-color: #d2d2d2 !important;
        border-color: #d2d2d2 !important;
        text-decoration: underline !important;
    }

    .btn-light a:active, p.btn-light a:hover, p.btn-light a:active {
        color: #000 !important;
        text-decoration: underline !important;
    }

    .btn-light:focus, .btn-light.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 210, 210, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(210, 210, 210, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-light {
    color: #000 !important;
    border-color: #ebebeb !important;
}

    .btn-outline-light:hover {
        background-color: #ebebeb !important;
        color: #000 !important;
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        background-color: #ebebeb !important;
        color: #000 !important;
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 210, 210, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(210, 210, 210, 0.5) !important; /* RGB version of hex BG colour */
        }
/*---- Dark ---- */
.btn-dark {
    color: #fff !important;
    background-color: #525252 !important;
    border-color: #525252 !important;
    text-decoration: none !important;
}

    .btn-dark a:link, .btn-dark a:visited, p.btn-dark a:link, p.btn-dark a:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-dark:hover {
        background-color: #393939 !important;
        border-color: #393939 !important;
        text-decoration: underline !important;
    }

    .btn-dark a:active, p.btn-dark a:hover, p.btn-dark a:active {
        color: #fff !important;
        text-decoration: underline !important;
    }

    .btn-dark:focus, .btn-dark.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5) !important; /* RGB version of hex BG colour */
        box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5) !important; /* RGB version of hex BG colour */
    }
/* -- outlined button -- */
.btn-outline-dark {
    color: #525252 !important;
    border-color: #525252 !important;
}

    .btn-outline-dark:hover {
        background-color: #525252 !important;
        color: #fff !important;
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        background-color: #525252 !important;
        color: #fff !important;
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5) !important; /* RGB version of hex BG colour */
            box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5) !important; /* RGB version of hex BG colour */
        }
/* is btn-group missing from bootstrap.min.css? */
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* ------- privacy policy ------- */
.privacyTable {
    border-collapse: collapse;
    width: 100%;
}

    .privacyTable td {
        padding: 1%;
        border: 1px solid #666;
        vertical-align: top;
    }

        .privacyTable td.spacer {
            padding: 5px;
        }

        .privacyTable td ul {
            margin-top: 15px;
            margin-bottom: 10px;
        }

    .privacyTable th {
        padding: 1%;
        border: 1px solid #666;
        vertical-align: top;
        font-weight: bold;
        text-align: left;
    }

        .privacyTable th.privacyDark {
            padding: 1%;
            background: #666666;
            font-weight: bold;
            color: white;
            font-size: 1.2em;
            border: 1px solid #666;
            text-align: left;
        }

th.privacyCenter {
    text-align: center !important;
    font-size: 1em;
}

.nonBold {
    font-weight: normal !important;
}
/******************** ***********************/
/******************** utility ***********************/
/******************** ***********************/
/*************** DNN9 tweaks ***************************/
.dnnModuleManager.dnnSortable {
    z-index: 9; /* 9 may be sufficient but allow draggable modules to be grabbed and moved */
}

.dnnEditState .onlyPopUps {
    display: none;
}

.eipbackimg.containerTitle {
    margin-right: 30px;
}
/* to adjust inline Save/Cancel icons to be visible */
/* need for Add Module to be grabbable - 1000 is default, and .floating may be what's needed for line 169 */
.dnnModuleManager .DnnModule.floating, .dnnModuleSorting .DnnModule.floating {
    z-index: 2000 !important;
}
/****** RTE Background Fix ***** this is necessary to see the module tools in Edit Mode */
.redactor-box textarea {
    background: #fff !important;
    color: #333 !important;
}
/****** RTE Background Fix ***** this is necessary to see the module tools in Edit Mode */
/* for login buttons*/
.dnnPrimaryAction, a.dnnPrimaryAction, a.dnnPrimaryAction:link {
    color: white !important;
}

a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {
    color: black;
}

li.dnnModuleItem > .title { /* using wrong font size from OLB */
    font-size: 12px;
}
/* white links overrides Publish/Discard/Cancel button text in popup */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545 !important;
}
/* stops bootstrap modal from shifting body content on open */
.modal {
    overflow-y: auto !important;
}

.modal-open .modal, .modal-open {
    overflow: auto !important;
}

    .modal-open[style] {
        padding-right: 0px !important;
    }
/* hide HTML Editor Module from Add Module */
li.dnnModuleItem[data-moduleid="73"] {
    display: none;
    visibility: hidden;
}

.mark, mark {
    background-color: transparent !important;
}

#dnn_dnnLOGO_imgLogo {
    max-height: 115px;
    max-width: 350px;
    margin-top: -30px;
}
/* ------- for A11y ------- */
a#skip {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

    a#skip:focus, a#skip:active {
        position: static !important;
        clip: auto;
        overflow: visible;
        height: auto;
    }

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
/******************** preloader/spinner ***********************/
.spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffff;
    z-index: 999999;
}

.sk-chase, .sk-wander {
    top: 48%;
}

.sk-wander-cube {
    background-color: #fdb913 !important;
}
/******* Back To Top ***********/
#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 13px 18px;
    background-color: #10356a !important;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.go-top.hidden-xs.hidden-sm.fas.fa-angle-double-up { /*color: white; */
    color: #ffffff;
}

.js .cd-top--fade-out {
    opacity: 0.5;
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, background-color 0.3s;
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
}
/* ---- force inline style override ----  */
#dnn_BannerPaneInner img[style] {
    height: auto !important;
    width: 100% !important;
}
/* ---- accordions ----  */
/*.JQAccordion {
  margin-top: 25px;
}
.JQAccordion .ui-accordion-header {
  background-color: #fbf8f1;
  margin: 10px 0 !important;
  border: 1px solid #FFC566;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1rem !important;
  color: #43689d !important;
  padding: .8em 30px .8em 1.5em !important;
  width: 95%;
  font-weight: 700;
}
.JQAccordion .ui-accordion-content {
  color: #2b2b2b;
  background-color: #ffffff;
  font-family: "Lora", serif !important;
  font-style: normal;
  font-weight: 400;
  width: 95%;
}
.JQAccordion .ui-accordion-content ul li {
  margin-left: 10px !important;
}
.JQAccordion .ui-accordion-content p:last-of-type {
  margin-bottom: 0 !important;
}
.JQAccordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: unset;
  right: 4em;
}
.defaultIcon {
  background-image: url(/Portals/ElDoradoSavingsBank/Skins/eldorado/img/arrowRight.png) !important;
  width: 20px !important;
  height: 22px !important;
}
.selectedIcon {
  background-image: url(/Portals/ElDoradoSavingsBank/Skins/eldorado/img/arrowDown.png) !important;
  width: 22px !important;
  height: 20px !important;
}
*/

#dnn_dnnCopyright_lblCopyright {
    font-size: .7em;
}


/* ------------- forms --------------*/

.asterisk {
    color: red;
    font-weight: bold;
}


/* ------------- expandable text --------------*/

a.CollapseLink {
    font-size: .8em;
}

a.ExpandLink {
    font-size: .8em;
}


.ICG_ETH_Expanders {
    background-color: #eee;
    margin: 10px 0 !important;
    border: 1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: .7em 20px !important;
    width: 95%;
}


.ICG_ETH_Title img {
    display: none;
}

.ICG_ETH_Title a:first-of-type {
    display: none;
}

body#Body.has-persona-bar .ICG_ETH_Title img {
    display: inherit;
}

body#Body.has-persona-bar .ICG_ETH_Title a:first-of-type {
    display: inherit;
}




.ICG_ETH_Title p {
    display: inline;
}

a.etTitle, a.etTitle:link, a.etTitle:visited {
    font-size: 1rem !important;
    color: #43689d !important;
    font-weight: 700;
    font-family: "Century Gothic", sans-serif;
    text-decoration: none;
}

    a.etTitle:hover, a.etTitle:active {
        color: #43689d !important;
        text-decoration: underline;
    }

.etContent {
    width: 95%;
    padding-left: 25px;
}

    .etContent p {
        font-size: .95em;
        line-height: 1.25;
    }

.leftCTA {
    float: left;
    max-width: 48%;
}

.rightCTA {
    float: right;
    max-width: 48%;
}

.CTAholder {
    max-width: 1170px;
    margin: auto;
}

@media (max-width: 1138px) {
    .top_right_contact {
        width: 50%;
        right: -490px;
        position: relative;
        top: -40px;
    }

    .navbar .navbar-nav a, .navbar .navbar-nav a:focus, .navbar .navbar-nav a:visited {
        color: #55575a;
        font-weight: bold;
        font-size: 1.0rem;
        text-decoration: none;
        margin-right: 2.5rem !important;
        border-bottom: 10px solid transparent;
        font-family: "serif";
    }
}

@media (max-width: 810px) {
    .top_right_contact {
        width: 50%;
        right: -85px;
        position: relative;
        top: -40px;
    }

    .leftCTA {
        float: left;
        max-width: 35%;
    }

    .rightCTA {
        float: right;
        max-width: 60%;
    }
}

@media (max-width: 800px) {
    .top_right_contact {
        width: 50%;
        right: -70px;
        position: relative;
        top: -40px;
    }

    .rightCTA {
        float: right;
        max-width: 61%;
    }

    .leftCTA {
        float: left;
        max-width: 35%;
    }
}

@media (max-width: 768px) {
    .top_right_contact {
        width: 50%;
        right: -90px;
        position: relative;
        top: -40px;
    }

    .leftCTA {
        float: left;
        max-width: 35%;
    }

    .rightCTA {
        float: right;
        max-width: 64%;
    }
}

@media (max-width: 767px) {

    .leftCTA {
        float: none;
        max-width: 100%;
    }

    .rightCTA {
        float: none;
        max-width: 100%;
    }

        .rightCTA img {
            margin-left: 12%;
            width: 75%;
        }

    .top_right_contact {
        width: 170px;
        right: 75%;
        position: absolute;
        top: 94px;
    }

    .navbar-brand {
        position: relative;
        top: 0px;
    }

    #login-form {
        display: none;
        position: absolute;
        z-index: 99999;
        height: 0;
        margin: 0 auto;
        left: -90px;
        width: 274px;
    }

    .oblPopupTrigger {
        width: 170px;
    }

    #dnn_RightHalfPane {
        margin-bottom: 25px;
    }

    div#banner {
        position: relative;
        height: 850px;
        background-color: #d4dde4;
    }
}