@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot);
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FNBsoCal';
    src: url('../fonts/FNBsoCal%EF%B9%9630i02u.eot');
    src: url('../fonts/FNBsoCal%EF%B9%9630i02u.eot#iefix') format('embedded-opentype'), url('../fonts/FNBsoCal%EF%B9%9630i02u.ttf') format('truetype'), url('../fonts/FNBsoCal%EF%B9%9630i02u.woff') format('woff'), url('https://www.c3bank.com/css/fonts/FNBsoCal.svg?30i02u#FNBsoCal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'C3bank';
    src: url('../fonts/icomoon%EF%B9%9630i02u.eot');
    src: url('../fonts/icomoon%EF%B9%9630i02u.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon%EF%B9%9630i02u.ttf') format('truetype'), url('../fonts/icomoon%EF%B9%9630i02u.woff') format('woff'), url('https://www.c3bank.com/css/fonts/icomoon.svg?30i02u#FNBsoCal') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="c3icon-"], [class*=" c3icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'C3bank' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 19px !important;
    margin-right: 12px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c3icon-logo:before {
    content: "\e900";
}

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

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

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

.Float-Right {
    float: right;
    margin-left: 2em;
    margin-bottom: 1em;
    margin-top: 10px;
}

.Float-Left {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 10px;
}
/************************************************************************************************************************************************/
html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #f2f2f2;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    position: relative;
    height: 100%;
    min-height: 100%;
}

a {
    color: #5f9ab5;
    text-decoration: none;
}

    a:hover {
        color: #000000;
    }

    .subsection-default-image-content a.Button1, a.Button1, a.Button2, input.Button1, input.Button2 {
        color: #ffffff;
        background-color: #00558c;
        border: 1px solid #00558c;
        padding: 5px 25px;
        margin: 10px 10px 10px 0px;
        display: inline-block;
    }

.directButton1 {
    color: #ffffff;
    background-color: #00558c;
    border: 1px solid #ffffff;
    padding: 10px;
    margin: 0px 10px 0px 10px;
}

    .directButton1:hover {
        color: #00558c;
        background-color: #ffffff;
    }

.directLogin {
    margin-right: 20px !important;
}

.subsection-default-image-content a.Button2, a.Button2, input.Button2 {
    color: #00558c;
    border-color: #00558c;
    background-color: rgba(104, 104, 115, 0);
}

    a.Button2:hover, input.Button1:hover, input.Button2:hover {
        color: #ffffff;
        border-color: #00558c;
        background-color: #00558c;
    }

a.Button1:hover {
    color: #ffffff;
    border-color: #25282A;
    background-color: #25282A;
}

form label {
    display: none;
}

#calcs_wrapper form label {
    display: inline;
}

label.nav-close span, nav.secondary p, #gototop p {
    display: none;
}

.clear {
    clear: both;
}

.news img {
    max-width: 100%;
    height: auto;
}
/* Clear fix */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0px;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*----structure----*/
#header, #features, #quicklinks, #footer, #nav {
    width: 100%;
}

.inner-content {
    width: 1080px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}

#header {
    position: fixed;
    box-shadow: 0px 2px 15px rgba(37,40,42,0.2);
    top: 0;
    z-index: 5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    #header > .inner-content {
        background-color: #eaeae8;
        position: relative;
        padding-top: 20px;
        height: 95px;
        width: 90%;
        padding: 0 5%;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        /*background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
        /* background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
        /* background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }

.scroll #header {
    background-color: #eaeae8;
    height: 82px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    .scroll #header > .inner-content {
        height: 80px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

#logo {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    height: 86px;
    /*background-image: url(../images/FNBhorizonalHEROoutlines.svg);*/
    background-image: url(../images/C3Logo.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.scroll #logo {
    height: 52px;
    background-size: 84%;
    background-size: 79%;
}

#menuopen {
    width: 100px;
    color: rgba(255, 255, 255, .7);
}

nav.secondary {
    position: fixed;
    top: 20px;
    right: 5%;
    z-index: 7;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.login-active nav.secondary {
    top: 100px;
}

nav.secondary ul {
    margin: 0;
    padding: 0;
}

    nav.secondary ul li {
        list-style: none;
        display: inline;
    }

nav.secondary a {
    color: #00558c;
    padding-left: 20px;
    font-size: 22px;
}

.scroll nav.secondary a {
    color: #00558c;
}

.scroll #header h3.nav-open,
.scroll #header h3.open-login,
.scroll #header h3.open-connect {
    color: #00558c;
}

nav.secondary ul li:first-child a {
    /*padding-right: 15px;*/
}

nav.secondary a:hover {
    /* color: rgba(255, 255, 255, 1); */
}
/************Search************/
.nav-options {
    z-index: 8;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    top: -1000px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #00558c;
}

.search-active #search, .locations-active #locations, .contact-active #contact {
    top: 0;
}

.nav-options > .inner-content {
    width: 668px;
    min-height: 40px;
    margin: 0 auto;
    padding: 30px 0px;
}

.nav-options h2 {
    color: #00558c;
    font-size: 24px;
    margin: 0;
    padding: 0px 10px 0px 0px;
}

#search.nav-options h2 {
    float: left;
}

.nav-options h3, .nav-options h3 a {
    color: #00558c;
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
}

    .nav-options h3 a:hover {
        color: #00558c;
    }

.nav-options p {
    margin: 0px;
    padding: 5px 0px;
    color: #00558c;
}

#search form {
    float: left;
    margin-top: -3px;
}

    #search form label {
        display: none;
    }

#search input[type=text] {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 22px;
    width: 225px;
    padding: 0px 0px 0px 8px;
    height: 40px;
    line-height: 22px;
    border: 1px solid rgba(255,255,255,.6);
    /* background-color: rgba(255, 255, 255, .5); */
}

    #search input[type=text]:focus {
        outline: none;
        background-color: rgba(255, 255, 255, .5);
    }

#search i.fa-search {
    float: right;
    font-size: 32px;
    color: #fff;
    padding-left: 15px;
    cursor: pointer;
}

.nav-options i.fa-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #00558c;
}

#locations table.Table-Locations {
    margin: 10px 0px 20px 0px;
}

    #locations table.Table-Locations, #locations table.Table-Locations a {
        color: #00558c;
    }

        #locations table.Table-Locations a:hover {
            color: #00558c;
        }

        #locations table.Table-Locations td {
            padding: 10px;
        }

