html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;color:#3e3d3f}fieldset{border:0;margin:0;padding:0;min-inline-size:0}input[type=range]{-webkit-appearance:none}form legend{font-size:16px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:.3px;text-align:left;color:#3e3d3f;margin-bottom:10px}form label{font-size:14px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.21;letter-spacing:.2px;text-align:left;color:#3e3d3f;display:block;margin-bottom:5px}form .control-container.first{margin-top:35.5px}form .control-container{position:relative;margin-bottom:20px;min-height:67px}form .control-container.half{position:relative;width:calc(50% - 14px);float:left;min-height:67px;margin-right:28px}form .row .control-container:last-child{margin-right:0}form .slider{width:100%}form .control-container.slider label{margin-bottom:0}form .slider .range-control{position:relative;display:block;width:316px;height:32px;float:left;padding:16px 0 0;margin-right:10px}form .slider .range-number{width:30px;height:43px;border-radius:4px;background-color:#fff;border:solid 1px #cacaca;float:left;font-size:16px;padding:0 14px}form .slider .range-control span{display:block;float:left;width:10px}form .slider .range-control .min-range,form .slider .range-control .max-range{width:19px;height:18px;opacity:.8;font-size:15px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.3px;text-align:left;color:#3e3d3f}form .slider .range-control .min-range{margin-right:5px}form .slider .range-control .max-range{margin-left:5px}form .slider .range-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;width:250px;height:8px;margin-top:6px;border-radius:100px;background:linear-gradient(90deg,#1091cc 50%,#d8d8d8 50%);outline:none;display:block;float:left}form .slider .range-control input[type=range]:focus{outline:none}form .slider .range-control input[type=range]::-moz-focus-outer{border:0}form .slider .range-control input[type=range]::-moz-range-track{-moz-appearance:none;width:250px;height:8px;margin-top:6px;border-radius:100px;background:linear-gradient(90deg,#d8d8d8 50% 50%);outline:none;display:block;float:left}form .slider .range-control input[type=range]::-moz-range-progress{background-color:#1091cc;height:8px}form .slider .range-control input[type=range]::-moz-range-thumb{-moz-appearance:none;border-radius:50%;cursor:pointer;width:24px;height:24px;background-color:#fff;box-shadow:0 1px 2px #00000045}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;cursor:pointer;width:24px;height:24px;background-color:#fff;box-shadow:0 1px 2px #00000045}form .slider .range-control input[type=range]::-moz-range-thumb{border-radius:50%;cursor:pointer;width:24px;height:24px;background-color:#fff;box-shadow:0 1px 2px #00000045}form .control-container input[type=text]{position:relative;width:calc(100% - 28px);height:45px;border-radius:4px;background-color:#fff;border:solid 1px #cacaca;font-size:16px;padding:0 14px;color:#3e3d3f}form .control-container input[type=text].currency{background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='85px'><text x='2' y='13' fill='%233E3D3F' font-size='16' font-family='sans-serif'>$</text></svg>");background-position-y:14px;background-position-x:22px;width:calc(100% - 54px);padding-left:40px;padding-right:14px}form .control-container input.range-number{color:#3e3d3f}form .control-container input.range-number:focus,form .control-container input[type=text]:focus{outline:none;border-radius:4px;box-shadow:0 0 4px #3e3d3f9e;background-color:#fff;border:solid 1px #3e3d3f}.row:after,form .control-container:after{content:"";display:block;clear:both}form button{width:100%;height:45px;border-radius:4px;background-color:#0077c0;font-family:Helvetica Neue,sans-serif;text-transform:uppercase;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:1px;text-align:center;color:#fff;margin-bottom:20px;cursor:pointer}form button:hover{background-color:#26a6f6}form .control-container input.currency.has-error{border-radius:4px;background-color:#fff;border:solid 1px #da3535}.helper.error{display:none;position:relative;font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:0;text-align:left;min-width:188px;color:#da3535}.helper.error.loan:after{content:"Loan Amount is mandatory"}.helper.error.tax:after{content:"Annual Tax is mandatory"}.helper.error.insurance:after{content:"Annual Insurance is mandatory"}input[type=range]::-ms-track{width:300px;height:30px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}input[type=range]::-ms-thumb{-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;z-index:1}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}@media only screen and (max-width:600px){form legend,form label{font-size:12px}form .slider .range-control{width:80%;margin-right:0}form .slider .range-control input[type=range]{width:70%}form .slider .range-number{width:20px}form .slider .range-number,form .control-container input[type=text]{font-size:14px}form .control-container input[type=text].currency{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14px' width='85px'><text x='2' y='13' fill='%233E3D3F' font-size='14' font-family='sans-serif'>$</text></svg>")}.helper.error.loan:after,.helper.error.tax:after,.helper.error.insurance:after{font-size:10px;content:"Mandatory field"}}.app-results-content h2{margin:0;font-size:26px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.15;letter-spacing:normal;text-align:left;color:#3e3d3f}.app-results-content .row{margin-top:20px}.app-results-content p{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2.14;letter-spacing:normal;text-align:left;color:#3e3d3f;margin:0}.app-results-content hr{margin-top:20px;border:solid 1px #cbcbcb}.app-results-content .amount{opacity:.2;font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.67;letter-spacing:normal;text-align:left;color:#3e3d3f}.app-results-content .amount.total{font-size:22px;line-height:1.36}.app-results-content .amount.result,.app-results-content .amount.total.result{opacity:1;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.67;letter-spacing:normal;text-align:left;color:#3e3d3f}.app-results-content p.total{font-size:18px}.page{background-color:#fefefe;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.main-container{background-color:#fff;width:900px;padding:30px;border:1px gray solid;box-shadow:0 2px 6px 2px #0000001a;border-radius:20px}.app-title{font-size:24px;font-weight:400;margin:4px 0 15px;color:#005175}.main-container hr{margin:0}.child-container{display:flex;justify-content:center;align-items:center;height:600px}.app-form-container{width:390px;border-radius:4px;background-color:#fff;box-shadow:0 2px 6px 2px #0000001a;position:relative;float:left;z-index:10;padding:34px 40px 20px}.app-results-container{width:298px;height:440px;background-color:#eaf6fa;position:relative;margin-top:40px;float:left;z-index:5;border-top-right-radius:10px;border-bottom-right-radius:10px}.app-results-content{padding:30px 20px}@media only screen and (max-width:760px){.main-container{border:none;border-radius:0;position:relative;box-shadow:none}.child-container{display:flex;flex-direction:column;height:auto}.app-form-container{display:flex;flex:1;margin:20px 0 0}.app-results-container{display:flex;flex:1;background-color:#eaf6fa;margin-top:0;border-radius:0;transition-duration:1s}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */