/* 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. */

/* Icon Font 3.0.0 by Kristen Rogers, Copyright 2018 Fiserv. All rights reserved. */
@font-face {
    font-family: 'Fiserv';
    src: url('../fonts/Fiserv72b772b7.eot?y5686p');
    src: url('../fonts/Fiserv72b772b7.eot?y5686p#iefix') format('embedded-opentype'), url('../fonts/Fiserv72b772b7.ttf?y5686p') format('truetype'), url('../fonts/Fiserv72b772b7.woff?y5686p') format('woff'), url('../fonts/Fiserv72b772b7.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;
}

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-"]):not([href*="onlinebanktours.com"]):not(.sb-button):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"] .inner-content table td:not(:empty):after,
[class*="Subsection-Table"][class*="-Panel"] > 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"] .inner-content table td:not(:empty),
[class*="Subsection-Table"][class*="-Panel"] > 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;
}

[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.10.1 by JP Larson, Copyright 2020 Fiserv. All rights reserved. */
#login,
#login form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#login {
    background-color: #eee;
    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 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 [class*=Button] {
    height: 3em;
}

#login [class*=Button] {
    border: none;
    margin: 0.25em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #aaa; */
    font-size: 1em;
    padding: 0 0.75em;
    cursor: pointer;
    transition: background-color 0.25s ease;
}

#login [class*=Button]:hover {
    background-color: var(--color3);
}

#login label span {
    display: none;
}

#login:not(.personal) .personal,
#login:not(.business) .business,
#login:not(.other) .other {
    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: var(--color8);
    height: 100%;
    font-size: inherit;
    font-family: inherit;
    transition: background-color 0.25s ease;
    border: solid 1px rgba(204, 204, 204, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
}

#login label .error {
    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: #eee;
}

#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: #333;
}

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

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

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

#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 #666;
    margin-right: 0.5em;
    transition: background-color 0.25s ease;
}

#login input[type=radio]:checked + span::before {
    background-color: #666;
}

#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 rgba(170, 170, 170, 0.5);
    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.rounded-corners,
#login.rounded-corners.horizontal fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]),
#login.rounded-corners input:not([type=radio]):not([type=checkbox]),
#login.rounded-corners select,
#login.rounded-corners [class*=Button],
#login.rounded-corners label .error {
    border-radius: 0.5em; /*Change the border-radius here. */
}

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

#login.rounded-corners form:not(.error) [class*=Button],
#login.rounded-corners.horizontal form.error [class*=Button] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#login.rounded-corners.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.rounded-corners form input:not([type=radio]):not([type=checkbox]) {
        border-radius: 0;
    }

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

/* Error and Direct Login*/
#login form:not(.error) > .error,
#login form.error > label,
#login form.error > [class*=Button] {
    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 [class*=Button] {
    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 1.4.2 by JP Larson, Copyright 2018 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: #666;
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.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;
    animation-fill-mode: forwards;
    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;
    color: rgb(255, 102, 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';
}

.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 {
    color: rgb(102, 102, 102);
}

.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.1.0 by JP Larson, Copyright 2020 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: var(--color8); /* 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],
.rounded-corners .ps-select [data-select]:not(.open-up) [data-options-wrapper],
.rounded-corners.ps-select [data-select]:not(.open-up) [data-options-wrapper],
.rounded-corners .ps-select [data-select].open-up [data-options-wrapper],
.rounded-corners.ps-select [data-select].open-up [data-options-wrapper] {
    border: solid 1px rgba(204, 204, 204, 1); /* 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: #aaa;
    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: #eee;
    color: var(--color6);
}

.ps-select [data-option]:hover { /* Option and selected option hover */
    background-color: #ccc;
}

.ps-select [data-option].disabled { /* Disabled option */
    color: #aaa;
}

/* Border Radius */
.rounded-corners .ps-select [data-select]::before,
.rounded-corners.ps-select [data-select]::before,
.rounded-corners .ps-select [data-options-wrapper],
.rounded-corners.ps-select [data-options-wrapper] {
    border-radius: 0.5em; /*Change the border-radius here.*/
}

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

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

.horizontal.rounded-corners.ps-select [data-select]::before,
.horizontal .rounded-corners.ps-select [data-select]::before,
.horizontal .rounded-corners .ps-select [data-select]::before,
.horizontal.rounded-corners .ps-select [data-select]::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 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: var(--color4);
}

@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.0.2 by Kristen Rogers, Copyright 2020 Fiserv. All rights reserved. */
table.Table-Privacy {
    border-bottom-color: #ccc;
}

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

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

.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(var(--color1-rgba),.85);
    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-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 3.1.0 */
#contact {
    box-sizing: border-box;
    font-size: inherit;
    position: relative;
    z-index: 340;
}

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

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

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

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

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

#contact button {
    margin: 0.25em 0;
}

#contact label span {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#contact input[type=checkbox],
#contact input[type=radio] {
    display: block;
    height: 0;
    width: 0;
}

#contact input[type=checkbox] + span,
#contact input[type=radio] + span {
    display: inline;
    color: inherit;
    cursor: pointer;
}

#contact input[type=checkbox] + span::before,
#contact input[type=radio] + span::before {
    content: "\f00c";
    font-family: "fontAwesome";
    width: 1em;
    height: 1em;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: solid 1px rgba(204, 204, 204, 1);
    margin-right: 0.5em;
    color: transparent;
    transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease;
}

#contact input[type=checkbox]:checked + span::before,
#contact input[type=radio]:checked + span::before {
    background-color: #ff6600;
    border-color: #ff6600;
    color: #fff;
}
/* Border Radius */

#contact input:not([type=radio]):not([type=checkbox]),
#contact select,
#contact textarea,
#contact input[type=checkbox] + span::before,
#contact input[type=radio] + span::before,
#contact label,
.captchaField.plain,
#contact label span.error {
    border-radius: 0.25em !important; /*Change the border-radius here.*/
}

#contact label {
    border: none;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    display: flex;
    align-content: center;
    align-items: center;
}

#contact label span.error {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
/*End Border Radius*/
a.Include-Form {
    display: none;
}

.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);
}

#smartbanner {
    height: 85px !important;
}