@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUQjIg1_i6t8kCHKm459WxRyS7g.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZ2.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD-A.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/y7lebkjgREBJK96VQi37ZmfQcKutQXcIrRfyR5jdjY8.eot);
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/y7lebkjgREBJK96VQi37ZmfQcKutQXcIrRfyR5jdjY8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Slab Bold';
    font-style: normal;
    font-weight: 700;
    src: url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJbFt29aCHKT7otDW9l62Aag.eot);
    src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJbFt29aCHKT7otDW9l62Aag.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@font-face {
    font-family: 'mcnb';
    src: url(Font/mcnb.ttf) format('truetype'), url(Font/mcnb.woff) format('woff'), url(Font/mcnb.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mcnb' !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;
}



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

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

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

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

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

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

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

[class^="Demo"], [class*=" Demo"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'MCBNWheel' !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;
}

.DemoSteeringWheel:before {
    content: "\e999";
}



body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    animation-delay: 0.75s;
    background-color: #00263a;
}

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

:focus, a:focus {
    outline: none;
}

input {
    border-radius: 0;
}

a {
    color: #43b02a;
}

    a:hover {
        color: #00263a;
    }

    a:not([href]):not([class]) {
        position: relative;
        top: -5rem;
        display: block;
        visibility: hidden;
        height: 0;
        float: left;
    }


.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}



header {
    position: fixed;
    width: 100%;
    z-index: 10;
    height: 125px;
    transition: all .5s ease;
    background-color: rgba(0,0,0,0);
}

    header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,38,58,1) 0%,rgba(0,38,58,0.5) 65%,rgba(0,38,58,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.scroll header {
    background-color: rgba(0,38,58,.85);
    height: 80px;
}

header .inner-content {
    padding: 0px;
    width: 90%;
    min-width: 0;
}

@media only screen and (max-width:1000px) {
    header .inner-content {
        width: 90% !important;
    }

    header nav .inner-content {
        width: 100% !important;
    }
}

@media only screen and (min-width:1850px) {
    .scroll header {
        height: 4rem;
    }
}

#logo, #logomark {
    height: 0px;
    width: 30%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: all .5s ease-in-out;
}

#logo {
    opacity: 1;
    height: 125px;
}

    #logo svg, #logomark svg {
        width: 100%;
        height: 125px;
    }


#logomark {
    width: 10%;
    height: 80px;
}

#logomark, .scroll #logo {
    opacity: 0;
    height: 0;
}

    .scroll #logomark, #logomark svg {
        opacity: 1;
        height: 3.25rem;
        padding-top: .2rem;
    }

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

    .scroll #logomark, #logomark svg {
        padding-top: .25rem;
    }
}

.Missing {
    background-color: yellow;
    color: #000 !important;
}


/*NAVIGATION*/
header nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 125px;
    z-index: 1;
}

    header nav#secondary {
        height: 35px;
        position: relative;
    }

.scroll header nav {
    height: 80px;
}

header nav .inner-content {
    width: 100%;
}

header nav a {
    position: absolute;
    top: 50px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.scroll header nav a {
    top: 30px;
}

header nav a:hover {
    color: #43b02a;
}

header nav a:first-child {
    left: 0;
}

header nav a:nth-child(2) {
    left: 12%;
}

header nav a:nth-child(3), nav a:nth-child(4) {
    right: 0;
}

header nav a:nth-child(3) {
    right: 12%;
}

@media only screen and (max-width:860px) {
    header nav a span {
        display: none;
    }

    header nav a {
        font-size: 1.3rem;
    }

        header nav a:nth-child(2) {
            left: 6%;
        }

        header nav a:nth-child(3) {
            right: 6%;
        }

    #logo {
        width: 40%;
    }

    .scroll #logo, .scroll #logo svg {
        opacity: 1;
        height: 80px;
    }

    .scroll #logomark {
        display: none;
    }
}

@media only screen and (max-width:667px) {
    header nav a:nth-child(2) {
        left: 8%;
    }

    header nav a:nth-child(3) {
        right: 8%;
    }

    #logo {
        width: 50%;
    }

    #logomark {
        width: 20%;
    }
}

@media only screen and (max-width:470px) {
    header nav a {
        top: 25px;
    }

        header nav a:nth-child(2) {
            left: 12%;
        }

        header nav a:nth-child(3), nav a:nth-child(4) {
            display: none;
        }

    header, header nav, #logo, #logo svg {
        height: 75px;
    }

    #logo {
        margin: 0;
        float: right;
    }

    #logomark, .scroll #logomark {
        opacity: 0;
        height: 0;
    }

    .scroll #logo {
        opacity: 1;
        height: 75px;
    }
}

body.linklive-support-online .nav-chat {
    display: block;
    background-color: green;
}

body.linklive-support-offline .nav-chat {
    display: block;
    background-color: red;
}

body.linklive-support-busy .nav-chat {
    display: block;
    background-color: gold;
}

body.linklive-support-away .nav-chat {
    display: block;
    background-color: orange;
}

body.menu-active .slide-out-div {
    left: 0px;
    box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.35);
}

.slide-out-div div.menu-icon {
    top: 14px;
    position: absolute;
    font-size: 1rem;
    cursor: pointer;
    padding: 0px;
    transition: all 0.5s ease;
}

    .slide-out-div div.menu-icon:hover {
        color: #43b02a;
    }

.slide-out-div div.nav-toggle {
    right: 10px;
}

.slide-out-div div.login-toggle {
    left: 12px;
}

.ob-active .slide-out-div div.login-toggle {
    color: #9eb5cb;
}

.slide-out-div div.assistance-toggle, .slide-out-div div.menu-toggle {
    left: 50px;
}

.menu-active .slide-out-div div.assistance-toggle.menu-toggle, .assistance-active .slide-out-div div.assistance-toggle {
    display: none;
}

    .assistance-active .slide-out-div div.assistance-toggle.menu-toggle {
        display: block;
    }

@media only screen and (min-width:1850px) {
    .slide-out-div div.assistance-toggle, .slide-out-div div.menu-toggle {
        padding-left: 0.8rem;
    }
}

.slide-out-div {
    font-family: 'Montserrat', sans-serif;
    font-size: .8rem;
    height: 100vh;
    z-index: 10;
    position: fixed;
    color: #fff;
    left: -320px;
    top: 0px;
    transition: left 0.5s ease;
    max-height: 100vh;
    background-color: #00263a;
}

    .slide-out-div > div {
        padding: 0px 0px 90px 0px;
        position: static;
        width: 320px;
        height: 100%;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
    }

    .slide-out-div ::-webkit-scrollbar {
        display: none;
    }

div.open {
    position: absolute;
    left: 4%;
    top: 25px;
    width: 290px;
    height: 50px;
}

@media only screen and (min-width: 2120px) {
    .slide-out-div {
        left: -420px;
    }

        .slide-out-div > div {
            width: 420px;
        }
}
/*HOMENAV 2.0.0-------------------------------------------------------------------------------------------*/

#homenav {
    display: none;
}

.desktop #homenav {
    display: block;
    position: fixed;
    width: 10%;
    height: 100vh;
    top: 0px;
    left: 0;
    z-index: 9;
    background-image: linear-gradient(to bottom, rgba(158,181,203,0) 0%,rgba(158,181,203,0.6) 25%,rgba(158,181,203,0.9) 52%,rgba(158,181,203,0.6) 80%,rgba(158,181,203,0) 100%);
    box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.15);
}

.home-nav.desktop #homenav {
    background-color: rgba(0, 38, 58, 0.5);
    /* width: auto; */
    /* min-width: 10%; */
}

.desktop #homenav:hover {
    /* z-index: 10; */
}

#homenav .inner-content {
    height: 80%;
    margin-top: 180px;
    padding: 0;
    width: 100%;
    min-width: 0;
}

.home-nav #homenav .inner-content {
    margin-top: 100px;
}

@media only screen and (max-height: 800px) {
    .desktop #homenav {
        height: 800px;
    }

    #homenav .inner-content {
        margin-top: 120px;
    }
}

@media only screen and (max-width:1300px) {
    #homenav .inner-content {
        width: 100%;
    }

    .home-nav #homenav .inner-content {
        width: auto;
    }
}

.desktop ul.nav2 {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 100%;
    width: 100%;
}

.home-nav.desktop ul.nav2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
}

.desktop ul.nav2 > li.homenavitem {
    position: relative;
    display: block;
    width: calc(100% + 20px);
    height: calc(86%/4);
    padding: 0;
    margin: 0;
    transition: all .5s ease;
}

.desktop.home-nav ul.nav2 > li.homenavitem {
    height: calc(86%/7);
    width: auto;
}

.desktop ul.nav2 > li.homenavitem:first-child {
    border-left: none;
}

.desktop ul.nav2 li.homenavitem:hover {
    margin-top: 0;
}

.desktop ul.nav2 li a.homenavdoor {
    position: absolute;
    width: calc(100% - 20px);
    height: 100%;
    left: 0;
    margin: 0;
    color: #fff;
    padding: 0 10%;
    cursor: pointer;
    transition: all .5s ease-out;
    text-align: center;
    z-index: 12;
}

.home-nav.desktop ul.nav2 li {
    word-break: normal
}

    .home-nav.desktop ul.nav2 li a.homenavdoor {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        width: auto;
    }

.desktop ul.nav2 li.active a.homenavdoor, .desktop ul.nav2 li:hover a.homenavdoor {
    z-index: 2;
}

.desktop ul.nav2 li:hover a.homenavdoor {
    margin-bottom: -85px;
}

