/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
}
@keyframes scaleDown {
    0% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes bounceGrow {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    80% {
        -webkit-transform: scale(1.25);
                transform: scale(1.25);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes bounceGrow {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    80% {
        -webkit-transform: scale(1.25);
                transform: scale(1.25);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
                transform: translate3d(-40px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideIn {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
                transform: translate3d(-40px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes scaleUp {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.deferred-registration .graph-image::after {
        -webkit-transform-origin: right;
            -ms-transform-origin: right;
                transform-origin: right;
        -webkit-animation: scaleDown 0.6s ease-out 0.7s forwards;
                animation: scaleDown 0.6s ease-out 0.7s forwards;
    }
.deferred-registration .right-section::after {
        opacity: 0;
        -webkit-animation: fadeIn 1.03s linear 1.33s forwards;
                animation: fadeIn 1.03s linear 1.33s forwards;
    }
.deferred-registration .banner-section .banner-header-section .refi-image {
            -webkit-transform: scale(0);
                -ms-transform: scale(0);
                    transform: scale(0);
            -webkit-animation: bounceGrow 0.37s ease-in-out 1.7s forwards;
                    animation: bounceGrow 0.37s ease-in-out 1.7s forwards;
        }
.deferred-registration .banner-section .banner-header-section .content-item {
            opacity: 0;
            -webkit-animation: fadeIn 0.7s linear 1.7s forwards;
                    animation: fadeIn 0.7s linear 1.7s forwards;
        }
.deferred-registration .information-banner-content-wrapper {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
.deferred-registration .graph-slope1,
    .deferred-registration .graph-slope2 {
        -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
                transform-origin: bottom left;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        -webkit-animation: scaleUp 1.13s ease-in-out 0.7s forwards;
                animation: scaleUp 1.13s ease-in-out 0.7s forwards;
    }
.deferred-registration .graph-slope1::after, .deferred-registration .graph-slope2::after {
            -webkit-transform-origin: right;
                -ms-transform-origin: right;
                    transform-origin: right;
            -webkit-animation: scaleDown 1.13s ease-out 0.7s forwards;
                    animation: scaleDown 1.13s ease-out 0.7s forwards;
        }
.deferred-registration .graph-slope2 {
        -webkit-animation-delay: 1.17s;
                animation-delay: 1.17s;
    }
.deferred-registration .graph-slope2::after {
            -webkit-animation-delay: 1.17s;
                    animation-delay: 1.17s;
        }
.deferred-registration .axis span {
            -webkit-transform: translate3d(-40px, 0, 0);
                    transform: translate3d(-40px, 0, 0);
            -webkit-animation: slideIn 0.2s ease-out 1.37s forwards;
                    animation: slideIn 0.2s ease-out 1.37s forwards;
        }
.deferred-registration .axis div:nth-of-type(2n) span {
            -webkit-animation-delay: 1.53s;
                    animation-delay: 1.53s;
        }
.deferred-registration .axis div:nth-of-type(3n) span {
            -webkit-animation-delay: 1.8s;
                    animation-delay: 1.8s;
        }
.deferred-registration .axis div:nth-of-type(4n) span {
            -webkit-animation-delay: 2s;
                    animation-delay: 2s;
        }
.deferred-registration .axis div:nth-of-type(5n) span {
            -webkit-animation-delay: 2.17s;
                    animation-delay: 2.17s;
        }
.deferred-registration .information-banner-content-wrapper {
        -webkit-animation: slideUp 0.4s ease-out 1.8s forwards, fadeIn 0.4s ease-in-out 1.8s forwards;
                animation: slideUp 0.4s ease-out 1.8s forwards, fadeIn 0.4s ease-in-out 1.8s forwards;
    }
.deferred-registration .information-banner:nth-of-type(2n) .information-banner-content-wrapper {
            -webkit-animation-delay: 2.1s;
                    animation-delay: 2.1s;
        }
.deferred-registration .information-banner:nth-of-type(3n) .information-banner-content-wrapper {
            -webkit-animation-delay: 2.4s;
                    animation-delay: 2.4s;
        }
.main-page {
    background-image: url("https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/backgrounds/Fincore Background_desktop.f4d1f0dc3093a7cf2d557818065b9633.png");
}
.entity-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 16px 0 8px;
    background-color: rgb(29, 40, 48);
    color: white;
}
.entity-banner .entity-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 990px;
        margin: 0 auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.entity-banner .entity-content .entity-logo-overlay {
            margin-right: 16px;
        }
.entity-banner .entity-content .entity-logo-overlay.icon-overlay {
                display: none;
            }
.entity-banner .entity-content .entity-name {
            color: white;
            font-size: 1.3rem;
            font-weight: 400;
        }
.entity-banner .entity-content .entity-image-blank {
            width: 80px;
        }
.main-banner {
    background-color: white;
    width: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
.main-banner-content-wrapper {
    max-width: 990px;
    margin: 32px auto 24px;
    padding: 32px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.main-banner-content-wrapper .left-section {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
           -moz-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        -webkit-flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
            -ms-flex-preferred-size: calc(99.9% * 1/2 - (30px - 30px * 1/2));
                flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
        max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
        width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
    }
.main-banner-content-wrapper .left-section:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0;
    }
.main-banner-content-wrapper .left-section:last-child {
        margin-right: 0;
    }
.main-banner-content-wrapper .left-section:nth-child(2n) {
        margin-right: 0;
        margin-left: auto;
    }
.main-banner-content-wrapper .left-section .main-banner-header {
            font-size: 1.4rem;
            line-height: 1.2;
            font-weight: 600;
            font-family: 'Montserrat', Helvetica, sans-serif;

            margin-bottom: 16px;
        }
@media (max-width: 50em) {
.main-banner-content-wrapper .left-section .main-banner-header {
        font-size: 1.7rem;
        }
    }
.main-banner-content-wrapper .left-section .cta-button-container {
            margin-top: 16px;
        }
.main-banner-content-wrapper .left-section .cta-button-container a {
                display: inline-block;
                text-decoration: none;
                padding: 8px 16px;
                border-radius: 24px;
                cursor: pointer;
                -webkit-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                text-align: center;

                -webkit-transition: none;

                -o-transition: none;

                transition: none;
                color: white;
                background-color: #005cb9;
            }
@media (max-width: 40em) {
.main-banner-content-wrapper .left-section .cta-button-container a {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
            }
    }
.main-banner-content-wrapper .right-section {
        width: 560px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
           -moz-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        -webkit-flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
            -ms-flex-preferred-size: calc(99.9% * 1/2 - (30px - 30px * 1/2));
                flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
        max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
        width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
    }
.main-banner-content-wrapper .right-section:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0;
    }
.main-banner-content-wrapper .right-section:last-child {
        margin-right: 0;
    }
.main-banner-content-wrapper .right-section:nth-child(2n) {
        margin-right: 0;
        margin-left: auto;
    }
.main-banner-content-wrapper .right-section .graph-image {
            padding-bottom: 24px;
            z-index: 3;
        }
.main-banner-content-wrapper .right-section .graph-image img {
                width: 100%;
                height: 270px;
            }
.main-banner-content-wrapper .right-section .graph-image::after {
                z-index: 4;
            }
.main-banner-content-wrapper .right-section .graph-image,
        .main-banner-content-wrapper .right-section .graph-slope1,
        .main-banner-content-wrapper .right-section .graph-slope2 {
            width: 100%;
        }
.main-banner-content-wrapper .right-section .graph-image::after, .main-banner-content-wrapper .right-section .graph-slope1::after, .main-banner-content-wrapper .right-section .graph-slope2::after {
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                content: "";
                background: white;
                height: 291px;
            }
.main-banner-content-wrapper .right-section .graph-slope1,
        .main-banner-content-wrapper .right-section .graph-slope2 {
            position: absolute;
            top: 0;
        }
.main-banner-content-wrapper .right-section .graph-slope1 {
            z-index: 2;
        }
.main-banner-content-wrapper .right-section .graph-slope1::after {
                z-index: 2;
            }
.main-banner-content-wrapper .right-section .graph-slope2 {
            z-index: 1;
        }
.main-banner-content-wrapper .right-section .graph-slope2::after {
                z-index: 1;
            }
.main-banner-content-wrapper .right-section::after {
            content: "Total Student Debt";
            position: absolute;
            left: 24px;
            top: 16px;
            padding: 8px;
            background: white;
            -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            z-index: 5;

            font-size: 0.625rem;

            line-height: 1.5;

            font-weight: 300;

            font-family: 'Montserrat', Helvetica, sans-serif;
        }
.main-banner-content-wrapper .right-section .axis {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-transform: scaleX(1.1);
                -ms-transform: scaleX(1.1);
                    transform: scaleX(1.1);
            -webkit-transform-origin: left;
                -ms-transform-origin: left;
                    transform-origin: left;
        }
.main-banner-content-wrapper .right-section .axis div {
                font-size: 0.625rem;
                line-height: 1.5;
                font-weight: 300;
                font-family: 'Montserrat', Helvetica, sans-serif;

                overflow: hidden;
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                   -moz-box-flex: 0;
                    -ms-flex-positive: 0;
                        flex-grow: 0;
                -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                -webkit-flex-basis: calc(99.9% * 1/5 - (30px - 30px * 1/5));
                    -ms-flex-preferred-size: calc(99.9% * 1/5 - (30px - 30px * 1/5));
                        flex-basis: calc(99.9% * 1/5 - (30px - 30px * 1/5));
                max-width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
                width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
            }
.main-banner-content-wrapper .right-section .axis div:nth-child(1n) {
                margin-right: 30px;
                margin-left: 0;
            }
.main-banner-content-wrapper .right-section .axis div:last-child {
                margin-right: 0;
            }
.main-banner-content-wrapper .right-section .axis div:nth-child(5n) {
                margin-right: 0;
                margin-left: auto;
            }
.main-banner-content-wrapper .right-section .axis div span {
                    display: block;
                }
.banner-section .banner-header-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        margin: 64px auto 16px;
        max-width: 990px;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
.banner-section .banner-header-section .refi-image {
            height: 40px;
            width: 40px;
            margin-right: 8px;
        }
.banner-section .banner-header-section .banner-header {
            font-size: 1.4rem;
            line-height: 1.2;
            font-weight: 600;
            font-family: 'Montserrat', Helvetica, sans-serif;

            margin: auto 0;
        }
@media (max-width: 50em) {
.banner-section .banner-header-section .banner-header {
        font-size: 1.7rem;
        }
    }
.information-banner {
    overflow: hidden;
}
.legal {
    background-color: rgb(29, 40, 48);
}
.legal .footnotes {
        font-size: 0.725rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        max-width: 990px;
        margin: 0 auto;
        padding: 32px 0;
        color: white;
    }
.legal .footnotes .lender-footnote {
            padding: 8px;
        }
@media (max-width: 50em) {
    .main-page {
        background-image: url("https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/backgrounds/Fincore Background_tablet.880ef66de9187c7622ab0b270e263957.png");
    }

    .entity-banner {
        margin-top: 64px;
        padding: 16px 24px;
    }

    .dashboard-banner,
    .dashboard-banner-light {
        margin-top: 64px;
    }

    .main-banner-content-wrapper {
        max-width: 600px;
        margin: 32px auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }

        .main-banner-content-wrapper .left-section {
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/1 - (30px - 30px * 1/1));
                -ms-flex-preferred-size: calc(99.9% * 1/1 - (30px - 30px * 1/1));
                    flex-basis: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            max-width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
               -moz-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
        }

        .main-banner-content-wrapper .left-section:nth-child(1n) {
            margin-right: 30px;
            margin-left: 0;
        }

        .main-banner-content-wrapper .left-section:last-child {
            margin-right: 0;
        }

        .main-banner-content-wrapper .left-section:nth-child(1n) {
            margin-right: 0;
            margin-left: auto;
        }

            .main-banner-content-wrapper .left-section .main-banner-header {
                font-size: 18px;
            }

        .main-banner-content-wrapper .right-section {
            width: 100%;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/1 - (30px - 30px * 1/1));
                -ms-flex-preferred-size: calc(99.9% * 1/1 - (30px - 30px * 1/1));
                    flex-basis: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            max-width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
            margin-bottom: 32px;
            overflow: hidden;
        }

        .main-banner-content-wrapper .right-section:nth-child(1n) {
            margin-right: 30px;
            margin-left: 0;
        }

        .main-banner-content-wrapper .right-section:last-child {
            margin-right: 0;
        }

        .main-banner-content-wrapper .right-section:nth-child(1n) {
            margin-right: 0;
            margin-left: auto;
        }
                .main-banner-content-wrapper .right-section .graph-slope1 img, .main-banner-content-wrapper .right-section .graph-slope2 img {
                    -webkit-transform: scaleX(1.2) scaleY(1);
                        -ms-transform: scaleX(1.2) scaleY(1);
                            transform: scaleX(1.2) scaleY(1);
                    -webkit-transform-origin: bottom left;
                        -ms-transform-origin: bottom left;
                            transform-origin: bottom left;
                }
        .banner-section .banner-header-section {
            max-width: 600px;
        }
}
@media (max-width: 30em) {
    .main-page {
        background-image: url("https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/backgrounds/Fincore Background_mobile.2f4930d981ba0c1cdb61e0b45452b881.png");
    }

    .main-banner-content-wrapper {
        margin: 32px 24px 0;
        max-width: 360px;
    }
            .main-banner-content-wrapper .left-section .cta-button-container {
                width: 300px;
                margin: 0 auto;
            }
            .main-banner-content-wrapper .right-section .axis div {
                font-size: 0.4rem;
            }
                .main-banner-content-wrapper .right-section .graph-slope1 img, .main-banner-content-wrapper .right-section .graph-slope2 img {
                    height: 270px;
                    width: 100%;
                }

            .main-banner-content-wrapper .right-section .graph-slope1 img {
                -webkit-transform: scaleX(1);
                    -ms-transform: scaleX(1);
                        transform: scaleX(1);
            }

            .main-banner-content-wrapper .right-section .graph-slope2 img {
                -webkit-transform: scaleX(0.75);
                    -ms-transform: scaleX(0.75);
                        transform: scaleX(0.75);
            }

            .main-banner-content-wrapper .right-section::after {
                left: 16px;
            }
        .banner-section .banner-header-section {
            margin: 64px 24px 16px;
            max-width: 360px;
        }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
header.page-header {
    width: 100%;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 64px;
    background: rgb(29, 40, 48);
    z-index: 70;
}
header.page-header .header-item {
        margin-left: 8px;
    }
.header-small-screen {
    background: rgb(29, 40, 48);
    z-index: 70;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.header-small-screen .header-small-screen-menu-container {
        height: 64px;
    }
.header-small-screen-expanded .nav-container .login > .header-item-expandable-label {
            color: #00a0d4;
        }
.non-clickable {
    margin-left: 8px;
}
@media (max-width: 50em) {
    .non-clickable {
        display: none;
    }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.labelled-item {
    /* allow shrinking */
    min-width: 16px;
    cursor: default;
}
.labelled-item .label-link {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        text-decoration: none;
        min-width: 0;
        width: 100%;
        z-index: 71;
        -webkit-transition: color 0.4s ease;
        -o-transition: color 0.4s ease;
        transition: color 0.4s ease;
        font-weight: 600;
        padding: 8px;
    }
.labelled-item .label-link:hover {
            color: #00a0d4;
        }
.labelled-item i {
        margin-right: 4px;
    }
.labelled-item .header-label {
        /* fix wrapping, truncate with ellipsis instead */
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;

        -webkit-box-flex: 0;

        -webkit-flex: 0 1 auto;

           -moz-box-flex: 0;

            -ms-flex: 0 1 auto;

                flex: 0 1 auto;
    }
.labelled-item.selected > a {
            color: #00a0d4;

            /* color: black; */
        }
.login-link-section .login-link-content {
        display: inline-block;
    }
.login-link-section .right-arrow-wrapper {
        margin-top: 14%;
        vertical-align: top;
    }
@media (max-width: 80em) {
                .full-screen-header .labelled-item .label-link i {
                    font-size: 1rem;
                }
                .full-screen-header .sub-items .labelled-item .header-label {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                }
}
@media (max-width: 50em) {
            .page-header .small-screen-header .label-link {
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
            }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.logo-item {
    min-width: 240px;
}
.logo-item .site-logo-container {
        z-index: 70;
        width: 240px;
        height: 64px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.logo-item .site-logo-container .site-logo {
            background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/gradifui/assets/gradifi_logo_horiz_light.0062a9ecaa322a39d9e2107a62c90679.svg) left center no-repeat;
            padding: 8px 0;
            background-origin: content-box;
            background-size: contain;
            width: 240px;
            height: 64px;
            display: inline-block;
        }

/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
.page-header {
    color: white;
    z-index: 70;
}
.page-header .full-screen-header {
        padding: 0 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        background-color: rgb(29, 40, 48);
    }
.page-header .small-screen-header {
        display: none;
    }
.page-header .left-section,
    .page-header .right-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.page-header .right-section {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
           -moz-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
.page-header .left-section {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
           -moz-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        min-width: 0;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
           -moz-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
    }
.page-header .header-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 16px;
        height: 64px;
    }
.page-header .header-item .sub-item-container {
            overflow: hidden;
            position: absolute;
            padding-top: 4px;
            top: 60px;
            left: 0;
            min-width: 100%;
        }
/* further nested menus don't need to adjust for header height */
.page-header .header-item .sub-item-container .sub-item-container {
                top: 0;
                left: 0;
            }
.page-header .sub-items {
        width: 100%;
        background-color: rgb(29, 40, 48);
        z-index: 69;
    }
.page-header .sub-items .header-item {
            height: auto;
            margin: 0;
        }
.page-header .payment-accounts .sub-item-container .icon-bank {
        display: none;
    }
@media (max-width: 65em) {
    .page-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 64px;
        z-index: 70;
    }

        .page-header .full-screen-header {
            display: none;
        }

        .page-header .small-screen-header {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            max-width: 100vw;
        }

            .page-header .small-screen-header .left-section {
                width: 100%;
                max-width: 100%;
            }

            .page-header .small-screen-header .header-item {
                margin: 0;
                width: 100%;
            }

            .page-header .small-screen-header .mobile-menu-container + .sub-item-container > .sub-items {
                height: 100vh;
            }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.menu-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 68;
    background-color: rgba(29,41,52, 0.7);
}
.page-header .mobile-menu-item {
    min-width: 280px;
}
.page-header .mobile-menu-item .mobile-menu-container {
        width: 100%;
    }
.page-header .mobile-menu-item .mobile-header-container,
    .page-header .mobile-menu-item .mobile-header-container-marketing {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        padding: 0 8px;
        height: 64px;
        background-color: rgb(29, 40, 48);
        z-index: 71;
    }
.page-header .mobile-menu-item .mobile-header-container .mobile-buttons-section, .page-header .mobile-menu-item .mobile-header-container-marketing .mobile-buttons-section {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
.page-header .mobile-menu-item .mobile-header-container .mobile-buttons-section .spacer, .page-header .mobile-menu-item .mobile-header-container-marketing .mobile-buttons-section .spacer {
                border-right: 1px solid #5a666e;
                margin: 16px;
                width: 2px;
            }
.page-header .mobile-menu-item .mobile-header-container .mobile-buttons-section .btn-demo, .page-header .mobile-menu-item .mobile-header-container-marketing .mobile-buttons-section .btn-demo {
                text-align: center;
                -webkit-align-self: center;
                    -ms-flex-item-align: center;
                            -ms-grid-row-align: center;
                        align-self: center;
            }
.page-header .mobile-menu-item .mobile-header-container-marketing {
        background-color: white;
    }
.page-header .mobile-menu-item .site-logo-container {
        top: 8px;
        width: 90px;
        height: 32px;
        display: inline-block;
    }
.page-header .mobile-menu-item .site-logo-container .site-logo-marketing {
            background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/marketing/assets/redesign/gradifi_logo_dark_font.97a00a1c20d8057a815b8944da01381f.png) left center no-repeat;
            background-size: contain;
            width: 100%;
            height: 40px;
            display: inline-block;
        }
.page-header .mobile-menu-item .site-logo-container .site-logo {
            background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/gradifui/assets/gradifi_logo_horiz_light.0062a9ecaa322a39d9e2107a62c90679.svg) left center no-repeat;
            background-size: contain;
            width: 100%;
            height: 40px;
            display: inline-block;
        }
.page-header .mobile-menu-item .sub-item-container {
        min-width: auto;
        height: 100vh;
    }
.page-header .mobile-menu-item .sub-item-container .sub-items {
            width: 100%;
        }
.page-header .mobile-menu-item .sub-item-container .sub-items .logo-item {
                display: none;
            }
.page-header .mobile-menu-item .sub-item-container .sub-items .left-section {
                padding-top: 32px;
                padding-left: 32px;
            }
.page-header .mobile-menu-item .sub-item-container .sub-items .left-section > .header-item {
                    height: 52px;
                    padding-bottom: 32px;
                }
.page-header .mobile-menu-item .sub-item-container .sub-items .left-section,
            .page-header .mobile-menu-item .sub-item-container .sub-items .right-section {
                display: block;
            }
.page-header .mobile-menu-item .sub-item-container .sub-items .labelled-item {
                margin-bottom: 8px;
            }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .header-item:first-of-type .label-link {
                    -webkit-box-align: baseline;
                    -webkit-align-items: baseline;
                       -moz-box-align: baseline;
                        -ms-flex-align: baseline;
                            align-items: baseline;
                    padding-top: 0;
                }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .labelled-item {
                    height: 54px;
                    padding-left: 60px;
                }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .labelled-item .label-link {
                        padding-left: 4px;
                    }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item {
                    -webkit-box-align: start;
                    -webkit-align-items: flex-start;
                       -moz-box-align: start;
                        -ms-flex-align: start;
                            align-items: flex-start;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                       -moz-box-orient: vertical;
                       -moz-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    padding: 0 0 16px;
                    margin-top: 32px;
                }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item .user-item-button {
                        width: auto;
                        margin-bottom: 16px;
                        padding: 8px 0 8px 24px;
                        font-size: 1rem;
                        font-weight: 600;
                        height: 52px;
                    }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item .user-item-button .icon-down-open {
                            display: none;
                        }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item .user-item-button + .sub-item-container .header-item:not(:first-of-type) .label-link {
                            padding-top: 0;
                            -webkit-box-align: baseline;
                            -webkit-align-items: baseline;
                               -moz-box-align: baseline;
                                -ms-flex-align: baseline;
                                    align-items: baseline;
                        }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item .sub-item-container {
                        padding: 0;
                    }
.page-header .mobile-menu-item .sub-item-container .sub-items .right-section .user-item .sub-items {
                        padding-left: 4px;
                    }
.page-header .mobile-menu-item .sub-item-container .sub-items .header-item {
                -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                   -moz-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                padding: 0 24px;
                margin-bottom: 0;
            }
.page-header .mobile-menu-item .sub-item-container .sub-items .header-item .label-link {
                    width: auto;
                    margin-left: 4px;
                    font-size: 1rem;
                    font-weight: 600;
                }
.page-header .mobile-menu-item .sub-item-container .sub-items .header-item .label-link i {
                        margin-right: 16px;
                    }
.page-header .mobile-menu-item .sub-item-container .payment-accounts + .header-item {
                margin-top: 4px;
            }
.page-header .mobile-menu-item .sub-item-container .payment-accounts > .header-item {
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                   -moz-box-align: start;
                    -ms-flex-align: start;
                        align-items: flex-start;
                margin-left: 32px;
                padding-bottom: 0;
            }
.page-header .mobile-menu-item .sub-item-container .payment-accounts > .header-item > .sub-item-container {
                    padding-top: 0;
                }
.page-header .mobile-menu-item .sub-item-container .payment-accounts > .header-item > .sub-item-container > .header-item {
                        height: 52px;
                        margin-bottom: 2px;
                    }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .header-item {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                   -moz-box-orient: vertical;
                   -moz-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                padding: 0;
                right: 4px;
            }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .header-item:first-of-type {
                    padding-bottom: 24px;
                }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .header-item:first-of-type i {
                        margin-right: 16px;
                    }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .header-item:not(:first-of-type) {
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                       -moz-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .header-item:not(:first-of-type) .label-link {
                        padding-top: 0;
                        -webkit-box-align: baseline;
                        -webkit-align-items: baseline;
                           -moz-box-align: baseline;
                            -ms-flex-align: baseline;
                                align-items: baseline;
                        margin: 0;
                        right: 2px;
                    }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .account-dropdown {
                display: none;
            }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .sub-item-container {
                height: auto;
            }
.page-header .mobile-menu-item .sub-item-container .payment-accounts .sub-item-container .icon-bank {
                    display: block;
                }
/* further nesting in mobile header should always be maximized */
.page-header .mobile-menu-item .sub-item-container .sub-item-container {
            position: relative;
        }
.page-header .mobile-menu-item .sub-item-container .sub-item-container .sub-items {
                position: relative;
            }
.page-header .mobile-menu-item .menu-toggle,
    .page-header .mobile-menu-item .menu-button::after,
    .page-header .mobile-menu-item .menu-button::before {
        height: 4px;
        width: 32px;
        background: white;
        border-radius: 8px;
    }
.page-header .mobile-menu-item .menu-toggle-marketing,
    .page-header .mobile-menu-item .menu-button-marketing::after,
    .page-header .mobile-menu-item .menu-button-marketing::before {
        height: 4px;
        width: 32px;
        background: #005cb9;
        border-radius: 8px;
    }
.page-header .mobile-menu-item .menu-button,
    .page-header .mobile-menu-item .menu-button-marketing {
        cursor: pointer;
        margin-right: 4px;
        margin-top: 4px;
        height: 36px;
        top: 8px;
        bottom: 8px;
        border: none;
        outline: none;
    }
.page-header .mobile-menu-item .menu-button .menu-toggle,
        .page-header .mobile-menu-item .menu-button .menu-toggle-marketing,
        .page-header .mobile-menu-item .menu-button-marketing .menu-toggle,
        .page-header .mobile-menu-item .menu-button-marketing .menu-toggle-marketing {
            top: 16px;
            -webkit-transition: -webkit-transform 250ms ease 0ms;
            transition: -webkit-transform 250ms ease 0ms;
            -o-transition: transform 250ms ease 0ms;
            transition: transform 250ms ease 0ms;
            transition: transform 250ms ease 0ms, -webkit-transform 250ms ease 0ms;
        }
.page-header .mobile-menu-item .menu-button::after,
        .page-header .mobile-menu-item .menu-button::before,
        .page-header .mobile-menu-item .menu-button-marketing::after,
        .page-header .mobile-menu-item .menu-button-marketing::before {
            content: "";
            position: absolute;
            -webkit-transition: top 250ms ease 250ms, -webkit-transform 250ms ease 0ms;
            transition: top 250ms ease 250ms, -webkit-transform 250ms ease 0ms;
            -o-transition: top 250ms ease 250ms, transform 250ms ease 0ms;
            transition: top 250ms ease 250ms, transform 250ms ease 0ms;
            transition: top 250ms ease 250ms, transform 250ms ease 0ms, -webkit-transform 250ms ease 0ms;
        }
.page-header .mobile-menu-item .menu-button::before, .page-header .mobile-menu-item .menu-button-marketing::before {
            top: 8px;
        }
.page-header .mobile-menu-item .menu-button::after, .page-header .mobile-menu-item .menu-button-marketing::after {
            top: 24px;
        }
.page-header .mobile-menu-item.menu-open .menu-button .menu-toggle, .page-header .mobile-menu-item.menu-open .menu-button-marketing .menu-toggle {
            -webkit-transform: rotateZ(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotateZ(45deg);
        }
.page-header .mobile-menu-item.menu-open .menu-button .menu-toggle-marketing, .page-header .mobile-menu-item.menu-open .menu-button-marketing .menu-toggle-marketing {
            -webkit-transform: rotateZ(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotateZ(45deg);
        }
.page-header .mobile-menu-item.menu-open .menu-button::before, .page-header .mobile-menu-item.menu-open .menu-button-marketing::before {
            top: 16px;
            -webkit-transform: rotateZ(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotateZ(45deg);
        }
.page-header .mobile-menu-item.menu-open .menu-button::after, .page-header .mobile-menu-item.menu-open .menu-button-marketing::after {
            top: 16px;
            -webkit-transform: rotateZ(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotateZ(-45deg);
        }
.page-header .mobile-menu-item.menu-open .menu-button .menu-toggle,
        .page-header .mobile-menu-item.menu-open .menu-button .menu-toggle-marketing,
        .page-header .mobile-menu-item.menu-open .menu-button::before,
        .page-header .mobile-menu-item.menu-open .menu-button::after,
        .page-header .mobile-menu-item.menu-open .menu-button-marketing .menu-toggle,
        .page-header .mobile-menu-item.menu-open .menu-button-marketing .menu-toggle-marketing,
        .page-header .mobile-menu-item.menu-open .menu-button-marketing::before,
        .page-header .mobile-menu-item.menu-open .menu-button-marketing::after {
            -webkit-transition: top 250ms ease 0ms, -webkit-transform 250ms ease 250ms;
            transition: top 250ms ease 0ms, -webkit-transform 250ms ease 250ms;
            -o-transition: top 250ms ease 0ms, transform 250ms ease 250ms;
            transition: top 250ms ease 0ms, transform 250ms ease 250ms;
            transition: top 250ms ease 0ms, transform 250ms ease 250ms, -webkit-transform 250ms ease 250ms;
        }
@media (max-width: 40em) {
        .page-header .mobile-menu-item .mobile-header-container .menu {
            margin-right: 24px;
            top: 4px;
        }

            .page-header .mobile-menu-item .mobile-header-container .menu::before {
                top: 6px;
            }

        .page-header .mobile-menu-item.menu-open .mobile-menu-container .mobile-header-container .menu::before {
            top: 16px;
        }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
a.btn-demo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgb(29, 40, 48);
    background-color: #fff;
    border: 2px solid #005cb9;
    -webkit-box-shadow: 0 21px 30px 0 rgba(0, 0, 0, 0.27);
            box-shadow: 0 21px 30px 0 rgba(0, 0, 0, 0.27);
    -webkit-transition:
        color 0.2s ease-in,
        background-color 0.2s ease-in,
        border-color 0.2s ease-in;
    -o-transition:
        color 0.2s ease-in,
        background-color 0.2s ease-in,
        border-color 0.2s ease-in;
    transition:
        color 0.2s ease-in,
        background-color 0.2s ease-in,
        border-color 0.2s ease-in;
    border-radius: 32px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;

    -webkit-box-shadow: none;

            box-shadow: none;
    font-size: 0.625rem;
    font-weight: 700;
    padding: 8px 16px;
    color: rgb(29, 40, 48);
    text-decoration: none;
}
a.btn-demo:hover {
        color: #fff;
        background-color: #005cb9;
        border-color: #fff;
    }
a.btn-demo:hover {
        border-color: #005cb9;
    }

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.site-footer {
    color: white;
    z-index: 40;
    background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/FooterDesktop.1a77eb161d5505c22c7ea28c0d7ff475.png) no-repeat;
    background-size: cover;
}
.site-footer .content-wrapper {
        max-width: 1180px;
        margin: auto;
    }
.site-footer .site-footer-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        padding: 32px 32px 0;
    }
.site-footer .site-footer-content .social-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/4);
                -ms-flex-preferred-size: calc(99.9% * 1/4);
                    flex-basis: calc(99.9% * 1/4);
            max-width: calc(99.9% * 1/4);
            width: calc(99.9% * 1/4);
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 8px 0;
        }
.site-footer .site-footer-content .social-content:nth-child(1n) {
            margin-right: 0;
            margin-left: 0;
        }
.site-footer .site-footer-content .social-content:last-child {
            margin-right: 0;
        }
.site-footer .site-footer-content .social-content .footer-logo {
                width: 180px;
                height: 70px;
                background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/gradifui/assets/gradifi_white_logo.bb8855c85b733664e315285b40677684.png) left center no-repeat;
                background-size: contain;
            }
.site-footer .site-footer-content .social-content .social-box {
                min-width: 156px;
                margin: 8px 0;
                padding: 0;
            }
.site-footer .site-footer-content .social-content .social-box li,
                .site-footer .site-footer-content .social-content .social-box a,
                .site-footer .site-footer-content .social-content .social-box i {
                    display: inline-block;
                    height: 35px;
                    width: 35px;
                }
.site-footer .site-footer-content .social-content .social-box li {
                    margin-right: 4px;
                }
.site-footer .site-footer-content .social-content .social-box i {
                    color: white;
                    font-size: 1.5rem;
                }
.site-footer .site-footer-content .link-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/2);
                -ms-flex-preferred-size: calc(99.9% * 1/2);
                    flex-basis: calc(99.9% * 1/2);
            max-width: calc(99.9% * 1/2);
            width: calc(99.9% * 1/2);
            -webkit-justify-content: space-around;
                -ms-flex-pack: distribute;
                    justify-content: space-around;
            padding-top: 8px;
        }
.site-footer .site-footer-content .link-content:nth-child(1n) {
            margin-right: 0;
            margin-left: 0;
        }
.site-footer .site-footer-content .link-content:last-child {
            margin-right: 0;
        }
.site-footer .site-footer-content .link-content .link-column {
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                   -moz-box-flex: 0;
                    -ms-flex-positive: 0;
                        flex-grow: 0;
                -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                -webkit-flex-basis: calc(99.9% * 1/3 - (16px - 16px * 1/3));
                    -ms-flex-preferred-size: calc(99.9% * 1/3 - (16px - 16px * 1/3));
                        flex-basis: calc(99.9% * 1/3 - (16px - 16px * 1/3));
                max-width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
                width: calc(99.9% * 1/3 - (16px - 16px * 1/3));
                min-width: 102px;
            }
.site-footer .site-footer-content .link-content .link-column:nth-child(1n) {
                margin-right: 16px;
                margin-left: 0;
            }
.site-footer .site-footer-content .link-content .link-column:last-child {
                margin-right: 0;
            }
.site-footer .site-footer-content .link-content .link-column:nth-child(3n) {
                margin-right: 0;
                margin-left: auto;
            }
.site-footer .site-footer-content .link-content ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
.site-footer .site-footer-content .link-content ul li {
                    padding-bottom: 24px;
                    font-size: 0.75rem;
                }
.site-footer .site-footer-content .link-content ul li a {
                        color: white;
                        text-decoration: none;
                    }
.site-footer .site-footer-content .link-content ul li a:hover {
                            color: #00a0d4;
                        }
.site-footer .site-footer-content .demo-login-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/5);
                -ms-flex-preferred-size: calc(99.9% * 1/5);
                    flex-basis: calc(99.9% * 1/5);
            max-width: calc(99.9% * 1/5);
            width: calc(99.9% * 1/5);
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            min-width: 135px;
        }
.site-footer .site-footer-content .demo-login-content:nth-child(1n) {
            margin-right: 0;
            margin-left: 0;
        }
.site-footer .site-footer-content .demo-login-content:last-child {
            margin-right: 0;
        }
.site-footer .site-footer-content .demo-login-content a {
                text-decoration: none;
                margin-top: 16px;
            }
.site-footer .site-footer-content .demo-login-content .btn-demo {
                font-size: 0.625rem;
                font-weight: 700;
                text-decoration: none;
                margin-top: 0;
            }
.site-footer .logo-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 85px;
    }
.site-footer .logo-row .image-column {
            width: calc(99.9% * 1/9);
            text-align: center;
        }
.site-footer .logo-row .image-column:nth-child(1n) {
            float: left;
            margin-right: 0;
            clear: none;
        }
.site-footer .logo-row .image-column:last-child {
            margin-right: 0;
        }
.site-footer .logo-row .image-column:nth-child(0n) {
            float: right;
        }
.site-footer .logo-row .cert-logo {
            max-width: 75px;
            max-height: 75px;
        }
.site-footer .privacy-terms-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-bottom: 1px solid #5a666e;
        font-size: 0.75rem;
        padding: 8px 0;
    }
.site-footer .privacy-terms-row li {
            display: inline-block;
            margin-right: 24px;
        }
.site-footer .privacy-terms-row li a {
                text-decoration: none;
            }
.site-footer .disclosure-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        font-size: 0.625rem;
    }
.site-footer .disclosure-row .disclosure-items {
            width: calc(99.9% * 1/2);
            padding: 16px;
        }
.site-footer .disclosure-row .disclosure-items:nth-child(1n) {
            float: left;
            margin-right: 0;
            clear: none;
        }
.site-footer .disclosure-row .disclosure-items:last-child {
            margin-right: 0;
        }
.site-footer .disclosure-row .disclosure-items:nth-child(0n) {
            float: right;
        }
@media (max-width: 50em) {
    .site-footer {
        background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/FooterTablet.af92284a1d4f45afcac2730d0227ef51.png) no-repeat;
    }

        .site-footer .logo-row {
            margin-top: 24px;
        }

            .site-footer .logo-row .image-column {
                margin-right: 24px;
            }
}
@media (max-width: 40em) {
    .site-footer {
        background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/shared/assets/FooterMobile.54e4f2f43c5e05eb45953164d8fae929.png) no-repeat;
    }

        .site-footer .site-footer-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
               -moz-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            margin-bottom: 16px;
        }

            .site-footer .site-footer-content .social-content {
                min-height: 150px;
                max-width: 300px;
                width: 300px;
            }

            .site-footer .site-footer-content .link-content {
                min-height: 200px;
                max-width: 350px;
                width: 100%;
            }

                .site-footer .site-footer-content .link-content .link-column {
                    max-width: 175px;
                    width: 175px;
                    margin: 0;
                }

            .site-footer .site-footer-content .demo-login-content {
                min-height: 110px;
            }

        .site-footer *::-ms-backdrop,
        .site-footer .site-footer-content {
            margin: auto;
        }

        .site-footer .logo-row {
            -webkit-justify-content: space-around;
                -ms-flex-pack: distribute;
                    justify-content: space-around;
        }

            .site-footer .logo-row .image-column {
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                   -moz-box-flex: 0;
                    -ms-flex-positive: 0;
                        flex-grow: 0;
                -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                -webkit-flex-basis: calc(99.9% * 1/3);
                    -ms-flex-preferred-size: calc(99.9% * 1/3);
                        flex-basis: calc(99.9% * 1/3);
                max-width: calc(99.9% * 1/3);
                width: calc(99.9% * 1/3);
            }

            .site-footer .logo-row .image-column:nth-child(1n) {
                margin-right: 0;
                margin-left: 0;
            }

            .site-footer .logo-row .image-column:last-child {
                margin-right: 0;
            }

        .site-footer .disclosure-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

            .site-footer .disclosure-row .disclosure-items {
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                   -moz-box-flex: 0;
                    -ms-flex-positive: 0;
                        flex-grow: 0;
                -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                -webkit-flex-basis: calc(99.9% * 1);
                    -ms-flex-preferred-size: calc(99.9% * 1);
                        flex-basis: calc(99.9% * 1);
                max-width: calc(99.9% * 1);
                width: calc(99.9% * 1);
                padding-bottom: 0;
            }

            .site-footer .disclosure-row .disclosure-items:nth-child(1n) {
                margin-right: 0;
                margin-left: 0;
            }

            .site-footer .disclosure-row .disclosure-items:last-child {
                margin-right: 0;
            }

        .site-footer *::-ms-backdrop,
        .site-footer .disclosure-row {
            display: block;
        }

        .site-footer *::-ms-backdrop,
        .site-footer .disclosure-row .disclosure-items:last-of-type {
            padding-bottom: 32px;
        }

        .site-footer *::-ms-backdrop,
        .site-footer .site-footer-content .demo-login-content.demo-login-content {
            margin: auto;
        }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