.Location, .Phone-Number, .Email {
    padding-left: 20px;
    position: relative;
}

    .Location:before, .Phone-Number:before, .Email:before {
        content: "\f041";
        font-family: FontAwesome;
        position: absolute;
        left: 0;
    }

    .Phone-Number:before {
        content: "\f095";
    }

    .Email:before {
        content: "\f0e0";
        font-size: 90%;
    }
/* Online Banking ---------------------------------------------------------------------------------------------------*/
#login {
    background-color: #00558c;
    padding: 1em 2em;
    box-sizing: border-box;
    font-size: 16px;
    position: relative;
    z-index: 10;
    margin-top: -90px;
    transition: all .2s ease-out;
}

.login-active #login {
    margin-top: 0;
}



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

    #login form {
        margin-bottom: 0;
        /* width: 6em; */
        /* flex-grow: 2; */
    }

    #login h2 {
        display: flex;
        /* width: 100%; */
        margin: 0;
        color: #fff;
        font-style: italic;
        font-size: 1.2rem;
        font-weight: normal;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    }
@media only screen and (min-width:811px) {
    #login h2 {
        margin-left: 100px;
    }
}

    #noticeHtml p {
        padding: 5px 0;
        font-size: 14px;
        line-height: 18px;
        margin: 5px 0;
        position: relative;
        z-index: 2;
        color: #000;
    }

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


    #login label {
        /* flex-grow: 1; */
        margin: 0.25em;
        width: 10em;
        /* border-right: solid 1px #eee; */
        position: relative;
        line-height: inherit;
        box-sizing: border-box;
        font-size: inherit;
        display: flex;
    }

        #login label.ps-select {
            width: 11em;
            font-size: 1.2rem;
        }

    #login label,
    #login button {
        height: 2.4em;
    }

    #login button {
        border: none;
        margin: 0.25em;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #fff;
        color: #00558c;
        font-size: 1em;
        padding: 0 0.75em;
        cursor: pointer;
        transition: background-color 0.25s ease;
    }

        #login button:hover {
            background-color: #fff;
            color: #00558c;
        }

    #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: #00558c;
        border: 1px solid #fff;
        color: #fff;
        font-size: inherit;
        font-family: inherit;
        transition: background-color 0.25s ease;
    }

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

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

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

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

            #login ul li a {
                line-height: 1.5rem;
                color: #fff;
            }

                #login ul li a:hover {
                    color: #b1b3b3;
                }

            #login ul li i {
                font-size: 1.5rem;
                line-height: 1.5rem;
                vertical-align: middle;
                padding-right: 0.25rem;
            }

    #login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: rgba(255, 255, 255, 0.5);
    }

    #login ::-moz-placeholder { /* Firefox 19+ */
        color: rgba(255, 255, 255, 0.5);
    }

    #login :-ms-input-placeholder { /* IE 10+ */
        color: rgba(255, 255, 255, 0.5);
    }

    #login :-moz-placeholder { /* Firefox 18- */
        color: rgba(255, 255, 255, 0.5);
    }

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

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

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

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

    .invalid input,
    .invalid select,
    .invalid textarea {
        outline: solid 2px #666;
    }

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

@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);
    }
}
/* Pseudo Select*/
/* Adjustable Styles */
.ps-select select,
.ps-select [data-select] {
    height: 2.4em; /* The pseudo select will inherit this height */
    line-height: 2.4em; /* Set to the same as the height */
    user-select: none;
    padding-left: 0 !important;
}

.ps-select [data-option] + [data-option] {
    /*margin-top: -3em !important; /* Set to the same as the select height if pixel rounding problems occur*/
}

.ps-select [data-select] {
    color: #fff;
    background-color: #00558c;
    text-decoration: none;
    font-style: normal;
    /* font-size: 1.2rem; */
}

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

    .ps-select [data-select]::before {
        /* border: solid 1px rgba(0,0,0,0.1); */
        color: inherit;
    }

.ps-select.invalid [data-select]::before {
    box-shadow: inset 0 0 0 2px #666;
}

.ps-select [data-select]::after {
    color: inherit;
    right: 0.5rem;
}

.ps-select [data-option] {
    color: #00558c;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,0.1);
    border-top: none;
}

.ps-select [data-select].open-up [data-option]:last-child {
    border-top: solid 1px rgba(0,0,0,0.1);
}

.ps-select [data-select].open-up [data-option]:nth-child(2) {
    border-bottom: none;
}

.ps-select.ready [data-option] {
    transition-duration: 0.25s, 0.25s !important; /* Margin, Background */
}

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

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

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

/*************************************************/
#features {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #eaeae8;
    /*background-image: url(../images/features.jpg);*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    overflow: hidden;
}

    #features > .inner-content {
        height: 62%;
        padding: 4% 0% 32% 0%;
        text-align: center;
    }

        #features > .inner-content p {
            margin: 0;
            padding: 10px 0px;
        }

        #features > .inner-content a.Button1, #features > .inner-content a.Button2 {
            padding: 10px 25px;
        }

        #features > .inner-content table {
            width: 100%;
            position: relative;
        }

            #features > .inner-content table td {
                width: 260px;
                padding: 50px 20px;
                margin: 30px 28px 50px 28px;
                float: left;
                -webkit-transition: all .5s ease-out;
                -moz-transition: all .5s ease-out;
                -ms-transition: all .5s ease-out;
                transition: all .5s ease-out;
                transform: translateY(100%);
                opacity: 0;
            }

    #features.scroll-active table td {
        transform: translateY(0%);
        opacity: 1;
    }

    #features > .inner-content table td:first-child {
        transition-delay: .1s;
    }

    #features > .inner-content table td:nth-child(2) {
        transition-delay: .3s;
    }

    #features > .inner-content table td:nth-child(3) {
        transition-delay: .5s;
    }

    #features > .inner-content table i {
        font-size: 64px;
        width: 96px;
        height: 76px;
        border: 1px solid;
        border-radius: 50%;
        opacity: .8;
        padding: 14px 0px 6px 0px;
    }

    #features > .inner-content table h2, #features > .inner-content table h2 a {
        font-size: 24px;
        margin: 0px;
        padding: 30px 0px 10px 0px;
        color: #333333;
    }

    #features > .inner-content table p {
        font-size: 16px;
        line-height: 20px;
    }

    #features > .inner-content table td:hover {
        transition-delay: unset !important;
        background-color: #ffffff;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

        #features > .inner-content table td:hover i, #features > .inner-content table td:hover h2 a {
            color: #00558c;
        }

.next-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-color: rgba(0, 85, 140, 1.0);
    z-index: 2;
    text-align: center;
}

.mobile .next-section {
    height: 80px;
}

    .mobile .next-section > .inner-content {
        width: 100%;
    }

.next-section h2, .next-section h2 a {
    position: relative;
    font-size: 30px;
    line-height: 120px;
    color: #ffffff;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px;
    font-family: "Open Sans Semibold";
    vertical-align: middle;
}

.mobile .next-section h2 {
    font-size: 24px;
    line-height: 80px;
}

.next-section i {
    content: '\f0ab';
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 81px;
    line-height: 120px;
    padding: 0px 5px;
    color: #ffffff;
    opacity: .5;
    vertical-align: middle;
}

.mobile .next-section i {
    font-size: 40px;
    line-height: 80px;
}

.next-section:hover i {
    /* opacity: 1; */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

