el.hedgenessapp.com
Open in
urlscan Pro
2620:1ec:bdf::40
Public Scan
URL:
https://el.hedgenessapp.com/
Submission: On December 14 via api from US — Scanned from US
Submission: On December 14 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
<form class="multisteps-form__form" style="height: 652px;">
<div class="mainInfoBlogMainCnt">
<!--single form panel-->
<div class="multisteps-form__panel js-active" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 1/6</span>
<h1>Let’s get started</h1>
</div>
</div>
<div class="mainFormCnt">
<div class="row">
<div class="col-sm-6">
<label for="simpleinput" class="form-label">When were you born?</label>
<div class="datepicker date input-group">
<input type="text" id="dob_id" value="01/1960" placeholder="MM/YYYY" onkeypress="formatDate(this.value);" onkeyup="removeAll();dynamicRetirementAge();" onblur="validateDate(this.value);getCallbackToken(clientInformOnBlur);"
class="form-control" maxlength="7">
<div class="input-group-append">
<!--<span class="input-group-text">
<i class="fa fa-calendar"></i>
</span>-->
</div>
</div>
<span id="dob_validation_message" class="errorMsg"></span>
</div>
<div class="col-sm-6">
<label for="simpleinput" class="form-label">At what age do you desire to retire? </label>
<select class="form-select" onchange="getCallbackToken(clientInformOnBlur);" id="retirement_age_id">
<!-- <option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option> -->
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
<option value="81">81</option>
<option value="82">82</option>
<option value="83">83</option>
<option value="84">84</option>
<option value="85">85</option>
<option value="86">86</option>
<option value="87">87</option>
<option value="88">88</option>
<option value="89">89</option>
<option value="90">90</option>
<option value="91">91</option>
<option value="92">92</option>
<option value="93">93</option>
<option value="94">94</option>
<option value="95">95</option>
<option value="96">96</option>
<option value="97">97</option>
<option value="98">98</option>
<option value="99">99</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<label for="simpleinput" class="form-label">How much do you currently make annually?</label>
<input type="text" onblur="getCallbackToken(clientInformOnBlur);" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;"
onkeyup="amountFormat(this.value, 'annual_income_id')" id="annual_income_id" placeholder="100000" value="$100,000" class="form-control">
</div>
<div class="col-sm-6">
<label for="simpleinput" class="form-label">What percentage raises do you expect?</label>
<input type="text" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key > 47 && key < 58 ) return true; else return false;" onblur="addPercentage(this.value);getCallbackToken(clientInformOnBlur);"
id="percentage_raises_id" placeholder="0%" value="0%" class="form-control">
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div>
<label for="simpleinput" class="form-label">Do you want to plan for a single or joint life? <button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top"
data-trigger="manual" title="" data-content="A joint plan guarantees income from an annuity for the length of both spouse’s lives">
<i class="fa fa-info"></i></button> </label>
</div>
<div class="row">
<div class="col-8">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" onclick="showHideSpouse(this.value);validateSpouseNotNullMessage()" onblur="getCallbackToken(clientInformOnBlur);" id="customRadioInline1" name="customRadioInline1" class="custom-control-input" value="Single"
checked="checked">
<label class="custom-control-label" for="customRadioInline1">Single</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" onclick="showHideSpouse(this.value);" onblur="getCallbackToken(clientInformOnBlur);" id="customRadioInline2" name="customRadioInline1" class="custom-control-input" value="Joint">
<label class="custom-control-label" for="customRadioInline2">Joint</label>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div>
<label for="simpleinput" class="form-label">What is the current age of your spouse? <button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual"
title="" data-content="If your spouse’s age is less than 51 at your retirement age, then only a single life plan will be used">
<i class="fa fa-info"></i></button></label>
</div>
<!-- <select onblur="clientInformOnBlur();" class="form-select" id="age_of_spouse_id">
<option>57</option>
</select> -->
<input type="text" id="age_of_spouse_id" onkeypress="var key = window.event ? event.keyCode : event.which; if (key > 47 && key < 58) return true; else return false;" disabled="" placeholder="" maxlength="2"
onblur="getCallbackToken(clientInformOnBlur);validateSpouseNotNullMessage();" value="N/A" class="form-control">
<span id="spouse_age_empty_message" class="errorMsg"></span>
</div>
</div>
</div>
</div>
<div class="row">
<!--<div class="col-sm-1 frdBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary js-btn-prev" type="button"
title="Prev"><i class="fa fa-long-arrow-left"
aria-hidden="true"></i> </button>
</div>
</div> -->
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<div class="col-12">
<div class="nxtBtn">
<div class="button-row bottomRow">
<!-- <button id="client_information_button" class="btn btn-primary pull-right"
onclick="validateClient()" type="button"
title="Next">Continue </button> -->
<button id="client_information_button" class="btn btn-primary pull-right" onclick="getCallbackToken(validateClient);validateSpouseNotNullMessage(); scrollToTop()" type="button" title="Next">Continue </button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
<!--single form panel-->
<div class="multisteps-form__panel" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 2/6</span>
<h1>Retirement Expenses <div class="calculate_expenses">
<label>Calculate expenses</label>
<a href="#" onclick="getCallbackToken(dynamicExpenses);" class="pop_icon" data-toggle="modal" data-target="#largeModal">+</a>
</div>
</h1>
</div>
</div>
<div class="mainFormCnt">
<div class="row">
<div class="col-sm-12">
<div class="rtr_info rtr_info_secondTb">
<p><button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="We provided an estimate based on BLS Consumer Expenditure Surveys">
<i class="fa fa-info"></i></button>Based on your info, your total monthly expenses are <strong id="">
<input type="text" id="current_total_exp_id" onkeypress="var key = window.event ? event.keyCode : event.which; if (key > 47 && key < 58) return true; else return false;" onkeyup="getCallbackToken(getEstimatedExpenses2);"
onblur="getCallbackToken(expenseInformationChange);" placeholder="7,500" value="7,500" class="form-control m_e_ta selectActive byim_expenses"></strong>
</p>
<p>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="3.25% is the long-term average annual inflation as measured by Consumer Price Index">
<i class="fa fa-info"></i></button>Using an inflation rate of <span class="inflationSelectTa">
<!-- <select class="form-select selectActive" onchange="getEstimatedExpenses2('')" onblur="expenseInformationChange();" id="select_cpi_id">
<option value="3.25">3.25%</option>
<option value="4">4%</option>
<option value="5">5%</option>
</select> -->
<select class="form-select selectActive" onchange="getCallbackToken(getEstimatedExpenses2);getCallbackToken(expenseInformationChange);" id="select_cpi_id">
<option value="3.25">3.25%</option>
<option value="4">4%</option>
<option value="5">5%</option>
</select>
</span> your monthly expenses will be <strong id="inflated_total_exp_id">$6,586</strong> by the time you are <strong id="expense_retire_age_id">64</strong>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="rtr_info rtr_info2">
<label for="simpleinput" class="form-label">Effect of inflation on expenses</label>
<div class="Efect_infatio">
<label>Essential</label>
<div class="sap_progress">
<div class="progress">
<div class="progress-bar progress-barNew" id="essential_essential_id" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 96.8523%;">
<strong class="p_value" id="essential_essential_id_1">$4,018</strong>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" id="inflated_essential_id" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
<strong class="p_value" id="inflated_essential_id_1">$4,149</strong>
</div>
</div>
</div>
</div>
<div class="Efect_infatio">
<label>Essential Lifestyle</label>
<div class="sap_progress">
<div class="progress">
<div class="progress-bar progress-barNew" role="progressbar" id="essential_lifestyle_id" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 35.3588%;">
<strong class="p_value" id="essential_lifestyle_id_1">$1,467</strong>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" id="inflated_lifestyle_id" aria-valuemin="0" aria-valuemax="100" style="width: 36.5079%;">
<strong class="p_value" id="inflated_lifestyle_id_1">$1,514</strong>
</div>
</div>
</div>
</div>
<div class="Efect_infatio">
<label>Nice to Have Lifestyle</label>
<div class="sap_progress">
<div class="progress">
<div class="progress-bar progress-barNew" role="progressbar" id="essential_nice_to_id" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 21.5227%;">
<strong class="p_value" id="essential_nice_to_id_1">$893</strong>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" id="inflated_nice_to_id" aria-valuemin="0" aria-valuemax="100" style="width: 22.2222%;">
<strong class="p_value" id="inflated_nice_to_id_1">$922</strong>
</div>
</div>
</div>
</div>
<div class="rtr_report">
<ul>
<li><i class="legend1 legend2"></i>Current Expenses <span id="current_expense_id">$6,379</span>
</li>
<li><i class="legend1 legend3"></i>Inflated Expenses <span id="inflated_expense_id">$6,586</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="rtr_info rtr_info2">
<label for="simpleinput" class="form-label">Breakdown of expenses at retirement</label>
<!-- <img src="images/ber_img.jpg" /> -->
<!-- <div id="chartContainer" style="height: 300px; width: 100%;"></div> -->
<div id="funnel"><svg id="d3-funnel-X9u9PVr7zZMMcYAjsl20f" width="503.25" height="250">
<g>
<path d="M167.75,0 L335.5,0 L362.87904176157934,40.80334092634776 L140.37095823842066,40.80334092634776 L167.75,0" fill="#014282"></path><text x="251.625" y="20.40167046317388" fill="#fff" font-size="14px" text-anchor="middle"
dominant-baseline="middle" pointer-events="none">
<tspan x="251.625" dy="0">$922</tspan>
</text>
</g>
<g>
<path d="M140.37095823842066,40.80334092634776 L362.87904176157934,40.80334092634776 L403.52931207289294,101.38496583143508 L99.72068792710706,101.38496583143508 L140.37095823842066,40.80334092634776" fill="rgb(78, 146, 213)">
</path><text x="251.625" y="71.09415337889142" fill="#fff" font-size="14px" text-anchor="middle" dominant-baseline="middle" pointer-events="none">
<tspan x="251.625" dy="0">$1,514</tspan>
</text>
</g>
<g>
<path d="M99.72068792710706,101.38496583143508 L403.52931207289294,101.38496583143508 L503.25,250 L0,250 L99.72068792710706,101.38496583143508" fill="rgb(185, 192, 198)"></path><text x="251.625" y="175.69248291571753"
fill="#fff" font-size="14px" text-anchor="middle" dominant-baseline="middle" pointer-events="none">
<tspan x="251.625" dy="0">$4,149</tspan>
</text>
</g>
</svg></div>
<div class="rtr_report">
<ul>
<li>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="Spending that you would feel comfortable going without If you had to">
<i class="fa fa-info"></i></button> Nice to Have Lifestyle <span id="pyramid_nicetohave_id">$922</span>
</li>
<li>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="Expenses you could do without but are very important to your retirement lifestyle">
<i class="fa fa-info"></i></button> Essential Lifestyle <span id="pyramid_lifestyle_id">$1,514</span>
</li>
<li>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="Non-negotiable expenses like mortgage, utilities, insurance premiums, etc.">
<i class="fa fa-info"></i></button> Essential <span id="pyramid_essential_id">$4,149</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="frdBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary js-btn-prev" type="button" title="Prev" onclick="scrollToTop()">
<!-- <i class="fa fa-long-arrow-left"
aria-hidden="true"></i> -->
</button>
</div>
</div>
</div>
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<div class="col-6 ">
<div class="nxtBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary pull-right js-btn-next" type="button" onclick="getCallbackToken(socialSecurityEstimate); scrollToTop()" title="Next">Continue </button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
<!--single form panel-->
<div class="multisteps-form__panel" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 3/6</span>
<h1>Retirement Income</h1>
</div>
</div>
</div>
<div class="mainFormCnt mainFormCnt2">
<p class="clr">Your guaranteed sources of income at <strong id="income_retire_age_id">64</strong></p>
<div class="rtr_income">
<div class="row">
<div class="col-md-8">
<div class="retirementIncomeThirdTab">
<div id="social_sec_income_validation_message" class="errorMsg errorMsgfullWidth"></div>
<ul>
<li class="HHHH">How much in social security? <button type="button" class="toolTip_a socialSecurity_Info" role="button" data-html="true" data-trigger="click" data-toggle="popover" options:="" {="" clickoutside="" :="" true="" }=""
data-placement="top" title="" data-content="<div>We estimated your benefit using formulas published by Social Security Administration </div>
<div class='NextLine'> To get the most accurate social security benefits, sign up at <a href='https://www.ssa.gov/retirement' target='_blank' class='tooltip_link'> ssa.gov/retirement</a> </div>">
<i class="fa fa-info"></i></button>
<div class="retirIncomeTa">
<!-- <strong>$</strong> data-trigger="click" -->
<!-- <input type="text" id="social_security_val_id" placeholder="100" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;" onkeyup="amountFormat(this.value, 'social_security_val_id');totalRetirementIncome()" onblur="incomeInformationChange();" value="0" class="form-control"> -->
<input type="text" id="social_security_val_id" placeholder="100" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;"
onkeyup="amountFormat(this.value, 'social_security_val_id');totalRetirementIncome()" onblur="incomeInformationChange('');" value="0" class="form-control">
</div>
</li>
<li>How much in pension? <div class="retirIncomeTa">
<!-- <strong>$</strong> -->
<!-- <input type="text" id="pension_val_id" placeholder="200" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;" onkeyup="amountFormat(this.value, 'pension_val_id');totalRetirementIncome()" onblur="incomeInformationChange();" value="$0" class="form-control"> -->
<input type="text" id="pension_val_id" placeholder="200" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;"
onkeyup="amountFormat(this.value, 'pension_val_id');totalRetirementIncome()" onblur="incomeInformationChange('');" value="$0" class="form-control">
</div>
</li>
<li>Any income from other annuities? <div class="retirIncomeTa">
<!-- <strong>$</strong> -->
<!-- <input type="text" id="annuity_income_val_id" placeholder="0" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;" onkeyup="amountFormat(this.value, 'annuity_income_val_id');totalRetirementIncome()" onblur="incomeInformationChange();" value="$0" class="form-control"> -->
<input type="text" id="annuity_income_val_id" placeholder="0" onkeypress="var key = window.event ? event.keyCode : event.which; if ( key == 46 || (key > 47 && key < 58) ) return true; else return false;"
onkeyup="amountFormat(this.value, 'annuity_income_val_id');totalRetirementIncome()" onblur="incomeInformationChange('');" value="$0" class="form-control">
</div>
</li>
<!-- <li>Anything else guaranteed? <span>$2.200</span></li> -->
</ul>
</div>
</div>
<div class="col-md-4">
<div class="rtr_incomeRight">
<h6>Total Retirement Income</h6>
<strong id="total_retirement_income">$2,194</strong>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="frdBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary js-btn-prev" type="button" title="Prev" onclick="scrollToTop()">
<!-- <i class="fa fa-long-arrow-left"
aria-hidden="true"></i> -->
</button>
</div>
</div>
</div>
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<input type="hidden" id="hidden_total_social_id" value="2194" class="form-control">
<input type="hidden" id="hidden_inflated_gap_id" value="6586" class="form-control">
<!-- <input type="hidden" id="total_inflated_amount" value="" class="form-control"> -->
<!-- <input type="hidden" id="hidden_retirement_income_load" value="false" class="form-control">
<input type="hidden" id="hidden_income_gap_load" value="false" class="form-control">
<input type="hidden" id="hidden_annuity_load" value="false" class="form-control">
<input type="hidden" id="hidden_report_load" value="false" class="form-control"> -->
<div class="col-6">
<div class="nxtBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary pull-right js-btn-next" type="button" onclick="displayPieChart();scrollToTop()" title="Next">Continue </button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
<div class="multisteps-form__panel" id="income_gap_panel_div" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 4/6</span>
<h1>Guaranteed Lifetime Income Gap</h1>
</div>
</div>
<div class="mainFormCnt">
<div class="">
<div class="row">
<div class="col-lg-6 col-md-12 l_p_g" id="server_income_gap_chart_id">
<div class="rtr_info rtr_info3">
<label for="simpleinput" class="form-label">Guaranteed Lifetime Income Gap</label>
<div id="chart_div_id" class="text-center">
<div class="chartjs-size-monitor" style="position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
<div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
<div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
</div>
<div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
<div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
</div>
</div>
<!-- <img src="images/incom_gap_img.jpg" /> -->
<canvas id="myChart" width="503" height="350" style="display: block; width: 503px; height: 350px;" class="chartjs-render-monitor"><canvas></canvas></canvas>
</div>
<div class="rtr_report">
<ul>
<li><i class="legend1 legend2"></i>Total Expenses <span id="income_gap_total_expense_id">$6,586</span>
</li>
<li><i class="legend1 legend3"></i>Retirement Guaranteed Income <span id="income_gap_guaranteed_income_id">$2,194</span>
</li>
<li><i class="legend1"></i>Guaranteed Income Gap <span id="income_gap_income_gap_id">$4,392</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 displayFlex">
<div class="rtr_info rtr_info_001" id="income_gap_greater_id" style="display: block;">
<p>Since your guaranteed <b>retirement income</b> amounts to <b id="income_social_security_id">$2,194</b> and your <b>retirement expenses</b> amount to <b id="inflated_income_gap_id">$6,586</b>, you will have a
<b>guaranteed lifetime income gap</b> of <b id="income_gap_income_gap_1_id">$4,392</b>
</p>
</div>
<div class="rtr_info rtr_info_001" id="income_gap_lesser_id" style="display: none;">
<p>Since your guaranteed <b>retirement income</b> amounts to <b id="income_less_social_security_id">$2,194</b> and your <b>retirement expenses</b> amount to <b id="inflated_less_income_gap_id">$6,586</b>, you will not have a
<b>guaranteed lifetime income gap</b>
</p>
<p><span class="alert_IconN"><img src="images/alert_icon.png"></span><b>In order
to see an annuity analysis, you need to have an
income gap</b></p>
</div>
</div>
<!-- <div class="col-md-12 mt-20" id="income_gap_lesser_message_id">
<div class="rtr_info rtr_info_001">
<p><b>"In order to see an annuity analysis, you need to have an income gap”</b></p>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="frdBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary js-btn-prev" onclick="scrollToTop()" type="button" title="Prev">
<!-- <i class="fa fa-long-arrow-left"
aria-hidden="true"></i> -->
</button>
</div>
</div>
</div>
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<div class="col-6">
<div class="nxtBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary pull-right js-btn-next" type="button" id="income_gap_next_button" onclick="getCallbackToken(getAnnuityInvestmentAmount);redirectReport();scrollToTop()" title="Next">Continue </button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
<div class="multisteps-form__panel" id="annuity_panel_div" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 5/6</span>
<h1>Income Focus</h1>
</div>
</div>
<div class="mainFormCnt">
<div class="rtr_info" id="expense_coverage_premium">
<p>A premium of <b></b><b id="annuity_investment_amount">225,000</b> in Income Focus today will fill the guaranteed lifetime income gap by creating a guaranteed lifetime income of <b></b><b id="fill_income_gap_id">6000</b> per month
when you are <b id="fill_retirement_age">67</b></p>
</div>
<div class="rtr_info" id="custom_coverage_premium">
<p>A premium of <b></b><b id="custom_annuity_investment_amount">225,000</b> in Income Focus today will create a guaranteed lifetime income of <b></b><b id="custom_fill_income_gap_id">6000</b> per month when you are
<b id="custom_fill_retirement_age">67</b>
</p>
</div>
<div class="annunityBlog">
<!-- <div class="row">
<div class="col-sm-9">
<div class="annunityBlogCnt">
<div class="r_sliderCnt">
<div class="r_sliderCntLbl">
<label class="range_premium">Premium</label>
<label class="range_Income">Income</label>
</div>
<div class="range-slider">
<p class="top_range_1">$155.00</p>
<p class="top_range_2">$170.00</p>
<p class="top_range_3">$225.00</p>
<input class="range-slider__range" id="slider1" type="range" value="250" min="0" max="500" step="50">
<span class="range-slider__value">250</span>
<p class="bottom_range_1">$155.00</p>
<p class="bottom_range_2">$170.00</p>
<p class="bottom_range_3">$225.00</p>
</div>
</div>
<div class="r_sliderCnt r_sliderCnt2">
<div class="r_sliderCntLbl">
<i id="ssc" class="fa fa-info ml-10"></i>
<label class="range_premium">Expense Coverage</label>
</div>
<div class="range-slider">
<p class="top_range_1">ESSENTIAL</p>
<p class="top_range_2">+ ESSENTIAL LIFESTYLE</p>
<p class="top_range_3">+ NICE TO HAVE LIFESTYLE</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<h3>Customize Premium</h3>
<div class="rtr_incomeRight rtr_incomeRight02">
<div class="">
<input type="text" id="annuity_customize_premium_id"
placeholder="$2.200" onkeyup="getCustomizePremiumAmount()" value="2000" class="form-control">
</div>
<span id="annuity_customize_income">$11.000</span>
</div>
</div>
</div> -->
<div class="row">
<h3 style="margin: 0 0 20px 15px;">Pick 1 of 3 expense coverage or customize your premium</h3>
<div class="col-lg-3 col-md-6 lifeStyleSS">
<div class="premiumBlog">
<h2><span><input type="radio" id="ptype_id_1" onclick="annuityRadioCheck();" name="pType" value="essential">
<label for="ptype_id_1">Essential</label></span>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="Non-negotiable expenses like mortgage, utilities, insurance premiums, etc.">
<i class="fa fa-info"></i></button>
</h2>
<div class="retirIncomeTa">
<div class="premiumValue">
<b>Premium</b>
<strong id="essential_premium_value">$155.00</strong>
</div>
<div class="incomeValue">
<b>Income</b>
<strong id="essential_premium_income">$155.00</strong>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 lifeStyleSS">
<div class="premiumBlog">
<h2><span><input type="radio" id="ptype_id_2" onclick="annuityRadioCheck();" name="pType" value="lifestyle">
<label for="ptype_id_2">+ Essential Lifestyle</label></span>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="All Essential expenses PLUS expenses you could do without but are very important to your retirement lifestyle">
<i class="fa fa-info"></i></button>
</h2>
<div class="retirIncomeTa">
<div class="premiumValue">
<b>Premium</b>
<strong id="essential_lifestyle_premium">$155.00</strong>
</div>
<div class="incomeValue">
<b>Income</b>
<strong id="essential_lifestyle_income">$155.00</strong>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 lifeStyleSS">
<div class="premiumBlog">
<h2><span><input type="radio" id="ptype_id_3" checked="checked" onclick="annuityRadioCheck();" name="pType" value="nicetohave">
<label for="ptype_id_3">+ Nice to Have Lifestyle</label></span>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="All Essential and Essential Lifestyle expenses, PLUS spending that you would feel comfortable going without If you had to">
<i class="fa fa-info"></i></button>
</h2>
<div class="retirIncomeTa">
<div class="premiumValue">
<b>Premium</b>
<strong id="essential_nicetohave_premium">$155.00</strong>
</div>
<div class="incomeValue">
<b>Income</b>
<strong id="essential_nicetohave_income">$155.00</strong>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 lifeStyleSS">
<div class="premiumBlog">
<h2><span><input type="radio" id="ptype_id_4" onclick="annuityRadioCheck();" name="pType" value="customize">
<label for="ptype_id_4">Custom Premium</label></span>
<button type="button" tabindex="0" class="toolTip_a" role="button" data-html="true" data-toggle="popover" data-placement="top" data-trigger="manual" title=""
data-content="Input a premium amount to see how much monthly income it will generate">
<i class="fa fa-info"></i></button>
</h2>
<div class="retirIncomeTa">
<b>Premium</b>
<input type="text" id="annuity_customize_premium_id" placeholder="$0" onkeypress="var key = window.event ? event.keyCode : event.which; if (key > 47 && key < 58) return true; else return false;"
onkeyup="amountFormat(this.value, 'annuity_customize_premium_id');getCallbackToken(getCustomizePremiumAmount);annuityRadioCheck();" value="$0" class="form-control">
<div class="incomeValue incomeValue2">
<b>Income</b>
<strong id="annuity_customize_income">$0</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="frdBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary js-btn-prev" onclick="scrollToTop()" type="button" title="Prev">
<!-- <i class="fa fa-long-arrow-left"
aria-hidden="true"></i> -->
</button>
</div>
</div>
</div>
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<div class="col-6">
<div class="nxtBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary pull-right js-btn-next" onclick="scrollToTop()" type="button" title="Next">Continue </button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
<!--single form panel-->
<div class="multisteps-form__panel" id="report_panel_div_id" data-animation="fadeIn">
<div class="multistepsCn">
<div class="multisteps-form__content">
<div class="row">
<div class="col-sm-12">
<span class="stepCnt">Step 6/6</span>
<h1>Customize Report <!-- <div class="calculate_expenses downloadPDF">
<label>Download PDF</label>
<a href="#" class="pop_icon pop_icon2" ><i
class="fa fa-long-arrow-down"
aria-hidden="true"></i>
</a>
</div> -->
</h1>
</div>
</div>
<div class="mainFormCnt">
<div class="rtr_info rtr_info3">
<div class="row">
<div class="col-sm-12">
<div class="rtr_income">
<ul>
<li><img src="images/c_r_icon1.png"><label> Client Name <i class="star_icon">*</i></label>
<div class="retirIncomeTa">
<input type="text" id="client_name_id" placeholder="" onkeypress="clearPdfErrrMsg();" value="" class="form-control">
</div>
</li>
<li><img src="images/c_r_icon2.png"><label> Agent Name <i class="star_icon">*</i></label>
<div class="retirIncomeTa">
<input type="text" id="agent_name_id" placeholder="" onkeypress="clearPdfErrrMsg();" onkeyup="" value="" class="form-control">
</div>
</li>
<li><img src="images/c_r_icon3.png"><label> Firm <i class="star_icon">*</i></label>
<div class="retirIncomeTa">
<input type="text" id="firm_name_id" placeholder="" onkeypress="clearPdfErrrMsg();" onkeyup="" value="" class="form-control">
</div>
<strong></strong>
</li>
<li><img src="images/c_r_icon4.png"><label> Email <i class="star_icon">*</i></label>
<div class="retirIncomeTa">
<input type="text" id="email_id" placeholder="" onkeypress="clearPdfErrrMsg();" onkeyup="" value="" class="form-control">
</div>
<strong></strong>
</li>
<li><img src="images/c_r_icon5.png"><label> Phone <i class="star_icon">*</i></label>
<div class="retirIncomeTa">
<input type="text" id="phone_no_id" placeholder="" onkeypress="formatPhone(this.value);clearPdfErrrMsg();" value="" class="form-control">
</div>
<strong></strong>
</li>
</ul>
</div>
</div>
</div>
<div class="erroR_Msg text-center" id="pdf_error_msg_id"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="frdBtn">
<div class="button-row bottomRow">
<button id="pdf_previous_button_id" onclick="previousButton();scrollToTop()" class="btn btn-primary js-btn-prev" type="button" title="Prev">
<!-- <i class="fa fa-long-arrow-left"
aria-hidden="true"></i> -->
</button>
</div>
</div>
</div>
<!-- <div class="col-sm-9 mBtns">
<div class="completeProgress">
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<span class="progress_pers">5% Left</span>
</div> -->
<div class="col-6">
<div class="nxtBtn">
<div class="button-row bottomRow">
<button class="btn btn-primary pull-right" type="button" title="Print Report" onclick="getCallbackToken(downloadExpensePDF);">Print Report</button>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy"><span>Powered by </span> HEDGENESS</div>
</div>
</div>
</form>Text Content
RETIREMENT EXPENSES Based on your info, your total monthly expenses are $6,379 Using an inflation rate of 3.25% your monthly expenses will be$6,586 by the time you are64 Effect of inflation on expenses Essential $4,018 $4,149 Essential Lifestyle $1,467 $1,514 Nice to Have Lifestyle $893 $922 * Current Expenses $6,379 * Inflated Expenses $6,586 Breakdown of expenses at retirement $922$1,514$4,149 * Nice to Have Lifestyle $922 * Essential Lifestyle $1,514 * Essential $4,149 Powered by HEDGENESS INCOMESHIELD 10 A premium of 225,000 in IncomeShield 10 today will fill the guaranteed lifetime income gap by creating a guaranteed lifetime income of 6000 per month when you are 67 A premium of 225,000 in IncomeShield 10 today will create a guaranteed lifetime income of 6000 per month when you are 67 + ESSENTIAL LIFESTYLE Premium $ 765,198 Income $ 3,470 Powered by HEDGENESS Step 1/6 LET’S GET STARTED When were you born? At what age do you desire to retire? 646566676869707172737475767778798081828384858687888990919293949596979899 How much do you currently make annually? What percentage raises do you expect? Do you want to plan for a single or joint life? Single Joint What is the current age of your spouse? Continue Powered by HEDGENESS Step 2/6 RETIREMENT EXPENSES CALCULATE EXPENSES + Based on your info, your total monthly expenses are Using an inflation rate of 3.25% 4% 5% your monthly expenses will be $6,586 by the time you are 64 Effect of inflation on expenses Essential $4,018 $4,149 Essential Lifestyle $1,467 $1,514 Nice to Have Lifestyle $893 $922 * Current Expenses $6,379 * Inflated Expenses $6,586 Breakdown of expenses at retirement $922$1,514$4,149 * Nice to Have Lifestyle $922 * Essential Lifestyle $1,514 * Essential $4,149 Continue Powered by HEDGENESS Step 3/6 RETIREMENT INCOME Your guaranteed sources of income at 64 * How much in social security? * How much in pension? * Any income from other annuities? TOTAL RETIREMENT INCOME $2,194 Continue Powered by HEDGENESS Step 4/6 GUARANTEED LIFETIME INCOME GAP Guaranteed Lifetime Income Gap * Total Expenses $6,586 * Retirement Guaranteed Income $2,194 * Guaranteed Income Gap $4,392 Since your guaranteed retirement income amounts to $2,194 and your retirement expenses amount to $6,586, you will have a guaranteed lifetime income gap of $4,392 Since your guaranteed retirement income amounts to $2,194 and your retirement expenses amount to $6,586, you will not have a guaranteed lifetime income gap In order to see an annuity analysis, you need to have an income gap Continue Powered by HEDGENESS Step 5/6 INCOME FOCUS A premium of 225,000 in Income Focus today will fill the guaranteed lifetime income gap by creating a guaranteed lifetime income of 6000 per month when you are 67 A premium of 225,000 in Income Focus today will create a guaranteed lifetime income of 6000 per month when you are 67 PICK 1 OF 3 EXPENSE COVERAGE OR CUSTOMIZE YOUR PREMIUM ESSENTIAL Premium $155.00 Income $155.00 + ESSENTIAL LIFESTYLE Premium $155.00 Income $155.00 + NICE TO HAVE LIFESTYLE Premium $155.00 Income $155.00 CUSTOM PREMIUM Premium Income $0 Continue Powered by HEDGENESS Step 6/6 CUSTOMIZE REPORT * Client Name * * Agent Name * * Firm * * Email * * Phone * Print Report Powered by HEDGENESS RETIREMENT EXPENSES × Calculate your expenses Expense Category Value ($) Total $0 Submit Cancel