/* style-generated = these are styles from the packager. Please do not edit these styles and instead do all overrides in style css file. All other styles that make this template a 205 are in the style css file. This makes updating packages in the future much easier when standard code can be replaced here and all overrides are done separately. */

/* CSS Custom Properties 2.2.0 by Paul Richards & Jesse Fowler, Copyright 2021 Fiserv. All rights reserved. */
:root {
    --color1: #2e8bc9;
    --color1-rgba: 46,139,201;
    --color2: #666666;
    --color2-rgba: 102,102,102;
    --color3: #ff6c00;
    --color3-rgba: 255,108,0;
    --color4: #eeeeee;
    --color4-rgba: 238,238,238;
    --radius: 0; /*.389em*/
    --fixed-element-height: 5rem;
    --page-padding-left: 4%;
    --page-padding-right: 4%;
    --page-margin-left: 0;
    --page-margin-right: 0;
}

@media (min-width:668px) and (max-width:1365px) {
    :root {
        --page-padding-left: 2em;
        --page-padding-right: 2em;
    }
}

@media (min-width:1366px) {
    :root {
        --page-padding-left: 10%;
        --page-padding-right: 10%;
    }
} 
/* Icon Font 3.0.0 by Kristen Rogers, Copyright 2018 Fiserv. All rights reserved. */
@font-face {
    font-family: 'Fiserv';
    src: url('../fonts/Fiserv72b7.eot?y5686p');
    src: url('../fonts/Fiserv72b7.eot?y5686p#iefix') format('embedded-opentype'), url('../fonts/Fiserv72b7.ttf?y5686p') format('truetype'), url('../fonts/Fiserv72b7.woff?y5686p') format('woff'), url('../fonts/Fiserv72b7.svg?y5686p#Fiserv') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Fiserv' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* FontAwesome */
[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: 'FontAwesome' !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;
}
/*If using as a before on an element vs a class on a specific element (like an 'i' tag)*/
.use-icon:before {
    content: "\e90a";
    font-family: Fiserv;
    padding-right: 5px;
    color: #ff6600;
}

/*If using fontAwesome as a before on an element vs a class on a specific element (like an 'i' tag)*/
.use-fa-icon:before {
    content: "\f019";
    font-family: FontAwesome;
    font-size: 22px;
    padding-right: 5px;
    color: #ff6600;
}

.icon-text-resizer:before {
    content: "\e931";
}

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

.icon-text-increase:before {
    content: "\e930";
}

.icon-text-reset:before {
    content: "\e928";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*will target specific icons only*/
.logos i:before {
    font-size: 40px;
    padding-right: 20px;
    color: #2e8bc9;
}



/* For display on sample-style.aspx only */
.icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

    .icons > * {
        width: 32%;
        text-indent: -2.5rem;
        padding-left: 2.5rem !important;
    }

@media (max-width:480px) {
    .icons > * {
        width: 100%;
    }
}

@media (min-width:481px) and (max-width:1000px) {
    .icons > * {
        width: 48%;
    }
}

@media (min-width:1001px) {
    .icons > * {
        width: 32%;
    }
}

.icons > *:before {
    margin-right: 0;
    width: 2.5rem;
    display: inline-block;
    text-align: center;
    text-indent: 0;
}

/* Fiserv CSS 2.0.8 by Paul Richards, Copyright 2018 Fiserv. All rights reserved. */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc-.woff) format('woff');
}

body {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #6d6d6d;
}

    body > main {
        flex-grow: 1;
    }

a {
    color: #0000EE;
}

body:not(.mce-content-body) a:hover {
    color: #969696;
}

    a[href^="http"]:not([href*="/pbi"]):not([href*="/PBI"]):not([href*="/ebc"]):not([href*="/EBC"]):not([href*="/forms/"]):not([class*="fa-"]):not([class*="icon-"]):after {
        content: "\f08e";
        font-family: 'fontAwesome';
        margin-left: .25em;
        font-size: .8em;
    }

@media only screen and (min-width: 1001px) {
    body:not(.mce-content-body) a[href*="tel"] {
        color: inherit;
    }
}

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

ul.List-Checkmark > li:before {
    color: #3d3d3d;
    text-shadow: .075em .075em 0.15em rgba(150, 150, 150, 0.8);
}

.checkmark:before {
    color: #3d3d3d;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

h1 + h1, h2 + h2 {
    padding-top: 0em;
}

h1:not(:only-of-type):last-of-type,
h2:not(:only-of-type):last-of-type {
    margin-top: 0;
}

h1:not(:only-of-type) em,
h2:not(:only-of-type) em {
    font-size: .7em;
    font-style: inherit;
}


/*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: #f9f9f9;
}

[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;
    }

@media only screen and (min-width: 321px) {
    [class*="subsection"] .inner-content > table:not([class*="Table-"]) td:not(:empty) .Table-Simple td,
    [class*="Subsection-Table"] > tbody > tr > td:first-of-type table:not([class*="Table-"]) td:not(:empty) .Table-Simple td {
        width: 50% !important;
    }
}

/*SUBSECTIONS
-------------------------------------------------------------------------------------------*/

/*Subsection Colors*/
[class*="subsection"],
[class*="Subsection-Table"] {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 100%);
}

    /*Default Full Width Overlay*/
    [class*="subsection"][style*="url"]:before,
    [class*="Subsection-Table"][style*="url"]:before {
        background-color: rgba(255,255,255,.85);
    }

    /*Fade Left Overlay*/
    [class*="subsection"][style*="url"][class*="-text-left"]:before,
    [class*="Subsection-Table"][style*="url"][class*="-Text-Left"]:before {
        background: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.65) 40%,rgba(255,255,255,0) 80%);
    }

    /*Fade Right Oveerlay*/
    [class*="subsection"][style*="url"][class*="-text-right"]:before,
    [class*="Subsection-Table"][style*="url"][class*="-Text-Right"]:before {
        background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(255,255,255,0.65) 60%,rgba(255,255,255,0.95) 100%);
    }

@media only screen and (min-width: 1001px) {
    /*For sticky top main nav*/
    :not(.mce-content-body) > [class*="subsection"]:first-of-type,
    :not(.mce-content-body) > [class*="subsection"]:only-of-type,
    :not(.mce-content-body) > [class*="Subsection-Table"]:first-of-type,
    :not(.mce-content-body) > [class*="Subsection-Table"]:only-of-type {
        padding-top: 6em;
    }

    /*For Slideshow above subsection*/
    #hero-main + [class*="subsection"],
    #hero-main + [class*="Subsection-Table"] {
        padding-top: inherit;
    }

    /*Desktop Full Height "Promo" Styles*/
    [class*="subsection"][class*="-full-height"]:first-of-type,
    [class*="subsection"][class*="-full-height"]:only-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"]:first-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"]:only-of-type {
        padding-top: 0;
    }

    [class*="-full-height"],
    [class*="-Full-Height"] > tbody > tr {
        display: flex;
        /*height: 100vh;*/
        height: 56.25vw;
        /* height:width ratio = 9/16 = .5625  */
        max-height: 100vh;
        max-width: 177.778vh; /* 16/9 = 1.778 */
        margin: auto;
        align-items: center;
        flex-wrap: wrap;
    }

    [class*="-full-height"] { /*table-to-div*/
        max-width: 203.778vh;
    }

    [class*="subsection"][class*="-full-height"]:not([class*="-text"]) .inner-content > table > * > tr > *:not(:empty):only-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"]:not([class*="-Text"]) > * > tr > * > table > * > tr > *:not(:empty):only-of-type {
        padding-left: 6em;
        padding-right: 6em;
        text-align: center;
    }
}