.dev-toolbar {
    position: fixed;
    width: 100%;

    background-color: #333;
    color: #eee;
    padding: 4px;
    font-size: 0.9rem;
    z-index: 100;
}
.dev-toolbar.bottom {
        bottom: 0;
    }
.dev-toolbar.bottom #inline-toolbar-container {
            bottom: 0;
            top: auto;
        }
.dev-toolbar .action-links {
        float: right;
    }
.dev-toolbar .action-links a {
            color: #eee;
            margin-left: 4px;
        }
.dev-toolbar .all-keys-wrapper {
        display: inline-block;
        float: left;
    }
.dev-toolbar .all-keys-wrapper .all-keys {
            max-height: 60vh;
            overflow-y: auto;
            width: 100%;
        }
.dev-toolbar .all-keys-wrapper .content-item {
            text-decoration: underline;
            min-height: 16px;
            min-width: 60px;
        }
.dev-toolbar .all-keys-wrapper .editable-content-item {
            display: inline-block;
            min-width: 60px;
            min-height: 16px;
        }
.dev-toolbar .all-keys-wrapper button {
            display: inline-block;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 24px;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            text-align: center;
            border: none;
            padding: 0;
            background-color: transparent;
        }
@media (max-width: 40em) {
.dev-toolbar .all-keys-wrapper button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%
        }
    }