#footer, #copyright {
    width: 100%;
    background-color: #eaeae8;
}

#copyright {
    background-color: #ffffff;
}

#footer > .inner-content {
    height: 230px;
    padding: 70px 0px;
}

#copyright > .inner-content {
    height: 60px;
    padding: 36px 0px;
}

#footer table {
    width: 100%;
}

    #footer table td {
        width: 25%;
        vertical-align: top;
    }

#footer h2 {
    color: #00558c;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    font-size: 24px;
    text-align: center;
}

#footer h3 {
    font-size: 18px;
}

#footer ul {
    margin: 0px;
    padding: 0px;
}

    #footer ul li {
        list-style: none;
        font-size: 14px;
        line-height: 30px;
    }

        #footer ul li a {
            color: #333333;
            opacity: 1;
        }

            #footer ul li a:hover {
                opacity: 1;
            }

#footer .search {
    position: relative;
    width: 170px;
}

    #footer .search input[type=text] {
        background-color: rgba(104, 104, 115, .2);
        border: 1px solid #686873;
        height: 32px;
        padding: 0px 0px 0px 10px;
    }

    #footer .search:after {
        content: "\f002";
        position: absolute;
        font-family: 'FontAwesome';
        font-weight: normal;
        top: 8px;
        right: 10px;
        color: #686873;
    }

#footer .bugs {
    float: right;
    font-size: 30px;
    margin-top: -25px;
}

/*************Sub Page************************/
#content {
    position: relative;
    width: 100%;
    padding: 0px;
}

.speedbump #content {
    height: 100%;
}

#content div.subsection-image:first-of-type {
    text-align: center;
    padding-top: 140px;
}

.Subsection-Table, .Subsection-Image-Table, .Subsection-Default-Image-Table, .Subsection-Table-Expanders {
    opacity: 0;
    width: 924px;
    min-height: 490px;
    margin: 0 auto;
}

.subsection, .subsection-image, .subsection-default-image {
    width: 100%;
    min-height: 200px;
}

.subsection {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+47,ffffff+100 */
    background-color: #ffffff;
    /* background: rgb(242,242,242); */ /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, rgba(242,242,242,1) 47%,rgba(255,255,255,1) 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, rgba(242,242,242,1) 47%,rgba(255,255,255,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.subsection-expanders {
    width: 100%;
    background-color: #ffffff;
}

.subsection-image, .subsection-default-image {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-color: #eaeae8;
    min-height: 240px;
    /*background-image: url(../images/features.jpg);*/
}

.subsection-default-image {
    background-attachment: fixed;
}

.speedbump .subsection-default-image {
    height: 100%;
    min-height: 100%;
    /* width: 100%; */
}

.subsection-image:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.subsection-content, .subsection-image-content, .subsection-default-image-content {
    position: relative;
    width: 1080px;
    margin: 0px auto;
    padding: 30px 0px;
}

.speedbump .subsection-default-image-content {
    padding-top: 10%;
    text-align: center;
}

.subsection-default-image-content {
    color: #333333;
}

    .subsection-default-image-content a {
        color: #00558c;
    }

        .subsection-default-image-content a:hover {
            color: #000000;
        }

        .subsection-default-image-content a.Button2:hover {
            color: #fff;
        }

.subsection-image-content {
    color: #ffffff;
}

    .subsection-image-content a {
        color: #000;
    }

        .subsection-image-content a.Button1 {
            color: #fff;
        }

        .subsection-image-content a:hover {
            color: #686873;
        }

.subsection-content {
    margin-top: 0px;
}

.subsection-image-content table {
    width: 100%;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol {
    margin: 0;
    padding: 10px 0px;
}

#content h1 {
    font-size: 48px;
    line-height: 48px;
    font-family: "Open Sans Semibold";
}

#content h2 {
    font-size: 36px;
    font-family: "Open Sans Semibold";
}

#content h3 {
    font-size: 24px;
    font-family: "Open Sans";
}

#content p {
    line-height: 30px;
}

#content a {
    font-weight: bold;
}

    #content a.anchor {
        position: relative;
        top: -95px;
        display: inline-block;
        visibility: hidden;
        height: 0;
        float: left;
    }

#content ul, #content ol {
    padding-left: 30px;
}

    #content ul li, #content ol li {
        position: relative;
        padding: 5px 0px;
    }

    #content ul li {
        list-style: none;
    }

    #content ul + ul {
        padding-top: 0px;
    }

    #content ul li p {
        padding: 0px;
    }

    #content ul li:before {
        content: "\f138";
        color: #00558c;
        position: absolute;
        font-family: FontAwesome;
        font-size: 22px;
        left: -30px;
        top: 1px;
    }

    #content ul.List-Green li:before {
        color: #00558c;
    }

    #content ul.List-Black li:before {
        color: #000000;
    }

    #content li ul li:before, #content ul.List-Checkmark li ul li:before, #content ul.List-Checkmark-Black li ul li:before {
        content: "\f105";
        left: -20px;
        /* top: 1px; */
    }

    #content ul.List-Checkmark li:before {
        content: "\f058";
        color: #00558c;
    }

    #content ul.List-Checkmark-Black li:before {
        content: "\f058";
        color: #000000;
    }

#content .subsection-image-content h1 + h2 {
    padding-top: 0px;
    margin-top: -15px;
}

#content .subsection-image-content p {
    font-size: 16px;
    line-height: 32px;
}

#content .subsection-image-content a.Button1 {
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #ffffff;
    padding: 5px 25px;
}

    #content .subsection-image-content a.Button1:hover {
        background-color: rgba(255, 255, 255, 1);
        color: #686873;
    }