@media only screen and (min-width: 668px) {
    [class*="subsection"]:only-of-type .inner-content,
    [class*="Subsection-Table"]:only-of-type > tbody > tr > td:first-of-type {
        /*padding: 5em 2%;*/
    }

    [class*="subsection"][style*="url"] .inner-content,
    [class*="Subsection-Table"][style*="url"] > * > tr > * {
        padding: 0 !important;
    }

        [class*="subsection"][style*="url"] .inner-content > table,
        [class*="Subsection-Table"][style*="url"] > * > tr > * > table,
        [class*="subsection"][class*="-full-height"] .inner-content > table,
        [class*="Subsection-Table"][class*="-Full-Height"] > * > tr > * > table {
            display: flex;
            table-layout: fixed;
            white-space: nowrap;
            height: 100%;
        }

            [class*="subsection"][style*="url"] .inner-content > table > *,
            [class*="Subsection-Table"][style*="url"] > * > tr > * > table > *,
            [class*="subsection"][class*="-full-height"] .inner-content > table > *,
            [class*="Subsection-Table"][class*="-Full-Height"] > * > tr > * > table > * {
                display: flex;
                white-space: normal;
                width: 100%;
                height: 100%;
            }

                [class*="subsection"][style*="url"] .inner-content > table > * > tr,
                [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr,
                [class*="subsection"][class*="-full-height"] .inner-content > table > * > tr,
                [class*="Subsection-Table"][class*="-Full-Height"] > * > tr > * > table > * > tr {
                    display: flex;
                    width: 100%;
                    height: 100%;
                }

                    [class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
                    [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > *,
                    [class*="subsection"][class*="-full-height"] .inner-content > table > * > tr > *,
                    [class*="Subsection-Table"][class*="-Full-Height"] > * > tr > * > table > * > tr > * {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        padding: 2em;
                        min-height: calc(23rem - 6rem);
                    }
}

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

        .inner-content,
        [class*="Subsection-Table"] > tbody > tr > td:first-of-type {
            width: 908px;
            min-width: 0;
        }

        .inner-content,
        [class*="Subsection-Table"] > tbody > tr > td:first-of-type {
            width: 100% !important;
            min-width: 0;
        }

        /*Mobile "Promo" Full-Height Styles*/
        [class*="subsection"][class*="-full-height"] .inner-content table td:not(:empty),
        [class*="Subsection-Table"][class*="-Full-Height"] > tbody > tr > td:first-of-type table td:not(:empty) {
            padding: 3em;
        }
}

/*Layout Change for Smartphones*/
@media only screen and (max-width:667px) {

    [class*="subsection"] .inner-content table:not([class*="Table-"]) td:not(:empty),
    [class*="Subsection-Table"] > tbody > tr > td:first-of-type table:not([class*="Table-"]) td:not(:empty) {
        float: left;
        width: 100% !important;
        padding: 0;
    }

    /*Remove fades*/
    [class*="subsection"][style*="url"]:before,
    [class*="Subsection-Table"][style*="url"]:before,
    [class*="subsection"][style*="url"][class*="fade-"]:before,
    [class*="Subsection-Table"][style*="url"][class*="fade-"]:before {
        display: none;
    }

    [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty) + td:not(:empty),
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) + td:not(:empty) {
        margin-top: 0;
        padding-top: 0;
    }

    [class*="subsection"][style*="url"],
    [class*="Subsection-Table"][style*="url"] {
        min-height: 11.111em;
        background-position: 50% top;
        background-size: 100%;
    }

        [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
        [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
            display: block;
            float: left;
            width: 100% !important;
            margin-top: 33%; /*Pushes content below image*/
        }

    [class*="subsection"]:not([style*="url"]):not([class*="-full-height"]) .inner-content table:not([class*="Table-"]) td:not(:empty) + td:not(:empty),
    [class*="Subsection-Table"]:not([style*="url"]):not([class*="-Full-Height"]) > tbody > tr > td:first-of-type table:not([class*="Table-"]) td:not(:empty) + td:not(:empty) {
        padding-left: 0;
    }

    [class*="subsection"] .inner-content > table > td,
    [class*="Subsection-Table"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) > td {
        width: auto !important;
        padding: 2% 0 2% 2%;
    }

    [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td,
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td {
        display: none; /*legacy - hides empty td's*/
    }

        [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty) > *:first-child,
        [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) > *:first-child {
            padding-top: 0 !important;
            margin-top: 0 !important;
        }

    [class*="subsection"][style*="url"],
    [class*="subsection"][style*="url"] .inner-content,
    [class*="Subsection-Table"][style*="url"]:not([class*="-Panel"]) > tbody > tr > td:first-of-type {
        height: auto;
        padding-bottom: 0;
    }

    [class*="subsection"] .inner-content,
    [class*="Subsection-Table"] > tbody > tr > td:first-of-type {
        margin-top: 0;
        box-shadow: none;
        padding: 0;
        padding: 2em 4%;
    }

    [class*="subsection"]:only-of-type .inner-content,
    [class*="Subsection-Table"]:only-of-type > tbody > tr > td:first-of-type,
    [class*="subsection"]:first-of-type:not([style*="url"]) .inner-content,
    [class*="Subsection-Table"]:first-of-type:not([style*="url"]) > tbody > tr > td:first-of-type {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    /*Background position shift for left and right*/
    [class*="subsection"][style*="url"][class*="-text-left"],
    [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] {
        background-position: 80% top;
    }

    [class*="subsection"][style*="url"][class*="-text-right"],
    [class*="Subsection-Table"][style*="url"][class*="-Text-Right"] {
        background-position: 10% top;
    }

    /*Full-Height "Promo" Style Overrides Smartphone */
    [class*="subsection"][class*="-full-height"]:before,
    [class*="Subsection-Table"][class*="-Full-Height"]:before,
    [class*="subsection"][class*="-full-height"][class*="-text-"]:before,
    [class*="Subsection-Table"][class*="-Full-Height"][class*="-Text"]:before {
        display: block;
        background: rgba(255,255,255,0.75);
    }

    [class*="subsection"][class*="-full-height"],
    [class*="Subsection-Table"][class*="-Full-Height"] {
        background-size: cover !important;
    }

        [class*="subsection"][class*="-full-height"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
        [class*="Subsection-Table"][class*="-Full-Height"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
            margin-top: 0;
            padding: 3em;
            background: none;
        }

        [class*="subsection"][class*="-full-height"] .inner-content table td:not(:empty),
        [class*="Subsection-Table"][class*="-Full-Height"] > tbody > tr > td:first-of-type table td:not(:empty) {
            float: left;
            width: 100% !important;
            margin: 0;
            background: transparent;
            text-align: center;
        }
}

/*SUBSECTION WITH IMAGE FULL OVERLAY - SMARTPHONE ONLY
-------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width:667px) {

   
    [class*="subsection"][style*="url"]:before,
    [class*="Subsection-Table"][style*="url"]:before,
    [class*="subsection"][style*="url"][class*="-text-"]:before,
    [class*="Subsection-Table"][style*="url"][class*="-Text"]:before {
        display: block;
        background: rgba(255,255,255,0.75);
    }

    [class*="subsection"][style*="url"],
    [class*="Subsection-Table"][style*="url"],
    [class*="subsection"][style*="url"][class*="-text"],
    [class*="Subsection-Table"][style*="url"][class*="-Text"] {
        background-position: 65% top !important;
        background-size: cover !important;
    }

        [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
        [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
            background: none;
            padding: 0;
            margin-top: 0;
        }
}*/

/*SUBSECTION WITH IMAGE SLIGHT OVERLAP - SMARTPHONE ONLY
-------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width:667px) {

    [class*="subsection"][style*="url"],
    [class*="Subsection-Table"][style*="url"] {
        background-size: 150%;
    }

    [class*="subsection"][style*="url"] .inner-content,
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type {
        padding: 2% 2%; 
    }
        
    [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td,
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td {
        background-image: linear-gradient(to bottom, rgba(255,255,255,.5) 0%, rgba(255,255,255,1) 1rem);
        padding: 2% 5%;
        margin-top: 39%; 
    }

    [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
        padding: 3% 2%; 
    }

}*/

/*SUBSECTION WITH PANEL
-------------------------------------------------------------------------------------------*/
[class*="subsection"][class*="-panel"] .inner-content table td:not(:empty) > *,
[class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td:first-of-type table td:not(:empty) > * {
    position: relative;
    z-index: 1;
}

[class*="subsection"][style*="url"][class*="-panel"]:before,
[class*="Subsection-Table"][style*="url"][class*="-Panel"]:before {
    display: none;
}

[class*="subsection"][class*="-panel"][class*="text"] .inner-content table td:not(:empty):after,
[class*="Subsection-Table"][class*="-Panel"][class*="Text"] > tbody > tr > td:first-of-type table td:not(:empty):after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .85);
}

[class*="subsection"][class*="-panel"][class*="text"] .inner-content table td:not(:empty),
[class*="Subsection-Table"][class*="-Panel"][class*="Text"] > tbody > tr > td:first-of-type table td:not(:empty) {
    position: relative;
    width: 50%; /*set panel width*/
    padding: 2em;
}

@media only screen and (min-width:1001px) {
    [class*="subsection"][class*="-panel"] .inner-content table td:not(:empty),
    [class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td:first-of-type table td:not(:empty) {
        padding: 2em;
    }

    [class*="subsection"][class*="-panel"]:not([class*="-Full-Height"]) .inner-content table td:not(:empty),
    [class*="Subsection-Table"][class*="-Panel"]:not([class*="-Full-Height"]) > tbody > tr > td:first-of-type table td:not(:empty) {
        margin: 2em;
    }
}

[class*="subsection"][class*="-panel"] .inner-content table td:not(:empty) > *:last-child,
[class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td:first-of-type table td:not(:empty) > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media only screen and (max-width: 1000px) {
    [class*="subsection"][class*="-panel"] .inner-content,
    [class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td:first-of-type {
        padding: 1.5em !important;
    }
}

/*SUBSECTION WITH Half Image / Half Text
-------------------------------------------------------------------------------------------*/

[class*="subsection"][class*="-half"] > .inner-content,
[class*="Subsection-Table"][class*="-Half"] > tbody > tr > td:first-of-type {
    padding: 0;
    width: 100%;
}

    [class*="subsection"][class*="-half"] > .inner-content table td,
    [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > * {
        vertical-align: middle !important;
        width: 50%;
        padding: 2em;
    }

[class*="subsection"][class*="-half"],
[class*="Subsection-Table"][class*="-Half"] {
    background-size: 0;
    background-position: 50% 50%;
    position: relative;
}

    [class*="subsection"][class*="-half"] .inner-content,
    [class*="subsection"][class*="-half"] .inner-content > table,
    [class*="subsection"][class*="-half"] .inner-content > table > tbody,
    [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr,
    [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr > td:empty,
    [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr > td,
    [class*="Subsection-Table"][class*="-Half"] > tbody,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td > table,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td > table > tbody,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td > table > tbody > tr,
    [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td > table > tbody > tr > td:empty,
    [class*="Subsection-Table"][class*="-Text-"][class*="-Half"] > * > tr > * > table > * > tr > * {
        background: inherit;
    }

        /*future proof*/
        [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr > td:empty,
        [class*="Subsection-Table"][class*="-Half"] > tbody > tr > td > table > tbody > tr > td:empty {
            background-size: cover;
            display: flex !important;
            background-position: 50% 50% !important;
            min-height: 15em;
        }

/*cms fix*/
[class*="subsection"][class*="-text-right"][class*="-half"] .inner-content > table > tbody > tr > td:first-of-type,
[class*="subsection"][class*="-text-left"][class*="-half"] .inner-content > table > tbody > tr > td:last-of-type,
[class*="Subsection-Table"][class*="-Text-Right"][class*="-Half"] > * > tr > * > table > * > tr > *:first-of-type,
[class*="Subsection-Table"][class*="-Text-Left"][class*="-Half"] > * > tr > * > table > * > tr > *:last-of-type {
    background-size: cover;
    display: flex !important;
    background-position: 50% 50% !important;
    min-height: 15em;
}

@media only screen and (min-width: 1001px) {

    [class*="subsection"][class*="-half"] > .inner-content table td,
    [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > * {
        padding: 2em 3em !important;
    }
}

@media only screen and (max-width:667px) {
    [class*="subsection"][class*="-half"] > .inner-content table td,
    [class*="Subsection-Table"][class*="-Half"] > * > tr > * {
        padding: 0 !important;
    }

        [class*="subsection"][class*="-half"] > .inner-content table td:not(:empty),
        [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > *:not(:empty) {
            margin-top: 0 !important;
            padding: 1em 2em !important;
        }

        [class*="subsection"][class*="-half"] > .inner-content table td,
        [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > * {
            vertical-align: middle !important;
            width: 100% !important;
            padding: 1em 2em;
            display: flex;
        }

        [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr,
        [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr {
            display: flex;
            flex-direction: column;
        }

            [class*="subsection"][class*="-half"] .inner-content > table > tbody > tr > td:not(:empty),
            [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > *:not(:empty) {
                order: 2;
            }
}

/*SUBSECTION GUIDE
-------------------------------------------------------------------------------------------*/

[class*="subsection"][class*="-guide"],
[class*="Subsection-Table"][class*="-Guide"] {
    background: #fbfbe9;
    box-shadow: 0 -0.135em 0.313em 0.125em rgba(0,0,0,0.22);
    z-index: 2;
}

    [class*="subsection"][class*="-guide"]:before,
    [class*="Subsection-Table"][class*="-Guide"]:before {
        font-family: fontawesome;
        content: '\f0d8';
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -.85em;
        font-size: 5em;
        color: #fbfbe9;
        text-shadow: 0 -.095em .1em rgba(0,0,0,0.22);
        z-index: 9;
    }

    [class*="subsection"][class*="-guide"] h2,
    [class*="Subsection-Table"][class*="-Guide"] h2 {
        color: #ff6600;
    }

@media only screen and (min-width: 1001px) {
    [class*="subsection"][class*="-guide"] .inner-content,
    [class*="Subsection-Table"][class*="-Guide"] > tbody > tr > td:first-child {
        padding: 2em 6em;
    }
}

@media only screen and (max-width: 667px) {
    [class*="subsection"][style*="url"] + [class*="subsection-guide"],
    [class*="Subsection-Table"][style*="url"]:not([class*="-Panel"]) + [class*="-Table"][class*="-Guide"] {
        margin-top: 2em;
    }
}

/*LINKS
-------------------------------------------------------------------------------------------*/
.Button1, .Button2 {
    color: #FFF;
    background-color: #797979;
}

.Button2 {
    color: #FFF;
    background-color: #b0b0b0;
}

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

.no-touch .Button1:hover {
    color: #FFF;
    background-color: #373737;
}

.no-touch .Button2:hover {
    color: #FFF;
    background-color: #373737;
}

[class*="Button"].Missing,
.Missing [class*="Button"] {
    box-shadow: 0 0 0 1rem yellow;
}

#gototop {
    color: rgba(255, 254, 255, .8);
    background: rgba(0, 0, 0, 0.3);
}

    #gototop:hover {
        background-color: #3d3d3d;
    }

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

/*SECURE FORM OVERRIDES
-------------------------------------------------------------------------------------------*/

form .required:before, form ul[required]:before {
    content: "*";
    color: #f26522;
    position: absolute;
    left: -0.625em;
    font-size: 1.2em;
    transition: all 0.25s ease;
    top: 0;
}

fieldset {
    border: none;
    padding-left: 0;
}

    fieldset > legend {
        padding: 1.25em 0 0 0;
    }

.forms span.show {
    display: block !important;
    padding: .75em 0 0 0;
}

form h3 + ul.required::before, form h3 + ul[required]::before,
legend + ul.required::before, form h3 + ul[required]::before {
    top: -1.75em;
}

form input, form select, form textarea {
    border-color: #a7a7a7;
}

.view-original [class*="captcha"] {
    display: none;
}

hr {
    border: none;
    border-bottom: 0.0375em dashed;
    height: 0.0375em;
    width: 100%;
    border-color: #ccc;
    padding-top: 1em;
    clear: both;
    display: block;
}
/* Online Banking 1.13.1 by JP Larson, Copyright 2021 Fiserv. All rights reserved. */
#login:not(.personal) .personal,
#login:not(.business) .business,
#login:not(.other) .other {
    display: none;
}

#login,
#login form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#login {
    background-color: var(--color4);
    padding: 1em 2em;
    box-sizing: border-box;
    width: 20em;
    font-size: 1rem;
    position: relative;
    z-index: 340;
    align-content: center;
}

@media only screen and (min-width: 670px) {
    #login {
        font-size: 1rem;
    }
}

#login .login-close {
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#login:not(.panel-side) .login-close {
    display: none;
}

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

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

#login label {
    flex-grow: 1;
    margin: 0.25em 0;
    border-right: solid 1px #eee;
    position: relative;
    line-height: inherit;
    box-sizing: border-box;
    font-size: inherit;
    box-shadow: none !important;
}

#login form label {
    width: 51%;
}

#login label,
#login .submit {
    height: 3em;
}

#login .submit {
    font-family: inherit;
    border: none;
    margin: 0.25em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    cursor: pointer;
}

#login label span {
    display: none;
}

#login input:not([type=radio]):not([type=checkbox]),
#login select {
    border: none;
    width: 100%; /* Comment out if not using lable > input structure*/
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 1em;
    background-color: #fff;
    height: 100%;
    font-size: inherit;
    font-family: inherit;
    transition: background-color 0.25s ease;
    border: solid 1px rgba(var(--color2-rgba), 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
}

#login label .error {
    display: none;
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: -1;
}

select::-ms-value {
    background: none;
    color: inherit;
}

#login select::-ms-expand {
    display: none;
}

#login input:not([type=radio]):not([type=checkbox]):focus {
    background-color: var(--color4);
}

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

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

#login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: inherit;
}

#login ::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
}

#login :-ms-input-placeholder { /* IE 10+ */
    color: inherit;
}

#login :-moz-placeholder { /* Firefox 18- */
    color: inherit;
}

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

    #login fieldset legend {
        display: block;
        margin-bottom: 0.5em;
        float: left;
        width: 100%;
    }

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

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

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

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

    #login input[type=radio]:checked + span::before {
        background-color: var(--color2);
    }

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

#login .validation {
    display: none !important;
}

#login label:last-of-type input:not([type=radio]):not([type=checkbox]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

#login label {
    border: none;
}

#login input + span[class*=fa-],
#login select + span[class*=fa-] {
    position: absolute;
    display: flex;
    height: 100%;
    right: 0.5em;
    top: 0;
    align-items: center;
    font-size: 1.5em;
    pointer-events: none;
}

#login.loading {
    pointer-events: none;
}

