html {
    font-size: 10px;
}

body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #F6F6F6;
    color: #575757;
}

span.underline {
    border-bottom: 0.6rem solid #ff1c41;
}

.logo-wrapper {
    padding-top: 2rem;
}

.loan-info-container {
    padding-top: 3rem;
}

.msf-body-wrap {
    background-image: url("../images/msf-mk-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.multi-step-form {
    background: transparent;
}
.loan-info-container .heading {
    font-weight: 700;
    font-size: 4.2rem;
    letter-spacing: 0;
    padding-bottom: 2rem;
    line-height: 5rem;
}

.loan-info-container .sub-heading {
    line-height: 1.25;
}

.loan-info-container .custom-h3 .underline {
    padding-bottom: 1rem;
    font-weight: 300;
}

.loan-info-container .form-info-row {
    position: relative;
}

.loan-info-container .form-info-row .border-left {
    border: 0.4rem solid #40B55C;
    border-radius: 0.5rem;
    position: absolute;
    height: 100%;
}

.loan-info-container .green {
    color: #40B55C
}

.loan-info-container .loan-form-container {
    padding: 2.5rem;
}

.loan-info-container .loan-form-container label{
    font-size:1.8rem;
    font-weight: 500;
}

.loan-info-container .loan-form-container .range-title{
    font-weight: 700;
}

@media (max-width: 801px) {
    .loan-info-container .loan-form-container {
        
    }
}

.loan-info-container .range-button-controll {
    cursor: pointer;
    font-size: 1.5rem;
    color: #666;
}

.loan-info-container .range-control-container {
    height: 5.8rem;
}

.loan-info-container .range-info {
    font-size: 1.5rem;
    color: #575757;
    font-weight: 400;
}


.loan-form-btn {
    background-color: #ff1c41;
    border: #ff1c41;
    color: #fff;
    margin: auto;
    padding: 1rem 4rem;
    border-radius: 1rem;
    font-size: 2rem;
    font-weight: 600;
}

.loan-form-btn:focus,
.loan-form-btn:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}

.loan-info-container .loan-form .checkbox-label {
    font-size: 1.1rem;
    color: #73E88F;
    font-weight: 300;
    cursor: pointer;
}

.loan-info-container .loan-form .checkbox-label a {
    color: #fff;
}

.loan-info-container .slidecontainer {
    width: 100%;
}

.loan-form-container .range-value-container {
    padding: 0rem;
    color: grey;
    font-weight: 900;
}

.loan-form-container .range-value-container h4 {
    font-size: 2.2rem;
    font-weight: bold;
}

@media (max-width: 600px) {
    .loan-form-container .range-value-container h4 {
        font-size: 1.7rem;
    }
}


/*approval checbox*/
.loan-info-container .form-checkbox-section {
    position: relative;
    padding-bottom: 15px;
}

.loan-info-container .form-checkbox-section .form-checkbox {
    position: absolute;
    top: 0;
    left: 0;
}

.loan-info-container .form-checkbox-section .checkbox-label,
.loan-info-container .form-checkbox-section label {
    position: relative;
    margin-top: 0.3rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #575757;
}

.loan-info-container .form-checkbox-section a {
    color: #02704b;
    font-size: 1rem;
}

.loan-info-container .checkbox-accept-all-container {
    padding: 1.5rem 0 0 0;
    color: #575757;
}
.form-checkbox-section span {
    padding-left: 10px;
}




/*step container*/
.step-container {
    padding-bottom: 5rem;
    padding-top: 5rem;
    background: #FFFFFF
}

.step-container .custom-p{
    font-size: 1.6rem;
}

.step-container .custom-img {
    width: 50%;
    margin: auto;
}

.step-container .custom-h2 {
    font-weight: 900;
    font-size: 5rem;
}

.step-container .custom-h3 {
    padding-top: 0rem;
    margin-top: 0rem;
}

.step-container .custom-h3 .underline {
    padding-bottom: 0.5rem;
}

.nav-tabs-container .custom-btn {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.nav-tabs-container a:focus {
    outline: 0;
}

.nav-tabs-container a:hover {
    outline: 0;
    border: none;
}

.nav-tabs-container {
    background-color: #FFCC32;
    color: black;
}

.nav-tabs-container .special-hr {
    border: none;
    height: 0.8rem;
    color: #FFF;
    background-color: #FFF;
    width: 10rem;
    margin-left: 0rem;
}

.nav-tabs-container .custom-h2 {
    font-size: 5rem;
}

@media (min-width: 801px) {
    .nav-tabs-container .nav-tabs {
        border-bottom: none;
        margin-top: -4.3rem;
    }

    .nav-tabs-container .nav-tabs>li a {
        border-radius: 0rem;
        border: 0.2rem solid #E2E2E2;
    }

    .nav-tabs-container .nav-tabs>li.active>a {
        background-color: #FFCC33;
        color: #000;
        font-weight: 900;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        margin-left: 4rem;
        margin-right: 4rem;
        border: 0.2rem solid #FFCC33;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav-tabs-container .tab-content .tab-img {
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }

    .nav-tabs-container .tab-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .nav-tabs-container .nav-tabs>li>a {
        background-color: #E2E2E2;
        color: #808080;
        font-weight: 300;
    }
}

@media (max-width: 800px) {
    .nav-tabs-container .nav-tabs {
        border-bottom: none;
        margin-top: 1.5rem;
    }

    .nav-tabs-container .nav-tabs>li>a {
        border: 0.2rem solid white;
        color: black;
        font-weight: 900;
    }

    .nav-tabs-container .nav-tabs>li.active>a {
        background: #40B55C;
        color: white;
        border: 0.2rem solid #40B55C;
    }

    .nav-tabs-container .nav-tabs>li {
        width: 100%;
        margin-top: 0.5rem;
    }

    .nav-tabs-container .nav-tabs>li>a {
        border-radius: 0.5rem;
    }
}

/*tab container*/

/*reviews container*/
.reviews-container {
    color: black;
    background-color: white;
    padding-bottom: 5rem;
}

.reviews-container p {
    color: grey;
}

.reviews-container .dotted-section {
    border: 0.4rem dashed #40B55C;
    border-style: dashed;
    border-radius: 5rem;
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
}

.reviews-container .reviews-section {
    margin-top: 1.9rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.reviews-container .reviews-section-shadow {
    margin: 0;
    -webkit-box-shadow: 0.8rem 1.5rem 0.5rem 1rem #F6F6F6;
    box-shadow: 0.8rem 1.5rem 0.5rem 1rem #F6F6F6;
    position: relative;
}

.reviews-container .custom-h2 {
    font-size: 4rem;
    font-weight: 900;
}

.reviews-section .scissors {
    background: url('https://timetoloan.pl/files/msf-ttl/images/multiformularz_strona_glowna_V4_27.png');
    background-repeat: no-repeat;
    width: 15rem;
    height: 5rem;
    position: absolute;
    top: -4rem;
    z-index: 1000;
    left: -2rem;
}

/* reviews container end */
/*global*/
.scale-hover-img {
    transition: all 0.5s;
}

.scale-hover-img:hover{
     -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         transform: scale(1.2)
}

.font-orange {
    color: #FFCC33 !important;
}

.f-bold-900 {
    font-weight: 900 !important;
}

.mr-auto {
    margin: auto !important;
}

.grey-border-container {
    background-color: #fff;
}

.w-100 {
    width: 100%;
}

.align-items-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}

.vertical-align {
    position: relative;
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.custom-btn {
    background-color: #40B55C;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1rem 2.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.5rem 0.5rem 0.3rem 0rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.5rem 0.5rem 0.3rem 0rem rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.custom-btn:hover {
    text-decoration: none;
}

.row-equal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row-equal>[class*='col-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* INPUT SLIDER */
#multiStepTabs .ui-slider {
    position: relative;
    height: 1.2rem;
    font-size: 1em;
    background-color: #e5e5e5;
}

#multiStepTabs .ui-corner-all {
    border-radius: 0;
}

#multiStepTabs .ui-slider .ui-slider-range-min {
    left: 0;
}

