.Changeable-Color1 {
    color: #00244a;
}

.Changeable-Color2 {
    color: #005f95;
}

.Changeable-Color3 {
    color: #00244a;
}

.Changeable-Color4 {
    color: #f2f2f2;
}

@font-face {
    font-family: 'Fiserv';
    src: url('../fonts/fiserv-template.eot?tsi34w');
    src: url('../fonts/fiserv-template.eot?tsi34w#iefix') format('embedded-opentype'), url('../fonts/fiserv-template.ttf?tsi34w') format('truetype'), url('../fonts/fiserv-template.woff?tsi34w') format('woff'), url('../fonts/fiserv-template.svg?tsi34w') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'Fiserv' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-online:before {
    content: "\e602";
}

.icon-lock:before {
    content: "\e604";
}

.icon-services:before {
    content: "\e901";
}

.icon-clouds:before {
    content: "\e902";
}

.icon-graph:before {
    content: "\e903";
}

.icon-personal:before {
    content: "\e906";
}

.icon-login:before {
    content: "\e907";
}

.icon-piggy-bank:before {
    content: "\e908";
}

.icon-member-sif:before {
    content: "\e90d";
}

.icon-chevron-left:before {
    content: "\e90e";
}

.icon-chevron-right:before {
    content: "\e90f";
}

.icon-ehl:before {
    content: "\e900";
}

.icon-fdic:before {
    content: "\e904";
}

.icon-alert:before {
    content: "\e905";
}

.icon-personal-2:before {
    content: "\e909";
}

.icon-business:before {
    content: "\e90a";
}

.icon-wallet:before {
    content: "\e90b";
}

.icon-insurance:before {
    content: "\e90c";
}

.icon-lending:before {
    content: "\e910";
}

.icon-bank:before {
    content: "\e911";
}

.icon-house-car:before {
    content: "\e912";
}

.icon-wealth:before {
    content: "\e913";
}

.icon-calculator-3:before {
    content: "\e914";
}

.icon-security:before {
    content: "\e915";
}

.icon-login-2:before {
    content: "\e916";
}

.icon-personal2:before {
    content: "\e917";
}

.icon-home:before {
    content: "\e918";
}

.icon-lending-2:before {
    content: "\e919";
}

.icon-lock-2:before {
    content: "\e91a";
}

.icon-piggy-bank-2:before {
    content: "\e91b";
}

.icon-calculator-1:before {
    content: "\e91c";
}

.icon-calculator-2:before {
    content: "\e91d";
}

.icon-credit-cards:before {
    content: "\e91e";
}

.icon-person-plus:before {
    content: "\e91f";
}

.icon-checkbook:before {
    content: "\e920";
}

.icon-computer:before {
    content: "\e921";
}

.icon-computer-checkmark:before {
    content: "\e922";
}

.icon-computer-graph:before {
    content: "\e923";
}

.icon-cell-phone:before {
    content: "\e924";
}

.icon-folder:before {
    content: "\e925";
}

.icon-light-bulb:before {
    content: "\e926";
}

.icon-phone:before {
    content: "\e927";
}

.icon-shield-lock:before {
    content: "\e928";
}

.icon-video:before {
    content: "\e929";
}

.icon-sprout:before {
    content: "\e92a";
}

.icon-cloud:before {
    content: "\e92b";
}

.icon-map:before {
    content: "\e92c";
}

.icon-rates:before {
    content: "\e92d";
}

.icon-ncua:before {
    content: "\e92e";
}

#lightcase-content .lightcase-contentInner {
    -webkit-overflow-scrolling: touch;
}

#lightcase-case {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.Hidden {
    display: none;
}

.home #page {
    opacity: 0;
}

.reveal.home #page {
    opacity: 1;
}

body.resize * {
    transition: none !important;
}

#page {
    background-color: #f2f2f2;
}

.home p,
.home blockquote {
    line-height: 1.35;
}
/*SUBSECTION PROMO TEXT FORMATTING
-------------------------------------------------------------------------------------------*/
.subsection-promo h2 + h3,
.Subsection-Promo-Table h2 + h3 {
    margin: 0;
    padding: 0;
}

.subsection-promo img,
.Subsection-Promo-Table img {
    max-height: 330px;
}

.subsection-promo h2, .subsection-promo h3, .subsection-promo p {
    opacity: 0;
}

@media only screen and (min-width:1000px) {
    .subsection-promo .inner-content > table > tbody > tr > td:not(:only-of-type) h2,
    .Subsection-Promo-Table > tbody > tr > td:first-of-type > table > tbody > tr > td:not(:only-of-type) h2 {
        margin: 0;
        padding: 0;
    }

    .subsection-promo img,
    .Subsection-Promo-Table img {
        max-height: none;
    }
}

@media only screen and (max-width:667px) {
    .subsection-promo,
    .Subsection-Promo-Table {
        text-align: center;
    }
}

@media only screen and (max-width: 667px) {
    .subsection[style*="url"] .inner-content > table td.show,
    .Subsection-Table[style*="url"] > tbody > tr > td:first-of-type > table td.show {
        padding-top: 0;
    }

    .subsection[style*="url"] h1, .Subsection-Table[style*="url"] h1 {
        padding-top: 1.563rem;
    }
}

@media only screen and (min-width:1350px) {
    .subsection[style*="url"],
    .Subsection-Table[style*="url"] {
        min-height: 20em;
    }
}
/*SUBSECTION PROMO FONT SIZING
-------------------------------------------------------------------------------------------*/
.subsection-promo h2,
.Subsection-Promo-Table h2,
.subsection-quicklinks h2 {
    font-weight: 900;
}

.subsection-promo, .Subsection-Promo-Table {
    font-size: 1.675rem;
}

    .subsection-promo .Button1,
    .subsection-promo .Button2,
    .Subsection-Promo-Table .Button1,
    .Subsection-Promo-Table .Button2 {
        font-size: 1.15rem;
    }

    .subsection-promo h2, .Subsection-Promo-Table h2 {
        font-size: 3.609rem;
        text-shadow: 1px 3px 3px rgba(0,0,0,.2);
    }

@media only screen and (max-width: 667px) {
    .subsection-promo, .Subsection-Promo-Table {
        font-size: 1.2rem;
    }

        .subsection-promo h2, .Subsection-Promo-Table h2 {
            font-size: 2.5rem;
            text-shadow: none;
        }
}

