﻿/*----------------------------------------
        Buddy Finance stylesheet
------------------------------------------*/

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}


html, body {
    font-family: 'Montserrat', sans-serif;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}


.footer {
    width: 100%;
    background-color: #f5f5f5;
}

@media (min-width: 768px) {
    .footer {
        position: absolute;
        bottom: 0;
    }
}


/*Navbar*/
.navbar {
    min-height: 70px;
    box-shadow: 3px 5px 16px #00000029;
}

.navbar-default {
    background-color: #ffffff;
}

.navbar-brand {
    padding: 0 15px;
    height: 70px;
    line-height: 70px;
}

.navbar-toggle {
    /* (70px - button height 34px) / 2 = 18px */
    margin-top: 18px;
    padding: 9px 10px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        /* (70px - line-height of 27px) / 2 = 21.5px */
        padding-top: 21.5px;
        padding-bottom: 21.5px;
        line-height: 27px;
    }
}

.btn {
    padding: 7px 25px;
}

.navbar-btn {
    margin-left: 10px;
    margin-top: 14px;
    /*margin-bottom: 16px;*/
    text-transform: uppercase;
    font: 13px/17px Montserrat;
}

.navbar-nav > li > a {
    font: 13px/19px Montserrat;
    letter-spacing: 0px;
    color: #000000 !important;
    text-transform: uppercase;
}

.text_primary {
    color: #2B5497
}

.intro_title {
    font-weight: lighter;
    font-size: 25px;
    color: #2B5497;
    letter-spacing: .2rem;
    line-height: 30px
}

.intro_header {
    font-weight: bold;
    font-size: 50px;
    color: #000000;
    letter-spacing: 0;
    line-height: 50px
}

.intro_text {
    font-size: 21px;
    color: #000000;
    letter-spacing: 0;
    line-height: 25px
}

.intro_btn {
    font-size: 15px;
    letter-spacing: .1rem;
    line-height: 19px;
    margin-right: 10px;
}

.buddy-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.how-it-works-section .sub-header {
    text-align: center;
    font: normal normal 300 30px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

/*.how-it-works-section .header-component {
    width: 778px;
    margin: 0 auto
}*/

.how-it-works-section .main-header {
    text-align: center;
    font: normal normal bold 37px/45px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    opacity: 1;
}

.register-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    display: inline-block;
    padding: 40px;
    margin-bottom: 20px;
}

    .register-box.borrow {
        border-radius: 20px 0px 0px 20px;
    }

    .register-box.lend {
        border-radius: 0px 20px 20px 0px;
    }

@media (min-width: 768px) {
}

.register-box-header {
    text-align: center;
    font: normal normal 600 50px/45px Montserrat;
    letter-spacing: 0px;
    color: #597FBC;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 10px;
}

.register-box .action_btn {
    box-shadow: 0px 5px 26px #00000029;
    border-radius: 5px;
}

.dashboard-select .sub-header {
    text-align: center;
    font: normal normal 300 30px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.btn-success {
    color: #fff;
    background-color: #0EAE9C;
    border-color: #10aa98;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #0e7a6d;
        border-color: #0e7a6d;
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #0e7a6d;
            border-color: #0e7a6d;
        }

#center_logo_container {
    background: transparent linear-gradient(180deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
    opacity: 0.65;
}

#center_logo {
    width: 250px;
    margin: 0 auto;
    display: block
}

.trust-statement-section .sub-header {
    text-align: center;
    font: normal normal 300 30px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.trust-statement-section .main-header {
    text-align: center;
    font: normal normal bold 37px/45px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    opacity: 1;
}

.trust-statement-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 20px;
    display: inline-block;
}

    .trust-statement-item img {
        height: 70px;
        margin: auto;
        display: block;
        padding-top: 20px;
    }