#multiStepTabs .ui-slider .ui-slider-range {
    top: 0;
    height: 100%;
}

#multiStepTabs .ui-slider .ui-slider-range {
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #02704b;
}

#multiStepTabs .tab-slider .ui-slider-handle {
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    margin-top: -1.1rem;
    margin-left: -0.8rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: #02704b;
    border-radius: 10rem !important
}

#multiStepTabs .ui-tabs-nav .ui-state-active {
    background: #fff
}

#multiStepTabs .ui-tabs-panel {
    padding: 3rem 3rem 2rem;
    background: #fff;
    -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3)
}

#multiStepTabs .ui-tabs-panel {
    color: #595f61
}

#multiStepTabs .category-title {
    margin: 0 0 3.0rem;
    font-size: 3.2rem;
    font-weight: 300;
    text-transform: uppercase
}

#multiStepTabs .tab-slider {
    width: 100%;
    margin-top: 0.5rem;
    height: 1.5rem;
    padding-top: 0.6rem;
    margin-bottom: 0.5rem;
}

#multiStepTabs .sliders-wrapper {
    margin-bottom: 1.5rem;
}

#multiStepTabs .slider-btns-wrapper {
    margin-top: 4.0rem;
}

#multiStepTabs .tab-slider .ui-slider {
    position: relative;
    height: 0.45rem;
    font-size: 1rem;
}

#multiStepTabs .tab-slider .ui-corner-all {
    border-radius: 0;
}

#multiStepTabs .tab-slider .ui-slider .ui-slider-range-min {
    left: 0;
}

#multiStepTabs .tab-slider .ui-slider .ui-slider-range {
    top: 0;
    height: 95%;
}

#multiStepTabs .input {
    float: right;
    width: 13rem;
    padding: 0.3rem 0.5rem;
    text-align: right;
    font-weight: 600;
    border: 0.1rem #c7c9c9 solid;
}

.loan-footer {
    padding: 3rem 0;
}

.loan-footer .law-note {
    font-size: 1rem;
    text-align: justify;
    font-weight: 500;
}

/* DP DIAGONAL GRADIENTS */
.bg-gradient-top {
    margin: 0 -1.5rem;
}