@media only screen and (min-width: 1366px) {
    .subsection-promo, .Subsection-Promo-Table {
        font-size: 1.795vw;
    }

        .subsection-promo h2, .Subsection-Promo-Table h2 {
            font-size: 5.250vw;
        }

    .subsection-quicklinks {
        font-size: 1.25rem;
    }

        .subsection-quicklinks h2 {
            font-size: 3.609vw;
        }

        .subsection-promo h3,
        .Subsection-Promo-Table h3,
        .subsection-quicklinks h3 {
            font-size: 2.45vw;
            line-height: 1.2;
        }

        .subsection-promo h4,
        .Subsection-Promo-Table h4,
        .subsection-quicklinks h4 {
            font-size: 1.975vw;
        }

        .subsection-promo h5,
        .Subsection-Promo-Table h5,
        .subsection-quicklinks h5 {
            font-size: 1.675vw;
        }
}
/*SUBSECTION PROMOS, QUICKLINKS, SOCIAL
-------------------------------------------------------------------------------------------*/
.subsection-promo,
.Subsection-Promo-Table, .Subsection-Promo-Table > tbody, .Subsection-Promo-Table > tbody > tr,
.subsection-quicklinks,
.Subsection-Quicklinks-Table,
.subsection-social,
.Subsection-Social-Table {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    min-height: 260px;
    border: none;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.subsection-promo, .Subsection-Promo-Table {
    min-height: 100vh;
    border-bottom: .075rem solid rgba(0, 0, 0, .09);
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/texture-dots.png');
}

    .subsection-promo[style*="url"],
    .Subsection-Table-Promo[style*="url"] {
        border: none;
    }

    .subsection-promo:last-of-type,
    .Subsection-Promo-Table:last-of-type {
        border-bottom: none;
    }

    .Subsection-Promo-Table > tbody > tr > td:first-of-type,
    .Subsection-Quicklinks-Table > tbody > tr > td:first-of-type {
        display: block;
        position: relative;
        width: 85%;
        min-width: 984px;
        max-width: 1600px;
        margin: 0 auto;
        padding: 3% 3% 40px 3%;
        background-clip: padding-box;
        box-sizing: border-box;
        z-index: 3;
    }

.subsection-quicklinks:not([style*="url"]), .Subsection-Quicklinks-Table:not([style*="url"]) {
    border-bottom: .075rem solid rgba(0, 0, 0, .09);
}

@media only screen and (min-width: 1001px) {
    .subsection[style*="url"]:first-of-type,
    .subsection:only-of-type,
    .Subsection-Table[style*="url"]:first-of-type,
    .Subsection-Table:only-of-type {
        padding-top: 5rem;
    }
}

.subsection-promo[style*="url"]:before,
.Subsection-Table-Promo[style*="url"]:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.70) 60%,rgba(255,255,255,0) 100%);
    z-index: 1;
}

@media only screen and (max-width: 1000px) {
    .subsection-promo[style*="url"]:before,
    .Subsection-Table-Promo[style*="url"]:before {
        background: linear-gradient(to bottom, rgba(255,255,255,0.88) 1%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 100%);
    }
}

@media only screen and (min-width: 668px) {
    .subsection-promo[style*="url"].fade-left:before,
    .Subsection-Table-Promo[style*="url"].fade-left:before {
        left: 0;
        background: linear-gradient(to right, rgba(255,255,255,0.9) 20%,rgba(255,255,255,0) 100%);
    }
}

.Subsection-Promo-Table > tbody > tr > td:first-of-type table td.show + td.show {
    padding-left: 20px;
}

.subsection-promo:first-of-type .inner-content,
.Subsection-Promo-Table:first-of-type > tbody > tr > td:first-of-type {
}

.subsection-promo .inner-content,
.Subsection-Promo-Table > tbody > tr > td:first-of-type {
    padding: 0 5%;
    height: 100%;
    transition: all .5s ease;
}

.subsection-promo[style*="url"]:first-of-type,
.subsection-promo:only-of-type,
.Subsection-Promo-Table[style*="url"]:first-of-type,
.Subsection-Promo-Table:only-of-type {
    padding-top: 0;
}

@media only screen and (max-width:1000px) {
    body:not(.logo-vertical) .subsection-promo:first-of-type .inner-content,
    body:not(.logo-vertical) .Subsection-Promo-Table:first-of-type > tbody > tr > td:first-of-type {
        padding-top: 0;
    }

    .subsection-promo, .Subsection-Promo-Table {
        min-height: 0;
    }

        .subsection-promo,
        .subsection-promo .inner-content,
        .Subsection-Promo-Table,
        .Subsection-Promo-Table > tbody > tr > td:first-of-type {
            height: auto;
            padding-top: 3%;
            padding-bottom: 3%;
        }
}

@media only screen and (max-width:1000px) {
    .subsection[style*="url"]:first-of-type,
    .Subsection-Table[style*="url"]:first-of-type {
        min-height: 10em;
    }
}

.subsection-quicklinks .inner-content,
.Subsection-Quicklinks-Table > tbody > tr > td:first-of-type {
    padding: 5%;
    text-align: center;
}

@media only screen and (min-width: 668px) {
    .subsection-quicklinks .inner-content,
    .Subsection-Quicklinks-Table > tbody > tr > td:first-of-type {
        padding: 4rem 2%;
    }
}

.subsection-promo .inner-content table td.show,
.Subsection-Promo-Table > tbody > tr > td:first-of-type table td.show {
    vertical-align: middle;
}

.subsection-promo .inner-content > table,
.Subsection-Promo-Table > tbody > tr > td:first-of-type > table {
    position: relative;
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 1000px) {
    .subsection-promo .inner-content > table,
    .Subsection-Promo-Table > tbody > tr > td:first-of-type > table {
        position: relative;
        height: 100vh;
    }

    .subsection-promo:first-of-type .inner-content > table,
    .Subsection-Promo-Table:first-of-type > tbody > tr > td:first-of-type > table {
    }
}

.subsection-promo .inner-content > table > tbody > tr > td:only-of-type,
.Subsection-Promo-Table > tbody > tr > td:first-of-type > table > tbody > tr > td:only-of-type {
    text-align: center;
}

@media only screen and (max-width:667px) {
    .subsection-promo .inner-content table td.show,
    .Subsection-Promo-Table > tbody > tr > td:first-of-type table td.show {
        float: left;
        width: 100% !important;
        padding: 0;
    }
}

.Table-Quicklinks-Grid, .Table-Quicklinks-Grid tbody {
    display: block;
    margin: 5% 0;
}

    .Table-Quicklinks-Grid tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Table-Quicklinks-Grid > tbody > tr > td {
        position: relative;
        display: flex;
        width: 20%;
        max-width: 14rem;
        flex-grow: 1;
        margin: 1.5rem;
        box-sizing: border-box;
        text-align: center;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: .5rem;
        border: .05rem solid rgba(0,0,0,0.15);
        background-clip: padding-box;
    }

_:-ms-fullscreen, :root .Table-Quicklinks-Grid tr td { /*ie11 flexbox bug hack*/
    max-width: 100%;
}

.Table-Quicklinks-Grid td:before,
.subsection-promo:before,
.Subsection-Promo-Table:before,
.subsection-quicklinks:before,
.Subsection-Quicklinks-Table:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    min-height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(236,236,236,0.25) 100%);
    transition: all .5s ease;
    z-index: 1;
}

.Table-Quicklinks-Grid td:before {
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(236,236,236,0.5) 100%);
}

.no-touch .Table-Quicklinks-Grid td:hover:before {
    opacity: 0;
}