#login .spinner {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.75);
    z-index: 12;
    border-radius: inherit;
    padding: inherit;
    box-sizing: border-box;
    text-align: center;
}

    #login .spinner,
    #login .spinner::after {
        transition: opacity 0.25s 0s ease;
        opacity: 0;
    }

#login.loading .spinner {
    opacity: 1;
}

    #login.loading .spinner::after {
        opacity: 0.75;
    }

#login .spinner::after {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#login .spinner::after {
    content: "";
    width: 3em;
    height: 3em;
    border-radius: 50%;
    box-sizing: border-box;
    border: solid 0.25em var(--color3);
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation-name: spinner;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    z-index: 4;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
        border-width: 1.5em;
    }

    50% {
        border-width: 0.25em;
    }

    100% {
        transform: rotate(360deg);
        border-width: 1.5em;
    }
}

/* Border Radius */
#login,
#login.horizontal fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]),
#login input:not([type=radio]):not([type=checkbox]),
#login select,
#login .submit,
#login label .error {
    border-radius: var(--radius); /*Change the border-radius here. */
}

    #login label .error,
    #login fieldset .error {
        border-top: solid 2.5rem transparent;
        transform: translateY(-2.5rem);
    }

    #login form:not(.error) .submit,
    #login.horizontal form.error .submit,
    #login.horizontal > .submit {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #login.horizontal fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* Hide Password */
    #login.hide-password form label + label {
        display: none;
    }

    #login.hide-password form label.valid + label {
        display: flex;
    }

    #login.hide-password label:not(.valid) input:not([type=radio]):not([type=checkbox]) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0;
    }

/* Horizontal Layout */
@media (min-width: 768px) {
    #login.horizontal {
        width: auto;
        flex-direction: row;
    }

        #login.horizontal label {
            width: 10em;
        }

        #login.horizontal form {
            flex-grow: 2;
            flex-wrap: nowrap;
            width: 24em;
        }

        #login.horizontal fieldset {
            margin-right: 0.5em;
            flex-grow: 0;
            max-width: 24em;
        }

        #login.horizontal input:not([type=radio]):not([type=checkbox]) {
            border-left-width: 0;
            border-right-width: 0;
        }

        #login.horizontal label + label input:not([type=radio]):not([type=checkbox]),
        #login.horizontal fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]) {
            border-left-width: 1px;
        }

        #login.horizontal form input:not([type=radio]):not([type=checkbox]) {
            border-radius: 0;
        }

        #login.horizontal select {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

    #login:not(.horizontal) > .submit {
        width: 100%;
    }
}

/* invert */
#login.invert,
#login.invert a,
#login.invert h2 {
    color: #fff;
}

@media (hover: hover) {
    #login.invert a:hover {
        color: rgba(255,255,255,.85);
    }
}

/* panel-side */
#login.panel-side {
    opacity: 0;
    position: fixed;
    top: 0;
    height: 100vh;
    background-image: linear-gradient(-10deg, rgba(var(--color3-rgba), 1) 0%, rgba(var(--color1-rgba), 1) 100%);
    right: 0;
    width: 27.5em;
    padding: 4em 7em 1em 3em;
    z-index: 1002;
    align-content: flex-start;
    overflow: hidden;
    box-shadow: -.15em 0 .15em 0 rgba(0,0,0,0.05);
    transform: translateX(28.5em);
    transition: all 0.5s ease;
    border-radius: 0;
}

body.openob #login.panel-side {
    opacity: 1;
}

#login.panel-side:after {
    content: '\f023';
    font-family: 'FontAwesome';
    line-height: 1;
    color: rgba(var(--color1-rgba),.5);
    opacity: .5;
    font-size: 30rem;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    bottom: -10rem;
    right: -3rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    pointer-events: none;
}

@media (max-height: 400px) {
    #login.panel-side {
        overflow-y: auto;
        padding-bottom: 4em;
    }
}

@media (max-width: 500px) {
    #login.panel-side {
        width: 100%;
        padding-left: var(--page-padding-left);
        padding-right: var(--page-padding-right);
    }

    nav#primary #loginopen span {
        display: none;
    }

    nav#primary #loginopen {
        width: 2.5rem;
    }
}

.openob #login.panel-side {
    transform: translateX(0);
}

@media (max-width:1000px) {
    nav#primary > div > ul > li#nav-login {
        display: none;
    }

    nav#primary #loginopen {
        display: block;
    }
}

#login.panel-side [class^="fa-"]:before,
#login.panel-side [class*=" fa-"]:before {
    margin-right: .5rem;
}

#login.panel-side h2 {
    padding-top: 0;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1rem;
    border: none;
}

@media (max-width: 400px) {
    #login.panel-side {
        font-size: .8em
    }
}

#login.panel-side label,
#login.panel-side form [class*=Button] {
    height: 2.5em;
}

#login.panel-side input:not([type=radio]):not([type=checkbox]),
#login.panel-side select {
    border: none;
}

#login.panel-side form [class*="Button"] {
    background-color: rgba(var(--color1-rgba),1);
}

#login.panel-side label {
    margin: .5em 0;
}

#login.panel-side input:not([type=radio]):not([type=checkbox]) {
    padding-left: 2.5em;
}

#login.panel-side form > label:before {
    font-family: 'fontAwesome';
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    left: 1em;
    top: 0;
    color: inherit;
    font-size: 1.125em;
    opacity: .35;
}

#login.panel-side form > label:first-child:before {
    content: '\f007';
}

#login.panel-side form > label:before {
    content: '\f023';
}

#login.panel-side,
#login.panel-side input::placeholder {
    color: inherit;
}

    #login.panel-side form .required:before, #login form ul[required]:before {
        display: none;
    }

    #login.panel-side .ps-select select,
    #login.panel-side .ps-select [data-select],
    #login.panel-side .ps-select [data-option] {
        line-height: 2.5em;
    }

    #login.panel-side ul {
        font-size: 1em;
        margin-left: 0;
        flex-wrap: wrap;
        margin-top: 1em;
        flex-direction: column;
    }

        #login.panel-side ul li {
            padding-left: 0;
            margin-right: 0;
        }

    #login.panel-side h3 {
        letter-spacing: .1em;
        font-size: 1.25em;
        color: var(--color1);
    }

    #login.panel-side .login-close {
        appearance: none;
        border: none;
        background-color: transparent;
        position: absolute;
        top: 0rem;
        right: .5rem;
        z-index: 10;
        width: 2.85rem;
        height: 2.85rem;
        transition: all .5s ease;
    }

@media only screen and (max-width: 1000px) {
    #login.panel-side .login-close {
        /* display: none; */
    }
}

#login.panel-side .login-close span.icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    cursor: pointer;
}

    #login.panel-side .login-close span:before, #login.panel-side .login-close span.icon:after {
        position: absolute;
        display: block;
        content: '';
        height: 0.09em;
        width: 100%;
        top: 0;
        margin-top: 1.6em;
        background-color: #dcdcdc;
        transition: all .5s ease;
    }

    #login.panel-side .login-close span.icon:before {
        transform: rotate(45deg);
    }

    #login.panel-side .login-close span.icon:after {
        transform: rotate(-45deg);
    }

#login.panel-side .login-close:hover span.icon:before,
#login.panel-side .login-close:hover span.icon:after {
    background-color: var(--color3);
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,.2);
    pointer-events: none;
    transition: opacity .4s, visibility 0s .4s; /*Fadeout time*/
    z-index: 999;
}

    #overlay:hover {
        cursor: pointer;
    }

.openob #overlay {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease; /*Fadein time*/
}

@media (max-width: 1000px) {
    #overlay {
        /* top: 3.5em; */
    }
}

/* Error and Direct Login*/
#login form:not(.error) > .error,
#login form.error > label,
#login form.error > .submit {
    display: none !important;
}

#login form > .error {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
}

#login form.error .error .submit {
    flex-grow: 1;
}

#login form .error .message {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background-color: rgba(255,255,255,0.9);
    margin: 0;
    padding: 1.5em;
    font-size: 1.25em;
    line-height: 1.2;
    box-sizing: border-box;
}

#login:not(.loading) form.error.message .error .message {
    opacity: 1;
    pointer-events: all;
}

@media (min-width: 768px) {
    #login.horizontal form.error {
        flex-grow: 0;
        width: auto;
    }
}

/* Validate Form 2.0.1 by JP Larson, Copyright 2021 Fiserv. All rights reserved. */
.validate-form label,
.validate-form fieldset {
    position: relative;
}

    .validate-form label .error,
    .validate-form fieldset .error {
        display: flex !important;
        content: "Please fill out this field.";
        font-size: 0.75em;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        display: block;
        z-index: 10;
        background-color: var(--color3);
        padding: 1em;
        box-sizing: border-box;
        color: #fff;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease, visibility 0.25s ease;
        border-radius: var(--radius);
    }

.validate-form :invalid {
    box-shadow: none;
}

.validate-form .invalid {
    box-shadow: inset 0 0 0 2px #666 !important;
    z-index: 100;
    animation-name: slideShake;
    animation-iteration-count: 2;
    animation-duration: 0.0833s;
    animation-timing-function: ease-in-out;
    z-index: 900;
}

    .validate-form .invalid .error {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

.validate-form .validation {
    display: flex !important;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.75em;
    padding: 0.25em 0.5em 0.25em 0.25em;
    opacity: 0.5;
    transition: opacity 0.25s ease;
    z-index: 346;
    align-items: center;
    align-content: center;
    margin: 0;
}

    .validate-form .validation:hover {
        opacity: 1;
    }

    .validate-form .validation::before {
        display: block;
        font-family: 'FontAwesome';
        color: var(--color3);
    }

    .validate-form .validation::after {
        display: block;
        max-width: 0;
        overflow: hidden;
        transition: max-width 0.25s ease, margin 0.25s ease;
    }

    .validate-form .validation:hover::after {
        max-width: 5em;
        margin-left: 0.25em;
    }

.validate-form .required .validation::before {
    content: "\f06a";
}

.validate-form .required .validation::after {
    content: "Required";
}

.validate-form .valid .validation::before {
    content: "\f058";
}

.validate-form .valid .validation::after {
    content: "Completed";
}

.validate-form .valid .validation::before {
    color: var(--color1);
}

.validate-form fieldset label .validation,
.validate-form fieldset label .error {
    display: none !important;
}

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

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

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

    100% {
        transform: translateX(0em);
    }
}
/* Pseudo Select 4.2.0 by JP Larson, Copyright 2021 Fiserv. All rights reserved. */
.ps-select select,
.ps-select [data-select],
.ps-select [data-option] {
    line-height: 3em; /* Set to the same as the height */
    user-select: none;
}

.ps-select .disabled { /* Disabled option */
    display: none !important;
}

.ps-select [data-select] {
    margin: 0;
    color: inherit;
    text-decoration: none;
    font-style: normal;
}

    .ps-select [data-select]::before,
    .ps-select [data-option],
    .ps-select [data-group]::before {
        padding: 0 1em;
    }

    .ps-select [data-select]::before {
        font-family: inherit !important;
        color: inherit;
        background-color: #fff; /* Change the select background color here.*/
    }

    .ps-select [data-select] [data-options-wrapper] {
        max-height: 15rem;
    }

    .ps-select [data-select]::before,
    .ps-select [data-options-wrapper],
    .ps-select [data-option],
    .ps-select [data-group],
    .ps-select [data-select]:not(.open-up) [data-options-wrapper],
    .ps-select [data-select].open-up [data-options-wrapper] {
        border: solid 1px rgba(var(--color2-rgba), 0.25); /* Change this for the borders on the select*/
    }

    .ps-select [data-select]::after {
        color: inherit;
        right: 1em;
    }

    .ps-select [data-select]:not(.open-up) [data-options-wrapper] {
        border-top: none;
    }

    .ps-select [data-select].open-up [data-options-wrapper] {
        border-bottom: none;
    }

.ps-select [data-options-wrapper] {
    margin: 0;
    background-color: #fff; /* Change this for the options background-color */
}

.ps-select [data-group] {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}

    .ps-select [data-group]::before {
        display: block;
        background-color: rgba(var(--color2-rgba), 0.75);
        color: #fff;
        font-size: 0.875em;
        line-height: 2;
    }

    .ps-select [data-group] [data-option] {
        border-left-width: 0.375em;
    }

.ps-select [data-option] {
    color: inherit;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin: 0;
}

    .ps-select [data-option]:last-child {
        border-bottom: none;
    }

    .ps-select [data-option].active,
    .ps-select [data-option]:hover { /* Currently selected option */
        background-color: var(--color4);
        color: var(--color2);
    }

    .ps-select [data-option]:hover { /* Option and selected option hover */
        background-color: var(--color4);
    }

    .ps-select [data-option].disabled { /* Disabled option */
        color: var(--color4);
    }

/* Border Radius */
.ps-select [data-select]::before,
.ps-select [data-options-wrapper] {
    border-radius: var(--radius); /*Change the border-radius here.*/
}

.ps-select [data-select] [data-options-wrapper] {
    top: calc(100% - 1px);
}

.ps-select [data-select].open-up [data-options-wrapper] {
    bottom: calc(100% - 1px);
    top: auto;
}

