body {
    background: #f7f7f7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #be3f90;
}

.hidden {
    display: none;
}

.view-client-panel .site-header-wrap {
    margin: 0 0 9rem 0;
    background: #fff;
}

.view-client-panel .navbar .navbar-nav {
    width: 70%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: flex-end;
}

.view-client-panel .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 4rem;
    padding-right: 4rem;
}

.feature-wrap .heading-wrap {
    text-align: center;
}

.feature-wrap .box {
    margin: 0 0 3rem 0;
}

.feature-schedule .btn-create-wrap {
    margin: 3rem 0 0 0;
}

.feature-schedule .schedule-info {
    font-weight: 400;
}

.feature-schedule .table th {
    padding: 1rem 0 0.5rem 0;
    font-size: 1.8rem;
}

.feature-schedule .table tr td {
    padding: 1.5rem 0;
}

.feature-schedule .table tr:last-of-type td {
    padding-bottom: 0;
    border: none;
}

.feature-schedule .table .title {
    font-size: 2.1rem;
}

.feature-savings-calc .item-type {
    margin: 0 0 2rem 0;
    padding: 2rem;
    min-height: 22rem;
    text-align: center;
    background: #fff;
    border-radius: 2rem;
    border: 2px solid transparent;
    cursor: pointer;
}

.feature-savings-calc .item-type .title {
    font-size: 2.4rem;
}

.feature-savings-calc .item-type img {
    transition: transform ease 300ms;
}

.feature-savings-calc .item-type:hover img {
    transform: scale(1.08);
}

.feature-savings-calc .item-selected {
    border: 2px solid #be3f90;
}

.feature-savings-calc .question-wrap,
.feature-savings-calc .tip-wrap {
    text-align: center;
}

.feature-savings-calc .question-wrap {
    margin: 1.5rem 0 2.5rem 0;
}

.feature-savings-calc .slider-wrap {
    margin: 0 0 4.5rem 0;
}

.feature-savings-calc .ui-slider.slider-custom .slider-custom-handle {
    font-weight: 700;
    background: #be3f90;
    border-radius: 1.5rem;
}

.feature-savings-calc .ui-slider.slider-custom .slider-custom-handle.ui-state-focus,
.feature-savings-calc .ui-slider.slider-custom .slider-custom-handle.ui-state-active {
    outline: 1px solid #242630;
}

.feature-savings-calc .periods-wrap .item {
    margin: 0 0 2rem 0;
    text-align: center;
}

.feature-savings-calc .periods-wrap .item .img-wrap {
    margin: 0 auto 2rem auto;
}

.feature-savings-calc .periods-wrap .item-1 .img-wrap {
    width: 25%;
}

.feature-savings-calc .periods-wrap .item-2 .img-wrap {
    width: 35%;
}

.feature-savings-calc .periods-wrap .item-3 .img-wrap {
    width: 45%;
}

.feature-savings-calc .periods-wrap .item-4 .img-wrap {
    width: 55%;
}

.feature-savings-calc .periods-wrap .item .img-wrap .icon {
    animation: effect-float 6s ease infinite;
}

.feature-savings-calc .dreams-wrap .thumbnail {
    margin: 0 0 2rem 0;
    padding: 2.5rem;
    background: #fff;
    border-radius: 2rem;
    text-align: center;
    transition: all ease 300ms;
}

.feature-savings-calc .dreams-wrap .thumbnail:hover {
    transform: scale(1.02);
}

.feature-savings-calc .dreams-wrap .thumbnail img {
    margin: 0 0 2.5rem 0;
    border-radius: 2rem;
}

.feature-savings-calc .dreams-wrap .thumbnail .title {
    font-weight: 500;
}

.feature-savings-calc .dreams-wrap .thumbnail .title b {
    font-weight: 600;
}

.feature-home-budget .heading-wrap {
    margin: 0 0 4.5rem 0;
}

.feature-home-budget .step-heading-wrap {
    margin: 0 0 3rem 0;
}

.feature-home-budget .btn-back {
    margin: 0 1.5rem 0 0;
    padding: 0.5rem 2rem 0.5rem 0;
}

.feature-home-budget .row {
    position: relative;
}

.feature-home-budget .input-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 50%;
}

.feature-home-budget .currency {
    position: absolute;
    right: 1%;
}

.feature-home-budget .link-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: space-around;
    align-items: baseline;
    margin: 0 0 2rem 0;
}

.feature-credit-score .widget-wrap {
    margin: 0 0 3rem 0;
}

.client-panel,
.client-panel p {
    font-size: 1.6rem;
}

.client-panel a {
    color: #be3f90;
}

.client-panel .page-section-highlight {
    margin-bottom: -6rem;
}

.client-panel .feature-offers .heading-wrap {
    text-align: center;
}