.Table-Quicklinks-Grid a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    width: 100%;
    padding: 1.5rem .65rem;
    z-index: 5;
}

_:-ms-fullscreen, :root .Table-Quicklinks-Grid a { /*ie11 flexbox bug hack*/
    align-items: stretch;
}

.Table-Quicklinks-Grid a:before {
    display: flex;
    width: 5rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
}

_:-ms-fullscreen, :root .Table-Quicklinks-Grid a:before {
    margin: 0 auto; /*ie11 flexbox bug hack*/
}

.Table-Quicklinks-Grid a:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

@media only screen and (max-width:1000px) {
    .Table-Quicklinks-Grid > tbody > tr > td {
        min-width: 130px;
        margin: .5rem;
    }
}

.subsection-social,
.Subsection-Social-Table {
    min-height: 0;
    font-weight: 300;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-image: url('../images/texture-dots-dark.png');
}

    .subsection-social .inner-content,
    .Subsection-Social-Table > tbody > tr > td:first-of-type {
        height: 100%;
        padding: 2.5rem 3%;
    }

        .subsection-social .inner-content > table,
        .subsection-social .inner-content > table > tbody {
            display: block;
        }

            .subsection-social .inner-content > table > tbody > tr {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

                .subsection-social .inner-content > table > tbody > tr > td,
                .subsection-social .inner-content > table > tbody > tr > td.show {
                    position: relative;
                    display: flex;
                    float: none;
                    width: 20%;
                    flex-grow: 1;
                    margin: 1.5rem 0;
                    box-sizing: border-box;
                    align-items: center;
                    justify-content: center;
                }

    .subsection-social:before,
    .Subsection-Social-Table:before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        min-height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
        transition: all .5s ease;
        z-index: 1;
    }

    .subsection-social a {
        position: relative;
        float: left;
        width: auto;
        min-width: 11rem; /*could need adjustment if not used for social content*/
        padding-top: 0.5rem;
    }

        .subsection-social a strong {
            font-family: 'Roboto';
        }

        .subsection-social a:hover {
            opacity: .75;
        }

        .subsection-social a:before {
            float: left;
            width: 3.5rem;
            height: 3.438rem;
            margin-top: -0.35rem;
            text-align: left;
        }

        /*Special FontAwesome Icon styles*/
        .subsection-social a.fa-handshake-o:before {
            padding-right: 1.5rem;
        }

        .subsection-social a.fa-map-marker:before {
            width: 2.5rem;
        }


@media only screen and (max-width:1000px) {
    .subsection-social .inner-content > table > tbody > tr > td,
    .subsection-social .inner-content > table > tbody > tr > td.show {
        margin: 1rem;
        width: auto !important;
    }
}

.Table-Normal {
}

    .Table-Normal > tbody > tr > td {
        padding: 0 .75rem;
    }

@media only screen and (max-width:667px) {
    table.Table-Normal > tbody > tr > td {
        float: left;
        width: 100% !important;
        padding: 0;
    }

    .locations table.Table-Normal > tbody > tr > td {
        text-align: center;
    }
}

[class*="Table-Grid"] > tbody > tr > td {
    border-top: 1em solid #00244a;
}

[class*="Table-Grid"] > tbody > tr {
    background-color: #f1f1f1;
    border-radius: .556em;
}

    [class*="Table-Grid"] > tbody > tr > td {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

.Table-Location {
    margin-top: 1em;
    margin-bottom: 1em;
}

    .Table-Location, .Table-Location > tbody, .Table-Location td {
        display: block;
    }

        .Table-Location tr {
            display: flex;
            flex-wrap: wrap;
        }

        .Table-Location td {
            flex-basis: calc(50% - 2rem) /* Change this to 50% if not using a photo in the first column - 33% if so*/;
            padding-left: 2rem;
            vertical-align: top;
            flex-grow: 1;
        }

            .Table-Location td:first-child {
                padding-left: 0;
            }

            .Table-Location td:nth-child(2) {
                flex-grow: 2;
            }

            .Table-Location td > *:first-child {
                margin-top: 0;
                padding-top: 0;
            }

@media only screen and (max-width: 1000px) {
    .Table-Location tr {
        flex-wrap: wrap;
    }

    .Table-Location td:last-child {
        flex-basis: 50%;
        padding-left: 0;
    }
}

@media only screen and (max-width:820px) {
    .Table-Location tr {
        flex-direction: column;
    }

        .Table-Location tr td {
            padding-left: 0;
            padding-top: 1em;
        }
}

@media only screen and (max-width: 500px) {
    .Table-Location tr:first-child td:first-child {
        width: 100%;
    }
}

/*LINKS
-------------------------------------------------------------------------------------------*/
.Button1, .Button2 {
    color: #00244a;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 1.5rem;
}

.Button2 {
    color: #FFF !important;
}

    .Button1 + .Button1, .Button1 + .Button2, .Button2 + .Button2 {
    }

    .Button1:disabled, .Button2:disabled {
        border: .075rem solid #aeaeae !important;
        background-color: #FFF !important;
        color: #aeaeae !important;
    }

[class*="Table-Grid"] .Button1, [class*="Table-Grid"] .Button2 {
    min-width: 0 !important;
}

@media only screen and (min-width:1200px) {
    .Button1, .Button2 {
        min-width: 11.65rem;
    }
}

@media only screen and (max-width:412px) {
    .Button1, .Button2 {
        width: 100% !important;
        margin: .4rem 0 !important;
    }
}
/*FOOTER & MISC
-------------------------------------------------------------------------------------------*/
.Table-Product tr th {
    position: relative;
    z-index: 1;
}

    .Table-Product tr th:nth-child(2n+3):before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: -1;
    }

#footer {
}

    #footer .inner-content {
        padding: 0 3% 1% 3%;
    }

        #footer .inner-content table,
        #footer .inner-content table tbody {
            display: block;
        }

            #footer .inner-content table tbody tr {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

        #footer .inner-content > table > tbody > tr > td {
            position: relative;
            display: flex;
            float: none;
            flex-grow: 1;
            margin: 1rem 0;
            padding-left: 1.75rem;
            box-sizing: border-box;
            flex-direction: column;
        }

@media only screen and (max-width: 667px) {
    #footer .inner-content > table > tbody > tr > td {
        margin: .25rem 0;
        text-align: center;
        padding-left: 0;
        min-width: 220px;
    }
}

#footer ul {
    margin-left: 0;
    padding-left: 0;
}

    #footer ul li {
        padding-left: 0;
    }

        #footer ul li:before {
            display: none;
        }

#footer a {
    text-transform: uppercase;
}

#copyright {
    position: relative;
}

    #copyright:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
        z-index: 1;
    }

    #copyright .inner-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 1.15rem 3% .95rem 3%;
    }

.home #copyright .inner-content {
    padding: 2.15rem 3% 1.95rem 3%;
}

.home.login-static #copyright .inner-content {
    padding: 1.15rem 3% .95rem 3%;
}