.dev-toolbar .all-keys-wrapper button:focus {
        -webkit-box-shadow: none;
                box-shadow: none;
    }
@media (max-width: 40em) {
.dev-toolbar .all-keys-wrapper button {
                width: initial;
                padding: 0
        }
            }
.dev-toolbar .all-keys-wrapper button i {
                cursor: pointer;
                margin-right: 4px;
            }
.dev-toolbar .all-keys-wrapper input {
            margin-top: 4px;
            margin-right: 4px;
        }
.dev-toolbar .pending-changes {
        font-weight: bold;
        color: #f00;
    }
#inline-toolbar-container {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    background-color: #f0f0f0;
}
#inline-toolbar-container .mce-tinymce-inline {
        padding-bottom: 1px;
        border-width: 0 !important;
    }
#inline-toolbar-container .mce-btn button {
        line-height: inherit;
    }
#inline-toolbar-container .mce-toolbar-grp {
        margin-top: -1px;
    }
#inline-toolbar-container .mce-content-body div.mce-resizehandle {
        z-index: 1;
    }
.currently-editing-div {
    z-index: 100;
}
.currently-editing-div .arguments-list {
        font-size: 0.7rem;
        background-color: #f0f0f0;
        color: black;
        position: absolute;
        padding: 8px;
        border: 4px solid #00b451;
        text-align: left;
    }