.horizontal.ps-select [data-select]::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
} 
/* Captcha 4.1.1 by Jesse Fowler & JP Larson, Copyright 2021 Fiserv. All rights reserved. */
.captchaField .captchaFieldNumbers {
    display: flex;
    justify-content: center;
    line-height: 1em;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
}

.captchaField.default {
    overflow: auto;
    margin: 0 auto;
}

    .captchaField.default .captchaFieldNumbers {
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        padding: 0px 20px !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
    }

.captchaField .captchaFieldNumbers > div {
    color: rgb(196, 211, 245);
    text-shadow: 0 3px 3px rgba(0,0,0,.5);
    font-family: 'Sriracha', 'Segoe Script', serif;
    min-width: 0 !important;
    width: auto !important;
    flex-grow: 0 !important;
    flex-wrap: nowrap !important;
}

.captchaField.default .captchaFieldBoxLeft {
    height: 73px;
    width: 39px;
    background-image: url(../images/capFrameLeft.html);
    float: left;
}

.captchaField.default .captchaFieldBoxMid {
    height: 73px;
    padding: 14px 0 0 0;
    float: left;
    position: relative;
}

.captchaField.default .captchaFieldBoxMidOverlay {
    width: 100%;
    height: 73px;
    padding: 14px 0 0 0;
    background-image: url(../images/capFrameMid.html);
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .captchaField.default .captchaFieldBoxMidOverlay {
        opacity: .5;
    }
}

.captchaField.default .captchaFieldBoxMidOverlaySecure {
    width: 100%;
    height: 44px;
    margin: 14px 0 0 0;
    background-image: url(../images/SO1.gif);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
}

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.default .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}

.captchaField.default .captchaFieldBoxRight {
    height: 68px;
    width: 78px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameRight.html);
    float: left;
}

.captchaField.default .captchaFieldRefresh {
    display: block;
    height: 29px;
    width: 34px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameBtn.html);
    background-position: 0 0;
    cursor: pointer;
    float: left;
}

    .captchaField.default .captchaFieldRefresh:hover {
        background-position: -43px 0;
    }

input#captchaAnswer {
    margin-top: 5px;
}
/** Plain **/

.captchaField.plain {
    width: 100%;
    margin: 5px 0.25rem !important;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    border-radius: 0.125em;
}

    .captchaField.plain .captchaFieldNumbers {
        font-size: 6vh;
        line-height: 1em;
        padding: .3em !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap !important;
        min-width: 0;
    }

    .captchaField.plain .captchaFieldBoxLeft {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMid {
        position: relative;
    }

    .captchaField.plain .captchaFieldBoxMidOverlay {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: url(../images/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
        z-index: 1;
    }

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}

.captchaField.plain .captchaFieldBoxRight {
    width: 0;
    padding: 0;
}

.captchaField.plain .captchaFieldRefresh {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 2;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    background-image: url(../images/spacer.gif);
    background-position: 0 0;
    cursor: pointer;
}

    .captchaField.plain .captchaFieldRefresh:hover {
        background-position: -43px 0;
    } 

/* Table Location 1.0.2 by Kristen Rogers, Copyright 2019 Fiserv. All rights reserved. */
.Table-Location > * > tr > * {
    flex-basis: calc(33% - 2rem) /* Change this to 50% if not using a photo in the first column */;
} 
/* Table Grid 2.1.0 by JP Larson, Copyright 2018 Fiserv. All rights reserved. */
[class*="Table-Grid"] > tbody {
    justify-content: space-between;
}

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

[class*="Table-Grid"][class*="-Panel"] > tbody > tr {
    background-color: #eee;
}

    [class*="Table-Grid"][class*="-Panel"] > tbody > tr > td {
        padding: 2em;
    }

[class*="Table-Grid"][class*="-Thirds"] > tbody,
[class*="Table-Grid"][class*="-Fourths"] > tbody {
    justify-content: flex-start;
}
/*-----Table-Grid-Custom tables------*/
        [class*="Table-Grid"][class*="-Team"] > tbody {
    justify-content: center;
}

    [class*="Table-Grid"][class*="-Team"] > tbody > tr > td {
        text-align: center;
    }

        [class*="Table-Grid"][class*="-Team"] > tbody > tr > td img {
            max-width: 15em;
        }

/* Site Notice 4.2.1 by Jesse Fowler, Copyright 2018 Fiserv. All rights reserved. */
.notice {
    background-color: #ff6600;
}

@media only screen and (max-width: 1000px) {
    .notice-clone {
        display: none !important;
    }
}

.noticeHtml > table, .noticeHtml > table.dark {
    color: #ffffff;
}

    .noticeHtml > table.light {
        color: #000;
    }


.noticeHtml a:not([class*="Button"]) {
    color: inherit;
}

    .noticeHtml a:not([class*="Button"]):hover {
        color: inherit;
    }

@media (min-width:963px) {
    .notice.popup {
        position: fixed;
        top: -100vh;
        bottom: auto;
        left: 0;
        right: 0;
        max-height: none;
        margin: 0;
        z-index: 490;
        background-color: rgba(0, 0, 0, 0);
    }

        .notice.popup.active {
            top: 0;
            bottom: 0;
            transition: background-color .75s ease-in-out;
            background-color: rgba(0, 0, 0, .5);
        }

        .notice.popup > * {
            position: relative;
        }

        .notice.popup .noticeHtml {
            transition-duration: 0s;
        }

        .notice.popup .noticeHtml {
            position: fixed;
            top: 45%;
            left: 50%;
            margin: 0;
            z-index: 490;
            min-width: 40em;
            max-height: 80%;
            margin-top: -100vh;
            transition-property: margin-top;
            transition-duration: 0s;
            transition-ease: ease-in-out;
            transform: translate(-50%, -45%);
            color: inherit;
        }

            .notice.popup .noticeHtml > table {
                background: #fff;
            }

        .notice.popup.active .noticeHtml {
            transition-duration: .75s;
            margin-top: 0;
        }

        .notice.popup .noticeHtml table {
            box-shadow: none;
            display: flex;
            padding: 0 !important;
            margin: 0;
            align-content: center;
            align-items: center;
        }

            .notice.popup .noticeHtml table > *, .notice.popup .noticeHtml table > * > tr, .notice.popup .noticeHtml table > * > tr > * {
                display: flex;
                height: 100%;
                padding: 0 !important;
                margin: 0;
                flex-grow: 1;
            }

                .notice.popup .noticeHtml table > * > tr > * {
                    position: relative;
                    padding: 1em 2em !important;
                    z-index: 1000;
                }

            .notice.popup .noticeHtml table td {
                box-shadow: none;
            }

        .notice.popup.noticeHtml p {
            color: #666666;
        }

        .notice.popup.noticeHtml {
            color: #666666;
        }

        .notice.popup.active .noticeHtml {
            box-shadow: none;
        }

        .notice.popup .noticeclosers {
            color: inherit;
        }
}

@media (min-width:963px) {
    .notice.bottom-right-popup {
        position: fixed;
        right: -30em;
        bottom: 2em;
        z-index: 490;
        width: 23em;
        height: auto;
        max-height: 0em;
        color: #FFF;
        background-color: #666;
        transition: right 2.2s ease, background .5s ease;
        box-shadow: 0.083em 0.083em 0.208em 0em rgba(0,0,0,0.32);
        overflow: hidden;
        visibility: hidden;
    }

        .notice.bottom-right-popup:hover {
            background-color: #333;
        }

        .notice.bottom-right-popup .noticeHtml {
            height: auto;
            overflow: hidden;
        }

        .notice.bottom-right-popup.active {
            right: 2em;
        }

            .notice.bottom-right-popup.active, .notice.bottom-right-popup.active .noticeHtml {
                max-height: 8.333em;
                visibility: visible;
            }

        .notice.bottom-right-popup .noticeHtml table {
            display: flex;
            padding: 0.5em 1.5em 0.5em 3.667em !important;
            height: auto;
            overflow: hidden;
        }

        .notice.bottom-right-popup:before {
            display: block;
            position: absolute;
            content: '';
            height: 100%;
            width: 0.75em;
            top: 0;
            left: 0;
            z-index: 20;
            background-color: #FF6600;
        }

        .notice.bottom-right-popup .noticeHtml > table:after {
            display: flex;
            position: absolute;
            height: 100%;
            align-items: center;
            top: 0;
            left: 1em;
            content: '';
            font-family: 'FontAwesome';
            content: "\f05a";
            font-size: 1.792em;
            opacity: .65;
            z-index: 1;
        }

        .notice.bottom-right-popup h3 {
            font-size: 0.75em;
            line-height: 0.875em;
            padding: 0;
            margin: 0;
        }

        .notice.bottom-right-popup p {
            /* padding: 0.125em 0; */
            /* margin: 0.125em 0; */
        }

        .notice.bottom-right-popup .noticeclosers {
            position: absolute;
            box-sizing: border-box;
            text-align: center;
            right: 0.4em;
            z-index: 5;
        }

        .notice.bottom-right-popup .noticecloser, .notice.bottom-right-popup .noticeclosersession {
            display: block;
            min-height: 1.25em;
            box-sizing: border-box;
            width: 0.833em;
            cursor: pointer;
            text-align: center;
            font-family: 'FontAwesome';
            font-size: 0.75em;
        }
}

/*SITE NOTICE OVERRIDES*/
.notice.bottom-banner {
    z-index: 1003;
}

@media only screen and (min-width:1001px) {
    .noticeHtml {
        max-height: 8.208em;
    }
}

.noticeclosers {
    top: 0.25em;
    right: .5em;
    display: none; /*reset for two column*/
}

.notice table td:only-of-type .noticeclosers,
.notice table td:last-of-type .noticeclosers {
    display: flex;
}

.noticecloser, .noticeclosersession {
    margin: 0.125em .35em !important;
    font-size: 1em;
}

    .noticecloser:hover, .noticeclosersession:hover {
        opacity: .65;
    }

.noticeHtml h2, .noticeHtml h3, .noticeHtml h4 {
    margin: 0 !important;
    padding: 0 !important;
}

.notice[class*="-banner"] table td {
    padding: .75em 1em !important;
}

@media only screen and (min-width: 1001px) {

    .notice[class*="-banner"] table td:first-of-type:not(:only-of-type):before {
        display: flex;
        align-items: center;
        content: '\f071';
        font-family: 'FontAwesome';
        position: absolute;
        left: .25em;
        margin: auto;
        font-size: 3.5em;
        height: 100%;
        top: .05em;
        opacity: .4;
        z-index: 1;
        color: rgba(128, 128, 128, 0.5);
        transition: opacity .5s ease;
    }

    .notice[class*="-banner"] table.dark td:first-of-type:not(:only-of-type):before {
        color: rgba(255, 255, 255, 0.65);
    }

    .notice[class*="-banner"]:hover table td:first-of-type:not(:only-of-type):before {
        opacity: 1;
    }
}

@media only screen and (min-width: 669px) {

    .notice[class*="-banner"] table td:not(:only-of-type) {
        text-align: left;
    }

    .notice[class*="-banner"] table td:first-of-type:not(:only-of-type) {
        text-align: right;
        width: 25%;
    }
}

@media only screen and (max-width: 490px) {
    .notice[class*="-banner"] table tr td {
        float: left;
        width: 100%;
        padding: 0 1em .5em 1em !important;
        margin: 0 !important
    }

        .notice[class*="-banner"] table tr td:only-of-type {
            padding: 1.5em 1em 1em 1em !important;
        }

        .notice[class*="-banner"] table tr td:first-of-type:not(:only-of-type) {
            padding-top: 2em !important;
            padding-bottom: 0 !important;
        }
}

@media only screen and (max-width: 1000px) {
    .notice.active {
        max-height: 20em;
    }
}

/* Expander 4.0.1 by Jesse Fowler & Kristen Rogers, Copyright 2015 Fiserv. All rights reserved. */
.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);
}
/* Text Resizer 4.2.0 by Jesse Fowler, Copyright 2018 Fiserv. All rights reserved. */
@media only screen and (max-width: 1365px) {
    .font-size-smallest {
        font-size: 14px;
    }

    .font-size-small {
        font-size: 16px;
    }

    .font-size-normal {
        font-size: 18px;
    }

    .font-size-large {
        font-size: 20px;
    }

    .font-size-largest {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1366px) {
    .font-size-smallest {
        font-size: 1vw;
    }

    .font-size-small {
        font-size: 1.15vw;
    }

    .font-size-normal {
        font-size: 1.25vw;
    }

    .font-size-large {
        font-size: 1.35vw;
    }

    .font-size-largest {
        font-size: 1.45vw;
    }
}

/* Toolbar Side 5.0.0 by Jesse Fowler, Copyright 2018 Fiserv. All rights reserved. */
.toolbar, i.toolbar-section {
    width: 2.417rem;
}

    .toolbar > *, .toolbar > * > * > i, .toolbar > * > * > p {
        height: 1.958rem;
    }

.toolbar {
    top: 32%;
    margin-top: -2.083rem;
}

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

    .toolbar.right:hover {
        transform: translateX(0rem);
    }

    .toolbar.left:hover {
        transform: translateX(0rem);
    }

    .toolbar.right {
        transform: translateX(2rem);
    }

    .toolbar.left {
        transform: translateX(-2rem);
    }

    .opennav .toolbar.right, .openob .toolbar.right {
        transform: translateX(2.5rem) !important;
    }

    .opennav .toolbar.left, .openob .toolbar.left {
        transform: translateX(-2.5rem) !important;
    }
}