.bg-gradient-green {
    margin-top: -12.5rem;
    height: 24rem;
    background: #40b55c;
    background: -webkit-repeating-linear-gradient(277deg, transparent, transparent 49.9%, #40b55c 50.1%, #40b55c 100%);
    background: -o-repeating-linear-gradient(277deg, transparent, transparent 49.9%, #40b55c 50.1%, #40b55c 100%);
    background: repeating-linear-gradient(173deg, transparent, transparent 49.9%, #40b55c 50.1%, #40b55c 100%);
}

.bg-green {
    padding: 0 0 1.5rem 0;
    background: #40b55c;
}

.checkboxes-wrap {
    margin-top: 0.5rem;
    color: black;
}

.bg-gradient-orange {
    height: 19.6rem;
    background: -webkit-repeating-linear-gradient(94deg, transparent, transparent 49.9%, #ffcc32 50.1%, #ffcc32 100%);
    background: -o-repeating-linear-gradient(94deg, transparent, transparent 49.9%, #ffcc32 50.1%, #ffcc32 100%);
    background: repeating-linear-gradient(-4deg, transparent, transparent 49.9%, #ffcc32 50.1%, #ffcc32 100%);
}

/* CONDITIONS/FAQ */
/* base */
.cbtn {
    display: inline-block;
    padding: 1rem 5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.5rem;
    border: none;
    font-size: 2.3rem;
    font-weight: 500;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color:white;
}

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

.cbtn.green {
    background: #ff1c41;
    color: #fff;
}

.cbtn.green:hover {
}

.cbtn.white {
    background: #fff;
    color: #000;
}

.align-center {
    text-align: center;
}

.conditions .title,
.faq .title {
    font-size: 4.2rem;
    font-weight: 900;
}

.conditions .underline,
.faq .underline {
    display: inline-block;
    border-bottom: 0.4rem #FFCC33 solid;
}

/* section reviews */
.section-reviews {
    padding: 13rem 0 7rem 0;
    background: #ffcc32 url(https://timetoloan.pl/files/msf-ttl/images/bg-section-reviews.jpg) bottom center no-repeat;
}

.section-reviews .slider-wrap {
    position: relative;
    margin: 0 0 4.5rem 0;
    padding: 0 9rem;
}

.section-reviews .slider .slick-arrow {
    position: absolute;
    top: 45%;
    top: calc(50% - 3.4rem);
    z-index: 1;
    width: 3.5rem;
    height: 6.3rem;
    color: transparent;
    font-size: 0;
    border: none;
    outline: none;
}

.section-reviews .slider .slick-prev {
    left: -8rem;
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-slider-prev.png) center center no-repeat;
}

.section-reviews .slider .slick-next {
    right: -8rem;
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-slider-next.png) center center no-repeat;
}

.section-reviews .slider .item {
    padding: 4.5rem 4.5rem 4.5rem 6.0rem;
    background: #fff;
    border-radius: 3.0rem;
    font-size: 1.6rem;
}

.section-reviews .slider .item .desc {
    text-align: justify;
}

.section-reviews .slider .item .by {
    font-weight: 600;
}

/* CONDITIONS */
.conditions .section-top-container {
    background: url(https://timetoloan.pl/files/msf-ttl/images/bg-conditions-section-top.jpg) left -1.5rem center no-repeat;
    background-size: contain;
}

.conditions .section-top .title {
    padding: 16.5rem 0;
}

.conditions .section-top .right {
    text-align: right;
}

.conditions .section-requirements {
    padding: 10rem 0;
    background: #fff;
}

.conditions .section-requirements .container {
    background: url(https://timetoloan.pl/files/msf-ttl/images/bg-conditions-section-requirements.png) right top 19rem no-repeat;
    background-size: 34rem;
}

.conditions .section-requirements .list {
    margin: 6rem 0;
    padding: 0;
    list-style: none;
    font-size: 2.2rem;
    font-weight: 300;
}

.conditions .section-requirements .list .item {
    margin: 0 0 2.0rem 0;
    padding: 0 0 0 6.8rem;
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-conditions-list-1.png) left center no-repeat;
}

.conditions .section-requirements .list .item:nth-child(1) {
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-conditions-list-1.png) left center no-repeat;
}

.conditions .section-requirements .list .item:nth-child(2) {
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-conditions-list-2.png) left center no-repeat;
}

.conditions .section-requirements .list .item:nth-child(3) {
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-conditions-list-3.png) left center no-repeat;
}

.conditions .section-requirements .list .item:nth-child(4) {
    background: url(https://timetoloan.pl/files/msf-ttl/images/icon-conditions-list-4.png) left center no-repeat;
}

.conditions .section-requirements .list .item .image-wrap {
    display: inline-block;
    margin: 0 1.5rem 0 0;
}

.conditions .section-requirements .image {
    margin-top: 4.5rem;
}

/* FAQ */

.faq .section-top-container {
    background: url(https://timetoloan.pl/files/msf-ttl/images/bg-faq-section-top.jpg) left -1.5rem center no-repeat;
    background-size: contain;
}

.faq .section-top .title {
    padding: 16.5rem 0;
}

.faq .section-top .title .underline {
    padding-bottom: 0.5rem;
}

.faq .section-top .right {
    text-align: right;
}

.faq .section-faq {
    padding: 7.5rem 0;
    background: #fff;
}

.faq .section-faq .item {
    margin: 0 0 4.5rem 0;
}

.faq .section-faq .item .title {
    font-size: 2.2rem;
    margin: 0 0 2.0rem 0;
}

.faq .section-faq .item .desc {
    font-size: 1.8rem;
    font-weight: 300;
}

.faq .section-faq .pad-top-bottom {
    padding: 4.5rem 0;
}


.loan-info-container .info-ribbon-wrapper {
    position: relative;
    z-index: 1;
}

.loan-info-container .info-ribbon-wrapper img {
    position: absolute;
    right: 35px;
    top: -85px;
    width: 240px;
}

.main-form-container .form-button-contaner {
    margin-top: 1.2rem;
}

@media(max-width:1199px) {
    .loan-info-container .info-ribbon-wrapper img {
        position: absolute;
        right: 10px;
        top: -180px;
        width: 180px;
        z-index: 1;
    }
    
    .line-break {
        display: none;
    }

    .conditions .section-requirements .container {
        background-size: 29rem;
    }

    .bg-gradient-green {
        height: 15.5rem;
    }

    .bg-green .img-responsive {
        display: none;
    }

    /*   .checkboxes-wrap {
        margin: 0;
    }*/
    .loan-info-container {
        background-position: right -43rem top 10rem;
    }

    .loan-info-container .heading {
        padding-bottom: 1.5rem;
        font-size: 3.2rem;
    }

    .loan-info-container .custom-h3 {
        margin: 0 0 4rem 0;
    }
}

@media(max-width:991px) {

    .conditions .title,
    .faq .title {
        font-size: 3.4rem;
    }

    .conditions .section-top-container {
        background-position: center bottom 1.5rem;
        background-size: 35.5rem;
    }

    .faq .section-top-container {
        background-position: center bottom;
        background-size: 32rem;
    }

    .faq .section-top .title,
    .conditions .section-top .title {
        padding: 3rem 0 27rem 0;
        max-width: 54rem;
        margin: 0 auto;
        text-align: center;
    }

    .conditions .section-requirements {
        padding: 4.5rem 0;
    }

    .conditions .section-requirements .container {
        background: none;
    }

    .conditions .section-requirements .list {
        margin: 4rem 0;
        font-size: 2rem;
    }

    .faq .section-faq {
        padding: 4.5rem 0;
    }

    .faq .section-faq .item {
        margin: 0 0 2.5rem 0;
    }

    .faq .section-faq .pad-top-bottom {
        padding: 1.5rem 0;
    }

    .section-reviews {
        padding: 6rem 0;
    }

    .section-reviews .item .image {
        padding: 0 0 1.5rem 0;
    }

    .section-reviews .item img {
        display: inline-block;
    }

    .section-reviews .item .image,
    .section-reviews .item .by {
        text-align: center;
    }

    .loan-footer .img-responsive {
        display: none;
    }
}

   .loan-info-container .checkbox-accept-all-container span {
       padding-left: 10px;
    }

@media(max-width:767px) {
    .loan-info-container .info-ribbon-wrapper img {
        position: absolute;
        right: 0;
        top: -180px;
        width: 180px;
        z-index: 1;
    }
    .loan-info-container .checkbox-accept-all-container {
        padding: 0;
    }
    .loan-info-container .link-loan {
        width: 25rem;
    }

    .main-form-container .form-button-contaner {
        margin-top: 2rem;
    }
    
    .section-reviews .slider-wrap {
        margin: 0 0 1.5rem 0;
        padding: 0;
    }

    .section-reviews .slider .slick-prev {
        left: -5.2rem;
    }

    .section-reviews .slider .slick-next {
        right: -5.2rem;
    }

    .bg-gradient-orange {
        height: 10rem;
    }

    .loan-info-container {
        padding-top: 0;
        background-image: none;
    }

    .reviews-container .reviews-section,
    .reviews-container .reviews-section-shadow {
        margin: 0 0 4rem 0;
    }

    .loan-footer .footer-h {
        font-size: 3.2rem;
    }

    .step-container .custom-img {
        width: auto;
    }
}

/* STEP START */
.step-images-container {
    overflow: auto;
    margin-bottom: -7rem;
    margin-top: 5rem;
}

.step-images-container .step-img {
    list-style-type: none;
    width: 20%;
    float: left;
    font-size: 2rem;
}

.step-images-container .step-img:first-child {
    margin-left: 17%;
}

.form-step .form-loan-info-container {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 2.5rem;
}

.form-step {
    color: #21395c;
    margin-bottom: 12rem;
}

.form-step .step-title {
    font-size: 2.2rem;
    font-weight: 700;
}

.step-form-container {
    background-image: url(https://timetoloan.pl/files/msf-ttl/images/clock.svg);
    background-repeat: no-repeat;
    background-size: 40rem;
    background-position: 72rem 5rem;
}


.step-form-container .step-form-header-green {
    background: #40B55C;
    color: white;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.form-data-container .data-title {
    color: #21395c;
    font-weight: 700;
    font-size: 2.1rem;
}


.form-step-input {
    padding: 0.7rem;
    width: 100%;
    color: #888
}

.grey-input-container .grey-input {
    border: none;
}

.grey-input-container label {
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 3px;
}

.grey-input-container:focus-within label:not(.not-focus) {
    color: #02704b;
}

.next-step-btn {
    background-color: #40B55C;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem 5rem;
    border-radius: 1rem;
    display: inline-block;
    border: none;
}

.next-step-btn:hover {
    text-decoration: none;
    color: #F8F8F8;
}

.form-submit-container {
    padding-top:5rem;
}
.form-submit-container .cbtn {
    margin-top: 2rem;
}

/*progress bar*/
.progressbar {
    margin: 0;
    padding: 0;
    margin-bottom: 5rem;
    padding-bottom: 5rem;
}

.progressbar li {
    list-style-type: none;
    width: 20%;
    float: left;
    font-size: 1.8rem;
    position: relative;
    text-align: center;
    content: '';
    color: #21395c;
    font-weight: 700;
    padding-top: 5rem
}

.progressbar li:before {
    width: 1.5rem;
    height: 1.5rem;
    content: '';
    line-height: 3.2rem;
    display: block;
    text-align: center;
    margin: 0 auto -4.5rem auto;
    border-radius: 50%;
    background-color: #21395c;
    color: black;
}

.progressbar li:after {
    width: 100%;
    height: 0.25rem;
    content: '';
    position: absolute;
    background-color: #21395c;
    top: 0.8rem;
    left: -50%;
    z-index: -1;
    margin-top: 4.85rem
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active:before {
    background: #63bfb6
}

.progressbar li.active+li:after {
    background-color: #63bfb6;
}

.progressbar li.active+li:before {
    background-color: #63bfb6;
}

.progressbar .color-step {
    color: #63bfb6;
}

/* STEP END */

/* CONTACT START */

.contact-container .contact-title {
    font-weight: 800;
    line-height: 6rem;
}

.contact-container .contact-link {
    color: #40B55C;
    font-size: 2.5rem;
    font-weight: 500;
}

.contact-container .info-note {
    margin-top: 2.5rem;
}

.contact-container .grey-input-container {
    margin: 0 0 1.5rem 0;
}

.contact-container .grey-input-container input,
.contact-container .grey-input-container textarea {
    background: #ECECEC;
    border: none;
    padding: 0.7rem;
    width: 100%;
    color: #111;
}

.contact-container .grey-input-container textarea {
    height: 11.5rem;
}

.contact-container .grey-input-container input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #888;
}

.contact-container .grey-input-container input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #888;
}

.contact-container .grey-input-container input::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
}

.contact-container .grey-input-container input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
}

.contact-container .grey-input-container textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #888;
}

.contact-container .grey-input-container textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #888;
}

.contact-container .grey-input-container textarea::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
}