@media only screen and (max-width: 1000px) {
    #copyright .inner-content {
        padding: 1rem 3% 1.05rem 3%;
    }
}

@media only screen and (max-width: 667px) {
    #copyright .inner-content {
        text-align: center;
        justify-content: center;
    }
}

#copyright .inner-content > div:first-of-type {
    width: auto;
    font-weight: 300;
}

.nologos #logos {
    display: none;
}

#copyright #logos {
    display: flex;
    align-items: center;
    justify-content: center;
}

#copyright ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #copyright ul li {
        display: inline-block;
        margin: 0;
    }

        #copyright ul li:before {
            display: none;
        }

        #copyright ul li:first-child {
            padding-left: 0;
        }

#copyright #logos div {
    padding-left: .5rem;
}

#gototop {
    right: 1rem;
    bottom: 1rem;
    background-color: #fff;
    font-size: .889rem;
    line-height: 2.5;
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: .556rem;
}

    #gototop:hover {
        background-color: #0478de;
    }

.home #gototop {
    bottom: 3.75rem;
}

.login-static #gototop {
    bottom: 5.5rem;
}

.down-arrow {
    position: fixed;
    width: 2.2rem;
    height: 2.2rem;
    right: 1rem;
    bottom: 1.1rem;
    background-color: #fff;
    font-size: .889rem;
    line-height: 2.5;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: .556rem;
    transition: all .5s ease;
    z-index: 9999997;
}

    .down-arrow:hover {
        color: rgba(255, 255, 255,.8);
        background-color: #005f95;
    }

.subsection:not([style*="url"]),
.Subsection-Table:not([style*="url"]) {
    border-bottom: .075rem solid #f2f2f2;
}

.subsection,
.Subsection-Table {
    transition: padding .25s ease;
}

/*TABLES
-------------------------------------------------------------------------------------------*/

[class*="Table-Style"] tr {
    background-color: #ededed;
}

[class*="Table-Style"] th {
    color: #000;
    border-top-color: #d2d2d2;
    border-right-color: #d2d2d2;
    border-bottom-color: #3d3d3d;
}

    [class*="Table-Style"] th:first-child {
        border-left-color: #d2d2d2;
    }

    [class*="Table-Style"] th a {
        color: #d2e7df;
    }

        [class*="Table-Style"] th a:hover {
            color: #FFFFFF;
        }

[class*="Table-Style"] td {
    border-right-color: #d2d2d2;
    border-bottom-color: #d2d2d2;
}

    [class*="Table-Style"] td:first-child {
        border-left-color: #d2d2d2;
    }

[class*="Table-Style"] tr:hover {
    background-color: #eee;
}

[class*="Table-Style"] td[colspan] {
    background-color: #dde6e6 !important;
}

[class*="Table-Style"] td[colspan], [class*="Table-Product"] td[colspan] {
    color: #004e5a;
}

[class*="Table-Style"] caption {
    color: #FFF;
    background-color: #808080;
}

[class*="Table-Style"] tr:nth-child(even) td {
    background-color: #f2f2f2;
}

[class*="Table-Style"] tr:nth-child(odd) td {
    background-color: #ffffff;
}

[class*="Table-Product"] {
    border-top-color: #AEB89D;
}

    [class*="Table-Product"] th {
        background-color: #808080; /* Old browsers */
        color: #fff;
        border-right-color: #585858;
        border-bottom-color: #3d3d3d;
    }

    [class*="Table-Product"] td {
        border-bottom-color: #d2d2d2;
        border-right-color: #d2d2d2;
        background: #FFF;
    }

    [class*="Table-Product"] tr:first-child td:first-child {
        border-top-color: #d2d2d2;
    }

    [class*="Table-Product"] tr th:first-child, [class*="Table-Product"] tr td:first-child {
        border-left-color: #d2d2d2;
    }

    [class*="Table-Product"] tr th:first-child {
        background: none !important; /* Old browsers */
    }

    [class*="Table-Product"] tr td:first-child {
        background-color: #f7f7f7;
        border-right-color: #d2d2d2;
    }

    [class*="Table-Product"] tr:last-child td {
        border-bottom-color: #d2d2d2;
    }

    [class*="Table-Product"] tr td:last-child {
        border-right-color: #d2d2d2;
    }

    [class*="Table-Product"] caption, [class*="Table-Product"] tr th:first-child, [class*="Table-Product"] tr th:first-child p {
        color: #000;
    }

    [class*="Table-Product"] th a:hover {
        color: #c7c7c7;
    }

    /*even columns (minus the first column). Remove +3 if all columns needed*/
    [class*="Table-Product"] tr th:nth-child(2n+3) {
        background-color: #5b5b5b;
    }

/*TABLES ROUNDED CORNERS - ENABLE / DISABLE
-------------------------------------------------------------------------------------------*/
/*.Table-Style caption {
	border-radius: .75rem .75rem 0 0;
}
.Table-Product tr th {
	background-clip: border-box !important;
}
.Table-Product tr th:nth-child(2){
	border-top-left-radius: .335rem;
}
.Table-Product tr th:last-child {
	border-top-right-radius: .335rem;
	border-right-width: 0;
}*/
/*WEATHER (CSS/WEATHER.CSS)
-------------------------------------------------------------------------------------------*/
#weather {
    position: relative;
    max-width: 800px;
    max-height: 0;
    margin: 0 auto;
    overflow: hidden;
    opacity: 0;
    transition: all 1s ease;
}

.weather-active #weather {
    padding-top: 5rem;
    max-width: 60%;
    max-height: 1000px;
    opacity: 1;
}

@media only screen and (max-width: 1000px) {
    .weather-active #weather {
        max-width: 650px;
    }
}

#weather:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    top: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(196,196,196,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(196,196,196,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(196,196,196,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#changeloc {
    position: absolute;
    top: 3.5rem;
    left: 0;
    text-transform: uppercase;
    font-size: 1rem;
    opacity: 0;
    transition: all .2s ease; /*fade out*/
}

.weather-active #changeloc {
    opacity: 1;
    transition: all 2s ease; /*fade in*/
}

.weatherLocation {
    position: absolute;
    top: -2.5rem;
}

    .weatherLocation input {
        width: 7em;
        height: 1.7em;
        margin: 0;
        padding: .063em 0 0 .313em;
    }

.dark .weatherLocation {
}

    .dark .weatherLocation input {
        background-color: #a2a2a2;
    }

.dark #weather a {
    color: rgba(255,255,255,.5);
}

    .dark #weather a:hover {
        color: rgba(255,255,255,1);
    }
/* TOOLBAR
-------------------------------------------------------------------------------------------*/
#toolbar {
    display: none;
    position: fixed;
    width: 20rem;
    height: 100vh;
    top: 0;
    right: -20rem;
    z-index: 10002;
    transition: right .3s;
}

    #toolbar:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        opacity: .95;
        z-index: -1;
    }

@media only screen and (min-width: 1001px) {
    #toolbar {
        display: flex;
        align-items: center;
    }
}