.toolbar > *, .toolbar > *.toolbar-search {
    background-color: rgba(52,52,52,.75);
}

.ipad.noticeactive #toolbar {
    top: 40%;
}

.toolbar > * {
    font-size: 0.6667rem;
    line-height: 1.2em;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    border-top: 0.04167rem rgba(255, 255, 255, .25) solid;
}

#Toolbar-Increase-Font-Size,
#Toolbar-Reset-Font-Size,
#Toolbar-Decrease-Font-Size,
.text-resizer-toggle {
    display: none;
}

@media only screen and (min-width:1000px) {
    .text-resizer-enabled #Toolbar-Increase-Font-Size,
    .text-resizer-enabled #Toolbar-Reset-Font-Size,
    .text-resizer-enabled #Toolbar-Decrease-Font-Size,
    .text-resizer-enabled .text-resizer-toggle {
        display: inherit;
    }
}

.text-resizer-toggle div {
    position: relative;
    display: flex;
    flex-direction: column;
}

.text-resizer-toggle > div > div {
    padding: 0rem !important;
}

.text-resizer-toggle div a {
    position: relative;
    text-decoration: none;
}

    .text-resizer-toggle div a p {
        margin: 0 0 0 1.875rem;
        padding: 0 0.8333rem;
        font-weight: 700;
        font-size: 0.5833rem;
        line-height: 1.958rem;
        text-overflow: ellipsis;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        height: 1.958rem;
    }

.toolbar > *.on-hover:hover, .toolbar > *.active, .toolbar > *[aria-expanded=true] {
    max-width: 20.83rem;
    background-color: rgb(51, 51, 51);
}

.toolbar.right > *.on-hover:hover, .toolbar > *.active, .toolbar.right > *[aria-expanded=true] {
    border-top-left-radius: 0.3333rem;
    border-bottom-left-radius: 0.3333rem;
}

.toolbar.left > *.on-hover:hover, .toolbar > *.active, .toolbar.left > *[aria-expanded=true] {
    border-top-right-radius: 0.3333rem;
    border-bottom-right-radius: 0.3333rem;
}

.toolbar > *.toolbar-panel:hover, .toolbar > *.toolbar-panel.active, .toolbar > *.toolbar-panel[aria-expanded=true] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.toolbar > .toolbar-panel.wide.on-hover:hover, .toolbar > .toolbar-panel.wide.active, .toolbar > .toolbar-panel.wide[aria-expanded=true] {
    max-width: 18.75rem;
}

.toolbar > *:first-child {
    margin-top: 0.5417rem;
}

.toolbar.right > *:first-child,
.toolbar.right > .toolbar-mobile + * {
    border-top-left-radius: 0.3333rem;
}

.toolbar.left > *:first-child,
.toolbar.left > .toolbar-mobile + * {
    border-top-right-radius: 0.3333rem;
}

.toolbar > *:last-child {
    margin-bottom: 0.5417rem;
}

.toolbar.right > *:last-child {
    border-bottom-left-radius: 0.3333rem;
}

.toolbar.left > *:last-child {
    border-bottom-right-radius: 0.3333rem;
}

.toolbar > * > * > i, .toolbar > * > * > p {
    line-height: 1.958rem;
    font-size: 0.5rem;
    color: rgba(255,255,255,1) !important;
}

.toolbar > * > * > p {
    margin: 0 0 0 1.875rem;
    padding: 0 0.8333rem;
    font-weight: 700;
    font-size: 0.5833rem;
    line-height: 1.958rem;
    color: rgba(0,0,0,0);
}

.toolbar > *.on-hover:hover > * p, .toolbar > *.active > * p, .toolbar > *[aria-expanded=true] > * p {
    color: rgba(255,255,255,1);
}

i.toolbar-section {
    font-size: 1.125rem;
    line-height: 1.958rem;
}

.home #Toolbar-Login {
    display: none;
}

#Toolbar-Scroll-Down {
    display: none;
}

.scroll-to-enabled #Toolbar-Scroll-Down {
    display: inherit;
}

.home .toolbar > #Toolbar-Scroll-Down {
    margin-bottom: 0.5417rem;
    border-bottom-left-radius: 0.3333rem;
}

.toolbar > * > div > div {
    width: 9.917rem;
    padding: 1.042rem;
    background-color: rgba(51, 51, 51, .95);
    margin-top: -0.04167rem;
    text-align: left;
}

.toolbar.right > * > div > div {
    border-bottom-right-radius: 0.3333rem;
    border-bottom-left-radius: 0.3333rem;
    margin-right: 2.417rem;
}

.toolbar.left > * > div > div {
    border-bottom-right-radius: 0.3333rem;
    border-bottom-left-radius: 0.3333rem;
    margin-left: 2.417rem;
}

#toolbar > * > div > div *:not(input) {
    color: #fff;
}

#Toolbar-Weather {
    display: none;
}

.weather-enabled #Toolbar-Weather {
    display: inherit;
}

.toolbar .part-1 {
    min-width: 5rem;
}

.toolbar > #Toolbar-Weather > div > div {
    width: 18rem;
    font-size: .49rem;
}

    .toolbar > #Toolbar-Weather > div > div .forecast {
        font-size: .8rem;
    }

        .toolbar > #Toolbar-Weather > div > div .forecast > * {
            min-width: 0;
        }

.toolbar .dayOfWeek {
    font-size: 0.6em;
    line-height: 0.5em;
}

.toolbar .tempFarenheitHigh, .toolbar .tempFarenheitLow {
    width: auto;
}
/* --- resize icons for text-resizer -- */
.toolbar [class*="icon-text"] {
    font-size: .85rem;
}
/* ---- remove text resizer buttons on mobile -- */
@media only screen and (max-width:768px) {
    #toolbar [class*="-font-size"],
    .toolbar .text-resizer-toggle {
        display: none;
    }
}
/*---- toolbar mobile --------*/
.toolbar .toolbar-mobile {
    display: none;
}

@media only screen and (max-width:1001px) {
    .toolbar.right:not(.swipe):hover {
        transform: none;
    }

    .toolbar.left:not(.swipe):hover {
        transform: none;
    }

    .toolbar.right:not(.swipe) {
        transform: none;
    }

    .toolbar.left:not(.swipe) {
        transform: none;
    }

    .toolbar:not(.swipe) > * {
        transition: all 1s ease;
    }

    .toolbar:not(.swipe) .toolbar-mobile {
        display: block;
        width: 100%;
        transform: translateX(0);
    }

    .toolbar.right:not(.swipe) .toolbar-mobile {
        border-bottom-left-radius: 0.3333rem;
        border-top-left-radius: 0.3333rem;
    }

    .toolbar.left:not(.swipe) .toolbar-mobile {
        border-bottom-right-radius: 0.3333rem;
        border-top-right-radius: 0.3333rem;
    }

    .toolbar.right:not(.swipe).toolbar-active > *:nth-child(2),
    .toolbar.right:not(.swipe) > *:nth-child(2) {
        border-top-left-radius: 0;
    }

    .toolbar.left:not(.swipe).toolbar-active > *:nth-child(2),
    .toolbar.left:not(.swipe) > *:nth-child(2) {
        border-top-right-radius: 0rem;
    }

    .toolbar.right:not(.swipe) > *:not(.toolbar-mobile) {
        right: -2.5rem;
    }

    .toolbar.right:not(.swipe).toolbar-active > * {
        transform: translateX(-2.5rem);
    }

    .toolbar.left:not(.swipe) > *:not(.toolbar-mobile) {
        left: -2.5rem;
    }

    .toolbar.left:not(.swipe).toolbar-active > * {
        transform: translateX(2.5rem);
    }

    .toolbar.right:not(.swipe).toolbar-active .toolbar-mobile {
        border-bottom-left-radius: 0;
    }

    .toolbar.left:not(.swipe).toolbar-active .toolbar-mobile {
        border-bottom-right-radius: 0;
    }

    .toolbar-active:not(.swipe) .toolbar-mobile,
    .toolbar-active.toolbar.left:not(.swipe) .toolbar-mobile,
    .toolbar-active.toolbar.right:not(.swipe) .toolbar-mobile {
        transform: translateX(0);
    }

    /*--- remove hover on mobile ---*/
    .toolbar:not(.swipe) > *.on-hover:not(.toolbar-panel):hover,
    .toolbar:not(.swipe) > *:not(.toolbar-panel)[aria-expanded=true] {
        max-width: 100%;
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }
}

/* ADA Toolbar */
.toolbar .accessibility-mode-toggle {
    display: none;
}

.accessibility-mode-enabled .toolbar .accessibility-mode-toggle {
    display: inherit;
}

.toolbar .accessibility-mode-toggle {
    cursor: pointer;
}

    .toolbar .accessibility-mode-toggle .toolbar-section:before {
        content: "\f070";
    }

.accessibility-enabled .accessibility-mode-toggle .toolbar-section:before {
    content: "\f06e";
}

.accessibility-enabled .accessibility-mode-toggle .enable, .accessibility-mode-toggle .disable {
    display: none;
}

.accessibility-enabled .accessibility-mode-toggle .disable {
    display: inline;
}

/* Lightcase 3.0.2 by @cornelboppart, GPL license */
#lightcase-case {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
/* Table Privacy 1.1.0 by Kristen Rogers, Copyright 2020 Fiserv. All rights reserved. */
table.Table-Privacy {
    border-bottom-color: #ccc;
}

.Table-Privacy > caption,
.Table-Privacy th {
    background: #666;
    color: #fff;
}

.Table-Privacy > caption,
.Table-Privacy th,
.Table-Privacy > tbody > tr > td {
    border-color: #fff;
}

.Table-Privacy > caption {
    text-align: left;
    border-bottom: none !important;
}

.Table-Privacy > tbody > tr:nth-child(even) td {
    background-color: #fff;
}

.Table-Privacy > tbody > tr:nth-child(odd) td {
    background-color: #eee;
}

/* Slideshow 2.9.0 */
/*---Use for slideshow 2.8.0 and after---*/
/*----for fixed width and fixed height slideshow------*/
/*#hero-main {
    height: 720px;
    width: 1280px;
    margin: 0 auto;
}
*/
/*---------for cover background image slideshow---------*/
#hero-main {
    width: 100%;
    height: 100vh;
}

/*-----Global slideshow styles------*/

#hero-main {
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}

.slideshow {
    position: relative;
    height: 100%;
    width: 100%;
    text-indent: -5000px;
}

    .slideshow .slide, .slideshow video {
        display: block;
        position: absolute;
        width: auto;
        height: auto;
        min-height: 100%;
        min-width: 100%;
        max-width: none;
        top: 0;
        left: 0;
        z-index: 1;
        border-width: 0px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        /*background-attachment: fixed;*/
        opacity: 1;
    }

.csstransforms .slideshow .slide, .csstransforms .slideshow video {
    z-index: 1;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

    .csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
        z-index: 2;
        visibility: visible;
    }

body:not(.mce-content-body) .Table-Slide {
    display: none;
}
/**************************/
/*Caption Container*/
.caption-container {
    position: absolute;
    right: 50%;
    margin-right: -640px;
    top: 52%;
    width: 1280px;
    min-height: 330px;
    text-indent: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    z-index: 500;
    text-align: center;
    -webkit-backface-visibility: hidden;
}

.mobile .caption-container {
    width: 80%;
    margin-right: -40%;
    top: 25%;
    font-size: .8rem;
}
/* ---Use these two rules for captions that slide in and out--*/
/*
.csstransforms .captionInActive {
	right:-1000px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.csstransforms .captionActive {
	right: 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}*/

/*---Use these two rules for captions that fade in and out--*/
.csstransforms .captionInActive {
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
    transition-delay: .1s;
    transform: translate(0px, 30px);
}

.csstransforms .captionActive {
    opacity: 1;
    z-index: 100;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
    transition-delay: .5s;
    transform: translate(0px, 0px);
}

.caption-container div.caption {
    position: absolute;
    top: 0;
    margin: 0 auto;
    overflow: hidden;
    color: #333333;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.25;
    background: rgba(0,0,0,.5);
    padding: 30px 60px;
    box-sizing: border-box;
}
/* target ie11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .caption-container div.caption {
        left: 0;
    }
}

@media only screen and (max-width:700px) {
    .caption-container div.caption {
        font-size: .8rem;
        padding: 1.25rem 1.5rem;
    }
}

.caption-container div.caption:before {
    content: '';
}

.caption-container div.caption > * {
    border: none;
    margin: 0;
    text-align: center;
}

.caption-container div.caption h2 {
    position: relative;
    font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 2em;
    line-height: 1.25;
}

@media only screen and (max-width:414px) /*iPhone 6 Plus Portrait*/ {
    .caption-container div.caption h2 {
        font-size: 1.75em;
    }
}

.caption-container div.caption h2 + h2 {
    padding: 0 0 5px 0;
    font-size: 57px;
    line-height: 62px;
}

.caption-container div.caption p {
    margin: 5px 0;
    padding: 5px 0;
    color: #fff;
}

.caption-container a.Button1 {
    font-size: 1em;
}


