.bg-green-step{background-color:#56d487}.step-tabber .steps.bg-green-step h2{color:#fff}.step-tabber .steps h2{font-size:26.88px;line-height:9px;color:rgba(86,212,135,0.4);font-weight:bold;margin-bottom:0}body .row-fluid .step-tabber .steps{border:.96px solid rgba(86,212,135,0.4);border-radius:4px;padding:18px 10px;text-align:center;display:flex;justify-content:center;align-items:center;margin-left:15px;width:30.623932%}body .row-fluid .step-tabber .steps:first-child{margin-left:0}body .container-fluid .row-fluid .step-tabber{max-width:390px;margin:0 auto 120px;float:none}.step-function .heading-container h2{color:#56d487;margin-bottom:8px}.step-function .heading-container{margin-bottom:40px}.step-function .heading-container p{font-size:18px;line-height:29px;color:#212837}.step-function .stage-1 button{background:#fff;border:1px solid #d4e1f4;padding:15px 14px;border-radius:4px;width:100%}body .row-fluid .step-function{margin-left:0}.step-function .stage-1 button.stage-change-bt{border:0}.step-function .stage-1 button.stage-change-bt:focus{border:0}.step-function .stage-1 button:focus{outline:0;border:2px solid #56d487}.step-function .stage-1 button .image-container img{max-width:43px !important;height:auto}.step-function .stage-1 button .image-container{display:flex;justify-content:center;align-items:center}.step-function .stage-1 button .text-cont{display:flex;justify-content:center;align-items:center}.step-function .stage-1 button .plus-icon{display:flex;justify-content:center;align-items:center}.step-function .stage-1 button .calc-button-container{display:flex;justify-content:center;align-items:center}.step-function .stage-1 button h4{font-size:17px;line-height:21px;color:#000;font-weight:bold;margin-bottom:0}.debt-type-container{background:#212837;margin-top:22px;padding:10px 0;text-align:left}.debt-type-container h4{font-size:18px;line-height:29px;color:#fff;margin-bottom:0;font-family:ff-basic-gothic-pro;font-weight:500}.next-button-cont{margin:0}.debt-type-container .col-1{padding:0 36px}.debt-type-container .col-2{padding:0 36px}.debt-type-container .col-3{padding:0 36px}.step-function .stage-1 .debt-type{margin:0}.each-entry input{height:65px;font-size:18px;line-height:29px;color:#212837;border:1px solid #d3d4d7;margin-bottom:15px;border-radius:2px;font-family:ff-basic-gothic-pro}.each-entry input:focus{border:1px solid #56d487;outline:0}.each-entry select{height:65px;border:1px solid #d3d4d7;border-radius:2px}body .row-fluid .each-entry .span2{margin-left:20px;width:15.529915%}body .row-fluid .each-entry .remove-entry{margin-left:0}body .row-fluid .each-entry{margin:0}body .row-fluid .remove-entry button{border:0}body .row-fluid .remove-entry button .close-cont img{width:26px;height:26px}body .row-fluid .single-loan-entries{margin:0;padding:32px 36px 20px;min-height:0 !important}body .row-fluid .input-container{margin:0}select.debt-period{font-size:18px;line-height:29px;color:#212837;font-weight:500;font-family:ff-basic-gothic-pro}body .row-fluid .next-button-cont{margin:0}body .row-fluid .next-button-cont button{background:#56d487;border-radius:2px;color:#fff;font-size:24px;line-height:25px;font-weight:500;position:relative;font-family:objektiv-mk2;transition:all ease-in-out .2s}body .row-fluid .next-button-cont button:hover{background:#293142;transition:all ease-in-out .2s;color:#fff}body .row-fluid .next-button-cont button:after{content:"\f0da";position:absolute;color:#fff;font-size:24px;line-height:6px;font-weight:bold;bottom:27px;right:45%;font-family:"Font Awesome 5 Free";transition:all ease-in-out .2s;z-index:4}body .row-fluid .box-container{box-shadow:0 3px 14px 0 rgba(0,0,0,0.09);margin:0;min-height:0 !important}button{cursor:pointer}body .row-fluid .total-first-stage{margin-left:0;padding:30px 40px}body .row-fluid .total-first-stage .span4{font-size:28px;line-height:29px;color:#212837;font-weight:500;text-transform:uppercase}body .row-fluid .total-first-stage .total-amount{font-size:28px;line-height:29px;color:#212837;font-weight:500;text-transform:uppercase}body .row-fluid .total-first-stage .total-repayment{font-size:28px;line-height:29px;color:#212837;font-weight:500;text-transform:uppercase}body .row-fluid .total-period-select{height:65px;font-size:18px;line-height:29px;color:#212837}body .container-fluid .row-fluid .select-container{display:inline-flex;width:18.529915%;margin-left:12px}body .container-fluid .row-fluid .remove-entry{width:5.529915%;float:right;text-align:right;margin-top:4px}.select-container span.per{display:flex;justify-content:center;align-items:center;padding-right:10px;font-size:18px;line-height:27px;color:#212837;font-weight:500}body .container-fluid .row-fluid .each-entry .debt-name-cont{width:38.623932%}body .row-fluid .each-entry .debt-amount-cont{width:16.229915%}body .row-fluid .each-entry .total-min-repay-cont{width:16.229915%}body .row-fluid .total-first-stage .total-cont{text-align:left;width:38.623932%}body .row-fluid .total-first-stage .span2{margin-left:20px;text-align:left}body .row-fluid .total-first-stage .total-select{display:-webkit-inline-box;width:18.529915%}.total-select span.per{display:flex;justify-content:center;align-items:center;padding-right:10px;font-size:18px;line-height:27px;color:#212837;font-weight:500}body .row-fluid .total-first-stage .total-amount{width:16.229915%}body .row-fluid .total-first-stage .total-repayment{width:16.229915%}.total-select select{height:65px;border:1px solid #d3d4d7;border-radius:2px;font-family:ff-basic-gothic-pro;width:166%}.stage-2 .heading-container h2{font-size:34px;line-height:48px;color:#56d487}.stage-2 .heading-container{margin-bottom:60px}body .row-fluid .loan-container{margin:0;box-shadow:0 3px 14px 0 rgba(0,0,0,0.09);background:#fff;padding:38px 55px;max-width:690px;margin:0 auto;float:none}.loan-container label{text-align:left;display:block;font-size:18px;line-height:29px;color:#212837;font-weight:500;margin-bottom:5px}.loan-container select{height:65px;border:1px solid #d3d4d7;font-size:18px;line-height:29px;color:#212837;font-weight:500;font-family:ff-basic-gothic-pro;padding:0 15px;margin-bottom:30px;border-radius:2px}body .row-fluid .loan-container input{height:65px;background:#fff;border:1px solid #d3d4d7;padding:0 15px;font-size:18px;line-height:29px;color:#212837;font-weight:500;font-family:ff-basic-gothic-pro;border-radius:2px}.next-button-cont button{background:#56d487;border-radius:2px;color:#fff;font-size:24px;line-height:25px;font-weight:500;position:relative;font-family:objektiv-mk2;border:0;padding:13px 72px}body .row-fluid .stage-2 .next-button-cont button:after{bottom:25px;right:49px}body .row-fluid .stage-2 .next-button-cont{margin-top:51px}.stage3-cont .left-col{border:1px solid #d4e1f4;border-radius:4px;padding:48px 0px}.stage3-cont .left-col p{font-size:18px;line-height:35px;color:#494a4b;font-weight:300}.stage3-cont .left-col p.monthly-charges{font-size:34px;color:#293142;font-weight:bold;font-family:objektiv-mk2}.stage3-cont .left-col p.monthly-repayments{font-size:34px;color:#293142;font-weight:bold;font-family:objektiv-mk2}.stage3-cont .left-col h2{margin-bottom:0}.stage3-cont .right-col p{font-size:18px;line-height:35px;color:#494a4b;font-weight:300}.stage3-cont .left-col p.payment-increase{margin-bottom:0px}.stage3-cont .right-col{border:2px solid #56d487;border-radius:4px;padding:35px 0px 26px}body .container-fluid .row-fluid .stage3-cont{max-width:981px;margin:0 auto;float:none}.stage3-cont .right-col p.yearly-charges{font-size:57px;line-height:57px;color:#56d487;letter-spacing:-1.04px;font-weight:bold;font-family:objektiv-mk2;margin-bottom:10px;margin-top:18px}.stage3-cont .right-col p.per-month{font-size:18px;line-height:25px;font-weight:300;margin-bottom:0}.stage3-cont .right-col h2{color:#56d487;margin-bottom:0}.stage3-cont .right-col a.cta_button{padding:13px 9px}.stage3-cont .right-col a.cta_button:hover{border:1px solid transparent;background:#293142;color:#fff}.stage3-cont .right-col .cta-container{margin-top:30px}.input-rate-cont input{position:relative}.input-rate-cont .years-cont{position:relative}.input-rate-cont .years-cont:after{position:absolute;right:15px;top:53px;content:'years';color:#212837;font-size:18px;line-height:29px;font-weight:500;z-index:11}.input-rate-cont .interest-cont{position:relative}.input-rate-cont .interest-cont:after{position:absolute;right:15px;top:53px;content:'%';color:#212837;font-size:18px;line-height:29px;font-weight:500;z-index:11}.prev-button-cont button{background:transparent;border:0;font-size:14px;line-height:20px;font-weight:bold;letter-spacing:normal;color:#56d487;font-family:objektiv-mk2;position:relative}.prev-button-cont button:before{content:"\f0d9";position:absolute;color:#56d487;font-size:15px;line-height:6px;font-weight:bold;bottom:9px;left:-5px;font-family:"Font Awesome 5 Free";transition:all ease-in-out .2s;z-index:4}button:focus{outline:none !important}body .row-fluid .prev-button-cont{margin-top:20px}.stage-3 .prev-button-cont{max-width:981px;text-align:left;margin:20px auto 0}.stage-3 .prev-button-cont button{margin-left:15px}.dollar-container{position:relative}.dollar-container:before{content:'$';position:absolute;top:42%;left:16px;transform:translateY(-50%)}.dollar-container input{padding-left:28px !important}@media(max-width:1024px){.step-function .stage-1 button .image-container img{max-width:30px !important}.step-function .stage-1 button h4{font-size:15px;line-height:18px}.debt-type-container .col-2{padding:0 16px}body .container-fluid .row-fluid .remove-entry{width:8.529915%}body .row-fluid .each-entry .debt-amount-cont{width:15.229915%}body .row-fluid .each-entry .total-min-repay-cont{width:15.229915%}body .container-fluid .row-fluid .select-container{width:24.529915%}body .container-fluid .row-fluid .each-entry .debt-name-cont{width:27.623932%}body .row-fluid .total-first-stage .total-cont{width:27.623932%}body .row-fluid .total-first-stage .total-amount{width:15.229915%}body .row-fluid .total-first-stage .total-repayment{width:15.229915%}body .total-select select{width:100%}body .row-fluid .total-first-stage .total-select{width:24.529915%}body .row-fluid .next-button-cont button:after{right:42%}body .row-fluid .total-first-stage .total-amount{font-size:23px;line-height:25px}body .row-fluid .total-first-stage .total-repayment{font-size:23px;line-height:25px}.stage3-cont .right-col p.yearly-charges{font-size:47px;line-height:47px}}@media(max-width:767px){.step-tabber .steps h2{font-size:18.82px;line-height:6px}body .row-fluid .step-tabber .steps{padding:12px 10px;width:auto;float:left}body .step-tabber>.row-fluid{margin:0 auto;float:none;max-width:270px}body .container-fluid .row-fluid .step-tabber{margin:0 auto 57px}.step-function .heading-container p{font-size:16px;line-height:25px}.step-function .heading-container h2{margin-bottom:15px}.step-function .debt-type .span3{width:48.4%;margin-right:9px;float:left;margin-bottom:8px}.step-function .debt-type .span3:nth-child(even){margin-right:0}.step-function .stage-1 button h4{font-size:14px;line-height:15px}body .row-fluid .plus-icon img{max-width:18px !important;height:auto}.step-function .stage-1 button .image-container{display:flex;justify-content:center;align-items:center;width:27.4%;margin-right:0;float:left;margin-bottom:0}.step-function .stage-1 button .text-cont{display:flex;justify-content:center;align-items:center;width:48.93617020799999%}.step-function .stage-1 button .plus-icon{display:flex;justify-content:center;align-items:center;width:13.4%;margin-right:0;float:right;text-align:right;margin-bottom:0}.step-function .stage-1 .calc-button-container button{padding:9px 4px}.step-function .stage-1 button{padding:9px 4px}.step-function .heading-container{margin-bottom:10px}.debt-type-container{display:none !important}.debt-responsive{font-size:16px;line-height:22px;color:#212837;font-weight:normal;width:46%;text-align:left;display:flex;align-items:center;margin-right:34px}body .container-fluid .row-fluid .each-entry .debt-name-cont{width:100%;margin-bottom:10px}body .row-fluid .each-entry .debt-amount-cont{width:100%;margin-left:0}body .container-fluid .row-fluid .each-entry .debt-name{margin-bottom:0;height:47px}body .row-fluid .each-entry .debt-name-cont{display:flex}body .row-fluid .each-entry .debt-amount-cont{display:flex}body .row-fluid .each-entry .debt-amount{height:47px}body .row-fluid .each-entry .total-min-repay-cont{float:left}body .container-fluid .row-fluid .remove-entry{width:100%;float:right;text-align:right}body .container-fluid .row-fluid .remove-entry button{text-align:right}body .row-fluid .each-entry .total-min-repay-cont{width:51%;display:flex;margin-left:0}body .row-fluid .each-entry .total-min-repay-cont .debt-total-min-repay{height:47px}body .container-fluid .row-fluid .select-container{width:43.529915%;margin-left:0}select.debt-period{font-size:16px;line-height:29px;height:47px}.select-container span.per{font-size:16px}body .row-fluid .box-container{box-shadow:none}body .row-fluid .single-loan-entries .each-entry{border:1px solid #d4e1f4;border-radius:2px;padding:15px 15px 15px;margin-bottom:10px}body .row-fluid .single-loan-entries{padding:0}body .row-fluid .total-first-stage .total-cont{float:left;width:48%}body .row-fluid .total-first-stage .total-amount{float:right;width:52%;margin-left:0;text-align:right}body .row-fluid .total-first-stage .total-amount{font-size:28px;line-height:29px}.total-repayment .debt-responsive{width:100%}body .row-fluid .total-first-stage .total-repayment{width:57.229915%;margin-left:0;margin-top:30px;font-size:28px;line-height:29px;font-weight:500;float:left}body .row-fluid .total-first-stage .total-repayment .debt-responsive{text-transform:initial;font-size:16px;line-height:21px;font-weight:500;margin-bottom:20px}body .row-fluid .total-first-stage .total-select{width:28.529915%;float:left;margin-top:58px}body .row-fluid .total-first-stage .total-select select{height:47px;font-size:16px}.total-select span.per{font-size:16px}body .row-fluid .total-first-stage{padding:40px 20px 40px}body .row-fluid .next-button-cont button:after{right:36%;top:18px}.stage-2 .heading-container h2{font-size:23px;line-height:31px;letter-spacing:-0.42px}.stage-2 .heading-container{margin-bottom:40px}body .row-fluid .loan-container{padding:18px 15px}.loan-container label{font-size:16px;margin-bottom:0px}.loan-container select{height:47px;margin-bottom:15px;font-size:16px}body .row-fluid .loan-container input{height:47px;margin-bottom:15px;font-size:16px}.input-rate-cont .years-cont:after{font-size:16px;top:39px}.input-rate-cont .interest-cont:after{top:41px;font-size:16px}.stage3-cont .left-col{margin-bottom:15px;padding:28px 0}.stage3-cont .left-col p{font-size:16px;line-height:31px}.stage3-cont .left-col p.monthly-charges{font-size:23px;letter-spacing:-0.42px}.stage3-cont .left-col p.monthly-repayments{font-size:23px;line-height:31px;letter-spacing:-0.42px}.stage3-cont .right-col p{font-size:16px;line-height:31px}.stage3-cont .right-col p.yearly-charges{font-size:45.6px;line-height:45px}.stage3-cont .right-col p.per-month{font-size:16px;line-height:22px}.dollar-container input{padding-left:6px !important}.dollar-container:before{content:none}}