/*****************Table Styles*************************/
table.Table-Directors {
    padding: 30px 0px;
    border-bottom: 1px solid #686873;
}

#content table.Table-Directors + h2 {
    padding-top: 30px;
}

table.Table-Directors td {
    padding: 20px;
}

    table.Table-Directors td:first-child {
        width: 40% !important;
    }

    table.Table-Directors td img {
        border-radius: 50%;
    }

table.Table-Executive td {
    width: 20% !important;
    text-align: center;
    vertical-align: top;
}

    table.Table-Executive td img {
        max-width: 210px;
    }

table.Table-Portfolio {
    min-width: 300px;
    max-width: 350px;
    float: left;
    margin: 5px;
    border-collapse: collapse;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
}

    table.Table-Portfolio tr:first-child td {
        padding: 0px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        width: 100%;
        min-width: 280px;
        position: relative;
    }

    table.Table-Portfolio:hover tr:first-child td:before {
        content: "";
        position: absolute;
        /* background-color: rgba(0, 0, 0, .4); */
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    table.Table-Portfolio td {
        vertical-align: top;
        text-align: center;
        padding: 20px 0px;
        height: 65px;
        width: 100%;
        background-color: #fff;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    table.Table-Portfolio tr:first-child td {
        background-color: #000;
    }

    table.Table-Portfolio:hover td {
        background-color: #00558c;
    }

    table.Table-Portfolio img {
        width: 100% !important;
        height: auto;
    }

#content table.Table-Portfolio h4 {
    position: relative;
    font-size: 14px;
    padding-bottom: 0px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: #000;
}

    #content table.Table-Portfolio h4:before {
        content: '';
        position: absolute;
        width: 80%;
        height: 3px;
        background-color: #00558c;
        top: -10px;
        left: 50%;
        margin-left: -40%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

#content table.Table-Portfolio:hover h4:before {
    background-color: #fff;
    width: 100%;
    left: 0px;
    margin-left: 0px;
}

#content table.Table-Portfolio h4 + h4:before {
    display: none;
}

#content table.Table-Portfolio h4 + h4 {
    font-size: 20px;
    padding-top: 0px;
    color: #00558c;
}

#content table.Table-Portfolio:hover h4 {
    margin-top: -10px;
    color: #fff;
}

    #content table.Table-Portfolio:hover h4 + h4 {
        margin-top: 0px;
    }

.Table-Portfolio-Deposit {
    /* border-collapse: separate; */
    /* border-spacing: 20px; */
}

    .Table-Portfolio-Deposit th p {
        font-weight: bold;
    }

    .Table-Portfolio-Deposit th p, .Table-Portfolio-Deposit td p {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        padding: 3px 0;
        margin: 2px 0;
    }

        .Table-Portfolio-Deposit td p + p {
            padding: 3px 0;
            margin: 3px 0;
        }

    .Table-Portfolio-Deposit th {
        padding: 5px 10px;
    }

    .Table-Portfolio-Deposit td {
        height: 279px;
        width: 280px;
        border-radius: 50%;
        background: #FFF;
        overflow: hidden;
        padding: 0px;
        margin: 10px 3%;
        border-bottom: 1px solid #b2b0b0;
        text-align: center;
        /* vertical-align: middle; */
        display: inline-block;
        float: left;
    }

    .Table-Portfolio-Deposit img {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        transition: all .5s ease-out;
        width: 215px;
        margin-top: 45px;
    }

    .Table-Portfolio-Deposit td:hover img {
        margin-top: 35px;
    }

    .Table-Portfolio-Deposit th {
        font-weight: bold;
        text-align: center;
    }

table.Table-Style {
    margin: 20px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    table.Table-Style caption {
        padding: 15px;
        background-color: #00558c;
        font-size: 24px;
        color: #ffffff;
    }

    table.Table-Style th, table.Table-Style td {
        padding: 20px;
        line-height: 20px;
        text-align: left;
        border-top: 1px solid rgba(0,0,0,0.1);
        border-right: 1px solid rgba(0,0,0,0.1);
        background-color: #fff;
    }

        table.Table-Style th:first-child, table.Table-Style td:first-child {
            border-left: 1px solid rgba(0,0,0,0.1);
            text-align: left;
        }

    table.Table-Style th {
        background-color: rgba(0,0,0,0.1);
    }

#content table.Table-Style p {
    padding: 0px;
    line-height: 20px;
}

#content table.Table-Style ul li:before {
    content: "\f105";
    left: -20px;
    top: 5px;
}

table.Table-Style tr:hover {
    background-color: rgba(0,0,0,0.2);
}

.Table-Simple {
    border-bottom-color: #e4e4e4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .Table-Simple th p {
        font-weight: bold;
    }

    .Table-Simple th p, .Table-Simple td p {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        padding: 3px 0;
        margin: 2px 0;
    }

        .Table-Simple td p + p {
            padding: 3px 0;
            margin: 3px 0;
        }

    .Table-Simple th {
        padding: 5px 10px;
    }

    .Table-Simple td {
        padding: 5px;
        border-top-color: #e4e4e4;
        border-top-width: 1px;
        border-top-style: solid;
        vertical-align: top;
    }

        .Table-Simple td:first-child {
            text-align: left;
        }

    .Table-Simple th {
        font-weight: bold;
        text-align: left;
    }

.Table-Product {
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #eaeae8;
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
}

    .Table-Product th {
        padding: 14px 20px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #00558c;
        background: #00558c; /* Old browsers */
        text-align: left;
        vertical-align: middle;
        color: #fff;
        font-weight: normal;
    }

    .Table-Product td {
        border-bottom: 1px #eaeae8 solid;
        border-right: 1px #eaeae8 solid;
        /* text-align:center; */
        padding: 15px;
        background: #FFF;
    }


    .Table-Product tr:first-child td:first-child {
        border-top: 1px #eaeae8 solid;
    }

    .Table-Product tr th:first-child, .Table-Product tr td:first-child {
        text-align: left;
        border-left: 1px #eaeae8 solid;
        border-right-width: 0;
    }

    .Table-Product tr th:first-child {
        background: none !important; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C */
        border-left-width: 0;
        border-left: none;
        border-right-width: 0;
    }

    .Table-Product tr td:first-child {
        background-color: rgba(234, 234, 232, 1);
        border-color: rgba(0,0,0,0.1);
    }

    .Table-Product tr:last-child td {
        border-bottom: 1px #d2d2d2 solid;
    }

        .Table-Product tr:last-child td:last-child {
            border-radius: 0 0 10px 0;
            behavior: url(https://www.c3bank.com/css/PIE.htc);
        }

    .Table-Product tr td:last-child {
        border-right: 1px #d2d2d2 solid;
    }

    .Table-Product caption, .Table-Product tr th:first-child, .Table-Product tr th:first-child p {
        padding: 7px;
        font-size: 18px;
        line-height: 20px;
        color: #000000;
        text-align: left;
        font-weight: normal;
        text-shadow: none;
        background: none;
    }
    /*.Table-Product tr th:first-child, .Table-Product tr th:first-child p {
	text-align: center;
}*/
    .Table-Product th, .Table-Product th p {
        font-size: 18px;
        line-height: 20px;
        color: #ffffff;
    }

        #content .Table-Product th p, .Table-Product th a {
            padding: 0px;
            line-height: 18px;
        }

    .Table-Product td, .Table-Product td p {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
    }