.slideshow-control-bar {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    z-index: 750;
}

    .slideshow-control-bar > button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 2rem;
        width: 2rem;
        text-align: center;
        padding: 0;
        margin: .5rem;
        border-radius: 500px;
        border-width: 0;
        cursor: pointer;
        background-color: rgba(255,255,255,.75);
        overflow: hidden;
    }


        .slideshow-control-bar > button > i {
            display: flex;
            font-size: 1.rem;
            justify-content: center;
            text-align: center;
        }

.slideshow-play {
    display: none !important;
}

.slideshow-stopped .slideshow-play {
    display: inherit !important;
}

.slideshow-pause {
    display: inherit !important;
}

.slideshow-stopped .slideshow-pause {
    display: none !important;
}

#next, #previous {
    position: absolute;
    width: 60px;
    height: 100%;
    line-height: 400px;
    top: 0px;
    right: 0px;
    z-index: 9;
    cursor: pointer;
    color: rgba(255,255,255,.5);
    font-size: 100px;
    text-align: right;
    margin-left: 20px;
    margin-right: 20px;
    transition: all .5s ease-in-out;
    background-color: transparent;
    border: 0;
}

#previous {
    left: 0px;
    text-align: left;
    padding-right: 0px;
}

#next {
    padding-left: 0px;
}

    #next i, #previous i {
        position: absolute;
        top: 43%;
    }

    #next i {
        right: 0;
    }

#previous i {
    left: 0;
}

.csstransitions #next, .csstransitions #previous {
    transition: all .5s ease-in-out;
}

#next:hover,
#previous:hover {
    color: rgba(255,255,255,.8);
}

#next:hover {
    transform: translate(3px,0);
}

#previous:hover {
    transform: translate(-3px,0);
}

@media only screen and (max-width:768px) {
    #next i, #previous i {
        top: initial;
        bottom: 35%;
        font-size: 80px;
        left: 0;
    }
}

.slideshow-container-controls {
    display: none;
    justify-content: center;
    width: 100%;
    order: 0;
}

.TOC .slideshow-container-controls {
    display: flex;
}

.slideshow-container-controls div {
    cursor: pointer;
    margin: .25rem;
    display: inline-block;
}

    .slideshow-container-controls div img {
        cursor: pointer;
        height: 40px;
        border-collapse: collapse;
        border-width: 0px;
        float: left;
        margin: 0px 0px 0px -60px;
    }

    .slideshow-container-controls div a {
        display: block;
        height: 1rem;
        width: 1rem;
        line-height: 1rem;
        overflow: hidden;
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.5);
        color: #fff;
        text-align: center;
        border-radius: 500px;
        font-size: 12px;
        text-indent: -0px;
        text-indent: -500px;
    }

.csstransitions .slideshow-container-controls div a, .csstransitions .slideshow-container-controls div:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.slideshow-container-controls div a:hover {
    color: #fff !important;
}

.slideshow-container-controls div a .numeric-index {
    display: block;
}

.toc-active a {
    color: #666 !important;
}


/** Slide transitions **
/** Add the '/' after the line with the title to enable the transition **

/** fade **/
.csstransforms .slideshow .slide, .csstransforms .slideshow video {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

    .csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
        opacity: 1;
    }

/** Blur & Fade **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	opacity:0;
	-webkit-filter:blur(20px);
	-filter:blur(20px);
	-webkit-transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	-ms-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
	opacity:1;
	-webkit-filter:blur(0px);
	filter:blur(0px);
}

/** Brightness Maxing **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	opacity:0;
	-webkit-filter:brightness(10);
	filter:brightness(10);
	-webkit-transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	-ms-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
	opacity:1;
	-webkit-filter:brightness(1);
	filter:brightness(1);
}

/** slide-left **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
	-webkit-transform:translateX(0%) !important;
	-moz-transform:translateX(0%) !important;
	-ms-transform:translateX(0%) !important;
	transform:translateX(0%) !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
}

/** slide-right **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active{
	-webkit-transform:translateX(0%) !important;
	-moz-transform:translateX(0%) !important;
	-ms-transform:translateX(0%) !important;
	transform:translateX(0%) !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}

/** slide-down **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active{
	-webkit-transform:translateY(0%) !important;
	-moz-transform:translateY(0%) !important;
	-ms-transform:translateY(0%) !important;
	transform:translateY(0%) !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous {
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
}

/** slide-up **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active{
	-webkit-transform:translateY(0%) !important;
	-moz-transform:translateY(0%) !important;
	-ms-transform:translateY(0%) !important;
	transform:translateY(0%) !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}

/** flip horizontal **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transition: all 3.5s ease-in-out;
	-moz-transition: all 3.5s ease-in-out;
	-ms-transition: all 3.5s ease-in-out;
	-o-transition: all 3.5s ease-in-out;
	transition: all 3.5s ease-in-out;
	-webkit-transform: rotateX(5deg) rotateY(-180deg) translateY(0px) scale(.75);
    -moz-transform: rotateX(5deg) rotateY(-180deg) translateY(0px) scale(.75);
    -o-transform: rotateX(5deg) rotateY(-180deg) translateY(0px) scale(.75);
    -ms-transform: rotateX(5deg) rotateY(-180deg) translateY(0px) scale(.75);
    transform: rotateX(5deg) rotateY(-180deg) translateY(0px) scale(.75);
    opacity:0;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.active, .csstransforms .slideshow video.previous {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
    -webkit-transform: rotateY(0deg) translateY(0px) scale(1) !important;
    -moz-transform: rotateY(0deg) translateY(0px) scale(1) !important;
    -ms-transform: rotateY(0deg) translateY(0px) scale(1) !important;
    transform: rotateY(0deg) translateY(0px) scale(1) !important;
    opacity:1 !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous{
    -webkit-transform: rotateX(5deg) rotateY(180deg) translateY(0px) scale(.75);
    -moz-transform: rotateX(5deg) rotateY(180deg) translateY(0px) scale(.75);
    -o-transform: rotateX(5deg) rotateY(180deg) translateY(0px) scale(.75);
    -ms-transform: rotateX(5deg) rotateY(180deg) translateY(0px) scale(.75);
    transform: rotateX(5deg) rotateY(180deg) translateY(0px) scale(.75);
    opacity:0;
}

/** flip vertical **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transition: all 3.5s ease-in-out;
	-moz-transition: all 3.5s ease-in-out;
	-ms-transition: all 3.5s ease-in-out;
	-o-transition: all 3.5s ease-in-out;
	transition: all 3.5s ease-in-out;
	-webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    opacity:0;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.active, .csstransforms .slideshow video.previous {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
    -webkit-transform: rotateX(0deg) !important;
    -moz-transform: rotateX(0deg) !important;
    -ms-transform: rotateX(0deg) !important;
    -o-transform: rotateX(0deg) !important;
    opacity:1 !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity:0;
}

/** Spin **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:  rotateZ(-180deg)  scale(5.8);
    -moz-transform:  rotateZ(-180deg)  scale(5.8);
    -o-transform:  rotateZ(-180deg)  scale(5.8);
    -ms-transform:  rotateZ(-180deg)  scale(5.8);
    transform: rotateZ(-180deg)  scale(5.8);
    transform-origin: 50% 100%;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.active, .csstransforms .slideshow video.previous {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition: all 3.5s ease-in-out;
	-moz-transition: all 3.5s ease-in-out;
	-ms-transition: all 3.5s ease-in-out;
	-o-transition: all 3.5s ease-in-out;
	transition: all 3.5s ease-in-out;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active{
    -webkit-transform: rotateZ(0deg) scale(1) !important;
    -moz-transform: rotateZ(0deg) scale(1) !important;
    -ms-transform: rotateZ(0deg) scale(1) !important;
    -o-transform: rotateZ(0deg) scale(1) !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous{
    -webkit-transform: rotateZ(180deg) scale(5.8);
    -moz-transform: rotateZ(180deg) scale(5.8);
    -o-transform: rotateZ(180deg) scale(5.8);
    -ms-transform: rotateZ(180deg) scale(5.8);
    transform: rotateZ(180deg) scale(5.8);
}

/** Slow Pan and Fade **
.csstransforms .slideshow .slide, .csstransforms .slideshow video {
    -webkit-transform: translateX(-5%) scale(1.1);
    -moz-transform: translateX(-5%) scale(1.1);
    -o-transform: translateX(-5%) scale(1.1);
    -ms-transform: translateX(-5%) scale(1.1);
    transform: translateX(-5%) scale(1.1);
    transform-origin: 50% 100%;
    opacity: 0;
}

    .csstransforms .slideshow .slide.active, .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.active, .csstransforms .slideshow video.previous {
        overflow: hidden;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
    }

    .csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
        -webkit-transform: translateX(0%) scale(1) !important;
        -moz-transform: translateX(0%) scale(1) !important;
        -ms-transform: translateX(0%) scale(1) !important;
        -o-transform: translateX(0%) scale(1) !important;
        opacity: 1 !important;
    }

    .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous {
        -webkit-transform: translateX(-5%) scale(1.1);
        -moz-transform: translateX(-5%) scale(1.1);
        -o-transform: translateX(-5%) scale(1.1);
        -ms-transform: translateX(-5%) scale(1.1);
        transform: translateX(-5%) scale(1.1);
    }

/** Scale Snap In **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
	-webkit-transform:  scale(1.5);
    -moz-transform:  scale(1.5);
    -o-transform:  scale(1.5);
    -ms-transform:  scale(1.5);
    transform: scale(1.5);
    opacity:0;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.active, .csstransforms .slideshow video.previous{
    overflow:hidden;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active{
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    opacity:1 !important;
}
.csstransforms .slideshow .slide.previous, .csstransforms .slideshow video.previous{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

/** Lined Up **
.csstransforms .slideshow .slide, .csstransforms .slideshow video{
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: transform 1s ease-in-out;
}
.csstransforms .slideshow .slide.item-2, .csstransforms .slideshow video.item-2{
    transform: translateX(0%);
    z-index:1 !important;
}
.csstransforms .slideshow .slide.item-3, .csstransforms .slideshow video.item-3{
    transform: translateX(100%);
    z-index:4!important;
}
.csstransforms .slideshow .slide.item-0, .csstransforms .slideshow video.item-0{
    transform: translateX(10%);
    z-index:3 !important;
}
.csstransforms .slideshow .slide.item-1, .csstransforms .slideshow video.item-1{
    transform: translateX(0%);
    transition: none;
    border-radius: 0px;
    z-index:2 !important;
}*/
/*----------Responsive styles ---------------*/
@media only screen and (max-width:1300px) {
    hero-main {
        height: 100%;
    }
}

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

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

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

@media only screen and (max-width:860px) {
    #hero-main {
        /* height: 500px; */
    }
}

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

@media only screen and (max-width:560px) {
    #hero-main {
        /* height: 400px; */
    }
}
/*CSS Cover Fix:*/
@media screen and (min-aspect-ratio: 16/9) {
    .slideshow video {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
    }
}

@media screen and (max-aspect-ratio: 16/9) {
    .slideshow video {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
    }
}

@media screen and (min-aspect-ratio: 1920/770) {
    .slideshow img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
    }
}

@media screen and (max-aspect-ratio: 1920/770) {
    .slideshow img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
    }
}

@supports (object-fit: cover) {
    .slideshow {
        width: auto;
    }

        .slideshow img, .slideshow video {
            top: 0;
            left: 0;
            transform: none;
            width: auto;
            height: 100%;
            object-fit: cover;
            object-position: 50% 50%;
            overflow: hidden;
        }
}
/**************************/
/** Slideshow Styles End **/
/**************************/

/* Ajax Form 4.1.0 by JP Larson, Copyright 2021 Fiserv. All rights reserved. */
form.ajax-form label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: center;
    cursor: pointer;
}

form.ajax-form button {
    border: none;
}

form.ajax-form label > * {
    order: 5;
}

form.ajax-form :is(label, fieldset) {
    border: none;
    box-shadow: 0 0 0 1px rgba(var(--color2-rgba), 0.25);
    padding: 0.125em 1em;
    background-color: #fff;
    width: 100%;
    border-radius: 0.125em;
    min-width: 9em;
    margin: 0;
    min-height: 2em;
}

form.ajax-form :-webkit-any(label, fieldset) {
    border: none;
    box-shadow: 0 0 0 1px rgba(var(--color2-rgba), 0.25);
    padding: 0.125em 1em;
    background-color: #fff;
    width: 100%;
    border-radius: 0.125em;
    min-width: 9em;
    margin: 0;
    min-height: 2em;
}

form.ajax-form :is(label, fieldset).readonly {
    box-shadow: none !important;
    background-color: rgba(var(--color2-rgba), 0.08);
}

form.ajax-form :-webkit-any(label, fieldset).readonly {
    box-shadow: none !important;
    background-color: rgba(var(--color2-rgba), 0.08);
}

form.ajax-form :is(label, fieldset).readonly,
form.ajax-form :is(label, fieldset).readonly :is(input, select, textarea) {
    cursor: text !important;
}

form.ajax-form :-webkit-any(label, fieldset).readonly,
form.ajax-form :-webkit-any(label, fieldset).readonly :is(input, select, textarea) {
    cursor: text !important;
}

form.ajax-form :is(label, fieldset).readonly .validation {
    display: none !important;
}