.trust-statement-item {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .trust-statement-item .border-left {
        border-left: 1px solid #2B5497;
        height: 120px;
        display: flex;
    }

        .trust-statement-item .border-left p {
            margin: auto 0;
        }

.trust-statements-row .get-started {
    font: normal normal 600 15px/19px Montserrat;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.calculator-section .sub-header {
    text-align: center;
    font: normal normal 300 30px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

/*.calculator-section .header-component {
    width: 778px;
    margin: 0 auto
}*/

.calculator-section .main-header {
    text-align: center;
    font: normal normal bold 37px/45px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    opacity: 1;
}

.calculator-section .header-text {
    text-align: center;
    font: normal normal 300 20px/24px Montserrat;
    color: #000000;
    opacity: 1;
}

.calculator {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 20px;
    opacity: 1;
    margin-top: 20px;
}

.calculator-header {
    font: normal normal 300 36px/44px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.calculator-label {
    font: normal normal normal 13px/19px Montserrat;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.calculator-result-box {
    background-color: #2B5497;
    height: 100%;
    border-radius: 0px 20px 20px 0px;
    text-align: center;
    padding: 22px;
}

    .calculator-result-box .calculator-logo-image {
        height: 75px;
    }

.calculator-result-item p {
    font: normal normal normal 13px/17px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 0
}

.calculator-result-item h6 {
    font: normal normal normal 20px/17px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.calculator-buttons a {
    font: normal normal 600 10px/15px Montserrat;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.partners-section .sub-header {
    text-align: center;
    font: normal normal 300 25px/30px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 15px
}

.partner-image {
    height: 200px;
    /*border: 1px solid #eee;
    padding: 30px;*/
    margin-bottom: 10px;
}

.faq-section {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 16px #00000029, 0px 0px 2px #00000029;
    border: 15px solid #FFFFFF;
    border-radius: 20px;
}

    .faq-section .sub-header {
        font: normal normal 300 20px/37px Montserrat;
        letter-spacing: 6px;
        color: #000000;
        text-transform: uppercase;
        text-align: center
    }

    .faq-section .panel-default > .panel-heading {
        background-color: white;
        border-bottom: none
    }

    .faq-section .panel {
        margin-bottom: 0;
        border-radius: 0
    }

.client-section .sub-header {
    font: normal normal 300 20px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    text-align: center
}

.client-section .caroursel-wrapper {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 36px #00000029;
    border-radius: 20px;
    padding-top: 20px;
}


.client-section .carousel-control.left,
.client-section .carousel-control.right {
    background-image: none;
}

.client-section .carousel-control,
.client-section .carousel-control:hover,
.client-section .carousel-control:focus {
    color: #337ab7;
}

.client-section .carousel .left > i,
.client-section .carousel .right > i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.client-section .carousel .right > i {
    left: auto;
    right: 20px;
}

.client-section .item {
    padding: 45px;
}

.client-section #quote-carousel p {
    font: normal normal 300 17px/23px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.contact-section .sub-header {
    font: normal normal 300 20px/37px Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    text-align: center
}

.contactBtn {
    background: #EB4B57 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 26px #00000029;
    border-radius: 5px;
}

.footer {
    background-color: #2B5497;
    color: white
}

    .footer .social img {
        height: 15px;
    }

.footer-link {
    color: white
}

    .footer-link:hover {
        text-decoration: none;
        color: darkgrey
    }

.trust-statement-item-2 {
    text-align: center;
    font: normal normal 300 11px/15px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

    .trust-statement-item-2 img {
        height: 40px;
        margin-bottom: 15px;
    }

.info-modal .main-header {
    font: normal normal 600 30px/45px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.info-modal .header-text {
    font: normal normal 300 15px/22px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.info-modal .sub-header {
    font: normal normal 600 18px/30px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.info-modal .info-modal-action {
    font: normal normal 600 11px/18px Montserrat;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.info-modal .info-modal-close {
    font: normal normal 600 11px/18px Montserrat;
    letter-spacing: 1.5px;
}

.footer ul {
    list-style: none;
    padding-left: 0;
}

.footer .social-icon {
    margin-right: 5px;
}


checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

div.form-control .radio {
    display: inline;
}

.page-content {
    padding-top: 90px
}

@media (max-width: 768px) {

    .page-content {
        padding-top: 70px;
    }

    .intro_title {
        font-size: 18px;
    }

    .intro_header {
        font-size: 30px;
        line-height: 30px;
    }

    .intro_text {
        font-size: 15px;
        line-height: 20px;
    }

    #home .buddy-section:first-of-type {
        padding-top: 0;
    }

    .how-it-works-section .sub-header,
    .trust-statement-section .sub-header,
    .calculator-section .sub-header,
    .partners-section .sub-header,
    .faq-section .sub-header,
    .client-section .sub-header,
    .contact-section .sub-header {
        font: normal normal 300 15px/19px Montserrat;
        letter-spacing: 0;
    }


    .how-it-works-section .main-header,
    .trust-statement-section .main-header,
    .calculator-section .main-header {
        font: normal normal bold 25px/30px Montserrat;
        letter-spacing: 0;
    }

    .register-box-header {
        font: normal normal 600 25px/30px Montserrat;
    }

    .calculator-section .header-text {
        font: normal normal 300 15px/20px Montserrat;
    }

    .calculator-header {
        font: normal normal 300 20px/24px Montserrat;
        letter-spacing: 0px;
    }

    .calculator-label {
        font: normal normal normal 11px/14px Montserrat;
        letter-spacing: 0px;
    }

    .trust-statement-item img {
        height: 85px;
        padding-top: 25px;
    }

    .faq-section {
        border: none;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0
    }

    .partner-image {
        height: 115px
    }

    .footer {
        height: auto !important;
    }

    .footer .col-md-3 {
        padding-bottom: 20px
    }


}

/*html,
body {
    margin: 0;
    padding: 0;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
    font-family: 'Montserrat', sans-serif;
}

main {
    min-height: 100%;
    height: 100%;
    max-height: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.footer,
.main-content {
    padding-left: 10px;
    padding-right: 10px;
}

.footer {
    padding: 15px;
    background: transparent linear-gradient(180deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
}

.footer h4 {
    font-size: 1rem;
    font-family: Montserrat;
    letter-spacing: 0.33px;
    text-align: left;
}

.footer li {
    font-size: 1rem;
    font-family: Montserrat;
    letter-spacing: 0.33px;
    list-style-type: none;
    color: #ffffff;
    margin-bottom: 2px;
    text-align: left;
}

.footer ul {
    padding-left: 0
}*/


/*main, body {
    padding-top: 50px;
}

footer {
    padding: 5px;
    height: 50px;
}*/


/*
    Metronic "Acidus" Responsive HTML Template
    http://www.keenthemes.com
*/

/*p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: black;
    line-height: 1.4;
    margin-bottom: 15px;
}

p-disclaimer {
    font-size: 7px !important;
}

p-small {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #1b1b1c;
    line-height: 1.4;
    margin-bottom: 15px;
}

em,
li,
li a {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}

label {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}

.list-style-none {
    list-style: none;
}

a {
    font-family: 'Montserrat', sans-serif;
    outline: 0;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    color: #999caa;
    text-decoration: none;
}

ul,
ol {
    margin-bottom: 15px;
}

background {
    background-color: #93939b;
}

.link {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.link:after {
    position: absolute;
    top: 8px;
    right: -15px;
    width: 9px;
    height: 2px;
    background: #17bed2;
    content: " ";
}

span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

score-span {
    font-size: 35px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #515769;
    line-height: 1.4;
    margin: 0 0 15px;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: #515769;
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: #999caa;
    text-decoration: none;
}

h1>a:focus,
h2>a:focus,
h3>a:focus,
h4>a:focus,
h5>a:focus,
h6>a:focus {
    text-decoration: none;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

::selection {
    color: #fff;
    background: #17bed2;
    text-shadow: none;
}

::-webkit-selection {
    color: #fff;
    background: #17bed2;
    text-shadow: none;
}

::-moz-selection {
    color: #fff;
    background: #17bed2;
    text-shadow: none;
}

:active,
:focus {
    outline: none;
}*/


/*--------------------------------------------------
    [Container Full Width]
----------------------------------------------------*/

/*.container-full-width {
    margin-right: auto;
    margin-left: auto;
}

.container-full-width:before,
.container-full-width:after {
    content: " ";
    display: table;
}

.container-full-width:after {
    clear: both;
}*/


/*--------------------------------------------------
    [Container Small]
----------------------------------------------------*/

/*.container-sm {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-sm:before,
.container-sm:after {
    content: " ";
    display: table;
}

.container-sm:after {
    clear: both;
}*/


/* Media Queries below 768px */

/*@media (min-width: 768px) {
    .container-sm {
        width: 750px;
    }
}*/


/* Media Queries below 1200px */

/*@media (min-width: 1200px) {
    .container-sm {
        width: 970px;
    }
}*/


/*------------------------------------------------------------------
  	[Content]
------------------------------------------------------------------*/

/*.content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
}

.content-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}*/


/*------------------------------------------------------------------
  	[Social Icons]
------------------------------------------------------------------*/

/*.social-icons {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    padding: 11px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.social-icons:hover {
    color: #515769;
    background: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}*/


/*------------------------------------------------------------------
  	[Text Colors]
------------------------------------------------------------------*/

/*.color-base {
    color: #17bed2 !important;
}

.color-white {
    color: #fff !important;
}

.color-heading {
    color: #515769 !important;
}

.color-subtitle {
    color: #a6a7aa !important;
}

.color-link {
    color: #81848f !important;
}

.color-link-hover {
    color: #999caa !important;
}

.color-sky-light {
    color: #fafafa !important;
}*/


/*------------------------------------------------------------------
  	[Background Colors]
------------------------------------------------------------------*/

/*.bg-color-base {
    background: #17bed2 !important;
}

.bg-color-white {
    background: #fff !important;
}

.bg-color-heading {
    background: #515769 !important;
}

.bg-color-subtitle {
    background: #a6a7aa !important;
}

.bg-color-link {
    background: #81848f !important;
}

.bg-color-link-hover {
    background: #999caa !important;
}

.bg-color-sky-light {
    background: #fafafa !important;
}*/


/*
    ------------------------------------
*/


/*Bootsnip check and radio buttons*/

/*.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

div.form-control {
    color: inherit;
}

div.form-control .radio {
    display: inline;
}

.centered,
.login {
    margin-left: auto;
    margin-right: auto;
}

.login .heading {
    text-align: center
}

.middle-center {
    width: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/


/* Small Devices, Tablets and up*/

/*@media only screen and (min-width: 768px) {
    input,
    select,
    textarea,
    div.form-control,
    label.form-control {
        max-width: 305px;
    }
    .input-group {
        max-width: 335px;
    }
    #contact #message {
        max-width: 89%;
    }
}*/


/* Medium Devices, Desktops to widescreens*/

/*@media only screen and (min-width: 992px) {}*/


/* Large Devices, Wide Screens */

/*@media only screen and (min-width: 1200px) {}

@media only screen and (max-device-width: 768px) {
    .middle-center {
        width: 100%;
        height: 50%;
    }
}

.login {
    min-height: 50%;
}

.login-logo {
    display: block;
    margin: 20px auto;
    max-height: 200px;
    width: auto
}

.page-header {*/
/*margin: 10px -30px 25px;*/
/*text-align: center;
}

#registration summary {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
}

.input-form legend,
#registration summary {*/
/*width: unset;*/
/*border-bottom: 3px solid #e5e5e5;
}*/


/* Fixed Top */

/*.navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}*/


/* Navbar */

/*.header .navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    background: #fff;
}

.header .navbar-toggle {
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    margin: 35px 0;
}

.header .navbar-toggle .toggle-icon {
    position: relative;
    width: 21px;
    height: 1px;
    display: inline-block;
    background: #515769;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:before,
.header .navbar-toggle .toggle-icon:after {
    position: absolute;
    left: 0;
    background: #515769;
    content: " ";
}

.header .navbar-toggle .toggle-icon:before {
    width: 10px;
    height: 1px;
    bottom: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:after {
    width: 16px;
    height: 1px;
    top: -5px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon {
    background: #17bed2;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:before,
.header .navbar-toggle:hover .toggle-icon:after {
    width: 21px;
    height: 1px;
    background: #17bed2;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon.is-clicked {
    background: rgba(81, 87, 105, 0);
}

.header .nav-item-child {
    color: #242222;
}*/


/* Navbar Logo */

/*.header .logo {
    width: auto;
    height: auto;
    float: left;
    max-height: 95px;
    line-height: 65px;
    padding-top: 1rem;
}

.header .logo-wrap {
    display: inline-block;
    padding: 0;*/
/*padding: 15px 0;*/
/*}

.header .logo-wrap:focus,
.header .logo-wrap:hover {
    text-decoration: none;
}

.header .logo-img {
    display: inline-block;*/
/*width: 64px;*/
/*width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.header .logo-img-main {
    display: inline-block;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .logo-img-active {
    display: none;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}*/


/* Navbar */

/*.header .navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}*/


/* Nav */

/*.header .nav-item {
    position: relative;
    display: block;
}

.header .nav-item:last-child .nav-item-child {
    padding-right: 0;
}

.header .nav-item:hover .nav-item-hover:after {
    opacity: 1;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .action-item {
    background: transparent linear-gradient(230deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 5px 5px;
}

.header .action-item:hover {
    background: transparent linear-gradient(230deg, #2b5497 0%, #2b5497 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 5px 5px;
}

.header a.action-item {
    color: #ffffff !important;
    padding-bottom: 1px;
}

.header a.action-item:hover {
    color: #000000 !important;
    padding-bottom: 1px;
    background: transparent linear-gradient(230deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 5px 5px;
    opacity: 1
}

.header .nav-item-child {
    position: relative;
    display: block;
    font-size: 10px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 55px;
    padding: 20px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-child:hover,
.header .nav-item-child:focus {
    background: inherit;
}

.header .nav-item-hover {
    position: relative;
}*/


/* Media Queries below 991px */

/*@media (max-width: 991px) {*/
/* Bootstrap collapse of navigation with a maximum width: 991px
    (Change it to any breakpoint you want to be collapsed) */
/*.container {
        width: 100%;
    }
    .header .navbar > .container > .nav-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        background-color: #fff;
        border-bottom: 1px solid #eee
    }*/
/*.header .menu-container {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;
    }
    .header .navbar>.container {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .header .navbar>.container>.nav-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        background-color: #fff;
        border-bottom: 1px solid #eee
    }
    .header.navbar-fixed-top {
        border-bottom: 1px solid #eee;
    }
    .header {
        background: #fff;
    }
    .header .navbar-toggle {
        display: block;
    }
    .header .navbar-collapse.collapse {
        display: none !important;
    }*/
/*.header .navbar-collapse {
          
        }*/
/*.header .navbar-collapse.collapse.in {
        display: block !important;
    }
    .header .nav-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    .header .navbar-nav {
        margin: 0;
        float: none;
    }
    .header .navbar-nav .nav-item {
        float: none;
    }*/
/* Menu Container */
/*.header .menu-container:before,
    .header .menu-container:after {
        content: " ";
        display: table;
    }
    .header .menu-container:after {
        clear: both;
    }*/
/* Logo */
/*.header .logo .logo-img-main {
        display: none;
    }
    .header .logo .logo-img-active {
        display: inline-block;
    }
    .header .logo-wrap {
        padding: 0;
    }
    .header .logo-img {
        width: 100%;
    }*/
/* Navbar Nav */
/*.header .nav-item-child {
        color: #000000;
        line-height: 1.4;
        padding: 12px 12px 12px 15px;
    }
    .header .nav-item-hover:after {
        position: absolute;
        top: 19px;
    }*/
/*.header .nav-collapse {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
            margin-right: 0;
        }*/
/*.header .navbar > .container > .nav-collapse {
                padding-left: 0;
                padding-right: 0;
                margin-left: 0;
                margin-right: 0;
            }*/
/*}*/


/* Media Queries below 767px 
@media (max-width: 767px) {

    .header .menu-container {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .header .navbar > .container {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

        .header .navbar > .container > .nav-collapse {
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
            margin-right: 0;
        }
}
*/


/* Media Queries above 992px */

/*@media (min-width: 992px) {*/
/* Navbar */
/*.header .navbar-nav-right {
        float: right;
    }
    .nav-mini {
        display: none;
    }
}

.nav-mini {
    display: none;
}

.nav-mini {
    position: fixed;
    left: 82px;
    top: 0;
    height: 100px
}

.nav-mini .fa {
    font-size: 35px;
}

.nav-mini button {
    height: 100%
}*/


/*.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    width: unset;
}*/

/*.menu-btn {
    border: none;*/
/*border-bottom: 1px solid black;*/
/*}

.menu-btn:nth-child(even) {
    border-left: 1px solid #eee;
}*/


/* Page On Scroll */


/*@media (min-width: 992px) {*/

/*.page-on-scroll .header .navbar {
    background: #fff;
    border-bottom-color: #f0f0f0;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.page-on-scroll .header .logo-img-main {
    display: none;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.page-on-scroll .header .logo-img-active {
    display: inline-block;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.page-on-scroll .header .nav-item-child {
    color: #000000;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}*/


/*}*/

/*.promo-block {
    padding: 220px 0 130px;
}

.promo-block .promo-block-title {
    font-size: 70px;
    color: #7daeff;
    line-height: 1;
    text-shadow: 4px 2px 2px rgb(253, 254, 255);
}

.promo-block .promo-block-text {
    font-size: 25px;
    color: #7daeff;
    font-size: 25px;
    text-shadow: 4px 2px 2px rgb(253, 254, 255);
}

.promo-block .promo-block-divider {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.parallax-mirror {
    margin-top: -50px;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}*/


/*------------------------------------------------------------------
  	[Form Control]
------------------------------------------------------------------*/

/*.form-control {*/
/*height: 50px;
    font-size: 14px;*/
/*font-weight: 400;
    color: #a6a7aa;
    background: #fafafa;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 15px;
}

.form-control::-moz-placeholder {
    color: #a6a7aa;
}

.form-control:-ms-input-placeholder {
    color: #a6a7aa;
}

.form-control::-webkit-input-placeholder {
    color: #a6a7aa;
}

.form-control:focus {
    color: #515769;
    box-shadow: none;
}

.form-control:focus::-moz-placeholder {
    color: #515769;
}

.form-control:focus:-ms-input-placeholder {
    color: #515769;
}

.form-control:focus::-webkit-input-placeholder {
    color: #515769;
}

.controls {
    width: 100%;
    clear: both;
    text-align: center;
}

.btn-dark {
    background-color: #293735;
    color: white
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    color: #eee;
    text-decoration: none;
}*/


/* Media Queries */

/*@media (max-width: 480px) {
    .promo-block .promo-block-title {
        font-size: 50px;
    }
}

.action-btn {
    cursor: pointer;
}

#error-messages {
    max-width: 325px;
}

#error-messages ul li {
    white-space: pre-wrap;
}

.arlet,
#error-messages {
    padding: 5px;
}*/


/* .container-lv-1 .container-lv-2 { */


/* width: auto; */


/* height: 250px; */


/* display: flex; */


/* margin: 0 auto; */


/* } */


/*ul.address-detail {
    list-style: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    padding: 10px;
}*/

/*.address-list {
    margin-right: 0;
    margin-left: 0;
}

div.address {
    border-top: 1px solid #eee;
    padding: 5px;
}

.address-title {
    font-size: large;
}

.address-actions {
    position: absolute;
    right: 0;
    top: 0;
}

.address-actions .btn {
    font-size: medium;
    border-radius: 0;
}

.address-detail {
    list-style: none;
    padding-left: 0px;
}

#modal-update-address .modal-body form {
    min-height: 560px;
}

@media only screen and (min-device-width: 991px*/
/*1242px*/

/*) {
    #modal-update-address .modal-body form {
        min-height: 290px;
    }
}

@media only screen and (min-device-width: 768px*/
/*1242px*/

/*) {
    #modal-update-address .modal-body form {
        min-height: 290px;
    }
    .input-form {
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
    }
}

.detail-menu fa {
    font-size: 25px;
    vertical-align: middle;
}

.detail-menu {
    width: 100%;
    border-bottom: 0;
}

@media only screen and (max-device-width: 768px) {
    .detail-menu {
        white-space: nowrap;
    }
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    visibility: hidden !important;
}

._720kb-datepicker-calendar-day:hover,
._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: rgb(19, 142, 250);
}

@media only screen and (min-device-width: 590px) {
    .clsBorrower {
        margin-right: 40px;
    }
    .clsLender {
        margin-left: 40px;
    }
    .clsBuddy {
        margin-top: -50px;
    }
    .clsBorrower,
    .clsLender {
        max-width: 240px;
    }
    .clsBuddy {
        max-width: 280px;
    }
    .clsBorrower,
    .clsLender,
    .clsBuddy {
        display: inline-block;
    }
}

@media only screen and (min-device-width: 700px) {
    .clsBorrower {
        margin-right: 100px;
    }
    .clsLender {
        margin-left: 100px;
    }
    .clsBuddy {
        margin-top: -80px;
    }
    .clsBorrower,
    .clsLender,
    .clsBuddy {
        display: inline-block;
    }
    #description a:focus,
    #description a:hover {
        text-decoration: none;
    }
    .clsBorrower,
    .clsLender {
        max-width: 370px;
    }
    .clsBuddy {
        max-width: 450px;
    }
}

@media only screen and (min-device-width: 700px) and (max-device-width: 992px) {
    .clsBorrower {
        margin-right: 40px;
    }
    .clsLender {
        margin-left: 40px;
    }
    .clsBuddy {
        margin-top: -50px;
    }
    .clsBorrower,
    .clsLender {
        max-width: 290px;
    }
    .clsBuddy {
        max-width: 350px;
    }
    .clsBorrower,
    .clsLender,
    .clsBuddy {
        display: inline-block;
    }
}

@media only screen and (max-device-width: 588px) {
    .clsBorrower,
    .clsLender,
    .clsBuddy {
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

.clsBorrower,
.clsLender,
.clsBuddy {
    height: auto;
}

.clsLender,
.clsBorrower {
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

#description {
    margin-bottom: 20px;
}

.modal-85 {
    width: 85%;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a span {
    color: #71a6fe !important;
}

.header .nav-item-child {
    color: #000000;
}

.detail-menu>li {
    float: none;
    display: inline-block;
    *display: inline;*/
/* ie7 fix */
/*zoom: 1;*/
/* hasLayout ie7 trigger */
/*}

.detail-menu {
    text-align: center;
}

.score-label {
    text-align: center;
    margin-top: 10px;
}

.score {
    border-radius: 5px;
    padding: 5px;
    color: white;
}

.main-content {
    min-height: 400px;
}

@media screen and (max-width: 767px) {
    .scroller {
        display: block !important
    }
}

@media (min-width: 992px) {
    .dataTables_length {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .dataTables_length {
        float: left;
    }
}

.form-control {
    border: 1px solid #eee;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;*/
/*cursor: pointer;*/
/*}

a {
    font-family: 'Montserrat', sans-serif;
    outline: 0;
    cursor: pointer;
}

.illustration>img {
    height: 70vh;
    width: 40vw;
}

@media (max-width: 480px) {
    .illustration>img {
        height: 44vh;
        width: 93vw;
    }
}

#home {*/
/*background-color: #2B5497;*/
/*background: transparent linear-gradient(180deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
}

.right-text {
    margin-left: 3rem;
}

.promo-block-description {
    font-size: 16px;
}

.buddy-button {
    background: transparent linear-gradient(240deg, var(--unnamed-color-597fbc) 0%, var(--unnamed-color-597fbc) 56%, var(--unnamed-color-2b5497) 56%, var(--unnamed-color-2b5497) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(240deg, #597FBC 0%, #597FBC 56%, #2B5497 56%, #2B5497 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 26px #00000029;
    border-radius: 5px;
    padding: 0.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    opacity: 1;
    text-align: center;
    font: normal normal 600 10px Montserrat;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 10px;
}

.sub-header {
    color: var(--unnamed-color-000000);
    text-align: center;
    font: normal normal 300 1.5rem Montserrat;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
}

.main-header {
    color: var(--unnamed-color-000000);
    text-align: center;
    font: normal normal bold 2.5rem Montserrat;
    letter-spacing: 0px;
    color: #000000;
    width: 30rem
}

.header-text {
    text-align: center;
    font: normal normal 300 1.2rem Montserrat;
    letter-spacing: 0px;
    color: #000000;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 480px) {
    .header-text {
        width: auto;
    }
}

.header-component {
    display: flex;
    justify-content: center
}

.how-it-works-section {
    background-color: #fafafa;
    width: 100%;
    height: 75vh;
}

.how-it-works-section .sub-header {
    margin-top: 30px;
}

.register-box {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 44px;
    height: 24rem;
    width: 22rem;
}

@media (max-width: 480px) {
    .register-box {
        width: 13rem;
    }
}

.register-box-header {
    width: 22rem;
    height: 6rem;
    background: transparent linear-gradient(180deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 44px 44px 0px 0px;
    text-align: center;
    font: normal normal 600 2rem Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 480px) {
    .register-box-header {
        width: 13rem;
        padding-top: 19px;
    }
}

.register-box-body {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.register-box-content {
    width: 12rem;
    height: 12rem;
    top: 50%;
    transform: translateY(25%);
}

.register-box-content p {
    text-align: center;
    font: normal normal 300 14px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.register-box-content a p {
    text-decoration: underline;
    color: red;
}

.register-logo-image {
    width: 32rem;
}

@media (max-width: 480px) {
    .register-logo-image {
        width: 4rem;
    }
}

.how-it-works-body {
    margin: 0;
    display: flex;
    justify-content: space-around;
}

.buddy-banner-section {*/
/*background-color: #597FBC;*/
/*width: 100%;
    height: 75vh;
    margin: auto;
    display: flex;
    justify-content: center;
    background:*/ /* top, transparent red, faked with gradient */
/*linear-gradient( rgba(43, 84, 151, 0.45), rgba(43, 84, 151, 0.45)),*/ /* bottom, image */
/*url(https://images.unsplash.com/photo-1571442463800-1337d7af9d2f?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1052&q=80);
    background-repeat: no-repeat;
    background-size: cover;
}

.trust-statement-section {
    background-color: #fafafa;
    height: 75vh;
    width: 100%;
}

.trust-statement-section .sub-header {
    margin-top: 30px;
}

.trust-statements-row {
    display: flex;
    justify-content: space-around;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media (max-width: 480px) {
    .trust-statements-row {
        display: grid;
        grid-template-columns: auto auto;
    }
}

.trust-statement-item {
    width: 150px;
    height: 150px;
    text-align: center;
}

.trust-statement-item img {
    height: 7rem;
    width: 7rem;
}

.trust-statement-item p {
    font: normal normal 300 1rem Montserrat;
    letter-spacing: 0px;
    bottom: 0;
    color: #000000;
    margin-top: 2rem;
}

.calculator-section {
    background-color: #fafafa;
    height: auto;
    width: 100%;
}

.calculator-section .sub-header {
    margin-top: 30px;
}

.calculator {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 44px;
    width: 60vw;
    height: 70vh;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}

@media (max-width: 480px) {
    .calculator {
        width: 100%;
    }
}

.calculator h6 {
    color: #ffffff
}

.calculator-input-box {
    border-radius: 44px 0px 0px 44px;
    opacity: 1;
    width: 66%;
    height: 100%;
    padding: 3rem;
}

@media (max-width: 480px) {
    .calculator-input-box {
        padding: 2rem;
    }
}

.calculator-result-box {
    background: transparent linear-gradient(180deg, #2B5497 0%, #597FBC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    border-radius: 0px 44px 44px 0px;
    width: 34%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.calculator-header {
    text-align: left;
    font: normal normal 300 2rem Montserrat;
    letter-spacing: 0px;
    color: #000000;
}

.calculator-logo-image {
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
}

.input-label {
    font: normal normal normal 1.1rem Montserrat;
    letter-spacing: 0px;
    color: #6C6C6C;
    text-transform: uppercase;
}

.input-display {
    font: normal normal 400 3rem Montserrat;
    letter-spacing: 0px;
    color: #313131;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    display: flex;
}

@media (max-width: 480px) {
    .input-display {
        font-size: 2rem;
    }
}

.currency {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.calculator-result-item {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 480px) {
    .calculator-result-item {
        width: auto;
    }
    .calculator-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.calculator-result-item p {
    font: normal normal normal 1.2rem Montserrat;
}

.calculator-result-item h6 {
    font: normal normal normal 2.5rem Montserrat;
}

@media (max-width: 480px) {
    .calculator-result-item h6 {
        font-size: 1.5rem;
    }
}

.calculator-disclaimer {
    font: normal normal normal 1.1rem Montserrat;
    letter-spacing: 0px;
    color: #6C6C6C;
    font-size: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}

@media (max-width: 480px) {
    .calculator-disclaimer {
        width: auto;
    }
}

.partners-section .sub-header {
    margin-top: 6rem;
}

.partners {
    display: flex;
    justify-content: space-around;
    margin-top: 2rem;
}

@media (max-width: 480px) {
    .partners {
        flex-direction: column;
        align-items: center;
    }
}

.faq-accordion {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 480px) {
    .faq-accordion {
        width: auto;
    }
}

.panel-heading {
    background-color: #fafafa !important;
    border-left: none !important;
    border-right: none !important;
}

.faq-accordion {
    font-size: 1.2rem !important;
    font-family: Montserrat
}

.faq-accordion a {
    font-size: 1.2rem !important;
    font-family: Montserrat
}

.partner-image {
    height: 10rem;
    width: auto;
}

.call-to-action {
    display: flex;
    justify-content: center;
}

.panel {
    margin-bottom: 0;
    border-left: none;
    border-right: none;
    border: none;
}*/


/* carousel */

/*.carousel-wrapper {
    display: flex;
    justify-content: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 36px #00000029;
    border-radius: 1rem;
    padding-bottom: 2rem;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

@media (max-width: 480px) {
    .carousel-wrapper {
        width: auto;
    }
}

.testimonial-text {*/
/*width: 100%;*/
/*}

.testimonial {
    display: flex;
    justify-content: center;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

#quote-carousel p {
    color: #333;
}*/


/* Control buttons  */

/*#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}*/


/* Previous button  */

/*#quote-carousel .carousel-control.left {
    left: -12px;
}*/


/* Next button  */

/*#quote-carousel .carousel-control.right {
    right: -12px !important;
}*/


/* Changes the position of the indicators */

/*#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}*/


/* Changes the color of the indicators */

/*#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
}

#quote-carousel img {
    width: 250px;
    height: 100px
}*/


/* End carousel */

/*.item blockquote {
    border-left: none;
    margin: 0;
    text-align: center;
}

.item blockquote img {
    margin-bottom: 10px;
}

.video {
    width: 100%;
}

.modal-header {
    width: auto;
}

.modal-header-text {
    width: auto;
}

.modal-icons {
    margin-bottom: 0
}*/


/**
  MEDIA QUERIES
*/


/* Small devices (tablets, 768px and up) */

/*@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}*/


/* Small devices (tablets, up to 768px) */

/*@media (max-width: 768px) {*/
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
/*#quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

#ng-loading-overlay {
    display: none !important;
}

#home h2,
#home h5,
#home p {
    color: #ffffff;
}

.footer-bottom {
    text-align: center;
    color: #ffffff;
}

.footer-header {
    color: #ffffff;
}

button {
    border: none;
}

.new-button,
.btn-info {
    background-color: #2B5497;
    font: normal normal 600 10px Montserrat;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.fees-text {
    font: normal normal 300 1.2rem Montserrat;
    letter-spacing: 0px;
    color: #000000;
    width: 60%;
}

.footer-link {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
}

.footer-small {
    font-size: 8px;
}

.invite-link-text {
    font-size: 9px
}

.invite-link {
    margin-bottom: 5px;
}

.social-icon {
    width: 16px;
    margin-right: 5px;
}

#manageCashCtrl p {
    color: #515769
}

.buddy-paragraph {
    color: #515769;
}

.modal-body p {
    color: #515769;
}*/