.contact-container .grey-input-container textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
}

.contact-container .checkbox {
    font-weight: 900 !important;
    font-size: 1.2rem;
}

.contact-container .next-step-btn {
    border-radius: 0.5rem;
    font-weight: 600;
}

.contact-container .komunikatError,
.contact-container .komunikatSuccess {
    margin: 1.5rem 0 0 0;
    text-align: center;
    font-size: 1.8rem;
}

.contact-container .komunikatError {
    color: #f70c0c;
}

.contact-container .komunikatSuccess {
    color: #10b70d;
}

/* Cardina restyle */
.contact-container.cardina span.underline {
    border-bottom: 0.6rem solid #e30d13;
}

.contact-container.cardina .grey-border-container {
    margin-top: 3.5rem;
    text-align: center;
}

.contact-container.cardina .grey-border-container img {
    padding: 9rem 0;
}

@media(max-width:991px) {
    .contact-container.cardina {
        padding-top: 0.6rem;
    }
}

/* CONTACT END */

/* PROPOSAL START */

.proposal-container .confirm-container {
    padding-top: 5em;
    padding-bottom: 3em;
}

.proposal-container .proposal-title {
    font-weight: 900;
}

.proposal-container .confirm-container .confirm-title {
    font-weight: 700;
    font-size: 3.5rem;
}

.proposal-container .confirm-container .confirm-description {
    font-weight: 700;
    font-size: 2.5rem;
}

.proposal-container .confirm-container .confirm-hr {
    border: none;
    height: 0.3rem;
    color: #FFF;
    /* old IE */
    background-color: #FFF;
    /* Modern Browsers */
    width: 20rem;
}

.proposal-container .proposal-loan-info-container {
    background: white;
    border-radius: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 4.5rem;
}

.proposal-container .proposal-loan-info-container .link-loan {
    padding: 0.5rem 2rem;
}


.proposal-container .proposal-loan-info-container .loan-description p {
    width: 100%;
    font-weight: 500;
    display: block;
}

.proposal-container .proposal-loan-info-container-vertical {
    padding: 1rem;
    height: 100% !important;
    text-align: center;
    background-color: white
}

.proposal-container .proposal-loan-info-container-vertical .img-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.proposal-container .proposal-loan-info-container-vertical .title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #63bfb6;
}
.proposal-container .proposal-loan-down-description{
    margin-top:7rem;
}