.currently-editing-div .arguments-list ul {
            padding-left: 16px;
        }

.image-selector-modal {
    width: 650px;
}

    .image-selector-modal .modal-content {
        padding: 8px;
    }

.image-selector {
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}

.image-selector:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none;
}

.image-selector:last-child {
    margin-right: 0;
}

.image-selector:nth-child(1n) {
    margin-right: 0;
    float: right;
}

.image-selector:nth-child(1n + 1) {
    clear: both;
}

.image-selector .selection-details {
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
    }

.image-selector .selection-details:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none;
    }

.image-selector .selection-details:last-child {
        margin-right: 0;
    }

.image-selector .selection-details:nth-child(3n) {
        margin-right: 0;
        float: right;
    }

.image-selector .selection-details:nth-child(3n + 1) {
        clear: both;
    }

.image-selector .new-selection {
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
    }

.image-selector .new-selection:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none;
    }

.image-selector .new-selection:last-child {
        margin-right: 0;
    }

.image-selector .new-selection:nth-child(3n) {
        margin-right: 0;
        float: right;
    }

.image-selector .new-selection:nth-child(3n + 1) {
        clear: both;
    }

.image-selector .previous-images {
        margin-top: 8px;
    }

.image-selector .previous-image {
        width: 120px;
        text-align: center;
        display: inline-block;
        margin: 4px;
        cursor: pointer;
        vertical-align: top;
    }

.image-selector img {
        max-width: 100px;
        -webkit-box-shadow: 1px 1px 4px #ccc;
                box-shadow: 1px 1px 4px #ccc;
        margin: 4px;
        display: inline-block;
    }

.image-selector .image-label {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden;
    }

.image-selector button {
        margin-top: 32px;
    }

.image-selector .previous-image:hover img {
            -webkit-box-shadow: 1px 1px 4px #999;
                    box-shadow: 1px 1px 4px #999;
        }

.image-selector .previous-image:hover .image-label {
            text-decoration: underline;
        }

.image-selector h3 {
        margin: 0 0 8px;
    }

/**
 * TO BE DEPRECATED
 * Consider using *-common.css or common.css instead, or one of the categorical files below:
 */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.modal-enter {
    opacity: 0.01;
}
.modal-enter.modal-enter-active {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
}
.modal-exit {
    opacity: 1;
}
.modal-exit.modal-exit-active {
    opacity: 0.01;
    -webkit-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
}
.modal-appear {
    opacity: 0.01;
}
.modal-appear.modal-appear-active {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
}
.modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 81;
    max-width: 100vw;

    /* goes above most everything else */
    overflow-y: auto;
}
.modal-overlay .ReactCrop--crop-selection {
        display: none;
    }