#homenav ul.nav2 li a.homenavdoor h2 {
    font-size: .9rem;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1rem;
    color: #fff;
    text-align: center !important;
}

    #homenav ul.nav2 li a.homenavdoor h2 strong {
        font-weight: 700;
        display: block;
    }

.desktop ul.nav2 li a.homenavdoor h2 {
    margin: 0;
    padding: 0 0 5px 0;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.desktop ul.nav2 li a.homenavdoor h3 {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 28px 0;
}

    .desktop ul.nav2 li a.homenavdoor h3:before {
        position: absolute;
        display: block;
        bottom: 0;
        left: 50%;
        content: "";
        width: 18px;
        height: 18px;
        border: solid #8d7249;
        border-width: 0 0 2px 2px;
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.9) rotate(-45deg);
        -ms-transform: scaleY(0.9) rotate(-45deg);
        transform: scaleY(0.9) rotate(-45deg);
    }

.homenav-arrow {
    position: absolute;
    /* width: 20px; */
    /* height: 20px; */
    left: 48%;
    bottom: 0px;
    font-style: normal;
    color: #000050;
}

    .homenav-arrow:after {
        display: block;
        content: "\f107";
        font-family: 'fontAwesome';
        font-size: 36px;
        line-height: 29px;
    }

.mobile .homenav-arrow {
    bottom: 10px;
}

.homeicon {
    position: relative;
    display: block;
    padding: 0 0 10% 0;
    font-size: 2rem;
    color: #edf7eb;
    text-align: center;
    transition: all .3s ease;
}

.ie9 .homeicon {
    background-color: #880d24;
}

.homeicon:before {
    font-family: 'fiserv';
    z-index: 2;
}


.desktop ul.nav2 li:hover .homeicon {
    transform: scale(.8);
    color: #00263a;
}

#homenav ul.nav2 li:hover a.homenavdoor h2 {
    color: #00263a;
}

@media only screen and (max-width:667px) {
    .homeicon:before {
        font-size: 40px;
        line-height: 45px;
        top: 14px;
        margin-left: -25px;
    }
}

.desktop .homenavContent {
    position: absolute;
    width: 12em;
    /* height: 165px; */
    /* max-height: 100%; */
    padding: 7% 5% 5% 12%;
    top: -20px;
    left: -270px;
    margin: 0;
    opacity: 0;
    background-color: #edf7eb;
    border-radius: 0;
    border-right: 10px solid #9eb5cb;
    transition: all .3s ease-out;
    transform-origin: bottom;
    z-index: 10;
}

    .desktop .homenavContent::after {
        content: "";
        display: block;
        position: absolute;
        height: 20px;
        border-right: solid 40px #edf7eb;
        border-top: solid 40px transparent;
        box-sizing: border-box;
        transform: rotate(135deg);
        top: 50%;
        left: -18px;
    }

@media only screen and (max-height:650px) {
    .desktop .homenavContent {
        background: #FFF;
    }
}

.desktop #homenav .inner-content ul.nav2 li:hover .homenavContent {
    margin-top: 0;
    margin-left: 100%;
    left: 0;
    opacity: 1;
}

#homenav .inner-content .homenavContent h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    text-align: center !important;
    position: relative;
    display: block;
}

.desktop .inner-content .homenavContent h2 {
    padding: 5px 0px 0px 0;
    margin: 7px 0px 4px 0px;
}

.desktop .homenavContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.desktop .homenavContent a {
    display: block;
    font-size: .8rem;
    line-height: 1rem;
    text-decoration: none;
}

.homenavContent a {
    color: #00263a;
}

    .homenavContent a:hover {
        color: #43b02a;
    }

@media only screen and (min-width:1450px) {
    .desktop .inner-content .homenavContent a {
        font-size: 1vw;
        line-height: 1.3;
    }
}

@media only screen and (max-width:1300px) {
    .desktop .inner-content .homenavContent h2 {
        font-size: 18px;
        line-height: 23px;
    }
}

.desktop .homenavContent ul li {
    display: block;
    margin: 0px;
    padding: 5px 5px 5px 0;
    -webkit-transition: padding .30s;
    -moz-transition: padding .30s;
    -ms-transition: padding .30s;
    transition: padding .30s;
}
/*MOBILE HOMENAV

-------------------------------------------------------------------------------------------*/

.mobile #homenav, .desktop.short #homenav {
    display: block;
    background-color: transparent;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -6vw;
    z-index: 4;
}

.home-nav.mobile #homenav,
.home-nav.desktop.short #homenav {
    padding-top: 125px;
    margin-top: 0;
}

@media (max-width: 470px) {
    .home-nav.mobile #homenav {
        padding-top: 75px;
    }
}

.mobile #homenav .inner-content, .desktop.short #homenav .inner-content {
    position: relative;
    /* min-height: 500px; */
    margin: 0px auto 0 auto;
    padding: 0;
    min-width: 0;
    background-color: transparent;
}

@media only screen and (max-width:1006px) { /* override of default .inner-content */
    .mobile #homenav .inner-content, .desktop.short #homenav .inner-content {
        width: 100% !important;
        /* z-index: 1000; */
    }
}

.mobile ul.nav2, .desktop.short ul.nav2 {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #00263a;
    width: 100%;
}

    .mobile ul.nav2 > li.homenavitem, .desktop.short ul.nav2 > li.homenavitem {
        position: relative;
        display: block;
        width: 100%;
        height: 100px;
        padding: 0;
        margin: 0;
        background: transparent;
        border-bottom: 1px solid #fff;
        transition: all .5s ease;
        overflow: hidden;
    }

        .mobile ul.nav2 > li.homenavitem:first-child a.homenavdoor, .desktop.short ul.nav2 > li.homenavitem:first-child a.homenavdoor {
            border-top: 1px solid #fff;
        }

ul.nav2 li a.homenavdoor:hover {
    text-decoration: none;
}

.mobile ul.nav2 li a.homenavdoor, .desktop.short ul.nav2 li a.homenavdoor {
    position: absolute;
    width: 100%;
    height: 270px;
    left: 0;
    margin: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    transition: all .45s ease-out;
    z-index: 2;
    height: 100%;
    top: 0;
    padding: 40px 5% 0px 20%;
    overflow: hidden;
}

.home-nav.mobile ul.nav2 li a.homenavdoor,
.home-nav.desktop.short ul.nav2 li a.homenavdoor {
    padding: 40px 12% 0px 12%;
}

.mobile ul.nav2 > li.homenavitem.active, .desktop.short ul.nav2 > li.homenavitem.active {
    height: auto;
}

    .mobile ul.nav2 > li.homenavitem.active a.homenavdoor, .desktop.short ul.nav2 > li.homenavitem.active a.homenavdoor {
    }

.mobile #homenav ul.nav2 li a.homenavdoor h2, .desktop.short #homenav ul.nav2 li a.homenavdoor h2 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    text-align: left !important;
}

.mobile #homenav ul.nav2 li:hover a.homenavdoor h2, .mobile #homenav ul.nav2 li:hover .homeicon,
.desktop.short #homenav ul.nav2 li:hover a.homenavdoor h2, .desktop.short #homenav ul.nav2 li:hover .homeicon {
    color: #43b02a;
}

.mobile ul.nav2 li a.homenavdoor h3, .desktop.short ul.nav2 li a.homenavdoor h3 {
    margin: 3px 0;
    padding: 3px 0;
}

.mobile .homeicon, .desktop.short .homeicon {
    top: 30px;
    height: 60px;
    left: 10%;
    margin: 0;
    position: absolute;
    padding: 0;
}



.mobile .homenavContent, .desktop.short .homenavContent, .desktop.short #homenav .inner-content ul.nav2 li:hover .homenavContent {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin-top: 100px;
    margin-left: 0;
    transition: all .45s ease-out;
    background: #edf7eb;
    position: relative;
    top: unset;
    left: unset;
    border-right: none;
}

.desktop.short .homenavContent, .desktop.short #homenav .inner-content ul.nav2 li:hover .homenavContent {
    opacity: 1;
}

.homenavContent .homeicon {
    display: none;
}

.mobile .homenavContent .homeicon, .desktop.short .homenavContent .homeicon {
    display: block;
    opacity: .3;
}

.mobile ul.nav2 > li.homenavitem.active .homenavContent, .desktop.short ul.nav2 > li.homenavitem.active .homenavContent {
    opacity: 1;
    padding: 20px 20px 20px 20%;
}

.mobile .homenavContent div, .desktop.short .homenavContent div {
    /* float: left; */
    width: 50%; /* max-width: 250px; */
    /* padding-bottom: 20px; */
}

.mobile .homenavContent ul, .desktop.short .homenavContent ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 50;
}

.mobile .homenavContent a, .desktop.short .homenavContent a {
    display: block;
}

.mobile .homenavContent ul li, .desktop.short .homenavContent ul li {
    display: block;
    margin: 0px;
    padding: 4px 0px;
    transition: padding .30s;
}

    .mobile .homenavContent ul li:hover, .desktop.short .homenavContent ul li:hover {
        padding-left: 0px;
    }

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