@media (max-width: 991px) {
    .proposal-container .proposal-loan-info-container .loan-description {
        border: none;
    }
}

/* PROPOSAL END */

/* NORMAL PAGE */

/* COOKIE BAR START */
#cookieBarDiv {
    background: #778185;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 2rem 1.5rem;
    z-index: 99990;
}

#cookieBarDiv,
#cookieBarDiv a {
    color: #fff;
}

#cookieBarDiv a {
    text-decoration: underline;
}

#cookieBarDiv .cookieBarDivContainer {
    max-width: 128rem;
    margin: 0 auto;
    font-size: 1.2rem;
    text-align: justify;
}

#cookieBarDiv button {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: 0.3rem;
    border-radius: 0.5rem;
    color: #778185;
    padding: 0.3rem 1rem 0.3rem 1.5rem;
    border: none;
    z-index: 99999;
}

/* COOKIE BAR END */

/* CLAUSE STYLES */
.clause-description {
    width: 100% !important;
    top: 0 !important;
}

.clause-description a {
    color: #808080 !important;
    font-weight: 400;
}

/* ERRORS */

/* COUNTER */
.rdr-counter-wrap {
    font-size: 2.2rem;
}

.rdr-counter {
    display: inline-block;
    font-weight: 600;
}

/* EFFECTS */
.loan-form-btn,
.nav-tabs-container .custom-btn {
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.loan-form-btn:hover,
.nav-tabs-container .custom-btn:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.loan-form-btn:hover {
    background: #f35c75;
}

.nav-tabs-container .custom-btn:hover {
    background: #23ab44;
}

/* TOOLTIPS */
.tooltip {
}

.tooltip .tooltip-inner {
    padding: 1rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, .2);
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, .2);
    background: #ff1c41;
    color: white;
    font-size: 1.2rem;
    width: 25rem; 
    max-width: 25rem;
}

.tooltip .tooltip-arrow {}

.tooltip.top .tooltip-arrow {
    border-top-color: #ff1c41;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #ff1c41;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #ff1c41;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #ff1c41;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #ff1c41;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ff1c41;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #ff1c41;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #21395c;
}

/* TOOLTIPS */

/* DATEPICKERS */
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover {
    background: #02704b;
}

/* FORM LOADER */
.multi-step-form {
    position: relative;
}

.form-loader-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
    background: rgba(255, 255, 255, .8);
    border-radius: 0.3rem;
    padding: 1em;
    vertical-align: top;
    font-size: 4.4rem;
    text-align: center;
    -webkit-transition: .3s color, .3s border, .3s transform, .3s opacity;
    -o-transition: .3s color, .3s border, .3s transform, .3s opacity;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
    will-change: display;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.form-loader-info {
    padding: 8% 0 0 0;
    font-size: 3.8rem;
    color: #111;
}

.form-loader-info .heading {
    font-weight: 600;
    margin: 0 0 1.5rem 0;
}

.form-loader-content {
    top: 43%;
    position: relative;
    background-image: url("https://lp.kredytkowo.pl/files/msf-kre/images/laoder.svg");
    background-size: cover;
    width: 10rem;
    height: 10rem;
    margin: auto;
    top: calc(50% - 5rem);
}

.last-step-loader-container .form-loader-content {
    top: 10%;
}

@media (max-width: 767px) {
    .tooltip {
        width: auto;
    }

    .form-loader-info {
        font-size: 2.2rem;
    }
}