form.ajax-form :-webkit-any(label, fieldset).readonly .validation {
    display: none !important;
}

form.ajax-form fieldset {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

form.ajax-form :is(label, fieldset):not(.valid):target {
    box-shadow: 0 0 0 1px var(--color3);
}

form.ajax-form :-webkit-any(label, fieldset):not(.valid):target {
    box-shadow: 0 0 0 1px var(--color3);
}

form.ajax-form fieldset legend {
    display: block;
    padding: 0;
    float: left;
}

form.ajax-form fieldset label {
    box-shadow: none !important;
    padding: 0 !important;
    clear: both;
    background: none;
    border: none;
    min-height: 0 !important;
}

form.ajax-form :is(label, fieldset, legend) {
    margin: 0.25rem;
}

form.ajax-form :-webkit-any(label, fieldset, legend) {
    margin: 0.25rem;
}

form.ajax-form .required {
    color: inherit;
}

    form.ajax-form .required:before {
        display: none;
    }

form.ajax-form fieldset :is(label, legend) {
    margin-right: 0;
    margin-left: 0;
}

form.ajax-form fieldset :-webkit-any(label, legend) {
    margin-right: 0;
    margin-left: 0;
}

#captchaAnswer,
form.ajax-form label > :is(input, select, textarea) {
    width: 100%;
    height: 1.2em;
    border: none;
    padding: 0;
    margin: 0 0.75em 0 0;
    display: block;
    transition: opacity 0.25s 0.5s ease, transform 0s 0.75s ease;
    line-height: 1.2;
    background: none;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    transform: translateY(-0.7em) scaleY(2.25) scaleX(1.04);
    font-family: inherit;
}

#captchaAnswer,
form.ajax-form label > :-webkit-any(input, select, textarea) {
    width: 100%;
    height: 1.2em;
    border: none;
    padding: 0;
    margin: 0 0.75em 0 0;
    display: block;
    transition: opacity 0.25s 0.5s ease, transform 0s 0.75s ease;
    line-height: 1.2;
    background: none;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    transform: translateY(-0.7em) scaleY(2.25) scaleX(1.04);
    font-family: inherit;
}

form.ajax-form label > textarea {
    transform: translateY(-0.7em) scaleY(1.3) scaleX(1.04);
}

form.ajax-form label > :is(input, select) {
    -webkit-appearance: none;
    -moz-appearance: none;
}

form.ajax-form label > :-webkit-any(input, select) {
    -webkit-appearance: none;
    -moz-appearance: none;
}

form.ajax-form label > select::-ms-expand {
    display: none;
}

form.ajax-form label > textarea {
    resize: vertical;
    height: 6.2em;
}

form.ajax-form label > :is(input, select, textarea) ~ span.label {
    order: 4;
    transform: translateY(0.6em);
    transform-origin: center left;
    pointer-events: none;
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0;
    transition: transform 0.25s 0.75s ease, color 0.25s ease;
}

form.ajax-form label > :-webkit-any(input, select, textarea) ~ span.label {
    order: 4;
    transform: translateY(0.6em);
    transform-origin: center left;
    pointer-events: none;
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0;
    transition: transform 0.25s 0.75s ease, color 0.25s ease;
}

#captchaAnswer:is(:not(:placeholder-shown), :focus),
form.ajax-form .valid select,
form.ajax-form select:focus,
form.ajax-form label > :is(input, textarea):is(:not(:placeholder-shown), :focus):not([type=checkbox]):not([type=radio]) {
    opacity: 1;
    transform: translateY(-0.2em);
    transition-delay: 0s, 0s;
}

#captchaAnswer:-webkit-any(:not(:placeholder-shown), :focus),
form.ajax-form .valid select,
form.ajax-form select:focus,
form.ajax-form label > :-webkit-any(input, textarea):-webkit-any(:not(:placeholder-shown), :focus):not([type=checkbox]):not([type=radio]) {
    opacity: 1;
    transform: translateY(-0.2em);
    transition-delay: 0s, 0s;
}

    form.ajax-form .valid select ~ span.label,
    form.ajax-form select:focus ~ span.label,
    form.ajax-form label > :is(input, textarea):is(:not(:placeholder-shown), :focus):not([type=checkbox]):not([type=checkbox]):not([type=radio]) ~ span.label {
        transform: translateY(-0em) scale(0.625);
        transition-delay: 0s;
    }

    form.ajax-form .valid select ~ span.label,
    form.ajax-form select:focus ~ span.label,
    form.ajax-form label > :-webkit-any(input, textarea):-webkit-any(:not(:placeholder-shown), :focus):not([type=checkbox]):not([type=radio]) ~ span.label {
        transform: translateY(-0em) scale(0.625);
        transition-delay: 0s;
    }

form.ajax-form label > :is(input, select, textarea):focus ~ span.label {
    color: var(--color3);
}

form.ajax-form label > :-webkit-any(input, select, textarea):focus ~ span.label {
    color: var(--color3);
}

form.ajax-form label > input:is([type=radio], [type=checkbox]) {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
    border: solid 2px transparent;
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.75em;
    order: 3;
    opacity: 1;
    transform: none;
}

form.ajax-form label > input:-webkit-any([type=radio], [type=checkbox]) {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
    border: solid 2px transparent;
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.75em;
    order: 3;
    opacity: 1;
    transform: none;
}

form.ajax-form label > input:is([type=radio], [type=checkbox]):checked {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5), inset 0 0 0 0.75em rgba(0,0,0,0.5);
}

form.ajax-form label > input:-webkit-any([type=radio], [type=checkbox]):checked {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5), inset 0 0 0 0.75em rgba(0,0,0,0.5);
}

form.ajax-form label > input:is([type=radio], [type=checkbox]) ~ span.label {
    transform: none;
    max-width: calc(100% - 1.5em);
}

form.ajax-form label > input:-webkit-any([type=radio], [type=checkbox]) ~ span.label {
    transform: none;
    max-width: calc(100% - 1.5em);
}

form.ajax-form label > input[type=radio] {
    border-radius: 0.75em;
}

form.ajax-form label .fa-angle-down::before {
    order: 2;
    margin-left: 0.5em;
}

form.ajax-form .disabled {
    opacity: 0.3;
    pointer-events: none;
}

form.ajax-form .collapse {
    overflow: hidden;
}

    form.ajax-form .collapse.disabled {
        max-height: 0vh;
        display: none;
    }

form.ajax-form .disabled .disabled {
    opacity: 1;
}

form.ajax-form .collapse:not(.disabled) {
    z-index: 3;
    animation: open 1s 0s 1 ease forwards, openOpacity 1s 0s 1 ease;
}

    form.ajax-form .collapse:not(.disabled):focus-within {
        z-index: 4;
    }

form.ajax-form.paginate section.collapse:not(.disabled) {
    animation-name: openOverflow;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}

@keyframes open {
    0% {
        max-height: 0vh;
        overflow: hidden;
    }

    49% {
        max-height: 100vh;
        overflow: hidden;
    }

    50% {
        max-height: none;
        overflow: visible;
    }

    100% {
        overflow: visible;
    }
}

@keyframes openOpacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes openOverflow {
    100% {
        overflow-y: auto;
    }
}

/* Layout */
form.ajax-form {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    border-radius: 0.25em;
}

    form.ajax-form > :-webkit-any(header, section) {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        padding: 0;
        max-width: 100%;
        width: 100%;
        position: relative;
    }

    form.ajax-form > :is(header, section) {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        padding: 0;
        max-width: 100%;
        width: 100%;
        position: relative;
    }

        form.ajax-form > :is(header, section) > *,
        form.ajax-form > :is(header, section) div > * {
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }

    form.ajax-form > :-webkit-any(header, section) > *,
    form.ajax-form > :-webkit-any(header, section) div > * {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    form.ajax-form > :is(header, section) div {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        margin: 0;
        flex-grow: 1;
        min-width: 12em;
        width: 100%;
    }

    form.ajax-form > :-webkit-any(header, section) div {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        margin: 0;
        flex-grow: 1;
        min-width: 12em;
        width: 100%;
    }

    form.ajax-form > section div.half:not(.disabled) + div.half:nth-of-type(even) {
        margin-left: 0.5em;
        position: relative;
    }

        form.ajax-form > section div.half:not(.disabled) + div.half:nth-of-type(even):before {
            content: "";
            display: block;
            position: absolute;
            height: calc(100% - 0.5em);
            background-color: var(--color2);
            width: 1px;
            top: 0.25em;
            left: -0.25em;
        }

    form.ajax-form :is(h1, h2, h3, h4, h5, p) {
        width: 100%;
    }

    form.ajax-form :-webkit-any(h1, h2, h3, h4, h5, p) {
        width: 100%;
    }

    form.ajax-form .half,
    form.ajax-form .thirds,
    form.ajax-form .fourths,
    form.ajax-form .two-thirds {
    }

    form.ajax-form :is(.half, .thirds, .fourths, .three-fourths) {
        flex-grow: 1;
        flex-shrink: 1;
        align-self: stretch;
    }

    form.ajax-form :-webkit-any(.half, .thirds, .fourths, .three-fourths) {
        flex-grow: 1;
        flex-shrink: 1;
        align-self: stretch;
    }

    form.ajax-form .half {
        width: 45%;
    }

    form.ajax-form .thirds {
        width: 30%;
    }

    form.ajax-form .fourths {
        width: 20%;
    }

    form.ajax-form .two-thirds {
        flex-grow: 2.333;
        width: 60%;
    }

    form.ajax-form .three-fourths {
        width: 70%;
    }

    /* Pseudo Select */
    form.ajax-form .ps-select [data-select] {
        height: 100%;
        z-index: 350;
        border-radius: inherit;
    }

        form.ajax-form .ps-select [data-select]::before,
        form.ajax-form .ps-select [data-select]::after {
            content: none;
        }

    form.ajax-form .ps-select [data-options-wrapper] {
        border: none;
        box-shadow: 0 0 0 1px rgba(204, 204, 204, 1);
        border-radius: inherit;
    } 

/* CMS Include 3.1.1 by JP Larson, Copyright 2021 Fiserv. All rights reserved. */
[class*=-Include] {
    pointer-events: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 12;
    box-sizing: border-box;
    text-align: center;
    color: transparent !important;
    min-height: 4rem;
}

.include-loaded {
    display: none;
}

body#tinymce [class*=-Include] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 4rem;
    padding: 2rem;
    border: solid 2px red;
    color: transparent !important;
    flex-direction: column;
    box-sizing: border-box;
    line-height: 0;
}

    body#tinymce [class*=-Include]::before {
        content: 'This will be replaced with the article "' attr(href) '." Deleting this will remove a portion of content from your page.';
        color: red;
        display: block;
        margin-bottom: 1rem;
        line-height: 1.2;
    }

    body#tinymce [class*=-Include]::after {
        content: 'Instructions: Click "insert/edit link", paste the desired article name into the URL box, and select the "CMS-Include" class.';
        color: black;
        display: block;
        line-height: 1.2;
    }

body:not(#tinymce) [class*=-Include]::after {
    transition: opacity var(--delay-2) 0s var(--easing);
    opacity: 0;
}

body:not(#tinymce) [class*=-Include] {
    opacity: 1;
}

    body:not(#tinymce) [class*=-Include]::after {
        opacity: 0.75;
    }

    body:not(#tinymce) [class*=-Include]::after {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    body:not(#tinymce) [class*=-Include]::after {
        content: "";
        position: absolute;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        box-sizing: border-box;
        border: solid 0.25em var(--color3);
        border-top-color: transparent;
        border-bottom-color: transparent;
        animation-name: cms-include-spinner;
        animation-duration: 1.25s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        z-index: 4;
    }

@keyframes cms-include-spinner {
    0% {
        transform: rotate(0deg);
        border-width: 1.5em;
    }

    50% {
        border-width: 0.25em;
    }

    100% {
        transform: rotate(360deg);
        border-width: 1.5em;
    }
} 

.captchaField.plain {
    width: 100%;
}

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

input#captchaAnswer {
    margin: 0 !important;
}

/* Browser Upgrade 1.0.0 */
body > * {
    order: 2
}

body > .browser-upgrade {
    order: 1
}

.browser-upgrade {
    display: none;
    width: 100%;
    height: 3.5em;
    margin: -3.5em 0 0 0;
    padding: 0 .5em;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    background-color: #ffff49;
    overflow: hidden;
    box-sizing: border-box;
}

    .browser-upgrade.fixed {
        position: fixed;
        z-index: 1000;
    }

    .browser-upgrade strong {
        padding-right: .25em;
    }

    .browser-upgrade [class*="fa-"]:before {
        padding-left: .5em;
        padding-right: .5em;
        font-size: 1.2em;
    }


@media only screen and (min-width: 1001px) {

    _:-ms-fullscreen, :root .browser-upgrade {
        display: flex;
    }

    /*TOP VERSION
    -------------------------------------------------------------------------------------------*/
    html _:-ms-fullscreen, :root {
        padding-top: 3.5em;
    }

    /*BOTTOM VERSION
    -------------------------------------------------------------------------------------------*/
    /*html _:-ms-fullscreen, :root {
        height: auto;
        padding-bottom: 3.5em;
    }

    .browser-upgrade.fixed {
        bottom: 0;
    }*/

    /*OLDER SITE OVERRIDES - TOP VERSION ONLY
    -------------------------------------------------------------------------------------------*/
    /*Top version*/
    /*html _:-ms-fullscreen, :root {
        padding-top: 3.5rem;
    }

    p.browser-upgrade {
        margin: -3.5rem 0 0 0;
    }*/
}