#widgetcontent {
    padding: 2rem;
}

    #widgetcontent .Button1, #widgetcontent .Button2 {
        width: 100%;
        margin: .25rem 0;
    }

#toolbar a.fa-apple:before, #toolbar a.fa-android {
    font-size: 1.5rem;
    margin-right: .75rem;
}

#toolbar.open {
    right: 0;
    box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.41);
}

#toolbtn-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    bottom: 50%;
    left: 0;
    width: 2.55rem;
    height: 2.55rem;
    margin: auto;
    text-align: center;
    color: #FFF;
    transition: all 0.5s ease;
}

.tools-active #toolbtn-widget {
    left: -2.55rem;
}

#toolbtn-widget .fa-question-circle:before {
    font-size: 1.55rem;
}
/*SITE NOTICE
-------------------------------------------------------------------------------------------*/
#notice {
    position: absolute;
    top: -1000px;
    width: 100%;
    left: 0;
    margin: -8rem 0 0 0;
    padding: 0;
    z-index: 5000;
    max-height: auto;
    font-size: 1.20rem;
    border-top: .111rem solid #FFF;
    border-bottom: .111rem solid #FFF;
    box-shadow: 0px 0px 20px rgba(9,95,170,.5);
    transition: top 1.5s ease;
    background: #e5302e;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5934', endColorstr='#e5302e',GradientType=0 );
}

.cssgradients #notice .noticeHtml {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTlmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(238,89,52);
    background: linear-gradient(to bottom, rgba(238,89,52,1) 0%,rgba(229,48,46,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5934', endColorstr='#e5302e',GradientType=0 );
}

    .cssgradients #notice .noticeHtml.yellow {
        filter: none;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTlmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: rgb(255,239,0);
        background: linear-gradient(to bottom, rgba(255,239,0,1) 0%,rgba(229,214,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffef00', endColorstr='#e5d600',GradientType=0 );
    }

    .cssgradients #notice .noticeHtml.green {
        filter: none;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTlmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: rgb(0,171,78);
        background: linear-gradient(to bottom, rgba(0,171,78,1) 1%,rgba(0,142,64,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ab4e', endColorstr='#008e40',GradientType=0 );
    }

    .cssgradients #notice .noticeHtml.blue {
        filter: none;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTlmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: rgb(0,96,186);
        background: linear-gradient(to bottom, rgba(0,96,186,1) 0%,rgba(0,84,166,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060ba', endColorstr='#0054a6',GradientType=0 );
    }
/*Actual CSS*/
/*.noticeactive #notice.active:not(.appbanner) { 
	transition: top 1.5s ease;
	top:50%;
	margin-top: -8rem;
}*/
/*Customizer Version*/
.notice-active.noticeactive #notice.active:not(.appbanner) {
    transition: top 1.5s ease;
    top: 50%;
    margin-top: -8rem;
}

#notice > div {
    margin: 0;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
}

#notice.active .noticeHtml {
    box-shadow: none;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

body.noticeactive .notice:not(.appbanner) {
}

body.bannernoticeactive .notice.appbanner.active {
}

.notice table {
    width: 80% !important;
    margin: 0 auto;
}

    .notice table tr td {
        border: none;
        box-sizing: border-box;
    }

.noticeHtml table td {
    padding: 15px 5%;
    text-align: center;
}

    .noticeHtml table td:last-of-type {
        text-align: left;
    }

.noticeHtml table td {
    padding: 4rem 2rem;
    text-align: center;
}

.noticeHtml * {
    padding: 5px 0;
    margin: 3px 0;
    color: #ffffff;
}

.noticeHtml.yellow * {
    color: #000;
}

.noticeHtml h2 {
    font-size: 2rem;
    padding: 0;
    margin: 0;
    letter-spacing: -1px;
    font-family: 'Haas Grot Medium', Helvetica, Arial, sans-serif;
}

.noticeHtml h3 {
    font-size: 1.550rem;
}

.noticeHtml p {
}

.noticeHtml > p {
}

    .noticeHtml > p:first-of-type {
    }

    .noticeHtml > p:last-of-type {
    }

    .noticeHtml > p:first-of-type:last-of-type {
    }

.noticeHtml {
    overflow: hidden;
    color: #000;
}

#notice.active .noticeHtml {
    box-shadow: 0px 1px 10px rgba(0,0,0,.25);
}

.noticeHtml a {
    color: rgba(255,255,255,.75);
    text-decoration: none;
}

    .noticeHtml a:hover {
        color: rgba(255,255,255,1);
    }

.noticeHtml td.rev {
    background-color: transparent;
}

.notice table tr td:last-of-type .noticecloser,
.notice table tr td:last-of-type .noticeclosersession,
.notice table tr td:only-of-type .noticecloser,
.notice table tr td:only-of-type .noticeclosersession {
    display: block;
}

.noticecloser, .noticeclosersession {
    position: absolute;
    display: none;
    cursor: pointer;
    text-align: center;
    font-family: 'FontAwesome';
    top: 0;
}

.noticecloser {
    right: 1rem;
}

.noticeclosersession {
    right: 2.75rem;
}

.noticecloser:before {
    content: "\f00d";
}

.noticeclosersession:before {
    content: "\f068";
}

.noticecloser:before, .noticeclosersession:before {
    color: rgba(255,255,255,.5);
    transition: all .5s ease;
}

.noticecloser:hover:before, .noticeclosersession:hover:before {
    color: rgba(255,255,255,1);
}

.noticeHtml:hover table td:first-child:before {
    /*opacity: 1;*/
}

.noticeHtml table td:first-child {
    width: 25%;
    text-align: right;
}

.noticeHtml table td:first-of-type {
    position: relative;
}

    .noticeHtml table td:first-of-type:before {
        content: '\f071';
        font-family: 'FontAwesome';
        position: absolute;
        left: 50%;
        margin-left: -7rem;
        top: .5rem;
        font-size: 14rem;
        z-index: 1;
        color: rgba(255, 255, 255, .1);
        transition: opacity .5s ease;
    }

@media only screen and (min-width:1032px) {
    .noticeHtml {
        /*max-height: 125px;*/
    }

        .noticeHtml h2 {
            font-size: 2.75rem;
        }

        .noticeHtml h3 {
        }
}

@media only screen and (max-width:790px) {
    .notice table {
        width: 100% !important;
        margin: 0 auto;
    }

    .noticeHtml table td {
        float: left;
        width: 100% !important;
        margin: 0 !important;
        padding: 2rem;
    }

        .noticeHtml table td:first-child {
            float: left;
            width: 100% !important;
            padding: 1.55rem 0 0 0;
            text-align: center;
        }
}

@media only screen and (max-width:320px) {
    .noticeHtml table td {
        width: 90% !important;
        float: left;
        padding: 5%;
    }

        .noticeHtml table td:first-child {
            text-align: center;
        }

            .noticeHtml table td:first-child:before {
                font-size: 50px;
            }

        .noticeHtml table td:last-of-type {
            width: 100% !important;
            text-align: center;
        }
}

label::after,
fieldset::after {
    content: "Please fill out this field.";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 0.875em;
    display: block;
    z-index: 10;
    background-color: #666;
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

[data-error]::after {
    content: attr(data-error);
}

.invalid {
    z-index: 100;
    animation-name: slideShake;
    animation-iteration-count: 2;
    animation-duration: 0.0833s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

    .invalid input,
    .invalid select,
    .invalid textarea {
        box-shadow: 0 0 0 2px rgba(102, 102, 102, 1);
        border-color: transparent !important;
    }

    .invalid::after {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

.required,
.valid {
    position: relative;
}

    .required::before,
    .valid::before {
        content: "required";
        position: absolute;
        right: 0;
        bottom: 0;
        color: rgb(255, 102, 0);
        font-size: 0.6em;
        padding: 0.5em 0.75em;
        text-transform: uppercase;
        pointer-events: none;
    }

    .valid::before {
        content: "valid";
        color: rgb(102, 102, 102);
    }

@keyframes rotateShake {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-1deg);
    }

    75% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes slideShake {
    0% {
        transform: translateX(0em);
    }

    25% {
        transform: translateX(-0.125em);
    }

    75% {
        transform: translateX(0.125em);
    }

    100% {
        transform: translateX(0em);
    }
}


#contact {
    box-sizing: border-box;
    font-size: inherit;
    position: relative;
    z-index: 340;
}

    #contact,
    #contact form {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

        #contact form {
            margin-bottom: 0;
            width: 100%;
        }

        #contact h2 {
            width: 100%;
            margin-top: 0;
        }

        #contact label {
            flex-grow: 1;
            margin: 0.25em 0;
            width: 100%;
            border-right: solid 1px rgb(238, 238, 238);
            position: relative;
            line-height: inherit;
            box-sizing: border-box;
            font-size: inherit;
        }

        #contact label {
            min-height: 3em;
        }

            #contact label span {
                display: none;
            }

        #contact input:not([type=radio]):not([type=checkbox]),
        #contact select,
        #contact textarea {
            border: none;
            width: 100%; /* Comment out if not using label > input structure*/
            box-sizing: border-box;
            border-radius: 0;
            padding: 0.5em 1em;
            background-color: rgb(255, 255, 255);
            height: 100%;
            line-height: inherit;
            font-size: inherit;
            font-family: inherit;
            transition: background-color 0.25s ease;
            border: solid 1px rgba(204, 204, 204, 1);
            -webkit-appearance: none;
        }

        #contact textarea {
            min-height: 10em;
            resize: vertical;
        }

        #contact input:not([type=radio]):not([type=checkbox]) {
            -webkit-appearance: none;
            -moz-appearance: none;
        }

            #contact input:not([type=radio]):not([type=checkbox]):focus,
            #contact select:focus,
            #contact textarea:focus {
                background-color: rgba(238, 238, 238, 0.75);
            }

        #contact ul {
            display: flex;
            list-style: none;
            padding: 0;
            width: 100%;
        }

            #contact ul li {
                margin: 0 1em 0 0;
                list-style-type: none;
            }

        #contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: rgb(51, 51, 51);
        }

        #contact ::-moz-placeholder { /* Firefox 19+ */
            color: rgb(51, 51, 51);
        }

        #contact :-ms-input-placeholder { /* IE 10+ */
            color: rgb(51, 51, 51);
        }

        #contact :-moz-placeholder { /* Firefox 18- */
            color: rgb(51, 51, 51);
        }

        #contact fieldset {
            border: none;
            padding: 0;
            margin: 0 0 0.5em 0;
            display: block;
            position: relative;
            flex-grow: 1;
        }

            #contact fieldset legend {
                display: block;
                margin-bottom: 0.5em;
            }

            #contact fieldset label {
                border: none;
                width: auto;
                display: inline-flex;
                flex-wrap: wrap;
                height: auto;
                margin-right: 1em;
                overflow: hidden;
                cursor: pointer;
            }

                #contact fieldset label:last-child {
                    margin-right: 0;
                }

        #contact input[type=radio] {
            position: absolute;
            left: -12em;
            top: -12em;
            visibility: hidden;
        }

            #contact input[type=radio] + span::before {
                content: "";
                width: 1em;
                height: 1em;
                display: inline-flex;
                border-radius: 50%;
                border: solid 2px #666;
                margin-right: 0.5em;
                transition: background-color 0.25s ease;
            }

            #contact input[type=radio]:checked + span::before {
                background-color: rgb(102, 102, 102);
            }

            #contact input[type=checkbox] + span,
            #contact input[type=radio] + span {
                display: block;
            }

        /* Border Radius */

        #contact input:not([type=radio]):not([type=checkbox]),
        #contact select,
        #contact textarea {
            border-radius: 0.25em; /*Change the border-radius here.*/
        }

        #contact label {
            border: none;
        }