/*.client-panel .menu {
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.client-panel .menu .container,
.client-panel .menu .container-fluid {
    padding: 0;
}

.client-panel .menu .navbar {
    margin-bottom: 0;
}

.client-panel .navbar-brand,
.navbar-nav>li>a {
    color: #999;
    font-weight: bold;
    font-size: 1.5rem;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.client-panel .nav>li>a:focus,
.client-panel .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #555;
    border-bottom: 3px solid #ffb100;
}

.client-panel .nav .open>a,
.client-panel .nav .open>a:focus,
.client-panel .nav .open>a:hover {
    background-color: #fff;
    border-color: #111;
}

.client-panel .nav>li.dropdown:hover .dropdown-menu {
    display: block;
}

.client-panel .nav .dropdown-menu {
    border: 0;
    border-radius: 0;
}

.client-panel .nav .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-image: none;
    background-color: #777;
    color: #fff;
}

.client-panel .nav>li.active>a,
.client-panel .nav>li.active>a {
    color: #be3f90;
    border-bottom: 3px solid #111;
}

.client-panel .navbar-brand,
.navbar-nav>li.settings {
    padding: 7px;
}

.client-panel .navbar-brand,
.navbar-nav>li.settings>a {
    background-color: #be3f90;
    color: #fff;
    border-radius: 150px;
    padding: 8px 0;
    width: 38px;
    height: 38px;
    text-align: center;
    overflow: hidden;
    font-size: 2.7rem;
}

.client-panel .nav>li>a .badge {
    margin-top: -30px;
    font-size: 1rem;
    padding: 2px 3px;
    margin-left: -5px;
    background-color: #4c4c4c;
}

.client-panel .dropdown-menu>.active>a,
.client-panel .dropdown-menu>.active>a:focus,
.client-panel .dropdown-menu>.active>a:hover {
    background-color: #4c4c4c;
    background-image: none;
}

.client-panel .nav>li.demo-info a {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.2;
    border: 1px solid #be3f90;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.client-panel .nav>li.demo-info a:hover {
    background-color: #ffffdb;
}

.client-panel .nav>li.demo-info a small {
    font-size: 1.2rem;
    color: #4c4c4c;
}*/


/** box */

.client-panel .box {
    background-color: #fff;
    padding: 3rem;
    box-shadow: 0px 0 20px 0px rgba(50, 50, 50, 0.02);
    border-radius: 3rem;
}

.view-reset-email .client-panel .box {
    text-align: center;
}

.client-panel .section-login .box {
    padding: 7rem 3rem;
}