.modal-dialog {
    border-radius: 4px;
    position: relative;
    background: white;
    outline: none;
    margin: 32px auto 16px;
    padding: 0;
    max-width: 95vw;
}
@media (min-width: 45em) {
.modal-dialog {
        width: 740px
}
    }
.modal-dialog.message-box {
        width: 300px;
    }
.modal-header {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Montserrat', Helvetica, sans-serif;

    border-radius: 4px 4px 0 0;
    font-weight: 500;
    border-bottom: 1px solid rgb(216, 217, 218);
    color: rgb(29, 40, 48);
    padding: 16px;
    background-color: white;
}
.modal-content {
    padding: 32px;
    overflow: auto;
    max-height: 100%;
    background: white;
    border-radius: 0 0 4px 4px;
}
.modal-radio-container {
    margin: 16px 0;
    line-height: 24px;
}
.modal-footer {
    border-radius: 0 0 4px 4px;
    background-color: rgba(0,92,185, 0.1);
    padding: 16px;
}
.modal-footer .modal-footer-close-button {
        display: inline-block;
        text-decoration: none;
        padding: 8px 16px;
        border-radius: 24px;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-align: center;

        display: block;
        margin-left: auto;
    }
@media (max-width: 40em) {
.modal-footer .modal-footer-close-button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
    }
    }
.modal-close-button {
    float: right;
    display: block;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    color: rgb(29, 40, 48);
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 0;
}
@media (max-width: 50em) {
    .modal-content {
        padding: 16px;
    }
}

/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
.modal-dialog.load-spinner {
    background-color: rgba(255, 255, 255, 0);
    border: 0;
}
.modal-dialog.load-spinner .modal-content {
        background: rgba(255, 255, 255, 0);
    }
.modal-dialog.load-spinner .modal-content .has-message {
            padding: 16px;
            background: white;
            border: 2px solid #005cb9;
            min-width: 70vw;
        }
.modal-dialog.load-spinner .modal-content .has-message .message {
                margin-top: 32px;
                font-size: 1.2rem;
                text-align: center;
                color: #005cb9;
            }
.modal-dialog.load-spinner .modal-content,
        .modal-dialog.load-spinner .modal-content .has-message,
        .modal-dialog.load-spinner .modal-content .no-message {
            min-height: 50vh;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
.modal-overlay.load-spinner-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}
.loader,
.loader div {
    width: 10em;
    height: 10em;
}
.loader {
    display: inline-block;
    position: relative;
    margin: auto;
}
.loader div {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    border: 8px solid #005cb9;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #005cb9 transparent transparent transparent;
}
.loader div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
}
.loader div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
}
.loader div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@media (max-width: 30em), (max-width: 46em) and (orientation: landscape) {
    .loader,
    .loader div {
        width: 6em;
        height: 6em;
    }

    .loader div {
        border-width: 8px;
    }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.confirmation-modal.modal-dialog {
        margin-top: 32px;
        border-radius: 4px;
        padding: 0;
    }
.confirmation-modal.modal-dialog .modal-header {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            background: white;
            height: initial;
            padding: 32px 16px 0 32px;
            border-bottom: 0;
        }
.confirmation-modal.modal-dialog .modal-header .modal-close-button {
                color: #8a8c8f;
                -webkit-box-shadow: 0;
                        box-shadow: 0;
            }
.confirmation-modal.modal-dialog .modal-content {
            border-radius: 4px;
            background: white;
            padding: 0;
            overflow: visible;
        }
.confirmation-modal.modal-dialog .modal-body {
            padding: 32px;
        }
.confirmation-modal.modal-dialog .button-container {
            padding: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
               -moz-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-flex-wrap: wrap-reverse;
                -ms-flex-wrap: wrap-reverse;
                    flex-wrap: wrap-reverse;
            background-color: rgb(229, 242, 255);
            border-radius: 0 0 4px 4px;
        }
.confirmation-modal.modal-dialog .button-container a,
            .confirmation-modal.modal-dialog .button-container button {
                margin-left: 16px;
            }
@media (max-width: 40em) {
        .confirmation-modal.modal-dialog {
            margin: 8px;
            max-width: 100vw;
        }

            .confirmation-modal.modal-dialog .modal-header {
                padding: 24px;
            }

            .confirmation-modal.modal-dialog .modal-body {
                padding: 24px;
            }

            .confirmation-modal.modal-dialog .button-container {
                max-width: 100vw;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                padding-bottom: 24px;
            }

                .confirmation-modal.modal-dialog .button-container a,
                .confirmation-modal.modal-dialog .button-container button {
                    margin: 8px;
                }
    }
.confirmation-modal .message {
        margin-bottom: 16px;
    }
.confirmation-modal .button-container .cancel-button {
            text-decoration: underline;
            cursor: pointer;
            padding: 0;
            margin: 8px 16px;
            background: transparent;
            border: none;
            color: rgb(29, 40, 48);
            -webkit-box-shadow: none;
                    box-shadow: none;
        }
.confirmation-modal .button-container .cancel-button:disabled {
        color: rgb(216, 217, 218);
        cursor: default;
    }
.confirmation-modal .button-container .confirm-button {
            display: inline-block;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 24px;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 24px;
            cursor: pointer;
            transition: all 0.2s ease-in;
            text-align: center;
            border: 2px solid #005cb9;
            color: white;
            background-color: #005cb9;
        }
@media (max-width: 40em) {
.confirmation-modal .button-container .confirm-button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
        }
    }
@media (max-width: 40em) {
.confirmation-modal .button-container .confirm-button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
        }
    }
.confirmation-modal .button-container .confirm-button:hover {
        background-color: rgb(0, 76, 153);
        border-color: rgb(0, 76, 153);
    }
.confirmation-modal .button-container .confirm-button:disabled {
        border-color: #8a8c8f;
        background-color: #8a8c8f;
        color: white;
        cursor: default;
    }
@media (max-width: 40em) {
            .confirmation-modal.modal-dialog .modal-content .modal-header {
                padding: 16px 24px 8px;
            }

            .confirmation-modal.modal-dialog .modal-content .button-container {
                padding: 8px;
            }

                .confirmation-modal.modal-dialog .modal-content .button-container .cancel-button {
                    margin-top: 4px;
                    height: 35px;
                }
}

/**
 * TO BE DEPRECATED
 * Consider using *-common.css or common.css instead, or one of the categorical files below:
 */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.flash-page-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120;
}
.flash-page-wrapper .flash-container {
        position: fixed;
    }
.flash-message {
    overflow: hidden;
    padding: 8px;
    width: 100%;
}
.flash-message:before {
    content: '';
    display: table;
}
.flash-message:after {
    content: '';
    display: table;
    clear: both;
}
.flash-message.flash-enter {
        padding: 0 8px;
        max-height: 0;
    }
.flash-message.flash-enter.flash-enter-active {
        padding: 8px;
        max-height: 100px;
        -webkit-transition: max-height 0.4s ease-in, padding 0.4s ease-in;
        -o-transition: max-height 0.4s ease-in, padding 0.4s ease-in;
        transition: max-height 0.4s ease-in, padding 0.4s ease-in;
    }
.flash-message.flash-exit {
        padding: 8px;
        max-height: 100px;
    }
.flash-message.flash-exit.flash-exit-active {
        padding: 0 8px;
        max-height: 0;
        -webkit-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        -o-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    }
.flash-message .close-button {
        float: right;
        padding: 0;
        margin: 0;
        background-color: transparent;
    }
.flash-message a {
        margin-left: 8px;
        text-decoration: underline;
        color: #005cb9;
        cursor: pointer;
    }
.flash-message a:hover {
            color: blue;
        }
.flash-container {
    width: 100%;
}
.flash-container .flash-message {
        font-size: 1.125rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        font-weight: 600;
        text-align: center;
    }
.flash-container .flash-message.success {
            color: white;
            background-color: #00843d;
        }
.flash-container .flash-message.warning {
            color: white;
            background-color: #b36200;
        }
.flash-container .flash-message.error {
            color: white;
            background-color: #c8102e;
        }
.message-container .flash-message {
        margin-bottom: 16px;
        font-weight: 600;
        border: 1px solid rgb(177, 178, 180);
    }
.message-container .flash-message.success {
            color: #00843d;
            border-color: #00843d;
        }
.message-container .flash-message.warning {
            color: #e58c23;
            border-color: #e58c23;
        }
.message-container .flash-message.error {
            color: #c8102e;
            border-color: #c8102e;
        }
.message-container .flash-message .icon {
            padding-right: 4px;
        }

/**
 * TO BE DEPRECATED
 * Consider using *-common.css or common.css instead, or one of the categorical files below:
 */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.session-expiring-modal .session-expiration-info p {
            margin-top: 16px;
        }
.session-expiring-modal .session-expiration-modal-buttons {
        border-top: 1px solid darkgray;
        margin-top: 16px;
        text-align: center;
    }
.session-expiring-modal .session-expiration-modal-buttons button {
            margin-top: 16px;
        }
.session-expiring-modal .session-expiration-modal-buttons .session-logout {
            margin-left: 65px;
        }
.session-expiring-modal .session-expiration-modal-buttons .session-extend {
            display: inline-block;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 24px;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 24px;
            cursor: pointer;
            transition: all 0.2s ease-in;
            text-align: center;
            border: 2px solid #005cb9;
            color: white;
            background-color: #005cb9;
        }
@media (max-width: 40em) {
.session-expiring-modal .session-expiration-modal-buttons .session-extend {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
        }
    }
@media (max-width: 40em) {
.session-expiring-modal .session-expiration-modal-buttons .session-extend {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
        }
    }
.session-expiring-modal .session-expiration-modal-buttons .session-extend:hover {
        background-color: rgb(0, 76, 153);
        border-color: rgb(0, 76, 153);
    }
.session-expiring-modal .session-expiration-modal-buttons .session-extend:disabled {
        border-color: #8a8c8f;
        background-color: #8a8c8f;
        color: white;
        cursor: default;
    }