/* Tour 3.0.0 by JP Larson, Copyright 2018 Fiserv. All rights reserved.*/
/*----------Call Out Section Placement--------------*/
[data-tour] {
    max-width: 1024px; /*Set this to the width/max-width of the content.*/
}

[data-tour="implementation"] {
    text-align: left;
}


[data-tour="examples"] {
    text-align: left;
}


[data-tour="required-info"] {
    text-align: right;
}

    [data-tour="required-info"] > div {
        text-align: left;
    }

[data-tour="feedback"] {
    text-align: left;
}
    /*---------Arrows-----------------------------*/
    [data-tour="implementation"] > div::after,
    [data-tour="examples"] > div::after,
    [data-tour="feedback"] > div::after {
        left: 65px;
    }

[data-tour="logo"] > div::after /*----left----*/ {
    top: 37px;
    bottom: auto;
    left: 0;
    transform: rotate(135deg);
}

[data-tour="primary"] > div::after /*---top---*/ {
    top: -25px;
    transform: rotate(225deg);
    margin-left: 0;
    left: 13%;
}

[data-tour="login"] > div::after /*----right----*/ {
    top: 37px;
    bottom: auto;
    left: initial;
    right: -25px;
    transform: rotate(-45deg);
}
/* Weather 4.0.0 by Jesse Fowler, Copyright 2014 Fiserv. All rights reserved. */
.weather {
    margin: 0 auto;
    position: relative;
    font-size: 1rem;
}

.weather-report {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: url(../images/weather/spacer.html);
    width: 100%;
    color: #686868;
    border-radius: 0.208em;
    padding: 0.417em 0 0.417em 0;
    margin: 0 0 0 0;
    text-align: left;
}

    .weather-report > * {
        display: block;
    }

.part-1 {
    position: relative;
    width: 20%;
    min-width: 10rem;
    height: 10em;
}

.part-2 {
    display: flex;
    flex-direction: column;
    width: auto;
}

    .part-2 > * {
        width: 100%;
    }

.forecast {
    width: 100%;
}

.conditionImage {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.part-1 > .conditionImage {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 480px) {
    .weather-report > .conditionImage {
        width: 30%;
    }
}

#forecast .conditionImage {
    width: 100%;
    height: 3em;
    opacity: .75;
}

.conditionImage.Clear {
    background-image: url(../images/weather/Dark_Clear.html);
}

.conditionImage.PartlyCloudy {
    background-image: url(../images/weather/Dark_PartlyCloudy.html);
}

.conditionImage.Cloudy {
    background-image: url(../images/weather/Dark_Cloudy.html);
}

.conditionImage.LightRain {
    background-image: url(../images/weather/Dark_LightRain.html);
}

.conditionImage.Rain {
    background-image: url(../images/weather/Dark_Rain.html);
}

.conditionImage.HeavyRain {
    background-image: url(../images/weather/Dark_HeavyRain.html);
}

.conditionImage.LightSnow {
    background-image: url(../images/weather/Dark_LightSnow.html);
}

.conditionImage.Snow {
    background-image: url(../images/weather/Dark_Snow.html);
}

.conditionImage.HeavySnow {
    background-image: url(../images/weather/Dark_HeavySnow.html);
}

.conditionImage.Fog {
    background-image: url(../images/weather/Dark_Fog.html);
}

.conditionImage.Tstorms {
    background-image: url(../images/weather/Dark_Tstorms.html);
}

.conditionImage.LightIce {
    background-image: url(../images/weather/Dark_LightIce.html);
}

.conditionImage.Ice {
    background-image: url(../images/weather/Dark_Ice.html);
}

.locationTitle label, .tempFaenheit, .tempFaenheit label, .tempCelcius, .condition, .condition label, .wind, .precipitation, .humidity, .visibility, .atmosphericPressure, .cloudCover, #forecast, #forecastLinkXY, .weatherLocation, .weatherLocation1, .tempCelciusHigh, .tempCelciusLow {
    display: none;
}

.weather-report > .wind, .precipitation, .humidity, .visibility, .atmosphericPressure, .cloudCover {
    padding: 0.125em 0.417em;
    background: rgba(255,255,255,0.5);
    margin-bottom: 0.042em;
    box-shadow: 0 0 0.208em rgba(0,0,0,0.2);
    text-shadow: 0.042em 0.042em rgba(255,255,255,0.7);
}

.tempFaenheit, .condition {
    display: block;
}

#forecastLinkXY {
    position: absolute;
    bottom: 0.417em;
    right: 0.417em;
}

.weatherLocation1 {
    margin: 0.417rem 0 0 0;
}

.weather-report .locationTitle {
    margin-top: 1em;
    overflow: hidden;
    font-size: 1em;
    line-height: 1em;
    color: #333;
}

.dayOfWeek {
    margin-top: 0.417em;
    margin-bottom: 0.208em;
    font-size: 0.375em;
    line-height: 0.5em;
    color: #333;
    text-align: center;
}

.weather-report .tempFaenheit {
    font-size: 4em;
    line-height: 1.2em;
    font-weight: 400;
    color: #666;
    width: auto;
}

    .weather-report .tempFaenheit span {
        position: relative;
        font-size: 1em;
    }

.weather-report .condition {
    color: #666;
    font-size: 0.75em;
    line-height: 0.792em;
    margin-top: 0;
    margin-bottom: 0.417em;
}

#forecast .condition {
    display: none;
    font-size: 0.417em;
    line-height: 0.583em;
    width: 3.583em !important;
    height: auto !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#forecast {
    display: flex;
    justify-content: center;
    border-radius: 0.208em;
    margin: .5em 0;
    font-size: 2rem;
    order: 10;
}

@media only screen and (max-width: 480px) {
    #forecast {
        flex-wrap: wrap;
    }
}

#forecast > * {
    display: block;
    flex-grow: 1;
}

.forecastDay {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0.208em;
    font-size: 1em;
    margin: .05em;
    background: rgba(0, 0, 0, .075);
}

@media only screen and (max-width: 480px) {
    .forecastDay {
        width: 40%;
        flex-grow: 1;
    }
}

@media only screen and (max-width: 480px) {
    .forecastDay:first-of-type {
        border-radius: 0.208em 0 0 0;
    }

        .forecastDay:first-of-type + * {
            border-radius: 0 0.208em 0 0;
        }

    .forecastDay:last-of-type {
        border-radius: 0 0 0.208em 0.208em;
    }
}

@media only screen and (min-width: 481px) {
    .forecastDay:first-of-type {
        border-radius: 0.208em 0 0 0.208em;
    }

    .forecastDay:last-of-type {
        border-radius: 0 0.208em 0.208em 0;
    }
}

.forecastDay:nth-child(odd) {
    background: rgba(0, 0, 0, .05);
}

.forecastDay > * {
    text-align: center;
}

.forecastDay .dayOfWeek {
    width: 100%;
}

.forecastDay .condition {
    margin-top: 0em;
}

.tempFarenheitHigh, .tempFarenheitLow {
    font-weight: 400;
    letter-spacing: -0.083em;
    width: 3.5rem;
}

.tempFarenheitHigh {
    color: #666;
}

.tempFarenheitLow {
    color: #adadad;
}

.dayOfWeek {
}

.weatherLocation {
    display: none;
    margin: 0.5em 0 0 0;
}

.show-change-location .weatherLocation {
    display: flex;
}

.weatherLocation input,
.weatherLocation #weatherZipSubmit {
    height: 2em;
    border-width: 0rem;
    border-width: 0.042em;
    border-style: solid;
    border-color: #999;
}

.weatherLocation input {
    display: inline-block;
    padding: .5em;
    border-right: none;
    color: #000;
}

.weatherLocation #weatherZipSubmit {
    color: #fff;
    background-color: #999;
    cursor: pointer;
    border: none;
    font-weight: bold;
}

    .weatherLocation #weatherZipSubmit:hover {
        background-position: 0em -0.917em;
    }

.Change-Location-Link {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.forecastLink {
    text-decoration: none;
}

    .forecastLink:hover {
        text-decoration: underline;
    }

#poweredBy {
    width: 100%;
    text-align: left;
    font-size: .5em;
    color: #9e9e9e;
}

    #poweredBy a {
        color: inherit;
    }

        #poweredBy a:hover {
            color: #ff6600;
        }

/* Dark Theme */
.dark .weather-report {
    color: #ccc;
}

.dark .conditionImage.Clear {
    background-image: url(../images/weather/Light_Clear.html);
}

.dark .conditionImage.PartlyCloudy {
    background-image: url(../images/weather/Light_PartlyCloudy.html);
}

.dark .conditionImage.Cloudy {
    background-image: url(../images/weather/Light_Cloudy.html);
}

.dark .conditionImage.LightRain {
    background-image: url(../images/weather/Light_LightRain.html);
}

.dark .conditionImage.Rain {
    background-image: url(../images/weather/Light_Rain.html);
}

.dark .conditionImage.HeavyRain {
    background-image: url(../images/weather/Light_HeavyRain.html);
}

.dark .conditionImage.LightSnow {
    background-image: url(../images/weather/Light_LightSnow.html);
}

.dark .conditionImage.Snow {
    background-image: url(../images/weather/Light_Snow.html);
}

.dark .conditionImage.HeavySnow {
    background-image: url(../images/weather/Light_HeavySnow.html);
}

.dark .conditionImage.Fog {
    background-image: url(../images/weather/Light_Fog.html);
}

.dark .conditionImage.Tstorms {
    background-image: url(../images/weather/Light_Tstorms.html);
}

.dark .conditionImage.LightIce {
    background-image: url(../images/weather/Light_LightIce.html);
}

.dark .conditionImage.Ice {
    background-image: url(../images/weather/Light_Ice.html);
}

.dark .weather-report > .wind, .dark .precipitation, .dark .humidity, .dark .visibility, .dark .atmosphericPressure, .dark .cloudCover {
    background: rgba(255,255,255,0.5);
}

.dark .weather-report .locationTitle {
    color: #ccc;
}

.dark .dayOfWeek {
    color: #ccc;
}

.dark .weather-report .tempFaenheit {
    color: #fff;
}

.dark .weather-report .condition {
    color: #ccc;
}

.dark .forecastDay {
    background: rgba(255, 255, 255, .075);
}

    .dark .forecastDay:nth-child(odd) {
        background: rgba(255, 255, 255, .05);
    }

.dark .tempFarenheitHigh {
    color: #fff;
}

.dark .tempFarenheitLow {
    color: #ccc;
}

.dark .weatherLocation input {
    border: none;
}

.dark .weatherLocation #weatherZipSubmit {
    color: #fff;
}

.dark #poweredBy {
    color: #9e9e9e;
}

    .dark #poweredBy a:hover {
        color: #ff6600;
    }

.dark .weatherLocation input {
    color: #000;
}

/* Raster Theme */
.raster .conditionImage.Clear {
    background-image: url(../images/weather/Raster-Clear.html);
}

.raster .conditionImage.PartlyCloudy {
    background-image: url(../images/weather/Raster-PartlyCloudy.html);
}

.raster .conditionImage.Cloudy {
    background-image: url(../images/weather/Raster-Cloudy.html);
}

.raster .conditionImage.LightRain {
    background-image: url(../images/weather/Raster-LightRain.html);
}

.raster .conditionImage.Rain {
    background-image: url(../images/weather/Raster-Rain.html);
}

.raster .conditionImage.HeavyRain {
    background-image: url(../images/weather/Raster-HeavyRain.html);
}

.raster .conditionImage.LightSnow {
    background-image: url(../images/weather/Raster-LightSnow.html);
}

.raster .conditionImage.Snow {
    background-image: url(../images/weather/Raster-Snow.html);
}

.raster .conditionImage.HeavySnow {
    background-image: url(../images/weather/Raster-HeavySnow.html);
}

.raster .conditionImage.Fog {
    background-image: url(../images/weather/Raster-Fog.html);
}

.raster .conditionImage.Tstorms {
    background-image: url(../images/weather/Raster-Tstorms.html);
}

.raster .conditionImage.LightIce {
    background-image: url(../images/weather/Raster-LightIce.html);
}

.raster .conditionImage.Ice {
    background-image: url(../images/weather/Raster-Ice.html);
}
/* App Banners 2.0.2 by Jesse Fowler, Copyright 2018 Fiserv. All rights reserved. */
.app {
    background-color: rgba(255,255,255,.5);
    border-radius: 1rem;
}

    .app img {
        overflow: hidden;
        border-radius: 1rem;
    }

.notice.appbanner .noticeHtml {
    padding: 1.5em .75em 0 .75em !important;
}

.appbanner.active .noticeclosers {
    top: 0.3em;
    right: 1rem;
    display: flex;
}

.appbanner .noticecloser, .appbanner .noticeclosersession {
    margin: 0 .5em !important;
    font-size: 0.9167rem;
}

.noticeHtml a:after {
    display: none; /*hide external link icon*/
}