body{background:#fff}
.insuranceCalculatorForms{border-radius:6px;border:solid 1px #ebebeb;background-color:#fff}
.insuranceCalculatorForms ul{width:65%;position:relative;margin-left:auto}
.insuranceCalculatorForms .askingPrice{background:#f2fff9;display:flex;align-items:center;padding:12px 18px 12px 33px}
.insuranceCalculatorForms .askingPrice h2{font-size:18px;color:#333;;margin-right:20px;white-space:nowrap}
.insuranceCalculatorForms .askingPrice input.form-control{max-width:244px;margin-right:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}
.insuranceCalculatorForms .askingPrice .insuranceCalculatorInstructions{padding:8px;margin-left:23px;max-width:219px;background:#f5efff;border-radius:8px;position:relative}
.insuranceCalculatorForms .askingPrice .insuranceCalculatorInstructions::after{content:"";position:absolute;width:0;height:0;border-top:5px solid transparent;border-right:17px solid #f5efff;border-bottom:11px solid transparent;left:-16px;top:26px}
.insuranceCalculatorForms .askingPrice .insuranceCalculatorInstructions h3{margin-bottom:6px;font-size:16px;color:#5f449b;font-family:Arial;}
.insuranceCalculatorForms .askingPrice .insuranceCalculatorInstructions p{font-size:12px;line-height:16px;color:#5f449b;font-weight:300;}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields{display:flex;align-items:center}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields h4{font-size:14px;color:#333;margin-right:100px;max-width:100px;width:100%;white-space:nowrap}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields h4 figure{display:inline-block;position:relative;top:5px;margin-right:15px}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields ul li{display:inline-block;margin-right:20px;text-align:center;width:calc(33% - 20px)}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields ul li:nth-child( 3n + 3 ){margin-right:0}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields ul li input{border-radius:8px;max-width:300px;margin-bottom:15px}
.insuranceFormBox{padding:25px 0 25px 33px}
.insuranceFormBox ul li:last-child{margin-right:0!important}
.insuranceDetailFields.mortgageInsurance{margin-top:10px}
.insuranceDetailFields select{border-radius:8px;position:relative;cursor:pointer}
.insuranceDetailFields.selectBox ul li{position:relative}
.insuranceDetailFields.selectBox ul li::after{content:"\e9f5";font-family:Arial;position:absolute;top:18px;right:12px;color:#666;z-index:999}
ul.downPayment{position:relative}
ul.downPayment::after{content:"";position:absolute;border:1px solid #fff;width:11px;left:-34px;top:62px}
ul.downPayment::before{content:"";position:absolute;background:#d5b9ff;width:22px;height:22px;left:-40px;top:52px;border-radius:50px}
ul.mortgageInsurance{position:relative}
ul.mortgageInsurance li em{position:absolute;border:1px solid #fff;width:13px;left:5px;top:10px}
ul.mortgageInsurance li em:after{content:"";position:absolute;border:1px solid #fff;height:12px;top:-6px;left:4px}
li.insurancePositiveSign{background:#d5b9ff;border-radius:50px;width:22px!important;height:22px;position:absolute;top:-3px;left:-40px}
.totalMortgageRequired{padding:15px 49px 15px 33px;display:flex;justify-content:space-between;background:#2e8540;align-items:center}
.totalMortgageRequired ul li{display:inline-block;width:32.6%;text-align:center}
.totalMortgageRequired ul li.insuranceEqualSign{background:#fff;border-radius:50px;width:22px!important;height:22px;position:absolute;top:-3px;left:-26px}
.totalMortgageRequired ul li.insuranceEqualSign em{position:absolute;border:1px solid #58BF93;width:11px;top:8px;left:5px}
.totalMortgageRequired ul li.insuranceEqualSign em::after{content:"";position:absolute;border:1px solid #58BF93;width:11px;top:4px;left:-1px}
.totalMortgageRequired ul li span{font-size:18px;color:#fff}
.totalMortgageRequired h5{margin-right:100px;font-size:18px;color:#fff;max-width:135px;width:100%}
.resetForm{margin:15px 0 50px}
.btn.btn-secondary.resetForm{width:100%;font-size:16px;}
select#dev_countrylist{border-radius:5px 0 0 5px}
@media screen and (max-width:540px) {
.insuranceCalculatorForms{overflow-y:hidden;overflow-x:scroll;width:calc(100vw - 30px)}
.insuranceCalculatorForms::-webkit-scrollbar{display:none}
.insuranceCalculatorForms ul{max-width:500px;display:flex;flex-flow:row wrap;width:auto;flex:none}
.insuranceCalculatorForms .insuranceFormBox .insuranceDetailFields ul li{margin-right:20px;text-align:center;display:block;width:150px}
.insuranceCalculatorForms .askingPrice{width:800px}
.insuranceFormBox{width:800px}
.totalMortgageRequired{width:800px}
.totalMortgageRequired ul li{width:150px}
}