@media (max-width: 30em) {
            .session-expiring-modal .session-expiration-modal-buttons .session-logout {
                margin-left: 0;
            }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.information-banner {
    background-color: white;
    width: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    margin-bottom: 32px;
}
.information-banner-content-wrapper {
    margin: 0 auto;
    padding: 32px 0;
    max-width: 990px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.information-banner-content-wrapper .left-section {
        margin: 0 24px auto;
    }
.information-banner-content-wrapper .left-section img {
            height: 100px;
        }
.information-banner-content-wrapper .right-section {
        width: 800px;
    }
.information-banner-content-wrapper .right-section .banner-header {
            font-size: 1.4rem;
            line-height: 1.2;
            font-weight: 600;
            font-family: 'Montserrat', Helvetica, sans-serif;

            margin-bottom: 16px;
        }
@media (max-width: 50em) {
.information-banner-content-wrapper .right-section .banner-header {
        font-size: 1.7rem;
        }
    }
.information-banner-content-wrapper .right-section .cta-button-container {
            margin-top: 24px;
            height: 40px;
        }
.information-banner-content-wrapper .right-section .cta-button-container a {
                display: inline-block;
                text-decoration: none;
                padding: 8px 16px;
                border-radius: 24px;
                cursor: pointer;
                -webkit-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                text-align: center;

                color: white;
                background-color: #00843d;
            }
@media (max-width: 40em) {
.information-banner-content-wrapper .right-section .cta-button-container a {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
            }
    }
@media (max-width: 50em) {
    .information-banner-content-wrapper {
        max-width: 600px;
    }

        .information-banner-content-wrapper .left-section {
            margin: 0 16px auto 24px;
        }

        .information-banner-content-wrapper .right-section {
            width: 550px;
        }

            .information-banner-content-wrapper .right-section .banner-header {
                font-size: 18px;
            }
}
@media (max-width: 30em) {
    .information-banner-content-wrapper {
        max-width: 360px;
    }

        .information-banner-content-wrapper .right-section {
            width: 275px;
            margin-right: 24px;
        }

            .information-banner-content-wrapper .right-section .cta-button-container {
                width: 295px;
            }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.supporting-details-form {
    max-width: 400px;
}
.supporting-details-form .name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
.supporting-details-form .input-container label {
            display: block;
            font-weight: 400;
        }
.supporting-details-form .input-container input,
        .supporting-details-form .input-container select {
            width: 100%;
        }
.supporting-details-form .input-container.last-name {
            padding-left: 32px;
        }
.supporting-details-form .input-container.degree-type {
            margin-bottom: 16px;
        }
.supporting-details-form .input-container.phone-number {
            margin-top: 8px;
        }
.supporting-details-form .input-container.phone-number .tooltip {
                color: #005cb9;
            }
.supporting-details-form .input-container.zip-code,
        .supporting-details-form .input-container.loan-balance,
        .supporting-details-form .input-container.credit-score {
            margin-bottom: 0;
        }
.supporting-details-form .input-container.zip-code .error-message-container, .supporting-details-form .input-container.loan-balance .error-message-container, .supporting-details-form .input-container.credit-score .error-message-container {
                display: none;
            }
.supporting-details-form .input-container.degree-type,
        .supporting-details-form .input-container.credit-score {
            margin-top: 16px;
        }
.supporting-details-form .input-message.warning-message,
        .supporting-details-form .input-message.subtext-message {
            margin-left: 0;
            padding-left: 0;
        }
.supporting-details-form .input-message.warning-message {
            color: #b36200;
        }
@media (max-width: 50em) {
        .supporting-details-form .name {
            display: inline;
        }
            .supporting-details-form .input-container.last-name {
                display: block;
                padding-left: 0;
            }
}

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.custom-input .optional-placeholder {
        z-index: 1;
        position: absolute;
        right: 8px;
        bottom: 4px;
        color: #8a8c8f;
        font-weight: 400;
    }

/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.custom-form *[disabled] {
        color: #8a8c8f;
        background-color: rgb(242, 242, 243);
        cursor: context-menu;
    }
.custom-form h4,
    .custom-form h5 {
        margin: 8px 0;
    }
.custom-form section {
        margin-bottom: 16px;
    }
.custom-form .input-row:before {
        content: '';
        display: table;
    }
.custom-form .input-row:after {
        content: '';
        display: table;
        clear: both;
    }
.custom-form .input-row select,
        .custom-form .input-row input[type="text"],
        .custom-form .input-row input[type="email"],
        .custom-form .input-row input[type="password"] {
            min-width: auto;
            width: 100%;
        }
.custom-form .input-message.submit-error {
        margin-bottom: 8px;
    }
.custom-form .radio-group {
        margin: 8px 0;
    }
.custom-form .radio-group .input-row {
            margin-left: 16px;
            margin-bottom: 4px;
        }
.custom-form .inline-input {
        display: inline-block;
        width: 80px;
        margin-left: 4px;
        margin-right: 4px;
    }
.custom-form span.label::before {
            content: '';
            margin-right: 16px;
        }
.custom-form .top-level-error-message {
        margin-bottom: 16px;
    }
.custom-form .input-message {
        font-size: 0.725rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        display: inline-block;
        padding: 4px;
        margin-left: 4px;
    }
.custom-form .valid-message {
        color: green;
        font-weight: 600;
    }
.custom-form .invalid-message {
        color: #c8102e;
        border-bottom: 1px dotted #c8102e;
        font-weight: 600;
    }
.custom-form .error-message {
        color: #c8102e;
        border-bottom: 1px dotted #c8102e;
        font-weight: 600;
    }
.custom-form .error-message a {
            color: #c8102e;
            text-decoration: underline;
            font-weight: 700;
        }
.custom-form .error-message-details {
        font-size: 0.725rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        color: #c8102e;
        font-weight: 600;
    }
.custom-form .warning-message {
        color: #b36200;
        border-bottom-color: #b36200;
    }
.custom-form .has-errors input,
        .custom-form .has-errors select {
            border: #c8102e 1px solid;
        }
.custom-form .custom-multiselect.has-errors input {
            border: none;
        }
.custom-form label.primary {
        font-weight: 600;
    }
.custom-form label .additional-description {
        font-weight: 400;
    }
.custom-form .input-container {
        margin-bottom: 16px;
    }
.custom-form .input-container label {
            margin-bottom: 4px;
            font-weight: 600;
        }
.custom-form .custom-submit,
    .custom-form .custom-button {
        display: inline-block;
        text-decoration: none;
        padding: 8px 16px;
        border-radius: 24px;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-align: center;
        display: inline-block;
        text-decoration: none;
        padding: 8px 16px;
        border-radius: 24px;
        cursor: pointer;
        transition: all 0.2s ease-in;
        text-align: center;
        border: 2px solid #005cb9;
        color: white;
        background-color: #005cb9;
    }
@media (max-width: 40em) {
.custom-form .custom-submit,
    .custom-form .custom-button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
    }
    }
@media (max-width: 40em) {
.custom-form .custom-submit,
    .custom-form .custom-button {
        height: 50px;
        margin: 8px 0;
        padding: 16px 16px 8px 16px;
        text-align: center;
        width: 100%;
    }
    }
.custom-form .custom-submit:hover, .custom-form .custom-button:hover {
        background-color: rgb(0, 76, 153);
        border-color: rgb(0, 76, 153);
    }
.custom-form .custom-submit:disabled, .custom-form .custom-button:disabled {
        border-color: #8a8c8f;
        background-color: #8a8c8f;
        color: white;
        cursor: default;
    }
.custom-form .custom-button.alt {
        background-color: #e58c23;
        color: white;
        font-weight: 600;
        width: auto;
    }

/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/* Mixins to be applied to the .tooltip element of Tooltip.js */
.tooltip {

    display: inline-block;
    text-decoration: none;
}
.tooltip .tooltip-content {
        color: rgb(29, 40, 48);
    }
.tooltip .tooltip-content {
        background-color: white;
    }
.tooltip .primary-top .tooltip-content::after {
        border-top: 14px solid white;
    }
.tooltip .primary-bottom .tooltip-content::after {
        border-bottom: 14px solid white;
    }
.tooltip .primary-left .tooltip-content::after {
        border-left: 14px solid white;
    }
.tooltip .primary-right .tooltip-content::after {
        border-right: 14px solid white;
    }
.tooltip .tooltip-content {
        border: 1px solid rgb(177, 178, 180);
    }
.tooltip .primary-top .tooltip-content::before {
        border-top: solid 16px rgb(177, 178, 180);
    }
.tooltip .primary-bottom .tooltip-content::before {
        border-bottom: solid 16px rgb(177, 178, 180);
    }
.tooltip .primary-left .tooltip-content::before {
        border-left: 16px solid rgb(177, 178, 180);
    }
.tooltip .primary-right .tooltip-content::before {
        border-right: 16px solid rgb(177, 178, 180);
    }
.tooltip .icon-info-circled {
        background-color: ;
        color: rgb(0, 51, 102) white;
    }
.tooltip .tooltip-content .cancel-button-container {
            color: white;
        }
.tooltip .tooltip-content {
        -webkit-box-shadow: 1px 1px 3px 1px rgba(rgb(29, 40, 48), 0.2);
                box-shadow: 1px 1px 3px 1px rgba(rgb(29, 40, 48), 0.2);
    }
.tooltip > a {
        text-decoration: none;
    }
.tooltip .icon-info-circled {
        font-size: 0.875rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        line-height: 1;
        vertical-align: top;
        pointer-events: all;
        cursor: pointer;
    }
.tooltip.has-label > a {
            text-decoration: underline;
        }
.tooltip.has-label .primary-right {
            position: absolute;
            right: 10px;
        }
.tooltip .tooltip-mount {
        width: 0;
        height: 0;
    }
.tooltip .tooltip-content {
        font-size: 0.725rem;
        line-height: 1.5;
        text-transform: uppercase;
        font-weight: 500;
        font-family: 'Montserrat', Helvetica, sans-serif;

        text-transform: none;
        width: 300px;
        position: absolute;
        min-width: 100px;
        min-height: 32px;
        z-index: 60;
        text-align: left;
        border-radius: 8px;
        padding: 12px;
    }
.tooltip .tooltip-content .cancel-button-container {
            position: absolute;
            right: 4px;
            top: 4px;
            font-size: 1rem;
            cursor: pointer;
            z-index: 1;
        }
.tooltip .tooltip-content::before {
            content: "";
            position: absolute;
            border: 10px solid transparent;
            margin-left: -10px;
        }
.tooltip .tooltip-content::after {
            content: "";
            position: absolute;
            border: 8px solid transparent;
            margin-left: -8px;
        }
/* adjust positioning to account for icon size */
.tooltip .primary-right .tooltip-content {
        left: 32px;
    }
.tooltip .primary-right .tooltip-content::before {
            left: -16px;
        }
.tooltip .primary-right .tooltip-content::after {
            left: -14px;
        }
.tooltip .primary-top .tooltip-content {
        bottom: 14px;
    }
.tooltip .primary-top .tooltip-content::before {
            bottom: -26px;
        }
.tooltip .primary-top .tooltip-content::after {
            bottom: -22px;
        }
.tooltip .primary-left .tooltip-content {
        right: 12px;
    }
.tooltip .primary-left .tooltip-content::before {
            right: -26px;
        }
.tooltip .primary-left .tooltip-content::after {
            right: -22px;
        }
.tooltip .primary-bottom .tooltip-content {
        top: 32px;
    }
.tooltip .primary-bottom .tooltip-content::before {
            top: -26px;
        }
.tooltip .primary-bottom .tooltip-content::after {
            top: -22px;
        }
.tooltip .secondary-top .tooltip-content {
        bottom: -30px;
    }
.tooltip .secondary-top .tooltip-content::before {
            bottom: 10px;
        }
.tooltip .secondary-top .tooltip-content::after {
            bottom: 12px;
        }
.tooltip .secondary-bottom .tooltip-content {
        top: -12px;
    }
.tooltip .secondary-bottom .tooltip-content::before {
            top: 12px;
        }
.tooltip .secondary-bottom .tooltip-content::after {
            top: 14px;
        }
.tooltip .secondary-left .tooltip-content {
        right: -30px;
    }
.tooltip .secondary-left .tooltip-content::before {
            right: 10px;
        }
.tooltip .secondary-left .tooltip-content::after {
            right: 12px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-50 {
            right: -80px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-50::before {
            right: 60px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-50::after {
            right: 62px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-100 {
            right: -130px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-100::before {
            right: 110px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-100::after {
            right: 112px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-150 {
            right: -180px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-150::before {
            right: 160px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-150::after {
            right: 162px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-200 {
            right: -230px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-200::before {
            right: 210px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-200::after {
            right: 212px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-250 {
            right: -280px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-250::before {
            right: 260px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-250::after {
            right: 262px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-300 {
            right: -330px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-300::before {
            right: 310px;
        }
.tooltip .secondary-left .tooltip-content.adjusted-300::after {
            right: 312px;
        }
.tooltip .secondary-right .tooltip-content {
        left: -20px;
    }
.tooltip .secondary-right .tooltip-content::before,
        .tooltip .secondary-right .tooltip-content::after {
            left: 26px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-50 {
            left: -70px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-50::before,
        .tooltip .secondary-right .tooltip-content.adjusted-50::after {
            left: 76px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-100 {
            left: -120px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-100::before,
        .tooltip .secondary-right .tooltip-content.adjusted-100::after {
            left: 126px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-150 {
            left: -170px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-150::before,
        .tooltip .secondary-right .tooltip-content.adjusted-150::after {
            left: 176px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-200 {
            left: -220px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-200::before,
        .tooltip .secondary-right .tooltip-content.adjusted-200::after {
            left: 226px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-250 {
            left: -270px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-250::before,
        .tooltip .secondary-right .tooltip-content.adjusted-250::after {
            left: 276px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-300 {
            left: -320px;
        }
.tooltip .secondary-right .tooltip-content.adjusted-300::before,
        .tooltip .secondary-right .tooltip-content.adjusted-300::after {
            left: 326px;
        }

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
li:not(:last-child) {
    margin-bottom: 8px;
}
.frb-zipcode-form {
    margin-right: 8px;
}
.frb-zipcode-form .zipcode {
        display: inline-block;
    }
.frb-zipcode-form .frb-zipcode-form-label {
        margin: 16px 0 8px;
        font-weight: bold;
    }
.frb-zipcode-form .frb-zipcode-form-subtext {
        font-size: 0.725rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        display: block;
    }
.frb-zipcode-form i.icon-ok-circled {
        color: #00843d;
        display: inline;
        margin-left: 8px;
    }
.modal-header .header {
        font-size: 1.2rem;
        line-height: 1.2;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }
.modal-header .header img {
            width: 25%;
            vertical-align: sub;
        }
.modal-header .sub-header {
        font-size: 0.8125rem;
        line-height: 1.5;
        font-weight: 500;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }
.modal-body .disclosure-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        letter-spacing: 0;
    }
.table-section {
    margin-right: 16px;
    text-align: center;
    width: 100%;
}
.table-section table {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-collapse: collapse;
        text-align: start;
    }
.table-section table tr:nth-child(even) {
            background-color: #f8f8f8;
        }
.table-section table td {
            font-size: 0.8125rem;
            line-height: 1.5;
            font-weight: 500;
            font-family: 'Montserrat', Helvetica, sans-serif;

            padding: 4px 8px;
        }
.table-section .expand-table {
        margin: auto;
        width: 95%;
    }
.table-section .title {
        width: 110px;
    }
.table-section .description {
        font-weight: 600;
    }
.table-section .questions {
        font-size: 0.625rem;
        line-height: 1.5;
        font-weight: 300;
        font-family: 'Montserrat', Helvetica, sans-serif;

        width: -webkit-max-content;

        width: -moz-max-content;

        width: max-content;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
           -moz-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
.table-section .questions .labelled-item {
            margin-left: 4px;
        }
.table-section .questions .link {
            color: #005cb9;
            padding: 8px 0 0;
            z-index: auto;
        }
.deferred-section {
    font-size: 0.8125rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Montserrat', Helvetica, sans-serif;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

       -moz-box-orient: vertical;

       -moz-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    letter-spacing: 0;
    width: 95%;
}
.deferred-section .deferred-registration-reward-explanation {
        border: none;
        padding: 0;
        margin: 0;
    }
.deferred-section p {
        line-height: 1.2;
    }
@media (max-width: 40em) {
    .modal-header {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center;
        text-align: center;
    }
            .modal-header .header img {
                width: 55%;
                margin-bottom: 16px;
            }

    .modal-body {
        padding-top: 0;
    }

        .modal-body .disclosure-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

            .modal-body .disclosure-content .table-section {
                margin-bottom: 8px;
            }

                .modal-body .disclosure-content .table-section table {
                    margin: 0 auto;
                }

                .modal-body .disclosure-content .table-section .questions {
                    margin-left: auto;
                    margin-top: 8px;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                       -moz-box-orient: vertical;
                       -moz-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                       -moz-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                }

            .modal-body .disclosure-content .deferred-section {
                margin: 0 auto;
            }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.deferred-registration-reward-explanation {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #8a8c8f;
}
.deferred-registration-email-address-form .email-address {
        margin-top: 8px;
    }
.deferred-registration-email-address-form .email-address input {
            width: 100%;
        }
.deferred-registration-email-address-form .email-address label {
            display: block;
            font-weight: 400;
        }
.deferred-registration-email-address-form .terms-of-service {
        margin-top: 32px;
        margin-bottom: 0;
    }
@media (max-width: 40em) {
        .deferred-registration-email-address-form .terms-of-service {
            margin: 32px auto;
        }

            .deferred-registration-email-address-form .terms-of-service .error-message {
                margin-top: 16px;
            }
}
@media (max-width: 30em) {
        .deferred-registration-email-address-form .terms-of-service {
            margin: 64px auto 32px;
        }
}

/**
 * TO BE DEPRECATED
 * Consider using *-common.css or common.css instead, or one of the categorical files below:
 */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/* basic setup for triangles in :before and :after pseudo-elements */
/* clears ul/ol defaults */
/* TODO Deprecated */
/* best pronounced with a texan drawl */
/* is this annoying yet? */
/* Marketing Button Mixins */
.custom-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.custom-checkbox + .custom-checkbox-label {
    padding-left: 32px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.custom-checkbox:checked + .custom-checkbox-label {
    background-position: 0 -24px;
}
.custom-checkbox-label {
    background-image: url(https://gradificdn.scdn3.secure.raxcdn.com/static/images/checkbox.9c2043e4b58f5c34169e71e647071933.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-checkbox-label.disabled {
        color: #8a8c8f;
    }

/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.frb-offer-started {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}
.frb-offer-started .first-republic-logo {
        background: url(https://gradificdn.scdn3.secure.raxcdn.com/static/shared/components/refi/assets/frb_logo_tag_black.a839b6a7cb4ef9790d4ca000477b34e2.svg) left top no-repeat;
        background-size: 249px 54px;
        width: 249px;
        height: 54px;
        margin-bottom: 16px;
    }
.frb-offer-started .banker-subtitle p {
            font-size: 1rem;
        }
.frb-offer-started .banker-subtitle p .time-frame-copy {
                font-weight: 600;
            }
.frb-offer-started .generic-card {
        margin: 0 auto;
    }
.frb-offer-started .banker-card {
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
@media (max-width: 40em) {
.frb-offer-started .banker-card {
            display: block
    }
        }
.frb-offer-started .banker-card .headshot {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-top: 16px;
            margin-right: 32px;
        }
.frb-offer-started .banker-card .headshot img {
                height: 174px;
                width: 174px;
            }
@media (max-width: 40em) {
.frb-offer-started .banker-card .headshot {
                margin-right: 0
        }
            }
.frb-offer-started .banker-card .banker-info {

            margin-top: 48px;

            font-size: 1rem;
        }
@media (max-width: 40em) {
.frb-offer-started .banker-card .banker-info {
                margin-top: 8px;
                text-align: center
        }
            }
.frb-offer-started .banker-card .banker-info .name {
                font-size: 1.1rem;
                margin-bottom: 8px;
                font-weight: 600;
            }
.frb-offer-started .banker-card .banker-info .title {
                font-size: 1.1rem;
                margin-bottom: 8px;
            }
.frb-offer-started .banker-card .banker-info .link-info {

                display: -webkit-box;

                display: -webkit-flex;

                display: -moz-box;

                display: -ms-flexbox;

                display: flex;
            }
@media (max-width: 40em) {
.frb-offer-started .banker-card .banker-info .link-info {
                    margin-left: 80px
            }
                }
.frb-offer-started .banker-card .banker-info .link-info .icon {

                    font-size: 1.2rem;
                    margin-right: 8px;
                }
@media (max-width: 40em) {
.frb-offer-started .banker-card .banker-info .link-info .icon {
                        bottom: 2px;
                }
                    }
.frb-offer-started .banker-card .banker-info .text-only-link {
                text-decoration: none;
            }
@media (max-width: 40em) {
        .confirmation-modal.modal-dialog .modal-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            min-height: calc(100vh - 16px);
        }

            .confirmation-modal.modal-dialog .modal-content .modal-body {
                padding-top: 0;
            }

                .confirmation-modal.modal-dialog .modal-content .modal-body .frb-offer-started {
                    margin-top: 48px;
                }

                    .confirmation-modal.modal-dialog .modal-content .modal-body .frb-offer-started p {
                        font-size: 1.125rem;
                        line-height: 1.5;
                        font-weight: 400;
                        font-family: 'Montserrat', Helvetica, sans-serif;

                        text-align: left;
                    }

        .confirmation-modal.modal-dialog .modal-body {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
               -moz-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
        }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
li:not(:last-child) {
    margin-bottom: 8px;
}
.frb-zipcode-form {
    margin-right: 8px;
}
.frb-zipcode-form .zipcode {
        display: inline-block;
    }
.frb-zipcode-form .frb-zipcode-form-label {
        margin: 16px 0 8px;
        font-weight: bold;
    }
.frb-zipcode-form .frb-zipcode-form-subtext {
        font-size: 0.725rem;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Montserrat', Helvetica, sans-serif;

        display: block;
    }
.frb-zipcode-form i.icon-ok-circled {
        color: #00843d;
        display: inline;
        margin-left: 8px;
    }
.modal-header .header {
        font-size: 1.2rem;
        line-height: 1.2;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }
.modal-header .header img {
            width: 25%;
            vertical-align: sub;
        }
.modal-header .sub-header {
        font-size: 0.8125rem;
        line-height: 1.5;
        font-weight: 500;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }
.modal-body .disclosure-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        letter-spacing: 0;
    }
.table-section {
    margin-right: 16px;
    text-align: center;
    width: 100%;
}
.table-section table {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-collapse: collapse;
        text-align: start;
    }
.table-section table tr:nth-child(even) {
            background-color: #f8f8f8;
        }
.table-section table td {
            font-size: 0.8125rem;
            line-height: 1.5;
            font-weight: 500;
            font-family: 'Montserrat', Helvetica, sans-serif;

            padding: 4px 8px;
        }
.table-section .expand-table {
        margin: auto;
        width: 95%;
    }
.table-section .title {
        width: 110px;
    }
.table-section .description {
        font-weight: 600;
    }
.table-section .questions {
        font-size: 0.625rem;
        line-height: 1.5;
        font-weight: 300;
        font-family: 'Montserrat', Helvetica, sans-serif;

        width: -webkit-max-content;

        width: -moz-max-content;

        width: max-content;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
           -moz-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
.table-section .questions .labelled-item {
            margin-left: 4px;
        }
.table-section .questions .link {
            color: #005cb9;
            padding: 8px 0 0;
            z-index: auto;
        }
.deferred-section {
    font-size: 0.8125rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Montserrat', Helvetica, sans-serif;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

       -moz-box-orient: vertical;

       -moz-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    letter-spacing: 0;
    width: 95%;
}
.deferred-section .deferred-registration-reward-explanation {
        border: none;
        padding: 0;
        margin: 0;
    }
.deferred-section p {
        line-height: 1.2;
    }
@media (max-width: 40em) {
    .modal-header {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center;
        text-align: center;
    }
            .modal-header .header img {
                width: 55%;
                margin-bottom: 16px;
            }

    .modal-body {
        padding-top: 0;
    }

        .modal-body .disclosure-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

            .modal-body .disclosure-content .table-section {
                margin-bottom: 8px;
            }

                .modal-body .disclosure-content .table-section table {
                    margin: 0 auto;
                }

                .modal-body .disclosure-content .table-section .questions {
                    margin-left: auto;
                    margin-top: 8px;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                       -moz-box-orient: vertical;
                       -moz-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                       -moz-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                }

            .modal-body .disclosure-content .deferred-section {
                margin: 0 auto;
            }
}
.lendkey-calculator-modal .deferred-registration-reward-explanation {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
.registration-required-modal .registration-required-modal-content .offer-row {
            margin-top: 16px;
            padding: 8px 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container {
                width: calc(99.9% * 3/10 - (16px - 16px * 3/10));
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(1n) {
                float: left;
                margin-right: 16px;
                clear: none;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:last-child {
                margin-right: 0;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(10n) {
                margin-right: 0;
                float: right;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(10n + 1) {
                clear: both;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-image-container img {
                    height: 80px;
                }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container {
                margin-left: 8px;
                display: inline;
                width: calc(99.9% * 7/10 - (16px - 16px * 7/10));
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(1n) {
                float: left;
                margin-right: 16px;
                clear: none;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:last-child {
                margin-right: 0;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(10n) {
                margin-right: 0;
                float: right;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(10n + 1) {
                clear: both;
            }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container .offer-title {
                    font-size: 0.875rem;
                    line-height: 1.2;
                    font-weight: 400;
                    font-family: 'Montserrat', Helvetica, sans-serif;

                    text-transform: uppercase;
                    font-weight: 600;
                    padding-bottom: 8px;
                    display: inline-block;
                }
.registration-required-modal .registration-required-modal-content .offer-row .offer-description-container .offer-description {
                    font-size: 0.725rem;
                }
@media (max-width: 40em) {
            .registration-required-modal .registration-required-modal-content .offer-row {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                   -moz-box-orient: vertical;
                   -moz-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-align: center;
                -webkit-align-items: center;
                   -moz-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                margin-top: 8px;
            }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-image-container,
                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container {
                    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
                    text-align: center;
                }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(1n),
                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(1n) {
                    float: left;
                    margin-right: 16px;
                    clear: none;
                }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:last-child,
                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:last-child {
                    margin-right: 0;
                }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(1n),
                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(1n) {
                    margin-right: 0;
                    float: right;
                }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-image-container:nth-child(1n + 1),
                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container:nth-child(1n + 1) {
                    clear: both;
                }

                .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container .offer-title {
                        font-size: 0.875rem;
                    }

                    .registration-required-modal .registration-required-modal-content .offer-row .offer-description-container .offer-description {
                        font-size: 0.8rem;
                    }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
/**
 * CSS for text, titles, labels. word.
 */
/* Marketing Text Mixins */
/**
 * CSS for laying out and displaying blocks and boxes
 */
:root {

    /* Consistent paddings */

    /* shadows */

    /* All z-index values should be listed here */
}
.dashboard-banner {
    background-color: rgb(29, 40, 48);
    background-size: cover;
    background-image: url(https://gradificdn.scdn3.secure.raxcdn.com/static/gradifui/assets/bg_hp_01_hero.770712cf6bee5991b80f10ebd287f568.jpg);
}
.dashboard-banner.no-background {
        background-image: none;
    }
.dashboard-banner .banner-content {
        min-height: 96px;
        padding: 16px 0;
    }
.dashboard-banner-light {
        background-color: white;
        background-image: none;
    }
.dashboard-banner-light .amount {
            color: #0f1519;
        }
.dashboard-banner-light .welcome-section .welcome-message {
            color: black;
        }
.dashboard-banner-light .banner-content {
            padding: 0;
        }
.dashboard-banner .banner-content, .dashboard-banner-light .banner-content {
        max-width: 990px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        color: white;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.dashboard-banner .banner-content:before, .dashboard-banner-light .banner-content:before {
        content: '';
        display: table;
    }
.dashboard-banner .banner-content:after, .dashboard-banner-light .banner-content:after {
        content: '';
        display: table;
        clear: both;
    }
.welcome-section {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: calc(99.9% * 1/2);
        -ms-flex-preferred-size: calc(99.9% * 1/2);
            flex-basis: calc(99.9% * 1/2);
    max-width: calc(99.9% * 1/2);
    width: calc(99.9% * 1/2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.welcome-section:nth-child(1n) {
    margin-right: 0;
    margin-left: 0;
}
.welcome-section:last-child {
    margin-right: 0;
}
.welcome-section .welcome-message {
        font-weight: 500;
        font-size: 1.125rem;
        letter-spacing: 1px;
    }
.welcome-section .company-logo {
        margin-right: 16px;
    }
@media (min-width: 60em) {
        .dashboard-banner .banner-content, .dashboard-banner-light .banner-content {
            width: auto;
        }
}
@media (max-width: 50em) {
        .dashboard-banner .banner-content, .dashboard-banner-light .banner-content {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            padding-left: 4px;
        }

        .dashboard-banner .welcome-section, .dashboard-banner-light .welcome-section {
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
               -moz-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-flex-basis: calc(99.9% * 1/2);
                -ms-flex-preferred-size: calc(99.9% * 1/2);
                    flex-basis: calc(99.9% * 1/2);
            max-width: calc(99.9% * 1/2);
            width: calc(99.9% * 1/2);
        }

        .dashboard-banner .welcome-section:nth-child(1n), .dashboard-banner-light .welcome-section:nth-child(1n) {
            margin-right: 0;
            margin-left: 0;
        }

        .dashboard-banner .welcome-section:last-child, .dashboard-banner-light .welcome-section:last-child {
            margin-right: 0;
        }

            .dashboard-banner .welcome-section:first-child, .dashboard-banner-light .welcome-section:first-child {
                margin-left: 8px;
            }

            .dashboard-banner .welcome-section .welcome-message, .dashboard-banner-light .welcome-section .welcome-message {
                font-weight: 500;
                font-size: 12px;
                line-height: 150%;
                letter-spacing: 1px;
            }
        .dashboard-banner .welcome-section {
            margin-bottom: 8px;
        }

    .dashboard-banner-light {
        padding-bottom: 8px;
    }

        .dashboard-banner-light .welcome-section {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-flow: column wrap;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
            white-space: nowrap;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
               -moz-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
        }
}

/* this section is deprecated - prefer to use device-specific names if possible */
/* device based size names */
/* iPhone 5 width: 20em */
/* iPhone 6 width: */
/* iPhone 5 height: 35.5em */
/* iPhone 6 plus height: 46em */
/* iPad width: 48em */
/* iPad height: 64em */
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 30em) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}
/**
 * CSS for colors
 */
/* stylelint-disable color-no-hex */
:root {
    /* TIER ONE - DESCRIPTIVE NAMES */

    /* Default / Text color + Light background / Background color + Light text */        /* dark orange */          /* brand blue */           /* red */        /* purple */         /* dark green */          /* gray */            /* white */

    /* Highlight / Text color + Dark background / Background color + Dark text */                                /* orange */            /* light red #f0425f */      /* light purple #ce51e1 */                                 /* bright green */                                  /* bright blue - brand color */                                      /* yellow */

    /* Alerts */

    /* Additional blues */         /* dark blue #003366 */  /* medium blue #0066cc */ /* light blue #c7e3ff */  /* light blue #e5f2ff */

    /* Additional reds */  /* light red #fbd0d7 */  /* dark red #8E0B21 */

    /* Additional greens */                                 /* dark green */ /* light green #e5fff1 */

    /* Additional purples */    /* extra light purple #f3d3f8 */

    /* Additional oranges */    /* light orange #ffe8cc */

    /* Grayscale Colors */  /* Near black */ /* Dark gray #1d2830 */  /* Formerly graphite */       /* medium gray */ /* #b1b2b4 */        /* #d8d9da */  /* Near white #f2f2f3 */

    /* TIER TWO - SEMANTIC NAMES */

    /* Product Colors */

    /* Component Colors */

    /* Partner/Refi Lender Colors */

    /* First Republic palette */    /* forest green */        /* gold hacienda */        /* tan gray concrete */      /* dark gray matterhorn */

    /* Visualization palette */

    /* Marketing Page Colors */ /* #1d2830; */ /* #005cb9; *//* #0f1519; */ /* #1d2830; */ /* #5a666e; *//* #8a8c8f; */ /* #b1b2b4; */ /* #d7d8d9; *//* #f2f2f3; */ /* #e5f2ff; */ /* #eddef0; */
}
.entity-logo-circle {
    border-radius: 50%;
}
.entity-logo-overlay {
    background: white;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: 100px;

    height: 100px;
}
.entity-logo-overlay .entity-logo {
        max-width: 100px;
        max-height: 100px;
    }
.entity-logo-overlay.small {
        width: 48px;
        height: 48px;
    }
.entity-logo-overlay.small .entity-logo {
        max-width: 48px;
        max-height: 48px;
    }
.entity-logo-overlay.medium {
        width: 64px;
        height: 64px;
    }
.entity-logo-overlay.medium .entity-logo {
        max-width: 64px;
        max-height: 64px;
    }
.entity-logo-overlay.large {
        width: 96px;
        height: 96px;
    }
.entity-logo-overlay.large .entity-logo {
        max-width: 96px;
        max-height: 96px;
    }
.entity-logo-overlay.icon-overlay {
        font-size: 2rem;
        color: #00a0d4;
        background-color: transparent;
        border: 2px solid #00a0d4;
    }
.entity-logo-overlay.icon-overlay .add-logo-cta {
            display: none;
            position: absolute;
            font-size: 0.65rem;
            padding-top: 8px;
            height: 100%;
            width: 100%;
            text-align: center;
            text-decoration: none;
            color: white;
            background-color: rgb(29, 40, 48);
            border-radius: 50%;
            border: 2px solid #00a0d4;
            line-height: 2.5rem;
        }
.entity-logo-overlay.icon-overlay:hover .add-logo-cta {
                display: block;
            }
@media (min-width: 40em) {
            .dashboard-banner-light .entity-logo-overlay.large {
                height: 96px;
                width: 200px;
            }

                .dashboard-banner-light .entity-logo-overlay.large .entity-logo {
                    max-height: 80px;
                    max-width: 200px;
                }
}
@media (max-width: 40em) {
            .dashboard-banner-light .entity-logo-overlay.large {
                margin-top: 8px;
                margin-bottom: 8px;
            }

                .dashboard-banner-light .entity-logo-overlay.large .entity-logo {
                    max-height: 80px;
                }
}


/*# sourceMappingURL=marketing-views-deferredregistration.0c9400c372e41ff586ab.css.map*/