#content .Table-Product td p {
    padding: 0;
    margin: 0;
    line-height: 20px;
}

.Table-Product td p + p {
    padding: 3px 0;
    margin: 3px 0;
}

.Table-Product th a:hover {
    color: #c7c7c7;
}

.Table-Product p {
    padding: 1px 0px 4px 0px;
    margin: 4px 0px 4px 0px;
}

.Table-Product ul {
    text-align: left;
    margin: 0;
    padding: 0;
}

    .Table-Product ul li {
        margin: 0;
        padding: 0 0 0 25px;
        font-size: 14px;
    }

        .Table-Product ul li p {
            font-size: 14px;
        }

#content .Table-Product ul li:before {
    top: 3px;
    left: -20px;
    font-size: 18px;
    content: "\f105";
}

.Table-Product ul ul li:before {
    top: 1px;
    left: 5px;
}

#content table.Table-Columned ul {
    width: 100%;
    max-width: 325px;
    margin: 0 auto;
}

table.Table-Privacy {
    width: 100%;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #686969;
    margin: 0 0 .5em;
    padding: 0;
    line-height: 1.75;
    border-bottom: 5px #ccc solid;
}

    table.Table-Privacy caption {
        background-color: #E2831B;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 17px;
        font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
        line-height: 20px;
        padding: 1em 1.5em;
        margin-top: 20px;
        overflow: hidden;
    }

.Table-Privacy th {
    font-size: 17px;
    background: #00337f;
    padding: .75em 0;
    border: 1px #fff solid;
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

    .Table-Privacy th p {
        font-weight: 700;
        color: #fff;
        font-size: 17px;
    }

.Table-Privacy p {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 18px;
}

.Table-Privacy td ul li p {
    margin: 0;
    padding: 0;
}

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

.Table-Privacy td {
    padding: .75em;
    border: 1px #fff solid;
}

/*--------- Expandables -------------------*/

.expandable {
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
    overflow: hidden;
    max-height: 100px;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

    .expandable.expanded {
        height: auto;
        max-height: 100000px;
        padding-bottom: 10px !important;
    }

        .expandable.expanded table.expandable.expanded {
            margin-top: 0px;
        }

#content .expandable > *:first-child {
    display: block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
    line-height: 30px;
    font-size: 24px;
    padding: 15px 15% 15px 0px;
    background-color: #000;
    padding-left: 50%;
}

.subsection-expanders .expandable > *:first-child {
    color: rgba(255,255,255,.5);
}

#content .subsection .expandable > *:first-child {
    font-size: 32px;
    padding: 15px 15% 15px 0px;
    background-color: transparent;
    font-weight: normal;
}

#content .expandable > *:first-child span {
    margin-left: -480px;
}

#content .subsection .expandable > *:first-child span {
    margin: 0;
}

.subsection-expanders .expandable.expanded > *:first-child, .subsection-expanders .expandable > *:first-child:hover {
    color: #fff;
}

.subsection .expandable.expanded > *:first-child, .subsection .expandable > *:first-child:hover {
    color: #00558c;
}

.expandable.expanded > *:first-child {
    position: relative;
    height: auto;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 0;
}

.expandable > *:first-child:before {
    content: "\f0a9";
    position: absolute;
    top: 15px;
    right: 50%;
    margin-right: -480px;
    font-family: 'FontAwesome';
    font-size: 30px;
    font-weight: bold;
    overflow: hidden;
    color: #686873;
    pointer-events: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    padding: 0px 2px;
}

.expandable.expanded > *:first-child:before {
    content: "\f0ab";
}

.expandable.expanded > *:first-child:before, .expandable > *:first-child:hover:before {
    color: #fff;
}

.subsection .expandable.expanded > *:first-child:before, .subsection .expandable > *:first-child:hover:before {
    color: #00558c;
}

#content .expandable h1, #content .expandable h2, #content .expandable h3, #content .expandable h4, #content .expandable h5, #content .expandable p, #content .expandable ul, #content .expandable ol {
    width: 960px;
    margin: 0px auto;
    padding: 10px 60px;
}

#content .expandable ul, #content .expandable ol {
    width: 930px;
    padding-left: 90px;
}

#content .subsection .expandable h1, #content .subsection .expandable h2, #content .subsection .expandable h3, #content .subsection .expandable h4, #content .subsection .expandable h5, #content .subsection .expandable p, #content .subsection .expandable ul, #content .subsection .expandable ol {
    width: auto;
    margin: 0px;
    padding: 10px 0px;
}

#content .subsection .expandable ul, #content .subsection .expandable ol {
    width: auto;
    padding-left: 30px;
}

/****************************/
#gototop {
    position: fixed;
    bottom: 15%;
    margin-top: 0;
    color: #FFF;
    opacity: .5;
    z-index: 9999999;
    font-size: 25px;
    width: 172px;
    height: 32px;
    right: -185px;
    margin: 0px 0 2px 0;
    padding: 5px 0px 0px 10px;
    background-color: #00558c;
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    #gototop i {
        font-size: 30px;
        position: absolute;
        top: 6px;
        left: 11px;
    }

    #gototop.gototopactive {
        right: -138px;
    }

        #gototop.gototopactive:hover {
            opacity: 1;
        }

body.home #gototop {
    /*display: none;*/
}
/**************Calcs******************/
legend {
    font-size: 18px;
    font-weight: normal;
    color: #666666;
    padding-right: 10px;
    padding-left: 5px;
}