@media only screen and (max-width:667px) {
    .mobile #homenav .inner-content, .desktop.short #homenav .inner-content {
        margin: 0 auto;
    }

    .mobile #homenav ul.nav2 li a.homenavdoor, .desktop.short #homenav ul.nav2 li a.homenavdoor {
        padding: 6% 10% 0 155px;
    }

        .mobile #homenav ul.nav2 li a.homenavdoor h2, .desktop.short #homenav ul.nav2 li a.homenavdoor h2 {
            font-size: 23px;
            line-height: 27px;
        }

    .mobile #homenav .inner-content ul.nav2, .desktop.short #homenav .inner-content ul.nav2 {
        height: auto;
    }

        .mobile #homenav .inner-content ul.nav2 > li.homenavitem, .desktop.short #homenav .inner-content ul.nav2 > li.homenavitem {
            height: 95px;
        }

        .mobile #homenav .inner-content ul.nav2 li a.homenavdoor, .desktop.short #homenav .inner-content ul.nav2 li a.homenavdoor {
            height: 95px;
            padding: 30px 5% 0 40vw;
        }

    .home-nav.desktop.short #homenav .inner-content ul.nav2 li a.homenavdoor,
    .home-nav.mobile #homenav .inner-content ul.nav2 li a.homenavdoor {
        padding: 6% 10% 0 10%;
    }

    .mobile:not(.home-nav) #homenav .inner-content ul.nav2 > li.homenavitem.active, .desktop.short:not(.home-nav) #homenav .inner-content ul.nav2 > li.homenavitem.active {
        height: auto;
    }

    .mobile .homeicon, .desktop.short .homeicon {
        top: 23px;
        left: 25vw;
        width: 70px;
        height: 70px;
    }

    .mobile #homenav .homenavContent div, .desktop.short #homenav .homenavContent div {
        float: none;
        width: 100%;
        max-width: none;
    }

    .mobile #homenav .homenavContent ul, .desktop.short #homenav .homenavContent ul {
        /* text-align: center; */
    }

    .mobile #homenav .homenavContent, .desktop.short #homenav .homenavContent {
        /* margin-top: 95px; */
    }

    #homenav #homenav .inner-content .homenavContent h2:before {
        left: auto;
        margin-left: 0;
    }
}

@media only screen and (max-width:500px) {
    .mobile ul.nav2 > li.homenavitem.active .homenavContent, .desktop.short ul.nav2 > li.homenavitem.active .homenavContent {
        padding-left: 10%;
    }

    .mobile ul.nav2 li a.homenavdoor, .desktop.short ul.nav2 li a.homenavdoor {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }

    .mobile .homenavContent, .desktop.short .homenavContent {
        margin-top: 80px;
    }

    .mobile #homenav .inner-content ul.nav2 > li.homenavitem, .mobile #homenav .inner-content ul.nav2 > li.homenavitem a.homenavdoor,
    .desktop.short #homenav .inner-content ul.nav2 > li.homenavitem, .desktop.short #homenav .inner-content ul.nav2 > li.homenavitem a.homenavdoor {
        height: 80px;
    }

    .mobile #homenav .inner-content ul.nav2 li a.homenavdoor, .desktop.short #homenav .inner-content ul.nav2 li a.homenavdoor {
        padding: 26px 5% 0 22vw;
    }

    .mobile #homenav ul.nav2 li a.homenavdoor h2, .desktop.short #homenav ul.nav2 li a.homenavdoor h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .mobile .homeicon, .desktop.short .homeicon {
        top: 16px;
        left: 5vw !important;
        width: 56px;
        height: 56px;
    }

    .homeicon:before {
        font-size: 28px;
        margin-top: -8px;
        margin-left: -17px;
    }


    .mobile .homenav-arrow {
        bottom: 0px;
    }

    .homenav-arrow:after {
        font-size: 30px;
    }
}

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

@media only screen and (max-width:320px) {
    .mobile ul.nav2 li a.homenavdoor h2, .desktop.short ul.nav2 li a.homenavdoor h2 {
        font-size: 18px;
        line-height: 25px;
    }
}


/* Online Banking ---------------------------------------------------------------------------------------------------*/
#menu, #login, #login *, #assistance {
    transition: all 1s ease;
}

#menu {
    /* max-height: 1500px; */
    display: block;
    margin-top: 5px;
}

#login {
    width: 100%;
    box-sizing: border-box;
    font-size: .8rem;
    background-color: #00263a;
    max-height: 0;
    overflow: hidden;
    /* margin-top: .25rem; */
    opacity: 0;
    transition: max-height 1s 0.5s ease, opacity 1s 0s ease;
}

.ob-active #login {
    max-height: 300px;
    opacity: 1;
    transition-delay: 0s, 0.5s;
}

@media only screen and (min-width:2120px) {
    .ob-active #login {
        max-height: 500px;
    }
}

#assistance {
    /* max-height: 0; */
    /* overflow: hidden; */
    display: none;
}

.assistance-active #assistance {
    /* max-height: 1500px; */
    display: block;
}

.assistance-active.menu-active #menu {
    /* max-height: 0; */
    /* overflow: hidden; */
    display: none;
}

#login form {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0 1rem;
}

    #login form h2 {
        width: 100%;
    }

    #login form label {
        flex-grow: 1;
        margin: 0.25rem 0;
        width: 60%;
        height: 2rem;
    }

        #login form label.ps-select {
            margin-top: 1rem;
            width: calc(100% + 2rem);
            margin: 1rem -1rem;
        }

            #login form label.ps-select::before {
                font-family: 'FontAwesome';
                content: "\f023";
                font-size: 1rem;
                color: #fff;
                display: block;
                position: absolute;
                top: 10px;
                left: 20px;
                z-index: 3;
            }

            #login form label.ps-select::after {
                content: "";
                display: block;
                position: absolute;
                height: 20px;
                border-right: solid 20px rgba(158, 181, 203, 1);
                border-top: solid 20px transparent;
                box-sizing: border-box;
                transform: rotate(225deg);
                top: -10px;
                left: 17px;
            }

        #login form label span {
            display: none;
        }

#login:not(.personal) .rob,
#login:not(.business) .bob {
    display: none;
}

#login form input,
#login form select {
    border: solid 1px rgba(255,255,255,0);
    width: 100%; /* Comment out if not using lable > input structure*/
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding: 0 1rem 0 1rem;
    height: 100%;
    color: #00263a;
    background-color: #fff;
}

#login ul {
    display: flex;
    list-style: none;
    padding: 0 1rem;
    font-size: .7rem;
}

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

#login button[class*="Button"] {
    margin: 0.25rem 0 !important;
    padding: 0.5rem 0.75rem;
    flex-grow: 0;
    display: block;
    cursor: pointer;
    width: auto !important;
    min-width: 0;
}

#login.PAL button[class*="Button"] {
    display: none;
}

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

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

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

#login :-moz-placeholder { /* Firefox 18- */
    color: #093c71;
}
/* Validate Form 1.1.1 by JP Larson, Copyright 2018 Fiserv. All rights reserved. */
label::after,
fieldset::after {
    content: "Please fill out this field.";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 0.875em;
    display: block;
    z-index: 10;
    background-color: #43B02D;
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

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

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

    .invalid input,
    .invalid select,
    .invalid textarea {
        box-shadow: 0 0 0 2px #43B02D;
        border-color: transparent !important;
    }

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

.required,
.valid {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

/* Online Banking 1.4.0 by JP Larson, Copyright 2018 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: flex-start;
    overflow: hidden;
}

    #login::before {
        content: "";
        display: block;
        position: absolute;
        height: 20px;
        border-right: solid 20px rgba(158, 181, 203, 1);
        border-top: solid 20px transparent;
        box-sizing: border-box;
        transform: rotate(225deg);
        top: 14px;
        left: 17px;
        transition: opacity 1s ease;
    }

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

#login form {
    margin-bottom: 0;
}

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

#login label {
    flex-grow: 1;
    margin: 1rem 0;
    border-right: solid 1px #eee;
    position: relative;
    line-height: inherit;
    box-sizing: border-box;
    font-size: inherit;
}

#login form label {
    width: 51%;
}

#login label,
#login button {
    height: 2rem;
}

#login 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 button:hover {
        /* background-color: #ccc; */
    }

#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: #fff;
    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 select {
    opacity: 0 !important;
}

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.5rem 0;
    width: 100%;
    flex-wrap: wrap;
}

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

#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 0.5em 0;
    display: block;
    position: relative;
    flex-grow: 1;
}

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

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

        #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 .valid::before {
    /* display: none; */
}

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

    #login.rounded-corners input:not([type=radio]):not([type=checkbox]),
    #login.rounded-corners select,
    #login.rounded-corners button {
        border-radius: 0.5em; /*Change the border-radius here. */
    }

    #login.rounded-corners 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):not(.invalid) 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 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;
        }
}