/*End Border Radius*/

a.Include-Form {
    display: none;
}

.captchaField.plain {
    width: 100%;
}

    .captchaField.plain .captchaFieldNumbers {
        font-size: 2em;
    }

input#captchaAnswer {
    margin: 0;
}

/*PERSONALIZATION POPUP
-------------------------------------------------------------------------------------------*/
.Decorated {
    display: none;
}

.personalization-active .Decorated {
    display: block;
}

.personalization-active .subsection-quicklinks h2 + h2 { /*For demo site only - just remove second h2*/
    display: none;
}

#personalizationPopupxy {
    display: block;
    position: fixed;
    width: 20rem;
    z-index: 5000;
    top: -100rem;
    left: 50%;
    margin: 7rem 0 0 -10rem;
    padding: 0;
    box-shadow: 0 0 1.111rem 0 rgba(84,102,112,0.31);
    border-radius: 0;
    overflow: auto;
    transition: all .8s ease-in-out;
}
/*#personalizationPopupxy.active,*/ .home.personalization-active #personalizationPopupxy.active {
    top: 0;
}

@media only screen and (max-width: 1000px) {
    #personalizationPopup.active {
        margin-top: 0px;
    }
}

a#personalizationPopupx {
    color: rgba(255,255,255,.5);
}

    a#personalizationPopupx:hover {
        color: rgba(255,255,255,1);
    }

.personalizationPopupTitle {
    color: #FFF;
    padding: .05rem 1rem;
}

#personalizationPopupxy p {
}

#personalizationPopupx {
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 40;
    top: .5rem;
    right: 0px;
    font-size: 1rem;
}

    #personalizationPopupx:before {
        font-family: "FontAwesome";
        content: "\f00d";
    }

#personalizationPopup {
    padding: 0 1rem .5rem 1rem;
    background: #fff;
    border-radius: 0;
    overflow: auto;
}

    #personalizationPopup h2 {
        font-size: 1.5rem;
    }

    #personalizationPopup p {
        font-size: .75rem;
    }

    #personalizationPopup label {
        display: inline-block;
    }

    #personalizationPopup a {
    }

        #personalizationPopup a:hover {
            text-decoration: underline;
        }

