body {
    font-family: 'Maven Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #526b84
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
    color: #212B35;
    font-weight: 600
}

.btn {
    font-weight: bold;
    padding: .375rem 1rem;
    transition: all 0.4s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus, .btn.focus {
    box-shadow: none !important
}

.theme-btn {
    padding: 0.6rem 1.5rem
}

.theme-btn-ghost {
    background: none;
    color: #10bb85;
    border: 2px solid #10bb85
}

.theme-btn-on-bg {
    color: #fff !important;
    border-color: #fff
}

.theme-btn-on-bg:hover {
    background: #fff;
    color: #10bb85 !important
}

.form-control {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem
}

.page-title {
    font-size: 2.5rem
}

.error {
    color: #EC575B
}

.text-light {
    color: #7791ab !important
}

.border-radius-0 {
    border-radius: 0
}

.font-style-normal {
    font-style: normal !important
}

.link-on-bg, a.link-on-bg {
    color: rgba(0, 0, 0, 0.5)
}

.link-on-bg:hover, a.link-on-bg:hover {
    color: rgba(0, 0, 0, 0.6)
}

.presudo-hidden:before {
    display: none !important
}

.presudo-hidden:after {
    display: none !important
}

.theme-bg-primary {
    background-color: #EFF2F5
}

.theme-bg-secondary {
    background-color: #10bb85
}

.single-col-max-width {
    max-width: 860px
}

.site-logo .logo-text {
    position: relative;
    top: 3px
}

.site-logo .logo-text .alt {
    font-size: 1rem;
    background: #dff1f9;
    color: #10bb85;
    padding: 2px 4px;
    position: relative;
    top: -6px
}

.site-logo .navbar-brand {
    font-size: 2rem;
    font-weight: 600;
    padding-top: 0
}

.navbar {
    font-size: 1rem;
    padding: 1rem 0
}

.navbar .navbar-toggler {
    border: none;
    padding: 0;
    font-size: inherit;
    position: relative;
    top: -5px
}

.navbar .navbar-toggler-icon {
    background: url("/images/home/bars.svg") no-repeat left top;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    height: 20px;
    width: 24px;
}

.navbar .navbar-toggler-icon:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.navbar .navbar-toggler:focus,.navbar .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

.navbar .nav-link {
    color: #526b84;
    font-weight: 500
}

.navbar .active .nav-link {
    color: #212B35
}

.navbar .dropdown-menu {
    border-radius: 2px
}

.navbar .dropdown-item {
    font-size: 0.875rem;
    padding: 0.5rem 1.25rem
}

.navbar .dropdown-item:hover {
    color: #212B35
}

.navbar .dropdown-item:active {
    color: #fff
}

.social-list li {
    font-size: 1.25rem
}

.header .social-list {
    right: 15px;
    top: 2rem
}

.footer {
    font-size: 0.875rem
}

.footer .col-heading {
    font-size: 1.25rem
}

.footer li {
    margin-bottom: 0.5rem
}

.footer a {
    color: #526b84
}

.footer .social-list li {
    font-size: 1.25rem
}

.footer .download-area h3 {
    font-size: 1.5rem
}

.footer .download-area .section-intro {
    font-size: 1rem
}

.footer .download-area .app-stores img {
    height: 40px
}

.footer .copyright {
    font-size: 0.875rem
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .footer .download-area .app-stores img.ios {
        width: 120px
    }

    .footer .download-area .app-stores img .android {
        width: 135px
    }
}

.site-headline {
    font-size: 2.25rem
}

.site-tagline {
    font-size: 1.375rem
}

.hero-section .figure-holder {
    background: url('/images/home/image_1.png') no-repeat right 120px;
    background-size: 500px auto;
    min-height: 400px;
}

.hero-section .app-stores img {
    height: 45px
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-section .app-stores img.ios {
        width: 135px
    }

    .hero-section .app-stores img.android {
        width: 152.25px
    }
}

.section-intro {
    font-size: 1.25rem
}

.logos-section .item {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.logos-section .item img {
    width: 230px;
    height: auto
}

.logos-section h3 {
    font-size: 1.5rem;
    font-weight: normal;
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.features-section {
    position: relative;
    overflow: hidden
}

.features-section:before {
    position: absolute;
    content: '';
    display: block;
    left: -60%;
    top: -150px;
    height: 75%;
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    width: 180%;
    background: #EFF2F5
}

.features-section .section-heading {
    z-index: 10;
    position: relative
}

.flipster-carousel {
    display: none
}

.flipster-carousel.flipster--active {
    display: block
}

.flip-item {
    width: 420px
}

.flip-item .item-inner {
    padding: 2rem;
    border: 1px solid #efefef;
    background: #fff
}

.flip-item .source-profile {
    width: 80px;
    height: 80px
}

.flip-item .source-info {
    font-size: 0.875rem
}

.flipster--coverflow .flipster__item__content {
    box-reflect: unset;
    -webkit-box-reflect: unset
}

.flipster__button {
    width: 40px;
    height: 40px;
    margin-top: -3rem;
    background: #212B35;
    border-radius: 50%
}

.flipster__button svg {
    width: 0.875rem;
    stroke: #fff
}

.flipster__button svg:hover {
    stroke: #fff
}

@media (max-width: 991.98px) {
    .hero-section .figure-holder {
        min-height: 460px;
        background-position: right 0px;
        background-size: 360px auto
    }
}

@media (max-width: 767.98px) {
    .hero-section {
        text-align: center
    }

    .hero-section .figure-holder {
        padding-bottom: 200px;
        background-position: center 400px;
        background-size: 300px auto
    }
}

@media (max-width: 575.98px) {
    .site-headline, .page-title {
        font-size: 2rem
    }

    .site-tagline {
        font-size: 1.25rem
    }

    .hero-section {
        text-align: center
    }

    .hero-section .figure-holder {
        padding-bottom: 220px;
        background-position: center 280px;
        background-size: 300px auto
    }

    .logos-row {
        width: 90% !important
    }

    .features-section:before {
        display: none
    }

    .flip-item {
        width: 100%;
        text-align: center
    }

    .flipster__button {
        background: none;
    }

    .flipster__button svg {
        stroke: #212B35
    }

    .flipster__button svg:hover {
        stroke: #212B35
    }

    .source {
        text-align: center
    }

    .source .source-info {
        width: 100%
    }

    .flipster__button--prev {
        left: -2rem
    }

    .flipster__button--next {
        right: -2rem
    }
}

.flipster__button:focus {
    outline: none;
}

.text-primary {
    color: #10bb85 !important
}

.btn-primary {
    background-color: #10bb85;
    border-color: #10bb85
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #1daa79;
    border-color: #1daa79;
}

.theme-btn-ghost {
    background: none;
    color: #10bb85;
    border: 2px solid #10bb85
}

a {
    color: #10bb85
}

a:hover {
    color: #1daa79
}

.btn-primary.blue{color:#fff;background-color:#47b0df;border-color:#47b0df}
.btn-primary.blue:hover{color:#fff;background-color:#26a2d9;border-color:#249acf}
.btn-primary.blue:focus,
.btn-primary.blue.focus{box-shadow:0 0 0 .2rem rgba(99,188,228,0.5)}
.btn-primary.blue.disabled,
.btn-primary.blue:disabled{color:#fff;background-color:#47b0df;border-color:#47b0df}


.footer a {
    color: #526b84;
}

.theme-btn-on-bg {
    color: #fff !important;
    border-color: #fff;
}

.logo-icon {
    width: 182px;
    height: 60px;
}

.navbar .dropdown-item.active:hover {
    color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #10bb85;
}
.dropdown-menu {
    padding: 0;
}

.navbar-collapse.collapse.show li,
.navbar-collapse.collapsing li{
    margin-bottom: 10px;
}

/* Sign In Starts*/
.signin-popup .form-control { height:48px; padding: 10px 12px;}
.signin-popup {position:relative; background-color:#ffffff}
.signin-popup  a.close-box { background:url(../images/close-icon.png) no-repeat 0 -32px; display:block; width:32px; height:32px; position:absolute; z-index:10;right: -16px;top: -11px;}
.signin-popup  .close-box:hover,
.signin-popup  .close-box:active{background:url(../images/close-icon.png) no-repeat;}
.signin-popup .form-group{padding:0 32px;margin-bottom: 16px;}
.signin-popup .btn{font-size:16pt; text-align:center; width:88%; border-radius: 5px; height:58px; margin-bottom: 5px}
.signin-popup .actions .btn{margin-bottom:32px}

.white-popup-block a:hover {
    text-decoration: none;
}
.signin-popup h3{background-color:#177AC7;text-align:center; font-size:24pt; color:#ffffff; padding: 44px 24px;; line-height:0; margin-bottom:32px}
@media (min-width:320px){.signin-popup h3{font-size:1.2rem;}}
@media (min-width:375px){.signin-popup h3{font-size:1.6rem;}}
.eye-container{
    position: relative;
}
a.eye-box{
    background: url('../images/view_password_inactive.png')  no-repeat; width:28px; height:18px; display:block; position:absolute; right: 19px;    top: 16px; margin-right:12px
}
a.textview{
    background: url('../images/view_password_active.png')  no-repeat; width:28px; height:18px; display:block; position:absolute; right: 19px;    top: 16px;
}
.white-popup-block  a#signin-submit-button{padding-top: 15px;}
.white-popup-block .link-sign-in{margin-top:16px;color:#63696B; margin-bottom:32px}
.white-popup-block .link-sign-in a.forgot-pwd{font-size:12pt; color:#b1b1b1; padding-right:12px  }
.white-popup-block .link-sign-in a.forgot-pwd:hover{ color:#cccccc;}
.white-popup-block .link-sign-in a.forgot-pwd:visited{color:#b1b1b1}
.white-popup-block .link-sign-in span{font-size:12pt; color: #b1b1b1;}
.white-popup-block .link-sign-in span.lbldonthaveaccount{padding-left:12px;}
.white-popup-block .link-sign-in a.get-start{font-size:12pt; padding-left:12px }

.white-popup-block .label-oops {background-color:#FBF3F2; border:1px solid #F8B1AD;  padding: 15px 12px; }
.white-popup-block .label-oops label{ margin-bottom:16px; font-size:12pt; color:#F6746D; }


.white-popup-block .kin-label {
    font-size: 12pt;
    position: absolute;
    top: 10px;
    letter-spacing: -1px;
}

.white-popup-block .link a {
    font-size: 12pt;
    color: #747474;
}
.white-popup-block .link {
    text-align: center;
    padding-bottom: 32px;
}
.white-popup-block .link-emp {
    margin-top: 16px;
    color: #b1b1b1;
    margin-bottom: 32px;
}
.white-popup-block .link-pass {
    margin-top: 16px;
    margin-bottom: 32px;
}
.white-popup-block .link-pass a.back-sign {
    font-size: 12pt;
    padding-left: 12px;
}
.email-hint {
    margin-left: 45px;
    margin-bottom: 15px;
    font-size: 12px;
}

/* Sign In Ends*/


.error-summary {
    background-color: #FBF3F2;
    border: 1px solid #F8B1AD;
    padding: 15px 12px;
    font-size: 14pt;
    color: #F6746D;
}
.error-summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.has-error .form-control {
    border-color: #f8b1ad;
    box-shadow: none;
}
.has-error .help-block {
    color: #f8b1ad;
}

.kinzaa-green {
    color: #10BA85 !important;
}
.features-icon {
    margin-right: 20px;
    width: 30px;
}
.card-title{
    display: flex;
    align-items:center;
}
.terms-text {
    font-size: 14px;
}
.terms-text a,
.link a{
    color: #526b84;
}

/*Social sign in*/

.login-btn+.login-btn {
    margin-top: 8px;
}
.login-btn {
    display: block;
    border-radius: 8px;
    line-height: 38px;
    border: 1px solid #babacc;
    background-color: #fff;
    font-style: normal;
    font-weight: 700;
    padding: 0 8px 0 54px;
    color: #747487;
    position: relative;
}
.login-btn:hover {
    background-color: #e7f1fd;
    color: #295ebd;
    border-color: #cfe3fb;
    text-decoration: none;
}
.login-btn-google:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABNVBMVEUAAAD/PgBJsUT/OwANdNRHsEtHsEpHsEoNddT/PABKsEp1tSr/YwD/OwD/wwD/OwD/wgD/PAD/OwBPsUj/wQAMdNX/PAD/PQBWskNIr0r/wgD/PABKsEj/OgBIr0j/PwD/OgAPddb/QQD/wwD/QABHr0tJr0r/wgAMdNX/wgAMdNb/OwALddU5oW9Hr0z/PAD/OwBnsz9HsEr/OwAOdNP/PABIsUv/iAALdNX/OwD/PQBMsEhIsEoMddVIsEr/OwD/PQD/OgDRuxL/vQAMdNVJr0n/QAALddT/wwD/vwAWd89Nskj/PwBMrEX/vwBAr0j/xQD/RwAQcM//TAAMdNX/OwBHsEv/wgBAqFwSecgTfMMagbYljJ1PsUdnsz6StyyvuiDdvw7/sQD/kQD/dwD/WAD/RgBL4Ss6AAAAVHRSTlMAEBLf+e/ix8W2gggH+PfvyMSal5eNfWNhYF9fRkY+OiMZFQgE+vbv7Obl49/Y2NbLv769uLe0tLKsqKebl5WThYOAgG5paEhIRDo1NSUkIB8ZEAp/9d8/AAABMklEQVQ4y8XQ13LCMBBA0cWEDkmAhBI6pPfee+8VrUjv+f9PiNkRjCzZfuU8WTt3ZmVBB0ULidkYY7H4TsEp8aR6WNtEymPXpM1E5k3rTYJp9tRmnenWBq3Nrk2zpDTHTFjIlR+i5VzI/AwpN696GZkpgVDyqg0c/FATl+Z3agNj/PvP/OcquDjjnH/9sktw08ebVsBVL0UDINRlXUEx7aboWo+oElNOonpELFHNKZLX3bqu0y8uC8pP8DkHikWKtsTp1Gw+XrFobc7r5EQcayP8HRGnDbmpTFIzCi37b9gUkKr7YJ30Q4vhQ+K/AKE49UjNeAXaMigsZ68ikZvsPGLjqRkdgiSJmsYzLZNtoO5lFRRhPUqC5shvTXwZsGGE/VISNsBBfjswhDgc2MxHoHP+AVnAlPxGJFfYAAAAAElFTkSuQmCC);
}
.login-btn-facebook:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAVFBMVEUAAAAcjvIdlv4dlv8cl/8ZguIcj/Egl/8cjvEZlvYdlv4ck/kcj+8ZhuAbgNsdlPwclfsclPkcje4ek/kelf8aiu0biewbiuodkvgck/8ejPUel/+sgL4cAAAAG3RSTlMAmsOfQD2SICQR04hsLRz9xsW3rIB0XVVGQDOQot/GAAAAcklEQVQ4y+3QORKAIAxAUWVRUMB95f73FLCgEchoYaG/onhDJsnej5c2HiMCNdqGI6azIIFqnUZKA9CcRH7ayhgLb5c707p3AqGnSFHaO1RRkwx/48MQNEKQgKANgvZrJAkZzu2ICXSnH30WLYVtym50AK0BGFMu0HXjAAAAAElFTkSuQmCC);
}

.login-btn:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 12px;
    top: 11px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.login-btn:after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 40px;
    top: 0;
    background-color: #babacc;
}
.signup-plane {
    font-size: 40px;
    margin: 20px;
}
.pb-100 {
    padding-bottom: 100px;
}
/*Social sign in END*/

.kinzaa .footer {
    margin-top: 100px;
}
.faq .folder > a{
    cursor: pointer;
}