/* Pseudo Select 3.0.0 by JP Larson, Copyright 2018 Fiserv. All rights reserved. */
/*Psuedo Select --------------------------------------*/
/* Non-Adjustable Styles */
.ps-select {
    position: relative;
    display: block;
}

    .ps-select select {
        position: relative;
        z-index: 1;
        width: 100%;
        font-size: inherit;
        outline: none !important;
        -webkit-appearance: none;
        transition: none;
        opacity: 0;
    }

    .ps-select [data-select] {
        display: flex !important;
        position: absolute;
        width: auto;
        min-width: 100%;
        bottom: 0;
        left: 0;
        z-index: 2;
        height: inherit;
        line-height: inherit;
        outline: none;
        transition: z-index 0s 0.5s ease, border-radius 0s 0.5s ease;
    }

        .ps-select [data-select] [data-options-wrapper] {
            display: flex !important;
            flex-direction: column;
            position: absolute;
            width: 100%;
            top: 100%;
            left: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0.25s 0.125s ease, transform 0.25s 0.125s ease !important;
            transform: scaleY(0);
            transform-origin: top center;
        }

        .ps-select [data-select]:focus [data-options-wrapper] {
            visibility: visible;
            transform: scaleY(1);
            transition-delay: 0s !important;
        }

        .ps-select [data-select].open-up [data-options-wrapper] {
            bottom: 100%;
            top: auto;
            transform-origin: bottom center;
        }

        .ps-select [data-select]:focus {
            z-index: 345;
            transition-delay: 0s !important;
        }

        .ps-select [data-select]::after {
            content: "\f107";
            display: flex;
            font-family: "FontAwesome";
            position: absolute;
            top: 0;
            z-index: 3;
            pointer-events: none;
            font-size: 1.25em;
            height: 100%;
            align-items: center;
            justify-content: center;
            transition: transform 0.25s ease;
        }

        .ps-select [data-select].open-up::after {
            transform: rotate(180deg);
        }

    .ps-select [data-select],
    .ps-select [data-option] {
        cursor: pointer;
    }

        .ps-select [data-select]::before,
        .ps-select [data-option] {
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            /* align-items: flex-start; */
            position: relative;
            height: 2rem;
            line-height: inherit;
            box-sizing: border-box;
            z-index: 1;
            /* white-space: nowrap; */
            text-decoration: inherit;
            font-style: inherit;
            line-height: 1;
        }

        .ps-select [data-select]::before {
            content: attr(data-html);
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            border-top: none !important;
            color: inherit;
            background-color: inherit;
        }

    .ps-select.invalid [data-select]::before {
        height: 100%;
        width: 100%;
    }

    .ps-select [data-select]:focus::before {
        pointer-events: none;
    }

    .ps-select [data-option].disabled {
        cursor: default;
    }

    .ps-select.ready [data-option] {
        transition: opacity 0.25s 0.125s ease, background 0.25s ease !important;
    }

    .ps-select [data-option] {
        opacity: 0;
    }

    .ps-select [data-select]:focus [data-option] {
        opacity: 1;
    }

    .ps-select [data-option] a {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        color: inherit;
        text-decoration: inherit;
        font-style: inherit;
        cursor: pointer;
    }

        .ps-select [data-option] a:hover {
            color: inherit;
        }

    .ps-select [data-select]:focus [data-option] {
        transition-delay: 0s, 0s !important;
    }

@media (pointer: coarse) {

    .ps-select [data-select] {
        /*pointer-events: none;*/
    }
}

/* Pseudo Select 3.0.0 by JP Larson, Copyright 2018 Fiserv. All rights reserved. */
#login label.ps-select::before {
    font-family: 'FontAwesome';
    content: "\f023";
    font-size: 1rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 346;
}

.ps-select select,
.ps-select [data-select] {
    height: 2rem; /* The pseudo select will inherit this height */
    line-height: 2rem; /* Set to the same as the height */
    user-select: none;
}

.ps-select [data-select] {
    color: inherit;
    text-decoration: none;
    font-style: normal;
    background-color: #9eb5cb;
}

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

    .ps-select [data-select]::before {
        color: inherit;
        background-color: inherit; /* Change the select background color here.*/
    }

    .ps-select [data-select]::before,
    .ps-select [data-options-wrapper],
    .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],
    .ps-select [data-option] {
        border: solid 1px rgba(0,0,0,0.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] {
    background-color: inherit; /* Change this for the options background-color */
}

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

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

.ps-select [data-select]:focus [data-option].active { /* Currently selected option */
    background-color: #b1b3b3;
}

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

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

/* Hide First Option. Comment out to show first option. */
.ps-select [data-option=""]:first-child {
    display: none !important;
}

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

/******************************************/
label[for=tab-toggle] {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin: 0;
    color: rgba(255,255,255, 0.75);
    cursor: pointer;
    z-index: 6;
}


label.nav-toggle[for=tab-toggle] {
    position: absolute;
    left: 270px;
    transform: rotate(90deg);
    top: 22px;
    bottom: initial;
}

.slide-out-div ul {
    margin: 0;
    padding: 0 0 0 1rem;
}

.slide-out-div .accordion ul {
    padding-left: 2rem;
}

.slide-out-div ul li {
    list-style: none;
    padding: .5rem 0px;
}

    .slide-out-div ul li a {
        color: #eef4ed;
        line-height: 1rem;
    }

        .slide-out-div ul li a:hover {
            color: #43b02a;
        }

.slide-out-div p {
    margin: 0px;
    font-size: 16px;
    color: #fff;
    font-family: "Open Sans";
    font-weight: normal;
    padding: 15px 0 15px 20px;
}

.slide-out-div a {
    text-decoration: none;
    cursor: pointer;
    transition: color 0.25s ease;
    border: none;
    outline: none;
}

    .slide-out-div a:hover, .slide-out-div .tooltip:hover {
        color: #fff;
    }

.slide-out-div h2 {
    font-family: "Montserrat";
    font-size: .9rem;
    line-height: 1rem;
    font-weight: normal;
    text-transform: uppercase;
    margin: 15px 0px;
    padding: .75rem 0 .75rem 20px;
    color: #eef4ed;
    background-color: rgba(158, 181, 203, .25);
}

.slide-out-div #assistance h2 {
    background-color: rgba(0, 133, 202, 1);
}

.slide-out-div #login h2 {
    background-color: rgba(158, 181, 203, 1);
    margin: 20px 0 0 0;
}

.slide-out-div h3, .slide-out-div h3 a {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: .9rem;
    margin: 0px;
    padding: .75rem 0px .3rem 20px;
    color: #eef4ed;
    cursor: pointer;
    outline: none;
}

    .slide-out-div h3:hover, h3.ui-accordion-header-active {
        color: #43b02a;
    }

.slide-out-div i {
    width: 25px;
    padding-bottom: 3px;
}

.slide-out-div h3 i {
    padding-left: .5rem;
}

.assistance-active .slide-out-div i.fa-question:before {
    content: "\f0c9";
}

.slide-out-div input[type=radio] {
    width: auto;
    border: none;
    box-shadow: none;
    opacity: 0;
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: -100%;
}

}
}
/*TEXT FORMATTING
-------------------------------------------------------------------------------------------*/
[class*=section] ul li:before,
[class*=Section] ul li:before {
    content: "\f0c8";
    font-family: 'fontAwesome';
    color: #5c4e63;
    height: auto;
    display: block;
    position: absolute;
    text-align: center;
}

[class*=section] ul ul li:before,
[class*=Section] ul ul li:before {
    content: "\f096";
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab";
    font-weight: 700;
}

h2 {
    color: #00263a;
}

h3, h3 a {
    color: #0085ca;
}

h4 {
    color: #00263a;
}

ul li {
    line-height: 1.5;
    word-break: break-word;
}

[class*=section] ul li ul, [class*=Section-Table] ul li ul {
    padding-left: 0;
    padding-bottom: 0;
    margin-left: 0;
}

[class*=section] ul li:before, [class*=Section-Table] ul li:before {
    color: #9eb5cb;
}

[class*=section][style*="url"] ul li:before, [class*=Section-Table][style*="url"] ul li:before {
    color: #fff;
}

ul.List-Checkmark li {
    padding-left: 2rem;
}

    ul.List-Checkmark li:before {
        color: #43b02a;
    }

ul.List-Timeline {
    border-left: 1px solid #9eb5cb;
    margin-left: 50%;
}

    ul.List-Timeline li {
        padding-left: 0;
    }

        ul.List-Timeline li:nth-child(odd) {
            margin-left: calc(-100% - 1.5rem);
            width: 100%;
            padding-right: 1.5rem;
            text-align: right;
        }

        ul.List-Timeline li:before {
            top: 1rem;
            left: -2.2rem;
            font-size: 1.5rem;
        }

        ul.List-Timeline li:nth-child(odd):before {
            right: -.6rem;
            left: inherit;
            color: #8395a7;
        }

@media only screen and (max-width:768px) {
    ul.List-Timeline {
        border-left: 1px solid #9eb5cb;
        margin-left: 0;
    }

        ul.List-Timeline li {
            padding-left: 1rem;
        }

            ul.List-Timeline li:nth-child(odd) {
                margin-left: 0;
                width: 100%;
                text-align: left;
            }

                ul.List-Timeline li:nth-child(odd):before {
                    right: initial;
                    left: -2.2rem;
                }
}

.Disclaimer {
    font-size: .8rem;
}

/*ICONS
-------------------------------------------------------------------------------------------*/

p[class*="Icon-"], p[class*="Icon-"] a, p.DemoSteeringWheel:before {
    color: #00263a;
}

    p[class*="Icon-"] a:hover, p.DemoSteeringWheel a:hover {
        color: #0085ca;
    }

[class*="subsection"][style*="url"] p[class*="Icon-"], [class*="subsection"][style*="url"] p[class*="Icon-"] a,
.subsection-half p[class*="Icon-"], .subsection-half p[class*="Icon-"] a {
    color: #fff;
}

    [class*="subsection"][style*="url"] p[class*="Icon-"] a:hover,
    .subsection-half p[class*="Icon-"] a:hover {
        text-decoration: underline;
    }

[class*="Icon-"]:before {
    font-family: FontAwesome;
    padding-right: .5rem;
    font-size: 1.5rem;
    vertical-align: middle;
}

.DemoSteeringWheel:before {
    padding-right: .5rem;
    font-size: 1.5rem;
    vertical-align: middle;
}

[class*="icon"]:before {
    padding-right: .5rem;
}