#personalizationName {
    width: 100%;
    outline: 0;
    font-size: 1rem;
    border: .065rem solid #666;
    padding: .278rem;
    margin-top: .278rem;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}

#personalizationForm {
    margin: 0;
    padding: 0;
}

#personalizationPopupSubmitBtn {
}

    #personalizationPopupSubmitBtn:hover {
    }

.personalizationPopupClosePerm {
    display: block;
}

@media only screen and (max-width:490px) {
    #personalizationPopupxy {
        width: 100%;
        z-index: 5000;
        top: -1000px;
        left: 0;
        margin: 75px 0 0 0;
        position: absolute;
    }
}
/*HOME FONT SIZING
-------------------------------------------------------------------------------------------*/
#login .inner-content form:before {
    font-size: 1.35rem;
}

#select h2 {
    font-size: 1rem;
}

.oblinks {
    font-size: .895rem;
}

.Table-Quicklinks-Grid a {
}

.Table-Quicklinks-Grid td a:before {
    font-size: 3rem;
}

.subsection-social a:before {
    font-size: 3rem;
}

.subsection-social a strong {
    font-size: 1.5rem;
}

#footer h3 {
    font-size: 1.2rem;
}

#footer {
    font-size: .889rem;
}

#copyright {
    font-size: .95rem;
}

    #copyright #logos div {
        font-size: 1.5rem;
    }

/*SITE SPECIFIC COLORS
-------------------------------------------------------------------------------------------*/
body:not(.home) h1,
body:not(.dark) .subsection-promo h2,
body:not(.dark) .Subsection-Promo-Table h2,
body:not(.dark) .subsection-quicklinks h2,
body:not(.dark) .Subsection-Quicklinks-Table h2,
body:not(.dark) [class*=section] h4 {
    color: #00244a;
}

.Table-Quicklinks-Grid a:before {
    color: #949599;
}

#footer a, #copyright a,
[class*=section] ul:not(.List-Checkmark) li:before,
[class*=Section] ul:not(.List-Checkmark) li:before {
    color: #00244a;
}

    a, #footer a:hover,
    #copyright a:hover,
    .Table-Quicklinks-Grid td a:hover:before,
    .firstname a:hover,
    .checkmark:before,
    .Button1, .Button2,
    ul.List-Checkmark li:before {
        color: #00244a;
    }

.subsection-social a,
.subsection-social a:hover,
.oblinks a,
#login .Button1,
#login .inner-content form:before,
#tab-login,
#toolbar,
.Table-Style caption,
.Table-Product th {
    color: #FFF;
}

.no-touch #login .Button1:hover {
    background-color: #00244a;
}

#toolbtn-widget, #toolbar:before {
    background-color: #a9abaa;
}

.oblinks a:hover {
    color: rgba(255,255,255,.65);
}

a:hover, .ps-select [data-select], .firstname a, body:not(.dark) [class*=section] h3, #lightcase-case h {
    color: #005f95;
}

label::after, fieldset::after {
    background-color: #005f95;
}

#login h2:before {
    color: #FFF;
}

.ps-select [data-select] {
    color: #005f95;
}

    .ps-select [data-option], .ps-select [data-select]::after {
        color: #6d6d6d !important;
    }

@media only screen and (min-width: 1001px) {
    nav#primary > div > ul > li > a:after {
        background: #FFF;
    }
}
/*INDEPENDENT SECTION BACKGROUND/COLORS
-------------------------------------------------------------------------------------------*/
.subsection-promo, .Subsection-Promo-Table {
}

    .subsection-promo:first-of-type, .Subsection-Promo-Table:first-of-type {
    }

    .subsection-promo:nth-of-type(2), .Subsection-Promo-Table:nth-of-type(2) {
    }

    .subsection-promo:nth-of-type(3), .Subsection-Promo-Table:nth-of-type(3) {
    }

    .subsection-promo:nth-of-type(4), .Subsection-Promo-Table:nth-of-type(4) {
    }

.subsection-social,
.Subsection-Social-Table,
.Table-Style caption,
.Table-Product th,
.Table-Product tr th:nth-child(2n+3),
nav#primary,
.no-touch #tab-login:hover:before,
.Button2 {
    background-color: #00244a;
}

.subsection-quicklinks[style*="url"]:before,
.Subsection-Quicklinks-Table[style*="url"]:before {
    background-color: #FFF;
    opacity: .85;
}

#login:before {
    background-color: #00244a;
}

nav#primary > div > ul > li > div div h3 {
    color: #00244a;
}

#toolbtn-widget:hover, #toolbtn-info:hover, #toolbtn-widget.active {
    background-color: #00244a;
}

#login .Button1, #tab-login:before, #personalizationPopupxy, .no-touch .Button1:hover, .no-touch .Button2:hover {
    background-color: #005f95;
}

.Button1, .Button2 {
    border: .075rem solid #00244a; /*seperate for customizer*/
}

.no-touch .Button1:hover, .no-touch .Button2:hover {
    border: .075rem solid #005f95; /*seperate for customizer*/
}

.Table-Style th, .Table-Product th {
    border-bottom: 0.313rem solid #005f95;
}

.Table-Product th {
    border-right: 0;
}

@media only screen and (max-width: 1000px) {
    .openob #primary .Button1 {
        background-color: #005f95;
    }

    .openob #primary .Button1 {
        border: .075rem solid #005f95;
    }
}
/*DARK MODE
-------------------------------------------------------------------------------------------*/
.dark.home #page {
    /*background-color: #002647;*/
}

.dark.home #login:before {
    background-color: #1c1c1c;
}

.dark .subsection-promo,
.dark .Subsection-Promo-Table,
.dark .subsection-quicklinks,
.dark .Subsection-Quicklinks-Table,
.dark #footer,
.dark #copyright,
.dark .subsection[style*="url"] *,
.dark .Subsection-Table[style*="url"] * {
    color: #FFF;
}

.dark.home .subsection-promo,
.dark.home .Subsection-Promo-Table,
.dark.home .subsection-quicklinks,
.dark.home .Subsection-Quicklinks-Table {
    border-bottom: .075rem solid rgba(255,255,255,.45);
}

    .dark.home .subsection-promo[style*="url"],
    .dark.home .Subsection-Table-Promo[style*="url"] {
        border: none;
    }

.dark .subsection-promo:last-of-type,
.dark .Subsection-Promo-Table:last-of-type {
    border-bottom: none;
}

.dark .Table-Quicklinks-Grid td:before,
.dark .subsection-promo:before,
.dark .Subsection-Promo-Table:before,
.dark .subsection-quicklinks:before,
.dark .Subsection-Quicklinks-Table:before {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(236,236,236,0.25) 100%);
}