#calcs_wrapper input[type=text], #calcs_wrapper select {
    height: 2em;
    color: #686873;
    padding: 0 20px;
    border: 1px solid;
    border-color: #686873;
    box-sizing: border-box;
    background-color: rgba(104, 104, 115, .1);
    display: inline-block;
    margin-right: 0 -4px 0 0;
    transition: all 0.25s ease;
    outline: none;
    font-size: 16px;
    width: 155px;
    vertical-align: middle;
    box-sizing: border-box;
}

.calc_results {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #CCCCCC;
}

#calcs_wrapper form {
    margin-bottom: 30px;
    border-bottom: 1px solid #686873;
    padding-bottom: 40px;
}

.calc_results input {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #CCCCCC;
    font-weight: bold;
    text-align: center;
}

.calc_results h3 {
    font-size: 14px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

#calcs_wrapper input[type=button] {
    color: #ffffff;
    background-color: #00558c;
    border: 1px solid #00558c;
    padding: 5px 25px;
    margin: 10px 10px 10px 0px;
    display: inline-block;
}

    #calcs_wrapper input[type=button]:hover {
        color: #ffffff;
        border-color: #686873;
        background-color: rgba(104, 104, 115, 1);
    }

fieldset {
    padding: 15px;
}

    fieldset p {
        margin-top: 3px;
        margin-right: 0px;
        margin-bottom: 3px;
        margin-left: 0px;
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-left: 0px;
    }

#calcs_wrapper td {
    padding: 10px;
}
/**  Site Notice **/
#notices {
    position: fixed;
    z-index: 100;
    bottom: 0;
    width: 100%;
}

.notice {
    font-size: 14px;
    color: #fff;
    background-color: #00558c;
    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 */
    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;
    }

    .notice table {
        margin: 0;
        min-height: 120px;
        padding-top: 30px;
    }

.mobile .notice table {
    min-height: 80px;
}

.notice table tr td {
    border: none;
}

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

.noticeHtml p {
    padding: 5px 0;
    margin: 3px 0;
    color: #ffffff;
    font-size: 18px;
}

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

    .noticeHtml > p:first-of-type {
        padding-top: 10px !important;
        margin-top: 0 !important;
        box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
    }

    .noticeHtml > p:last-of-type {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
        box-shadow: inset 0px -1px 0px rgba(0,0,0,.25);
    }

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

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

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

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

.noticecloser, .noticeclosersession {
    display: block;
    position: absolute;
    z-index: 5001;
    height: 30px;
    top: 20px;
    right: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    width: 20px;
    cursor: pointer;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 26px;
    padding-right: 30px;
}

.noticeclosersession {
    right: 40px;
}

    .noticecloser:before, .noticeclosersession:before {
        font-size: 23px;
        cursor: pointer;
        position: absolute;
        z-index: 50002;
        top: 0px;
        left: 5px;
    }

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

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

@media (min-width: 1025px) {
    /**  Site Notice - Popup **/
    #notice {
        position: absolute;
        top: -1000px;
        left: 50%;
        width: 482px;
        /* height: auto; */
        margin-left: -241px;
        z-index: 5000;
        max-height: auto;
        -webkit-transition: top .75s ease-in-out;
        -moz-transition: top .75s ease-in-out;
        -ms-transition: top .75s ease-in-out;
        -o-transition: top .75s ease-in-out;
        transition: top .75s ease-in-out;
        /* background: #ff6600; */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eebc88', endColorstr='#f99f1f',GradientType=0 );
    }

    #notices {
        bottom: inherit;
        top: 0px;
        left: 50%;
    }

    .notice.active {
        max-height: none;
        bottom: auto;
        left: -50px;
    }

    .cssgradients #notice {
        filter: none;
        background-color: #00558c;
    }

    #notice.active {
        -webkit-transition: top .75s ease-in-out;
        -moz-transition: top .75s ease-in-out;
        -ms-transition: top .75s ease-in-out;
        -o-transition: top .75s ease-in-out;
        transition: top .75s ease-in-out;
        top: 190px;
    }

    #notice > div {
        margin: 25px;
        background-color: #f7f6f7;
        padding: 10px 15px;
        border-radius: 5px;
    }

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

    .noticeHtml p {
        color: #666666;
    }

    .noticeHtml {
        color: #666666;
    }

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

@media only screen and (max-width:568px) {
    #noticeHtml table td:first-child p {
        font-size: 16px;
    }

    #noticeHtml p {
        padding: 5px 0;
        font-size: 14px;
        line-height: 18px;
        margin: 5px 0;
        position: relative;
        z-index: 2;
        color: #000;
    }

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

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

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

            #noticeHtml table td:first-child:before {
                font-size: 50px;
            }
}
/* Add under styles for Site Notice 3.1.0 */

/* Icon styles for app banner */
.appbanner {
    display: none;
    color: #666;
    background-color: #e8e8ea;
}

body.android #notice-android.appbanner, body.android-tablet #notice-android-tablet.appbanner, body.android-fire #notice-android-fire.appbanner, body.android-tablet-fire #notice-android-tablet-fire.appbanner, body.iphone #notice-iphone.appbanner, body.ipad #notice-ipad.appbanner {
    display: block;
}

.appbanner .noticecloser, .appbanner .noticeclosersession {
    position: absolute;
    top: 0;
}

.appbanner p {
    text-align: center;
}

.appbanner .noticecloser, .appbanner .noticeclosersession {
    color: #666;
}

.appbanner a.icon {
    display: inline-block;
    text-align: center;
    width: 100px;
    padding: 0 5px;
    color: #666;
    text-shadow: 0px 1px 1px rgba(0,0,0,.25);
}

.notice .icon img {
    height: 57px;
    width: 57px;
    margin: 0 auto 3px auto;
    border-radius: 9px;
    display: block;
    /* box-shadow: 0px 1px 1px rgba(0,0,0,.25); */
}

/* App links */

.app-text {
    display: none !important;
}

body.android .app-android-text, body.android-tablet .app-android-tablet-text, body.android-fire .app-android-fire-text, body.android-tablet-fire .app-android-tablet-fire-text, body.iphone .app-iphone-text, body.ipad .app-ipad-text {
    display: inline-block !important;
}
/*------------TEXT-----------------------*/
.content img {
    max-width: 100%;
}

fieldset {
    padding: 10px;
    border: 1px #2382E2 solid;
}

    fieldset legend {
        color: #636363;
        padding: 5px;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
    }

blockquote {
    float: right;
    position: relative;
    width: 40%;
    display: block;
    font-size: 1.6em;
    line-height: 1.2em;
    color: #7d7d7d;
    border-left: 1px #cacaca solid;
    padding: 0px 0px 0px 55px;
}

    blockquote:before {
        font-family: Georgia, sans-serif;
        display: block;
        content: "\201C";
        font-size: 80px;
        position: absolute;
        left: 10px;
        top: 20px;
        color: #0093d0;
    }