.home .subsection-solid [class*="Icon-"]:before,
.home .Subsection-Table-Solid [class*="Icon-"]:before,
.home .subsection-solid [class*="icon-"]:before,
.home .Subsection-Table-Solid [class*="icon-"]:before {
    display: block;
    font-size: 3rem;
    text-align: center;
    padding: 0 0 1rem 0;
}


[class*=subsection] [class*="Icon-"]:before,
[class*=subsection] [class*="icon-"]:before,
[class*=Subsection] [class*="Icon-"]:before,
[class*=Subsection] [class*="icon-"]:before {
    padding-right: .5rem;
    font-size: 1.5rem;
    vertical-align: middle;
    display: inline;
}

.Icon-Shield:before {
    content: "\f132";
}

.Icon-Arrow:before {
    content: "\f045";
}

.Icon-Magnify-Glass:before {
    content: "\f002";
}

.Icon-Video:before {
    content: "\f03d";
}

.Icon-Notice:before {
    content: "\f071";
}

.Icon-Graduation:before {
    content: "\f19d";
}

.Icon-Calculator:before {
    content: "\f1ec";
}

.Icon-Apple:before {
    content: "\f179";
}

.Icon-Android:before {
    content: "\f17b";
}


/*TABLES
-------------------------------------------------------------------------------------------*/
.Table-Column, .Table-Checking-Account {
    margin: 0px 0px 20px 0px;
    display: block;
}

    .Table-Column tbody, .Table-Checking-Account tbody {
        display: block;
    }

    .Table-Column tr, .Table-Checking-Account tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .Table-Checking-Account tr:first-child td {
            border-bottom: 1px solid #ccc;
        }

.subsection:last-of-type .Table-Checking-Account tr:first-child td {
    border-bottom: none;
}

.Table-Column td, .Table-Checking-Account td {
    display: block;
    width: 50%;
    padding: 0% 0% 2% 2%;
    box-sizing: border-box;
    vertical-align: top;
    padding: 2% 0px 0 4%;
    flex-grow: 1;
    position: relative;
}

    .Table-Checking-Account td img {
        position: absolute;
        bottom: 0;
        height: auto;
    }

.subsection:last-of-type .Table-Checking-Account td img {
    bottom: -17vw;
}

.Table-Checking-Account td p {
    margin-bottom: 0;
}

.Table-Column td:first-child, .Table-Column td:nth-child(odd),
.Table-Checking-Account td:first-child, .Table-Checking-Account td:nth-child(odd) {
    border-left: none;
    padding: 2% 4% 2% 0px;
}


@media only screen and (max-width:1480px) {
    .subsection:last-of-type .Table-Checking-Account td img {
        bottom: -26vw;
    }
}

@media only screen and (max-width:1240px) {
    .subsection:last-of-type .Table-Checking-Account td img {
        bottom: -17vw;
    }
}

@media only screen and (max-width: 890px) {
    .Table-Checking-Account {
        margin-top: -20vw;
    }

        .Table-Column td, .Table-Checking-Account td {
            width: 100% !important;
            padding: 2% 0px 0px 0px !important;
        }

        .Table-Checking-Account tr td:first-child {
            order: 2;
            border: 0;
        }

        .Table-Checking-Account td img {
            position: relative;
        }

    .subsection:last-of-type .Table-Checking-Account td img {
        margin-top: -25vw;
        margin-bottom: -20vw;
        margin-left: 0vw;
    }

    .subsection:last-of-type .Table-Checking-Account {
        margin-top: 0;
        margin-bottom: -20vw;
    }

        .subsection:last-of-type .Table-Checking-Account td:first-child {
            order: 0;
        }
}

.Table-Style th {
    border-bottom: 0.313rem solid #43b02a;
}

    .Table-Style th a {
        color: #43b02a;
    }

        .Table-Style th a:hover {
            color: #00263a;
        }


.Table-Style td[colspan], .Table-Product td[colspan] {
    color: #00263a;
}

.Table-Style caption {
    background-color: #00263a;
}

.Table-Style tr:nth-child(even) td {
    background-color: #f9f9f9;
}

.Table-Product th {
    border-right: .075rem #00274e solid;
    background: #00263a; /* Old browsers */
    border-bottom: .225rem solid #0085ca;
}

/*even columns (minus the first column). Remove +3 if all columns needed*/
.Table-Product tr th:nth-child(2n+3) {
    background-color: #153b4e;
}

.Table-Product th p, .Table-Product th a {
    margin: 0;
    line-height: inherit;
}


/* Centered Rows No Queries -------------------------------------------------------*/

.subsection-solid .Table-Grid > tbody {
    justify-content: center;
}

.Table-Grid > tbody > tr,
.Table-Grid > tbody > tr {
    width: calc(33% - 2rem);
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 8px solid #43b02a;
}

.subsection-solid .Table-Grid > tbody > tr,
.Subsection-Table-Solid .Table-Grid > tbody > tr {
    background-color: transparent;
    width: auto;
    border: none;
}

.Table-Grid td a[class*="Button"] {
    padding-top: .6rem;
}


.subsection-solid .Table-Grid > tbody > tr > td a,
.Subsection-Table-Solid .Table-Grid > tbody > tr > td a {
    color: #fff;
    display: block;
}

.Table-Grid > tbody > tr > td a:hover {
    color: #00263a;
}

.subsection-solid .Table-Grid,
.Subsection-Table-Solid .Table-Grid {
    font-size: .7rem;
}

@media only screen and (max-width: 1220px) {
    .Table-Grid > tbody > tr {
        width: calc(50% - 2rem);
    }
}

@media only screen and (max-width: 768px) {
    .Table-Grid > tbody > tr {
        width: calc(100% - 2rem);
        justify-content: start;
    }
}
/*SUBSECTIONS
-------------------------------------------------------------------------------------------*/
[class*="Subsection-Table"] { /* for use with Table-to-Div disabled */
    table-layout: fixed;
    white-space: nowrap;
    overflow: hidden;
}

    [class*="Subsection-Table"] > * { /* for use with Table-to-Div disabled */
        white-space: normal;
        display: block;
    }

        [class*="Subsection-Table"] > * > tr { /* for use with Table-to-Div disabled */
            display: block;
        }

[class*="subsection"],
[class*="Subsection-Table"] {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    padding-bottom: 12vw;
    min-height: 260px;
    background: #eef4ed;
    border: none;
    background-position: 80% center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 1016px) {
    .home-nav [class*="subsection"] > div,
    .home-nav [class*="Subsection-Table"] > div {
        margin-left: 12vw;
        width: 80.5%;
        min-width: 0;
    }
}

[class*="subsection"]:nth-child(even):not(.subsection-solid),
[class*="Subsection-Table"]:nth-child(even):not(.Subsection-Table-Solid) {
    background-color: #fff;
}

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


.inner-content table td.show + td.show,
[class*="Subsection-Table"] > tbody > tr > td:first-of-type table td.show + td.show {
    padding-left: 1rem;
}

.inner-content table td.show,
[class*="Subsection-Table"] > tbody > tr > td:first-of-type table td.show {
    position: relative;
    z-index: 2;
}


/*Subsection with Background Image*/
/*.subsection[style*="url"] == [class*="subsection"][style*="url"]*/
/*.Subsection-Table[style*="url"] == [class*="Subsection-Table"][style*="url"] */


table[style*="url"] a,
[class*="subsection"][style*="url"], [class*="subsection"][style*="url"] a,
[class*="Subsection-Table"][style*="url"], [class*="Subsection-Table"][style*="url"] a {
    color: #fff;
}

    table[style*="url"] a:not([class*="Button"]),
    [class*="subsection"][style*="url"] a:not([class*="Button"]),
    [class*="Subsection-Table"][style*="url"] a:not([class*="Button"]) {
        text-decoration: underline;
    }

    table[style*="url"] a[class*="Icon"] {
        text-decoration: none;
    }

        table[style*="url"] a[class*="Icon"]:hover,
        [class*="subsection"][style*="url"] a:not([class*="Button"]):hover,
        [class*="Subsection-Table"][style*="url"] a:not([class*="Button"]):hover {
            color: #43b02a;
        }

.home [class*="subsection"][style*="url"] .inner-content,
.home [class*="Subsection-Table"][style*="url"] .inner-content {
    width: 80%;
    padding-bottom: 6vw;
}



[class*="subsection"][style*="url"]:first-of-type,
[class*="subsection"]:only-of-type,
[class*="Subsection-Table"][style*="url"]:first-of-type,
[class*="Subsection-Table"]:only-of-type {
    padding-top: 150px;
    margin-top: 0px;
    color: #fff;
    background-position: 80% center;
    min-height: 100vh;
}

.home [class*="subsection"][style*="url"] {
    background-position: 80% center;
}

[class*="subsection"][style*="url"]:before,
[class*="Subsection-Table"][style*="url"]:before,
.subsection-half table:before,
.Subsection-Table-Half table:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: none;
    background-color: rgba(101, 79, 111, .7);
    z-index: 1;
}

.subsection-half:before, .Subsection-Table-Half:before {
    background-color: rgba(0, 38, 58, .7) !important;
}