.dark .subsection-promo[style*="url"]:before,
.dark .Subsection-Table-Promo[style*="url"]:before,
.dark .subsection-quicklinks[style*="url"]:before,
.dark .Subsection-Quicklinks-Table[style*="url"]:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 40%,rgba(0,0,0,0) 100%);
}

.dark .subsection-quicklinks[style*="url"]:before,
.dark .Subsection-Quicklinks-Table[style*="url"]:before {
    background-color: #00244a;
    opacity: .85;
}

.dark .subsection[style*="url"]:before,
.dark .Subsection-Table[style*="url"]:before {
    background-color: rgba(0,0,0,.65);
}

.dark .subsection[style*="url"].fade-left:before,
.dark .Subsection-Table[style*="url"].fade-left:before {
    background: linear-gradient(to right, rgba(0,0,0,0.85) 30%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);
}

.dark .subsection[style*="url"].fade-right:before,
.dark .Subsection-Table[style*="url"].fade-right:before {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%,rgba(0,0,0,0.85) 70%);
}

@media only screen and (min-width: 668px) {
    .dark .subsection-promo[style*="url"].fade-left:before,
    .dark .Subsection-Table-Promo[style*="url"].fade-left:before {
        left: 0;
        background: linear-gradient(to right, rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 100%);
    }
}

.dark .Table-Quicklinks-Grid a,
.dark .Table-Quicklinks-Grid a:before,
.dark .Table-Quicklinks-Grid td a:hover:before {
    color: #FFF;
}

.dark .Table-Quicklinks-Grid td a:hover:before {
    opacity: .5;
}

.dark .Table-Quicklinks-Grid > tbody > tr > td,
.dark .subsection-quicklinks[style*="url"] .Table-Quicklinks-Grid > tbody > tr > td,
.dark .Subsection-Quicklinks-Table[style*="url"] .Table-Quicklinks-Grid > tbody > tr > td {
    border: .075rem solid rgba(255,255,255,.35);
}

.dark .subsection-promo,
.dark .Subsection-Promo-Table {
    background-image: url('../images/texture-dots-dark.png');
}

    .dark .subsection-promo a,
    .dark .Subsection-Promo-Table a,
    .dark #footer a,
    .dark #copyright a {
        color: rgba(255,255,255,.55);
    }

        .dark #footer a:hover,
        .dark .subsection-promo a:hover,
        .dark .Subsection-Promo-Table a:hover {
            color: rgba(255,255,255,1);
        }

.dark #copyright:before {
    background: linear-gradient(to bottom, rgba(236,236,236,0.25) 0%,rgba(255,255,255,.10) 100%);
}

.dark .subsection-promo .Button1:not(:hover),
.dark .Subsection-Promo-Table .Button1:not(:hover),
.dark .subsection[style*="url"] .Button1:not(:hover),
.dark .Subsection-Table[style*="url"] .Button1:not(:hover) {
    color: #FFF;
    border: .075rem solid #ffffff;
}

.dark.home #gototop:not(:hover), .dark.home .down-arrow:not(:hover) {
    background: rgba(229, 229, 229, 0.3);
}

@media print {
    table {
        page-break-inside: avoid;
    }

    .home #page, .subsection-promo h2, .subsection-promo h3, .subsection-promo p {
        opacity: 1;
    }

    nav#primary, #personalizationPopupxy, .slide-out-div {
        display: none;
    }
}
/*Overrides
-------------------------------------------------------------------------------------------*/

/*body:not(.first-wealth-management) #logos_FWM {
    display: none;
}*/
body.first-wealth-management #logos {
    display: none !important;
}

.cTimeValue .InputCollection .TextInput, .cTimeValue .InputCollection SELECT, .cTimeValue .InputCollection INPUT, .cTimeValue .InputCollection P, .InputCollection TABLE TR TD, .InputCollection INPUT.TextInput, .InputCollection INPUT.radio, .InputCollection SELECT, .InputCollection TABLEinput.tvcPaymentOrTermInputClass, input.tvcPercentOrDollarInputClass, input.tvcMonthsOrYearsInputClass, .cAmortTable TD, .cAmortTable TH {
    font-size: 17.175px !important;
}
input[type=radio] {
    margin: 0 10px 0 30px;
}

.Table-Expandable {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}

    .Table-Expandable > caption {
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        cursor: pointer;
    }

    .Table-Expandable > tbody {
        display: flex;
        width: 100%;
        max-height: 0vh;
        transition: max-height 1.4s linear;
    }

body:not(#tinymce) .Table-Expandable > tbody {
    animation: none;
}

body:not(#tinymce) .Table-Expandable.expanded > tbody {
    animation: openExpandable 1s cubic-bezier(0.66, -0.1, 0.35, 1.07) 0s 1 normal forwards;
}

@keyframes openExpandable {
    0% {
        max-height: 0vh;
    }

    99% {
        max-height: 100vh;
    }

    100% {
        max-height: 100000vh;
    }
}

.Table-Expandable > tbody > tr {
    display: flex;
    width: 100%;
}

    .Table-Expandable > tbody > tr > td {
        display: block;
        width: 100%;
    }

.Table-Expandable > caption > * {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    word-break: break-word;
}

    .Table-Expandable > caption > *::before {
        content: "";
        display: block;
        order: 2;
        overflow: hidden;
        pointer-events: none;
        transition: color .2s ease-in-out;
        flex-grow: 1;
    }
    
    .Table-Expandable > caption > *::after {
        content: "\f107";
        display: block;
        order: 3;
        min-width: 2rem;
        text-align: center;
        font-family: 'FontAwesome';
        font-size: 1em;
        font-weight: bold;
        overflow: hidden;
        color: rgba(0,0,0,.3);
        pointer-events: none;
        transition: all .2s ease-in-out;
    }

        .Table-Expandable.expanded > caption > *::after {
            color: #ff6600;
        }

        .Table-Expandable.expanded caption > *::after, body#tinymce .Table-Expandable caption > *::after {
            transform: rotate(180deg);
        }
/*-----------Muted ----------------*/
.muted nav#primary,
.muted .subsection-social,
.muted #login::before,
.muted #personalizationPopupxy,
.muted #tab-login::before,
.muted .Table-Style caption,
.muted .Table-Product th {
    background-color: #616161;
}

.muted .Table-Product tr th:nth-child(2n+3) {
    background-color: #666;
}

.muted nav#primary > div > ul > li > div div h3,
.muted nav#primary > div > ul > li > div div ul li a,
body:not(.dark).muted .subsection-promo h2,
body:not(.dark).muted .subsection-quicklinks h2,
body:not(.dark).muted .Table-Quicklinks-Grid a,
body:not(.dark).muted #footer a,
.muted div.selectaTrigger,
body:not(.home).muted h1,
body:not(.dark).muted [class*="section"] h3,
body:not(.dark).muted [class*="section"] h4 {
    color: #414141;
}

.muted [class*="Button"] {
    color: #616161;
    background-color: transparent;
    border: .075rem solid #616161;
}

.muted .Button2 {
    background-color: #616161;
    border: .075rem solid #616161;
}