sup {
    font-size: .6em;
    line-height: 1em;
    margin-top: -2px;
    display: inline-block;
    _display: inline;
}

.Disclaimer {
    color: #000000 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 0;
    font-weight: normal;
}

.nowrap {
    white-space: nowrap;
}

/*******************Media Queries***************/
@media only screen and (max-width: 1259px) {
    #login {
        /* margin-top: -145px; */
    }
}

@media only screen and (max-width: 1220px) {
    .login-active #header {
        background-color: rgba(0, 0, 0, .7);
    }

    #header > .inner-content {
        /* height: 105px; */
    }

    #login > .inner-content {
        width: 940px;
        height: 120px;
    }

    .login-active nav.secondary {
        top: 110px;
    }


    #logo {
        top: 10px;
        background-size: 90%;
    }
}

@media only screen and (max-width:1100px) /*mobile*/ {
    table.Table-Portfolio {
        max-width: 46%;
        margin: 20px 2%;
    }

    table.Table-Columned td {
        width: 100% !important;
        float: left;
    }

    #footer > .inner-content, #copyright > .inner-content, .subsection-content, .subsection-image-content, .subsection-default-image-content {
        width: 90%;
        padding: 5%;
    }

    #features {
        height: auto;
    }

        #features > .inner-content {
            height: auto;
            padding: 8% 5% 13% 5%;
            width: 90%;
        }

            #features > .inner-content table td {
                width: 25%;
                padding: 2%;
                margin: 2%;
            }

    table.Table-Directors td:first-child {
        width: 100% !important;
    }

    table.Table-Directors td {
        width: 100% !important;
        float: left;
        text-align: center;
        padding: 0px;
    }

    table.Table-Executive td {
        width: 50% !important;
        float: left;
    }

    .Table-Portfolio-Deposit td {
        margin: 10px 15px;
    }
}

@media only screen and (max-width:1060px) {
    .Table-Portfolio-Deposit {
        width: 640px !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1050px) {
    #footer > .inner-content, #copyright > .inner-content, .subsection-content, .subsection-image-content, .subsection-default-image-content {
        width: 90%;
        padding: 5%;
        height: auto;
    }

    #footer table {
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

        #footer table td {
            width: 50%;
            float: left;
        }

    #content .expandable > *:first-child {
        padding-left: 5%;
        font-size: 24px;
    }

        #content .expandable > *:first-child span {
            margin-left: auto;
        }

    .expandable > *:first-child:before {
        right: 5%;
        margin-right: auto;
    }

    #content .expandable h1, #content .expandable h2, #content .expandable h3, #content .expandable h4, #content .expandable h5, #content .expandable h5, #content .expandable p, #content .expandable ul, #content .expandable ol {
        width: 90%;
        padding: 2% 5%;
    }

    #content .expandable ul, #content .expandable ol {
        margin-left: 30px;
    }
}

@media only screen and (max-width:1024px) /*iPad Horizontal*/ {
    #features, .subsection-default-image {
        background-attachment: initial;
        min-height: inherit;
    }
}

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

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

@media only screen and (max-width: 890px) {
    #header, nav .secondary {
        /* position: absolute; */
    }

    .scroll #header {
        /* background-color: transparent; */
    }

    nav.secondary, .login-active nav.secondary {
        right: 0px;
        top: -220px;
    }

    .connect-active nav.secondary {
        top: 0px;
    }

    .connect-active.login-active nav.secondary {
        top: 130px;
    }

    nav.secondary ul {
        padding: 5px 5px 5px 0px;
        background-color: #eaeae8;
    }

        nav.secondary ul li {
            display: block;
            padding: 5px 0px;
        }

    #content div.subsection-image:first-of-type {
        padding-top: 12%;
    }

    #logo, .scroll #logo {
        width: 190px;
        height: 48px;
        margin-left: -95px;
        /*background-size: 100%;*/
        background-size: 94%;
    }

    label[for=tab-toggle] span, #header h3.nav-open span, #header h3.open-connect span, body.home #header h3.open-login span {
        display: none;
    }

    #login {
        margin-top: -94px;
    }

        #login > .inner-content {
            width: 94%;
            padding: 0px 3%;
            height: 170px;
        }

    #header > .inner-content {
        height: 84px;
    }

    #login > .inner-content form {
        width: 420px;
        height: auto;
        margin: 0 auto;
    }

    .accessfieldxy, #login .accessfieldxy.rob, #login .accessfieldxy.bob, #submit {
        padding-top: 0px;
        padding-bottom: 5px;
        margin: 0 auto;
    }

        .accessfieldxy input[type=password] {
            margin-right: 0px;
        }

    #login .accessfieldxy.rob {
        display: block;
    }

    #login .accessfieldxy.bob {
        width: 200px;
        margin-left: -56px;
    }

    #selectxy {
        margin: 0 auto;
        float: none;
    }

    #oblinks1, #oblinks2, #login #oblinks1, #login #oblinks2, .personal#login #oblinks1 {
        margin: 0 auto;
        padding: 0px;
        float: none;
        text-align: center;
    }

    #login ul li {
        line-height: 30px;
    }

    #features > .inner-content table td {
        width: 92% !important;
        float: left;
    }

    #features table td, #features.scroll-active table td {
        transform: none;
        transition: none;
    }

    #features > .inner-content table td:hover {
        transform: none;
        background-color: transparent;
    }

    table td {
        width: 100% !important;
        float: left;
        /* text-align:  center; */
    }

    table.Table-Style td, #calcs_wrapper td {
        width: inherit !important;
        float: none;
    }

    .Table-Portfolio-Deposit td {
        width: 280px !important;
    }
    /* Force table to not be like tables anymore */
    .Table-Product, .Table-Product thead, .Table-Product tbody, .Table-Product th, .Table-Product td, .Table-Product tr {
        display: block;
        text-align: left;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        .Table-Product thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .Table-Product caption {
            width: 96%;
            display: block;
            padding: 2%;
        }

        .Table-Product tr td:first-child:before {
            display: none;
        }

        .Table-Product tr td:first-child p, Table-Product tr td:first-child {
            font-size: 20px;
            line-height: 24px;
            color: #fff;
            margin: 0;
            padding: 1%;
            width: 98% !important;
            border-right: 1px solid #ff6600;
        }

        .Table-Product td:first-child {
            background-color: #ff6600;
            border-left-width: 0;
            /* padding: 2%; */
        }

        .Table-Product tr:hover {
            background-color: inherit;
        }

        .Table-Product td:last-child {
            border-color: #d2d2d2;
        }

        .Table-Product td { /* Behave  like a "row" */
            border-right: 1px solid #d2d2d2;
            border-left: 1px solid #d2d2d2;
            position: relative;
            text-align: left;
            width: 96% !important;
            padding: 3%;
        }

            .Table-Product td > *:first-child {
                padding-top: 0px;
            }

            .Table-Product td ul li {
                text-align: left;
            }

            .Table-Product td:before { /* Now like a table header */
                content: attr(data-title); /*Label the data*/
                font-weight: bold;
                text-align: left;
                display: block;
                padding-bottom: 10px;
            }

        .Table-Product tr:first-child td:first-child, .Table-Product tr th:nth-child(2), .Table-Product tr:last-child td:first-child {
            border-radius: 0px;
        }

        .Table-Product tr td:first-child {
            background-color: #00558c;
            color: #fff;
            font-size: 18px;
        }
}