.client-panel .box .heading {
    font-size: 4.2rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.client-panel .box h1:first-child,
.client-panel .box h2:first-child {
    margin-top: 0;
}


/** offers */

.client-panel .offers {}

.client-panel .offers .offer {
    background-color: #fff;
    margin: 10px 0;
    padding-bottom: 20px;
    border-bottom: 5px solid #f6f6f6;
}

.client-panel .offers .offer:first-child {
    margin-top: 0;
}

.client-panel .offers .offer:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.client-panel .offers .offer .loan-form-btn {
    padding: 1rem 2rem;
    color: #fff;
    border-radius: 5rem;
}

.client-panel .offers .offer .row .logo-wrapper {
    padding: 30px;
}

.client-panel .offers .offer .img-responsive {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.client-panel .offers .offer .footer {
    display: none;
    text-align: left;
    background-color: #F6F6F6;
}


/** inputs */

.client-panel .form-wrap a {
    display: inline-block;
    text-decoration: none;
    transition: all ease 300ms;
}

.client-panel .form-wrap a:hover {
    transform: scale(1.04);
}

.client-panel .form-step {
    padding: 1.5rem 0;
    background: transparent;
}

.client-panel label {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.client-panel input.form-field:focus,
.client-panel select.form-field:focus,
.client-panel textarea.form-field:focus,
.client-panel button.form-field:focus {
    outline-color: #be3f90;
}

.client-panel .addons-wrap {
    margin: 0 0 2rem 0;
    padding: 1rem 0;
}

.client-panel select.grey-input {
    border-top: 0.1rem solid #bbb !important;
    border-left: 0.1rem solid #bbb !important;
    border-right: 0.1rem solid #bbb !important;
}

.client-panel .form-field {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 2.5rem 1rem;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    color: #242630;
    background: transparent left 1.25rem center no-repeat;
    background-size: 3rem;
    border: none;
    border-bottom: 3px solid #3a285e;
}

.client-panel select.form-field {
    appearance: none;
    background: url(../images/icons/expand-down-1.png) center right 2.5rem no-repeat;
    background-size: 2rem;
}

.client-panel .form-field:focus {
    border-bottom: 3px solid #be3f90 !important;
    color: #111;
    outline: 0;
}


.client-panel .form-field::-webkit-input-placeholder {
    color: #d7d7d7;
}

.client-panel .form-field:-ms-input-placeholder {
    color: #d7d7d7;
}

.client-panel .form-field::-ms-input-placeholder {
    color: #d7d7d7;
}

.client-panel .form-field::placeholder {
    color: #d7d7d7;
}

.client-panel .form-field:-ms-input-placeholder {
    color: #d7d7d7;
}

.client-panel .form-field::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d7d7d7;
}

.client-panel input.error:not([type=checkbox]):not([type=radio]),
.client-panel select.error {
    border-bottom: 0.2rem solid #f00 !important;
    color: #f00 !important;
    -webkit-appearance: none;
}

.client-panel input.error label,
select.error label {
    color: #f00 !important;
}

.client-panel input.error[type="number"] {
    padding-right: 2.5rem;
}

.client-panel .feature-long-form label.error {
    transform: translateY(-2rem);
}

.client-panel .feature-long-form .form-checkbox-section {
    position: relative;
}

.client-panel .feature-long-form .form-checkbox-section label.error {
    display: inline-block;
    transform: translate(0);
}

.client-panel .feature-long-form .form-checkbox-section .checkbox-label {
    display: inline;
}

.client-panel label.error {
    display: block;
    margin: 0.2rem 0 0 0;
    color: #f00 !important;
    font-size: inherit;
    font-weight: 600;
    text-align: left;
}

.client-panel .btn {
    padding: 3rem;
    width: 100%;
    color: #fff;
    border-radius: 5rem;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: none;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    white-space: normal;
    background-color: rgba(165, 63, 139, 1);
    background-image: linear-gradient(90deg, rgba(165, 63, 139, 1) 0%, rgba(58, 40, 94, 1) 100%);
}

.client-panel .btn .icon {
    margin: 0 0 0 2rem;
}

.client-panel .btn:hover {
    text-decoration: none;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.client-panel .btn.purple {
    background: #be3f90;
    color: #fff;
}

.client-panel .btn.purple:hover {
    background: #be3f90;
}

.client-panel .btn.gray {
    background: #e0e0e0;
}

.client-panel .btn.gray:hover {
    background: #cccccc;
}

.client-panel .btn.white {
    background: #fff;
    color: #000;
}

.client-panel .btn.btn-full-size {
    width: 100%;
}

.client-panel .alert {
    border: 0;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
}

.client-panel .alert-success {
    background: #12d263;
}

.client-panel .alert-info {
    background: #3498db;
}

.client-panel .alert-danger {
    background: #f00;
}

.client-panel .alert a {
    color: #fff;
    text-decoration: none;
}

.client-panel .activate-premium-box {
    padding: 5rem;
    min-height: 48rem;
    text-align: center;
    background: #fff url('../images/sections/go-premium.jpg') bottom right 5rem no-repeat;
    background-size: contain;
    border-radius: 2rem;
}

.client-panel .activate-premium-box.no-border {
    min-height: 0;
    background: none;
}

.client-panel .form-step {
    margin-bottom: 0;
}

@media (max-width: 1399px) {
    .view-client-panel .navbar .navbar-nav {
        padding: 0 0 0 45rem;
    }
    .view-client-panel .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 1199px) {
    .view-client-panel .navbar .navbar-nav {
        padding: 0 0 0 25rem;
    }
    .client-panel .activate-premium-box {
        background-position: bottom right -2rem;
    }
    .section-products-ext .doaffi-table .da-cell:after {
        display: none;
    }
}

@media (max-width: 991px) {
    .client-panel .activate-premium-box {
        padding-bottom: 42rem;
        background-position: bottom center;
        background-size: 90%;
    }
    .view-client-panel .site-header-wrap {
        margin: 0 0 5rem 0;
    }
    .view-client-panel .navbar .navbar-nav {
        width: 100%;
        padding: 0;
    }
    .view-client-panel .navbar .navbar-collapse {
        padding: 1.5rem 0 4.5rem 0;
    }
}

@media (max-width: 767px) {
    .client-panel .activate-premium-box {
        padding-bottom: 34rem;
    }
    .page-wrap .heading-wrap {
        margin: 0 0 3rem 0;
    }
    .page-wrap .heading-wrap h1,
    .page-wrap .heading-wrap .heading {
        font-size: 3.6rem;
    }
    .feature-schedule .btn-create-wrap {
        margin: 1rem 0 0 0;
    }
    .feature-savings-calc .item-type {
        padding: 2rem 1rem;
    }
    .feature-savings-calc .item-type .title {
        margin: 1.5rem 0 0 0;
        font-size: 2rem;
    }
    .feature-home-budget .link-container h3,
    .feature-home-budget .link-container h4 {
        font-size: 2.1rem;
    }
    .feature-credit-score h1 {
        font-size: 3.6rem;
    }
    .feature-credit-score h2 {
        font-size: 3.2rem;
    }
}

@media (max-width: 480px) {
    .client-panel .box {
        padding: 2.5rem 1.5rem;
    }
    .feature-savings-calc .item-type {
        min-height: 180px;
    }
}