/*style from form db*/
/*custom style text*/
.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {

    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {

    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

/*custom style text*/


@media (min-width: 801px) {
    .nav-tabs-container .nav-tabs {
        margin-top: -4.4rem;
    }

    .nav-tabs-container .nav-tabs>li.active>a {
        margin-left: 3.2rem;
        margin-right: 3.3rem;
    }
}

.custom-btn {
    padding: 1.5rem 3rem;
}

.margin-0 {
    margin: 0rem;
}

.custom-btn:hover {
    color: #fff;
}

.cbtn {
    background-color: #CCCCCC;
}

.loan-info-container .range-control-container {
    height: 5.2rem;
}

.grey-input-container .loan-form-input {
    padding: 0.5rem 1rem;
}

.grey-input-container .grey-input {
    margin-top: 0rem;
}

.grey-input-container {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.grey-input-container .radio-label {
    padding-right: 2rem;
    padding-top: 0.8rem;
}

select.grey-input {
    background: url(https://bestloan.pl/files/msf-bl/images/right-arrow.svg) no-repeat right 0.8rem center !important;
    -webkit-appearance: none;
    background-origin: content-box;
    background-size: 1.7rem 1.7rem !important;
}

.loan-form-container .error-info,
.step-form-container .error-info {
    background-color: #bd469a;
    color: white;
    width: 50%;
    margin: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    font-weight: 900 !important;
    width: 100%;
    position: relative;
    margin-top: 0;
}

.inline-grey-inputs-container label {
    margin-top: 1rem;
}

.navbar-brand {
    padding: 0.4rem 1.5rem;
}

.tab-content .special-hr {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.step-border-container {
    margin-bottom: 1.5rem;
}



.step-title-section hr {
    margin-top: 0rem;
}

.step-title-section {
    margin-top: 1rem;
}

/*style do podmiany*/


.attention-info {
    font-size: 1.2rem;
    padding: 0.2rem 0.8rem;
    border-radius: 100%;
    font-weight: 600;
    margin-left: 0.5rem;
    color: white;
    background-color: #ff1c41;
}
/*money input style */
.money-input {
    padding-right: 2.7rem !important;
}

.money-input-value {
    position: absolute;
    display: block;
    right: -0.5rem;
    top: 1rem;
    width: 2.5rem;
    font-weight: 500;
    color: #888;
}

/*money input style */


/*modal advance verify tel/email style*/
.modal-content-custom {
    border-radius: 2.5rem
}

.modal-content-custom .modal-header {
    background-color: #40B55C;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    color: white;
}

.modal-content-custom .modal-title {
    font-size: 2.5rem;
    font-weight: 300;
}

.modal-content-custom .modal-message {
    font-size: 1.9rem;
}

.modal-content-custom .modal-header {
    padding: 2rem 0rem 2rem 0rem;
}

.modal-content-custom .verifyCode {
    background: #ECECEC;
    border: 0.2rem solid #ECECEC;
    width: 100%;
    padding: 1.5rem 2.0rem;
}

.modal-content-custom .btn {
    color: white;
    padding: 1.3rem 2rem;
    font-weight: 600;
    font-size: 1.7rem;
    width: 90%;
    margin-top: 1rem;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.modal-content-custom .btn:hover {
    text-decoration: none;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.modal-content-custom .green-btn {
    background: #40B55C;
    color: white;
}

.modal-content-custom .grey-btn {
    background: #A7A7A7;
}

.modal-content-custom .custom-modal-footer {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.modal-content-custom .alert {
    margin-bottom: 0rem;
    margin-top: 0.5rem;
}

.modal-content-custom .alert-success {
    background: #40B55C;
    color: white;
}

.custom-modal {
    text-align: center;
}

.custom-modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.4rem;
    vertical-align: middle;
}

.custom-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*modal advance verify tel/email style*/

.money-image {
    margin-top: 10vw;
    margin-bottom: 10vw;
}

.money-image img {
    width: 100%;
}

/*custon css*/



/*page-main-content*/
.page-main-content {
    padding-top: 0rem;
    padding-bottom: 4rem;
}

.page-main-content p {
    font-weight: 600;
    margin-top: 2rem;
}

.page-main-content h1.custom-h {
    font-size: 3.6rem;
    font-weight: 600;
}

.page-main-content h3 {
    font-size: 2.8rem
}

.page-main-content .section-content {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

/*page-main-content*/
/*timeto-loan-container*/
.timeto-loan-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/dlaczegobg.svg');
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-color: #f5f5f5;
    padding-bottom: 1rem;
}

/*timeto-loan-container*/


/*timeto-loan-benefits-container*/
.timeto-loan-benefits-container {
    background-color: #e7e7e7;
    padding-top: 4rem;
    padding-bottom: 4rem;
    overflow: hidden;
}

.timeto-loan-benefits-container .loan-benefits-deskop .row:not(:last-child) {
    margin-bottom: 2rem;
}

.timeto-loan-benefits-container .link-row {
    margin-top: 6.5rem;
    margin-bottom: 4rem;
}

.timeto-loan-benefits-container .row p {
    color: #21395c;
    font-size: 2rem;
    font-weight: 500;
}

@media (max-width: 500px) {
    .timeto-loan-benefits-container .credit-options-container p {
        font-size: 1.4rem
    }

    .timeto-loan-benefits-container .credit-options-container .col-xs-4 {
        padding: 0rem;
    }
}

.timeto-loan-benefits-container .icon {
    width: 3.3rem;
    margin: auto;
}



/*mobile-loan-option */
.timeto-loan-benefits-container .loan-benefits-mobile{
    margin-top: 1.2rem;
}
.timeto-loan-benefits-container .mobile-loan-option {
    border-top: 2px solid #dfdfdf;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 1rem;
}


.timeto-loan-benefits-container .mobile-loan-option li {
    list-style: none;
    float: none;
}

.timeto-loan-benefits-container .mobile-loan-option ul {
    margin-left: 0rem;
    padding-left: 0rem;
    margin-bottom: 0rem;
    padding-top: 0.5rem
}

.timeto-loan-benefits-container .mobile-loan-option .nav-tabs {
    border: none;
}

.timeto-loan-benefits-container .mobile-loan-option li a {
    border: none;
    background-color: transparent;
    pointer-events: none;
    cursor: default;
    font-size: 2.5rem;
    font-weight: 700;
    color: #21395c;

}


.timeto-loan-benefits-container .mobile-loan-option .slide-icon {
    font-size: 5rem;
    cursor: pointer;
    font-weight: 300;
    color: grey
}

.timeto-loan-benefits-container .tab-content p {
    font-size: 2rem;
    margin: 0px;
}

.timeto-loan-benefits-container .tab-content .mobile-benefits-row {
    border-bottom: 0.2rem solid #dfdfdf;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.timeto-loan-benefits-container .tab-content .mobile-benefits-row img {
    width: 3.3rem
}


.timeto-loan-benefits-container .mobile-loan-option .btnPrevious {
    padding-left: 2rem;
}

.timeto-loan-benefits-container .mobile-loan-option .btnNext {
    padding-right: 2rem
}

/*mobile-loan-option */



/*timeto-loan-benefits-container*/


/*installment-container*/
.installment-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/waga.svg');
    background-repeat: no-repeat;
    background-size: 500px;
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-position: 25% 10%;
    padding-bottom: 5rem;
}

.installment-container .custom-img {
    height: 8.5rem;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.installment-container h3 {
    margin-bottom: 4rem;
}

.wygodne-raty .section-content {
    padding-bottom: 1rem;
}

/*installment-container*/

/*regulations-container*/
.regulations-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/clock.svg');
    background-repeat: no-repeat;
    background-size: 70rem;
    background-position: 71% 5%;
    background-color: #f5f5f5;
    padding-bottom: 5rem;
}

/*regulations-container*/

/*questions-container*/
.questions-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/clock.svg');
    background-repeat: no-repeat;
    background-size: 55rem;
    background-position: 71% 23rem;
    padding-bottom: 4rem;
}

.questions-container .question-item {
    cursor: pointer;
    padding-top: 2rem;
    padding-bottom: 1.2rem;
}

.questions-container .question-item:not(:last-child) {
    border-bottom: 0.2rem solid silver;
}

.questions-container .question-item img {
    width: 2.2rem;
    padding-top: 1.5rem;
}

.questions-container .question-content {
    display: none;
}

.questions-container .char {
    font-size: 4rem;
}

.questions-container p {
    color: black;
}

/*questions-container*/

/*contact-container*/
.contact-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/wiadomoscbg.svg');
    background-repeat: no-repeat;
    background-size: 700px;
    background-position: top left;
    padding-bottom: 1rem;
}
.contact-container .widgetForm {
    padding-top: 2rem;
}

.contact-container .link-loan {
    padding: 0.3rem 6rem;
}

.contact-container p.contact-p {
    font-size: 2.8rem;
    font-weight: 700;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.contact-container .contact-form {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1rem;
    background-color: #ECECEC
}

.contact-container .grey-input-container input,
.contact-container .grey-input-container textarea {
    background: #F9F5F5;
}

.contact-container .grey-input-container textarea {
    height: 20rem;
}

.contact-container .checkboxes-container .small {
    margin-top: 0rem;
    color: black;
    font-weight: 900;
    margin-bottom: 0rem;
}

.contact-container .checkboxes-container .small label {
    font-weight: 700;
}

.contact-container .checkboxes-container a {
    color: #63bfb6
}

@media (min-width: 767px) {
    .contact-container .input-pd-right {
        padding-right: 5rem;
    }

    .contact-container .input-pd-left {
        padding-left: 5rem;
    }
}

/*contact-container*/
/*client-info-container*/
.client-info-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: white;
}

.client-info-container .custom-img {
    margin: auto;
    height: 8rem;
}

.client-info-container .info-item {
    padding: 2rem;
}

.client-info-container .info-item p {
    font-weight: 700;
    margin-top: 1rem;
    font-size: 2rem;
}


.client-info-container .info-item {
    transition: all 0.5s;
}

@media (min-width: 992px) {
    .client-info-container .info-item {
        height: 23rem;
    }
}

.client-info-container .info-item p:nth-child(3) {
    visibility: hidden;
    height: 0px;
}

.client-info-container .info-item:hover {
    border-radius: 0.7rem;
    -webkit-box-shadow: 0rem 0rem 0.5rem 0.2rem rgba(192, 192, 192, 1);
    box-shadow: 0rem 0rem 0.5rem 0.2rem rgba(192, 192, 192, 1);
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}

.client-info-container .info-item:hover img {
    display: none;
}

.client-info-container .info-item p:nth-child(3) {
    font-size: 1.75rem;
}

.client-info-container .info-item:hover>p:nth-child(3) {
    visibility: visible;
    height: auto;
}

.client-info-container .info-item:hover>p:nth-child(2) {
    visibility: hidden;
    opacity: 0;
    height: 0px;
    display: none
}

.client-info-container .info-items-container {
    margin-top: 5rem;
}

/*client-info-container*/
/*loan-steps-container*/
.loan-steps-container .custom-img {
    margin: auto;
    height: 10rem;
}

.loan-steps-container {
    background-color: white;
    padding-top: 4rem;
    padding-bottom: 9rem;
}

.loan-steps-container .link-row {
    margin-top: 7rem;
}

.loan-steps-container .title-item-p {
    margin-top: 5rem;
    margin-bottom: 5rem;
    font-size: 2.5rem;
}

.loan-steps-container .items-container {
    margin-top: 1rem;
}

.loan-steps-container .items-container .desc-item-p {
    font-weight: 600;
}


@media (max-width: 991px) {
    .loan-steps-container .items-container .item:nth-child(n+2) img {
        margin-top: 5rem;
    }
}

@media (min-width: 992px) {
    .loan-steps-container .custom-title-item-p {
        margin-bottom: 4.5rem;
    }

    .loan-steps-container .item:not(:last-child):after {
        content: '>';
        /* content: '›'; */
        position: absolute;
        top: 0rem;
        font-size: 7rem;
        right: -3rem;
        font-weight: 300;
    }
}

@media (min-width: 767px) {
    .main-form-container .input-pd-left {
        padding-left: 3rem;
    }

    .main-form-container .input-pd-right {
        padding-right: 3rem;
    }
}

.main-form-container .left-section {
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.main-form-container .left-section .benefits img{
    width:25px;
    height:25px;
    margin-right:10px;
}
.main-form-container .left-section .benefits p{
    font-weight: 600;
}

.loan-info-container .left-section-p {
    font-size: 2.5rem;
}

.loan-info-container .link-loan {
    padding: 1rem 5rem;
    font-size: 2rem;
    font-weight: 600;
}

.loan-info-container .benefits {
    position: relative;
    z-index: 2;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    font-weight: 500;
}
.loan-info-container .benefits li {
    margin: 0 0 1rem 0;
}

.main-form-container .form-bottom-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.main-form-container .checkbox label {
    font-weight: 500;
    font-size: 1.7rem;
}

/*loan-info-container*/
/*globnal*/
.special-color {
    color: #02704b;
}

.special-color-2 {
    color: #ff1c41;
}

.special-color-3 {
    color: #21395c;
}

.black-color {
    color: black !important;
}

p {
    font-size: 1.8rem;
}

h1 {
    font-size: 4.8rem;
}

h2 {
    font-size: 3.8rem;
}

h3 {
    font-size: 2.8rem;
}

h4 {
    font-size: 2.4rem;
}

.link-loan {
    background-color: #ff1c41;
    color: white;
    padding: 1rem 8rem;
    border-radius: 0.5rem;
    font-size: 2rem;
    font-weight: 500;
    text-decoration: none;
    border: 0.2rem solid #ff1c41;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.link-loan:hover {
    color: #ff1c41;
    text-decoration: none;
    background-color: white;
}

.padding-0 {
    padding: 0rem !important;
}

.margin-0 {
    margin: 0rem !important;
}

/*globnal*/
/*inputs*/

input.form-step-input:focus,
select.form-step-input:focus,
textarea.form-step-input:focus,
button.form-step-input:focus {
    outline-color: #40B55C;
}

select.grey-input {

}

.loan-form-input {
    width: 100%;
    background: #ECECEC;
    border: none;
    padding: 0.8rem 2rem;
    color: #111;
    font-size: 1.7rem;
}

.loan-form-input::-webkit-input-placeholder {
    color: #888;
}

.loan-form-input:-ms-input-placeholder {
    color: #888;
}

.loan-form-input::-ms-input-placeholder {
    color: #888;
}

.loan-form-input::placeholder {
    color: #888;
}

.loan-form-input:-ms-input-placeholder {
    color: #888;
}

.loan-form-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #888;
}

input.error:not([type=checkbox]):not([type=radio]),
select.error {
    border: 0.2rem solid #ff1c41 !important;
    background: url(../images/alert-red.svg?w) no-repeat right 0.8rem center !important;
    -webkit-appearance: none;
    background-origin: content-box;
    background-size: 1.7rem 1.7rem !important;
}

input.error label,
select.error label {
    color: #ff1c41 !important;
}


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

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

.loan-form-input {
    background-color: transparent;
    border: none;
    padding: 0.7rem 1.4rem;
    width: 100%;
    font-weight: 400;
    border: 0.15rem solid #02704b !important;
    color: grey;
}

.loan-form-input:focus {
    border: 0.15rem solid #02704b !important;
    outline: 0;
}

/*inputs*/

/*privacy-policy-container*/
.privacy-policy-container {
    background-image: url('https://timetoloan.pl/files/msf-ttl/images/clock.svg');
    background-repeat: no-repeat;
    background-size: 60rem;
    background-position: 72% 0%;
    padding-bottom: 6rem;
}

/*privacy-policy-container*/

.custom-hr {
    border:none;
    height: 0.5rem;
    color: #FFF;
    background-color: #02704b;
    width: 17rem;
    margin-left: 0;
    margin: 30px 0;
}


/*header*/
.header-container{
    padding-bottom: 5rem;
    padding-top: 2rem;
}
/*header*/









/*progresbar*/
.msf-sidebar .block {
    padding-bottom: 30px;
}
.msf-sidebar .block .title {
    font-size: 18px;
}
.msf-sidebar .block .desc {
    font-size: 26px;
    color: #02704b;
    font-weight: 700;
}

/*progress bar*/
.progressbar2 {
    margin: 0;
    padding: 0;
}
.progressbar2 li {
    display: block;
    width: 100%;
    list-style-type: none;
    float: none;
    font-size: 17px;
    position: relative;
    text-align: left;
    color: #575757;
    font-weight: 500;
    padding: 15px 0 15px 40px;
}
.progressbar2 li.active {
    font-weight: 700;
    color: #02704b;
}
.progressbar2 li .number {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #02704b;
    line-height: 24px;
    display: block;
    text-align: center;
    margin: 0;
    margin-top: 15px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #02704b;
}
.progressbar2 li.active .number {
    background-color: #02704b;
    color: #fff;
}

/*progresbar*/


/*msf-single-step*/
.msf-single-step .step-title-p{
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.msf-single-step .user-data-title-p {
    font-weight: 500;
    font-size: 1.6rem;
}

/*msf-single-step*/


.radio-custom,
.checkbox-custom {
  padding-left: 20px;
  position: relative;
  display: block;
}
.radio-custom input,
.checkbox-custom input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: -20px;
}
.radio-custom input:checked + label::before,
.checkbox-custom input:checked + label::before {
  border-color: #9575cd;
}
.radio-custom input:checked + label::after,
.checkbox-custom input:checked + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0px;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #02704b;
  border-radius: 2px;
  background-color: #02704b;
}
.radio-custom label,
.checkbox-custom label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio-custom label::before,
.checkbox-custom label::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
}
.radio-custom.disabled label,
.checkbox.disabled label {
  color: #ccc;
}
.radio-custom.disabled label::before,
.checkbox.disabled label::before {
  opacity: .54;
  border-color: #ccc;
}
.radio-custom .error::before{
    display: none;
} 
.radio-custom .error {
    display: table-caption;
    position: absolute;
    top: 30px;
    white-space: nowrap;
}
.checkbox-custom input:checked + label::before {
  border-color: #02704b;
  background-color: #02704b;
}
.checkbox-custom input:checked + label::after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 13px;
  color: #fff;
  top: 0;
  left: 1px;
  border-color: transparent;
  background-color: transparent;
}
.checkbox-custom label::before {
  border-radius: 2px;
}







/*last step */

.color-green {
    color: #02704b;
}
/**
 * summary block
 */
.summary-block {
    text-align: center;
    padding-top: 40px;
}
.summary-block .icon {
    width: 125px;
    margin-bottom: 20px;
}
.summary-block .title {
    font-size: 32px;
    font-weight: 700;
}
.summary-block .desc {
    padding-top: 20px;
    padding-bottom:30px;
    font-size: 22px;
}

.proposal-container .proposal-loan-info-container{
    background: white;
    border: 0;
    border-radius: 3px;
    padding: 25px;
    margin-top: 25px;    
    -webkit-box-shadow: 0px 0px 13px 2px rgba(153,153,153,0.49);
    -moz-box-shadow: 0px 0px 13px 2px rgba(153,153,153,0.49);
    box-shadow: 0px 0px 13px 2px rgba(153,153,153,0.49);
    color: #575757;
}
.proposal-container .proposal-loan-info-container .partner-logo {
    height: 50px;
    margin-bottom:10px;
}
.proposal-container .proposal-loan-info-container .loan-description {
    border: 0;
}
.proposal-container .proposal-loan-info-container .loan-description p {
    width: 100%;
    font-size: 16px;
}
.proposal-container .proposal-loan-info-container .loan-form-btn {
    display: inline-block;
    border-radius: 3px;
    background: #f8981f;
    width: auto;
    margin: auto;
}
.proposal-container .proposal-loan-info-container .loan-form-btn:hover {
    background: #ffae00;
}


@media (max-width: 991px) {
    .summary-block .icon {
        width: 100px;
    }
    .summary-block .title {
        font-size: 28px;
    }
    .summary-block .desc {
        font-size: 20px;
    }
    
    .proposal-container .proposal-loan-info-container{
        padding: 20px;
        margin-top: 20px;    
    }
    .proposal-container .proposal-loan-info-container .loan-icon-wrapper {
        text-align: center;
    }
    .proposal-container .proposal-loan-info-container .partner-logo {
        display: inline-block;
        height: 50px;
    }
    .proposal-container .proposal-loan-info-container .loan-description {
        padding-bottom:10px;
        padding-bottom:10px;
    }
    .proposal-container .proposal-loan-info-container .loan-description p {
        text-align: center;
        font-size: 16px;
    }

    .proposal-container .proposal-loan-info-container .loan-description{
        border:none;
    }  
}

@media (max-width: 767px) {
    .summary-block .title {
        font-size: 24px;
    }
    .summary-block .desc {
        font-size: 18px;
    }
    
    .proposal-container .proposal-loan-info-container{
        padding: 20px;
        margin-top: 20px;    
    }
    .proposal-container .proposal-loan-info-container .loan-icon-wrapper {
        text-align: center;
    }
    .proposal-container .proposal-loan-info-container .partner-logo {
        display: inline-block;
        height: 50px;
    }
    .proposal-container .proposal-loan-info-container .loan-description p {
        text-align: center;
        font-size: 16px;
    }

    .proposal-container .proposal-loan-info-container .loan-description{
        border:none;
    }  
}

/*last step */




/*custom checkbox*/
.checkbox label, .radio label {
    padding-left: 0;
}
.icheckbox_square-green,
.iradio_square-green {
    margin-right: 15px;
}

.icheck .error {
    display: block;
    margin-top: 20px;
    white-space: nowrap;
}
.first-step-checkbox-container{
}

.first-step-checkbox-container label.error {
    position: absolute;
    bottom: 26px;
}

.first-step-checkbox-container .icheckbox_square-green {
}

.first-step-checkbox-container .form-checkbox-section label.checkbox-label {
    position: relative;
    padding: 0px;  
}

/*custom checkbox*/


/*pulse link */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    70% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    70% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
}
/*pulse link */