@media only screen and (max-height: 800px) {
    /*adjustments for height*/
    #features, #features > .inner-content {
        height: auto;
    }

        #features > .inner-content {
            padding: 1% 0% 10% 0%;
        }
}

@media only screen and (max-height: 800px) and (max-width: 1024px) {
    #features .next-section {
        position: relative;
    }
}

@media only screen and (max-width:790px) {
    table.Table-Portfolio td {
        /* width: 46%!important; */
        /* float: left; */
    }
}

@media only screen and (max-width:768px) /*iPad Portrait*/ {
    .Float-Left, .Float-Right {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .nav-options > .inner-content {
        width: 90%;
        padding: 30px 0px;
        min-height: 90px;
        position: relative;
    }

        .nav-options > .inner-content table td {
            width: 100%;
            float: left;
            text-align: center;
        }

    .nav-options h2, #search input[type=text] {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .nav-options h2, #search.nav-options h2 {
        text-align: center;
        float: none;
        padding: 0px;
    }

    #search form {
        float: none;
        width: 232px;
        margin: 0 auto;
    }

    #search input[type=text] {
        width: 180px;
    }

    #search i.fa-search {
        font-size: 25px;
        line-height: 42px;
    }

    #features .next-section {
        /* position: relative; */
    }

    table.Table-Executive td {
        width: 100% !important;
    }

    .login-active #header > .inner-content {
        background-color: #fff;
    }
}

@media only screen and (max-width:760px) /*iPhone 6 Plus Landscape*/ {
    #login {
        margin-top: -95px;
    }
}

@media only screen and (max-width:730px) /*iPhone 6 Plus Landscape*/ {
    #login {
        margin-top: -150px;
    }
}

@media only screen and (max-width: 860px) {
    table.Table-Portfolio {
        float: none;
        max-width: 100%;
        margin: 20px auto;
    }

    .Table-Portfolio-Deposit {
        width: 300px !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
}

@media only screen and (max-height:640px) {
    #features .next-section {
        position: relative;
    }
}

@media only screen and (max-width:640px) /*Galaxy Note 1/2/3, S4, Nexus Landscape*/ {
    #footer table td {
        width: 100%;
        float: left;
    }

    #footer .search {
        margin: 0 auto;
    }

    #footer .bugs {
        float: none;
        margin-top: 25px;
        text-align: center;
    }

    #footer p {
        text-align: center;
    }

    table.Table-Portfolio td {
        /* width: 96%!important; */
    }
}

@media only screen and (max-width:560px) {
    #login {
        /* margin-top: -288px; */
    }
}

@media only screen and (max-width:570px) {
    #content h1 {
        font-size: 36px;
    }

    #content h2 {
        font-size: 30px;
    }

    #content .subsection .expandable > *:first-child {
        font-size: 24px;
        line-height: 40px;
    }

    .expandable > *:first-child:before {
        font-size: 40px;
    }

    #footer h2 {
        font-size: 18px;
    }

    #content div.subsection-image:first-of-type {
        padding-top: 22%;
    }

    #calcs_wrapper td {
        width: 100% !important;
        float: left;
    }
}

@media only screen and (max-width:530px) /*iPhone 5 Landscape*/ {
    #login {
        margin-top: -245px;
    }

    .directButton1 {
        display: block;
        margin: 10px auto;
    }
}

@media only screen and (max-width:560px) /*Galaxy S, S2 Landscape*/ {
    .tempPersonal {
        color: rgba(255,255,255,.7);
        background-color: rgba(255,255,255,.5);
        border: 1px solid #fff;
        padding: 7px;
        position: absolute;
        width: 50%;
        text-align: center;
        margin-left: -7%;
    }

    a.tempPersonal:hover {
        color: #00558c;
        background-color: #ffffff;
        border: 1px solid #fff;
        padding: 7px;
        position: absolute;
        width: 50%;
        text-align: center;
        margin-left: -7%;
    }

    #login {
        padding: 1em;
    }

        #login label, #login button {
            width: 100%;
        }

        #login button {
            justify-content: center;
        }

        #login ul {
            display: block;
            text-align: center;
            width: 100%;
        }

            #login ul li {
                display: inline-block;
            }

    .mobile .next-section h2 {
        font-size: 18px;
        padding-right: 0px;
    }

    .mobile .next-section i {
        font-size: 32px;
    }
}


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

@media only screen and (max-width:414px) /*iPhone 6 Plus Portrait*/ {
}

@media only screen and (max-width:400px) /*Galaxy Note 1 Portrait*/ {
    .connect-active nav.secondary {
        top: 80px;
    }
}

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

@media only screen and (max-width:375px) /*iPhone 6 Portrait*/ {
}

@media only screen and (max-width:360px) /*Galaxy Note 2/3, S4, Portrait*/ {
    table.Table-Directors td img {
        width: 100%;
    }
}

@media only screen and (max-width:336px) /*iPhone 3-5, Galaxy S, S2, Portrait*/ {
    #login {
        margin-top: -197px;
    }
}

@media only screen and (max-width:323px) /*iPhone 3-5, Galaxy S, S2, Portrait*/ {
    #login {
        margin-top: -245px;
    }
}

@media only screen and (max-width:320px) /*iPhone 3-5, Galaxy S, S2, Portrait*/ {
    .nav-options h2 {
        font-size: 16px;
    }
}

#notice {
    left: 0;
}