[class*="subsection"][style*="url"][class*="fade-"]:before,
[class*="Subsection-Table"][style*="url"][class*="fade-"]:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 75%;
    background: none;
    z-index: 1;
}
/*Default background - Argyle Purple  5c4e63*/
[class*="subsection"][style*="url"].fade-left:before,
[class*="Subsection-Table"][style*="url"].fade-left:before {
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c4e63+0,00263a+100&1+0,0.5+60,0+100 */
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(52,56,89,0.5) 40%,rgba(101,79,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

[class*="subsection"][style*="url"].fade-right:before,
[class*="Subsection-Table"][style*="url"].fade-right:before {
    right: 25%;
    transform: scaleX(-1);
    background: linear-gradient(to right, rgba(0,38,58,0) 0%,rgba(52,56,89,0.5) 40%,rgba(101,79,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

[class*="subsection"][style*='url'].fade-right .inner-content,
[class*="Subsection-Table"][style*='url'].fade-right .inner-content {
    padding-right: 8%;
}

    .home [class*="subsection"][style*='url']:nth-child(odd) .inner-content::before,
    [class*="subsection"][style*='url'].fade-right .inner-content::before,
    [class*="Subsection-Table"][style*='url'].fade-right .inner-content::before {
        content: '';
        position: absolute;
        top: 16%;
        right: -95%;
        /*margin-left: -1%;*/
        width: 100%;
        height: 80%;
        opacity: .2;
        background-image: url(../images/Logo-Mark-Overlay.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }


.subsection-solid,
.Subsection-Table-Solid {
    background-color: #9eb5cb;
    color: #fff;
    padding-bottom: 2vw;
    margin-top: -6vw;
}

/*Choose background color*/
/*default Argyle Purple*/
/*Midnight Blue  00263a*/
.subsection-midnight[style*="url"]:before,
.Subsection-Table-Midnight[style*="url"]:before,
.subsection-half table:before,
.Subsection-Table-Half table:before {
    background-color: rgba(0, 38, 58, .7);
}

.subsection-midnight[style*="url"].fade-left:before,
.Subsection-Table-Midnight[style*="url"].fade-left:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c4e63+0,00263a+100&1+0,0.5+60,0+100 */
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 20%,rgba(0,38,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.subsection-midnight[style*="url"].fade-right:before,
.Subsection-Table-Midnight[style*="url"].fade-right:before {
    background: linear-gradient(to right, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 20%,rgba(0,38,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*Pewter Blue  9eb5cb*/
.subsection-pewter[style*="url"]:before,
.Subsection-Table-Pewter[style*="url"]:before {
    background-color: rgba(158, 181, 203, .7);
}

.subsection-pewter[style*="url"].fade-left:before,
.Subsection-Table-Pewter[style*="url"].fade-left:before {
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9eb5cb+0,00263a+100&1+0,0.5+60,0+100 */
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 20%,rgba(0,38,58,1) 100%);
}

.subsection-pewter[style*="url"].fade-right:before,
.Subsection-Table-Pewter[style*="url"].fade-right:before {
    background: linear-gradient(to right, rgba(0,38,58,0) 0%,rgba(68,92,123,0.5) 40%,rgba(141,169,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*Cerulean Blue  43b02a*/
.subsection-cerulean[style*="url"]:before,
.Subsection-Table-Cerulean[style*="url"]:before {
    background-color: rgba(0, 133, 202, .7);
}

.subsection-cerulean[style*="url"].fade-left:before,
.Subsection-Table-Cerulean[style*="url"].fade-left:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085ca+0,00263a+100&1+0,0.5+60,0+100 */
    background: linear-gradient(to right, rgba(0,133,202,1) 0%,rgba(11,78,126,0.5) 60%,rgba(0,38,58,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.subsection-cerulean[style*="url"].fade-right:before,
.Subsection-Table-Cerulean[style*="url"].fade-right:before {
    background: linear-gradient(to left, rgba(0,133,202,1) 0%,rgba(11,78,126,0.5) 60%,rgba(0,38,58,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/***************/

[class*="subsection"]:not(.subsection-solid):not(.subsection-half):not([style*='url']):after,
[class*="subsection"] + [class*="subsection"][style*='url']::after,
[class*="subsection"][style*='url'] + [class*="subsection"]:after,
[class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url']::after,
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"]:after,
footer:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    transform: skewY(6deg);
    height: 16vw;
    background-color: #eef4ed;
    top: -5.5vw;
    z-index: 1;
}

[class*="subsection"][style*='url'] + .subsection-solid:after,
.subsection-solid + [class*="subsection"]:not(.subsection-solid):not(.subsection-half):not([style*='url']):after,
.home [class*="subsection"] + [class*="subsection"][style*='url']::after,
.home [class*="subsection"][style*='url'] + [class*="subsection"]:after,
.home [class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url']::after,
.home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"]:after {
    display: none;
}

[class*="subsection"]:nth-child(odd):not(.subsection-solid):not(.subsection-half):not([style*='url']):after,
[class*="subsection"][style*='url']:first-of-type + [class*="subsection"]:after,
[class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"]:after,
[class*="Subsection-Table"][style*='url']:first-of-type + [class*="Subsection-Table"]:after,
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"]:after {
    transform: skewY(-6deg);
}

[class*="subsection"][style*='url']:not([class*="fade"]) + [class*="subsection"]:nth-child(odd):not(.subsection-solid):not(.subsection-half):not([style*='url']):after {
    transform: skewY(6deg);
}

[class*="subsection"]:nth-child(even):not(.subsection-solid):not(.subsection-half):not([style*='url']),
[class*="subsection"]:nth-child(even):not(.subsection-solid):not(.subsection-half):not([style*='url']):after {
    background-color: #fff;
}

[class*="subsection"][style*='url']:first-of-type + [class*="subsection"],
[class*="Subsection-Table"][style*='url']:first-of-type + [class*="Subsection-Table"] {
    margin-top: -2vw;
}

[class*="subsection"][style*='url'] + [class*="subsection"],
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"] {
    margin-top: -6vw;
}

    [class*="subsection"] + [class*="subsection"][style*='url'],
    [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'],
    [class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url'],
    [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] {
        transform: skewY(6deg);
        color: #fff;
        overflow: hidden;
        margin-top: -6vw;
    }

    [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'],
    [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] {
        margin-top: -12vw;
    }

/*Home Slideshow*/
a.down-arrow {
    z-index: 5;
    position: absolute;
    color: rgba(255,255,255,.7);
    font-size: 3.5rem;
    margin-left: 10vw;
    /* padding-left: 3%; */
}

.home a.down-arrow,
.home-nav a.down-arrow {
    margin-left: 12vw;
    padding-left: 3%;
}

[class*="subsection"]:not(:first-of-type) a.down-arrow {
    display: none;
}

.home [class*="subsection"] a.down-arrow {
    display: block;
}

a.down-arrow:hover {
    color: #43b02a;
}

.subsection-half a.down-arrow, .subsection-solid a.down-arrow {
    opacity: 0;
    height: 0;
    width: 0;
}

.home [class*="subsection"][style*="url"],
.home [class*="Subsection-Table"][style*="url"],
.home [class*="subsection"][style*="url"]:first-of-type,
.home [class*="Subsection-Table"][style*="url"]:first-of-type {
    height: calc(100vh + 6vw);
}

@media only screen and (max-height: 800px) {
    .home [class*="subsection"][style*="url"],
    .home [class*="Subsection-Table"][style*="url"],
    .home [class*="subsection"][style*="url"]:first-of-type,
    .home [class*="Subsection-Table"][style*="url"]:first-of-type {
        height: auto;
    }

        .home [class*="subsection"][style*="url"] .inner-content,
        .home [class*="Subsection-Table"][style*="url"] .inner-content {
            padding-bottom: 12vw !important;
        }

    a.down-arrow {
        bottom: 6vw;
    }

    .home a.down-arrow {
        bottom: 12vw;
    }
}

.home [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'],
.home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'],
.home [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'],
.home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] {
    z-index: 2;
}

.home [class*="subsection"][style*='url'] + [class*="subsection"],
.home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"] {
    z-index: 3;
    margin-top: -12vw;
}

/*1st and 3rd promo*/
.home [class*="subsection"][style*="url"]:nth-child(even) {
    transform: skewY(6deg);
    color: #fff;
    overflow: hidden;
    margin-top: -6vw;
}

.home [class*="subsection"][style*="url"]:first-of-type {
    transform: none;
    margin-top: 0;
}

.home [class*="subsection"][style*="url"]:nth-child(even) .inner-content {
    width: 45%;
    min-width: 0;
    margin-left: 12vw;
}

.home [class*="subsection"][style*="url"]:nth-child(even):before,
.home [class*="Subsection-Table"][style*="url"]:nth-child(odd):before {
    left: 0;
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(52,56,89,0.5) 40%,rgba(101,79,111,1) 100%);
}

.home [class*="subsection"][style*="url"]:nth-child(odd):before,
.home [class*="Subsection-Table"][style*="url"]:nth-child(odd):before {
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 20%,rgba(0,38,58,1) 100%);
}

.home .subsection-argyle[style*="url"]:nth-child(even):before {
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 21%,rgba(101,79,111,1) 100%);
}

.home .subsection-argyle[style*="url"]:nth-child(odd):before {
    background: linear-gradient(to right,rgba(101,79,111,1) 0%,rgba(0,38,58,0.5) 51%,rgba(0,38,58,0) 100%);
}

.home .subsection-midnight[style*="url"]:nth-child(even):before {
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(0,38,58,0.5) 40%,rgba(0,38,58,1) 100%);
}

.home .subsection-midnight[style*="url"]:nth-child(odd):before {
    background: linear-gradient(to right,rgba(0,38,58,1) 0%,rgba(0,38,58,0.5) 40%,rgba(0,38,58,0) 100%);
}

.home .subsection-pewter[style*="url"]:nth-child(even):before {
    background: linear-gradient(to right, rgba(141,169,196,1) 0%,rgba(55,89,112,.5) 51%,rgba(0,38,58,0) 100%);
}

.home .subsection-pewter[style*="url"]:nth-child(odd):before {
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(55,89,112,0.7) 51%,rgba(141,169,196,1) 100%);
}

.home .subsection-cerulean[style*="url"]:nth-child(even):before {
    background: linear-gradient(to right, rgba(0,133,202,1) 0%,rgba(0,75,114,0.7) 41%,rgba(0,38,58,0) 100%);
}

.home .subsection-cerulean[style*="url"]:nth-child(odd):before {
    background: linear-gradient(to left, rgba(0,38,58,0) 0%,rgba(55,89,112,0) 41%,rgba(0,133,202,1) 100%);
}

/*2nd promo*/
.home [class*="subsection"][style*="url"]:nth-child(odd) a.down-arrow {
    /*margin-left: -87vw;*/
    left: 0;
}

.home [class*="subsection"][style*="url"]:not(:first-of-type) a.down-arrow {
    transform: skewY(-6deg);
}



.home [class*="subsection"][style*='url']:nth-child(odd),
.home [class*="Subsection-Table"][style*='url']:nth-child(odd) {
    transform: skewY(-6deg) scaleX(-1);
    margin-top: -12vw;
    text-align: right;
}

    .home [class*="subsection"][style*='url']:nth-child(odd) .inner-content,
    .home [class*="Subsection-Table"][style*='url']:nth-child(odd) .inner-content {
        transform: skewY(-6deg) scaleX(-1);
        width: 45%;
        margin-left: 12vw;
        min-width: 0;
    }

.home [class*="subsection"] + [class*="subsection"][style*='url'] .inner-content,
.home [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] .inner-content,
.home [class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url'] .inner-content,
.home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] .inner-content {
    padding-bottom: 6vw;
    /*opacity: 0;
        transition: all .5s ease;*/
}

    .home [class*="subsection"] + [class*="subsection"][style*='url'] .inner-content.scroll-active,
    .home [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] .inner-content.scroll-active,
    .home [class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url'] .inner-content.scroll-active,
    .home [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] .inner-content.scroll-active {
        /*opacity: 1;*/
    }

@media only screen and (max-width: 1000px) {
    .home [class*="subsection"][style*="url"]:nth-child(even) .inner-content, .home [class*="subsection"][style*="url"]:nth-child(odd) .inner-content {
        margin: 0;
        padding-left: 10% !important;
        padding-right: 10% !important;
        padding-bottom: 15% !important;
    }
}
/**********************/

[class*="subsection"]:not([style*='url']) + [class*="subsection"][class*="fade"][style*='url'],
[class*="Subsection-Table"]:not([style*='url']) + [class*="Subsection-Table"][class*="fade"][style*='url'] {
    margin-top: -6vw;
}

[class*="subsection"]:not([style*='url']) + [class*="subsection"]:not([style*='url']),
[class*="Subsection-Table"]:not([style*='url']) + [class*="Subsection-Table"]:not([style*='url']) {
    /* margin-top: -6vw; */
}

[class*="subsection"] + [class*="subsection"][style*='url']::after,
[class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url']::after,
[class*="subsection"][style*='url'] + [class*="subsection"][style*='url']::after,
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url']::after {
    content: '';
    background: inherit;
    transform: skewY(-6deg);
    height: 100%;
    z-index: -1;
    display: block;
}

[class*="subsection"][style*='url'] h2, [class*="subsection"][style*='url'] h3,
[class*="Subsection-Table"][style*='url'] h2, [class*="Subsection-Table"][style*='url'] h3,
.subsection-solid h2, .subsection-solid h3,
.Subsection-Table-Solid h2, .Subsection-Table-Solid h3,
.subsection-half h2, .subsection-half h3,
.Subsection-Table-Half h2, .Subsection-Table-Half h3 {
    color: #fff;
}

    [class*="subsection"][style*='url'] h1 + h2, [class*="subsection"][style*='url'] h2 + h3,
    [class*="Subsection-Table"][style*='url'] h1 + h2, [class*="Subsection-Table"][style*='url'] h2 + h3 {
        color: #edf7eb;
        font-family: "Montserrat";
        font-weight: 400;
        padding-left: 2rem;
        padding-top: 1rem;
    }

.home [class*="subsection"][style*='url']:nth-child(odd) h2 + h3,
.home [class*="Subsection-Table"][style*='url']:nth-child(odd) h2 + h3 {
    padding-left: 0px;
    padding-right: 2rem;
}

[class*="subsection"][style*='url'] h1, [class*="subsection"][style*='url'] h2, [class*="subsection"][style*='url'] h3,
.subsection-half table h2, .subsection-half table h3,
[class*="Subsection-Table"][style*='url'] h1, [class*="Subsection-Table"][style*='url'] h2, [class*="Subsection-Table"][style*='url'] h3,
.Subsection-Table-Half table h2, .Subsection-Table-Half table h3 {
    color: #edf7eb;
}

.home [class*="subsection"][style*='url'] .inner-content td.show * {
    opacity: 0;
}

.home [class*="subsection"][style*='url'] .inner-content td.show.scroll-active * {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.55s;
    animation-name: fadeInUp;
}


.home [class*="subsection"][style*='url'] h2 {
    font-size: 2.441rem;
}

    [class*="subsection"][style*='url'] h1 + h2,
    [class*="Subsection-Table"][style*='url'] h1 + h2,
    .home [class*="subsection"][style*='url'] h2 + h3,
    .home [class*="Subsection-Table"][style*='url'] h2 + h3 {
        font-size: 1.8rem;
    }

[class*="subsection"][style*='url'] h2 + h3,
[class*="Subsection-Table"][style*='url'] h2 + h3 {
    font-size: 1.3rem;
}

[class*="subsection"][style*='url'] p:first-of-type,
[class*="Subsection-Table"][style*='url'] p:first-of-type {
    border-top: 3px solid #edf7eb;
    padding-top: 1rem;
}

[class*="subsection"] + [class*="subsection"][style*='url'] .inner-content,
[class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] .inner-content,
[class*="Subsection-Table"] + [class*="Subsection-Table"][style*='url'] .inner-content,
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] .inner-content {
    transform: skewY(-6deg);
    padding: 12vw 3%;
}

[class*="subsection"][style*='url'] + [class*="subsection"][style*='url'],
[class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] {
    border-top: 6px solid #fff;
}


    [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] + [class*="subsection"][style*='url'] .inner-content,
    [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] + [class*="Subsection-Table"][style*='url'] .inner-content {
        text-align: left;
    }

[class*="subsection"][style*='url'].fade-right,
[class*="Subsection-Table"][style*='url'].fade-right {
    transform: skewY(-6deg) scaleX(-1);
    margin-top: -12vw;
    text-align: right;
}

    [class*="subsection"][style*='url'].fade-right .inner-content,
    [class*="Subsection-Table"][style*='url'].fade-right .inner-content {
        transform: skewY(-6deg) scaleX(-1);
    }


.subsection-half, .Subsection-Table-Half {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

    .subsection-half .inner-content, .Subsection-Table-Half > tbody > tr > td {
        display: flex;
        width: 100%;
        padding: 0;
    }

    .subsection-half table, .Subsection-Table-Half table {
        display: block;
        position: relative;
        padding: 8rem 3rem 16vw 12%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        color: #fff;
        min-height: 100%;
        width: 100% !important;
    }

        .subsection-half table + table, .Subsection-Table-Half table + table {
            padding-left: 3rem;
            padding-right: 12%;
        }

@media only screen and (max-width: 860px) {
    a.down-arrow {
        display: none;
    }

    [class*="subsection"][style*="url"]:first-of-type,
    [class*="subsection"]:only-of-type,
    [class*="Subsection-Table"][style*="url"]:first-of-type,
    [class*="Subsection-Table"]:only-of-type {
        height: auto;
        min-height: 0;
    }

    /*fade overlays */
    [class*="subsection"][style*="url"][class*="fade-"]:before,
    [class*="Subsection-Table"][style*="url"][class*="fade-"]:before {
        width: 100%;
    }
    /*Default background - Argyle Purple  5c4e63*/
    .home [class*="subsection"][style*="url"]:nth-child(even):before,
    .home [class*="Subsection-Table"][style*="url"]:nth-child(odd):before {
        background: rgba(101, 79, 111, .7);
    }

    [class*="subsection"][style*="url"].fade-left:before,
    [class*="Subsection-Table"][style*="url"].fade-left:before {
        background: linear-gradient(to right, rgba(92,78,99,1) 1%,rgba(92,78,99,0.7) 61%,rgba(90,77,98,0.7) 62%,rgba(0,38,58,0.5) 100%);
    }

    [class*="subsection"][style*="url"].fade-right:before,
    [class*="Subsection-Table"][style*="url"].fade-right:before {
        background: linear-gradient(to left, rgba(92,78,99,1) 1%,rgba(92,78,99,0.7) 61%,rgba(90,77,98,0.7) 62%,rgba(0,38,58,0.5) 100%);
    }
    /*Midnight Blue  00263a*/
    .home [class*="subsection"][style*="url"]:nth-child(odd):before,
    .home [class*="Subsection-Table"][style*="url"]:nth-child(odd):before {
        background: rgba(0,38,58,.7);
    }

    .subsection-midnight[style*="url"].fade-left:before,
    .Subsection-Table-Midnight[style*="url"].fade-left:before {
        background: linear-gradient(to right, rgba(0,38,58,1) 0%,rgba(0,38,58,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    .subsection-midnight[style*="url"].fade-right:before,
    .Subsection-Table-Midnight[style*="url"].fade-right:before {
        background: linear-gradient(to left, rgba(0,38,58,1) 0%,rgba(0,38,58,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    /*Pewter Blue  9eb5cb*/
    .subsection-pewter[style*="url"].fade-left:before,
    .Subsection-Table-Pewter[style*="url"].fade-left:before {
        background: linear-gradient(to right, rgba(141,169,196,1) 0%,rgba(55,89,112,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    .subsection-pewter[style*="url"].fade-right:before,
    .Subsection-Table-Pewter[style*="url"].fade-right:before {
        background: linear-gradient(to left, rgba(141,169,196,1) 0%,rgba(55,89,112,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    /*Cerulean Blue  43b02a*/

    .subsection-cerulean[style*="url"].fade-left:before,
    .Subsection-Table-Cerulean[style*="url"].fade-left:before {
        background: linear-gradient(to right, rgba(0,133,202,1) 0%,rgba(0,75,114,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    .subsection-cerulean[style*="url"].fade-right:before,
    .Subsection-Table-Cerulean[style*="url"].fade-right:before {
        background: linear-gradient(to left, rgba(0,133,202,1) 0%,rgba(0,75,114,0.7) 61%,rgba(0,38,58,0.5) 100%);
    }

    [class*="subsection"][style*="url"] .inner-content table td,
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type table td {
        width: 100% !important;
        display: block;
    }

    .subsection-half .inner-content, .Subsection-Table-Half > tbody > tr > td {
        display: block;
    }

    .subsection-half table + table, .Subsection-Table-Half table + table {
        border-top: 6px solid #fff;
    }
}

@media only screen and (max-width: 667px) {
    .subsection[style*="url"]:before,
    .Subsection-Table[style*="url"]:before,
    .subsection[style*="url"][class*="fade-"]:before,
    .Subsection-Table[style*="url"][class*="fade-"]:before {
        display: block;
    }

    [class*="subsection"][style*="url"]:first-of-type,
    [class*="subsection"]:only-of-type,
    [class*="Subsection-Table"][style*="url"]:first-of-type,
    [class*="Subsection-Table"]:only-of-type {
        padding-top: 0;
        padding-bottom: 12vw;
        background-size: cover;
    }

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

    body:not(.home) [class*="subsection"][style*="url"] {
        background-image: url("") !important;
    }

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

        [class*="subsection"][style*="url"] .inner-content > table td,
        [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table td {
            background-color: transparent;
            margin-top: 20%;
        }

            [class*="subsection"][style*="url"] .inner-content > table td.show,
            [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table td.show {
                display: block;
                float: left;
                width: 100% !important;
                padding: 5% 3% 0 3%;
            }

    [class*="subsection"][style*='url'] h1 + h2,
    [class*="subsection"][style*='url'] h2 + h3,
    [class*="Subsection-Table"][style*='url'] h1 + h2,
    [class*="Subsection-Table"][style*='url'] h2 + h3 {
        padding-left: 0;
    }

    .home [class*="subsection"][style*='url']:nth-child(odd) h2 + h3,
    .home [class*="Subsection-Table"][style*='url']:nth-child(odd) h2 + h3 {
        padding-right: 0;
    }

    .inner-content, .Subsection-Table > tbody > tr > td:first-of-type {
        padding-top: 3%;
    }

    .subsection-half table, .Subsection-Table-Half table {
        padding: 10%;
    }

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


/*FOOTER***********************************/
footer {
    background-color: #00263a;
    color: #fff;
    position: relative;
    z-index: 3;
    font-size: .8rem;
    text-align: center;
}

    footer:before {
        background-color: #00263a;
        transform: skewY(-6deg);
    }

    footer .st1 {
        fill: #fff !important;
    }

    footer svg {
        max-width: 320px;
        max-height: 60px;
    }

    footer nav {
        font-size: .8rem;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid rgba(255,255,255,.3);
        text-align: left;
    }

        footer nav div {
            padding: 2vw;
        }

        footer nav a, footer nav h2 {
            color: #fff;
        }

        footer nav h2 {
            font-family: "Montserrat";
            font-size: 1rem;
            padding-top: 0;
        }

        footer nav ul, footer nav ul li {
            padding-left: 0;
        }

        footer nav a:hover {
            color: #43b02a;
        }

    footer p i {
        font-size: 1.5rem;
    }

        footer p i:first-of-type {
            padding-right: 1rem;
        }

    footer p.footer-text, .trust-financial footer p.footer-icons {
        display: none;
    }

.trust-financial footer p.footer-text, p.footer-icons {
    display: block;
}

@media only screen and (max-width: 1310px) {
    footer nav div:first-of-type {
        width: 100%;
        text-align: center;
        padding-bottom: 4vw;
    }
}

@media only screen and (max-width: 633px) {
    footer nav div:first-of-type {
        padding-top: 8vw;
    }

    footer nav div {
        width: 100%;
        text-align: center;
        padding-bottom: 4vw;
    }
}
/*LINKS
-------------------------------------------------------------------------------------------*/
.Button-Assistance {
    position: relative;
    display: inline-block;
    padding: .6rem 1.5rem;
    margin: 0;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #0055a0;
    background-color: transparent;
    border: .075rem solid #0055a0;
    border-radius: 1.5rem;
    transition: all .5s ease;
    cursor: pointer;
}

.Button1, .Button2, .Button-Assistance {
    background-color: #43B02D;
    color: #fff;
    border: none;
    border-radius: 0;
    margin: .2rem;
}

.Button2 {
    background-color: #0085ca;
}

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

[class*="Button"] + [class*="Button"] {
    margin-left: 1rem;
}

.no-touch .Button1:hover, .no-touch .Button-Assistance:hover {
    background-color: #9eb5cb;
    color: #fff;
    border: none;
}

.no-touch .Button2:hover {
    background-color: #9eb5cb;
    border: none;
}

.home [class*="subsection"][style*='url']:nth-child(odd) .Button1,
.home [class*="Subsection-Table"][style*='url']:nth-child(odd) .Button1,
[class*="midnight"] .Button1,
[class*="Midnight"] .Button1 {
    background-color: #43b02a;
}

    .home [class*="subsection"][style*='url']:nth-child(odd) .Button1:hover,
    .home [class*="Subsection-Table"][style*='url']:nth-child(odd) .Button1:hover,
    [class*="midnight"] .Button1:hover,
    [class*="Midnight"] .Button1:hover {
        background-color: #43b02a;
    }


#gototop {
    border-radius: 0;
    bottom: 3rem;
}

    #gototop:hover {
        background-color: #43b02a;
    }

.Missing {
    color: #000;
}


.calculator [class*="subsection"], .subsection .KJEWrapper,
.calculator [class*="subsection"][style*='url'] + [class*="subsection"]:after {
    background-color: #fff;
}

/*Lightcase*/
.Hidden {
    display: none;
}

body.speedbump {
    background: #fff;
    padding: 10%;
    box-sizing: border-box;
}

    body.speedbump header, body.speedbump footer {
        display: none;
    }
/**  Site Notice **/

.notice {
    background-color: #0085ca;
    overflow: hidden;
    height: auto;
    -webkit-transition: max-height .75s ease-in-out;
    -moz-transition: max-height .75s ease-in-out;
    -ms-transition: max-height .75s ease-in-out;
    -o-transition: max-height .75s ease-in-out;
    transition: max-height .75s ease-in-out;
    max-height: 0px;
    /* use these styles if you would like a fixed bottom notice */
    position: fixed;
    z-index: 20600;
    bottom: 0;
    width: 100%;
}

    .notice.active {
        -webkit-transition: max-height .75s ease-in-out;
        -moz-transition: max-height .75s ease-in-out;
        -ms-transition: max-height .75s ease-in-out;
        -o-transition: max-height .75s ease-in-out;
        transition: max-height .75s ease-in-out;
        max-height: 300px;
    }

body.noticeactive .notice:not(.appbanner) {
    max-height: 300px;
}

body.bannernoticeactive .notice.appbanner.active {
    max-height: 300px;
}

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

    .notice table tr td {
        border: none;
    }

.noticeHtml {
    overflow: hidden;
}

    .noticeHtml table td {
        padding: 10px;
        text-align: center;
    }

    .noticeHtml * {
        font-size: 2.3vmin !important;
        line-height: 2.5vmin !important;
        padding: 5px 0;
        margin: 3px 0;
        color: #ffffff;
    }

    .noticeHtml > p {
        text-align: center !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

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

        .noticeHtml a:hover {
            color: rgba(255,255,255,.95);
            text-decoration: underline;
        }

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

.noticecloser, .noticeclosersession {
    position: absolute;
    display: block;
    min-height: 30px;
    box-sizing: border-box;
    width: 20px;
    cursor: pointer;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 22px;
}

.noticecloser {
    right: 8px;
}

.noticeclosersession {
    right: 35px;
}

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

.noticeclosersession:before {
    content: "\f068";
}
/*  Responsive font size */
@media only screen and (min-width:1032px) {
    .noticeHtml {
        max-height: 125px;
    }
}

@media only screen and (max-width:640px) {
    .notice, .notice * {
        font-size: 3vmin !important;
    }
}

/* For fixed header - disable notice-clone when header becomes relative. Adjust media query as necessary */
@media only screen and (max-width:1016px) {
    body.noticeactive > .notice {
        /* display: none; */
    }
}

.test [class*="subsection"] .inner-content {
    border: 1px dashed white;
}

.test .inner-content table td.show, .test .subsection-solid .Table-Grid {
    border: 5px dashed yellow;
}

.test footer .inner-content {
    border: none;
    display: none;
}